/*======================================
Theme Name: wakd      
Description: Child-Theme für wakd
Version: 1.0
Author: krähativ design gmbh
Author URI: https://www.kraehativ.de/
Template: Divi
======================================*/



/* FONTS – Start */

@import url('./css/all.min.css'); /* FontAwesome */

/* open-sans-300 - latin */
@font-face {
  font-family: 'open-sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('webfonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/open-sans-v34-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'open-sans';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('webfonts/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/open-sans-v34-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'open-sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('webfonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'open-sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('webfonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/open-sans-v34-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'open-sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('webfonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/open-sans-v34-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'open-sans';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('webfonts/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/open-sans-v34-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'open-sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('webfonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/open-sans-v34-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'open-sans';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('webfonts/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/open-sans-v34-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'open-sans';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('webfonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/open-sans-v34-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-800italic - latin */
@font-face {
  font-family: 'open-sans';
  font-style: italic;
  font-weight: 800;
  src: local(''),
       url('webfonts/open-sans-v34-latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/open-sans-v34-latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* FONTS – End */


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


/* CUSTOMIZE-AREA – Start */

  /* COLORS & TYPO – Start */

  :root {
    --primaerfarbe: #e32a30;  /* <--- EINFÜGEN:  1. Gestaltungsfarbe  */
      --primaerfarbe-shadow: #a21f23;  /* <--- EINFÜGEN:  Schattenfarbe – 1. Gestaltungsfarbe  */
      --primaerfarbe-text-shadow: #a21f23;  /* <--- EINFÜGEN:  Text-Schattenfarbe – 1. Gestaltungsfarbe  */
    --sekundaerfarbe: #e32a30; /* <--- EINFÜGEN:  2. Gestaltungsfarbe  */
      --sekundaerfarbe-text-shadow: #a21f23;  /* <--- EINFÜGEN:  Text-Schattenfarbe – 1. Gestaltungsfarbe  */
    --tertiaerfarbe: #0083ca; /* <--- EINFÜGEN:  3. Gestaltungsfarbe  */
    --white: #ffffff;
    --black: #000000;
    --grey: #000;        /* <--- EINFÜGEN:  Grauwert bei Bedarf anpassen  */

    --headlines: normal normal 800 20px/1.5 open-sans; /* <--- EINFÜGEN:  Hauptschriftart für Überschriften ...  */
    --copytext: normal normal 400 16px/1.5 open-sans; /* <--- EINFÜGEN:  Schriftart für Copytext ...  */
  }

  body {
    font: var(--copytext);
    color: var(--grey);
    word-wrap: break-word;
  }


  h1, .h1,
  h2, .h2,
  h3, .h3,
  h4, .h4,
  h5, .h5,
  h6, .h6 {
    font: var(--headlines);
  }


  h1, .h1 {
    font-size: 2.8em !important;
    color: var(--grey);
    font-weight: 800;
    line-height: 1.0;
  } 

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

    h1,.h1 {
    font-size: 1.2em !important;
  }
  }

  h2, .h2 {
    font-size: 2.8em !important;
    color: var(--grey);
    font-weight: 800;
    line-height: 1.0;
    color: var(--grey);
  }

    #intro h2:nth-child(2) {
      color: var(--primaerfarbe);
    }

    .bg-primary h2 {
      color: var(--white);
    }

      h2:nth-child(2) {
        color: var(--sekundaerfarbe);
      } 

    .bg-secondary h2 {
      color: var(--white);
      text-shadow: 2px 2px 2px var(--sekundaerfarbe-text-shadow);
    }

      .bg-secondary h2:nth-child(2) {
        color: var(--grey);
        text-shadow: 2px 2px 2px var(--sekundaerfarbe-text-shadow);
      }

    .bg-tertiary h2 {
      color: var(--grey);
    }

      .bg-tertiary h2:nth-child(2) {
        color: var(--sekundaerfarbe);
      } 
  

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

        h2,.h2 {
        font-size: 1.5em !important;
      }
      }

      

  h3, .h3 {
    font-size: 2em !important;
    color: var(--grey);
    font-weight: 900;
    line-height: 1.2 !important;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 15px;
  }

    .bg-primary h3, .bg-secondary h3, .bg-black h3, .bg-grey h3 {
      color: var(--white) !important;
      text-shadow: 2px 2px 2px var(--primaerfarbe-text-shadow);
    }

    #topleistung h3 {
      font-size: 2.0em!important;
    }


    @media only screen and (max-width: 768px) {
      h3, .h3 {
        font-size: 1.5em !important;
      }
    }



  h4, .h4 {
    font-size: 1.3em !important;
    color: var(--grey);
    font-weight: 800;
  }

  .bg-primary h4, .bg-secondary .h4, .bg-black h4, .bg-grey h4  {
    color: var(--white) !important;
    font-weight: 900 !important;
    text-shadow: 2px 2px 2px var(--primaerfarbe-text-shadow);
    text-transform: uppercase;
  }

  h5, .h5 {
    font-size: 1.2em !important;
    color: var(--grey);
    font-weight: 800;
  }

  .bg-grey h5 {
    color: var(--white);
  }

  h6, .h6 {
    font-size: 1em !important;
    color: var(--grey);
    font-weight: 800;
  }

  a {
    color: var(--primaerfarbe);
    font-weight: 700;
    cursor: pointer !important;
  }

  p {
    line-height: 1.4 !important;
  }

    .bg-secondary p {
      color: var(--white);
    }

    /* .list-check {
      line-height: 1.4em!important;
    } */

    .p-list-check p {
    } 
      .p-list-check p::before {
        content: '\f00c' !important;
        font-family: "Font Awesome 6 Pro" !important;
        font-weight: 900;
        color: var(--white);
        margin-right: 10px;
      }


  .list-check li {
    margin-top: 5px;
    list-style: none;
  } 
    .list-check li::before {
      content: '\f00c' !important;
      font-family: "Font Awesome 6 Pro" !important;
      font-weight: 900;
      color: var(--sekundaerfarbe);
      margin-right: 10px;
    }    


  /* COLORS & TYPO – End */


  /* BUTTONS – Start */

  [id^="btn"] {
    border-radius: 5px !important;                                                 /* ALL BUTTONS – Corner-Styles */
    -webkit-box-shadow: 0px 5px 0px 0px #006ba5 !important;     /* ALL BUTTONS – Box-Shadow (Standard: 0px 5px 0px 0px var(--primaerfarbe-shadow);  )  */
    box-shadow: 0px 5px 0px 0px #006ba5 !important;             /* ALL BUTTONS – Box-Shadow (Standard: 0px 5px 0px 0px var(--primaerfarbe-shadow);  )  */
  }

  [id^="btn_cta_small-alt"] {
    border-radius: 5px !important;                                                 /* ALL BUTTONS – Corner-Styles */
    -webkit-box-shadow: 0px 5px 0px 0px #c52227 !important;     /* ALL BUTTONS – Box-Shadow (Standard: 0px 5px 0px 0px var(--primaerfarbe-shadow);  )  */
    box-shadow: 0px 5px 0px 0px #c52227 !important;             /* ALL BUTTONS – Box-Shadow (Standard: 0px 5px 0px 0px var(--primaerfarbe-shadow);  )  */
  }

  [id^="btn_default-alt"] {
    border-radius: 5px !important;                                                 /* ALL BUTTONS – Corner-Styles */
    -webkit-box-shadow: 0px 5px 0px 0px #c52227 !important;     /* ALL BUTTONS – Box-Shadow (Standard: 0px 5px 0px 0px var(--primaerfarbe-shadow);  )  */
    box-shadow: 0px 5px 0px 0px #c52227 !important;             /* ALL BUTTONS – Box-Shadow (Standard: 0px 5px 0px 0px var(--primaerfarbe-shadow);  )  */
  }


  
  /* BUTTONS – End */


  /* REFERENZEN - Start */

    .referenz-gallery .et_pb_gallery_grid .et_pb_gallery_image img,
    .referenz-featured-img img {
      border-radius: 15px;
    }

  /* REFERENZEN - End */


  /* LEISTUNGEN – Start */

  img.de_mach_gallery_image {
    border-radius: 15px !important;
  }

  .et_pb_de_mach_acf_slider .slick-dots li button {
    border-radius: 30%;
  }

  /* LEISTUNGEN – End */

  /* UNTERNEHMEN – Start */

  .team .et_pb_team_member {
    border-radius: 15px !important;
  }

  /* UNTERNEHMEN – End */

/* CUSTOMIZE-AREA – End */


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

/* BUTTONS – Start */

[id^="btn"] {
  color: var(--grey);           
  text-align: center;
  border: none !important;
  margin-right: 20px !important;
}

@media only screen and (max-width: 768px) {
  [id^="btn"] {
    font-size: 15px !important;
  }
}

[id^="btn"]:hover {
  background-color: var(--tertiaerfarbe) !important;
  border: none !important;
}


  #btn_cta {
    background-color: var(--primaerfarbe);
    width: 100%;
    font-weight: 600;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

 
    #btn_cta-alt {
      width: 100%;
      background-color: var(--white) !important;
      font-weight: 600;
      padding-top: 15px !important;
      padding-bottom: 15px !important;
    }

      #btn_cta-alt:hover {
        background-color: var(--primaerfarbe) !important;
      }
  

  #btn_cta_small {
    font-size: 15px !important;
    background-color: var(--primaerfarbe);
    font-weight: 600 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

    #btn_cta_small-alt {
      font-size: 15px;
      background-color: var(--white);
      font-weight: 600;
      padding: 8px 10px !important;
    }

  
  #btn_default {
    font-size: 15px;
    background-color: var(--primaerfarbe);
    font-weight: 600;
    padding: 8px 10px !important;
  }


    #btn_default-alt {
      font-size: 15px;
      background-color: var(--white);
      font-weight: 600;
      padding-top: 8px!important;
      padding-bottom: 8px!important;
    }

  
  .btn_cta_header {
    position: absolute !important;
    top: 50px !important;
    right: 120px !important;
  }
  

  [id^="textlink_btn"] {
    font-size: 15px;
    font-weight: 600;
    border: none;
    padding: 0 !important;
    margin-top: 4px !important; 
  }

    [id^="textlink_btn"]::after {
      content: '\f101' !important;
      font-family: "Font Awesome 6 Pro" !important;
      font-weight: 900!important;
      color: var(--sekundaerfarbe)!important;
      display: inline-block;
      scale: 0.8;
    }
  
    [id^="textlink_btn"]:hover {
      background-color: transparent !important;
      font-weight: 700;
      border: none !important;
    }

    [id^="textlink_btn"]:hover::after {
      margin-left: 10px !important;
      scale: 0.9;
    }
    
  #textlink_btn {
    color: var(--grey);
  }

  #textlink_btn-alt {
    color: var(--white);
  }

  [id^="btn"]:hover {
    background-color: var(--tertiaerfarbe) !important;
    border: none !important;
  }

