html{
      scroll-behavior: smooth; 
    }     

    /*mitte*/
    section { 
      display: flex;
      flex-direction: column;
      font-size: 1.1vw;
      font-family: Ubuntu-Medium;

    }


/*-----------------------------------------------------------------------------------------*/
    #Automatisierungstechnik{

      background: linear-gradient(to right,
      rgba(0, 0, 0, 0), 
      rgba(0, 0, 0, 1)),
      url("/eingesetzte_Bilder/Referenzen/Komprimiert/Automatisierungstechnik.png");
      background-position: center;
      background-size: cover;
 }
    #Automatisierungstechnik h1, #Maschinenbau h1, #Wasser_Abwasser h1, #Serienfertigung h1{ 
       padding: 1% 15% 1% 55%;
       color: #E0E0E0;
    }
    #Automatisierungstechnik ul, #Maschinenbau ul, #Wasser_Abwasser ul, #Serienfertigung ul{
     color: #E0E0E0;
     padding: 0% 10% 3% 55%;
    }
/*-----------------------------------------------------------------------------------------*/

    #Notstrom_Netzersatz{
      background: linear-gradient(to left,
      rgba(0, 0, 0, 0), 
      rgba(0, 0, 0, 1)),
      url("/eingesetzte_Bilder/Referenzen/Komprimiert/Notstrom.jpg");
      background-position: center;
      background-size: cover;
    }

    #Notstrom_Netzersatz h1, #Chemie h1, #Agrarindustrie h1, #Infrastruktur h1{
       padding: 1% 55% 2% 12%;
       color: #E0E0E0;
    }

    #Notstrom_Netzersatz ul, #Chemie ul, #Agrarindustrie ul, #Infrastruktur ul{
     color: #E0E0E0;
     padding: 0% 50% 3% 12%;
    }
/*-----------------------------------------------------------------------------------------*/
#Maschinenbau{
      background: linear-gradient(to right,
      rgba(0, 0, 0, 0), 
      rgba(0, 0, 0, 1)),
      url("/eingesetzte_Bilder/Referenzen/Komprimiert/Maschinenbau.jpg");
      background-position: center;
      background-size: cover;
   }
/*-----------------------------------------------------------------------------------------*/
   #Chemie {
      background: linear-gradient(to left,
      rgba(0, 0, 0, 0), 
      rgba(0, 0, 0, 1)),
      url("/eingesetzte_Bilder/Referenzen/Komprimiert/Estus_Flask.jpg");
      background-size: cover;
   }
/*-----------------------------------------------------------------------------------------*/
   #Wasser_Abwasser {
      background: linear-gradient(to right,
      rgba(0, 0, 0, 0), 
      rgba(0, 0, 0, 1)),
      url("/eingesetzte_Bilder/Referenzen/Komprimiert/Abwasser.jpg");
      background-size: auto auto;
   }
/*-----------------------------------------------------------------------------------------*/
    #Infrastruktur{
     background: linear-gradient(to left,
      rgba(0, 0, 0, 0), 
      rgba(0, 0, 0, 1)),
      url("/eingesetzte_Bilder/Referenzen/Komprimiert/Infrastruktur.jpg");
     background-position: center;

    }


/*-----------------------------------------------------------------------------------------*/
    #Serienfertigung{
      background: linear-gradient(to right,
      rgba(0, 0, 0, 0), 
      rgba(0, 0, 0, 1)),
      url("/eingesetzte_Bilder/Referenzen/Komprimiert/Serienfertigung.png");
      background-position: center;
      background-size: cover;
   }

/*-----------------------------------------------------------------------------------------*/
    #Agrarindustrie{
     background: linear-gradient(to left,
      rgba(0, 0, 0, 0), 
      rgba(0, 0, 0, 1)),
      url("/eingesetzte_Bilder/Referenzen/Komprimiert/Agrarindustrie.jpg");
      background-size: cover;
      background-position: center;
    }
/*-----------------------------------------------------------------------------------------*/




@media screen and (max-width: 1200px) {
 
  section { 
     font-size: 1.3vw;
     
    }

  }



