@charset "UTF-8";
body[data-aos-duration="50"] [data-aos], [data-aos][data-aos][data-aos-duration="50"] {
  transition-duration: 50ms;
}
body[data-aos-delay="50"] [data-aos], [data-aos][data-aos][data-aos-delay="50"] {
  transition-delay: 0;
}
body[data-aos-delay="50"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="50"].aos-animate {
  transition-delay: 50ms;
}
body[data-aos-duration="100"] [data-aos], [data-aos][data-aos][data-aos-duration="100"] {
  transition-duration: 100ms;
}
body[data-aos-delay="100"] [data-aos], [data-aos][data-aos][data-aos-delay="100"] {
  transition-delay: 0;
}
body[data-aos-delay="100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="100"].aos-animate {
  transition-delay: 100ms;
}
body[data-aos-duration="150"] [data-aos], [data-aos][data-aos][data-aos-duration="150"] {
  transition-duration: 150ms;
}
body[data-aos-delay="150"] [data-aos], [data-aos][data-aos][data-aos-delay="150"] {
  transition-delay: 0;
}
body[data-aos-delay="150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="150"].aos-animate {
  transition-delay: 150ms;
}
body[data-aos-duration="200"] [data-aos], [data-aos][data-aos][data-aos-duration="200"] {
  transition-duration: 200ms;
}
body[data-aos-delay="200"] [data-aos], [data-aos][data-aos][data-aos-delay="200"] {
  transition-delay: 0;
}
body[data-aos-delay="200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="200"].aos-animate {
  transition-delay: 200ms;
}
body[data-aos-duration="250"] [data-aos], [data-aos][data-aos][data-aos-duration="250"] {
  transition-duration: 250ms;
}
body[data-aos-delay="250"] [data-aos], [data-aos][data-aos][data-aos-delay="250"] {
  transition-delay: 0;
}
body[data-aos-delay="250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="250"].aos-animate {
  transition-delay: 250ms;
}
body[data-aos-duration="300"] [data-aos], [data-aos][data-aos][data-aos-duration="300"] {
  transition-duration: 300ms;
}
body[data-aos-delay="300"] [data-aos], [data-aos][data-aos][data-aos-delay="300"] {
  transition-delay: 0;
}
body[data-aos-delay="300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="300"].aos-animate {
  transition-delay: 300ms;
}
body[data-aos-duration="350"] [data-aos], [data-aos][data-aos][data-aos-duration="350"] {
  transition-duration: 350ms;
}
body[data-aos-delay="350"] [data-aos], [data-aos][data-aos][data-aos-delay="350"] {
  transition-delay: 0;
}
body[data-aos-delay="350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="350"].aos-animate {
  transition-delay: 350ms;
}
body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] {
  transition-duration: 400ms;
}
body[data-aos-delay="400"] [data-aos], [data-aos][data-aos][data-aos-delay="400"] {
  transition-delay: 0;
}
body[data-aos-delay="400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="400"].aos-animate {
  transition-delay: 400ms;
}
body[data-aos-duration="450"] [data-aos], [data-aos][data-aos][data-aos-duration="450"] {
  transition-duration: 450ms;
}
body[data-aos-delay="450"] [data-aos], [data-aos][data-aos][data-aos-delay="450"] {
  transition-delay: 0;
}
body[data-aos-delay="450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="450"].aos-animate {
  transition-delay: 450ms;
}
body[data-aos-duration="500"] [data-aos], [data-aos][data-aos][data-aos-duration="500"] {
  transition-duration: 500ms;
}
body[data-aos-delay="500"] [data-aos], [data-aos][data-aos][data-aos-delay="500"] {
  transition-delay: 0;
}
body[data-aos-delay="500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="500"].aos-animate {
  transition-delay: 500ms;
}
body[data-aos-duration="550"] [data-aos], [data-aos][data-aos][data-aos-duration="550"] {
  transition-duration: 550ms;
}
body[data-aos-delay="550"] [data-aos], [data-aos][data-aos][data-aos-delay="550"] {
  transition-delay: 0;
}
body[data-aos-delay="550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="550"].aos-animate {
  transition-delay: 550ms;
}
body[data-aos-duration="600"] [data-aos], [data-aos][data-aos][data-aos-duration="600"] {
  transition-duration: 600ms;
}
body[data-aos-delay="600"] [data-aos], [data-aos][data-aos][data-aos-delay="600"] {
  transition-delay: 0;
}
body[data-aos-delay="600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="600"].aos-animate {
  transition-delay: 600ms;
}
body[data-aos-duration="650"] [data-aos], [data-aos][data-aos][data-aos-duration="650"] {
  transition-duration: 650ms;
}
body[data-aos-delay="650"] [data-aos], [data-aos][data-aos][data-aos-delay="650"] {
  transition-delay: 0;
}
body[data-aos-delay="650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="650"].aos-animate {
  transition-delay: 650ms;
}
body[data-aos-duration="700"] [data-aos], [data-aos][data-aos][data-aos-duration="700"] {
  transition-duration: 700ms;
}
body[data-aos-delay="700"] [data-aos], [data-aos][data-aos][data-aos-delay="700"] {
  transition-delay: 0;
}
body[data-aos-delay="700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="700"].aos-animate {
  transition-delay: 700ms;
}
body[data-aos-duration="750"] [data-aos], [data-aos][data-aos][data-aos-duration="750"] {
  transition-duration: 750ms;
}
body[data-aos-delay="750"] [data-aos], [data-aos][data-aos][data-aos-delay="750"] {
  transition-delay: 0;
}
body[data-aos-delay="750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="750"].aos-animate {
  transition-delay: 750ms;
}
body[data-aos-duration="800"] [data-aos], [data-aos][data-aos][data-aos-duration="800"] {
  transition-duration: 800ms;
}
body[data-aos-delay="800"] [data-aos], [data-aos][data-aos][data-aos-delay="800"] {
  transition-delay: 0;
}
body[data-aos-delay="800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="800"].aos-animate {
  transition-delay: 800ms;
}
body[data-aos-duration="850"] [data-aos], [data-aos][data-aos][data-aos-duration="850"] {
  transition-duration: 850ms;
}
body[data-aos-delay="850"] [data-aos], [data-aos][data-aos][data-aos-delay="850"] {
  transition-delay: 0;
}
body[data-aos-delay="850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="850"].aos-animate {
  transition-delay: 850ms;
}
body[data-aos-duration="900"] [data-aos], [data-aos][data-aos][data-aos-duration="900"] {
  transition-duration: 900ms;
}
body[data-aos-delay="900"] [data-aos], [data-aos][data-aos][data-aos-delay="900"] {
  transition-delay: 0;
}
body[data-aos-delay="900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="900"].aos-animate {
  transition-delay: 900ms;
}
body[data-aos-duration="950"] [data-aos], [data-aos][data-aos][data-aos-duration="950"] {
  transition-duration: 950ms;
}
body[data-aos-delay="950"] [data-aos], [data-aos][data-aos][data-aos-delay="950"] {
  transition-delay: 0;
}
body[data-aos-delay="950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="950"].aos-animate {
  transition-delay: 950ms;
}
body[data-aos-duration="1000"] [data-aos], [data-aos][data-aos][data-aos-duration="1000"] {
  transition-duration: 1000ms;
}
body[data-aos-delay="1000"] [data-aos], [data-aos][data-aos][data-aos-delay="1000"] {
  transition-delay: 0;
}
body[data-aos-delay="1000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1000"].aos-animate {
  transition-delay: 1000ms;
}
body[data-aos-duration="1050"] [data-aos], [data-aos][data-aos][data-aos-duration="1050"] {
  transition-duration: 1050ms;
}
body[data-aos-delay="1050"] [data-aos], [data-aos][data-aos][data-aos-delay="1050"] {
  transition-delay: 0;
}
body[data-aos-delay="1050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1050"].aos-animate {
  transition-delay: 1050ms;
}
body[data-aos-duration="1100"] [data-aos], [data-aos][data-aos][data-aos-duration="1100"] {
  transition-duration: 1100ms;
}
body[data-aos-delay="1100"] [data-aos], [data-aos][data-aos][data-aos-delay="1100"] {
  transition-delay: 0;
}
body[data-aos-delay="1100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1100"].aos-animate {
  transition-delay: 1100ms;
}
body[data-aos-duration="1150"] [data-aos], [data-aos][data-aos][data-aos-duration="1150"] {
  transition-duration: 1150ms;
}
body[data-aos-delay="1150"] [data-aos], [data-aos][data-aos][data-aos-delay="1150"] {
  transition-delay: 0;
}
body[data-aos-delay="1150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1150"].aos-animate {
  transition-delay: 1150ms;
}
body[data-aos-duration="1200"] [data-aos], [data-aos][data-aos][data-aos-duration="1200"] {
  transition-duration: 1200ms;
}
body[data-aos-delay="1200"] [data-aos], [data-aos][data-aos][data-aos-delay="1200"] {
  transition-delay: 0;
}
body[data-aos-delay="1200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1200"].aos-animate {
  transition-delay: 1200ms;
}
body[data-aos-duration="1250"] [data-aos], [data-aos][data-aos][data-aos-duration="1250"] {
  transition-duration: 1250ms;
}
body[data-aos-delay="1250"] [data-aos], [data-aos][data-aos][data-aos-delay="1250"] {
  transition-delay: 0;
}
body[data-aos-delay="1250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1250"].aos-animate {
  transition-delay: 1250ms;
}
body[data-aos-duration="1300"] [data-aos], [data-aos][data-aos][data-aos-duration="1300"] {
  transition-duration: 1300ms;
}
body[data-aos-delay="1300"] [data-aos], [data-aos][data-aos][data-aos-delay="1300"] {
  transition-delay: 0;
}
body[data-aos-delay="1300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1300"].aos-animate {
  transition-delay: 1300ms;
}
body[data-aos-duration="1350"] [data-aos], [data-aos][data-aos][data-aos-duration="1350"] {
  transition-duration: 1350ms;
}
body[data-aos-delay="1350"] [data-aos], [data-aos][data-aos][data-aos-delay="1350"] {
  transition-delay: 0;
}
body[data-aos-delay="1350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1350"].aos-animate {
  transition-delay: 1350ms;
}
body[data-aos-duration="1400"] [data-aos], [data-aos][data-aos][data-aos-duration="1400"] {
  transition-duration: 1400ms;
}
body[data-aos-delay="1400"] [data-aos], [data-aos][data-aos][data-aos-delay="1400"] {
  transition-delay: 0;
}
body[data-aos-delay="1400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1400"].aos-animate {
  transition-delay: 1400ms;
}
body[data-aos-duration="1450"] [data-aos], [data-aos][data-aos][data-aos-duration="1450"] {
  transition-duration: 1450ms;
}
body[data-aos-delay="1450"] [data-aos], [data-aos][data-aos][data-aos-delay="1450"] {
  transition-delay: 0;
}
body[data-aos-delay="1450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1450"].aos-animate {
  transition-delay: 1450ms;
}
body[data-aos-duration="1500"] [data-aos], [data-aos][data-aos][data-aos-duration="1500"] {
  transition-duration: 1500ms;
}
body[data-aos-delay="1500"] [data-aos], [data-aos][data-aos][data-aos-delay="1500"] {
  transition-delay: 0;
}
body[data-aos-delay="1500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1500"].aos-animate {
  transition-delay: 1500ms;
}
body[data-aos-duration="1550"] [data-aos], [data-aos][data-aos][data-aos-duration="1550"] {
  transition-duration: 1550ms;
}
body[data-aos-delay="1550"] [data-aos], [data-aos][data-aos][data-aos-delay="1550"] {
  transition-delay: 0;
}
body[data-aos-delay="1550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1550"].aos-animate {
  transition-delay: 1550ms;
}
body[data-aos-duration="1600"] [data-aos], [data-aos][data-aos][data-aos-duration="1600"] {
  transition-duration: 1600ms;
}
body[data-aos-delay="1600"] [data-aos], [data-aos][data-aos][data-aos-delay="1600"] {
  transition-delay: 0;
}
body[data-aos-delay="1600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1600"].aos-animate {
  transition-delay: 1600ms;
}
body[data-aos-duration="1650"] [data-aos], [data-aos][data-aos][data-aos-duration="1650"] {
  transition-duration: 1650ms;
}
body[data-aos-delay="1650"] [data-aos], [data-aos][data-aos][data-aos-delay="1650"] {
  transition-delay: 0;
}
body[data-aos-delay="1650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1650"].aos-animate {
  transition-delay: 1650ms;
}
body[data-aos-duration="1700"] [data-aos], [data-aos][data-aos][data-aos-duration="1700"] {
  transition-duration: 1700ms;
}
body[data-aos-delay="1700"] [data-aos], [data-aos][data-aos][data-aos-delay="1700"] {
  transition-delay: 0;
}
body[data-aos-delay="1700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1700"].aos-animate {
  transition-delay: 1700ms;
}
body[data-aos-duration="1750"] [data-aos], [data-aos][data-aos][data-aos-duration="1750"] {
  transition-duration: 1750ms;
}
body[data-aos-delay="1750"] [data-aos], [data-aos][data-aos][data-aos-delay="1750"] {
  transition-delay: 0;
}
body[data-aos-delay="1750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1750"].aos-animate {
  transition-delay: 1750ms;
}
body[data-aos-duration="1800"] [data-aos], [data-aos][data-aos][data-aos-duration="1800"] {
  transition-duration: 1800ms;
}
body[data-aos-delay="1800"] [data-aos], [data-aos][data-aos][data-aos-delay="1800"] {
  transition-delay: 0;
}
body[data-aos-delay="1800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1800"].aos-animate {
  transition-delay: 1800ms;
}
body[data-aos-duration="1850"] [data-aos], [data-aos][data-aos][data-aos-duration="1850"] {
  transition-duration: 1850ms;
}
body[data-aos-delay="1850"] [data-aos], [data-aos][data-aos][data-aos-delay="1850"] {
  transition-delay: 0;
}
body[data-aos-delay="1850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1850"].aos-animate {
  transition-delay: 1850ms;
}
body[data-aos-duration="1900"] [data-aos], [data-aos][data-aos][data-aos-duration="1900"] {
  transition-duration: 1900ms;
}
body[data-aos-delay="1900"] [data-aos], [data-aos][data-aos][data-aos-delay="1900"] {
  transition-delay: 0;
}
body[data-aos-delay="1900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1900"].aos-animate {
  transition-delay: 1900ms;
}
body[data-aos-duration="1950"] [data-aos], [data-aos][data-aos][data-aos-duration="1950"] {
  transition-duration: 1950ms;
}
body[data-aos-delay="1950"] [data-aos], [data-aos][data-aos][data-aos-delay="1950"] {
  transition-delay: 0;
}
body[data-aos-delay="1950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1950"].aos-animate {
  transition-delay: 1950ms;
}
body[data-aos-duration="2000"] [data-aos], [data-aos][data-aos][data-aos-duration="2000"] {
  transition-duration: 2000ms;
}
body[data-aos-delay="2000"] [data-aos], [data-aos][data-aos][data-aos-delay="2000"] {
  transition-delay: 0;
}
body[data-aos-delay="2000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2000"].aos-animate {
  transition-delay: 2000ms;
}
body[data-aos-duration="2050"] [data-aos], [data-aos][data-aos][data-aos-duration="2050"] {
  transition-duration: 2050ms;
}
body[data-aos-delay="2050"] [data-aos], [data-aos][data-aos][data-aos-delay="2050"] {
  transition-delay: 0;
}
body[data-aos-delay="2050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2050"].aos-animate {
  transition-delay: 2050ms;
}
body[data-aos-duration="2100"] [data-aos], [data-aos][data-aos][data-aos-duration="2100"] {
  transition-duration: 2100ms;
}
body[data-aos-delay="2100"] [data-aos], [data-aos][data-aos][data-aos-delay="2100"] {
  transition-delay: 0;
}
body[data-aos-delay="2100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2100"].aos-animate {
  transition-delay: 2100ms;
}
body[data-aos-duration="2150"] [data-aos], [data-aos][data-aos][data-aos-duration="2150"] {
  transition-duration: 2150ms;
}
body[data-aos-delay="2150"] [data-aos], [data-aos][data-aos][data-aos-delay="2150"] {
  transition-delay: 0;
}
body[data-aos-delay="2150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2150"].aos-animate {
  transition-delay: 2150ms;
}
body[data-aos-duration="2200"] [data-aos], [data-aos][data-aos][data-aos-duration="2200"] {
  transition-duration: 2200ms;
}
body[data-aos-delay="2200"] [data-aos], [data-aos][data-aos][data-aos-delay="2200"] {
  transition-delay: 0;
}
body[data-aos-delay="2200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2200"].aos-animate {
  transition-delay: 2200ms;
}
body[data-aos-duration="2250"] [data-aos], [data-aos][data-aos][data-aos-duration="2250"] {
  transition-duration: 2250ms;
}
body[data-aos-delay="2250"] [data-aos], [data-aos][data-aos][data-aos-delay="2250"] {
  transition-delay: 0;
}
body[data-aos-delay="2250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2250"].aos-animate {
  transition-delay: 2250ms;
}
body[data-aos-duration="2300"] [data-aos], [data-aos][data-aos][data-aos-duration="2300"] {
  transition-duration: 2300ms;
}
body[data-aos-delay="2300"] [data-aos], [data-aos][data-aos][data-aos-delay="2300"] {
  transition-delay: 0;
}
body[data-aos-delay="2300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2300"].aos-animate {
  transition-delay: 2300ms;
}
body[data-aos-duration="2350"] [data-aos], [data-aos][data-aos][data-aos-duration="2350"] {
  transition-duration: 2350ms;
}
body[data-aos-delay="2350"] [data-aos], [data-aos][data-aos][data-aos-delay="2350"] {
  transition-delay: 0;
}
body[data-aos-delay="2350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2350"].aos-animate {
  transition-delay: 2350ms;
}
body[data-aos-duration="2400"] [data-aos], [data-aos][data-aos][data-aos-duration="2400"] {
  transition-duration: 2400ms;
}
body[data-aos-delay="2400"] [data-aos], [data-aos][data-aos][data-aos-delay="2400"] {
  transition-delay: 0;
}
body[data-aos-delay="2400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2400"].aos-animate {
  transition-delay: 2400ms;
}
body[data-aos-duration="2450"] [data-aos], [data-aos][data-aos][data-aos-duration="2450"] {
  transition-duration: 2450ms;
}
body[data-aos-delay="2450"] [data-aos], [data-aos][data-aos][data-aos-delay="2450"] {
  transition-delay: 0;
}
body[data-aos-delay="2450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2450"].aos-animate {
  transition-delay: 2450ms;
}
body[data-aos-duration="2500"] [data-aos], [data-aos][data-aos][data-aos-duration="2500"] {
  transition-duration: 2500ms;
}
body[data-aos-delay="2500"] [data-aos], [data-aos][data-aos][data-aos-delay="2500"] {
  transition-delay: 0;
}
body[data-aos-delay="2500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2500"].aos-animate {
  transition-delay: 2500ms;
}
body[data-aos-duration="2550"] [data-aos], [data-aos][data-aos][data-aos-duration="2550"] {
  transition-duration: 2550ms;
}
body[data-aos-delay="2550"] [data-aos], [data-aos][data-aos][data-aos-delay="2550"] {
  transition-delay: 0;
}
body[data-aos-delay="2550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2550"].aos-animate {
  transition-delay: 2550ms;
}
body[data-aos-duration="2600"] [data-aos], [data-aos][data-aos][data-aos-duration="2600"] {
  transition-duration: 2600ms;
}
body[data-aos-delay="2600"] [data-aos], [data-aos][data-aos][data-aos-delay="2600"] {
  transition-delay: 0;
}
body[data-aos-delay="2600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2600"].aos-animate {
  transition-delay: 2600ms;
}
body[data-aos-duration="2650"] [data-aos], [data-aos][data-aos][data-aos-duration="2650"] {
  transition-duration: 2650ms;
}
body[data-aos-delay="2650"] [data-aos], [data-aos][data-aos][data-aos-delay="2650"] {
  transition-delay: 0;
}
body[data-aos-delay="2650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2650"].aos-animate {
  transition-delay: 2650ms;
}
body[data-aos-duration="2700"] [data-aos], [data-aos][data-aos][data-aos-duration="2700"] {
  transition-duration: 2700ms;
}
body[data-aos-delay="2700"] [data-aos], [data-aos][data-aos][data-aos-delay="2700"] {
  transition-delay: 0;
}
body[data-aos-delay="2700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2700"].aos-animate {
  transition-delay: 2700ms;
}
body[data-aos-duration="2750"] [data-aos], [data-aos][data-aos][data-aos-duration="2750"] {
  transition-duration: 2750ms;
}
body[data-aos-delay="2750"] [data-aos], [data-aos][data-aos][data-aos-delay="2750"] {
  transition-delay: 0;
}
body[data-aos-delay="2750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2750"].aos-animate {
  transition-delay: 2750ms;
}
body[data-aos-duration="2800"] [data-aos], [data-aos][data-aos][data-aos-duration="2800"] {
  transition-duration: 2800ms;
}
body[data-aos-delay="2800"] [data-aos], [data-aos][data-aos][data-aos-delay="2800"] {
  transition-delay: 0;
}
body[data-aos-delay="2800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2800"].aos-animate {
  transition-delay: 2800ms;
}
body[data-aos-duration="2850"] [data-aos], [data-aos][data-aos][data-aos-duration="2850"] {
  transition-duration: 2850ms;
}
body[data-aos-delay="2850"] [data-aos], [data-aos][data-aos][data-aos-delay="2850"] {
  transition-delay: 0;
}
body[data-aos-delay="2850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2850"].aos-animate {
  transition-delay: 2850ms;
}
body[data-aos-duration="2900"] [data-aos], [data-aos][data-aos][data-aos-duration="2900"] {
  transition-duration: 2900ms;
}
body[data-aos-delay="2900"] [data-aos], [data-aos][data-aos][data-aos-delay="2900"] {
  transition-delay: 0;
}
body[data-aos-delay="2900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2900"].aos-animate {
  transition-delay: 2900ms;
}
body[data-aos-duration="2950"] [data-aos], [data-aos][data-aos][data-aos-duration="2950"] {
  transition-duration: 2950ms;
}
body[data-aos-delay="2950"] [data-aos], [data-aos][data-aos][data-aos-delay="2950"] {
  transition-delay: 0;
}
body[data-aos-delay="2950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2950"].aos-animate {
  transition-delay: 2950ms;
}
body[data-aos-duration="3000"] [data-aos], [data-aos][data-aos][data-aos-duration="3000"] {
  transition-duration: 3000ms;
}
body[data-aos-delay="3000"] [data-aos], [data-aos][data-aos][data-aos-delay="3000"] {
  transition-delay: 0;
}
body[data-aos-delay="3000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="3000"].aos-animate {
  transition-delay: 3000ms;
}

