/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Netzgaenger working on Elegant Themes
 Author URI:     https://www.netz-gaenger.de
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here 
------------------------------------------------------- */

@font-face {
    font-family: "Playfair Display";
    src: url("../../../wp-content/uploads/fonts/playfair-display-v40-latin-regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: "Manrope";
    src: url("../../../wp-content/uploads/fonts/manrope-v20-latin-400.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: "Manrope";
    src: url("../../../wp-content/uploads/fonts/manrope-v20-latin-700.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


body #page-container,
#page-container p,
#page-container h6,
#page-container .h6 > div :is(h1, h2, h3, h4, h5, h6, p),
#page-container h1.h6,
#page-container h2.h6,
#page-container h3.h6,
#page-container h4.h6,
#page-container h5.h6,
#main-footer .footer-widget h4,
.custom-slider-blockquote pre,
#page-container .manrope .et_pb_module_header { 
  font-family: "Manrope", sans-serif;
}


#page-container h1,
#page-container h2,
#page-container h3,
#page-container h4,
#page-container h5,
#page-container .h1 > div :is(h1, h2, h3, h4, h5, h6, p),
#page-container .h2 > div :is(h1, h2, h3, h4, h5, h6, p),
#page-container .h3 > div :is(h1, h2, h3, h4, h5, h6, p),
#page-container .h4 > div :is(h1, h2, h3, h4, h5, h6, p),
#page-container .h5 > div :is(h1, h2, h3, h4, h5, h6, p),
#page-container .et_pb_testimonial_0.et_pb_testimonial.playfair p,
#page-container .custom-slider-blockquote .et_pb_slide_content p,
#page-container .playfair * {
  font-family: "Playfair Display", serif;
}

@media only screen and (max-width: 1220panropex) {
   #page-container h1,
   #page-container .h1,
   h1.et_pb_contact_main_title,
   .et_pb_title_container h1 {
      font-size: 56px !important;
   }
}

#page-container h2,
#page-container .h2,
#page-container .h2 > div :is(h1, h2, h3, h4, h5, h6, p) {
  font-size: 34px;
  line-height: 52px;
}

#page-container h3,
#page-container .h3,
#page-container .h3 > div :is(h1, h2, h3, h4, h5, h6, p) {
  font-size: 32px;
  line-height: 48px;
}

#page-container h4,
#page-container .h4,
#page-container .h4 > div :is(h1, h2, h3, h4, h5, h6, p) {
  font-size: 28px;
  line-height: 42px;
}


#page-container h5,
#page-container .h5,
#page-container .h5 > div :is(h1, h2, h3, h4, h5, h6, p) {
  font-size: 24px;
  line-height: 38px;
}

#page-container h6,
#page-container .h6,
#page-container .h6 > div :is(h1, h2, h3, h4, h5, h6, p),
#page-container #main-footer .footer-widget h4 {
  font-size: 18px;
  line-height: 38px;
  text-transform: uppercase;
  font-weight: bold;
  color: #2B2B2B;
}



@media only screen and (max-width: 980px) {
   #page-container h1,
   #page-container .h1,
   h1.et_pb_contact_main_title,
   .et_pb_title_container h1 {
      font-size: 38px !important;
   }


  #page-container h2,
  #page-container .h2,
  #page-container .h2 > div :is(h1, h2, h3, h4, h5, h6, p) {
    font-size: 30px;
    line-height: 48px;
  }


  #page-container h3,
  #page-container .h3,
  #page-container .h3 > div :is(h1, h2, h3, h4, h5, h6, p),
  #page-container .h5.h3-mobil > div :is(h1, h2, h3, h4, h5, h6, p) {
    font-size: 28px;
    line-height: 44px;
  }

  #page-container h4,
  #page-container .h4,
  #page-container .h4 > div :is(h1, h2, h3, h4, h5, h6, p) {
    font-size: 24px;
    line-height: 36px;
  }
  
  #page-container h5,
  #page-container .h5,
  #page-container .h5 > div :is(h1, h2, h3, h4, h5, h6, p) {
    font-size: 22px;
    line-height: 34px;
  }

}




/* BUTTONS */
.et_pb_button.btn-custom,
.et_pb_button.btn-custom:hover,
.et_pb_module .et_pb_button.btn-custom:hover,
.et_pb_contact_submit.et_pb_button,
.et_pb_contact_submit.et_pb_button:hover,
#et_pb_submit, #et_pb_submit:hover {
    font-weight: 700 !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 10px 1.9em 10px .4em;
}

