/*
 Theme Name:     ADAC Dienstleistung-Center GmbH
 Theme URI:      https://dlc.adac.de
 Description:    ADAC Dienstleistung-Center GmbH
 Author:         agenturkappa.com – Alexander Sperrle
 Author URI:     https://agenturkappa.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* ------------------------------------------------------- */

/* Webfonts */

/* ADAC Slab Bold 700 */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'ADAC Slab';
  font-style: normal;
  font-weight: 700;
  src: url('../divi-child/fonts/ADACSlab-Bold.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../divi-child/fonts/ADACSlab-Bold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* ADAC Slab Bold Italic 700 */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'ADAC Slab';
  font-style: italic;
  font-weight: 700;
  src: url('../divi-child/fonts/ADACSlab-BoldItalic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../divi-child/fonts/ADACSlab-BoldItalic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* ADAC Sans Bold 700 */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'ADAC Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../divi-child/fonts/ADACSans-Bold.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../divi-child/fonts/ADACSans-Bold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* ADAC Sans Bold Italic 700 */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'ADAC Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../divi-child/fonts/ADACSans-BoldItalic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../divi-child/fonts/ADACSans-BoldItalic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* ADAC Sans Regular 400 */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'ADAC Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../divi-child/fonts/ADACSans-Regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../divi-child/fonts/ADACSans-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* ADAC Sans Regular Italic 700 */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'ADAC Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../divi-child/fonts/ADACSans-RegularItalic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../divi-child/fonts/ADACSans-RegularItalic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


/* Variablen Colors, Typo */

:root {

    --color-yellow: #ffcc00; /* ADAC Gelb */
    --color-yellow-hover: #FFB700; /* ADAC Gelb Hover */
    --color-gray-bright: #e5e5e5; /* ADAC Hellgrau */ 
    --color-gray: rgba(0, 0, 0, 0.42); /* ADAC Grau */
    --color-gray-hover: rgba(0, 0, 0, 0.9); /* ADAC Grau */
    --color-gray-dark: #666666; /* ADAC Dunkelgrau */
    --color-white: #ffffff; /* ADAC Weiss */
    --color-white-hover: rgba(0, 0, 0, 0.04); /* ADAC Weiss Hover*/
    --color-black: #191919; /* ADAC Schwarz */
    --color-blue: #0079c0; /* ADAC Blau*/
    --color-green: #2e7d32; /* ADAC Grün*/
    --color-red: #cc3333; /* ADAC Rot*/

    --font-h1-slab: 'ADAC Slab';
    --font-h3-slab: 'ADAC Slab';
    --font-h3-size: 32px;
    --font-h3-line-height: 36px;

    --font-copy1: 'ADAC Sans', Helvetica, Arial, sans;
    --font-copy1-size: 20px; 
    --font-copy1-line-height: 32px;
    --font-copy1-weight: 700;
    --font-copy1-color: var(--color-black);

    --font-copy2: 'ADAC Sans', Helvetica, Arial, sans;
    --font-copy2-size: 16px; 
    --font-copy2-line-height: 20px;
    --font-copy2-weight: 400;
    --font-copy2-color: var(--color-black);


}


/* Typografie */

 /*Silbentrennung, 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;
 color: var(--color-black);
}

/* Formatvorlagen */

.body1 p {
    font-family: var(--font-copy1);
    font-weight: var(--font-copy1-weight);
    font-size: var(--font-copy1-size);
    line-height: var(--font-copy1-line-height);
    color: var( --font-copy1-color);
    margin-bottom: 1rem;
    @media (max-width: 768px) {
          font-size: 16px;
          line-height: 24px;
        }
  }
  
.body2 p {
    font-family: var(--font-copy2);
    font-weight: var(--font-copy2-weight);
    font-size: var(--font-copy2-size);
    line-height: var(--font-copy2-line-height);
    color: var( --font-copy2-color);
    list-style-type: none;
    padding-left: 0;
  }

/* Layout */

#main-header {
  margin: 0 auto!important;
}

#main-content {
  margin: 0 auto!important;
  background-color: #FFF!important; /* Karriere */
  overflow: hidden;
}

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

.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; 
}


/* =Small Margins Template Shortcodes Columns
-------------------------------------------------------------- */

