/*
Theme Name: Divi Child Theme
Theme URI: https://nachhaltigkeit.evh.de
Description: EVH Nachhaltigkeitsberichte – Divi Child Theme
Author: agenturkappa.com – Alexander Sperrle
Author URI: https://agenturkappa.com
Version: 1.0.0
Template: Divi
*/

/* ------------------------------------------------------- */


/* yantramanav-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Yantramanav';
  font-style: normal;
  font-weight: 400;
  src: url('../divi-child/fonts/yantramanav-v13-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../divi-child/fonts/yantramanav-v13-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* yantramanav-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Yantramanav';
  font-style: normal;
  font-weight: 500;
  src: url('../divi-child/fonts/yantramanav-v13-latin_latin-ext-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../divi-child/fonts/yantramanav-v13-latin_latin-ext-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* yantramanav-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Yantramanav';
  font-style: normal;
  font-weight: 700;
  src: url('../divi-child/fonts/yantramanav-v13-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../divi-child/fonts/yantramanav-v13-latin_latin-ext-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* Fein-Typografie */

 /*Keine Silbentrennung, scharfes Rendering */
body, p, h1, h2, h3, h4, h5, h6 {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
   text-rendering: optimizeLegibility; 
   font-synthesis: none;
}


/* Kein Umbrüche in Headlines auf Startseite */

.home {
    h2, h3 {
        hyphens: auto;
        /*hyphens: manual!important;*/
    }
}


.et_pb_post h1 {
    text-transform: none;
}

/*Hoch und Tiefergestellt*/
sub, sup {
  font-size: 66%;
}

/* Layout */

/* Inhalt vertikal zentrieren*/
.content-vertical-align-center {  
  display: flex;  
  flex-direction: column;  
  justify-content: center; 
}

.centered {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.bottomed {
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  flex-wrap: wrap;
}

/* Inhalt vertikal unten ausrichten */
.content-vertical-align-bottom {  
  display: flex;  
  flex-direction: column;  
  justify-content: flex-end!important; 
}

/* Inhalt vertikal oben ausrichten */
.content-vertical-align-top {  
  display: flex;  
  flex-direction: column;  
  justify-content: flex-start!important; 
}


/*Header Styling*/

#main-header {
  box-shadow: none!important;
  background-color: transparent!important;
}

.container.et_menu_container {
    width: 94%!important;
    max-width: 1280px;
}


 .et_pb_svg_logo #logo {
  margin-top: 57px;
  margin-left: 20px;
}

#main-header.et-fixed-header #logo {
    margin-left: 0;
}


/*Fixed Navi Styling*/

@media (min-width: 981px) {
    #main-header.et-fixed-header {
    background-color: #fff!important;
    }
        #main-header.et-fixed-header #logo {
    margin-top: -10px!important;
    max-height: 70% !important;
    }
    #main-header.et-fixed-header #et-top-navigation {
        padding-right: 60px!important;
    }
    #main-header.et-fixed-header #top-menu-nav {
        margin-right: 40px!important;
    }

  }

  @media (max-width: 980px) {
    #main-header.et-fixed-header {
    background-color: #fff!important;
    position: fixed;
    }
        #main-header.et-fixed-header #logo {
    margin-top: 0!important;
    max-height: 70% !important;
    }
  }

  @media (max-width: 767px) {
    #et-top-navigation {
        width: 40%!important;
    }
    #et_search_icon:before {
        left: 5px!important;
    }
    .et-search-form input {
        background: #fff;
        border-radius: 1rem;
        right: 80px;
        padding-left: 10px;
    }
  }


/*Abgerundete Ecke vor und unter Top-Navi*/

 #et-top-navigation::before {
  content: url('../divi-child/img/border-radius-et-top-navi.svg');
  background-color: transparent;
  background-size: 40px 40px;
  background-repeat: no-repeat;
  height: 80px;
  width: 40px;
  position: relative;
  top: -54px;
  left: -40px;
  padding-left: 0px;
  float: left;
 }

  #et-top-navigation::after {
  content: url('../divi-child/img/border-radius-et-top-navi_unten.svg');
  background-color: transparent;
  background-size: 40px 40px;
  background-repeat: no-repeat;
  height: 80px;
  width: 40px;
  position: relative;
  top: 46px;
  left: 100px;
  padding-right: 0px;
  float: right;
 }

   #main-header.et-fixed-header #et-top-navigation::after {
    display: none;
}


   #main-header.et-fixed-header #et-top-navigation::before {
    display: none;
}

 #et-top-navigation {
  background-color: #fff!important;
  padding: 30px 0 0 0rem!important;
  border-radius: 0 0 0 16px;
  z-index: 100000;
}


/*Header Desktop Styling*/

@media (min-width: 981px) {

    /*Logo-Größe Desktop*/
    .et_pb_svg_logo #logo {
        height: 40%!important;
    }

    #logo {
      max-height: 90%!important;
    }


    /*Mobiles Nav Menu auf Desktop einblenden links von Suche*/
    #et_mobile_nav_menu {
        display: block;
        margin-top: -6px;
        margin-right: -90px;
    }

    /*Doppelte Menupunkte auf Desktop ausblenden*/
    #top-menu li.not-top-menu {
      display: none;
    }

    ul#mobile_menu li.top-menu-item {
        display: none;
    }

    /*Top-Navi nach links rücken, damit Suche im Header ist*/
    #et-top-navigation {
      padding-right: 60px!important;
      height: 80px;
    }

    #top-menu-nav, #top-menu {
      margin-top: 5px;
    }

   /*Kategorien horizontal im Aufklapp-Menu*/
    #mobile_menu .menu-item-has-children {
      width: calc(25% - 1rem)!important;
      float: left!important;
     }

     .sub-menu li ul {
      display: flex!important;
     }
}

/*Header Tablet und Smartphone Styling*/

@media (max-width: 980px) {

    /*Logo-Größe Desktop*/
    .et_pb_svg_logo #logo {
        height: 34%!important;
    }

 #et-top-navigation::before {
  top: -56px;
 }

    #et-top-navigation::after {
  top: 76px;
  left: 39px;
 }
}


/*Mega Menu Styling*/

#top-menu li {
  padding-right: 12px;
}

/*Hintergrund Aufklapp-Menu*/
      .et_mobile_menu {
        border: 0;
        border-radius: 16px;
        background-image: url('../divi-child/img/main-sub-menu-bg.webp');
        background-repeat: no-repeat;
        background-position: 0;
        background-size: cover;
        padding: 3rem 0 3rem 1rem;
        height: max-content;
        box-shadow: none;
        margin-top: -8px;
      }

      .menu-item-has-children {
        background-color: rgba(255,255,255,.6);
        border-radius: 16px;
        margin-right: 1rem;
        height: 320px;
        padding: 0 10px;
      }

      .menu-item-has-children a {
        border-bottom: 0!important;
      }