.et_pb_button.btn-custom,
.et_pb_contact_submit.et_pb_button,
#et_pb_submit { letter-spacing: 1.8px; }

.btn-custom.btn-lg { font-size: 18px; }
.et_pb_button.btn-custom.btn-lg:after {  line-height: 1.3em; }


.btn-custom:before,
.et_pb_contact_submit.et_pb_button:before,
#et_pb_submit:before {
    content: "";
    display: block;
    inset: auto 0 0 0;
    height: 5px;
    position: absolute;
    z-index: -1;
    opacity: 1;
    margin: 0;
    transition: .2s;
}

.btn-custom.btn-yellow:before,
.et_pb_contact_submit.et_pb_button:before,
#et_pb_submit:before {
  background: #fabe04;
}

.btn-custom.btn-green:before {
  background: #00682D;
}

.et_pb_bg_layout_light.et_pb_button.btn-custom:hover,
.et_pb_bg_layout_light .et_pb_button.btn-custom:hover,
.et_pb_contact_submit.et_pb_button:hover,
#et_pb_submit:hover {
  background: none;
  color: white;
}

.btn-custom:hover:before,
.et_pb_contact_submit.et_pb_button:hover:before,
#et_pb_submit:hover:before {
  height: 100%;
  background: #8e3a5a;
}

.et_pb_button.btn-custom:after,
#et_pb_submit:after {
  margin-left: .05em !important;
  line-height: 1.2em;
  font-size: 25px;
}

.et_button_custom_icon.et_button_icon_visible .et_pb_button.btn-custom:hover:after,
.et_button_custom_icon .et_pb_button.btn-custom:hover:after,
.et_pb_contact_submit.et_pb_button:hover:hover:after,
#et_pb_submit:hover:after {
   margin-left: .15em !important;
   color: white;
}





/* ALLGEMEINE KLASSEN */
.align-items-center { align-items: center; }

.nowrap { white-space: nowrap;}





/* NAVIGATION */
.et_fullwidth_nav #main-header .container { max-width: 1600px; }

#et-top-navigation {
  font-weight: 400;
}

.et-fixed-header #top-menu li.current-menu-ancestor>a,
.et-fixed-header #top-menu li.current-menu-item>a,
.et-fixed-header #top-menu li.current_page_item>a,
#top-menu li.current-menu-item>a {
  text-shadow:  0.3px 0 #222, -0.3px 0 #222;

}

#main-header.et-fixed-header,
#main-header { box-shadow: none; }

.et-fixed-header #top-menu li.current-menu-ancestor>a,
.et-fixed-header #top-menu li.current-menu-item > a,
.et-fixed-header #top-menu li.current_page_item > a,
#top-menu li.current-menu-item>a,
.current_page_item > a {
  text-shadow:  0.3px 0 #222, -0.3px 0 #222;
}

.nav-anmelden > a:before,
#top-menu > .menu-item > a:before {
  content: "";
  display: block;
  position: absolute;
  left: -4px;
  right: -4px;
  height: 5px;
  bottom: 22px;
}

#top-menu > .menu-item:not(.nav-anmelden) > a:before {
  transition: 0.4s;
}

.et-fixed-header .nav-anmelden > a:before,
.et-fixed-header #top-menu > .menu-item > a:before {
  bottom: 0;
}

#top-menu > .menu-item:not(.nav-anmelden) > a:before {
  background: transparent;
}

@media only screen and (min-width: 980px) {
  .nav-anmelden > a:before,
  #top-menu > .menu-item:hover > a:before {
    background: #00682d;   
  }
}

#top-menu > .menu-item > a:hover {
  font-weight: inherit !important;
  opacity: 1;
}

#top-menu > .menu-item:hover > a {
  text-shadow:  0.3px 0 #222, -0.3px 0 #222;
  opacity: 1;
  transition: 0.3s ease; 
}


/* SUBMENU */
#top-menu .menu-item-has-children > .sub-menu {
    padding: 30px 10px;
    left: -25px;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    top: 29px;
    border-top-width: 5px;
}
 

/* Mega Menu Container */
#top-menu .custom-mega-menu.menu-item-has-children > .sub-menu {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    width: 660px;
    gap: 0;
    align-items: start;
}

/* Standard-Menüpunkte */
#top-menu .menu-item-has-children > .sub-menu > li {
    width: auto !important;
    float: none !important;
    margin: 0;
    padding: 0;
}