body[data-aos-easing=linear] [data-aos], [data-aos][data-aos][data-aos-easing=linear] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
body[data-aos-easing=ease] [data-aos], [data-aos][data-aos][data-aos-easing=ease] {
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
body[data-aos-easing=ease-in] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in] {
  transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
body[data-aos-easing=ease-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out] {
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out] {
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-back] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
body[data-aos-easing=ease-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-back] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
body[data-aos-easing=ease-in-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-back] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
body[data-aos-easing=ease-in-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-sine] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
body[data-aos-easing=ease-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-sine] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
body[data-aos-easing=ease-in-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-sine] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
body[data-aos-easing=ease-in-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quad] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quad] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quad] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-cubic] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-cubic] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-cubic] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quart] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quart] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quart] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/**
 * Fade animations:
 * fade
 * fade-up, fade-down, fade-left, fade-right
 * fade-up-right, fade-up-left, fade-down-right, fade-down-left
 */
[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}

/**
 * Zoom animations:
 * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
 * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
 */
[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

/**
 * Slide animations
 */
[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translate3d(0, 0, 0);
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

/**
 * Flip animations:
 * flip-left, flip-right, flip-up, flip-down
 */
[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

/*

0 - 600px:      Phone
600 - 767px:    Tablet portrait
767 - 1024px:   Tablet landscape
1024 - 1800px:  normal styles
1800 +:         Big Desktop
2
*/
/*$breakpoint arguement choices:
- phone
- tab-port
- tab-land
- big-desktop
*/
/*#6489AA*/
/*#284C77*/
.fancybox-is-open .fancybox-bg {
  opacity: 0.98;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html, body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  box-sizing: border-box;
  font-family: "Oxygen", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  color: #575350;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 140%;
  position: relative;
  overflow-x: hidden;
  background-color: #fff;
  margin-top: 6.2rem;
}

.page-wrap {
  flex: 1;
}

b {
  font-weight: bold;
}

::-moz-selection {
  color: #fff;
  background: #575350;
  text-shadow: none;
}

::selection {
  color: #fff;
  background: #575350;
  text-shadow: none;
}

p {
  padding-bottom: 1.5rem;
  color: #575350;
}

hr {
  border: 0px;
  border-top: 3px solid #edeae8;
  margin: 2rem 0;
}

a {
  color: #575350;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  color: #00357C;
}

.stage3.aktuelles .news-detail-sidebar ul li a:focus-visible {
  outline: 2px solid #00357C;
  outline-offset: 5px;
}

button:focus-visible,
a:focus-visible,
input:focus-visible {
  outline: 2px solid #edeae8;
  outline-offset: 10px;
}

footer a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 2px solid #fff;
  background-color: #fff;
  outline-offset: 5px;
}

html {
  font-size: 62.5%;
}
@media (max-width: 48rem) {
  html {
    font-size: 50%;
  }
}
@media (max-width: 119rem) {
  html {
    font-size: 56.25%;
  }
}
@media (max-width: 200rem) {
  html {
    font-size: 75%;
  }
}

img {
  width: 100%;
}

img.logo-small {
  width: 90px;
  margin-left: 5px;
}

.mb {
  margin-bottom: 5rem;
}
@media (max-width: 37.5rem) {
  .mb {
    margin-bottom: 2rem;
  }
}

.mt2 {
  margin-top: 2rem;
}
@media (max-width: 37.5rem) {
  .mt2 {
    margin-top: 1.5rem;
  }
}

.mrl2 {
  margin: 0 2rem;
}

.mt {
  margin-top: 5rem;
}
@media (max-width: 37.5rem) {
  .mt {
    margin-top: 2rem;
  }
}

.mtb {
  margin: 5rem 0;
}
@media (max-width: 37.5rem) {
  .mtb {
    margin: 3rem 0;
  }
}

.bt {
  border-top: 1px solid #575350;
}

.ptb {
  padding: 5rem 0;
}
@media (max-width: 37.5rem) {
  .ptb {
    padding: 3rem 0;
  }
}

.pt {
  padding-top: 5rem;
}
@media (max-width: 37.5rem) {
  .pt {
    padding-top: 1rem;
  }
}

.bg {
  background-color: #edeae8;
  padding: 0 5rem 5rem 5rem;
}

.bg1 {
  background-color: #edeae8;
}

ul.normal {
  padding-left: 2rem;
  margin-bottom: 2rem;
}

img.placeholder {
  background-color: #e0e0e0;
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.4s ease-in;
}

img:not([data-src]) {
  opacity: 1;
}

/* oswald-300 - latin */
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/oswald-v31-latin-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/oswald-v31-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/oswald-v31-latin-300.woff2") format("woff2"), url("../fonts/oswald-v31-latin-300.woff") format("woff"), url("../fonts/oswald-v31-latin-300.ttf") format("truetype"), url("../fonts/oswald-v31-latin-300.svg#Oswald") format("svg"); /* Legacy iOS */
}
/* oswald-700 - latin */
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/oswald-v31-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/oswald-v31-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/oswald-v31-latin-700.woff2") format("woff2"), url("../fonts/oswald-v31-latin-700.woff") format("woff"), url("../fonts/oswald-v31-latin-700.ttf") format("truetype"), url("../fonts/oswald-v31-latin-700.svg#Oswald") format("svg"); /* Legacy iOS */
}
.count, h4, h3, h2, h1 {
  font-family: "Oxygen", sans-serif;
  font-weight: 300;
}