.full_width  {
  width: 100%;
}
.one_half {
  width: 49%;
  margin-right: 2%;
}
.one_half.last_column {
  width: 49%;
  margin-right: 0px;
}
.one_third {
  width: 32% !important;
  margin-right: 2% !important;
}
.one_third.last_column {
  width: 32% !important;
  margin-right: 0px !important;
}
.two_third {
  width: 66% !important;
  margin-right: 2% !important;
}
.two_third.last_column {
  width: 66% !important;
  margin-right: 0px !important;
}
.one_fourth {
  width: 23.5% !important;
  margin-right: 2% !important;
}
.one_fourth.last_column {
  width: 23.5% !important;
  margin-right: 0px !important;
}
.three_fourth {
  width: 74.5% !important;
  margin-right: 2% !important;
}
.three_fourth.last_column {
  width: 74.5% !important;
  margin-right: 0px !important;
}
.one_fifth {
  width: 18.4% !important;
  margin-right: 2% !important;
}
.one_fifth.last_column {
  width: 18.4% !important;
  margin-right: 0px !important;
}
.two_fifth {
  width: 39% !important;
  margin-right: 2% !important;
}
.two_fifth.last_column {
  width: 39% !important;
  margin-right: 0px !important;
}
.three_fifth {
  width: 59% !important;
  margin-right: 2% !important;
}
.three_fifth.last_column {
  width: 59% !important;
  margin-right: 0px !important;
}
.four_fifth {
  width: 79.6% !important;
  margin-right: 2% !important;
}
.four_fifth.last_column {
  width: 79.6% !important;
  margin-right: 0px !important;
}
.one_sixth {
  width: 15% !important;
  margin-right: 2% !important;
}
.one_sixth.last_column {
  width: 15% !important;
  margin-right: 0px !important;
}

/* =Responsive shortcode Columns
-------------------------------------------------------------- */
/* Maximum width of 600 pixels. */
@media (max-width: 768px) {
  .full_width,
  .one_half,
  .one_third,
  .two_third,
  .one_fourth,
  .three_fourth,
  .one_fifth,
  .two_fifth,
  .three_fifth,
  .four_fifth,
  .one_sixth,
  .five_sixth
  .one_half.last_column,
  .one_third.last_column,
  .two_third.last_column,
  .one_fourth.last_column,
  .three_fourth.last_column,
  .one_fifth.last_column,
  .two_fifth.last_column,
  .three_fifth.last_column,
  .four_fifth.last_column,
  .one_sixth.last_column,
  .five_sixth.last_column {
    clear: both;
    width: 100%!important;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1em;
  }
}

/* Tastaturnavi */

/* Basis: nur Tastaturnutzer sehen den Ring */
:where(a[href], button, input:not([type="hidden"]), select, textarea,
       [role="button"], [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 3px solid var(--color-gray-hover); !important;
  outline-offset: 5px !important;
  border-radius: inherit!important;
  box-shadow: none !important; /* falls Plugin/Theme Fokus via Schatten macht */
}

/* Fallback für sehr alte Browser ohne :focus-visible (heute selten) */
:where(a[href], button, input:not([type="hidden"]), select, textarea,
       [role="button"], [tabindex]:not([tabindex="-1"])):focus {
  outline: 3px solid var(--color-gray-hover)  !important;
  border-radius: inherit!important;
  outline-offset: 5px !important;
}

/* Für Sprungmarken (#hash) */
:target {
  outline: 2px solid var(--color-gray-hover); !important;
  outline-offset: 2px !important;
  border-radius: inherit;
}



/* Layout */


/* Desktop */

@media only screen (min-width: 981px) and (max-width: 1050px) { 

/* Zeilenbreite */
  .et_pb_row {
    max-width: 900px!important;
  }

}

/* Header Navigation */

.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before, 
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button, 
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__close-search-button, 
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button {
  color: var(--color-gray)!important;
}

.et_pb_menu_0_tb_header li.current-menu-item a::after {

  @media (min-width: 981px) {
  content:'';
  display: block;
  opacity: 1;
  position: absolute;
  background-color: var(--color-black);
  width: 100%;
  height: 2px;
  bottom: -18px;
  }
}

.et_pb_menu_0_tb_header ul#menu-geschaeftskunden {
  justify-content: space-between!important;
  
  @media (min-width: 981px) {
    width: 57vw!important;
  }
}

@media (max-width: 980px) {
    .et_pb_image_0_tb_header.et_pb_module.adac-dlc-logo {
        margin-right: auto !important;
    }
}

.et_pb_menu_0_tb_header li.menu-phone-button a {
  content: ''!important;
  font-size: 0!important;
  background-image: url('../divi-child/img/phone.svg');
  background-size: 18px;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  position: relative;
  top:;
  overflow: hidden;

  @media (max-width: 980px) {
    display: none!important;
  }
}

a.et_pb_button.menu-phone-button-mobile  {
    @media (max-width: 980px) {
        content: ''!important;
        font-size: 0!important;
        background-image: url('../divi-child/img/phone.svg');
        background-size: 18px;
        background-repeat: no-repeat;
        width: 18px;
        height: 18px;
        position: relative;
        top:4px;
        overflow: hidden;
        margin-right: 1.5rem;
    }
    @media (max-width: 768px) {
      top:12px;
      margin-right: .5rem;
      margin-left: 1rem;
    }

}