@media screen and (max-width: 850px) {
   #Notstrom_Netzersatz h1, #Chemie h1, #Agrarindustrie h1, #Infrastruktur h1 {
       padding: 1% 50% 1% 9%;
       color: #E0E0E0;
    }

    #Notstrom_Netzersatz ul, #Chemie ul, #Agrarindustrie ul, #Infrastruktur ul{
     color: #E0E0E0;
     padding: 0% 50% 3% 9%;
    }
}
@media screen and (max-width: 1400px) {
    #Wasser_Abwasser{
      background: linear-gradient(to right,
      rgba(0, 0, 0, 0), 
      rgba(0, 0, 0, 1)),
      url("/eingesetzte_Bilder/Referenzen/Komprimiert/Abwasser.jpg");
      background-size: auto auto;
      background-position: center;
  }
}

@media screen and (max-width: 650px) {

    #Automatisierungstechnik h1, #Maschinenbau h1, #Wasser_Abwasser h1, #Serienfertigung h1{ 
       padding: 1% 0% 1% 50%;
       color: #E0E0E0;
    }
    #Automatisierungstechnik ul, #Maschinenbau ul, #Wasser_Abwasser ul, #Serienfertigung ul{
     color: #E0E0E0;
     padding: 0% 0% 3% 50%;
    

    }

   #Notstrom_Netzersatz h1, #Chemie h1, #Agrarindustrie h1{
       padding: 1% 35% 1% 9%;
       color: #E0E0E0;
    }

    #Notstrom_Netzersatz ul, #Chemie ul, #Agrarindustrie ul{
     color: #E0E0E0;
     padding: 0% 35% 3% 9%;
     
    }


    #Notstrom_Netzersatz h1, #Chemie h1, #Agrarindustrie h1{
       padding: 1% 35% 1% 9%;
       color: #E0E0E0;
    }

    #Notstrom_Netzersatz ul, #Chemie ul, #Agrarindustrie ul{
     color: #E0E0E0;
     padding: 0% 35% 3% 9%;
   
    }
    
    #Automatisierungstechnik{
      background: linear-gradient(to right,
      rgba(0, 0, 0, 0.3), 
      rgba(0, 0, 0, 1)),
      url("/eingesetzte_Bilder/Referenzen/Komprimiert/Automatisierungstechnik.png");
      background-position: center;
      background-size: cover;
 }
    #Notstrom_Netzersatz{
      background: linear-gradient(to left,
      rgba(0, 0, 0, 0.3), 
      rgba(0, 0, 0, 1)),
      url("/eingesetzte_Bilder/Referenzen/Komprimiert/Notstrom.jpg");
      background-position: center;
      background-size: cover;
    }
    #Maschinenbau{
      background: linear-gradient(to right,
      rgba(0, 0, 0, 0.3), 
      rgba(0, 0, 0, 1)),
      url("/eingesetzte_Bilder/Referenzen/Komprimiert/Maschinenbau.jpg");
      background-position: center;
      background-size: cover;
   }
    #Chemie {
      background: linear-gradient(to left,
      rgba(0, 0, 0, 0.3), 
      rgba(0, 0, 0, 1)),
      url("/eingesetzte_Bilder/Referenzen/Komprimiert/Estus_Flask.jpg");
      background-size: cover;
   }
    #Wasser_Abwasser {
      background: linear-gradient(to right,
      rgba(0, 0, 0, 0.3), 
      rgba(0, 0, 0, 1)),
      url("/eingesetzte_Bilder/Referenzen/Komprimiert/Abwasser.jpg");
      background-size: auto auto;
      background-position: center;
   }
    #Infrastruktur{
      background: linear-gradient(to left,
      rgba(0, 0, 0, 0.3), 
      rgba(0, 0, 0, 1)),
      url("/eingesetzte_Bilder/Referenzen/Komprimiert/Infrastruktur.jpg");
      background-position: center;
    }
    #Serienfertigung{
      background: linear-gradient(to right,
      rgba(0, 0, 0, 0.3), 
      rgba(0, 0, 0, 1)),
      url("/eingesetzte_Bilder/Referenzen/Komprimiert/Serienfertigung.png");
      background-position: center;
      background-size: cover;
   }
    #Agrarindustrie{
      background: linear-gradient(to left,
      rgba(0, 0, 0, 0.3), 
      rgba(0, 0, 0, 1)),
      url("/eingesetzte_Bilder/Referenzen/Komprimiert/Agrarindustrie.jpg");
      background-size: cover;
      background-position: center;
    }
  }