.lehrer {
  background-color: #001d3f;
}

.lehrer-section::before{
  content: " ";
  display: block;
  width: 1em;
  height: 4px;
  background-color: white;
}

.segment-overview > p{
  width: 70%;
  font-size: 20px;
  font-style: normal;
  line-height: 150%;
  letter-spacing: 0.56px;
  font-weight: 400;
  margin-top: 1em;
  margin-bottom: 1em;
}

.mobile_png{
  display: none;
}

.desktop_png{
  display: block;
}

.lehrer-section{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  min-height: 30em;
  padding: 8em calc(((100% - var(--content-width)) / 2) - 80px) 8em calc(((100% - var(--content-width)) / 2) + 80px); 
  margin-top: 1em;
  background-repeat: no-repeat;
  background-size: 100%;
}

.lehrer-section:nth-of-type(even){
  flex-wrap: wrap-reverse;
  align-items: baseline;
  gap: 1em;
}

.lehrer-section > *{
  width: 50%;
}

.button{
  color: white;
  text-decoration: none;
  width: 13em;
  text-align: center;
}

.ov-button-cont{
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.2px;
  text-wrap: wrap;
  flex: 0 0 auto;    
}

.buttons-overview{
  justify-content: flex-start;
}

  .buttons-overview a{
    padding: 10px;
    text-align: center;
    display: block;
  }

/*
.buttons-overview{
  display: flex;
  flex-direction: row;
  width: fit-content;
}

.button{
  color: white;
  text-decoration: none;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.2px;
  text-wrap: wrap;
} */

.ov-button-cont:nth-child(2) > .button{
  background-color: #009FE3; 
}

.lehrer-section > h2{
  color: #292929;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.96px;
  margin-top: 0;
  margin-bottom: 0;
}

.lehrer-section > h3{
  color: #292929;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.56;
}

.hidden{
  display: none;
}

/*.nav{
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg>')
}*/

 .lehrer-section:nth-of-type(even) > img{
    position: absolute;
    top: 15%;
    right: 54%;
    width: 440px;
    /*! height: 50%; */
    height: auto;
  }
  
  .lehrer-section:nth-of-type(odd) > img{
    position: absolute;
    top: 15%;
    left: 54%;
    width: 440px;
    height: 50%;
    height: auto;
  }

  .lehrer-section:last-of-type > img{
  }

.lehrer-section:nth-of-type(4n){
  /* svg5 */
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="230 0 2323.74 1316.48"><defs><style>.cls-1{fill:%23ffc329;stroke-width:0px;}</style></defs><g id="Layer_3"><path class="cls-1" d="M1275.14,36.1c88.23,21.13,225,82.38,500.68,46.9,175.02-22.53,318.4-83.12,407.86,96.07,89.46,179.19,300.03,878.61-75.53,958.67-375.57,80.06-326.12-175.4-1016,76.12C462.16,1443.55-30.38,1249.58,39.14,1005.58c69.53-244,125.73-401.54,3.2-598.78C-80.18,209.57,80.59,87.85,302.07,91.11c388.28,5.71,522.94-162.81,973.07-55.01"/></g></svg>');
  background-size: 225% 100%;
}
.lehrer-section:nth-of-type(4n+1){
  /* svg3 */
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" width="100%" height="100%" viewBox="130 0 2323.74 950.7"><defs><style>.cls-1{fill:%23ffc329;stroke-width:0px;}</style></defs><g id="Layer_3"><path class="cls-1" d="M1277.97,19.87c88.23,13.61,222.17,62.44,497.85,39.58,175.02-14.51,318.4-53.54,407.86,61.88,89.46,115.41,300.03,565.91-75.54,617.47-375.57,51.57-488.56-171.95-1062.52,113.05C466.03,1139.66-18.7,722.95,50.83,565.79c69.53-157.16,114.05-170.74-8.48-297.78-122.53-127.04,38.24-188.26,259.73-186.16,388.28,3.68,525.77-131.42,975.9-61.98"/></g></svg>');
  background-size: 150% 100%;
}
.lehrer-section:nth-of-type(4n+2){
  /* svg4 */
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" width="100%" height="100%" viewBox="650 0 2407.59 875.69"><defs><style>.cls-1{fill:%23ffc329;stroke-width:0px;}</style></defs><g id="Layer_3"><path class="cls-1" d="M959.22,142.17c312-51.33,662.39-205.81,1010.92-113.19,170.92,45.42,210.46,175.64,250,164.4,130.89-37.2,355.46,742.02-18,678.64-709.63-120.42-992.25-13.81-1332-17.24-638.78-6.45-888.84-61.88-819.32-219.03,69.53-157.16,114.05-170.74-8.48-297.78-122.53-127.04,38.24-159.15,259.73-157.05,388.28,3.68,371.69,8.22,657.15-38.75"/></g></svg>');  
  background-size: 185% 100%;
}
.lehrer-section:nth-of-type(4n+3){
  /* svg1 */
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="380 0 2444.8 705.06"><defs><style>.cls-1{fill:%23ffc329;stroke-width:0px;}</style></defs><g id="Layer_3"><path class="cls-1" d="M1399.85,17.87c88.23,12.67,222.17,36.98,497.85,15.7,175.02-13.51,318.4-49.83,407.86,57.59,89.46,107.42,298.06,511.69-75.54,574.73-655.98,110.68-564.21-53.56-1242.47-4.26-578.87,42.08-571.22-80.61-952.53-30.73-152.88,20,251.73-284.98,129.2-403.22C41.69,109.45,202.47,79.57,423.95,81.52c388.28,3.43,525.77-128.28,975.9-63.65"/></g></svg>');
  background-size: 170% 100%;
}
.lehrer-section:last-of-type{
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="450 0 2397.66 924.52"><defs><style>.cls-1{fill:%23ffc329;stroke-width:0px;}</style></defs><g id="Layer_3"><path class="cls-1" d="M1277.97,22.03c88.23,15.62,402.66,31.96,678.17,60.04,186,18.96,216,28.44,264,32.73,136.54,12.21,328.21,493.38-18,654.73-189,88.08-583.54,192.96-1221.13,141.28C343.42,859.14-18.7,802.79,50.83,622.44c69.53-180.35,114.05-195.93-8.48-341.72C-80.18,134.95,80.59,98.1,302.07,100.5c388.28,4.22,525.77-158.15,975.9-78.47"/></g></svg>');
  background-size: 250% 100%;
}