/* BUTTONS STYLES – End */


/* BOXES STYLES – Start */

#box_fluid {
  border-radius: 20px;
  overflow: hidden;
}

  #box_fluid .et_pb_image_wrap {
    min-height: 516px;
    max-height: 565px;
  }

  @media only screen and (max-width: 980px) {
    #box_fluid .et_pb_image_wrap {
      min-height: 300px;
      max-height: 400px;
    }
  }

  .et_pb_gutters2 .et_pb_column.zwei-spaltig, 
  .et_pb_gutters2.et_pb_row .et_pb_column.zwei-spaltig {
    margin-right: 0 !important;
}

.et_pb_gutters2 .et_pb_column_2_3.zwei-spaltig
, .et_pb_gutters2.et_pb_row .et_pb_column_2_3.zwei-spaltig {
  width: 68.667%;
}

#box_grid .et_pb_image_wrap {
  min-height: 250px;
  max-height: 250px;
}

/* BOXES STYLES – End */

/* FOOTER – Start */

#cta_footer {
  transform: translateY(-80px);
}
#cta_footer p {
  margin-top: 13px;
}

  #cta_footer strong {
    font-weight: 700 !important;
  }

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

  }

/* FOOTER – End */


/* BACKGROUND STYLES – Start */

.bg-primary {
  background-color: var(--primaerfarbe)!important;
}

