/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Divi.world
 Author URI:     http://divi.world
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */
/* ============================================================
   WP-TOOLBOX GRID SYSTEM (UNIVERSAL)
   ============================================================ */
:root {
    --kunde-farbe-1:#7CDA24;
    --kunde-farbe-2:#ffffffb3;
    --button-text:#fff;
--button-hintergrund: #000000;
    --button-text-hover:#fff;
    --button-hintergrund-hover: #7CDA24;
}
/* Haupt-Container (für Reihen/Rows) */
.wptoolbox-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; /* Standardmäßig vertikal zentriert */
    gap: 0;
    width: 100%;
}

/* Die Spalten (Columns) */
.wptoolbox-col {
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
}

/* --- DESKTOP (ab 992px) --- */
@media (min-width: 992px) {
    .wptoolbox-wd-d-20  { flex-basis: 20%; }
    .wptoolbox-wd-d-25  { flex-basis: 25%; }
    .wptoolbox-wd-d-30  { flex-basis: 30%; }
    .wptoolbox-wd-d-33  { flex-basis: 33.3333%; }
    .wptoolbox-wd-d-40  { flex-basis: 40%; }
    .wptoolbox-wd-d-50  { flex-basis: 50%; }
    .wptoolbox-wd-d-60  { flex-basis: 60%; }
    .wptoolbox-wd-d-67  { flex-basis: 66.6666%; }
    .wptoolbox-wd-d-75  { flex-basis: 75%; }
    .wptoolbox-wd-d-80  { flex-basis: 80%; }
    .wptoolbox-wd-d-100 { flex-basis: 100%; }

    .wptoolbox-ta-d-left   { text-align: left; }
    .wptoolbox-ta-d-center { text-align: center; }
    .wptoolbox-ta-d-right  { text-align: right; }
}

/* --- TABLET (768px bis 991px) --- */
@media (min-width: 768px) and (max-width: 991px) {
    .wptoolbox-wd-t-25  { flex-basis: 25%; }
    .wptoolbox-wd-t-33  { flex-basis: 33.3333%; }
    .wptoolbox-wd-t-50  { flex-basis: 50%; }
    .wptoolbox-wd-t-67  { flex-basis: 66.6666%; }
    .wptoolbox-wd-t-75  { flex-basis: 75%; }
    .wptoolbox-wd-t-100 { flex-basis: 100%; }

    .wptoolbox-ta-t-left   { text-align: left; }
    .wptoolbox-ta-t-center { text-align: center; }
    .wptoolbox-ta-t-right  { text-align: right; }
}

/* --- MOBILE (unter 767px) --- */
@media (max-width: 767px) {
    .wptoolbox-wd-m-25  { flex-basis: 25%; }
    .wptoolbox-wd-m-33  { flex-basis: 33.3333%; }
    .wptoolbox-wd-m-50  { flex-basis: 50%; }
    .wptoolbox-wd-m-100 { flex-basis: 100%; }

    .wptoolbox-ta-m-left   { text-align: left; }
    .wptoolbox-ta-m-center { text-align: center; }
    .wptoolbox-ta-m-right  { text-align: right; }
}

/* Hilfsklasse für vertikale Ausrichtung */
.align-center { align-items: center !important; }
.align-top    { align-items: flex-start !important; }
.align-bottom { align-items: flex-end !important; }


/* kontaktformular start */
div#formular-kontaktformular {
    color: #000;
    font-size: 16px;
}

div#formular-kontaktformular p {
    padding-bottom: 1em;
}

label.kontaktformular_label {
    display: inline-block;
    width: 100%;
    font-size: 16px !important;
    padding-bottom: 0.5em;
}

#formular-kontaktformular .wptoolbox-section {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    margin-bottom: 0 !important;
    width: 100% !important;
}

div#formular-kontaktformular .wptoolbox-section.mit-checkbox {
    padding-bottom: 1em;
}

div#formular-kontaktformular .wptoolbox-section.mit-fehleranzeige.mit-nachricht-feld {
    margin-bottom: 1em;
    padding-bottom: 1.5em;
}

#formular-kontaktformular .mit-fehleranzeige .wpcf7-form-control-wrap {
    display: block;
    min-height: 65px;
    margin-bottom: 5px;
}

#formular-kontaktformular .wpcf7-not-valid-tip {
    position: absolute;
    color: #dc3232 !important;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    margin-top: 2px;
    display: block;
}

#formular-kontaktformular input[type="text"].wpcf7-not-valid,
#formular-kontaktformular input[type="email"].wpcf7-not-valid,
#formular-kontaktformular textarea.wpcf7-not-valid {
    border: 2px solid #dc3232 !important;
    background-color: #fff8f8 !important;
    transition: border-color 0.3s ease-in-out;
}

#formular-kontaktformular .wpcf7-not-valid:focus {
    border-color:#dc3232  !important;
    outline: none;
}