h1 {
  text-transform: none;
  font-size: 3.5rem;
  line-height: 120%;
  /* hyphens */
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  display: inline-block;
  padding: 0 0 1rem;
  max-width: 80%;
  font-weight: bold;
}
@media (max-width: 160rem) {
  h1 {
    font-size: 3.5rem;
    max-width: 100%;
  }
}
@media (max-width: 119rem) {
  h1 {
    font-size: 2.8rem;
  }
}
@media (max-width: 48rem) {
  h1 {
    font-size: 2.6rem;
  }
}
@media (max-width: 37.5rem) {
  h1 {
    font-size: 1.8rem;
  }
}
@media (max-width: 200rem) {
  h1 {
    font-size: 3.5rem;
    max-width: 100%;
    /* hyphens */
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
}

h2 {
  font-size: 2.8rem;
  margin-bottom: 1.5rem;
  line-height: 120%;
  /* hyphens */
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
@media (max-width: 160rem) {
  h2 {
    font-size: 3rem;
  }
}
@media (max-width: 48rem) {
  h2 {
    font-size: 2.5rem;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
}
@media (max-width: 37.5rem) {
  h2 {
    font-size: 2rem;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
}
h2.light {
  font-weight: 200;
}

h3 {
  font-size: 2rem;
  padding: 1rem 0;
  color: #575350;
  line-height: 120%;
}
@media (max-width: 160rem) {
  h3 {
    font-size: 2.5rem;
  }
}
@media (max-width: 48rem) {
  h3 {
    font-size: 1.8rem;
  }
}
@media (max-width: 37.5rem) {
  h3 {
    font-size: 1.5rem;
  }
}
h3.negative {
  color: #fff;
  background-color: rgb(135, 161, 188);
  display: block;
  padding: 1rem 1rem 1rem 2rem;
  width: -webkit-fill-available;
  border-bottom: none;
  /* hyphens */
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
h3.negative--red {
  color: #fff;
  background-color: red;
  display: block;
  padding: 1rem 1rem 1rem 2rem;
  word-break: break-all;
  width: -webkit-fill-available;
  border-bottom: none;
  /* hyphens */
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

h4 {
  font-size: 2rem;
  padding: 1.6rem;
  border-bottom: 1px solid #736e6a;
  margin: 0 0 1rem 0;
  line-height: 120%;
  font-weight: bold;
}
@media (max-width: 119rem) {
  h4 {
    font-size: 1.6rem;
  }
}
@media (max-width: 48rem) {
  h4 {
    font-size: 1.5rem;
  }
}
@media (max-width: 37.5rem) {
  h4 {
    font-size: 1.5rem;
  }
}

x-small {
  font-size: 1rem;
  padding: 0;
  line-height: 0;
}

em {
  font-size: 1.2rem;
  border-bottom: 1px solid #736e6a;
  margin-bottom: 1rem;
  display: inline-block;
}

ol {
  margin-left: 2rem;
}

/* buttons.scss - Style the buttons */
#myBtnContainer .active {
  background-color: #575350;
  color: #fff;
}

.btn {
  border: none;
  outline: none;
  cursor: pointer;
  font-family: "Oxygen", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  margin: 0.5rem 0;
  text-decoration: none;
  padding: 1rem 2rem;
  font-size: 1.5rem;
  font-weight: 300;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
  /* Add a light grey background on mouse-over */
  /* Add a dark background to the active button */
}
@media (max-width: 37.5rem) {
  .btn {
    hyphens: manual;
    -moz-hyphens: manual;
  }
}
.btn.active {
  background-color: #00357C;
  color: #fff;
}
.btn--firma {
  padding: 0 3rem;
}
@media (max-width: 48rem) {
  .btn--firma {
    padding: 0 1.5rem;
  }
}
@media (max-width: 37.5rem) {
  .btn--firma {
    padding: 0 1rem;
  }
}
.btn--firma img {
  opacity: 0.7;
}
.btn--firma:hover img {
  opacity: 1;
}
.btn--default {
  color: #575350;
  border-bottom: 3px solid #edeae8;
}
.btn--default:hover {
  color: #edeae8;
}
.btn--primary {
  color: #fff;
  background-color: #575350;
  margin-top: 2rem;
}
.btn--primary:hover {
  color: #575350;
  background-color: #fff;
}
.btn--secondary {
  color: #fff;
  background-color: #736e6a;
}
.btn--secondary:hover {
  color: #736e6a;
  background-color: #fff;
}
.btn--light {
  color: #575350;
  background-color: none;
  font-weight: bold;
  border: 1px solid #575350;
}
.btn--light:hover {
  color: #fff;
  background-color: #575350;
  border: 1px solid #575350;
}
.btn--info {
  font-weight: bold;
  margin: 1rem 2rem 0 0;
  color: #575350;
  background-color: #edeae8;
  text-align: center;
}
.btn--info:last-child {
  margin-right: 0rem;
}
.btn--info.active {
  color: #fff;
  background-color: #736e6a;
}
.btn--info:hover {
  color: #fff;
  background-color: #736e6a;
}
@media (max-width: 119rem) {
  .btn--info {
    font-size: 1.5rem;
    margin: 1rem 0;
    text-align: center;
  }
}
@media (max-width: 48rem) {
  .btn--info {
    font-size: 1.5rem;
    display: block;
    margin: 1rem 0;
    text-align: center;
    width: 100%;
  }
}
@media (max-width: 37.5rem) {
  .btn--info {
    font-size: 1.2rem;
    display: block;
    margin: 1rem 0;
    text-align: center;
    width: 100%;
  }
}

.btn-full {
  grid-column: center-start/center-end;
}
.btn-full .btn {
  width: 100%;
  text-align: center;
  margin-top: 1.5rem;
}

@media (max-width: 119rem) {
  .content1 button.btn.btn--info {
    display: block;
    border-left: 0px;
    width: 100%;
    margin: 0;
  }
}

button.btn.btn--secondary {
  color: #575350;
  border-top: 3px solid #575350;
}
button.btn.btn--secondary:hover {
  color: #edeae8;
  border-top: 3px solid #edeae8;
}

.container1 {
  display: grid;
  grid-template-columns: [full-start] minmax(2rem, 1fr) [center-start] repeat(1, [col-start] minmax(min-content, 160rem) [col-end]) [center-end] minmax(2rem, 1fr) [full-start];
  position: relative;
}
@media (max-width: 37.5rem) {
  .container1 {
    display: grid;
    grid-template-columns: [full-start] minmax(2rem, 1fr) [center-start] repeat(1, [col-start] minmax(min-content, 160rem) [col-end]) [center-end] minmax(2rem, 1fr) [full-start];
  }
}

.container3 {
  display: grid;
  grid-template-columns: [full-start] minmax(2rem, 1fr) [center-start] repeat(3, [col-start] minmax(min-content, 53.3333rem) [col-end]) [center-end] minmax(2rem, 1fr) [full-start];
}
@media (max-width: 37.5rem) {
  .container3 {
    display: grid;
    grid-template-columns: [full-start] minmax(2rem, 1fr) [center-start] repeat(3, [col-start] minmax(min-content, 53.3333rem) [col-end]) [center-end] minmax(2rem, 1fr) [full-start];
  }
}

.container4 {
  display: grid;
  grid-template-columns: [full-start] minmax(2rem, 1fr) [center-start] repeat(4, [col-start] minmax(min-content, 40rem) [col-end]) [center-end] minmax(2rem, 1fr) [full-start];
}
@media (max-width: 37.5rem) {
  .container4 {
    display: grid;
    grid-template-columns: [full-start] minmax(0rem, 1fr) [center-start] repeat(4, [col-start] minmax(min-content, 40rem) [col-end]) [center-end] minmax(0rem, 1fr) [full-start];
  }
}

.container8 {
  display: grid;
  grid-template-columns: [full-start] minmax(2rem, 1fr) [center-start] repeat(8, [col-start] minmax(min-content, 20rem) [col-end]) [center-end] minmax(2rem, 1fr) [full-start];
  position: relative;
}

.stage1 {
  grid-column: center-start/center-end;
  display: grid;
  grid-template-columns: [center-start] repeat(1, [col-start] minmax(min-content, 160rem) [col-end]) [center-end];
}

.stage2 {
  grid-column: center-start/center-end;
  grid-column: center-start/center-end;
  display: grid;
  grid-template-columns: [center-start] repeat(2, [col-start] minmax(min-content, 80rem) [col-end]) [center-end];
}
@media (max-width: 48rem) {
  .stage2 {
    grid-template-columns: [center-start] repeat(1, [col-start] minmax(min-content, 160rem) [col-end]) [center-end];
  }
}

.stage3 {
  grid-column: center-start/center-end;
  grid-column: center-start/center-end;
  display: grid;
  grid-template-columns: [center-start] repeat(3, [col-start] 1fr [col-end]) [center-end];
}
@media (max-width: 119rem) {
  .stage3 {
    grid-template-columns: [center-start] repeat(3, 1fr) [center-end];
    grid-row: auto;
  }
}
@media (max-width: 48rem) {
  .stage3 {
    grid-template-columns: [center-start] repeat(2, 1fr) [center-end];
    grid-row: auto;
  }
}
@media (max-width: 37.5rem) {
  .stage3 {
    grid-template-columns: [center-start] repeat(1, [col-start] minmax(min-content, 160rem) [col-end]) [center-end];
  }
}

.stage3-bewerbung {
  grid-column: center-start/center-end;
  display: grid;
  grid-template-columns: [center-start] repeat(3, [col-start] 1fr [col-end]) [center-end];
}
@media (max-width: 119rem) {
  .stage3-bewerbung {
    grid-template-columns: [center-start] repeat(3, 1fr) [center-end];
    grid-row: auto;
  }
}
@media (max-width: 48rem) {
  .stage3-bewerbung {
    grid-template-columns: [center-start] repeat(2, 1fr) [center-end];
    grid-row: auto;
  }
}
@media (max-width: 37.5rem) {
  .stage3-bewerbung {
    grid-template-columns: [center-start] repeat(1, [col-start] minmax(min-content, 160rem) [col-end]) [center-end];
  }
}
@media (max-width: 119rem) {
  .stage3-bewerbung {
    grid-template-columns: [center-start] repeat(2, 1fr) [center-end];
  }
}
@media (max-width: 48rem) {
  .stage3-bewerbung {
    grid-template-columns: [center-start] repeat(1, 1fr) [center-end];
  }
}

.stage3-full {
  grid-column: center-start/center-end;
  display: grid;
  grid-template-columns: [center-start] repeat(3, [col-start] 1fr [col-end]) [center-end];
  grid-column: full-start/full-end;
  padding: 0 2rem;
}
@media (max-width: 119rem) {
  .stage3-full {
    grid-template-columns: [center-start] repeat(3, 1fr) [center-end];
    grid-row: auto;
  }
}
@media (max-width: 48rem) {
  .stage3-full {
    grid-template-columns: [center-start] repeat(2, 1fr) [center-end];
    grid-row: auto;
  }
}
@media (max-width: 37.5rem) {
  .stage3-full {
    grid-template-columns: [center-start] repeat(1, [col-start] minmax(min-content, 160rem) [col-end]) [center-end];
  }
}
@media (max-width: 119rem) {
  .stage3-full {
    grid-column: center-start/center-end;
    padding: 0;
  }
}

.stage4 {
  grid-column: center-start/center-end;
  display: grid;
  grid-template-columns: [center-start] repeat(4, [col-start] 1fr [col-end]) [center-end];
}
@media (max-width: 160rem) {
  .stage4 {
    grid-template-columns: [center-start] repeat(4, [col-start] 1fr [col-end]) [center-end];
  }
}
@media (max-width: 119rem) {
  .stage4 {
    grid-template-columns: [center-start] repeat(2, [col-start] minmax(min-content, 80rem) [col-end]) [center-end];
  }
}
@media (max-width: 48rem) {
  .stage4 {
    grid-template-columns: [center-start] repeat(2, [col-start] minmax(min-content, 80rem) [col-end]) [center-end];
  }
}
@media (max-width: 37.5rem) {
  .stage4 {
    grid-template-columns: [center-start] repeat(1, [col-start] minmax(min-content, 80rem) [col-end]) [center-end];
  }
}

.stage5 {
  grid-column: center-start/center-end;
  display: grid;
  grid-template-columns: [center-start] repeat(5, [col-start] 1fr [col-end]) [center-end];
  grid-gap: 2rem;
}
@media (max-width: 119rem) {
  .stage5 {
    grid-template-columns: [center-start] repeat(3, [col-start] 1fr [col-end]) [center-end];
  }
}
@media (max-width: 48rem) {
  .stage5 {
    grid-template-columns: [center-start] repeat(2, [col-start] 1fr [col-end]) [center-end];
  }
}
@media (max-width: 37.5rem) {
  .stage5 {
    grid-template-columns: [center-start] repeat(2, [col-start] 1fr [col-end]) [center-end];
  }
}

.stage6 {
  grid-column: center-start/center-end;
  display: grid;
  grid-template-columns: [center-start] repeat(6, [col-start] 1fr [col-end]) [center-end];
  grid-gap: 2rem;
}
@media (max-width: 119rem) {
  .stage6 {
    grid-template-columns: [center-start] repeat(3, [col-start] 1fr [col-end]) [center-end];
  }
}
@media (max-width: 48rem) {
  .stage6 {
    grid-template-columns: [center-start] repeat(2, [col-start] 1fr [col-end]) [center-end];
  }
}
@media (max-width: 37.5rem) {
  .stage6 {
    grid-template-columns: [center-start] repeat(2, [col-start] 1fr [col-end]) [center-end];
  }
}

.gap {
  gap: 0.5rem;
}
@media (max-width: 37.5rem) {
  .gap {
    padding: 0 2rem;
  }
}

.gap2 {
  gap: 2rem;
}
@media (max-width: 37.5rem) {
  .gap2 {
    margin: 0;
  }
}

.gap5 {
  gap: 5rem;
}
@media (max-width: 37.5rem) {
  .gap5 {
    margin: 0 2rem;
  }
}
@media (max-width: 48rem) {
  .gap5 {
    gap: 2rem;
  }
}

.img-block {
  grid-column: center-start/center-end;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 0.5rem;
  grid-template-rows: minmax(30rem, 35vh) minmax(30rem, 35vh);
}
@media (max-width: 37.5rem) {
  .img-block {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 30rem 20rem;
  }
}

/* non-essential decorative styles */
.img-block-item {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 20rem;
}

.img-block-item:first-child {
  grid-column: span 2;
  grid-row: 1/3;
}
@media (max-width: 37.5rem) {
  .img-block-item:first-child {
    grid-row: 1;
  }
}

.container4 {
  position: relative;
}
.container4.content-i-c-i {
  padding: 5rem 0 0 0;
}
.container4.content-i-c-i h1 {
  margin: 0 0 3rem 0;
}
@media (max-width: 37.5rem) {
  .container4.content-i-c-i h1 {
    margin: 0 0 2rem 0;
  }
}
.container4.content-i-c-i :nth-child(1) {
  grid-column: full-start/3;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 48rem) {
  .container4.content-i-c-i :nth-child(1) {
    grid-column: center-start/center-end;
    margin-bottom: 3rem;
  }
}
.container4.content-i-c-i :nth-child(2) {
  grid-column: 3/5;
  background-color: #fff;
  height: auto;
}
@media (max-width: 48rem) {
  .container4.content-i-c-i :nth-child(2) {
    grid-column: center-start/center-end;
  }
}
.container4.content-i-c-i :nth-child(3) {
  grid-column: 5/full-end;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 48rem) {
  .container4.content-i-c-i :nth-child(3) {
    grid-column: center-start/center-end;
    margin-bottom: 3rem;
  }
}
.container4 .item {
  padding: 2.5rem;
}
@media (max-width: 48rem) {
  .container4 .item {
    padding: 0rem;
  }
}
.container4 .item-image {
  height: 40vh;
}
.container4.content-i-hero-c {
  padding: 5rem 0 0 0;
  border-bottom: 1px solid #736e6a;
}
.container4.content-i-hero-c .item {
  padding: 0 0 5rem 0;
}
@media (max-width: 48rem) {
  .container4.content-i-hero-c .item {
    padding: 0rem;
  }
}
.container4.content-i-hero-c .item-image {
  grid-column: full-start/4;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 160rem) {
  .container4.content-i-hero-c .item-image {
    grid-column: center-start/center-end;
    margin-bottom: 3rem;
    min-height: 70vh;
  }
}
@media (max-width: 119rem) {
  .container4.content-i-hero-c .item-image {
    grid-column: center-start/center-end;
    margin-bottom: 3rem;
    min-height: 70vh;
  }
}
@media (max-width: 37.5rem) {
  .container4.content-i-hero-c .item-image {
    grid-column: center-start/center-end;
    margin-bottom: 2rem;
    min-height: 35rem;
  }
}
.container4.content-i-hero-c .content {
  grid-column: center-start/center-end;
  background-color: #fff;
  padding: 5rem;
  height: auto;
}
@media (max-width: 119rem) {
  .container4.content-i-hero-c .content {
    grid-column: center-start/center-end;
    padding: 2rem;
  }
}
.container4.content-i-hero-c .content h1 {
  margin-bottom: 2rem;
}
.container4.content-i-c {
  padding: 0rem 0 0 0;
}
@media (max-width: 37.5rem) {
  .container4.content-i-c {
    padding: 0rem 0;
  }
}
.container4.content-i-c .item-image {
  padding: 5rem;
  grid-column: center-start/4;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 160rem) {
  .container4.content-i-c .item-image {
    grid-column: center-start/4;
    min-height: 60rem;
  }
}
@media (max-width: 119rem) {
  .container4.content-i-c .item-image {
    grid-column: center-start/4;
    height: auto;
  }
}
@media (max-width: 48rem) {
  .container4.content-i-c .item-image {
    grid-column: center-start/full-end;
    min-height: 30rem;
  }
  .container4.content-i-c .item-image p {
    padding: 1rem 0;
  }
}
@media (max-width: 37.5rem) {
  .container4.content-i-c .item-image {
    grid-column: center-start/center-end;
    min-height: 20rem;
    padding: 0;
  }
}
.container4.content-i-c .item {
  grid-column: 4/center-end;
  background-color: #fff;
  height: auto;
  padding: 5rem 0 5rem 5rem;
}
@media (max-width: 48rem) {
  .container4.content-i-c .item {
    grid-column: center-start/center-end;
    border: none;
    padding: 0rem 2rem;
  }
}
.container4.content-c-i {
  padding: 5rem 0 0 0;
}
.container4.content-c-i .item {
  padding: 0;
  grid-column: center-start/4;
}
@media (max-width: 160rem) {
  .container4.content-c-i .item {
    padding: 5rem 5rem 5rem 0;
  }
}
@media (max-width: 119rem) {
  .container4.content-c-i .item {
    grid-column: 4/center-end;
    grid-row: 2;
    padding: 0rem 0rem 5rem 0;
  }
}
@media (max-width: 48rem) {
  .container4.content-c-i .item {
    grid-column: center-start/center-end;
    grid-row: 2;
    padding: 0;
  }
}
@media (max-width: 37.5rem) {
  .container4.content-c-i .item {
    padding: 0;
  }
}
.container4.content-c-i .item-image {
  grid-column: 4/center-end;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 119rem) {
  .container4.content-c-i .item-image {
    grid-column: center-start/center-end;
    grid-row: 1;
  }
}
.container4.content-c {
  padding: 5rem 0 0 0;
}
@media (max-width: 37.5rem) {
  .container4.content-c {
    padding: 2rem;
  }
}
.container4.content-c .item {
  padding: 2rem 5rem 5rem 5rem;
  text-align: center;
}
@media (max-width: 37.5rem) {
  .container4.content-c .item {
    padding: 3rem;
    text-align: left;
  }
  .container4.content-c .item h1 {
    margin: 0 0 2rem 0;
  }
}
.container4.content-c :nth-child(1) {
  grid-column: center-start/center-end;
}
.container4 .item {
  padding: 5rem;
}
@media (max-width: 119rem) {
  .container4 .item {
    padding: 2rem;
  }
}
@media (max-width: 48rem) {
  .container4 .item {
    padding: 0rem;
  }
}
.container4 .item-image {
  height: auto;
  min-height: 35rem;
}
.container4 .item-image.mt {
  margin-top: 3rem;
}
@media (max-width: 37.5rem) {
  .container4 .item-image.mt {
    margin-top: 3rem;
  }
}
@media (max-width: 119rem) {
  .container4 .item-image {
    min-height: 25rem;
  }
}
.container4 .item h1 {
  margin: 3rem 0 1rem;
}
@media (max-width: 37.5rem) {
  .container4 .item h1 {
    margin: 2rem 0 1rem;
  }
}

.container {
  grid-column: center-start/center-end;
  gap: 5rem;
}
.container__grid-3 {
  display: grid;
  grid-template-columns: [full-start] minmax(2rem, 1fr) [center-start] repeat(3, [col-start] minmax(min-content, 53.3333rem) [col-end]) [center-end] minmax(2rem, 1fr) [full-start];
}
@media (max-width: 37.5rem) {
  .container__grid-3 {
    display: grid;
    grid-template-columns: [full-start] minmax(2rem, 1fr) [center-start] repeat(3, [col-start] minmax(min-content, 53.3333rem) [col-end]) [center-end] minmax(2rem, 1fr) [full-start];
  }
}
.container__grid-4 {
  display: grid;
  grid-template-columns: [full-start] minmax(2rem, 1fr) [center-start] repeat(4, [col-start] minmax(min-content, 40rem) [col-end]) [center-end] minmax(2rem, 1fr) [full-start];
  row-gap: 5rem;
}
@media (max-width: 37.5rem) {
  .container__grid-4 {
    display: grid;
    grid-template-columns: [full-start] minmax(0rem, 1fr) [center-start] repeat(4, [col-start] minmax(min-content, 40rem) [col-end]) [center-end] minmax(0rem, 1fr) [full-start];
  }
}
@media (max-width: 37.5rem) {
  .container__grid-4 {
    gap: 2rem;
  }
}
.container__inner-grid-3 {
  grid-column: center-start/center-end;
  display: grid;
  grid-template-columns: [center-start] repeat(3, [col-start] 1fr [col-end]) [center-end];
  grid-column: center-start/center-end;
  margin: 0rem 0 10rem 0;
}
@media (max-width: 119rem) {
  .container__inner-grid-3 {
    grid-template-columns: [center-start] repeat(3, 1fr) [center-end];
    grid-row: auto;
  }
}
@media (max-width: 48rem) {
  .container__inner-grid-3 {
    grid-template-columns: [center-start] repeat(2, 1fr) [center-end];
    grid-row: auto;
  }
}
@media (max-width: 37.5rem) {
  .container__inner-grid-3 {
    grid-template-columns: [center-start] repeat(1, [col-start] minmax(min-content, 160rem) [col-end]) [center-end];
  }
}
.container__inner-grid-4 {
  grid-column: center-start/center-end;
  display: grid;
  grid-template-columns: [center-start] repeat(4, [col-start] 1fr [col-end]) [center-end];
  grid-column: center-start/center-end;
  margin: 0rem 0 5rem 0;
}
@media (max-width: 160rem) {
  .container__inner-grid-4 {
    grid-template-columns: [center-start] repeat(4, [col-start] 1fr [col-end]) [center-end];
  }
}
@media (max-width: 119rem) {
  .container__inner-grid-4 {
    grid-template-columns: [center-start] repeat(2, [col-start] minmax(min-content, 80rem) [col-end]) [center-end];
  }
}
@media (max-width: 48rem) {
  .container__inner-grid-4 {
    grid-template-columns: [center-start] repeat(2, [col-start] minmax(min-content, 80rem) [col-end]) [center-end];
  }
}
@media (max-width: 37.5rem) {
  .container__inner-grid-4 {
    grid-template-columns: [center-start] repeat(1, [col-start] minmax(min-content, 80rem) [col-end]) [center-end];
  }
}
.container__inner-grid-4.aktuelles :first-child {
  grid-column: 1/3;
  grid-row: 1/3;
}
.container .row {
  grid-column: center-start/center-end;
  margin: 5rem 0;
}

.item__img {
  height: 300px;
  width: 100%;
  background-size: cover;
  background-position: center;
  margin: 0 0 2rem 0;
}

.main-content {
  grid-column: center-start/center-end;
}

.rechtliches {
  width: 80%;
  margin: auto;
}
@media (max-width: 37.5rem) {
  .rechtliches {
    width: 100%;
    margin: auto;
  }
}

.content-left {
  grid-column: center-start/center-end;
  display: grid;
  grid-template-columns: [center-start] repeat(3, [col-start] 1fr [col-end]) [center-end];
  grid-column: 1/4;
  gap: 2rem;
  z-index: 3;
  padding: 0;
  background-color: #fff;
}
@media (max-width: 119rem) {
  .content-left {
    grid-template-columns: [center-start] repeat(3, 1fr) [center-end];
    grid-row: auto;
  }
}
@media (max-width: 48rem) {
  .content-left {
    grid-template-columns: [center-start] repeat(2, 1fr) [center-end];
    grid-row: auto;
  }
}
@media (max-width: 37.5rem) {
  .content-left {
    grid-template-columns: [center-start] repeat(1, [col-start] minmax(min-content, 160rem) [col-end]) [center-end];
  }
}
@media (max-width: 119rem) {
  .content-left {
    grid-column: center-start/center-end;
    padding: 0;
  }
}
.content-left h3 {
  padding: 1.5rem 0;
  border-bottom: 3px solid #edeae8;
  margin-bottom: 1rem;
}
.content-left .one-col {
  grid-column: 1/-1;
}
.content-left .item.bg {
  padding: 2rem;
  background-color: #edeae8;
}

.content-right {
  grid-column: 4/5;
  height: 100%;
  padding: 2rem 0 0 5rem;
  width: auto;
  min-width: 20vw;
  border-left: 1px solid #edeae8;
}
@media (max-width: 119rem) {
  .content-right {
    grid-column: center-start/center-end;
    padding: 0rem 0 2rem 0;
    border-left: 0px;
  }
}
.content-right h3 {
  border-bottom: 3px solid #edeae8;
  margin-bottom: 2rem;
  padding: 0;
}
@media (max-width: 48rem) {
  .content-right h3 {
    margin-bottom: 0rem;
    padding-bottom: 1rem;
  }
}

/* LAYOUT - MIETANGEBOT.SCSS */
.slider-trucks {
  margin: 0 2rem;
  z-index: 1;
  max-width: 270rem;
  margin: 0rem auto 0;
  position: relative;
}
@media (max-width: 119rem) {
  .slider-trucks {
    margin: 0 2rem;
  }
}

.swiper-container-miete {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  padding-bottom: 5rem;
}

.stage4.details.gap2 {
  gap: 2rem;
}
@media (max-width: 37.5rem) {
  .stage4.details.gap2 {
    margin: 0 2rem;
  }
}

.stage2.bg {
  margin: 0 30rem 5rem;
  background-color: #edeae8;
  padding: 5rem;
  gap: 5rem;
}
@media (max-width: 119rem) {
  .stage2.bg {
    margin: 0 10rem 5rem;
    padding: 3rem;
    gap: 5rem;
  }
}
@media (max-width: 48rem) {
  .stage2.bg {
    margin: 0 0 3rem;
    padding: 2rem;
    gap: 3rem;
  }
}
@media (max-width: 37.5rem) {
  .stage2.bg {
    margin: 0 0 3rem;
    padding: 2rem;
    gap: 0;
  }
}
.stage2.bg .content h4 {
  padding: 0rem 0 1rem;
}

.titel {
  text-align: center;
  background-color: #fff;
  padding: 1rem 0 0 0;
}
.titel h1 {
  border: none;
}

.details {
  padding: 1rem 0 0rem 0;
  background-color: #fff;
}

.content__hero {
  grid-column: center-start/center-end;
  height: 60vh;
}
.content__beschreibung {
  grid-column: center-start/center-end;
  z-index: 3;
  padding: 2rem 0;
  background-color: #fff;
  display: grid;
  grid-template-columns: 50% 50%;
}
@media (max-width: 48rem) {
  .content__beschreibung {
    grid-template-columns: 100%;
  }
}
.content__beschreibung h1 {
  padding: 1.5rem 0;
  border-bottom: 3px solid #edeae8;
  margin-bottom: 1rem;
  width: 100%;
}
@media (max-width: 160rem) {
  .content__beschreibung h1 {
    font-size: 2.5rem;
  }
}
@media (max-width: 48rem) {
  .content__beschreibung h1 {
    font-size: 1.8rem;
  }
}
@media (max-width: 37.5rem) {
  .content__beschreibung h1 {
    font-size: 1.5rem;
  }
}
.content__beschreibung h3 {
  padding: 1.5rem 0;
  border-bottom: 3px solid #edeae8;
  margin-bottom: 1rem;
  float: left;
  width: 100%;
  display: block;
}
.content__beschreibung h4 {
  display: inline-block;
}
.content__beschreibung p {
  padding: 1.5rem 2rem 1rem;
  float: left;
}
.content__beschreibung p::before {
  content: " ✔";
  padding-right: 1rem;
}
.content__beschreibung p:first-child {
  padding-left: 0;
}
@media (max-width: 119rem) {
  .content__beschreibung p {
    float: none;
    padding: 0.5rem;
  }
}
.content__zusatzinfo {
  grid-column: 4/5;
  z-index: 3;
  padding-left: 5rem;
}
.content__zusatzinfo ul {
  margin: 0 0 0 2rem;
}
.content__zusatzinfo a {
  color: #00357C;
  font-weight: 700;
}
.content__zusatzinfo a:hover {
  text-decoration: underline;
}
@media (max-width: 48rem) {
  .content__zusatzinfo {
    grid-column: center-start/center-end;
    padding-left: 0rem;
  }
}
.content__anfrage {
  grid-column: center-start/center-end;
  display: grid;
  gap: 2rem;
  grid-template-columns: 30% 30%;
  justify-content: center;
  height: 100%;
  padding: 0rem;
  background-color: #fff;
}
@media (max-width: 48rem) {
  .content__anfrage {
    grid-column: center-start/center-end;
    grid-template-columns: 1fr;
    margin-top: 3rem;
    border-left: 0px;
  }
}
.content__anfrage h3 {
  border-bottom: 3px solid #edeae8;
  margin-bottom: 2rem;
  padding: 0;
}
@media (max-width: 48rem) {
  .content__anfrage h3 {
    padding-bottom: 1rem;
  }
}
.content__thumbs {
  position: relative;
  display: none;
  overflow: hidden;
}
.content__thumbs a:hover img {
  transform: scale(1.1);
}
@media (max-width: 119rem) {
  .content__thumbs a:hover img {
    transform: scale(1.1);
  }
}
.content__thumbs img {
  width: 100%;
  height: 100%;
  transition: 0.5s ease;
  border-bottom: 1px solid #fff;
  min-height: 30rem;
  object-fit: cover;
}
@media (max-width: 48rem) {
  .content__thumbs img {
    min-height: 20rem;
  }
}
@media (max-width: 37.5rem) {
  .content__thumbs img {
    min-height: 15rem;
  }
}
.content__thumbs :last-child {
  padding-right: 0;
}
.content__img {
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  width: 100%;
  height: 30rem;
  transition: 0.5s ease;
  border-bottom: 1px solid #fff;
}
.content__img:hover {
  opacity: 0.8;
}

a:hover .title-overlay .info {
  transition: 0.5s ease;
  color: #fff;
  background-color: #575350;
}
a .title-overlay {
  transition: 0.5s ease;
  opacity: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  height: 100%;
  width: 100%;
}
a .title-overlay .info {
  color: #575350;
  background-color: #fff;
  position: absolute;
  bottom: 0px;
  padding: 1rem 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  font-weight: bold;
}
@media (max-width: 37.5rem) {
  a .title-overlay .info {
    padding: 0.5rem 1rem;
    font-size: 1rem;
  }
}

.ansprechpartner {
  border-bottom: 3px solid #edeae8;
  margin-bottom: 2rem;
}
@media (max-width: 119rem) {
  .ansprechpartner {
    width: 100%;
  }
}
.ansprechpartner .foto {
  min-width: 15rem;
  background-color: #edeae8;
  margin-right: 2rem;
  margin-bottom: 2rem;
  min-height: 15rem;
  text-align: right;
  height: 30rem;
}
.ansprechpartner .foto img {
  height: 100%;
  width: auto;
}
@media (max-width: 119rem) {
  .ansprechpartner .foto {
    width: 100%;
    text-align: right;
    height: 20rem;
  }
}
.ansprechpartner .foto .details {
  width: 70%;
}
@media (max-width: 48rem) {
  .ansprechpartner .foto .details {
    width: 100%;
  }
}

/* HERO SCSS  */
.heroimg {
  grid-column: full-start/full-end;
  border: 0;
  grid-row: 1;
}
.heroimg img {
  width: 100%;
  height: calc(100vh - 20rem);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  background-position: center;
}
@media (max-width: 119rem) {
  .heroimg img {
    height: 100vh;
  }
}
@media (max-width: 37.5rem) {
  .heroimg img {
    height: calc(60vh - 77px);
  }
}
@media (max-width: 37.5rem) {
  .heroimg {
    grid-column: full-start/full-end;
  }
}

.hero-box {
  padding: 2rem 3rem;
  grid-column: center-start;
  grid-row: 1;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 48rem) {
  .hero-box {
    padding: 2rem;
    grid-row: 2;
    grid-column: center-start/center-end;
    margin: 3rem 0 0 0;
  }
}
@media (max-width: 37.5rem) {
  .hero-box {
    padding: 2rem;
    grid-row: 2;
    grid-column: full-start/full-end;
    margin: 0;
  }
}
.hero-box--center {
  align-self: center;
}
.hero-box--top {
  align-self: flex-start;
  margin-top: 5rem;
}
@media (max-width: 48rem) {
  .hero-box--top {
    margin-top: 2rem;
  }
}
.hero-box--bottom {
  align-self: flex-end;
  margin-bottom: 5rem;
}
.hero-box h1 {
  hyphens: none;
}

.container4.content-i-c .breadcrum {
  padding: 0rem 0 1rem;
  border-bottom: 3px solid #edeae8;
  margin-top: 2rem;
}
.container4.content-i-c .item a.btn.btn--info {
  display: table;
  width: 100%;
}

.leistungen {
  gap: 2rem;
  margin: 0;
}
@media (max-width: 37.5rem) {
  .leistungen {
    gap: 1rem;
  }
}
.leistungen .item {
  text-align: center;
  background-color: #fff;
  padding: 2rem;
}
.leistungen .item img {
  width: 100%;
}
.leistungen a.btn.btn--info {
  border-top: none;
  border-left: none;
  border-right: none;
  background-color: #edeae8;
}
.leistungen a.btn.btn--info:hover {
  background-color: #736e6a;
  border-top: none;
  border-left: none;
  border-right: none;
}

.check4 {
  grid-column: center-start/center-end;
  display: grid;
  grid-template-columns: [center-start] repeat(4, [col-start] 1fr [col-end]) [center-end];
  grid-gap: 2rem;
}
@media (max-width: 119rem) {
  .check4 {
    grid-template-columns: [center-start] repeat(2, [col-start] 1fr [col-end]) [center-end];
  }
}
@media (max-width: 48rem) {
  .check4 {
    grid-template-columns: [center-start] repeat(2, [col-start] 1fr [col-end]) [center-end];
  }
}
@media (max-width: 37.5rem) {
  .check4 {
    grid-template-columns: [center-start] repeat(1, [col-start] 1fr [col-end]) [center-end];
  }
}

.container1 .leistungen {
  grid-column: center-start/center-end;
  display: grid;
  grid-template-columns: [center-start] repeat(4, [col-start] 1fr [col-end]) [center-end];
  margin-top: 2rem;
}
.container1 .leistungen .btn.btn--info {
  margin: 0;
}
@media (max-width: 160rem) {
  .container1 .leistungen {
    grid-template-columns: [center-start] repeat(4, [col-start] 1fr [col-end]) [center-end];
  }
}
@media (max-width: 119rem) {
  .container1 .leistungen {
    grid-template-columns: [center-start] repeat(2, [col-start] minmax(min-content, 80rem) [col-end]) [center-end];
  }
}
@media (max-width: 48rem) {
  .container1 .leistungen {
    grid-template-columns: [center-start] repeat(2, [col-start] minmax(min-content, 80rem) [col-end]) [center-end];
  }
}
@media (max-width: 37.5rem) {
  .container1 .leistungen {
    grid-template-columns: [center-start] repeat(1, [col-start] minmax(min-content, 80rem) [col-end]) [center-end];
    gap: 0.5rem;
  }
}

/*AKTUELLES.SCSS -- BLOG LIST LAYOUT  */
.stage3.aktuelles {
  grid-gap: 2rem;
  margin: 0;
  background-color: #fff;
  padding: 2rem 0 0 0;
  border-top: 3px solid #edeae8;
}
@media (max-width: 48rem) {
  .stage3.aktuelles {
    padding: 2rem 0 0 0;
  }
}
@media (max-width: 37.5rem) {
  .stage3.aktuelles {
    padding: 2rem 0 0 0;
  }
}

a {
  /*.news-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;

  }*/
  /* Bild "dunkler" starten für weichen Fade-In */
  /* Hover-Effekt */
}
a:hover .news-item .news-title h4 {
  color: #736e6a;
  background-color: #fff;
}
a:hover .news-item .news-image {
  transform: scale(1.1);
}
a .news-item {
  position: relative;
  overflow: hidden;
  min-height: 35rem; /* ca. 560px, sorgt für Platz */
  height: auto; /* Lieber auto als 100%, sonst Probleme */
  background-color: #edeae8; /* heller Platzhalter-Hintergrund */
  border-radius: 6px; /* Optional, sieht moderner aus */
  transition: box-shadow 0.3s ease;
}
a .news-image {
  position: relative;
  overflow: hidden;
  min-height: 30rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.8s ease, opacity 0.8s ease;
  will-change: transform, opacity;
}
a .news-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.05); /* leicht abdunkeln */
  opacity: 0;
  transition: opacity 0.8s ease;
  z-index: 1;
}
a .news-item:hover .news-image {
  transform: scale(1.05); /* Zoom leicht rein */
  opacity: 1; /* Volle Sichtbarkeit */
}
a .news-item:hover .news-image::before {
  opacity: 1; /* sanft eingeblendet */
}
a .news-date {
  background-color: #fff;
  top: 0rem;
  right: 0rem;
}
a .news-date p.info {
  font-size: 1rem;
  padding: 0.1rem 1rem;
  background-color: #fff;
  color: #575350;
}
a .news-title {
  background-color: #fff;
  position: absolute;
  bottom: 0rem;
  left: 0rem;
  width: 100%;
  padding-top: 1rem;
}
a .news-title h4 {
  padding: 0rem 2.5rem 1.5rem 1rem;
  margin-bottom: 0;
  border: 0;
  hyphens: auto;
  -moz-hyphens: auto;
  color: #575350;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  background-color: #fff;
  font-weight: normal;
  font-size: 1.5rem;
}

/*AKTUELLES.SCSS -- BLOG LIST-LAYOUT STARTSEITE   */
.container4 .item.aktuelles h1 {
  margin: 0 0 1rem;
}
.container4 .item.aktuelles .info {
  padding-top: 2rem;
}

/*AKTUELLES.SCSS -- BLOG DETAIL LAYOUT  */
.stage3.aktuelles {
  grid-gap: 2rem;
  margin: 0;
  background-color: #fff;
  padding: 2rem 0;
}
@media (max-width: 48rem) {
  .stage3.aktuelles {
    padding: 2rem 2rem 2rem;
  }
}
.stage3.aktuelles p a {
  color: #575350;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #575350;
}
.stage3.aktuelles p a:hover {
  border-bottom: 2px solid #00357C;
}
.stage3.aktuelles .news-detail {
  grid-column: 1/3;
  position: relative;
}
.stage3.aktuelles .news-detail p.info {
  font-size: 1.3rem;
  padding: 0.3rem 0rem;
  color: #575350;
  background-color: #fff;
  display: inline-block;
}
.stage3.aktuelles .news-detail .news-image {
  margin-bottom: 3rem;
}
.stage3.aktuelles .news-detail .news-image img {
  width: 100%;
  height: auto;
}
@media (max-width: 48rem) {
  .stage3.aktuelles .news-detail {
    grid-column: 1/-1;
  }
}
.stage3.aktuelles .news-detail-sidebar {
  grid-column: 3/4;
}
.stage3.aktuelles .news-detail-sidebar h4 {
  margin-bottom: 3rem;
  padding: 1.5rem 1.5rem 1.5rem 0;
}
.stage3.aktuelles .news-detail-sidebar .wrapper {
  background-color: #edeae8;
}
.stage3.aktuelles .news-detail-sidebar ul li {
  list-style: none;
  padding: 0rem;
}
.stage3.aktuelles .news-detail-sidebar ul li a {
  color: #575350;
  padding: 1rem;
  border-bottom: 3px solid #fff;
  display: block;
}
.stage3.aktuelles .news-detail-sidebar ul li a:hover {
  border-bottom: 3px solid #fff;
  background-color: #575350;
  color: #fff;
}
.stage3.aktuelles .news-detail-sidebar ul li a .xsmall {
  font-size: 0.8rem;
}
@media (max-width: 48rem) {
  .stage3.aktuelles .news-detail-sidebar {
    grid-column: 1/-1;
  }
}

/* UNTERNEHMEN SCSS  */
.titel-center .item {
  margin-top: 2rem;
  display: inline-block;
  padding: 2rem;
}

.box {
  padding: 0;
  margin: 3rem 0 0 0;
}
@media (max-width: 200rem) {
  .box {
    column-gap: 2rem;
    row-gap: 0;
  }
}
@media (max-width: 119rem) {
  .box {
    gap: 2rem;
  }
}
@media (max-width: 37.5rem) {
  .box {
    margin: 2rem 0 0 0;
  }
}
.box .item {
  text-align: center;
  padding: 5rem 2rem;
  background-color: #edeae8;
}
@media (max-width: 48rem) {
  .box .item {
    border-top: 0px solid #575350;
    padding: 2rem;
  }
}

.check {
  font-weight: bold;
}
.check::before {
  content: " ✔";
  padding-right: 1rem;
}
.check:first-child {
  padding-left: 0;
}

/* UNTERNEHMEN NZ WOERTH  */
.stage5.box.nz {
  gap: 2rem;
}
.stage5.box.nz .item {
  border: none;
  background-color: #edeae8;
}
.stage5.box.nz .item h1 {
  font-size: 2rem;
  padding: 1rem;
  margin: 0;
}
@media (max-width: 48rem) {
  .stage5.box.nz .item h1 {
    font-size: 1.5rem;
    padding: 0.5rem;
  }
}

.stage6.box.nz {
  gap: 2rem;
}
.stage6.box.nz .item {
  border: none;
  background-color: #edeae8;
}
.stage6.box.nz .item h1 {
  font-size: 2rem;
  padding: 1rem;
  margin: 0;
}
@media (max-width: 48rem) {
  .stage6.box.nz .item h1 {
    font-size: 1.5rem;
    padding: 0.5rem;
  }
}

.stage3.karriere {
  gap: 2rem;
}
@media (max-width: 48rem) {
  .stage3.karriere {
    padding: 0 2rem 2rem 2rem;
  }
}

.stage4.karriere {
  gap: 2rem;
}
.stage4.karriere .beschreibung {
  grid-column: center-start/4;
  background-color: #fff;
  padding: 5rem;
}
@media (max-width: 119rem) {
  .stage4.karriere .beschreibung {
    grid-column: center-start/center-end;
  }
}
@media (max-width: 48rem) {
  .stage4.karriere .beschreibung {
    padding: 2rem;
  }
}
.stage4.karriere .beschreibung ul {
  margin-left: 1.5rem;
}
.stage4.karriere .info {
  grid-column: 4/center-end;
  background-color: #edeae8;
  padding: 5rem;
}
@media (max-width: 119rem) {
  .stage4.karriere .info {
    grid-column: center-start/center-end;
    text-align: center;
  }
}

.karriere-item {
  background-color: #edeae8;
  padding: 3rem;
}
.karriere-item h4 {
  padding: 0 0 1.5rem 0;
  margin-bottom: 2rem;
}

/* STELLENANGEBOTE - KARRIERE.SCSS */
.stellenangebote {
  gap: 2rem;
}
@media (max-width: 37.5rem) {
  .stellenangebote {
    margin-bottom: 2rem;
  }
}
.stellenangebote .beschreibung {
  background-color: #edeae8;
  padding: 5rem;
}
@media (max-width: 119rem) {
  .stellenangebote .beschreibung {
    padding: 2rem;
  }
}
@media (max-width: 37.5rem) {
  .stellenangebote .beschreibung {
    padding: 2rem;
    margin: 0 2rem;
  }
}
.stellenangebote .beschreibung h3 {
  padding: 0rem 0 1rem;
}
.stellenangebote .beschreibung ul {
  margin-left: 1.5rem;
}

/* PAGES / MIETANGEBOTE */
.swiper-container-mietflotte {
  overflow: hidden;
  display: flex;
}

.swiper-container-miete .swiper-slide img {
  width: 100%;
  transition: 0.5s ease;
  border-bottom: 1px solid #fff;
  min-height: 20rem;
  background-size: cover;
  background-position: center;
}
@media (max-width: 200rem) {
  .swiper-container-miete .swiper-slide img {
    height: 75vh;
    background-size: cover;
  }
}
@media (max-width: 119rem) {
  .swiper-container-miete .swiper-slide img {
    height: 75vh;
  }
}
@media (max-width: 48rem) {
  .swiper-container-miete .swiper-slide img {
    height: 35rem;
  }
}
@media (max-width: 37.5rem) {
  .swiper-container-miete .swiper-slide img {
    height: 20rem;
  }
}

.slider-hero-mietangebote {
  z-index: 1;
  max-width: 160rem;
  margin: 0 auto 0;
  position: relative;
}
@media (max-width: 37.5rem) {
  .slider-hero-mietangebote {
    margin: 0;
  }
}

.slider-mietangebote {
  display: grid;
  grid-template-columns: [full-start] minmax(2rem, 1fr) [center-start] repeat(4, [col-start] minmax(min-content, 40rem) [col-end]) [center-end] minmax(2rem, 1fr) [full-start];
  position: relative;
}
@media (max-width: 37.5rem) {
  .slider-mietangebote {
    display: grid;
    grid-template-columns: [full-start] minmax(0rem, 1fr) [center-start] repeat(4, [col-start] minmax(min-content, 40rem) [col-end]) [center-end] minmax(0rem, 1fr) [full-start];
  }
}

input, textarea {
  padding: 1.5rem;
  font-size: 1.8rem;
  font-family: "Oxygen", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  max-width: 100%;
  background-color: #edeae8;
  border: none;
}
@media (max-width: 48rem) {
  input, textarea {
    width: 100%;
  }
}

.kontakt {
  grid-column: center-start/center-end;
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: min-content auto min-content auto;
  background-color: #fff;
  padding: 6rem 4rem 4rem 4rem;
}
@media (max-width: 48rem) {
  .kontakt {
    grid-column: center-start/center-end;
    display: table;
    grid-gap: 0;
    margin-right: 0;
    padding: 2rem;
  }
  .kontakt label {
    margin-bottom: 1rem;
    display: inline-block;
  }
  .kontakt input, .kontakt textarea {
    margin-bottom: 2rem;
  }
}
@media (max-width: 37.5rem) {
  .kontakt {
    margin-top: 0;
    gap: 1rem;
  }
}
.kontakt label {
  text-align: left;
}
.kontakt .datenschutz {
  grid-row: 8;
  grid-column: 2/-1;
  text-align: left;
}
@media (max-width: 48rem) {
  .kontakt .datenschutz {
    grid-column: 1/-1;
    text-align: left;
  }
}
.kontakt .datenschutz input.margin {
  margin: 0 0.5rem 0 2rem;
}
@media (max-width: 48rem) {
  .kontakt .datenschutz input.margin {
    width: min-content;
    margin: 0 0.5rem 0 0;
  }
}
.kontakt .datenschutz label {
  font-weight: bold;
  display: block;
  border-bottom: 1px solid #575350;
  padding: 1rem 0;
  margin-bottom: 1rem;
}
@media (max-width: 48rem) {
  .kontakt .datenschutz label {
    text-align: left;
  }
}
.kontakt input#Datenschutz1 {
  width: 1rem;
}
.kontakt input#Datenschutz1[type=checkbox] {
  transform: scale(2);
  margin: 0 2rem 0 0;
}
.kontakt input#DateiSenden {
  grid-column: 2/-1;
}
.kontakt .senden {
  width: min-content;
  justify-self: right;
  grid-row: 6;
  grid-column: 3/-1;
}
.kontakt .routenplaner {
  grid-column: 6;
  width: auto;
  align-self: right;
  justify-self: right;
}