/* Überschriften */
.nav-headline > a {
    font-size: 13px !important;
    text-transform: uppercase;
    font-weight: 700;
    color: #999 !important;
    pointer-events: none;
    cursor: default;
    display: block;
}

#main-header .nav li ul a,
#main-header #top-menu li:not(.nav-headline) > a {
    color: #2B2B2B;
}

.nav ul li a:hover {
    background-color: transparent;
    opacity: 1;
    text-shadow:  0.3px 0 #222, -0.3px 0 #222;
}

.nav ul li.nav-external-link > a:hover {
    text-shadow:  0.3px 0 #999, -0.3px 0 #999;
}


.nav-external-link a {
    color: #999 !important;
}

/* Spaltenzuordnung */
#top-menu .spalte-1 { grid-column: 1; }
#top-menu .spalte-2 { grid-column: 2; }
#top-menu .spalte-3 { grid-column: 3; }

#top-menu .row-1 { grid-row: 1; }
#top-menu .row-2 { grid-row: 2; }
#top-menu .row-3 { grid-row: 3; }
#top-menu .row-4 { grid-row: 4; }

@media only screen and (min-width: 981px) and (max-width: 1200px) {
    .nav-anmelden { display: none !important;}
}

.nav-instagram .instagram-icon {
    padding-right: 5px;
    display: inline-block;
    bottom: -4px;
    position: relative;
}

.et_mobile_menu .menu-item-has-children>a {
    font-weight: 400;
    background-color: transparent;
}



/* CUSOTM LIST PFEIL ICONS */
.custom-list ul {
  list-style-type: none;
  padding-left: 0;
}

.custom-list ul li {
    display: flex;
    align-items: baseline;
}

.custom-list li:not(:last-child) {
  padding-bottom: 8px;
}

.custom-list-line-height-xl.custom-list li:not(:last-child) {
  padding-bottom: 12px;
}

.custom-list li:before {
    font-family: ETmodules !important;
    display: block;
    position: relative;
    top: 9px;
    padding-right: 10px;
    font-size: 30px;
}
.custom-list.list-arrows li:before {
    content: "$";
    color: #8E3A5A;
}
.custom-list.list-checks li:before {
    content: "N";
    color: #95B733;
}




/*  BLOCKQUOTE  */

.custom-slider-blockquote .et_pb_slide_with_image .et_pb_slide_description {
    width: 100%;
    padding: 0 !important;
    float: none;
    text-shadow: none;
}

.custom-slider-blockquote .et_pb_slides .et_pb_container {
    display: block;
    table-layout: inherit;
}

.custom-slider-blockquote .et_pb_slides .et_pb_slider_container_inner {
    display: flex;
    width: 100%;
}

.custom-slider-blockquote .et_pb_media_alignment_center .et_pb_slide_image {
    bottom: auto;
    top: auto;
    position: relative;
    margin: 0 !important;
    width: auto !important;
}

.custom-slider-blockquote .et_pb_media_alignment_center .et_pb_slide_image img {
    width: 300px !important;
    max-height: none !important;
}

.custom-slider-blockquote .et-pb-controllers {
   bottom: -47px;
}

.custom-slider-blockquote .et-pb-controllers a {
    width: 10px;
    height: 10px;
}

.custom-slider-blockquote pre {
    font-size: 16px;
    color: #8F8F8F;
    padding-left: 0;
    text-align: center;
    font-weight: 400;
}

@media only screen and (max-width: 1000px) {
  .custom-slider-blockquote .et_pb_slide {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .custom-slider-blockquote .et_pb_media_alignment_center .et_pb_slide_image {
    display: block !important;
    width: 120px !important;
    margin-bottom: 20px !important;
  }

  .custom-slider-blockquote .et_pb_slides .et_pb_slider_container_inner {
    flex-direction: column;
    align-items: center;
  }

  .custom-slider-blockquote .et-pb-controllers {
     bottom: 0;
  }
}

@media only screen and (min-width: 768px) {
  .custom-slider-blockquote .et_pb_slide_with_image .et_pb_slide_description {
    margin-left: 25px;
    margin-top: 20px;
  }

  .custom-slider-blockquote pre {
    margin-left: -215px;
  }
}






/* ZITAT EINZEILIG */
.zitat-einzeilig {
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 980px) {
  .zitat-einzeilig .et_pb_icon_0 {
     margin-left: 0;
     margin-right: 0 !important;
     text-align: left;
     margin-bottom: 0px;
  }

  
  .zitat-einzeilig {
    flex-direction: column;
  }
}



/*  FOOTER  */
div#footer-bottom > .container {
    border-top: 1px solid rgba(43, 43, 43, .15);
    padding: 20px 0 10px;
}