/* Dropdown Menu Tablet und Smartphone */

@media (max-width: 980px) {
    ul.et_mobile_menu { 
      width: 100vw;
      padding: 0!important;
      top: 46px!important; /* 48px  */
      border: 0;
      left: auto;
      right: 0;
  }

  .mobile_nav.opened .mobile_menu_bar::before, 
  .mobile_nav.closed .mobile_menu_bar::before {
    content:'';
    background-repeat: no-repeat;
    background-size: 80px 28px;
    width: 80px;
    height: 28px;
    display: block;
    top: -2px;
    margin-right: 2rem;
  }

    .mobile_nav.closed .mobile_menu_bar::before {
    background-image: url('../divi-child/img/burger-menu-tablet-open.svg');
  }

      .mobile_nav.opened .mobile_menu_bar::before {
    background-image: url('../divi-child/img/burger-menu-tablet-close.svg');
  }

}

@media (max-width: 767px) {

  ul.et_mobile_menu { 
    width: 100vw;
    padding: 0!important;
  }

  .mobile_nav.opened .mobile_menu_bar::before, 
  .mobile_nav.closed .mobile_menu_bar::before {
    content:'';
    background-repeat: no-repeat;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
    display: block;
    top: -1px;
    margin-right: 1rem;
  }

  .mobile_nav.closed .mobile_menu_bar::before {
    background-image: url('../divi-child/img/burger-menu-mobile-open.svg');
  }

  .mobile_nav.opened .mobile_menu_bar::before {
    background-image: url('../divi-child/img/burger-menu-mobile-close.svg');
  }

}


ul.et_mobile_menu li a {
  padding: 1rem 0!important;
  color: var(--color-black)!important;
  margin: 0 3rem;
  border-bottom: 1px solid var(--color-gray-bright);

}

ul.et_mobile_menu li a::after {
  content: '';
  background-image: url('');
  background-repeat: no-repeat;
  background-size: 40px 40px;
  width: 40px;
  height: 40px;
  display: inline;

} 

ul.et_mobile_menu li:last-of-type a {
  border-bottom: 0!important;
}

.et_mobile_menu li a:hover, .nav ul li a:hover {
  background-color: transparent!important;
}


/* Footer */

@media (max-width: 980px) {


  .menu-footer-geschaeftskunden.et_pb_menu .et_pb_menu__menu,
  .menu-footer-bewerber.et_pb_menu .et_pb_menu__menu {
      display: block!important;
      margin: 1rem auto;
      padding: 1rem 1rem 0 1rem;
      border-top: 1px solid rgba(255, 255, 255, .1);
    }
  .menu-footer-geschaeftskunden.et_pb_menu .et_mobile_nav_menu,
  .menu-footer-bewerber.et_pb_menu .et_mobile_nav_menu {
      display: none!important;
    }
 
}




/* Bühnen-Modul */


  @media (max-width: 479px) {
    .et_pb_gutters1 .buehne .et_pb_column.text-column, 
    .et_pb_gutters1.et_pb_row .et_pb_column.text-column {
        margin: 0 auto !important;
    }
}

.buehnen-modul {

  h1 {
    font-family: var(--font-h1-slab);
    font-size: 48px;
    line-height: 56px;

    @media (max-width: 767px) {
      font-size: 28px;
      line-height: 32px;
    }
  }
  
  p {
    font-family: var(--font-copy1);
    font-weight: var(--font-copy1-weight);
    font-size: var(--font-copy1-size);
    line-height: var(--font-copy1-line-height);
    color: var( --font-copy1-color);
    margin-bottom: 1rem;
    @media (max-width: 768px) {
          font-size: 16px;
          line-height: 24px;
        }
  }
  
  ul {
    font-family: var(--font-copy2);
    font-weight: var(--font-copy2-weight);
    font-size: var(--font-copy2-size);
    line-height: var(--font-copy2-line-height);
    color: var( --font-copy2-color);
    list-style-type: none;
    padding-left: 0;
  }
  
  li {
    margin-bottom: 12px;
    padding-left: 2rem;
  }

  li::before {
    content: ''; 
    background-image: url('../divi-child/img/bullet.svg');
    background-size: 24px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
  }

}

a.et_pb_button  {
    font-weight: 700!important;
  }

.key-argument {


    h2 {
      font-family: var(--font-h1-slab);
      font-size: 32px;
      line-height: 36px;
      @media (max-width: 767px) {
        font-size: 22px;
        line-height: 24px;
      }
    }
   
    p {
    font-family: var(--font-copy1);
    font-size: var(--font-copy1-size);
    line-height: var(--font-copy1-line-height);
    color: var( --font-copy1-color);
    margin-bottom: 1rem;
    @media (max-width: 768px) {
      font-size: 16px;
      line-height: 24px;
    }
  }
}