.segment-overview li::before {
   content: none;
}

.xbanner{position: absolute;z-index: 2;height: 55%;width: auto;top: 3%; }

.banner{
  position: absolute;
  z-index: 2;
  height: 15em;
  width: auto;
  top: 4em;
  padding-left: calc((100% - var(--content-width)) / 2);
}

.button[href^="http"]:before{
  display: none;
  content: "Sie verlassen unsere Seite über diesen Link";
  position: absolute;
  background: black;
  color: white;
  padding: 5px;
  width: max-content;
  border-radius: 10px;
  z-index: 1060;
  top: 120%;
  line-height: 1.25em;
  transform: translateZ(20px);
}

.button:hover:before{
  display: block;
}

.button-solid:hover {
  box-shadow: 4px 4px 7px 0px rgb(70,70,70);
}

/*============================ Unterlagenseite CSS ======================== */

.components-wrapper.unterlagen {
  background-image: url('data:image/svg+xml,<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg viewBox="300 -80 2000 164.63084" width="2400" height="235" xmlns="http://www.w3.org/2000/svg"> <g> <path style="fill:%23001d3f;stroke-width:0" d="m 300,-80 c 102.09493,0 65.34377,87.6980745 169.1504,147.630859 35.79233,20.664711 111.87786,18.829687 155.94922,13.888672 267.58484,-30 441.35078,-70.871406 688.11918,-80.488281 82.2561,-3.205625 175.2487,0.6803902 287.7812,16.837891 88.23,12.67 398.7709,16.54782 502.8496,3.701171 C 2265.882,1.570312 2170.9991,-80 2300,-80 Z"/> </g> </svg>');
  background-color: #ffc329;
  background-position-x: center;
  /*! background-position-y: 20px; */
  background-repeat: no-repeat;
  /*! background-size: unset; */
}

/*.unterlagen{
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="1050 -30 2444.8 705.06"><defs><style>.cls-1{fill:%23ffc329;stroke-width:0px;}</style></defs><g id="Layer_3"><path class="cls-1" d="M1399.85,17.87c88.23,12.67,222.17,36.98,497.85,15.7,175.02-13.51,318.4-49.83,407.86,57.59,89.46,107.42,298.06,511.69-75.54,574.73-655.98,110.68-564.21-53.56-1242.47-4.26-578.87,42.08-571.22-80.61-952.53-30.73-152.88,20,251.73-284.98,129.2-403.22C41.69,109.45,202.47,79.57,423.95,81.52c388.28,3.43,525.77-128.28,975.9-63.65"/></g></svg>');
  background-size: 750% 97.5%;
  background-repeat: no-repeat;
}*/

