/*
Theme Name:     Divi-Child
Theme URI:      https://www.duschlmedia.de
Description:    Child theme for divi
Author:         Dusch Media
Author URI:     https://www.duschlmedia.de
Template:       Divi
Version:        1.0
*/

/* #region Leadform anpssung */


.leadforms-answer-wrapper {
  flex-basis: 50% !important;
  max-width: 50% !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  display: flex !important;
}

.leadforms-answer {
  flex: 1 1 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  height: 100% !important;
  min-height: 160px !important; 
}

@media (max-width: 480px) {
  .leadforms-answer-wrapper {
    padding: 5px !important;
  }
  .leadforms-answer {
    padding: 10px !important;
    font-size: 16px !important;
  }
  /* Icons kleiner machen */
  .leadforms-answer img {
    height: 50px !important;
  }
}

/* #endregion Leadform anpssung */

/* #region Promobar */

#cc-bar {
  font-size: 20px !important;
  margin: 8px 0 8px !important;
}


/* Basis für alle Geräte */
#dm-ls li {
    margin-bottom: 15px !important;
}
/* #endregion Promobar */



/* #region Footer Icon Anpassung */

/* Alle Elemente in der Spalte zentrieren */

.et_pb_column_0_tb_footer {
  margin-top: -50px;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

/* Blurb-Module zentrieren */
.et_pb_column_0_tb_footer .et_pb_blurb {
  width: 100% !important;
  text-align: center !important;
}

/* Blurb-Inhalte zentrieren */
.et_pb_column_0_tb_footer .et_pb_blurb .et_pb_blurb_content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Container innerhalb des Blurbs zentrieren */
.et_pb_column_0_tb_footer .et_pb_blurb .et_pb_blurb_container {
  text-align: center !important;
}

/* Icons und Text nebeneinander zentriert anzeigen (für die Blurbs mit Icons) */
.et_pb_column_0_tb_footer
  .et_pb_blurb.et_pb_blurb_position_left
  .et_pb_blurb_content {
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important; /* Text vertikal mit Icon zentrieren */
}

/* Überschriften zentrieren */
.et_pb_column_0_tb_footer .et_pb_module_header {
  text-align: center !important;
}

/* Icon-Container vertikal zentrieren */
.et_pb_column_0_tb_footer .et_pb_blurb .et_pb_main_blurb_image {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 0 !important;
}

/* Blurb-Container vertikal zentrieren */
.et_pb_column_0_tb_footer .et_pb_blurb .et_pb_blurb_container {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* Standardfarbe für Links */
.et_pb_column_0_tb_footer a {
  color: #2b2b2d !important; /* Blau - ändere diesen Hex-Code nach Bedarf */
}
/* #endregion Footer Icon Anpassung */


/* #region Gleiche Höhe Benefits */

.equal-heights .et_pb_column {
 display: flex !important;
 flex-direction: column !important;
}

.equal-heights .et_pb_column .et_pb_module {
 flex-grow: 1 !important;
}

/* #region width Benefits */
@media screen and (max-width: 980px) and (min-width: 767px) {
    .et_pb_row.et_pb_row_5.equal-heights.three-col-tab.et_pb_equal_columns {
    display: flex;
  }
}


/* #endregion width Benefits */


/* #endregion Gleiche Höhe Benefits */


/* #region Responsiv Template */

h1 {
  font-size: clamp(3rem, 2.5385rem + 2.0513vw, 4rem);
}
h2 {
  font-size: clamp(2.4rem, 2.1231rem + 1.2308vw, 3rem);
}
h3 {
  font-size: clamp(2.1rem, 1.9154rem + 0.8205vw, 2.5rem);
}
h4 {
  font-size: clamp(1.8rem, 1.7077rem + 0.4103vw, 2rem);
}
h5 {
  font-size: clamp(1.6rem, 1.5308rem + 0.3077vw, 1.75rem);
}
h6 {
  font-size: clamp(1.4rem, 1.3538rem + 0.2051vw, 1.5rem);
}
body {
  font-size: clamp(1rem, 0.96107rem + 0.16393vw, 1.125rem);
}
.sub-heading {
  font-size: 1.2rem;
}
p {
  font-size: 1rem;
}

.highlight-underline {
  display: inline;
  background: linear-gradient(to top, rgba(10, 125, 61, 0.3) 50%, transparent 50%);
}

/* #region Google Review Feed */
.sb-feed-posts {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.sb-feed-container .sb-feed-posts::after {
  width: 100%;
}
.sb-feed-container .sb-feed-posts .sb-post-item-wrap {
  background: #ebeae9;
  box-shadow: 0 0 5px 1px #0001;
  margin-bottom: 2rem !important;
  padding: 0.75rem !important;
  border-radius: 15px !important;
  width: 30%;
}
@media only screen and (min-width: 981px) {
  .sb-feed-container .sb-feed-posts .sb-post-item-wrap:nth-child(4) {
    display: none;
  }
}
@media only screen and (max-width: 980px) {
  .sb-feed-container .sb-feed-posts .sb-post-item-wrap {
    width: 45%;
  }
}
@media only screen and (max-width: 680px) {
  .sb-feed-container .sb-feed-posts .sb-post-item-wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 450px;
    width: 100%;
  }
}
/* #endregion Google Review Feed */


/* #region Header */
.et_pb_column.et_pb_column_4_4.et_pb_column_0.et_pb_css_mix_blend_mode_passthrough.et-last-child {
    width: 71%;
}
/* #endregion Header */


/* #region width Before/After */
@media only screen and (max-width: 440px) {

.twentytwenty-after-label::before {
  width: 110% !important;
  left: 62% !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 500;
  bottom: 0% !important;
  transform: translate(-50%, 0%) !important;
  }


.twentytwenty-before-label::before {
  width: 1100% !important;
  text-align: center !important;
  left: 62% !important;
  font-size: 16px !important;
  font-weight: 500;
  top: 0px !important;
  transform: translate(-50%, 0%) !important;
  }
    
}

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

.twentytwenty-after-label::before {
  width: 110% !important;
  left: 58% !important;
  text-align: center !important;
  font-size: 20px !important;
  font-weight: 500;
  bottom: 0% !important;
  transform: translate(-50%, 0%) !important;
  }


.twentytwenty-before-label::before {
  width: 110% !important;
  text-align: center !important;
  left: 60% !important;
  font-size: 20px !important;
  font-weight: 500;
  top: 0px !important;
  transform: translate(-50%, 0%) !important;
  }

}


/* #region Responsiv Column */

/*** Change Mobile Columns By VictorDuse.com.com ***/

/* 2 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .two-col-mob .et_pb_column {
        width:47.25% !important;
    }
    
html .et-db .two-col-mob .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }

    html .et-db .two-col-mob .et_pb_column:not(:nth-child(2n)) {
            margin-right:5.5% !important;
    }
}

/* 3 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .three-col-mob .et_pb_column {
        width:29.6667% !important;
    }

    html .et-db .three-col-mob .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }

    html .et-db .three-col-mob .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}

/* 4 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .four-col-mob .et_pb_column {
        width:20.875% !important;
    }

html .et-db .four-col-mob .et_pb_column:nth-last-child(-n+4) {
        margin-bottom:0;
    }

    html .et-db .four-col-mob .et_pb_column:not(:nth-child(4n)) {
        margin-right:5.5% !important;
    }
}

/* 5 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .five-col-mob .et_pb_column {
        width:15.6% !important;
    }

    html .et-db .five-col-mob .et_pb_column:nth-last-child(-n+5) {
        margin-bottom:0;
    }

    html .et-db .five-col-mob .et_pb_column:not(:nth-child(5n)) {
        margin-right:5.5% !important;
    }
}

/* 6 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .six-col-mob .et_pb_column {
        width:12.083% !important;
    }

    html .et-db .six-col-mob .et_pb_column:nth-last-child(-n+6) {
        margin-bottom:0;
    }

    html .et-db .six-col-mob .et_pb_column:not(:nth-child(6n)) {
        margin-right:5.5% !important;
    }
}

/*** Change Tablet Columns By VictorDuse.com.com ***/

/* 1 Column Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .one-col-tab .et_pb_column {
        margin-right:0 !important;
        width:100% !important;
    }
    
        html .et-db .one-col-tab .et_pb_column:not(:last-child) {
        margin-bottom:30px !important;
    }
}

/* 2 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .two-col-tab .et_pb_column {
        width:47.25% !important;
    }

.two-col-tab .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }

    html .et-db .two-col-tab .et_pb_column:not(:nth-child(2n)) {
        margin-right:5.5% !important;
    }
}

/* 3 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .three-col-tab .et_pb_column {
        width:29.6667% !important;
    }

html .et-db .three-col-tab .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }

    html .et-db .three-col-tab .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}

/* 4 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .four-col-tab .et_pb_column {
        width:20.875% !important;
    }

html .et-db .four-col-tab .et_pb_column:nth-last-child(-n+4) {
        margin-bottom:0;
    }

    html .et-db .four-col-tab .et_pb_column:not(:nth-child(4n)) {
        margin-right:5.5% !important;
    }
}

/* 5 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .five-col-tab .et_pb_column {
        width:15.6% !important;
    }

.five-col-tab .et_pb_column:nth-last-child(-n+5) {
        margin-bottom:0;
    }
    
    html .et-db .five-col-tab .et_pb_column:not(:nth-child(5n)) {
        margin-right:5.5% !important;
    }
}

/* 6 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .six-col-tab .et_pb_column {
        width:12.083% !important;
    }

    html .et-db .six-col-tab .et_pb_column:nth-last-child(-n+6) {
        margin-bottom:0;
    }

    html .et-db .six-col-tab .et_pb_column:not(:nth-child(6n)) {
        margin-right:5.5% !important;
    }
}


/* #endregion Responsiv Column