/*Schriftschnitt*/

      #top-menu li a, .bottom-nav a {
        font-weight: 500!important;
      }

     .et_mobile_menu li a  {
        color: #006663;
        font-family: 'Yantramanav', sans, Arial, Helvetica;
        font-style: normal;
        font-weight: 500;
        font-size: 1rem;
      padding: 10px 0!important;
     }
    
    .et_mobile_menu .menu-item-has-children>a { 
      background-color: transparent!important;
      border-bottom: 1px solid #006663!important;
      margin-bottom: 1.5rem;
    }

    ul.sub-menu, ul.sub-menu li {
      padding: 0!important;
    }

    .et_mobile_menu li a:hover, .nav ul li a:hover, #top-menu-nav>ul>li>a:hover  {
      color:#FF4D00!important;
      background-color: transparent;!important;
      opacity: 1;
    }


/* Ankerlink Schriftfarbe */
    .mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
        color: #006663;
        font-family: 'Yantramanav', sans, Arial, Helvetica;
        font-style: normal;
        font-weight: 500;
        font-size: 1rem;
    }

/* Schriftfarbe oder Unterstreichung für aktuellen Menupunkt */

    #mobile_menu li.current-menu-ancestor>a, #mobile_menu li.current-menu-item>a,
    #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
        /*color: #FF4D00!important;*/
        /*text-decoration: underline;
        text-underline-offset: 4px;*/
    }


/*    .current-menu-item {
        color: #FF4D00!important;
    }
    */

 /*Suchsymbol*/
 #et_search_icon:before {
    content: url('../divi-child/img/search-icon.svg');
    position: absolute;
    top: -14px;
    left: -12px;
 }  

 /*Menu-Icon*/
 .mobile_menu_bar:before {
    content: url('../divi-child/img/mega-menu-icon.svg');
    position: relative;
    top: -5px;
    left: 10px;
} 

/*Mega Menu Styling Tablet und Smartphone*/

    @media (max-width: 980px) {
         .et_mobile_menu {
          background-image: url('../divi-child/img/main-sub-menu-bg-mobile.webp');
         }

        .et_mobile_menu {
            padding: 0rem 0 0rem 1rem;
        }

         .et_mobile_menu li a {
            border-bottom: 0px!important;
            padding: 7px 0!important;
            line-height: 105%;
            padding-bottom: 7px;
         }

         /*Doppelte Menupunkte im mobilen Megamenu ausblenden*/

         .et_mobile_menu .top-menu-item {
            display: none;
         }

/*Kein fixes Menu auf Smartphone und Tablet*/

         .et-fixed-header  {
            display: none!important;

         }

         ul.sub-menu {
            padding-top: 7px!important;
            padding-bottom: 7px!important;
         }

          .menu-item-has-children {
          height: auto;
          padding: 0 20px;
          margin: 1rem 1rem 1rem 0;
        }

          /*Suchsymbol Tablet & Smartphone*/
         #et_search_icon:before {
          top: 10px;
          left: 30px;
        }  

          .et-fixed-header #et_search_icon:before {
          top: 10px;
          left: -10px;
        }  

         /*Menu-Icon Tablet & Smartphone*/
         .mobile_menu_bar:before {
          top: 10px;
          left: 0px;
        } 

    }

@media (max-width: 767px) {
     .et_mobile_menu li a {
            border-bottom: 0px!important;
            padding: 6px 0!important;
            line-height: 50%;
         }
    .menu-item-has-children {
          padding: 2px 10px;
          margin: .8rem .5rem .8rem 0;
        }
    .et_mobile_menu .menu-item-has-children>a {
        margin-bottom: 0;
    }

}


/*Footer Menu Styling Tablet und Smartphone*/

    @media (max-width: 980px) { 

        .et_pb_menu .et_pb_menu__menu {
          display: block!important;
        }
        .et_pb_menu .et_mobile_nav_menu {
          display: none!important;
        }
        .et_pb_menu_0_tb_footer.et_pb_menu {
          background-color: transparent!important;
          padding-right: 2rem!important;
        }

    }


    @media only screen and (max-width: 767px) {
        .et-l--footer {
        margin-top: 2rem;
        }
        .et_pb_image_0_tb_footer .et_pb_image_wrap img {
        width: 240px!important;
        }
    }

    @media (max-width: 767px) {
    .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
        justify-content: flex-start;
        }
    }

/*Back-to-top Button*/

.et_pb_scroll_top.et-pb-icon {
    background-color: transparent;
    bottom: 40px!important;
    right: 32px!important;

}

.et_pb_scroll_top:before {
     content: url('../divi-child/img/back-to-top-button.svg')!important;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
}


/* Button Styling */

.et_pb_button, 
.et_pb_button:hover {
  padding-top: 2px!important;
  height: 42px;
  padding-right: 1rem!important;
  letter-spacing: 0.7px;
  border: 2px solid #BFF3B8;
}

.et_button_icon_visible .et_pb_button, 
.et_button_icon_visible .et_pb_button:hover {
    padding-left: .9rem;
}

.et_button_custom_icon.et_button_icon_visible .et_pb_button:after, 
.et_button_custom_icon .et_pb_button:hover:after {
    margin-left: 0;
}

.et_pb_button::after,
.et_pb_button:hover::after {
    background-size: 16px 16px!important;
    background-repeat: no-repeat;
    height: 16px!important;
    width: 16px!important;
    position: relative;
    float: right;
    padding-left:1rem;
    padding-top: 0px;
    padding-right: 3px!important;
    opacity: 1!important;
}

 .et_pb_button::after {
    content: url('../divi-child/img/arrow-button.svg')!important;
    transform: scale(.88);
    padding-top: 1.75px;
}

.et_pb_button:hover::after {
    content: url('../divi-child/img/arrow-button-hover.svg')!important;
    transform: scale(1);
    padding-top: 0px;
}

 .button-hellgruen::after {
    content: url('../divi-child/img/arrow-button.svg')!important;
    transform: scale(1);
    padding-top: 0px;
}

.button-hellgruen:hover::after {
    content: url('../divi-child/img/arrow-button-hover.svg')!important;
    transform: scale(1);
    padding-top: 0px;
}



/*More-Link Button in Post-Slider*/


.teaser-umwelt .et_pb_post a.more-link,
.teaser-umwelt .et_pb_post a.more-link:hover,
.teaser-soziales .et_pb_post a.more-link,
.teaser-soziales .et_pb_post a.more-link:hover,
.teaser-werte-und-compliance .et_pb_post a.more-link,
.teaser-werte-und-compliance .et_pb_post a.more-link:hover,
.teaser-ueber-uns .et_pb_post a.more-link,
.teaser-ueber-uns .et_pb_post a.more-link:hover,
.et-blog-css-grid .et_pb_post a.more-link,
.et-blog-css-grid .et_pb_post a.more-link:hover {
    height: 42px;
    letter-spacing: 0.7px;
    border: 1px solid #BFF3B8;
    padding-top: 2px!important;
    padding-right: 1rem!important;
    padding-left: .9rem;
    margin-left: 0;
} 