.unterlagen .lehrer-section{
  background-image: initial;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap-reverse;
  align-items: baseline;
  justify-content: flex-start;
  position: relative;
  min-height: 32em;
  padding: 1em calc(((100% - var(--content-width)) / 2) - 80px) 1em calc(((100% - var(--content-width)) / 2) + 80px); 
  margin-top: 1em;
  background-repeat: no-repeat;
  background-size: 100%;
  gap: 1em;
  overflow: visible;
}

.unterlagen .lehrer-section:last-of-type:after{
  content: "";
  height: 15em;
}

 .unterlagen  .lehrer-section> img{
    position: absolute;
    top: 1em;
    right: 52%;
    left: auto;
    width: 34em;
    height: auto;
  }

.unterlagen li:before{
  display: none;
}

.unterlagen .bulletin-list li{
  text-decoration: underline;
  font-size: 18px;
}

.unterlagen .bulletin-list{
  padding-left: 0.7em;
  padding-top: 1.5em;
}

.unterlagen .doc-column h4{
  margin: 0;
  padding: 0;
  font-size: 21px;
  font-weight: initial;
}

.unterlagen .doc-column{
  flex: initial;
}

.unterlagen h1{
  display: none;
}

.unterlagen h3{
  padding-left: 0px;;
}

footer h4 {
  color: #ffffff;
  font-size: 0.95em;
  margin: 0;
  padding: 6px;
  float: none;
  padding-top: 20px;
}