#footer-info {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#footer-info a {
    font-weight: 400;
    transition: 0.2s;
}

#footer-info a:hover {
    font-weight: 700;
    opacity: 1;
}

#footer-widgets .footer-widget li:before { display: none; }

#footer-widgets > .footer-widget:nth-child(2) { text-align: center; }

#footer-widgets .footer-widget li {
    padding-left: 0;
}

#footer-widgets .current_page_item a {
    font-weight: 400;
}

#footer-widgets .footer-widget li a:hover,
#footer-widgets .footer-widget:last-child .wp-block-paragraph a:hover {
    font-weight: bold;
}

.footer-widget #nav_menu-6 { float: none; }

#footer-widgets .footer-widget:last-child .wp-block-paragraph {
  line-height: 2.5em;
}

.footer-mail:before,
.footer-phone:before,
.footer-instagram:before {
    color: #00682d;
    font-size: 17px;
    line-height: 1;
    margin-right: 15px;
    position: relative;
    top: 1px;
    font-family: 'ETmodules';
}

.footer-mail:before {
    content: "\e076";
}

.footer-phone:before {
    content: "\e090";
}
.footer-instagram:before {
    content: "\e09a";
}


@media only screen and (max-width: 767px) {
    .footer-widget .widget_media_image {
      text-align: center;
      float: none;
    }
    .footer-widget .widget_media_image .wp-block-image img {
      max-width: 250px
    }
    .footer-credit-left {
      line-height: 1.5em;
      margin-bottom: 10px;
      margin-top: 10px;
    }

}




/* MOBILE */
@media only screen and (max-width: 1400px) {
    #page-container .et_pb_row,
    #main-footer .container {
        width: 90% !important;
    }

    .et_fullwidth_nav #main-header .container {
        width: 96% !important;
    }

    .et_fullwidth_nav #main-header .container {
        padding: 0;
    }
}
@media only screen and (max-width: 982px) {
    #logo { max-height: 80%; }

    #footer-info {
      flex-direction: column;
    }
}

@media only screen and (max-width: 767px) {
  #footer-widgets .footer-widget:last-child {
    text-align: center
  }

  #footer-widgets .footer-widget:last-child > div {
    width: 100%;
    float: none;
  }

  #footer-widgets { padding-bottom: 0; }

}







/* CUSTOM */
.angebot-uebersicht-hoehe .et_pb_column {
    flex-direction: column;
    display: flex;
}

.angebot-uebersicht-hoehe .et_pb_button_module_wrapper.et_pb_module {
    margin-top: auto;
}

.custom-faq .et_pb_toggle_open,
.custom-faq .et_pb_toggle_close {
    padding: 10px 30px 35px 0;
}

.kilo-text {
    margin-top: -50px;
    margin-left: 20px;
}

@media (max-width: 980px) {
    .header-column-reserve.et_pb_row.et_pb_equal_columns {
         display: flex;
         flex-direction: column-reverse;
    }

    .custom-faq .et_pb_toggle_open,
    .custom-faq .et_pb_toggle_close {
        padding: 10px 10px 35px 0;
    }
}

.custom-price-overview.et_pb_gutters1.et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4 { width: 70% !important; }

.custom-price-overview.et_pb_gutters1.et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4.et-last-child { width: 30% !important; }

.custom-price-overview.et_pb_gutters1.et_pb_row_1-4_1-4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}


.custom-row-gap > div{
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-row-gap {gap: 6px;}

@media (max-width: 980px) {
    .custom-row-gap > div{
        flex: 0 0 calc((100% - 10px) / 2);
    }
}




/* KONTAKTFORMULAR */
.et-pb-contact-message p {
  background: #FBF9FA;
  padding: 20px !important;
  font-weight: bold;
  font-size: 18px;
  color: #8E3A5A
}

.et-pb-contact-message ul {
  font-size: 14px;
  margin-left: 20px;
}

.et_pb_contact_select input {
   cursor: pointer;
}


/* KOMMENTARE */
.commentlist > li {
    background: white;
    padding: 20px 40px;
    margin-bottom: 30px;
}

.comment-form-url { display: none; }

.comment-form-author, .comment-form-email {
display: inline-block;
  width: 49%;
}

.comment-form-author input, .comment-form-email input {
  width: 95% !important;
}

.comment_area .moderation {
    background: #b42424;
    padding: 4px 6px;
    color: white;
    display: inline-block;
    margin-bottom: 7px;
}