.teaser-werte-und-compliance .et_pb_post a.more-link:hover,
.teaser-soziales .et_pb_post a.more-link:hover {
    border: 1px solid #006663!important;
    background-color: #006663!important;
}

.teaser-umwelt .et_pb_post a.more-link::after,
.teaser-umwelt .et_pb_post a.more-link:hover::after,
.teaser-soziales .et_pb_post a.more-link::after,
.teaser-soziales .et_pb_post a.more-link:hover::after,
.teaser-werte-und-compliance .et_pb_post a.more-link::after,
.teaser-werte-und-compliance .et_pb_post a.more-link:hover::after,
.teaser-ueber-uns .et_pb_post a.more-link::after,
.teaser-ueber-uns .et_pb_post a.more-link:hover::after,
.et-blog-css-grid .et_pb_post a.more-link::after,
.et-blog-css-grid .et_pb_post a.more-link:hover::after {
    background-size: 16px 16px!important;
    background-repeat: no-repeat;
    height: 16px!important;
    width: 16px!important;
    position: relative;
    float: right;
    padding-left:.7rem!important;
    padding-top: 3px!important;
    padding-right: 3px!important;
}

.teaser-umwelt .et_pb_post a.more-link::after,
.teaser-ueber-uns .et_pb_post a.more-link::after,
.et-blog-css-grid .et_pb_post a.more-link::after,
.et-blog-css-grid .et_pb_post a.more-link::after {
    content: url('../divi-child/img/arrow-button.svg')!important;
    transform: scale(.88);
    padding-top: 5px!important;
}

.teaser-werte-und-compliance .et_pb_post a.more-link::after,
.teaser-soziales .et_pb_post a.more-link::after {
    content: url('../divi-child/img/arrow-button-dunkelgruen.svg')!important;
    /*transform: scale(.88);
    padding-top: 5px!important;*/
}

.teaser-umwelt .et_pb_post a.more-link:hover::after,
.teaser-soziales .et_pb_post a.more-link:hover::after,
.teaser-werte-und-compliance .et_pb_post a.more-link:hover::after,
.teaser-ueber-uns .et_pb_post a.more-link:hover::after,
.et-blog-css-grid .et_pb_post a.more-link:hover::after {
    content: url('../divi-child/img/arrow-button-hover.svg')!important;
    transform: scale(1);
    padding-top: 0px;
}


/*Orangener Button*/


 .button-orange::after {
    content: url('../divi-child/img/arrow-button-orange.svg')!important;
}

.button-orange:hover::after {
    content: url('../divi-child/img/arrow-button-hover.svg')!important;
}

/* Hellgrüner Button */

 .button-hellgruen::after {
    content: url('../divi-child/img/arrow-button-hellgruen.svg')!important;
}

.button-hellgruen:hover::after {
    content: url('../divi-child/img/arrow-button-dunkelgruen.svg')!important;
}


/*Startseite Slider*/

.start-hero-slider .et_pb_slide {
    height: 400px!important;
}

@media (max-width: 767px) {
    .start-hero-slider .et_pb_slide {
    height: 220px!important;
    }
    .et_pb_post_slider_0.et_pb_slider {
        aspect-ratio: 1.4 / 1!important;
    }
}

.start-hero-slider .et_pb_slide_title a {
    text-transform: none;
}

.start-hero-slider.et_pb_slide_description, 
.start-hero-slider.et_pb_slider_fullwidth_off .et_pb_slide_description {
    padding: 0!important;
    position: absolute;
    top: 2rem;

}

.category-startseite-slider-bild .et_pb_slide {
    background-color: #ffcc00; /* Gelber Hintergrund für News */
}

.start-gf-slider .et-pb-arrow-next:before, 
.start-gf-slider .et-pb-arrow-prev:before,
.start-hero-slider .et-pb-arrow-next::before,
.start-hero-slider .et-pb-arrow-prev::before {
    content: '';
    background-repeat: no-repeat;
    visibility: visible;
    background-size: 60px 42px;
    background-position-y: top;
    position: absolute;
    width: 60px;
    height: 42px;
    vertical-align: middle!important;
    top: 16px;
}

.start-hero-slider .et-pb-arrow-prev::before {
    background-image: url('../divi-child/img/arrow-left-start-hero-slider-pagination.svg')!important;
}


.start-hero-slider .et-pb-arrow-next::before {
    background-image: url('../divi-child/img/arrow-right-start-hero-slider-pagination.svg')!important;
    left: -55px;
}

@media (min-width: 981px) {
    .start-hero-slider.et_pb_slider .et_pb_slide {
    background-size: contain!important;
    }
}
@media (max-width: 980px) {
    
    .start-hero-slider .et_pb_slide {
        background-position: center 0px;
    }
    }

@media (max-width: 767px) {
    .start-hero-slider .et-pb-arrow-prev::before {
        left: 10px;
    }
    .start-gf-slider .et-pb-arrow-prev::before {
        left: 5px!important;
    }
    .start-hero-slider .et-pb-arrow-next::before {
        left: -70px;
    }
    .start-gf-slider .et-pb-arrow-next::before {
        right: 5px!important;
    }

    .start-gf-slider .et_pb_slide_content,
    .start-hero-slider .et_pb_slide_content {
        width: 40vw!important;
        margin: 0 auto!important;
    }

    .start-hero-slider .et_pb_slide_content {
        display: none!important;
    }

    .start-hero-slider.et_pb_slider .et_pb_slide {
        background-size: cover!important;
        background-position-y: top;
    }
    .start-hero-slider .et_pb_slides .et_pb_slider_container_inner {
        vertical-align: top;
        padding-top: 20px;
    }
}


/* Startseite Barrierearm */

.start-hero-slider {

    .et_pb_slide_description {
        top: 0!important;
    }

    .et_pb_slide_description .et_pb_slide_title,
    .et_pb_slide_description .et_pb_slide_content {
        background-color: #227254!important;
    }

    .et_pb_slide_description .et_pb_slide_title {
        border-radius: 24px 24px 0 0;
        padding: 1rem 1rem .5rem 1rem;
    }

    .et_pb_slide_description .et_pb_slide_content {
        border-radius:  0;
        padding: 0rem 1rem 1rem 1rem;
    }

    .et_pb_slide {
        padding: 0!important;
        background-color: #BFF3B8!important;
        /*background-position-y: 30px!important;*/
    }

    .et_pb_slide_description h3 {
        /*padding: 6px 6%!important;*/
    }

    .et_pb_slide_description h3.et_pb_slide_title a {
        color: #fff!important;
        text-shadow: none!important;
    }

    .et_pb_slide_description .et_pb_slide_content {
        color: #BFF3B8!important;
        text-shadow: none!important;
    }

    .et_pb_slide_description .et_pb_slide_title,
    .et_pb_slide_description .et_pb_slide_content {
        margin: 0!important;
    }

    .et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
        width: 100%!important;
    }

    .et-pb-active-slide .et_pb_slide_description {
        animation-duration: 0!important;
        animation-delay: 0!important;
        animation: none!important;
        opacity: 1!important;
    }
}