.key-argument.et_pb_row {
        @media (min-width: 981px) /*and (max-width: 1280px)*/ {
          width: 60%!important;
  }
}

.row-h2-services {
  h2 {
    font-family: var(--font-h1-slab);
    font-size: 48px;
    line-height: 56px;

    @media (max-width: 767px) {
      font-size: 28px;
      line-height: 32px;
    }
  }
}


.h3-row h3 {
  margin: 1rem 0!important;
  @media (max-width: 767px) {
      display: flex!important;
      justify-content: center!important;
  }
}

.kategorie-3-teaser h3 {
    @media (max-width: 767px) {
      display: block!important;
      
  }
}

.kategorie-3-teaser h3::before {
      @media (max-width: 767px) {
        width: 2px!important;
        height: 32px!important;
        display: block!important;
        float: left!important;
        position: relative !important;
        top: -4px !important;
        left: -3px !important;
  }
}

.h3-row,
.kategorie-3-teaser {

  h3 {
    font-family: var(--font-h3-slab)!important;
    margin: 1rem 0 1rem -28px;
    font-size: var(--font-h3-size)!important;
    line-height: var(--font-h3-line-height)!important;
    
    @media (max-width: 980px) {
      margin: 1rem 0 1rem -1rem;
      padding-left: 19px;
      text-indent: -3px;
    }

    @media (max-width: 767px) {
      font-size: 22px!important;
      line-height: 24px!important;
    }

  }

.h3-row, 
.kategorie-3-teaser {

  h3::before {
    content: '';
    background-color: var(--color-yellow);
    background-size: 4px 40px;
    width:4px;
    height:40px;
    display: inline-block;
    margin-right: 26px;
    position: relative;
    top: 8px;

    @media (max-width: 980px) {
      margin-right: 0rem;
      background-size: 2px 32px;
      top: 12px;
      transform: translateX(-1rem);
    }
  }

  .et_pb_toggle .et_pb_toggle_title:before {
    right: auto!important;
    left: -26px!important;
    @media (max-width: 980px) {
      left: -1rem!important;
    }
  }

}


.h3-row { /* Vorteilswelt-Teaser für Azubi-Blog */

   h3 {
    font-family: var(--font-h3-slab)!important;
    font-size: var(--font-h3-size)!important;
    line-height: var(--font-h3-line-height)!important;
   
    @media (max-width: 980px) {
      padding-left: 19px;
      text-indent: -3px;
      font-size: 22px!important;
      line-height: 24px!important;
      }

    @media (max-width: 767px) {
      font-size: 22px!important;
      line-height: 24px!important;
      }

    }
  

    @media (max-width: 767px) {
      font-size: 22px!important;
      line-height: 24px!important
      text-align: center!important;
      padding-left: 0!important;

    }

}


  h3::before {
    content: '';
    background-color: var(--color-yellow);
    background-size: 4px 40px;
    width:4px;
    height:40px;
    display: inline-block;
    margin-right: 26px;
    position: relative;
    top: 8px;

    @media (max-width: 980px) {
      margin-right: 0rem;
      background-size: 2px 32px;
      top: 12px;
      transform: translateX(-1rem);
    }

    @media (max-width: 767px) {
      width:32px;
      height:2px;
      display: flex;
      margin: 0 auto!important;
      top: auto;
      bottom: 0;
      position: absolute;
      align-self: center!important;
      clear: both;
      float: none;

    }
  }
}


/* Custom Gallery / Image Slider */

/* Wrapper */
.custom-slider-wrapper {
    max-width: 900px;
    margin: auto;
    position: relative;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 0 0 16px 16px;
    padding-bottom: 10px;
}

/* Slides */
.custom-slide {
    display: none;
}
.custom-slide img {
    width: 100%;
    display: block;
    border-radius: 0;
}

/* Pfeilnavigation */
.custom-slider-arrow {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    background: transparent;
    color: transparent;
    border: none;
    padding: 10px 14px;
    font-size: 22px;
    cursor: pointer;
    border-radius: 50%;
}

.custom-next,
.custom-prev { 
  left: 10px;
  content: '';
  background-image: url('../divi-child/img/gallery-arrow.svg');
  background-size: 40px;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  position: absolute;
  display: block;
  opacity: 1;

}