@media only screen and (max-width: 1000px){
  
  .lehrer-section:nth-of-type(4n+3){
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" width="100%" height="100%" viewBox="600 0 2444.8 705.06"><defs><style>.cls-1{fill:%23ffc329;stroke-width:0px;}</style></defs><g id="Layer_3"><path class="cls-1" d="M1399.85,17.87c88.23,12.67,222.17,36.98,497.85,15.7,175.02-13.51,318.4-49.83,407.86,57.59,89.46,107.42,298.06,511.69-75.54,574.73-655.98,110.68-564.21-53.56-1242.47-4.26-578.87,42.08-571.22-80.61-952.53-30.73-152.88,20,251.73-284.98,129.2-403.22C41.69,109.45,202.47,79.57,423.95,81.52c388.28,3.43,525.77-128.28,975.9-63.65"/></g></svg>');  
    background-size: 350% 100%;
  }
  .lehrer-section:nth-of-type(4n){
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" width="100%" height="100%" viewBox="700 0 2397.66 924.52"><defs><style>.cls-1{fill:%23ffc329;stroke-width:0px;}</style></defs><g id="Layer_3"><path class="cls-1" d="M1277.97,22.03c88.23,15.62,402.66,31.96,678.17,60.04,186,18.96,216,28.44,264,32.73,136.54,12.21,328.21,493.38-18,654.73-189,88.08-583.54,192.96-1221.13,141.28C343.42,859.14-18.7,802.79,50.83,622.44c69.53-180.35,114.05-195.93-8.48-341.72C-80.18,134.95,80.59,98.1,302.07,100.5c388.28,4.22,525.77-158.15,975.9-78.47"/></g></svg>');  
    background-size: 300% 100%;
  }
  .lehrer-section:nth-of-type(4n+1){
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" width="100%" height="100%" viewBox="600 0 2323.74 950.7"><defs><style>.cls-1{fill:%23ffc329;stroke-width:0px;}</style></defs><g id="Layer_3"><path class="cls-1" d="M1277.97,19.87c88.23,13.61,222.17,62.44,497.85,39.58,175.02-14.51,318.4-53.54,407.86,61.88,89.46,115.41,300.03,565.91-75.54,617.47-375.57,51.57-488.56-171.95-1062.52,113.05C466.03,1139.66-18.7,722.95,50.83,565.79c69.53-157.16,114.05-170.74-8.48-297.78-122.53-127.04,38.24-188.26,259.73-186.16,388.28,3.68,525.77-131.42,975.9-61.98"/></g></svg>');
    background-size: 350% 100%;
  }
  .lehrer-section:nth-of-type(4n+2){
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" width="100%" height="100%"  viewBox="300 0 2323.74 1316.48"><defs><style>.cls-1{fill:%23ffc329;stroke-width:0px;}</style></defs><g id="Layer_3"><path class="cls-1" d="M1275.14,36.1c88.23,21.13,225,82.38,500.68,46.9,175.02-22.53,318.4-83.12,407.86,96.07,89.46,179.19,300.03,878.61-75.53,958.67-375.57,80.06-326.12-175.4-1016,76.12C462.16,1443.55-30.38,1249.58,39.14,1005.58c69.53-244,125.73-401.54,3.2-598.78C-80.18,209.57,80.59,87.85,302.07,91.11c388.28,5.71,522.94-162.81,973.07-55.01"/></g></svg>');
    background-size: 300% 100%;
  }
  .lehrer-section:last-of-type{
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" width="100%" height="100%" viewBox="300 0 2323.74 950.7"><defs><style>.cls-1{fill:%23ffc329;stroke-width:0px;}</style></defs><g id="Layer_3"><path class="cls-1" d="M1277.97,19.87c88.23,13.61,222.17,62.44,497.85,39.58,175.02-14.51,318.4-53.54,407.86,61.88,89.46,115.41,300.03,565.91-75.54,617.47-375.57,51.57-488.56-171.95-1062.52,113.05C466.03,1139.66-18.7,722.95,50.83,565.79c69.53-157.16,114.05-170.74-8.48-297.78-122.53-127.04,38.24-188.26,259.73-186.16,388.28,3.68,525.77-131.42,975.9-61.98"/></g></svg>');
    background-size: 300% 100%;
  }
  
  .unterlagen{
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="1050 -19 2444.8 705.06"><defs><style>.cls-1{fill:%23ffc329;stroke-width:0px;}</style></defs><g id="Layer_3"><path class="cls-1" d="M1399.85,17.87c88.23,12.67,222.17,36.98,497.85,15.7,175.02-13.51,318.4-49.83,407.86,57.59,89.46,107.42,298.06,511.69-75.54,574.73-655.98,110.68-564.21-53.56-1242.47-4.26-578.87,42.08-571.22-80.61-952.53-30.73-152.88,20,251.73-284.98,129.2-403.22C41.69,109.45,202.47,79.57,423.95,81.52c388.28,3.43,525.77-128.28,975.9-63.65"/></g></svg>');
    background-size: 800% 97.5%;
    background-repeat: no-repeat;
  }
  
  .unterlagen .lehrer-section{
    background-image: initial;
  }
    
  .lehrer-section > *{
    width: 100%;
    padding: 0em 2em;
  }
  
  .lehrer-section{
    padding: 8.5em 6em;
    overflow: visible;
  }
  
  .lehrer-section:last-of-type{
    padding-bottom: 12em;
    margin-bottom: 6em;
    overflow: visible;
  }
  
  
  
  .banner{
    position: absolute;
    z-index: 2;
    height: 15em;
    width: auto;
    top: 5em;
    padding-left: calc((100% - var(--content-width)) / 2);
  }


  .lehrer-section:nth-of-type(even) > img{
    position: absolute;
    width: 43em;
    height: auto;
    top: auto;
    bottom: -6em;
    left: 4em;
  }
  
  .lehrer-section:nth-of-type(odd) > img{
    position: absolute;
    width: 43em;
    height: auto;
    top: auto;
    bottom: -9em;
    left: 4em;
  }
  
  .lehrer-section:last-of-type > img{
    position: absolute;
    width: 53em;
    height: auto;
    bottom: -6em;
    left: -2em;
  }
  
  .mobile_png{
    display: block;
    z-index: 3;
  }
  
  vfill{
    display: none;
  }

  .desktop_png{
    display: none;
  }
  
  .segment-overview > p{
    width: 100%;
  }
  
  .segment-overview {
    padding-right: 0;
    padding-left: 0;
  }
  
  .lehrer-section > h3{
    padding: 0;
  }
  
  .lehrer-section > h2{
    padding: 0;
  }
  
  .button{
    align-self: end;
  }
  
    
  .unterlagen .lehrer-section> img{
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    align-self: center;
    width: 34em;
  }
  
  .unterlagen  .lehrer-section{
    padding: 2em 2em;
    /*! margin-bottom: 2em; */
  }

  
}