#Unternehmen {
  grid-column: 2/-1;
}

#Nachricht {
  grid-column: 2/-1;
  min-height: 20vh;
}

.system_page {
  grid-column: 2/5;
}

input:-internal-autofill-selected {
  background-color: #edeae8 !important;
  background-image: none !important;
  color: -internal-light-dark-color(black, white) !important;
}

input.btn.btn--info {
  width: min-content;
}

input:focus-visible,
textarea:focus-visible,
select:focus-visible,
button:focus-visible {
  outline: 3px solid #00357C; /* CI-Farbe z. B. Gelb */
  outline-offset: 2px;
  border-radius: 4px;
  transition: outline 0.2s ease-in-out;
}

.stage3.box.nz .item {
  padding: 3rem 2rem 5rem 2rem;
  background-color: #fff;
  border: 2px solid #edeae8;
}
@media (max-width: 48rem) {
  .stage3.box.nz .item {
    padding: 3rem 2rem;
  }
}
.stage3.box.nz .item p {
  padding-bottom: 0;
}

:root {
  --swiper-theme-color: $color-grey-light;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #00357C;
}

.swiper-container {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: [full-start] minmax(2rem, 1fr) [center-start] repeat(4, [col-start] minmax(min-content, 40rem) [col-end]) [center-end] minmax(2rem, 1fr) [full-start];
  height: calc(100vh - 20rem);
}
@media (max-width: 37.5rem) {
  .swiper-container {
    display: grid;
    grid-template-columns: [full-start] minmax(0rem, 1fr) [center-start] repeat(4, [col-start] minmax(min-content, 40rem) [col-end]) [center-end] minmax(0rem, 1fr) [full-start];
  }
}
@media (max-width: 160rem) {
  .swiper-container {
    height: calc(100vh - 20rem);
  }
}
@media (max-width: 119rem) {
  .swiper-container {
    height: auto;
  }
}