.bg-secondary {
  background-color: var(--sekundaerfarbe)!important;
}

.bg-tertiary {
  background-color: var(--tertiaerfarbe) !important;
}

.bg-black {
  background-color: var(--black)!important;
}

.bg-white {
  background-color: var(--white)!important;
}

.bg-grey {
  background-color: #000000 !important;
}

.bg-blue {
  background-color: var(--tertiaerfarbe);
}

/* BACKGROUND STYLES – End */

/* GENERAL STYLES – Start */

#simulate-bg {
  background-color: var(--primaerfarbe);
}

#main-content .et_pb_section:last-of-type {
  padding-bottom: 80px !important;
}
/*Fixe Logo-Hoehe fuer Firefox Browser - muss individuell angepasst werden*/
.et_pb_menu_0_tb_header .et_pb_menu_inner_container > .et_pb_menu__logo-wrap .et_pb_menu__logo img {
  height: 84px!important;
}

/* GENERAL STYLES – End */


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


/* MENU / NAV  – Start */

#main-menu li {
  margin-right: 20px !important;
}

  #main-menu li:last-of-type {
    margin-right: 0px !important;
  }



  @media only screen and (max-width: 981px) {
    
    #main-menu .et_pb_menu_inner_container {
      flex-direction: row;
      justify-content: space-between;
    }

    #main-menu .et_pb_menu__wrap {
      margin-top: 20px !important;
      background-color: var(--primaerfarbe);
      color: var(--white);
      width: 25%;
      border-radius: 5px;
      
    }

    #main-menu .et_pb_menu__logo-wrap {
      width: 50% !important;
      margin-right: 50px;
    }

    #main-menu .mobile_nav.opened .mobile_menu_bar {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }

    #main-menu .et_mobile_nav_menu {
      display: block;
      margin: 5px auto;
    }

    #main-menu .mobile_menu_bar:before {
      color: var(--white);
    }

    #main-menu ul#mobile_menu1 {
      background-color: var(--primaerfarbe)!important;
      border-top: none;
      margin-top: 15px;
      border-radius: 5px;
    }


      #main-menu ul#mobile_menu1 li a {
        color: var(--white) !important;
        border-bottom: 1px solid var(--tertiaerfarbe);
        font-weight: 500;
        padding-top: 20px;
        padding-bottom: 20px;
      }

      #main-menu ul#mobile_menu1 li a:active {
        font-weight: 600;
      }

      #main-menu ul#mobile_menu1 li:last-of-type a {
        border-bottom: none;
      }

  }

  @media only screen and (max-width: 768px) {
    
    #main-menu .et_pb_menu_inner_container {
      flex-direction: row;
      justify-content: space-between;
    }

    #main-menu .et_pb_menu__wrap {
      margin-top: 20px !important;
      background-color: var(--primaerfarbe);
      color: var(--white);
      width: 25%;
      border-radius: 5px;
      
    }

    #main-menu .et_pb_menu__logo-wrap {
      width: 50% !important;
      margin-right: 50px;
    }

    #main-menu .mobile_nav.opened .mobile_menu_bar {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }

    #main-menu .et_mobile_nav_menu {
      display: block;
      margin: 5px auto;
    }

    #main-menu .mobile_menu_bar:before {
      color: var(--white);
    }

    #main-menu ul#mobile_menu1 {
      background-color: var(--primaerfarbe)!important;
      border-top: none;
      margin-top: 15px;
      border-radius: 5px;
    }


      #main-menu ul#mobile_menu1 li a {
        color: var(--white) !important;
        border-bottom: 1px solid var(--tertiaerfarbe);
        font-weight: 500;
        padding-top: 20px;
        padding-bottom: 20px;
      }

      #main-menu ul#mobile_menu1 li a:active {
        font-weight: 600;
      }

      #main-menu ul#mobile_menu1 li:last-of-type a {
        border-bottom: none;
      }

  }