/* Zitat-Slider */

.start-gf-slider .et-pb-arrow-next:before {
    background-image: url('../divi-child/img/arrow-right-blog-pagination-werte-und-compliance.svg')!important;
    right: 6vw;
}

.start-gf-slider .et-pb-arrow-prev:before {
    background-image: url('../divi-child/img/arrow-left-blog-pagination-werte-und-compliance.svg')!important;
    left: 6vw;
}

.start-gf-slider .et-pb-slider-arrows {
    position: relative;
    bottom: 3rem;
}

@media (max-width: 980px) {
    .start-gf-slider .et-pb-slider-arrows {
    bottom: 1rem;
    }
    
    .start-gf-slider .et_pb_slide_content {
        margin-left: 0!important;
    }
    .start-gf-slider .et_pb_slide_description, 
    .start-gf-slider .et_pb_slider_fullwidth_off .et_pb_slide_description {
        padding-left: 0!important;
    }
    .start-gf-slider .et_pb_slide_description .et_pb_slide_title {
        width: 60%!important;
    }
    .start-gf-slider .et_pb_slide {
        padding: 0 3%;
    }

    .start-gf-slider .et_pb_slide_description {
        padding-bottom: 0!important;
    }
        .start-gf-slider .et_pb_more_button {
        margin-top: 10px;
        margin-bottom: 20px;
    }
        .start-gf-slider .et-pb-slider-arrows:after {
        top: 10px;
    }
    .start-gf-slider .et-pb-arrow-next,
    .start-gf-slider .et-pb-arrow-prev {
        margin-top: -30px;
    }
}

.start-gf-slider .et-pb-slider-arrows:after {
    content: 'mehr entdecken';
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content:  center;
    color: #12B284;
    font-size: 1.2rem;
    top: 16px;
} 

.start-gf-slider .et_pb_button::after {
    content: url(../divi-child/img/arrow-button-dunkelgruen.svg)!important;
}

.start-gf-slider .et_pb_bg_layout_light .et_pb_button:hover {
    background-color: #006663!important;
    border-color: #006663!important;
}

.start-gf-slider .et_pb_button:hover::after {
    content: url(../divi-child/img/arrow-button-hover.svg)!important;
}

/*News Blogroll*/
 .news-teaser-start .entry-title h3 {
    font-weight: 500!important;
 }

 .news-teaser-start article {

 }

  .news-teaser-start .et_pb_post {
    padding: 1rem 4rem 1rem 0 !important;
  }

  .news-teaser-start .entry-title::after {
    content: '';
    background-image: url(../divi-child/img/arrow-up-spoiler.svg)!important;
    rotate: 90deg;
    position: absolute;
    right: 0;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px; 
    visibility: visible;
    top: 20%;
  }


    .news-teaser-start .et_pb_post:last-child {
        border-bottom: 1px solid #006663!important;
    }

/*Cards Styling Smartphone to Tablet*/

@media (max-width: 767px) {
    .et_pb_gutters1 .et_pb_column, 
    .et_pb_gutters1 .et_pb_column .et_pb_module, 
    .et_pb_gutters1.et_pb_row .et_pb_column, 
    .et_pb_gutters1.et_pb_row .et_pb_column .et_pb_module {
        margin-bottom: 0;
        width: 100% !important;
    }
}


/* Keyfacts Zahlen im Desktop ab 1280vw größer */

@media (min-width: 1280px) {
    .et_pb_number_counter_0.et_pb_number_counter .percent p,
    .et_pb_number_counter_1.et_pb_number_counter .percent p,
    .et_pb_number_counter_2.et_pb_number_counter .percent p,   
    .et_pb_number_counter_3.et_pb_number_counter .percent p {
        font-size: 4.5rem!important;
}
    .et_pb_number_counter_0.et_pb_number_counter:after,
    .et_pb_number_counter_1.et_pb_number_counter:after,
    .et_pb_number_counter_2.et_pb_number_counter:after,
    .et_pb_number_counter_3.et_pb_number_counter:after {
        transform: translateY(30px)!important;
    }
}


/*Post Slider Divi Module Styling*/

/* create css grid column template */
.et-blog-css-grid > div {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
}
/* style css grid item or blog post */
.et-blog-css-grid .et_pb_post {
  align-self: start;
  padding: 15px;
}
 
/* remove pagination from blog module grid with absolute position */
.et-blog-css-grid > div > div {
  width: 100%;
  position: absolute;
  bottom: 0;
  transform: translate(0%, 150%);
}
 
/* Resize Featured Image Thumbnails */
.et-blog-css-grid .entry-featured-image-url {
  padding-top: 56.25%;
}
.et-blog-css-grid .entry-featured-image-url img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  object-fit: cover;
}

/*More-Button unten ausrichten*/

.et_pb_blog_0 a.more-link, .et_pb_blog_1 a.more-link, .et_pb_blog_2 a.more-link, .et_pb_blog_3 a.more-link {
    position: absolute;
    bottom: 0;
}

/*Kein Abstand unter Post*/

.et_pb_post {
    margin-bottom: 0;
}



/*Divi Blog-Grid mit gleichen Höhen*/

.et_pb_ajax_pagination_container {
  align-items: stretch!important;
}

@media only screen and (min-width: 768px) {

.slider-ueber-uns .et_pb_post {
min-height: 260px;
max-height: 260px;
}
.slider-werte-und-compliance .et_pb_post {
min-height: 260px;
max-height: 260px;
}
.slider-umwelt .et_pb_post {
min-height: 280px;
max-height: 280px;
}

.slider-umwelt.slider-klimawandel .et_pb_post {
min-height: 320px;
max-height: 320px;
}

.slider-umwelt.slider-betrieblicher-umweltschutz .et_pb_post {
min-height: 320px;
max-height: 320px;
}


.slider-soziales .et_pb_post {
min-height: 260px;
max-height: 260px;
}

.slider-soziales.slider-verbraucher-endnutzer .et_pb_post {
min-height: 320px;
max-height: 320px;
}
}