.swiper-container .swiper-slide img {
  width: 100%;
  transition: 0.5s ease;
  border-bottom: 1px solid #fff;
  min-height: 30rem;
  object-fit: cover;
  background-position: center;
  height: 100%;
  background-size: cover;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #edeae8;
}
@media (max-width: 48rem) {
  .swiper-button-next, .swiper-button-prev {
    top: 40%;
  }
}

.hero-titel {
  grid-column: center-start/4;
  grid-row: 1;
  z-index: 5;
  margin: 15% auto;
}
@media (max-width: 48rem) {
  .hero-titel {
    padding: 2rem;
    grid-row: 2;
    grid-column: full-start/full-end;
    background-color: #edeae8;
    margin: 0;
  }
}
@media (max-width: 37.5rem) {
  .hero-titel {
    padding: 2rem;
    grid-row: 2;
    grid-column: center-start/center-end;
    margin: 0;
  }
}
.hero-titel .wrapper {
  padding: 2rem 3rem;
  margin-left: 0rem;
}
.hero-titel .wrapper h1 {
  color: #fff;
  text-shadow: 0px 0px 5px rgb(150, 150, 150);
  font-size: 5rem;
}
@media (max-width: 119rem) {
  .hero-titel .wrapper h1 {
    font-size: 2.8rem;
  }
}
@media (max-width: 48rem) {
  .hero-titel .wrapper h1 {
    color: #575350;
    text-align: center;
    text-shadow: none;
    font-size: 2.6rem;
  }
}
@media (max-width: 37.5rem) {
  .hero-titel .wrapper h1 {
    font-size: 1.8rem;
  }
}
.hero-titel .wrapper p {
  display: inline-block;
  background-color: #fff;
  padding: 1rem;
}
@media (max-width: 48rem) {
  .hero-titel .wrapper p {
    color: #575350;
    text-align: center;
    text-shadow: none;
  }
}
.hero-titel .wrapper h2 {
  color: #fff;
  text-shadow: 0px 0px 5px rgb(150, 150, 150);
  font-size: 4rem;
  font-weight: normal;
}
@media (max-width: 119rem) {
  .hero-titel .wrapper h2 {
    font-size: 2.8rem;
  }
}
@media (max-width: 48rem) {
  .hero-titel .wrapper h2 {
    color: #575350;
    text-align: center;
    text-shadow: none;
    font-size: 2.6rem;
  }
}
@media (max-width: 37.5rem) {
  .hero-titel .wrapper h2 {
    font-size: 1.5rem;
  }
}
.hero-titel .wrapper h1.dark {
  color: #575350;
  text-shadow: 0px 0px 5px rgb(255, 255, 255);
  font-size: 5rem;
}
@media (max-width: 119rem) {
  .hero-titel .wrapper h1.dark {
    font-size: 2.8rem;
  }
}
@media (max-width: 48rem) {
  .hero-titel .wrapper h1.dark {
    text-shadow: none;
    text-align: center;
    font-size: 2.6rem;
  }
}
@media (max-width: 37.5rem) {
  .hero-titel .wrapper h1.dark {
    font-size: 1.8rem;
  }
}
@media (max-width: 48rem) {
  .hero-titel .wrapper {
    padding: 0rem;
    margin: 0;
    background-color: #edeae8;
    margin: 0 auto;
  }
}
@media (max-width: 37.5rem) {
  .hero-titel .wrapper {
    padding: 0rem;
    background-color: #edeae8;
  }
}