#mobile_menu2 { /* reset footer menu styles, show inline, show icon between menu items, disable footer menu collapse */
	display: inline-flex;
	box-shadow: none;
	display: block;
	padding: 0;
	border: 0;
	gap: 20px;
}
	#menu-rechtliches>li,
	#menu-rechtliches>li>a,
	#mobile_menu2>li,
	#mobile_menu2>li>a {
		display: inline-flex;
		padding: 0;
		border: 0;
	}
	#menu-rechtliches>li>a:hover,
	#mobile_menu2>li>a:hover {
		background-color: unset !important;
	}
	#menu-rechtliches>li:not(:last-of-type)>a::after,
	#mobile_menu2>li:not(:last-of-type)>a::after {
		padding: 0 10px;
		content: "·";
	}
	.footer-menu-wrapper .mobile_menu_bar {
		display: none;
	}
	#menu-rechtliches {
		margin: 0 !important;
	}


  .single-leistungen li.menu-item-382 a {
    color: var(--primaerfarbe)  !important;
    font-weight: 600 !important;
  }

  .single-referenzen li.menu-item-381 a {
    color: var(--primaerfarbe)  !important;
    font-weight: 600 !important;
  }

/* MENU / NAV  – End */


/* ICONS – Start */

[id^="icons_vorteile"] .et-pb-icon {
  color: var(--sekundaerfarbe) !important;
}