@media only screen and (max-width: 767px) {
.slider-ueber-uns .et_pb_post {
min-height: 260px;
max-height: 260px;
}
.slider-werte-und-compliance .et_pb_post {
min-height: 260px;
max-height: 260px;
}
.slider-umwelt .et_pb_post {
min-height: 280px;
max-height: 280px;
}

.slider-umwelt.slider-klimawandel .et_pb_post {
min-height: 320px;
max-height: 320px;
}

.slider-umwelt.slider-betrieblicher-umweltschutz .et_pb_post {
min-height: 320px;
max-height: 320px;
}

.slider-soziales .et_pb_post {
min-height: 260px;
max-height: 260px;
}

.slider-soziales.slider-verbaucher-endnutzer .et_pb_post {
min-height: 320px;
max-height: 320px;
}
}


/*Hintergrund Blog-Slides Über uns*/

.slider-ueber-uns .et_pb_ajax_pagination_container .et_pb_post {
    background-color: #f7f7d5!important;
}
/*Hintergrund Blog-Slides Werte und Compliance*/
.slider-werte-und-compliance .et_pb_ajax_pagination_container .et_pb_post {
    background-color: #d6f6e9!important;
}
/*Hintergrund Blog-Slides Umwelt*/
.slider-umwelt .et_pb_ajax_pagination_container .et_pb_post {
    background-color: #cde6c7!important;
}
/*Hintergrund Blog-Slides Soziales*/
.slider-soziales .et_pb_ajax_pagination_container .et_pb_post {
    background-color: #fff3f2!important;
}

/*Hintergrund Blogliste Suchergebnisse*/
.blog-search-results .et_pb_ajax_pagination_container .et_pb_post {
    background-color: #DCF8D8!important;
    margin-bottom: 2rem!important;
    padding:20px!important;
}


/*Post Slider Divi Module Blog Pagination*/


/*Pagination zentrieren*/

.pagination {
    margin: 1rem auto;
    height: 48px;
}

@media (min-width: 1280px) {
    .pagination {
        width: 60%;
    }
}

@media (min-width: 1100px) {
    .pagination {
        width: 70%;
    }
}

@media (min-width: 1040px) {
    .pagination {
        width: 75%;
    }
}

@media (min-width: 981px) {
    .pagination {
        width: 80%;
    }
}
@media (max-width: 980px) {
    .pagination {
        width: 100%;
    }
    .pagination > .alignleft a:before {
        left: 80px!important;
    }
    .pagination > .alignright a:before {
        right: -80px!important;
    }
}

@media (max-width: 768px) {
    .pagination {
        width: 100%;
    }
    .pagination > .alignleft a:before {
        left: 0px!important;
    }
    .pagination > .alignright a:before {
        right: 0px!important;
    }
}

/*Text "mehr entdecken" nur einblenden bei Slidern mit mehr als 4 Beiträgen */


.slider-werte-und-compliance .pagination:after,
.slider-umwelt .pagination:after {
    content: 'mehr entdecken'!important;
    color: #00C493;
    font-size: 1.3rem!important;
    letter-spacing: 0.3px;
    visibility: visible!important;
    position: relative;
    top: -20px;
    text-align: center;
    display: none;
} 

.blog-search-results .pagination:after {
    content: ''!important;
    color: #00C493;
    font-size: 1.3rem!important;
    letter-spacing: 0.3px;
    visibility: visible!important;
    position: relative;
    top: -20px;
    text-align: center;
} 

/* Pagination-Links zentrieren */

.alignright, .alignleft {
    float: none;
    text-align: center;
}

.blog-search-results .alignright {
    float: right;
}

.blog-search-results .alignleft {
    float: left;
}

/*Pagination-Buttons*/


.pagination > .alignleft a:before,
.pagination > .alignright a:before {
    visibility: visible;
    background-size: 60px 42px;
    background-position-y: top;
    background-repeat: no-repeat;
    position: relative;
    vertical-align: middle!important;
}

/*Pagination Text ändern*/
/*Ältere Einträge: Neuer Text 'mehr entdecken', Pfeil nach rechts*/
 .pagination > .alignleft a:before {
    content: 'mehr entdecken'!important;
    background-position-x: right;
    padding: 12px 6rem 12px 0;
    left: 100px;
}

 .blog-search-results .pagination > .alignleft a:before {
    content: 'weiter'!important;
    background-position-x: right;
    padding: 12px 6rem 12px 0;
    left: 100px;
}


/*Ältere Einträge: Alten Text ausblenden, Pfeil nach rechts*/
 .pagination > .alignleft a {
    visibility: collapse!important;
}


/*Neuere Einträge: Neuer Text 'mehr entdecken', Pfeil nach links*/
 .pagination > .alignright a:before {
    content: 'mehr entdecken'!important; 
    background-position-x: left;
    padding: 12px 0 12px 6rem;
    right: -13px;
}

 .blog-search-results .pagination > .alignright a:before {
    content: 'zurück'!important; 
    background-position-x: left;
    padding: 12px 0 12px 6rem;
    right: -13px;
}

@media (max-width: 768px) { 

 .blog-search-results .pagination > .alignleft a:before {
    padding-right: 5rem;
 }
 .blog-search-results .pagination > .alignright a:before {
    float: right;
    padding-left: 5rem;
 }
 .blog-search-results .pagination > .alignright{
    margin-top: -14px;
 }
 .blog-search-results .pagination > .alignright,  .blog-search-results .pagination > .alignleft {
    width: 155px;
 }
}


/*Neuere Einträge: Alten Text ausblenden, Pfeil nach links*/
 .pagination > .alignright a {
    visibility: collapse!important;
}



/*Pagination-Buttons Über uns und Suchergebnisse*/
.blog-search-results .pagination > .alignleft a:before,
.slider-ueber-uns .pagination > .alignleft a:before {
    background-image: url('../divi-child/img/arrow-right-blog-pagination-archive.svg')!important;
}

.blog-search-results .pagination > .alignright a:before,
.slider-ueber-uns .pagination > .alignright a:before {
    background-image: url('../divi-child/img/arrow-left-blog-pagination-archive.svg')!important;
}

/*Pagination-Buttons Werte und Compliance*/
.slider-werte-und-compliance .pagination > .alignleft a:before {
    background-image: url('../divi-child/img/arrow-right-blog-pagination-werte-und-compliance.svg')!important;
}

.slider-werte-und-compliance .pagination > .alignright a:before {
    background-image: url('../divi-child/img/arrow-left-blog-pagination-werte-und-compliance.svg')!important;
}

/*Pagination-Buttons Umwelt*/
.slider-umwelt .pagination > .alignleft a:before {
    background-image: url('../divi-child/img/arrow-right-blog-pagination-umwelt.svg')!important;
}

.slider-umwelt .pagination > .alignright a:before {
    background-image: url('../divi-child/img/arrow-left-blog-pagination-umwelt.svg')!important;
}

/*Pagination-Buttons Soziales*/
.slider-soziales .pagination > .alignleft a:before {
    background-image: url('../divi-child/img/arrow-right-blog-pagination-soziales.svg')!important;
}