.wpcf7-not-valid input[type="checkbox"] {
    outline: 2px solid #dc3232 !important;
    outline-offset: 2px;
}

.wptoolbox-form-checkbox-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 25px;
}

.wptoolbox-form-checkbox-row .wpcf7-not-valid-tip {
    width: 100%;
    color: #dc3232 !important;
    font-size: 12px;
    margin-top: 5px;
    display: block;
}

.datenschutz-hinweiss {
    flex: 1;
    margin-left: 10px;
    font-size: 14px;
    line-height: 1.4;
}

#formular-kontaktformular input[type="text"],
#formular-kontaktformular input[type="email"],
#formular-kontaktformular input[type="tel"],
#formular-kontaktformular textarea,
#formular-kontaktformular select {
    width: 100% !important;
    padding: 0.5em !important;
    border: 1px solid #ccc !important;
    border-radius: 0 !important;
    background-color: #fff !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    transition: border-color 0.3s ease;
}

#formular-kontaktformular input:focus,
#formular-kontaktformular textarea:focus {
    border-color: var(--kunde-farbe-1) !important;
    outline: none !important;
}

#formular-kontaktformular span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item {
    margin: 0;
}

#formular-kontaktformular span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item input[type="checkbox"] {
    vertical-align: text-top;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.kontaktformular-button {
    background-color: var(--button-hintergrund) !important;
    color: var(--button-text) !important;
    border: 2px solid var(--button-hintergrund) !important;
    border-radius: 4px;
    letter-spacing: 1px;
    font-size: 14px;
    padding: .3em 1em !important;
    font-weight: 500;
    line-height: 1.7em !important;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.kontaktformular-button:hover {
    background-color: var(--button-hintergrund-hover) !important;
    color: var(--button-text-hover) !important;
    border-color: var(--button-hintergrund-hover) !important;
}

@media (min-width: 769px) {
    #formular-kontaktformular .wptoolbox-col.wptoolbox-wd-d-33 {
        flex: 1 !important;
        min-width: 0 !important;
        max-width: calc(33.33% - 14px) !important;
    }
}

@media (max-width: 768px) {
    #formular-kontaktformular .wptoolbox-col.wptoolbox-wd-d-33,
    #formular-kontaktformular .wptoolbox-col.wptoolbox-wd-d-100 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
}
/* kontaktformular ende */

div#footer-ganz-unten {
    padding: 0!important;
}
div#footer-ganz-unten .et_pb_row.et_pb_row_0_tb_footer {
    padding: 0!important;
    
}
div#page-container header#main-header #et-top-navigation{
    font-weight: normal!important;
}

nav#top-menu-nav {
    pointer-events: none;
}
nav#top-menu-nav * {
    pointer-events: auto;
}

.et_header_style_left .logo_container {
    max-width: 300px;
}

@media (max-width: 767px) {
    .et_header_style_left .logo_container {
        max-width: 210px;
    }
}

/* IKDEV */
div#et-top-navigation .mobile_menu_bar:before {
    color: var(--kunde-farbe-1);
}

span#cta-button-menue {
    float: left;
    margin-left: 20px;
    margin-top: -10px;
}

/* a.button-cta-menue-logo */
span#cta-button-menue a.button-cta-menue-logo {
    background-color: var(--kunde-farbe-1) !important;
    color: #ffffff !important;
    padding: 6px 12px !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center;
    font-size: 16px;
}

span#cta-button-menue a.button-cta-menue-logo:before {
    content: "\e090";
    font-family: 'ETmodules' !important;
    margin-right: 8px;
    color: #ffffff !important;
}
/* a.button-cta-menue-logo */
ul#mobile_menu li.menu-item.current_page_item a{
        color: var(--kunde-farbe-1);

}
#top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, #top-menu li.current_page_item>a {
    color: var(--kunde-farbe-2)!important;
}
div#footer-ganz-unten .et_pb_row.et_pb_row_1_tb_footer {
    padding: 30px 0 0 0;
}
@media (max-width: 1600px) {
    div#wptoolbox-footer-colom-2,
    div#wptoolbox-footer-colom-3,
    div#wptoolbox-footer-colom-1{
        flex-basis: 100%;
        text-align: center;
    }
    .footer-ik-websites {
        
        text-align: center;
    }
}
@media (max-width: 1200px) {

    span#cta-button-menue {
        float: left;
        margin-left: 0px;
        margin-right: 20px;
        margin-top: -2px;
    }

    
        #et_mobile_nav_menu {
        display: block;
    }
    #top-menu {
        display: none;
    }
}

/* fooer */
div#wptoolbox-rechtliche-links{
    padding: 10px 0;
    margin:  30px auto 10px auto;
    border-top: 3px solid var(--kunde-farbe-1) !important;
    border-bottom:  3px solid var(--kunde-farbe-1) !important;

}

div#wptoolbox-copyright-ik-websites {
    padding: 0 0 20px 0;
    color: #fff;
}