@media only screen and (max-width: 768px) {
  [id^="icons_vorteile"] .et-pb-icon {
    font-size: 50px;
    margin-top: 20px;
    margin-bottom: 0px;
  }
}



/* ICONS – Start */

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


/* TESTIMONIAL – Start */



.fünf-sterne {
  content: url(/wp-content/uploads/2022/08/5-sterne.svg);
  width: auto;
  height: 40px;
}

 .bewertung_detail-page .fünf-sterne::before {
    content: "5";
    font: var(--headlines);
    font-size: 80px;
    color: var(--sekundaerfarbe);
    display: block;
  }

.vier-sterne {
  content: url(/wp-content/uploads/2022/08/4-sterne.svg);
  width: auto;
  height: 40px;
}

  .bewertung_detail-page p.vier-sterne::before {
    content: "5";
    font: var(--headlines);
    font-size: 80px;
    color: var(--sekundaerfarbe);
    display: block;
  }

.drei-sterne {
  content: url(/wp-content/uploads/2022/08/3-sterne.svg);
  width: auto;
  height: 40px;
}

.zwei-sterne {
  content: url(/wp-content/uploads/2022/08/2-sterne.svg);
  width: auto;
  height: 40px;
}

.ein-stern {
  content: url(/wp-content/uploads/2022/08/1-stern.svg);
  width: auto;
  height: 40px;
}

.referenz-card {
  background-color: var(--white) !important;
}

.referenz-card:hover {
  -webkit-box-shadow: 3px 6px 15px 1px rgba(0,0,0,0.28); 
  box-shadow: 3px 6px 15px 1px rgba(0,0,0,0.28);
}

.referenz-card h4 {
  color: var(--black);
  text-shadow: var(--primaerfarbe-text-shadow);
  text-transform: uppercase;
  font-weight: 900;
  font-size: 20px !important;
}

.referenz-card p {
  color: var(--black);
}


.referenz-rating {
  margin: 0 auto !important;
  transform: translate(0%, -30px);
}

.referenz-gallery .et_pb_gallery_grid .et_pb_gallery_image,
.referenz-featured-img {
  padding: 10px !important;
}

.referenz-gallery .et_pb_gallery_grid .et_pb_gallery_image:hover .et_overlay {
  border: none;
  padding: 10px;
}






/* TESTIMONIAL – End */




/* SONSTIGES – Start */

.home-counter .percent-value {
  color: var(--sekundaerfarbe);
  font-weight: 700;
  font-size: 0.9em;
}

.home-counter .et_pb_number_counter h5.title {
  font-weight: 600 !important;
}

.counter_big .percent-value {
  color: var(--white);
  font-weight: 800;
  font-size: 1.5em;
  /* text-shadow: 2px 2px 2px var(--primaerfarbe-text-shadow); */
}

.counter_big .percent {
  margin-bottom: 85px !important;
}

.counter_big h3 {
  font-size: 1.6em !important;
}


@media only screen and (max-width: 768px) {
  
  #trust_logos .et_pb_row {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    gap: 20px;
    align-items: center;
  }

  #trust_logos .et_pb_column {
    width: 100% !important;
    margin-right: 2%;
  }

}