@media only screen and (max-width: 550px){
  
  .lehrer-section{
    padding: 7em 1.1em 0em 1.1em;
  }
  
  .lehrer-section:nth-of-type(4n+3){
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" width="100%" height="100%" viewBox="900 0 2444.8 705.06"><defs><style>.cls-1{fill:%23ffc329;stroke-width:0px;}</style></defs><g id="Layer_3"><path class="cls-1" d="M1399.85,17.87c88.23,12.67,222.17,36.98,497.85,15.7,175.02-13.51,318.4-49.83,407.86,57.59,89.46,107.42,298.06,511.69-75.54,574.73-655.98,110.68-564.21-53.56-1242.47-4.26-578.87,42.08-571.22-80.61-952.53-30.73-152.88,20,251.73-284.98,129.2-403.22C41.69,109.45,202.47,79.57,423.95,81.52c388.28,3.43,525.77-128.28,975.9-63.65"/></g></svg>');  
    background-size: 750% 100%;
  }
  .lehrer-section:nth-of-type(4n){
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" width="100%" height="100%" viewBox="800 0 2397.66 924.52"><defs><style>.cls-1{fill:%23ffc329;stroke-width:0px;}</style></defs><g id="Layer_3"><path class="cls-1" d="M1277.97,22.03c88.23,15.62,402.66,31.96,678.17,60.04,186,18.96,216,28.44,264,32.73,136.54,12.21,328.21,493.38-18,654.73-189,88.08-583.54,192.96-1221.13,141.28C343.42,859.14-18.7,802.79,50.83,622.44c69.53-180.35,114.05-195.93-8.48-341.72C-80.18,134.95,80.59,98.1,302.07,100.5c388.28,4.22,525.77-158.15,975.9-78.47"/></g></svg>');  
    background-size: 600% 100%;
  }
  .lehrer-section:nth-of-type(4n+1){
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" width="100%" height="100%" viewBox="500 0 2323.74 950.7"><defs><style>.cls-1{fill:%23ffc329;stroke-width:0px;}</style></defs><g id="Layer_3"><path class="cls-1" d="M1277.97,19.87c88.23,13.61,222.17,62.44,497.85,39.58,175.02-14.51,318.4-53.54,407.86,61.88,89.46,115.41,300.03,565.91-75.54,617.47-375.57,51.57-488.56-171.95-1062.52,113.05C466.03,1139.66-18.7,722.95,50.83,565.79c69.53-157.16,114.05-170.74-8.48-297.78-122.53-127.04,38.24-188.26,259.73-186.16,388.28,3.68,525.77-131.42,975.9-61.98"/></g></svg>');
    background-size: 700% 100%;
  }
  .lehrer-section:nth-of-type(4n+2){
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" width="100%" height="100%"  viewBox="300 0 2323.74 1316.48"><defs><style>.cls-1{fill:%23ffc329;stroke-width:0px;}</style></defs><g id="Layer_3"><path class="cls-1" d="M1275.14,36.1c88.23,21.13,225,82.38,500.68,46.9,175.02-22.53,318.4-83.12,407.86,96.07,89.46,179.19,300.03,878.61-75.53,958.67-375.57,80.06-326.12-175.4-1016,76.12C462.16,1443.55-30.38,1249.58,39.14,1005.58c69.53-244,125.73-401.54,3.2-598.78C-80.18,209.57,80.59,87.85,302.07,91.11c388.28,5.71,522.94-162.81,973.07-55.01"/></g></svg>');
    background-size: 700% 100%;
  }
  .lehrer-section:last-of-type{
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" width="100%" height="100%" viewBox="600 0 2323.74 950.7"><defs><style>.cls-1{fill:%23ffc329;stroke-width:0px;}</style></defs><g id="Layer_3"><path class="cls-1" d="M1277.97,19.87c88.23,13.61,222.17,62.44,497.85,39.58,175.02-14.51,318.4-53.54,407.86,61.88,89.46,115.41,300.03,565.91-75.54,617.47-375.57,51.57-488.56-171.95-1062.52,113.05C466.03,1139.66-18.7,722.95,50.83,565.79c69.53-157.16,114.05-170.74-8.48-297.78-122.53-127.04,38.24-188.26,259.73-186.16,388.28,3.68,525.77-131.42,975.9-61.98"/></g></svg>');
    background-size: 700% 100%;
  }
  
  .unterlagen{
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="1050 -22 2444.8 705.06"><defs><style>.cls-1{fill:%23ffc329;stroke-width:0px;}</style></defs><g id="Layer_3"><path class="cls-1" d="M1399.85,17.87c88.23,12.67,222.17,36.98,497.85,15.7,175.02-13.51,318.4-49.83,407.86,57.59,89.46,107.42,298.06,511.69-75.54,574.73-655.98,110.68-564.21-53.56-1242.47-4.26-578.87,42.08-571.22-80.61-952.53-30.73-152.88,20,251.73-284.98,129.2-403.22C41.69,109.45,202.47,79.57,423.95,81.52c388.28,3.43,525.77-128.28,975.9-63.65"/></g></svg>');
    background-size: 950% 97.5%;
    background-repeat: no-repeat;
  }
  
  .unterlagen .lehrer-section{
    background-image: initial;
  }
  
  .unterlagen  .lehrer-section> img{
    width: 21em;
    padding: 0px;
  }
  
  .banner{
    transform: scale(0.8);
    top: 6em;
    left: -2.5em;
  }
  
  .unterlagen .lehrer-section {
    padding: 1em 1.1em;
    margin-bottom: 2em;
  }
  
  .lehrer-section > *{
    /*! padding: 0em 1em; */
  }
  
  .unterlagen .bulletin-list{
    padding: 1.5em 1.5em;
  }
  
  /*
  .lehrer-section:nth-of-type(even) > img{
    position: absolute;
    top: auto;
    right: auto;
    bottom: -4em;
    left: -3em;
    width: 31em;
    height: auto;
  }
  
  .lehrer-section:nth-of-type(odd) > img{
    position: absolute;
    top: auto;
    right: auto;
    left: -3.5em;
    bottom: -5em;
    width: 31em;
    height: auto;
  }
  
  .lehrer-section:last-of-type > img{
    position: absolute;
    width: 29em;
    height: auto;
    bottom: -6em;
    left: -3em;
  }
  */
  
  .lehrer-section > h2{
    font-size: 28px;
  }
  
  .unterlagen h4{
    font-size: 22px;
  }
  
  .unterlagen footer h4 {
    font-size: 0.95em;
   }

  .lehrer-section:last-of-type{
    padding-bottom: 3em;
    margin-bottom: 6em;
    overflow: visible;
  }

.lehrer-section:nth-of-type(odd) > img{
    position: relative;
    padding: 1em 0em 1em 0em; 
    width: 22em;
    height: auto;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  align-self: center;
  }
  
  .lehrer-section:nth-of-type(even) > img{
    position: relative;
    padding: 1em 0em 1em 0em; 
    width: 22em;
    height: auto;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    align-self: center;
  }
  
   .lehrer-section:last-of-type > img{
    position: absolute;
    width: 23em;
    height: auto;
     align-self: center;
    bottom: -7em;
  }
  
  .unterlagen.lehrer-section:last-of-type{
    margin-bottom: 1em;
  }
  
  .unterlagen.lehrer-section:last-of-type > img{
    position: relative;
    padding: 1em 0em 1em 0em; 
    width: 22em;
    height: auto;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    align-self: center;
  }
}