.swiper-slide {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.wrapper {
  grid-column: center-start/center-end;
}
.wrapper button.accordion h4 {
  font-size: 1.8rem;
  padding-bottom: 0px;
  padding-top: 1.1rem;
  border-bottom: 0px;
  margin: 0px;
  text-align: center;
  font-weight: normal;
}
@media (max-width: 48rem) {
  .wrapper button.accordion h4 {
    font-size: 1.5rem;
    text-align: left;
  }
}
.wrapper .accordion {
  background-color: #fff;
  color: #575350;
  cursor: pointer;
  padding: 1rem;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.2s;
  border-top: 2px solid #edeae8;
}
.wrapper .accordion:hover {
  background-color: #edeae8;
  color: #575350;
}
.wrapper .accordion:hover::after {
  color: #575350;
}
.wrapper .active {
  background-color: #736e6a;
  color: #fff;
}
.wrapper .accordion:after {
  content: "+";
  color: #575350;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
.wrapper .active:after {
  content: "−";
  color: #575350;
}
.wrapper .panel {
  padding: 0;
  background-color: #fff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
@media (max-width: 48rem) {
  .wrapper .panel {
    gap: 2rem;
  }
}
.wrapper .panel .wrapper {
  padding: 5rem 0;
  grid-column: center-start/center-end;
  display: grid;
  grid-template-columns: [center-start] repeat(6, [col-start] 1fr [col-end]) [center-end];
  grid-gap: 2rem;
  gap: 5rem;
}
@media (max-width: 119rem) {
  .wrapper .panel .wrapper {
    grid-template-columns: [center-start] repeat(3, [col-start] 1fr [col-end]) [center-end];
  }
}
@media (max-width: 48rem) {
  .wrapper .panel .wrapper {
    grid-template-columns: [center-start] repeat(2, [col-start] 1fr [col-end]) [center-end];
  }
}
@media (max-width: 37.5rem) {
  .wrapper .panel .wrapper {
    grid-template-columns: [center-start] repeat(2, [col-start] 1fr [col-end]) [center-end];
  }
}
@media (max-width: 119rem) {
  .wrapper .panel .wrapper {
    padding: 2rem 0;
    gap: 5rem;
  }
}
@media (max-width: 48rem) {
  .wrapper .panel .wrapper {
    padding: 2rem 0;
    gap: 2rem;
  }
}
@media (max-width: 37.5rem) {
  .wrapper .panel .wrapper {
    padding: 2rem;
    gap: 1rem;
  }
}
.wrapper .panel .bild {
  grid-column: 1/3;
  height: 35rem;
  background-color: #edeae8;
}
.wrapper .panel .bild img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
}
@media (max-width: 119rem) {
  .wrapper .panel .bild {
    grid-column: 1/7;
    height: 40rem;
  }
}
@media (max-width: 48rem) {
  .wrapper .panel .bild {
    grid-column: 1/7;
    height: 30rem;
  }
}
@media (max-width: 37.5rem) {
  .wrapper .panel .bild {
    grid-column: 1/7;
    height: 25rem;
  }
}
.wrapper .panel .content {
  grid-column: 3/5;
  text-align: left;
}
@media (max-width: 119rem) {
  .wrapper .panel .content {
    grid-column: 1/5;
  }
}
@media (max-width: 48rem) {
  .wrapper .panel .content {
    grid-column: 1/7;
  }
}
.wrapper .panel .content h4 {
  padding: 0rem 0 1rem 0;
  font-weight: bold;
}
.wrapper .panel .content p {
  margin-bottom: 2rem;
}
.wrapper .panel .content ul {
  margin-left: 1.5rem;
}
.wrapper .panel .info {
  grid-column: 5/7;
}
@media (max-width: 119rem) {
  .wrapper .panel .info {
    grid-column: 5/7;
  }
}
@media (max-width: 48rem) {
  .wrapper .panel .info {
    grid-column: 1/7;
    padding-top: 2rem;
  }
}
.wrapper .panel .info h4 {
  padding: 0rem 0 1rem 0;
  font-weight: bold;
}
.wrapper .panel .info .details {
  line-height: 160%;
}
.wrapper .panel .info .details .bt {
  border-top: 1px solid #736e6a;
  margin-top: 1rem;
  display: block;
  padding: 1rem 0;
}

/* ACCORDION MIETE DETAIL PAGE */
.accordion.miete {
  text-align: left;
  border-top: none;
}
.accordion.miete a {
  background-color: #edeae8;
}
@media (max-width: 48rem) {
  .accordion.miete {
    text-align: left;
  }
}
.accordion.miete h1 {
  padding: 0;
}
.accordion.miete h1::before {
  content: " ›";
  padding-right: 1rem;
}
.accordion.miete p {
  padding: 0 0 0 1rem;
  margin: 0;
  display: inline-block;
  color: unset;
}

@media (max-width: 48rem) {
  .wrapper .panel .wrapper-miete {
    display: table;
    padding: 2rem 0;
  }
}
.wrapper .panel .wrapper-miete .content {
  width: 50%;
  float: left;
  padding: 2rem;
}
@media (max-width: 48rem) {
  .wrapper .panel .wrapper-miete .content {
    width: 100%;
    padding: 2rem 0;
  }
}
.wrapper .panel .wrapper-miete .content p {
  margin: 0;
}
.wrapper .panel .wrapper-miete .content p::before {
  content: " ✔";
  padding-right: 1rem;
}

#logo {
  position: fixed; /* Make it stick/fixed */
  top: 0.3rem; /* Stay on top */
  left: 7rem;
  transition: top 0.3s; /* Transition effect when sliding down (and up) */
  text-align: left;
  color: #575350;
  z-index: 10;
}
#logo p {
  line-height: 0;
  margin: 0;
  padding: 0;
}
@media (max-width: 48rem) {
  #logo {
    top: 2.5rem;
  }
}
@media (max-width: 48rem) {
  #logo {
    top: 0rem;
  }
}