/* startseite */
div#startseite-hero {

}
div#startseite-hero h1{
    color: #fff;
    line-height: 1.2;
}
div#startseite-hero h1 span{
    color: var(--kunde-farbe-1);
display: block;
}

div#startseite-hero {
       line-height: 1.4;

}

.unverbindliche-direktanfrage .et_pb_text_inner {
    line-height: 1.5!important;
}
.unverbindliche-direktanfrage .et_pb_text_inner p{
    line-height: 1.5!important;
}

.line-height-bugfix p,
div#karriere-hero p{
    line-height: 1.2!important;
}


@media (max-width: 980px) {
    .et_fixed_nav #main-header {
        position: fixed!important;
    }
    div#professionelle-und-diskrete-schaedlingsbekaempfung h2{
    font-size: 40px;
    line-height: 1.5;
}
    
div#professionelle-und-diskrete-schaedlingsbekaempfung h3{
font-size: 30px;
    line-height: 1.5;
}
}

@media (max-width: 768px) {
    div#professionelle-und-diskrete-schaedlingsbekaempfung h2{
 font-size: 30px;
}
    
div#professionelle-und-diskrete-schaedlingsbekaempfung h3{
    font-size: 20px;
}
    div#startseite-h2-block-nr1 {

    }
    div#startseite-h2-block-nr1 .et_pb_blurb_description img[style]{
        float: none !important;
        margin-left: 0!important;
        display: block;
        margin-bottom: 10px;
    }
        div#startseite-h2-block-nr1 div#schnelle-schaedlingsbekaempfung-in-bielefeld .et_pb_main_blurb_image,
        div#startseite-h2-block-nr1 div#professionelle-gebaeudereinigung-in-bielefeld-h2.et_pb_blurb_position_left .et_pb_main_blurb_image{
                width: 100%;
                display: block;
    }
   div#startseite-h2-block-nr1 div#schnelle-schaedlingsbekaempfung-in-bielefeld .et_pb_blurb_container ,
   div#startseite-h2-block-nr1 div#professionelle-gebaeudereinigung-in-bielefeld-h2.et_pb_blurb_position_left  .et_pb_blurb_container{
               display: block;
                width: 100%;
                padding-left: 0;
    }
}
@media (max-width: 425px) {
    
    span.cta-text{
    width: 0;
    display: none;
}
    span#cta-button-menue a.button-cta-menue-logo:before {
       margin-right: 0;
    }

    div#main-content .et_pb_row{
        width: 90%;
    }
    .ik-hero-merten-buttons .ik-hero-btn[style], 
    .ik-hero-merten-buttons .ik-hero-btn-icon[style], 
    .ik-double-button-inner .ik-dbl-btn[style] ,
    .ik-double-button-inner .ik-dbl-btn-icon[style],
    body #page-container .et_pb_section .et_pb_button_0, 
    body #page-container .et_pb_section .et_pb_button_1, 
    body #page-container .et_pb_section .et_pb_button_4, 
    body #page-container .et_pb_section .et_pb_button_5{
       font-size: 16px!important;
    }

    .ik-double-button-inner .ik-dbl-btn {
        padding: 0.5em 0.5em;
    }
    div#schnelle-schaedlingsbekaempfung-in-bielefeld,
 div#professionelle-gebaeudereinigung-in-bielefeld {
    padding-left: 20px;
    padding-right: 20px;
 }
}
@media (max-width: 375px) {

body #page-container div#startseite-hero-row-2 a.et_pb_button {
 font-size: 14px;
}
 .ik-hero-merten-buttons .ik-hero-btn[style], 
    .ik-hero-merten-buttons .ik-hero-btn-icon[style],
    .ik-double-button-inner .ik-dbl-btn[style] ,
    .ik-double-button-inner .ik-dbl-btn-icon[style],
    body #page-container .et_pb_section .et_pb_button_0, 
    body #page-container .et_pb_section .et_pb_button_1, 
    body #page-container .et_pb_section .et_pb_button_4, 
    body #page-container .et_pb_section .et_pb_button_5{
       font-size: 14px!important;
    }

}

.et_header_style_left .logo_container {
    max-width: 300px;
}
@media (max-width: 767px) {
.et_header_style_left #logo {
        max-width: 100%;
    }
    .et_header_style_left .logo_container {
        max-width: 120px;
    }
}

#bottom-sekion h3{
   font-weight: 600;
  font-size: 20px;
  color: #FFFFFF !important;
}

.unverbindliche-direktanfrage .et_pb_row{
    padding: 30px 0;
}
.unverbindliche-direktanfrage-text-unten {
    
}
.et_pb_row.et_pb_row_9.unverbindliche-direktanfrage-text-unten {
    
}

div#main-content .et_pb_row.unverbindliche-direktanfrage-text-unten {
    padding-top: 30px !important;
}
.unverbindliche-direktanfrage .et_pb_row.unverbindliche-direktanfrage-text-unten[style] {
    padding-top: 30px !important;
}