@media only screen and (max-width: 375px){
  .banner{
    left: 0%;
  }
  

  .unterlagen  .lehrer-section> img{
    width: 30em;
  }

  .lehrer-section:nth-of-type(2n+1) > img{
    width: 19em;
  }

  .lehrer-section:nth-of-type(2n) > img{
    width: 19em;
  }
}
/*irDxFZh2WmRLzMx*/
.button {
  max-width: 10em;
  min-width: 160px;
  width: unset;
}

.buttons-overview{
    gap: 10px;
}

.ov-button-cont {
  flex: 1 1 auto;
}

.ov-button-cont:nth-child(3) > .button {
  background-color: #001d3f;
}

@media (max-width: 1000px and min-width: 740px)  {
 .button{
    min-width: 140px;
 }
}

@media (max-width: 790px){
    .button{
        align-self: center;
    }
}

@media (max-width: 400px) {
    .button{
        max-width: 100%;
        min-width: unset;
        width: 100%;
    }
}

/*.unterlagen{
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="300 -80 2444.8 705.06"><defs><style>.cls-1{fill:%23ffc329;stroke-width:0px;}</style></defs><g id="Layer_3"><path class="cls-1" d="M1399.85,17.87c88.23,12.67,222.17,36.98,497.85,15.7,175.02-13.51,318.4-49.83,407.86,57.59,89.46,107.42,298.06,511.69-75.54,574.73-655.98,110.68-564.21-53.56-1242.47-4.26-578.87,42.08-571.22-80.61-952.53-30.73-152.88,20,251.73-284.98,129.2-403.22C41.69,109.45,202.47,79.57,423.95,81.52c388.28,3.43,525.77-128.28,975.9-63.65"/></g></svg>');
    background-size: 130% 100%;
}*/

.unterlagen .lehrer-section.planungshilfen > img{
    width: 440px;
    height: auto;
}