.custom-prev {
  transform: rotate(180deg);
  top: 37%;
  @media (max-width: 767px) {
  top: 55vw;
  left: 20vw;
  }
  @media (max-width: 720px) {
  top: 56vw;
  }
  @media (max-width: 670px) {
  top: 57vw;
  }
  @media (max-width: 620px) {
  top: 58vw;
  }
  @media (max-width: 570px) {
  top: 59vw;
  }
  @media (max-width: 520px) {
  top: 60vw;
  }
  @media (max-width: 470px) {
  top: 62.8vw;
  }
  @media (max-width: 420px) {
  top: 65.8vw;
  }
  @media (max-width: 370px) {
  top: 65.5vw;
  }
  @media (max-width: 320px) {
  top: 64.5vw;
  }
}

.custom-next { 
  right: 10px;
  left: auto; 
  @media (max-width: 767px) {
  top: 57.7vw;
  right: 20vw;
  }
  @media (max-width: 720px) {
  top: 58.7vw;
  }
  @media (max-width: 670px) {
  top: 59.7vw;
  }
  @media (max-width: 620px) {
  top: 60.7vw;
  }
  @media (max-width: 570px) {
  top: 62.3vw;
  }
  @media (max-width: 520px) {
  top: 63.8vw;
  }
  @media (max-width: 470px) {
  top: 67vw;
  }
  @media (max-width: 420px) {
  top: 70.8vw;
  }
  @media (max-width: 370px) {
  top: 70.8vw;
  }
  @media (max-width: 320px) {
  top: 70.3vw;
  }

}

/* Thumbnail-Navigation */
.custom-slider-thumbs {
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
    margin-top: 1rem;
    flex-wrap: wrap;
    margin-left: 1rem;

    @media (max-width: 767px) {
      display: block;
      overflow: hidden;
      height: 64px;
      gap: 8px;
      margin-top: 8px;
      margin-left: 8px;

    }
}

.custom-thumb {
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.3s;
}
.custom-thumb img {
    width: 85px;
    height: auto;
    border-radius: 0;
    aspect-ratio: 1.5 / 1;
    object-fit: cover;
    @media (max-width: 767px) {
      width: 90px;
    }
}
.custom-thumb.active {
    opacity: 1;
}

/* Bildunterschrift */
.custom-slider-caption {
    text-align: left;
    font-size: 14px!important;
    line-height: 20px!important;
    margin: 1rem;
}
.custom-caption-counter {
    font-weight: bold;
    margin-right: 6px;
    @media (max-width: 767px) {
      display: block;
      margin: 0 auto;
      text-align: center;
    }
}

.custom-caption-text {
  @media (max-width: 767px) {
    margin-top: 1.5rem;
    display: block;
  }
}



/* Accordion */

.accordeon {
  .et_pb_toggle,
  .et_pb_accordion {
    border: 0!important;
  }

  .et_pb_module.et_pb_accordion_item {
    margin-bottom: 0!important;
    padding: 10px 0 0 0;
  }

  .et_pb_toggle_title, 
  h5.et_pb_toggle_title  {

    font-family: var(--font-copy1);
    font-size: var(--font-copy1-size); 
    line-height: var(--font-copy1-line-height);
    font-weight: var(--font-copy1-weight);
    color: var(--font-copy1-color);
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);

  }

  .et_pb_toggle_title::before, 
  h5.et_pb_toggle_title::before,
  .et_pb_toggle_open .et_pb_toggle_title::before, 
  .et_pb_toggle_open h5.et_pb_toggle_title::before {
    content: '';
    background-image: url('../divi-child/img/accordion-arrow.svg');
    background-size: 12px;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    opacity: 1;
    width: 12px;
    height: 12px;
    float: right;
    top: 1rem;   
  }

    .et_pb_toggle_title::before, 
  h5.et_pb_toggle_title::before  {
      transform: rotate(180deg);

  }
  
  .et_pb_toggle_open .et_pb_toggle_title::before, 
  .et_pb_toggle_open h5.et_pb_toggle_title::before {
      transform: rotate(0deg)!important;
  }

  .et_pb_toggle_open .et_pb_toggle_title, 
  .et_pb_toggle_open h5.et_pb_toggle_title {
    font-family: var(--font-copy1);
    font-size: var(--font-copy1-size); 
    line-height: var(--font-copy1-line-height);
    font-weight: var(--font-copy1-weight);
    color: var(--font-copy1-color);
    border-bottom: 0!important;

  }

}

  .et_pb_accordion_0.et_pb_accordion.accordeon .et_pb_toggle_content {
    font-family: var(--font-copy2);
    font-size: var(--font-copy2-size); 
    line-height: 24px;
    font-weight: var(--font-copy2-weight);
    color: var(--font-copy2-color);
    padding-bottom: 1rem;
    padding-top: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
  }

  /* Teaser  */

  .teaser {
   
    h5 { /* Caption */
      font-size: 14px;
      color: var(--color-gray);
    }

    @media (max-width: 980px) {

      .et_pb_image {
        margin: 2rem 0 1rem 0!important;
      }
    }

}