.slider-soziales .pagination > .alignright a:before {
    background-image: url('../divi-child/img/arrow-left-blog-pagination-soziales.svg')!important;
}


/* Startseite 2025 Projekt-Teaser */

.teaser-umwelt,
.teaser-soziales,
.teaser-werte-und-compliance,
.teaser-ueber-uns {
    padding: 0!important;

    .pagination {
        display: none;
    }

    .entry-featured-image-url {
        @media (min-width: 769px) { 
            width: 49%!important;
            float: right;
            margin: 0 0 0 2rem;
        }

    }
    .entry-featured-image-url img {
        aspect-ratio: 9 / 7;
        border: 1px solid #707070;
        border-radius: 20px;
    }

    .entry-title, .post-content {
        @media (min-width: 981px) { 
            margin-left: 5rem;
        }
        @media (max-width: 980px) { 
            margin-left: 3rem;
        }
        @media (max-width: 768px) { 
            margin-left: 1rem;
            margin-right: 1rem;
        }
    }

    .entry-title {
        @media (min-width: 1201px) { 
            margin-top: 7vw;    
        }
        @media (max-width: 1200px) { 
            margin-top: 3vw;    
        }
        @media (max-width: 1080px) { 
            margin-top: 1rem;    
        }
        @media (max-width: 1010px) { 
            margin-top: 0;    
        }
        @media (max-width: 980px) { 
            margin-top: 7vw;    
        }
        
    }

    .post-content {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    a.more-link {
        position: relative!important;
        bottom: auto!important;
        align-self: flex-start;
    }


}


/*Subthema-Seite / Blog post Styling*/


/*Subthema-Seite Zertifizierungen / Tag*/

.subtheme-tag a {
    background-color: #cde6c7;
    padding: 8px 10px;
    border-radius: 12px;
}

.subtheme-tag.bg-ueber-uns a {
    background-color: #f7f7d5!important;
}

.subtheme-tag.bg-werte-compliance a {
    background-color:#d6f6e9!important;
}

.subtheme-tag.bg-soziales a {
    background-color: #fff3f2!important;
}

/*Subthema-Seite Reiter EVH KWT Netze Tabs*/

/*Eckenrundung Tab-Inhalt-Hintergrund*/
.subtheme .et_pb_tabs {
    border: 0;
}

/*Hintergrundfarbe, kein Rand und Eckenrundung an allen Tab-Inhalten*/
.subtheme .et_pb_all_tabs {
    background-color: #cde6c7;
    border: 0;
    border-radius: 0 30px 30px 30px!important;
}

@media (max-width: 980px) {
        .subtheme .et_pb_all_tabs {
    padding-top: 1rem;
    }
}

.subtheme .bg-ueber-uns .et_pb_all_tabs {
    background-color: #f7f7d5;
}

.subtheme .bg-werte-compliance .et_pb_all_tabs {
    background-color: #d6f6e9;
}

.subtheme .bg-soziales .et_pb_all_tabs {
    background-color: #fff3f2;
}

@media (max-width: 767px) {
        .subtheme .et_pb_all_tabs {
    border-radius: 0 0 30px 30px!important;
    }
}


/*Hintergrundfarbe und Eckenrundung alle anderen inaktiven Tabs */
.subtheme ul.et_pb_tabs_controls { 
    background-color: transparent;
    border-radius: 20px 20px 0 0;
} 

.subtheme .et_pb_tabs_controls li.et_pb_tab_0   {
    background-color: #217357; /*#cde6c7*/
    }

.subtheme .et_pb_tabs_controls li.et_pb_tab_1   {
    background-color: #217357; /*#00C798;*/
    }

.subtheme .et_pb_tabs_controls li.et_pb_tab_2   {
    background-color: #217357; /*#006663;*/
    }


/*Kein Rand an allen Tabs*/
.subtheme .et_pb_tabs_controls li {
    border-right: 0;
}


/*Kein Rand unter den Tabs*/
.subtheme ul.et_pb_tabs_controls::after {
    border-top: 0;
    height: 0;
}

@media (max-width: 767px) {
        .et_pb_tabs_controls li {
            border-bottom: 0;
        }
}

/*Schriftfarbe Aktiver Tab*/
.subtheme .et_pb_tab_active.et_pb_tab_0 a,
.subtheme .et_pb_tab_active.et_pb_tab_1 a,
.subtheme .et_pb_tab_active.et_pb_tab_2 a,
.subtheme .et_pb_tab_active a {
    color: #006663!important;
}

/*Schriftfarbe inaktive Tabs*/

.subtheme .et_pb_tab_0 a,
.subtheme .et_pb_tab_1 a,
.subtheme .et_pb_tab_2 a {
     color: #fff!important;
}


/*Schriftfarbe Link im Text*/

.subtheme .et_pb_tab_0 p a,
.subtheme .et_pb_tab_1 p a,
.subtheme .et_pb_tab_2 p a {
     color: inherit!important;
}

.subtheme .su-row a, 
.subtheme .su-row p a {
    color: inherit!important;
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* Fettung im Text */

.subtheme .su-row strong {
    font-family: 'Yantramanav';
    font-weight: 700!important;
}


.subtheme .et_pb_button a {
    text-decoration: none!important;
}

/*Hintergrundfarbe + Eckenrundung Aktiver Tab*/
.subtheme .et_pb_tabs_controls li.et_pb_tab_active {
    background-color: #cde6c7;
}

.subtheme .et_pb_tabs_controls li.et_pb_tab_0.et_pb_tab_active, .subtheme .et_pb_tabs_controls li.et_pb_tab_0 {
        border-radius: 20px 20px 0 0;
}

.subtheme .et_pb_tabs_controls li.et_pb_tab_1.et_pb_tab_active, .subtheme .et_pb_tabs_controls li.et_pb_tab_1 {
        border-radius: 20px 20px 0 0;
}

.subtheme .et_pb_tabs_controls li.et_pb_tab_2.et_pb_tab_active, .subtheme .et_pb_tabs_controls li.et_pb_tab_2 {
        border-radius: 20px 20px 0 0;
}

.subtheme .bg-ueber-uns .et_pb_tabs_controls li.et_pb_tab_active {
    background-color: #f7f7d5;
}

.subtheme .bg-werte-compliance .et_pb_tabs_controls li.et_pb_tab_active {
    background-color: #d6f6e9;
}

.subtheme .bg-soziales .et_pb_tabs_controls li.et_pb_tab_active {
    background-color: #fff3f2;
}

@media (max-width: 767px) {

    .et_pb_tabs_controls li {
        float:left;
    }

    .et_pb_tabs_controls li a {
            padding: 4px 15px;
    }

    .subtheme .et_pb_tabs_controls li.et_pb_tab_active {
    border-radius: 0;

    }
    .subtheme .et_pb_tabs_controls li.et_pb_tab_0.et_pb_tab_active, .subtheme .et_pb_tabs_controls li.et_pb_tab_0 {
            border-radius: 20px 20px 0 0;
            /*border-bottom: 1px solid #fff;*/
    }

    .subtheme .et_pb_tabs_controls li.et_pb_tab_1.et_pb_tab_active, .subtheme .et_pb_tabs_controls li.et_pb_tab_1 {
          /*  border-radius: 0;*/
          /*border-bottom: 1px solid #fff;*/
    }

    .subtheme .et_pb_tabs_controls li.et_pb_tab_2.et_pb_tab_active, .subtheme .et_pb_tabs_controls li.et_pb_tab_2 {
          /*  border-radius: 0;*/
    }
}

/*Schriftfarbe alle anderen inaktiven Tabs*/
.subtheme .et_pb_tabs_controls li a {
    color: #006663;
    font-size: 1.2rem;
}

@media (max-width: 980px) {
    .subtheme .et_pb_tabs_controls li a {
    color: #006663;
    font-size: 1rem;
}
}


/* Second tab, inactive */
.subtheme .su-tabs > .su-tabs-nav > span:nth-child(1) {
    color: #fff!important;
    background-color: #00C798!important;
}


/*Styling Tab-Inhalt*/

.et_pb_tab_content, .et_pb_tab_content h2, .et_pb_tab_content h3, .et_pb_tab_content h4, .et_pb_tab_content h5 {
    color: #006663!important;
}

@media (min-width: 981px) {
    .et_pb_tab_content {
        padding: 2rem;
}
}

.et_pb_tab_content h4 {
    padding-top: .5rem;
}

/*Überschrift in Tab*/

.subtheme h1, .subtheme h2, .subtheme h3, .subtheme h4, .subtheme h5, .subtheme h6 {
    line-height: 100%!important;
    padding-bottom: 1.75rem!important;
}

.subtheme h4 {
    text-transform: none!important;
}

@media (max-width: 768px) {
    .subtheme h4, .subtheme h3 {
        font-size: 1.35rem;
    }
}



/*Subthema 2. Spalte in Tab im Desktop weiter unten*/
@media (min-width: 981px) {

.second-column-lower-on-desktop{
    padding-top: 4.4rem;
}
}


@media (max-width: 980px) {

.second-column-lower-on-desktop{
    padding-top: 3.2rem;
}
}


@media (max-width: 768px) {

.second-column-lower-on-desktop{
    padding-top: 0rem;
}
}


/*Subthema-Seite Akkordion Spoiler (Accordion)*/

/*Default state*/

.su-spoiler-title:focus {
    outline: none!important;
    /*text-decoration: underline 1px;*/
    /*text-underline-offset: 4px;*/
    /*color: #FF4D00!important;*/
}

.su-spoiler.custom-spoiler > .su-spoiler-title {

    /* Text Size */
    font-size: 1.35rem!important;

    /* Background Color */
    background: transparent;

    /* Text Color */
    color: inherit;

    border-top: 1px solid #006663;
    padding-top: 1rem;
    padding-left: 0!important;
    padding-right: 2rem!important;

}


.su-box .su-spoiler.custom-spoiler > .su-spoiler-title {

    border-top: 1px solid #fff;
}

.su-spoiler.custom-spoiler.su-spoiler-closed > .su-spoiler-title:after {
    content: url('../divi-child/img/arrow-down-spoiler.svg')!important;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: right;
    position: relative;
    left: 2rem;

}

.su-box .su-spoiler.custom-spoiler.su-spoiler-closed > .su-spoiler-title:after {
    content: url('../divi-child/img/arrow-down-spoiler-white.svg')!important;
}

.su-spoiler.custom-spoiler > .su-spoiler-title:after {
    content: url('../divi-child/img/arrow-up-spoiler.svg')!important;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: right;
    position: relative;
    left: 2rem;
}

.su-box .su-spoiler.custom-spoiler > .su-spoiler-title:after {
    content: url('../divi-child/img/arrow-up-spoiler-white.svg')!important;
}

@media (max-width: 980px) {
    .su-spoiler.custom-spoiler > .su-spoiler-title {

    /* Text Size */
    font-size: 1rem;
    }
}

/*Hover State*/

.su-spoiler.custom-spoiler > .su-spoiler-title:hover {

    /* Text Size */
    font-size: 1rem;

    /* Background Color */
    background: transparent;

    /* Text Color */
    color: inherit;

}

/*Spoiler Icon*/

.su-spoiler.custom-spoiler > .su-spoiler-title > .su-spoiler-icon {
    
    display: none;
    /* Icon Color */
    color: inherit;
    
}


/*Spoiler Content*/

.su-spoiler.custom-spoiler > .su-spoiler-content {

    /* Text Size */
    font-size: inherit;

    /* Background Color */
    background: transparent;

    /* Text Color */
    color: inherit;
    padding-left: 0;
    padding-right: 0;

}

.su-spoiler-style-default>.su-spoiler-content {
    padding: 1rem 0 1rem 0;
}

.su-accordion {
    margin-bottom: 0!important;
}

/*Subthema Einspaltig in Infobox nicht über die gesamte Breite*/
@media (min-width: 981px) {
.su-row .su-column-size-1-1 {
    width: 66%!important;
    max-width: 720px;
}
}

@media (min-width: 768px) {
.su-row .su-column-size-1-1 {
    width: 75%!important;
}
}

/*Subthema Infobox*/

.subtheme .su-box {
    margin-top: 4rem;
    margin-bottom: 4rem;
    border-color: #217357!important;
    border: 0!important;
}

.subtheme .su-box .su-box-title {
    border: 0!important;
}

.subtheme .su-box-title {
    font-size: 1.35rem!important;
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 700!important;
    background-color: #217357!important;
    padding-left: 2rem!important;
    padding-top: 1.5rem!important;
    padding-bottom: 1rem!important;
    color: #fff!important;
    border-top-left-radius: 26px!important;
    border-top-right-radius: 26px!important;
    border: 0!important;
}

.subtheme .su-box-content {
    background-color: #217357;
    color: #fff;
    padding: 1rem 2rem 2rem 2rem!important;
    border-bottom-left-radius: 26px!important;
    border-bottom-right-radius: 26px!important;
    border: 0!important;
}


/*Überschrift in Infobox*/

.subtheme .su-box h1, .subtheme .su-box h2, .subtheme .su-box h3, .subtheme .su-box h4, .subtheme .su-box h5, .subtheme .su-box h6 {
    color: #fff!important;
    line-height: 125%!important;
}




/* Tabelle für Legende*/

.entry-content tr td {
    border-top: 0px solid #fff!important;
    padding: 6px 20px 6px 0!important;
}


/*Subthema-Seite Images*/

.subtheme .wp-caption {
    padding: 0;
    border: 0;
    background-color: transparent;
    width: 100%;
}

.subtheme .wp-caption {
   text-align: left!important;
}

.subtheme .wp-caption .wp-caption-text {
   font-size: 1rem!important;
}

/*Subthema-Liste Listenpunkt-Typen*/

.subtheme .ul {

}

.li-checkmark, .li-cross {
    list-style-type: none;
    padding-bottom: 1rem;
    margin-left: 5rem;
}

.li-checkmark::before {
    content: url('../divi-child/img/li-checkmark-icon.svg')!important;
}

.li-cross::before {
    content: url('../divi-child/img/li-cross-icon.svg')!important;
}

.li-checkmark::before, .li-cross::before {
    background-size: 20px 20px;
    background-repeat: no-repeat;
    height: auto;
    width: 0px;
    float: left;
    margin-right: 0rem;
    margin-bottom: 0;
    position: relative;
    top: 10px;
    left: -5rem;
}

/*Schriftfarbe Link in Subthema-Liste*/

.subtheme .li-checkmark a, .subtheme .li-cross a {
    color: inherit!important;
    text-decoration: underline;
}


@media (max-width: 768px) {

.li-checkmark, .li-cross {
    margin-left: 3rem;
    } 

.li-checkmark::before, .li-cross::before {
    background-size: 10px 10px!important;
    left: -4rem;
}
}

/*Subthema-Seite PDF-Buttons*/

.subtheme .su-box .et_pb_button {
    margin-top: 1rem!important;
    margin-bottom: 2rem!important;
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
}

.subtheme .su-box .et_pb_button a {
    color: #fff;
}

.subtheme .su-box .et_pb_button::after {
    content: url('../divi-child/img/arrow-button-white.svg')!important;
}

/*Subthema-Seite SDG-Slider*/

.subtheme {}
.subtheme-sdg-slider {}

@media (max-width: 980px) {

}

/*SDG Slider Navi Pfeile*/

.subtheme {}
.subtheme-sdg-slider {}

/*Kontaktformular*/

/*Anrede*/

.et_pb_contact_field_radio, .et_pb_contact_field_options_title {
    display: inline;
    margin-right: 1rem;
}

/* Zeitstrahl / Timeline Startseite */

#parentdiv {
  margin-top: 20px;
  width: 100%;
  height:40px;
}


#line {
  border-top: 2px solid #0A6666;
}