.info-nav {
  position: fixed; /* Make it stick/fixed */
  top: 2.2rem; /* Stay on top */
  right: 7rem;
  transition: top 0.3s; /* Transition effect when sliding down (and up) */
  text-align: center;
  color: #575350;
  z-index: 10;
}
@media (max-width: 48rem) {
  .info-nav {
    position: relative;
    background-color: rgb(220, 220, 220);
    padding: 0.3rem;
    top: 0;
    left: 0;
    text-align: left;
  }
}
@media (max-width: 48rem) {
  .info-nav {
    display: none;
  }
}

.logo {
  width: 30rem;
  padding: 0 0 0 0;
}
@media (max-width: 48rem) {
  .logo {
    width: 21rem;
    padding: 1.2rem 0 0 0;
  }
}
.logo--mietfinanz {
  width: 30rem;
  padding: 0 0 0 0;
}
@media (max-width: 48rem) {
  .logo--mietfinanz {
    width: 21rem;
    padding: 1.2rem 0 0 0;
  }
}
.logo--small {
  width: 20rem;
  padding: 0;
}
.logo--menu {
  width: 30rem;
  padding: 3.5rem 0 0 0;
}
@media (max-width: 37.5rem) {
  .logo--menu {
    width: 20rem;
  }
}
.logo--firmen {
  width: 100%;
}
@media (max-width: 48rem) {
  .logo--firmen {
    padding: 0 1.5rem;
  }
}
@media (max-width: 37.5rem) {
  .logo--firmen {
    padding: 0;
  }
}

#navbar {
  background-color: #fff;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
  transition: top 0.3s;
  z-index: 99;
  border-bottom: 3px solid #eee;
}

.menu-btn {
  display: inline-block;
  margin: 2.2rem 1.9rem 1.5rem 2.2rem;
  width: 2.5rem;
  cursor: pointer;
}

.menu-btn:before,
.menu-btn:after {
  background-color: #575350;
  content: "";
  display: block;
  height: 4px;
  transition: all 200ms ease-in-out;
}

.menu-btn:before {
  box-shadow: 0 10px 0 #575350;
  margin-bottom: 16px;
}

.menu-btn:hover:before {
  box-shadow: 0 0 0 #575350;
  transform: translateX(10px) translateY(10px) rotate(90deg);
}

.menu-btn:hover:after {
  transform: translateX(-10px) translateY(-10px) rotate(90deg);
}

/* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 20; /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgba(0, 53, 122, 0.99); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.2s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
  display: grid;
  display: grid;
  grid-template-columns: [full-start] minmax(2rem, 1fr) [center-start] repeat(1, [col-start] minmax(min-content, 160rem) [col-end]) [center-end] minmax(2rem, 1fr) [full-start];
  grid-template-rows: min-content auto min-content min-content;
}
@media (max-width: 37.5rem) {
  .overlay {
    display: grid;
    grid-template-columns: [full-start] minmax(2rem, 1fr) [center-start] repeat(1, [col-start] minmax(min-content, 160rem) [col-end]) [center-end] minmax(2rem, 1fr) [full-start];
  }
}
@media (max-width: 119rem) {
  .overlay {
    grid-template-rows: min-content auto min-content min-content;
  }
}
@media (max-width: 37.5rem) {
  .overlay {
    grid-template-rows: auto;
  }
}

.overlay-logo {
  text-align: center; /* Centered text/links */
  grid-column: center-start/center-end;
  grid-row: 1;
  align-self: flex-end;
  padding: 0;
  border-bottom: 1px solid rgb(134, 171, 218);
}
.overlay-logo p {
  color: #edeae8;
}
@media (max-width: 37.5rem) {
  .overlay-logo {
    padding: 0;
  }
}

/* The navigation links inside the overlay */
.overlay a {
  text-decoration: none;
  color: #fff;
  transition: 0.3s; /* Transition effects on hover (color) */
  align-self: center;
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover,
.overlay a:focus {
  color: rgb(134, 171, 218);
}

/* Position the content inside the overlay */
.overlay-links {
  align-self: center;
  text-align: center; /* Centered text/links */
  grid-column: center-start/center-end;
  grid-row: 2;
}
.overlay-links nav ul li {
  list-style: none;
}
.overlay-links nav ul li a {
  padding: 1rem 0;
  font-size: 2.5rem;
  display: block;
}
@media (max-width: 160rem) {
  .overlay-links nav ul li a {
    font-size: 3.5rem;
    padding: 2rem 0;
  }
}
@media (max-width: 119rem) {
  .overlay-links nav ul li a {
    padding: 1rem 0;
    font-size: 2.5rem;
  }
}
@media (max-width: 37.5rem) {
  .overlay-links nav ul li a {
    padding: 0.8rem 0;
    font-size: 1.5rem;
  }
}

.overlay-info {
  align-self: center;
  text-align: center; /* Centered text/links */
  grid-column: center-start/center-end;
  grid-row: 3;
  padding: 2rem 0rem;
  border-top: 1px solid rgb(134, 171, 218);
}
.overlay-info p {
  color: rgb(134, 171, 218);
}
@media (max-width: 37.5rem) {
  .overlay-info {
    margin: 0;
    padding: 1rem 0;
  }
  .overlay-info p {
    padding: 0;
    font-size: 1rem;
    line-height: 140%;
  }
}

.overlay-unternehmen {
  text-align: center; /* Centered text/links */
  grid-column: center-start/center-end;
  grid-row: 4;
  color: #edeae8;
  padding: 2rem 0;
  grid-column: center-start/center-end;
  display: grid;
  grid-template-columns: [center-start] repeat(6, [col-start] 1fr [col-end]) [center-end];
  grid-gap: 2rem;
  font-size: 1.5rem;
  border-top: 1px solid rgb(134, 171, 218);
  grid-gap: 0;
}
.overlay-unternehmen p {
  color: #edeae8;
}
@media (max-width: 119rem) {
  .overlay-unternehmen {
    grid-template-columns: [center-start] repeat(3, [col-start] 1fr [col-end]) [center-end];
  }
}
@media (max-width: 48rem) {
  .overlay-unternehmen {
    grid-template-columns: [center-start] repeat(2, [col-start] 1fr [col-end]) [center-end];
  }
}
@media (max-width: 37.5rem) {
  .overlay-unternehmen {
    grid-template-columns: [center-start] repeat(2, [col-start] 1fr [col-end]) [center-end];
  }
}

/* Position the close button (top right corner) 
.overlay .closebtn {
  position: absolute;
  top: 2.2rem;
  left: 2.2rem;
  font-size: 4.5rem;
  padding: 0;
}
  */
/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {
    font-size: 20px;
  }
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}
.menu-btn {
  display: inline-block;
  position: relative;
  width: 2.5rem;
  height: 2.1rem;
  margin: 2rem;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 900;
}

.menu-btn::before,
.menu-btn::after {
  background-color: #000;
  content: "";
  display: block;
  height: 4px;
  width: 100%;
  position: absolute;
  left: 0;
  transition: all 200ms ease-in-out;
}

.menu-btn::before {
  top: 0;
  box-shadow: 0 10px 0 #000;
}

.menu-btn::after {
  bottom: 0;
}

.menu-btn:hover::before {
  box-shadow: 0 0 0 #000;
  transform: translateX(10px) translateY(12px) rotate(90deg);
}

.menu-btn:hover::after {
  transform: translateX(-10px) translateY(-10px) rotate(90deg);
}

.menu-btn.active::before {
  transform: rotate(45deg);
  top: 12px;
  box-shadow: none;
}

.menu-btn.active::after {
  transform: rotate(-45deg);
  bottom: 12px;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: white;
  z-index: 1000;
  overflow-y: auto;
  padding: 2rem;
  display: none;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  gap: 2rem;
}

/* Sichtbarkeit nur über aria-hidden */
.overlay[aria-hidden=false] {
  display: grid;
}

.overlay-logo img {
  max-width: 200px;
}

.overlay-links nav ul {
  list-style: none;
  padding: 0;
}

.overlay-links nav ul li {
  margin: 1rem 0;
}

.overlay-info, .overlay-unternehmen {
  margin-top: 2rem;
}

.overlay-info a,
.overlay-unternehmen a {
  color: white;
  text-decoration: none;
}

.overlay .closebtn {
  position: absolute;
  top: 0.9rem !important;
  left: 1.9rem !important;
  font-size: 5rem;
  background: none;
  border: none;
  color: white;
  cursor: pointer;
  text-align: left;
  z-index: 1002;
}

/** code by webdevtrick ( https://webdevtrick.com ) */
.tabs {
  grid-column: center-start/center-end;
  display: flex;
  flex-wrap: wrap;
  margin: 5rem 0;
}

.tabs label {
  order: 1;
  display: block;
  padding: 1rem 2rem;
  margin-right: 0.2rem;
  cursor: pointer;
  background: #edeae8;
  color: #575350;
  transition: background ease 0.2s;
}

.tabs .tab {
  order: 99;
  flex-grow: 1;
  width: 100%;
  display: none;
  padding: 2rem;
  background: #fff;
}

.tabs input[type=radio] {
  display: none;
}

.tabs input[type=radio]:checked + label {
  background: #fff;
  color: #575350;
}

.tabs input[type=radio]:checked + label + .tab {
  display: block;
}

@media (max-width: 45em) {
  .tabs .tab,
  .tabs label {
    order: initial;
  }
  .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
}
:root {
  --swiper-theme-color: $color-grey-light;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #00357C;
}

.swiper-container {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: [full-start] minmax(2rem, 1fr) [center-start] repeat(4, [col-start] minmax(min-content, 40rem) [col-end]) [center-end] minmax(2rem, 1fr) [full-start];
  height: calc(100vh - 20rem);
}
@media (max-width: 37.5rem) {
  .swiper-container {
    display: grid;
    grid-template-columns: [full-start] minmax(0rem, 1fr) [center-start] repeat(4, [col-start] minmax(min-content, 40rem) [col-end]) [center-end] minmax(0rem, 1fr) [full-start];
  }
}
@media (max-width: 160rem) {
  .swiper-container {
    height: calc(100vh - 20rem);
  }
}
@media (max-width: 119rem) {
  .swiper-container {
    height: auto;
  }
}

.swiper-container .swiper-slide img {
  width: 100%;
  transition: 0.5s ease;
  border-bottom: 1px solid #fff;
  min-height: 30rem;
  object-fit: cover;
  background-position: center;
  height: 100%;
  background-size: cover;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #edeae8;
}
@media (max-width: 48rem) {
  .swiper-button-next, .swiper-button-prev {
    top: 40%;
  }
}

.hero-titel {
  grid-column: center-start/4;
  grid-row: 1;
  z-index: 5;
  margin: 15% auto;
}
@media (max-width: 48rem) {
  .hero-titel {
    padding: 2rem;
    grid-row: 2;
    grid-column: full-start/full-end;
    background-color: #edeae8;
    margin: 0;
  }
}
@media (max-width: 37.5rem) {
  .hero-titel {
    padding: 2rem;
    grid-row: 2;
    grid-column: center-start/center-end;
    margin: 0;
  }
}
.hero-titel .wrapper {
  padding: 2rem 3rem;
  margin-left: 0rem;
}
.hero-titel .wrapper h1 {
  color: #fff;
  text-shadow: 0px 0px 5px rgb(150, 150, 150);
  font-size: 5rem;
}
@media (max-width: 119rem) {
  .hero-titel .wrapper h1 {
    font-size: 2.8rem;
  }
}
@media (max-width: 48rem) {
  .hero-titel .wrapper h1 {
    color: #575350;
    text-align: center;
    text-shadow: none;
    font-size: 2.6rem;
  }
}
@media (max-width: 37.5rem) {
  .hero-titel .wrapper h1 {
    font-size: 1.8rem;
  }
}
.hero-titel .wrapper p {
  display: inline-block;
  background-color: #fff;
  padding: 1rem;
}
@media (max-width: 48rem) {
  .hero-titel .wrapper p {
    color: #575350;
    text-align: center;
    text-shadow: none;
  }
}
.hero-titel .wrapper h2 {
  color: #fff;
  text-shadow: 0px 0px 5px rgb(150, 150, 150);
  font-size: 4rem;
  font-weight: normal;
}
@media (max-width: 119rem) {
  .hero-titel .wrapper h2 {
    font-size: 2.8rem;
  }
}
@media (max-width: 48rem) {
  .hero-titel .wrapper h2 {
    color: #575350;
    text-align: center;
    text-shadow: none;
    font-size: 2.6rem;
  }
}
@media (max-width: 37.5rem) {
  .hero-titel .wrapper h2 {
    font-size: 1.5rem;
  }
}
.hero-titel .wrapper h1.dark {
  color: #575350;
  text-shadow: 0px 0px 5px rgb(255, 255, 255);
  font-size: 5rem;
}
@media (max-width: 119rem) {
  .hero-titel .wrapper h1.dark {
    font-size: 2.8rem;
  }
}
@media (max-width: 48rem) {
  .hero-titel .wrapper h1.dark {
    text-shadow: none;
    text-align: center;
    font-size: 2.6rem;
  }
}
@media (max-width: 37.5rem) {
  .hero-titel .wrapper h1.dark {
    font-size: 1.8rem;
  }
}
@media (max-width: 48rem) {
  .hero-titel .wrapper {
    padding: 0rem;
    margin: 0;
    background-color: #edeae8;
    margin: 0 auto;
  }
}
@media (max-width: 37.5rem) {
  .hero-titel .wrapper {
    padding: 0rem;
    background-color: #edeae8;
  }
}