@media only screen and (max-width: 1600px) {
  
  .header-logo-dachdeckerinnung {
    position: absolute !important;
    top: 45px !important;
    right: 0px !important;
  }

}

@media only screen and (max-width: 1100px) {
  
  .header-logo-dachdeckerinnung {
    position: absolute !important;
    top: 45px !important;
    right: 50px !important;
  }

}

@media only screen and (max-width: 1143px) {
  
  #main-menu .et_pb_menu__logo-wrap {
    max-width:350px;
    margin-top:15px;
  }

}

@media only screen and (max-width: 1098px) {
  
  #main-menu .et_pb_menu__logo-wrap {
    max-width:300px;
  }

  #menu-hauptmenue li a {
    font-size: 18px;
  }

}

@media only screen and (max-width: 981px) {
  
  #main-menu .et_pb_menu__logo-wrap {
    max-width:400px;
    margin-top:0px;
  }

}





#leistungen_title h2 {
  color: var(--primaerfarbe) !important;
}

body .slick-dots {
  bottom: 0;
}

.slick-dots li button {
  background: var(--white);
}

.faqs .et_pb_toggle_close {
  background-color: transparent !important;
  padding: 0 !important;
}

.faqs .et_pb_toggle {
  border: none !important;
}

.faqs h5.et_pb_toggle_title {
  padding-left: 30px !important;
}

.faqs .et_pb_toggle_close h5.et_pb_toggle_title::before {
  display: none !important;
}

.faqs .et_pb_toggle_close h5.et_pb_toggle_title::after {
  right: unset !important;
  left: 0 !important;
  content: '\2b'!important;
  font-family: 'FontAwesome'!important;
  font-size: 30px!important;
  font-weight: 900;
  position: absolute;
  top: -10px;
}

.faqs .et_pb_toggle_open {
  padding: 0!important;
}

.faqs .et_pb_toggle_open h5 {
  padding: 0;
}

.faqs .et_pb_toggle_open h5.et_pb_toggle_title::after {
  right: unset !important;
  left: 0 !important;
  content: '\f068'!important;
  font-family: 'FontAwesome'!important;
  font-size: 16px!important;
  font-weight: 900;
  position: absolute;
}

.faqs .et_pb_toggle_content {
  padding-left: 30px;
}

.faqs .et_pb_toggle {
  margin-bottom: 30px  !important;
}


.team .et_pb_team_member_image,
.team_leader .et_pb_team_member_image {
  max-width: 100%;
}

.team .et_pb_team_member_description {
  padding: 20px 20px 20px;
}

.team_leader .et_pb_team_member_description {
  padding: 20px 20px 40px;
}

.team .et_pb_module_header,
.team_leader .et_pb_module_header {
  padding-bottom: 0;
}

.team .et_pb_member_position,
.team_leader .et_pb_member_position {
  margin-bottom: 20px;
}


/* Kontaktformular */

.wpforms-field-required,
.wpforms-field-large {
  border-radius:10px!important;
}

.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit]:not(:hover):not(:active), .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:not(:hover):not(:active), .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
  background-color:var(--sekundaerfarbe)!important;
  border-radius: 5px;
}

.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit]:hover, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit]:active, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:hover, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:active, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button:hover, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button:active {
  background-color: var(--tertiaerfarbe)!important;
  border-radius: 5px;
}


/* SONSTIGES – End */

/* Borlabs – Start */

#BorlabsCookieBoxWidget {
  color: var(--white)!important;
}

/* #BorlabsCookieBox a {
  color:var(--primaerfarbe)!important;
} */

/* Borlabs – End */

.dipi-faq-title,
.dipi-faq-content {
  font-family: 'open-sans'!important;
}


.job-akkordeon h2 {
  font-size: 1.8em!important;
}

.job-akkordeon .et_pb_module {
  padding:0px;
}

.job-akkordeon .et_pb_toggle_title {
  padding:40px;
}

.job-akkordeon .et_pb_toggle_content {
  padding:40px;
  background-color: var(--white);

  border-radius: 0px 0px 15px 15px;
}

.swiper-container {
  max-height:170px;
}

.dipi_carousel .swiper-container .dipi_carousel_child {
  transform: scale(0.8);
}