#line:after {
    content: url('../divi-child/img/arrow-timeline.svg')!important;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    height: 12px;
    width: 12px;
    float: right;
    position: relative;
    top: -12px;
    }

.dot {
  position: relative;
  width: 2px;
  height: 20px;
  background-color: #0A6666;
}

#dot1 {
  top: -10px;
}

#dot2 {
  top: -30px;
}

#dot3 {
  top: -50px;
}

#dot4 {
  top: -70px;
}

@media (min-width: 1341px) {
    #dot1 {
      left:12%;
    }

    #dot2 {
      left:37.5%;
    }

    #dot3 {
      left:63%;
    }

    #dot4 {
      left:88%;
    }
}

@media (min-width: 1000px) and (max-width: 1340px) {
    #dot1 {
      left:16%;
    }

    #dot2 {
      left:50%;
    }

    #dot3 {
      left:85%;
    }

    #dot4 {
      display: none;
    }
}

@media (min-width: 703px) and (max-width: 999px) {
    #dot1 {
      left:25%;
    }

    #dot2 {
      left:75%;
    }

    #dot3, #dot4 {
      display: none;
    }
}


@media (max-width: 702px)  {
    #dot1 {
      left:50%;
    }

    #dot2, #dot3, #dot4 {
      display: none;
    }
}