@media (max-width: 479px) {
  .et_pb_gutters1 .teaser.et_pb_column {
    margin-bottom: 2rem!important;
  }
}


 /* Azubi-Blog-Teaser / News-Teaser */

.blog-teaser { 

  h4.entry-title {
    font-size: var(--font-copy2-size);
    line-height: var(--font-copy2-line-height);
    font-weight: var(--font-copy1-weight);
    color: var(--font-copy2-color);
    padding-bottom: 0;

  }

  p.post-meta {
    font-size: var(--font-copy2-size);
    line-height: var(--font-copy2-line-height);
    font-weight: var(--font-copy2-weight);
    color: var(--font-copy2-color);
  }


  .et_pb_blog_grid .et_pb_post {
    border-radius: 0 0 8px 8px;

    @media (min-width: 768px) and (max-width: 980px){
      min-height: 370px;
    }
    @media (min-width: 981px) and (max-width: 1360px){
      min-height: 340px;
    }
    @media (min-width: 1361px){
      min-height: 380px;
    }
  }

  @media (max-width: 767px) {
    .et_pb_blog_grid .column {
      display: block;
    }
  }

  @media (max-width: 980px) {
    .et_pb_blog_grid .column {
      width: 100%;
    }
    .et_pb_blog_grid .et_pb_post {
      margin-bottom: 2rem!important;
    }
  }

  @media (min-width: 767px) and (max-width: 980px) {
    .et_pb_blog_grid article.et_pb_post {
      margin-right: 1rem!important;
    }
  }
}

/* Icons */

@media (min-width: 981px) {
    .et_pb_gutters2 .row-3col-icons .et_pb_column_1_3, 
    .et_pb_gutters2.et_pb_row.row-3col-icons .et_pb_column_1_3 {
        width: 31.3333%!important;
    }
        .et_pb_gutters2.row-3col-icons .et_pb_column, 
        .et_pb_gutters2.et_pb_row.row-3col-icons .et_pb_column {
        margin-right: 1.5%!important;
    }
}


.row-3col-icons {

}

/* Newsblog */


.news-blog.et_pb_row {
        @media (min-width: 981px) /*and (max-width: 1280px)*/ {
          width: 66%!important;
  }
}



.news-blog-teaser {

  margin-top: 1rem;

  .et_pb_post {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 195px;
    justify-content: center;
    margin-bottom: 1rem!important;
    
    @media (max-width: 768px) {
      height: fit-content;
      margin-bottom: 3rem!important;
    }
  }
 
 .entry-featured-image-url {
    margin-bottom: 0!important;
 }

 a.entry-featured-image-url {
    max-width: 30%!important;
    order: -2;
    display: inline-block;
    margin-right: 3%;

    @media (max-width: 768px) {
      width: 100%!important;
      max-width: none!important;
      margin-right: auto!important;
      margin-left: 0!important;
      display: block;
    }
  }

  .entry-featured-image-url img {
    height: 195px;
    object-fit: cover; /* contain */
        @media (max-width: 768px) {
          height: 95px;
          margin-bottom: 1rem!important;
          display: block;
          max-width: max-content;
        }
  }
  
  .entry-title, 
  .post-content,
  .post-content p,
  a.more-link  {
    max-width: 66%!important;

    @media (max-width: 768px) {
      width: 100%!important;
      max-width: 100%!important;
    }
  }

  .entry-title {
    font-size: 20px!important;
    line-height: 28px;
    font-family: var(--font-copy1)!important; 
    padding-bottom: 0!important;   
  }

  .post-meta {
    order: -1;
    font-size: 14px;
    line-height: 20px;
    max-height: fit-content ;
    max-width: fit-content;

  }

  .post-content {
    display: inline;

  }


  .post-content p {
    margin-bottom: 0!important;
  }

  .post-content-inner {
    display: inline!important;
    float: none!important;
    clear: none!important;

  }

  .post-content-inner p {
    font-size: 16px!important;
    
    display: inline!important;
    float: none!important;
    clear: none!important;
    color: rgba(0, 0, 0, .6)!important;

  }


  a.more-link {
    font-size: 16px!important;
    line-height: 20px!important;
    display: inline!important;
    margin-left: .3rem;
    float: none!important;
    clear: none!important;
    color: var(--color-black)!important;
    
  }

  a.more-link::after {
    content: '';
    background-image: url('../divi-child/img/arrow-to-right-read-more.svg');
    background-size: 6px 9px;
    background-repeat: no-repeat;
    width: 6px;
    height: 9px;
    display: inline-block;
    opacity: 1;
    margin-left: 1rem;
    position: relative;
  }
}

/* Text-Bild-Modul */