.swiper-slide {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/*// ELEMENTS.SCSS //*/
.breadcrum {
  grid-column: center-start/center-end;
  text-transform: none;
  padding: 0rem 0rem 1rem 0;
  margin-top: 2rem;
}
.breadcrum a {
  font-weight: bold;
}

.collage {
  grid-column: full-start/full-end;
  display: grid;
  gap: 0.3rem;
  grid-template-columns: repeat(4, [col-start] 1fr [col-end]);
  grid-template-rows: minmax(45rem, 40vh) minmax(25rem, 25vh);
}
@media (max-width: 119rem) {
  .collage {
    grid-template-rows: minmax(25rem, 30vh) minmax(25rem, 30vh);
  }
}
@media (max-width: 48rem) {
  .collage {
    grid-template-rows: minmax(25rem, 30vh) minmax(25rem, 30vh);
    gap: 0.3rem;
  }
}
@media (max-width: 37.5rem) {
  .collage {
    grid-template-rows: 15rem 15rem;
    display: none;
  }
}
.collage .collage-item {
  background-color: rgb(220, 220, 220);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.collage .collage-item:first-child {
  grid-column: col-start 1/col-end 2;
  grid-row: 1/3;
}
@media (max-width: 119rem) {
  .collage .collage-item:first-child {
    grid-column: col-start 1/col-end 2;
    grid-row: 1;
  }
}
.collage .collage-item:nth-child(2) {
  grid-column: col-start 3/col-end 5;
  grid-row: 1;
  border-right: 0rem solid #fff;
}
@media (max-width: 119rem) {
  .collage .collage-item:nth-child(2) {
    grid-column: col-start 3/col-end 4;
    grid-row: 1;
    border-right: 0rem;
  }
}
.collage .collage-item:nth-child(3) {
  grid-column: col-start 3/col-end 3;
  grid-row: 2;
}
@media (max-width: 119rem) {
  .collage .collage-item:nth-child(3) {
    grid-column: col-start 1/col-end 2;
    grid-row: 2;
  }
}
.collage .collage-item:nth-child(4) {
  grid-column: col-start 4/col-end 4;
  grid-row: 2;
  margin-right: -0.5rem;
}
@media (max-width: 119rem) {
  .collage .collage-item:nth-child(4) {
    grid-column: col-start 3/col-end 4;
    margin-right: 0rem;
    grid-row: 2;
  }
}

.box-item {
  padding: 1rem 2rem;
  text-align: center;
  border-top: 3px solid rgb(220, 220, 220);
}
.box-item--white {
  background-color: #fff;
}

.intro-text {
  grid-column: center-start/center-end;
  text-align: center;
  align-self: center;
  padding: 0;
  margin-bottom: 0.5rem;
  background-color: #fff;
}
.intro-text h1 {
  padding: 0;
  margin-bottom: 2rem;
}
@media (max-width: 37.5rem) {
  .intro-text h1 {
    margin-bottom: 1rem;
  }
}
@media (max-width: 37.5rem) {
  .intro-text {
    text-align: left;
    margin-bottom: 0.5rem;
  }
}

.titel-center {
  grid-column: center-start/center-end;
  text-align: center;
  align-self: center;
  margin-bottom: 3rem;
}
.titel-center h1 {
  padding: 1rem 0 0.5rem 0;
}
@media (max-width: 37.5rem) {
  .titel-center h1 {
    padding: 2rem 0;
  }
}
.titel-center h2 {
  display: inline-block;
  margin-bottom: 2.5rem;
  padding: 0rem 0 0.5rem 0;
}
@media (max-width: 160rem) {
  .titel-center h2 {
    font-size: 3.5rem;
  }
}
@media (max-width: 48rem) {
  .titel-center h2 {
    font-size: 1.8rem;
  }
}
.titel-center h3 {
  font-weight: bold;
}
.titel-center hr {
  margin: 0;
  border-color: #edeae8;
}

.content-flex {
  flex-direction: row;
  display: flex;
  margin-bottom: 8rem;
}
@media (max-width: 119rem) {
  .content-flex {
    flex-direction: column;
    margin-bottom: 5rem;
  }
}
.content-flex:nth-child(even) {
  flex-direction: row-reverse;
}
@media (max-width: 119rem) {
  .content-flex:nth-child(even) {
    flex-direction: column;
  }
}
.content-flex__img {
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  background-color: #00357C;
  width: 60%;
  transition: 0.5s ease;
  border: 3rem solid #00357C;
  min-height: 50vh;
}
@media (max-width: 119rem) {
  .content-flex__img {
    width: 100%;
  }
}
@media (max-width: 37.5rem) {
  .content-flex__img {
    height: 35rem;
  }
}
.content-flex__text {
  width: 40%;
  height: auto;
  padding: 4rem;
  background-color: #00357C;
  color: rgb(135, 161, 188);
}
@media (max-width: 119rem) {
  .content-flex__text {
    width: 100%;
    padding: 4rem;
  }
}
@media (max-width: 48rem) {
  .content-flex__text {
    width: 100%;
    padding: 2rem;
  }
}
@media (max-width: 37.5rem) {
  .content-flex__text {
    width: 100%;
    padding: 2rem;
  }
}
.content-flex__text hr {
  border: 1px solid #fff;
}

/* FOOTER SCSS  */
footer {
  display: grid;
  grid-template-columns: [full-start] minmax(2rem, 1fr) [center-start] repeat(1, [col-start] minmax(min-content, 160rem) [col-end]) [center-end] minmax(2rem, 1fr) [full-start];
  margin-top: 7rem;
}
@media (max-width: 37.5rem) {
  footer {
    display: grid;
    grid-template-columns: [full-start] minmax(2rem, 1fr) [center-start] repeat(1, [col-start] minmax(min-content, 160rem) [col-end]) [center-end] minmax(2rem, 1fr) [full-start];
  }
}
@media (max-width: 48rem) {
  footer {
    margin-top: 6rem;
  }
}
@media (max-width: 37.5rem) {
  footer {
    margin-top: 5rem;
  }
}
@media (max-width: 37.5rem) {
  footer {
    margin: 0rem;
  }
}
footer .stage {
  grid-column: center-start/center-end;
  border-top: 4px solid #edeae8;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 48rem) {
  footer .stage {
    display: inline-block;
    padding-left: 0rem;
  }
}
@media (max-width: 37.5rem) {
  footer .stage {
    padding: 0rem;
  }
}
footer .col-50 {
  width: 100%;
  padding: 2rem;
  float: left;
}
footer .col-50:first-child {
  padding-left: 0;
}
footer .col-25 {
  width: 35rem;
  padding: 2rem;
  float: left;
}
@media (max-width: 37.5rem) {
  footer .col-25 {
    padding: 0 0 2rem 0;
  }
}
footer .col-25:last-child {
  padding-right: 0px;
}
@media (max-width: 119rem) {
  footer .col-25 {
    width: 50%;
    padding-left: 0rem;
  }
}
@media (max-width: 37.5rem) {
  footer .col-25 {
    width: 100%;
    padding-left: 0rem;
  }
}
footer .col-info {
  width: 100%;
  padding: 2rem;
  float: left;
}
@media (max-width: 48rem) {
  footer .col-info {
    width: 100%;
  }
}
footer h4 {
  border: none;
  padding: 0 0 1rem 0;
  margin: 0;
}
footer ul.footer-nav, footer ul.firmen-nav {
  list-style: none;
}
footer ul.footer-nav li, footer ul.firmen-nav li {
  font-size: 1.2rem;
}
footer ul.footer-nav li a, footer ul.firmen-nav li a {
  display: block;
  border-bottom: 1px solid #736e6a;
  padding: 0.5rem;
}
footer ul.footer-nav li a:hover, footer ul.firmen-nav li a:hover {
  color: #575350;
  padding-left: 1rem;
  border-bottom: 1px solid #575350;
}

/*COUNTER SCSS*/
.container-counter {
  display: grid;
  grid-template-columns: [full-start] minmax(2rem, 1fr) [center-start] repeat(1, [col-start] minmax(min-content, 160rem) [col-end]) [center-end] minmax(2rem, 1fr) [full-start];
}
@media (max-width: 37.5rem) {
  .container-counter {
    display: grid;
    grid-template-columns: [full-start] minmax(2rem, 1fr) [center-start] repeat(1, [col-start] minmax(min-content, 160rem) [col-end]) [center-end] minmax(2rem, 1fr) [full-start];
  }
}

.stage4.counter {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  bottom: 0rem;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  grid-column: full-start/full-end;
  display: grid;
  padding: 1rem 0;
}
@media (max-width: 48rem) {
  .stage4.counter {
    grid-template-columns: 1fr 1fr;
    position: relative;
    bottom: 0rem;
  }
}
@media (max-width: 37.5rem) {
  .stage4.counter {
    padding: 3rem 0;
  }
}

@media (max-width: 119rem) {
  .counter {
    grid-template-columns: [center-start] repeat(4, [col-start] 1fr [col-end]) [center-end];
  }
}
@media (max-width: 48rem) {
  .counter {
    grid-template-columns: [center-start] repeat(2, [col-start] 1fr [col-end]) [center-end];
  }
}

#counter-box {
  text-align: center;
  padding: 1rem 2rem 0rem 2rem;
  color: #575350;
  border-right: 1px solid #736e6a;
}
#counter-box:last-child {
  border-right: 0px;
}
@media (max-width: 119rem) {
  #counter-box {
    padding: 0;
  }
  #counter-box:nth-child(2) {
    border-right: 1px solid #736e6a;
  }
}
@media (max-width: 48rem) {
  #counter-box {
    border-left: 0px;
  }
  #counter-box:nth-child(2) {
    border-right: 0px solid #575350;
  }
  #counter-box:last-child {
    border-right: 0px;
  }
}
@media (max-width: 37.5rem) {
  #counter-box {
    border: 0px;
    padding: 1rem 0;
  }
  #counter-box:last-child {
    border-right: 0px;
  }
  #counter-box:nth-child(2) {
    border-right: 0px;
  }
}
#counter-box h4 {
  color: #575350;
  border-bottom: 0px;
  margin-bottom: 0;
}
@media (max-width: 37.5rem) {
  #counter-box h4 {
    letter-spacing: 0;
  }
}
#counter-box span {
  color: #575350;
}

.count {
  color: #575350;
  font-size: 7rem;
  line-height: 6rem;
  font-weight: bold;
}
@media (max-width: 119rem) {
  .count {
    font-size: 6rem;
    line-height: 5rem;
  }
}
@media (max-width: 119rem) {
  .count {
    font-size: 5rem;
    line-height: 4rem;
  }
}
@media (max-width: 37.5rem) {
  .count {
    font-size: 4rem;
    line-height: 3rem;
  }
}

.wrapper-flex {
  display: flex;
  margin: 10rem 0;
}
@media (max-width: 119rem) {
  .wrapper-flex {
    margin: 10rem 0;
  }
}
@media (max-width: 48rem) {
  .wrapper-flex {
    flex-direction: column-reverse;
    margin: 5rem 0;
  }
}
@media (max-width: 37.5rem) {
  .wrapper-flex {
    flex-direction: column-reverse;
    margin: 3rem 0;
  }
}
.wrapper-flex .img1 {
  height: auto;
  min-height: 25rem;
  width: 40vw;
}
@media (max-width: 48rem) {
  .wrapper-flex .img1 {
    width: 100%;
    padding: 0 2rem;
  }
}
.wrapper-flex .img1 img {
  width: inherit;
}
.wrapper-flex .content1 {
  margin: 0 5rem 0 10rem;
  padding: 5rem 0;
  max-width: 90rem;
}
@media (max-width: 119rem) {
  .wrapper-flex .content1 {
    margin: 0 3rem;
  }
}
@media (max-width: 48rem) {
  .wrapper-flex .content1 {
    margin: 0rem 2rem;
  }
}
@media (max-width: 37.5rem) {
  .wrapper-flex .content1 {
    padding: 0rem;
  }
}
.wrapper-flex .content1 h2 {
  padding-bottom: 3rem;
  width: 90%;
}
@media (max-width: 200rem) {
  .wrapper-flex .content1 h2 {
    width: 70%;
  }
}
@media (max-width: 48rem) {
  .wrapper-flex .content1 h2 {
    width: 100%;
  }
}

/* FILTER NAVIGATION  */
ul.breadcrumb {
  list-style: none;
  grid-column: center-start/center-end;
  border-bottom: 1px solid #edeae8;
  padding: 1rem 0;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 2rem;
  text-transform: uppercase;
}
@media (max-width: 48rem) {
  ul.breadcrumb li {
    font-size: 1.5rem;
  }
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li + li:before {
  padding: 8px;
  color: #575350;
  content: "/ ";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #00357C;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #0c2f5c;
  text-decoration: underline;
}

#myBtnContainer {
  grid-column: center-start/center-end;
  margin: 0rem auto 2rem;
  width: 100%;
  text-align: center;
}
#myBtnContainer .btn--info {
  margin: 0.2rem 0;
}
@media (max-width: 48rem) {
  #myBtnContainer {
    margin: 0rem auto;
  }
}

.content__thumbs.show {
  display: block;
}

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  background-color: transparent;
  width: 100%;
  height: 18rem;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: #edeae8;
  color: #575350;
  padding: 2rem;
}

/* Style the back side */
.flip-card-back {
  background-color: #736e6a;
  color: #fff;
  transform: rotateY(180deg);
}
.flip-card-back span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
.flip-card-back span a {
  font-size: 2rem;
  font-weight: bold;
  display: block;
  color: #fff;
  padding: 1rem 0;
  border-bottom: 2px solid #736e6a;
}
.flip-card-back span a:hover {
  color: #edeae8;
  border-bottom: 2px solid #edeae8;
}
.flip-card-back span hr {
  border: 1px solid #edeae8;
}

/*# sourceMappingURL=style.css.map */