/*Carousel Slider*/
.swiper-slide .et_pb_module_header,
.swiper-slide .et_pb_blurb_description {
  padding: 0;
}

.swiper-slide .et_pb_main_blurb_image {
  margin-bottom: 0;
}

@media (min-width: 1341px) {
    .swiper-slide {
        width: 24.%!important;
    }
}

/*Carousel Slider Navigation*/

/*Dynamic Bullets*/
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, 
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  transform: translateX(0);
  left: 0;
  /*ausblenden*/
  display: none;
}

.swiper-horizontal > .swiper-pagination-bullets, 
.swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper-pagination-custom, 
.swiper-pagination-fraction {
  bottom: -3rem;
}

/*Swipe Buttons*/


    .swiper-button-next, 
.swiper-rtl .swiper-button-prev {
  left: 5.5rem;
  top: auto;
  bottom: -4rem;
}

.swiper-button-prev, 
.swiper-rtl .swiper-button-next {
  right: auto;
  top: auto;
  left: 1rem;
  bottom: -4rem
}

/*Custom Arrow Navigation*/

.swiper-button-next:after, 
.swiper-button-prev:after {
  content: '';
  visibility: visible;
  background-size: 60px 42px;
  width: 60px;
  height: 42px;
  background-repeat: no-repeat;
  position: absolute;
}

.swiper-button-prev:after, 
.swiper-rtl .swiper-button-next:after {
   background-image: url('../divi-child/img/arrow-left-timeline-navigation.svg')!important;
}

.swiper-button-next:after, 
.swiper-rtl .swiper-button-prev:after {
  background-image: url('../divi-child/img/arrow-right-timeline-navigation.svg')!important;
  
}

/* Layout Timeline Card Swiper Slide */

#timeline .swiper-slide .et_pb_blurb_content {
    display: flex!important;
    flex-direction: column-reverse!important;
    height: 100%!important; 
        @media (max-width: 980px)  {
        height: 340px!important;
    }
}

#timeline .swiper-slide .et_pb_blurb_container {
    order: -1!important;
    display: flex!important;
    flex-direction: column!important;
    flex: 1!important;
}

#timeline .swiper-slide h4.et_pb_module_header {
    position: absolute!important;
    top: 0!important;
    margin-bottom: .5rem;
    color: #FF4D00!important;
}

#timeline .swiper-slide .et_pb_main_blurb_image {
    position: relative;!important;
    margin-top: 3rem!important;
}

#timeline .swiper-slide .et_pb_blurb_description {
    margin-top: auto;

}

/* Glossar */

#ttcont {
    font-size: 1rem!important;
    padding: 10px!important;
    border-radius: 12px!important;
    line-height: 120%!important;
    color: #006663!important;
}

.su-box-content {

    span.glossaryLink, a.glossaryLink,
    span.glossaryLink:hover, a.glossaryLink:hover, 
    span.glossaryLink:focus, a.glossaryLink:focus, 
    span.glossaryLink:focus-visible, a.glossaryLink:focus-visible {
        color: inherit!important;
        border-bottom: dotted 1px #fff;
    }
}