.text-bild-modul {

  h3, h4, li {
  margin-bottom: 1rem;
  }

  ul {
    list-style-type: none;
  }

  li {
    margin-left: 10px;
  }

  li::before {
    content: ''; 
    background-image: url('../divi-child/img/li-check.svg');
    background-size: 1rem;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    width: 1rem;
    height: 1rem;
    transform: translateY(8px);
  }
}

/* Meilensteine */

.et_pb_text.text-align-left {
  margin-left: 2rem;

      @media (max-width: 767px) {
        margin-left: 0!important;
      }

    h2 {
      margin-left: -2rem;
      padding-left: 28px;
      text-indent: -28px;

      @media (max-width: 980px) {
        margin-left: -10px;
      }      

      @media (max-width: 767px) {
        margin-left: 0!important;
        text-align: center!important;
        margin-bottom: 2rem;
        padding-left: 0px;
      text-indent: 0px;
      }

    }

    h2::before {
        content: '';
        background-color: var(--color-yellow);
        background-size: 4px 40px;
        width:4px;
        height:40px;
        display: inline-block;
        margin-right: 26px;
        position: relative;
        top: 8px;

        @media (max-width: 980px) {
          margin-right: 0rem;
          background-size: 2px 32px;
          top: 12px;
          transform: translateX(-1rem);
        }

        @media (max-width: 767px) {
          width:32px;
          height:2px;
          display: inline;
          background-color: var(--color-yellow);
          background-size: 32px 2px;
          background-position: center;
          margin: 0 auto!important;
          top: 4rem;
          bottom: auto;
          position: absolute;
          align-self: center!important;
          clear: both;
          float: none;
          text-align: center;
          left: 50%;
          right: auto;
        }

        @media (max-width: 400px) {
          top: 4rem;
        }
    }
}

.meilensteine {

  h4 {
    font-size: 14px!important;
    color: rgba(0, 0, 0, .6)!important;
    font-weight: 400!important;
  }

}

/* Kontaktformular CF7 */

.wpcf7-row {
  width: 100%;
  display: block;
  float: left;
}

  .wpcf7-col-left, .wpcf7-col-right {
    width: 48.5%;
    float: left;
    @media (max-width: 980px) {
      width: 100%;
    }

  }

  .wpcf7-col-left {
    margin-right: 3%;
    @media (max-width: 980px) {
      margin-right: 0;
    }
  }

  .wpcf7-col-full-width {
    width: 100%;
  }


.wpcf7 input.text, 
.wpcf7 input.title, 
.wpcf7 input[type=date], 
.wpcf7 input[type=email], 
.wpcf7 input[type=number], 
.wpcf7 input[type=password], 
.wpcf7 input[type=tel], 
.wpcf7 input[type=text], 
.wpcf7 input[type=url], 
.wpcf7 select, 
.wpcf7 textarea {
  font-size: 18px!important;
  line-height: 24px!important;
  color: var(--color-black)!important;
  border: 0!important;
  width: 100%;
  background-color: transparent!important;
}

.wpcf7 label {
    color: rgba(0, 0, 0, .6) !important;
    font-size: 14px!important;
    line-height: 20px!important;
    background-color: transparent!important;
}

.wpcf7 .input-border {
    border: 1px solid #191919; 
    border-radius: 4px;
    margin-bottom: 1rem;
    padding: 10px;
}

/* Displays titles above the fields */
.et_pb_contact_form_label {
    display: block;
}
 
/* Hides placeholder text */
.et_pb_contact_form_container .input::placeholder {

}
 
/* Hides duplicate titles on checkboxes and radios */
.et_pb_contact_field_options_title {
    display: none;
}
 
 
/* Remove title above dropdown */
.et_pb_contact_field[data-type=select] .et_pb_contact_form_label {
    display: none;
}



.wpcf7 .wpcf7-form-control.dropdown.wpcf7-select  {

}

.wpcf7 textarea::placeholder,
.wpcf7 input[type="text"]::placeholder,
.wpcf7 input[type="email"]::placeholder,
.wpcf7 input[type="number"]::placeholder,
.wpcf7 input[type="tel"]::placeholder {

}

/* Datei hochladen */

.wpcf7 input[type="file"] {
    cursor: pointer;

  }

/* Zustimmungs Checkbox */

.wpcf7-list-item {
  padding-left: 1rem;
  margin-bottom: 2rem;

}

.wpcf7-list-item-label::before {
  display: inline-block;
  width: 10px;
}

.wpcf7-list-item-label {
  font-size: 18px!important;
  line-height: 24px!important;
  color: var(--color-black)!important;
}

input[type=checkbox] {
    -webkit-appearance: checkbox;
    margin-left: -30px!important;
    width:18px!important;
    height: 18px!important;
    border-color: rgba(0, 0, 0, .6)!important;
    border-width: 2px!important;
    position: relative;
    top: 4px;


}
/* Fehlermeldung */

.wpcf7-not-valid-tip {

}


/* Bewerbung senden Button */

  .et_button_icon_visible .wpcf7-submit.et_pb_button, 
  .et_button_icon_visible .wpcf7-submit.et_pb_button:hover, 
  .et_button_icon_visible .wpcf7-submit.et_pb_button:focus, 
  .et_button_icon_visible .wpcf7-submit.et_pb_button:focus-visible  {

  } 


 body .et_pb_button {

  }

  .wpcf7-submit.et_pb_button:after {
    
  }


.et_button_custom_icon .wpcf7-submit.et_pb_button:hover::after, 
.et_button_custom_icon .wpcf7-submit.et_pb_button:focus::after, 
.et_button_custom_icon .wpcf7-submit.et_pb_button:focus-visible::after {

}


.et_pb_button.wpcf7-submit.submit-button {
  font-weight: 700!important;
  font-family: var(--font-copy1)!important;
  padding-left: 24px!important;
  padding-right: 24px!important;
}

.wpcf7-submit.et_pb_button:hover, 
.et_pb_module .wpcf7-submit.et_pb_button:hover,
.wpcf7-submit.et_pb_button:focus, 
.et_pb_module .wpcf7-submit.et_pb_button:focus,
.wpcf7-submit.et_pb_button:focus-visible, 
.et_pb_module .wpcf7-submit.et_pb_button:focus-visible {
  
  }

/* fussnote Formular */

.fussnote-formular {

  p { 
    color: rgba(0, 0, 0, .6) !important;
    font-size: 14px!important;
    line-height: 20px!important;
    margin-bottom: 1rem;
  }
  

}

/* H1 Blog und News */

.et_pb_post .entry-content .et_pb_row_0 .et_pb_module.et_pb_text_0 div.et_pb_text_inner {
  font-family: var(--font-copy1)!important;
  font-weight: 700!important;
  font-size: 48px!important;
  line-height: 56px!important;    

    
  @media (max-width: 768px) {
  font-size: 28px!important;
  line-height: 32px!important;
  }

}


/* Blog Liste und Bold */

.et_pb_post .entry-content .et_pb_module.et_pb_text strong {
  font-weight: 700!important;
  font-family: 'ADAC Sans Bold', Helvetica, Arial, sans!important;
}

.et_pb_post .entry-content .et_pb_module.et_pb_text p { 
  font-size: 20px;
  line-height: 32px;

  @media (max-width: 768px) {
    font-size: 16px;
    line-height: 20.8px;
  }
}

.et_pb_post .entry-content .et_pb_module.et_pb_text ul {
    font-size: 20px;
    line-height: 32px!important;
    
    @media (max-width: 768px) {
    font-size: 16px;
    line-height: 20.8px!important;
    color: var(--color-black);
  }
}

.et_pb_post .entry-content .et_pb_module.et_pb_text ul li {
  padding-bottom: 1rem;
}


/* Blog-Modul Pagination */

.et_pb_ajax_pagination_container a {
  text-decoration: none!important;


}

.news-blog-teaser .pagination > .alignleft a:before,
.et_pb_blog_grid .pagination > .alignleft a:before {
    content: 'Ältere Beiträge';
    visibility: visible;
    padding-right: 20px;
    background-image: url('../divi-child/img/arrow-to-right-read-more.svg');
    background-size: 6px 9px;
    background-position-x: right;
    background-position-y: 7px;
    background-repeat: no-repeat;
    opacity: 1;
    width: 115px;
    display: block;
    transform: translateX(-155px);
}

.news-blog-teaser .pagination > .alignleft,
.et_pb_blog_grid .pagination > .alignleft {
    float: right;
}

.news-blog-teaser .pagination > .alignright, 
.et_pb_blog_grid .pagination > .alignright {
    float: left;
}

.news-blog-teaser .pagination > .alignleft a,
.et_pb_blog_grid .pagination > .alignleft a {
    visibility: collapse;
    width: 0;
    display: block;
}

.news-blog-teaser .pagination > .alignright a,
.et_pb_blog_grid .pagination > .alignright a {
    visibility: collapse;
    width: 0;
    display: block;
}

.news-blog-teaser .pagination > .alignright a:before,
.et_pb_blog_grid .pagination > .alignright a:before {
    content: 'Neuere Beiträge';
    visibility: visible;
    padding-left: 20px;
    background-image: url('../divi-child/img/arrow-to-left.svg');
    background-size: 6px 9px;
    background-position-x: left;
    background-position-y: 7px;
    background-repeat: no-repeat;
    opacity: 1;
    width: 155px;
    display: block;
}

.news-blog-teaser .pagination > .alignright a 
.et_pb_blog_grid .pagination > .alignright a {
    visibility: collapse;

}