/*
 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
------------------------------------------------------- */
:root {
    --link-color-standard: #12555e;
    --link-color-hover: #898989;
    --link-color-top-menue-standard: #fff;
    --link-color-top-menue--hover: #000;
    --kunde-farbe-1: #688b8b;
    --kunde-farbe-2: #eeca1a;
    --neue-text-farbe: #515151;
    --text-size-h1: 50px;
    --text-size-h2: 40px;
    --text-size-h3: 35px;
}
h1, h2, h3, h4, h5, h6,
body {
    font-family: Open Sans, Arial, sans-serif!important;
}
/* Globale Link-Farben */
a,
a:visited {
    color: var(--link-color-standard);
}

div#raum-zur-persoenlichen-entwicklung h2,
.hero-modul h1.et_pb_module_heading {
    font-weight: 400;
    font-size: var(--text-size-h1);
    text-align: center;
}

#main-content .ichbinfuersieda .et_pb_blurb  .et_pb_blurb_description a {
    color: var(--link-color-standard)!important;
}
#main-content .ichbinfuersieda .et_pb_blurb  .et_pb_blurb_description a:hover {
    color: var(--link-color-hover)!important;
}


raum-zur-persoenlichen-entwicklung  h3 {
    font-size: var(--text-size-h2);
    line-height: 1.5;
        font-weight: 600;

}
/*
.h-und-icon-mit-kundenfarbe .h3p9 h3 {
            color: var(--link-color-standard);
            display: inline-block;
width: 29.6667%;
margin-right: 5.5%;
letter-spacing: 1px;
  line-height: 1.4em;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
}

*/
/* Hover & Focus (A11y berücksichtigt) */
a:hover,
a:focus,
a:focus-visible {
    color: var(--link-color-hover)!important;
}
div#et-info a,
div#et-info {
    color: var(--link-color-top-menue-standard);
    font-weight: normal;
}
div#et-info a:hover {
    color: var(--link-color-top-menue-standard);
}

div#Informationen-downloadbereich h3 > a{
    color: var(--neue-text-farbe);
}

.linls-farbe-original a {
    color: #165962;
}

#main-header, #et-top-navigation {

    font-family: Open Sans,Arial,sans-serif!important;
}

#et-top-navigation {
    font-weight: 500!important;
    font-family: Open Sans,Arial,sans-serif;

}

.et-fixed-header #et-top-navigation #top-menu a {
    color: var(--link-color-standard);
    font-weight: 400;
}

.card.card-google-maps-dsvgo-2022 a {
    color: var(--neue-text-farbe);
}

div#footer-ganz-unten a {
    color: #fff!important;
}
.et-fixed-header #et-top-navigation #top-menu a:hover {
    color: var(--link-color-hover);

}

body div#top-header.ikdev .container{
    max-width: 1980px;
    width: 80%;
    margin: auto;
    padding-left: 0;
    padding-right: 0;
}

body.et_fullwidth_nav #main-header .container {
    max-width: 1980px;
    width: 80%;
    margin: auto;
    padding-left: 0;
    padding-right: 0;

}
div#footer-ganz-unten {
    padding-top: 0;
    padding-bottom: 0;
    background: #165962;
    color: #fff;
    font-size: 14px;
}
div#footer-ganz-unten a {
    color: #fff;

}
div#footer-ganz-unten a:hover {
    color: #f9efd4;

}

div#footer-ganz-unten .et_pb_row_0_tb_footer {
    padding-top: 0;
    padding-bottom: 0;
    border: none;
}

#wptoolbox-footer.footer-wrapper {
    border: none;
}


/* CF7 Formular */
div#anfrage-kontaktformular {
    color: var(--neue-text-farbe);
}

/* ---------- Layout: Zeilen als Flex-Row ---------- */
#anfrage-kontaktformular .neueiue-zeile,
#anfrage-kontaktformular .neue-zeile {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 30px;
    gap: 20px;
}

/* Hinweiszeile */
#anfrage-kontaktformular .fett {
    display: block;
    width: 100%;
}

/* Labels: Spalten + Feld + Fehlermeldung untereinander */
#anfrage-kontaktformular label.kontaktformular_label {
    display: flex;
    flex-direction: column;
    gap: 6px;
    box-sizing: border-box;
    margin: 0;
}

/* CF7 Wrap */
#anfrage-kontaktformular .wpcf7-form-control-wrap {
    display: block;
}

/* Controls füllen die Spalte */
#anfrage-kontaktformular input,
#anfrage-kontaktformular select,
#anfrage-kontaktformular textarea {
    width: 100%;
    box-sizing: border-box;
}

/* ---------- Spaltenbreiten ---------- */
#anfrage-kontaktformular .breite-anrede  {
    width: calc(20% - 20px);
}
#anfrage-kontaktformular .breite-name    {
    width: calc(40% - 20px);
}
#anfrage-kontaktformular .breite-vorname {
    width: calc(40% - 20px);
}

#anfrage-kontaktformular .breite-strasse-nr {
    width: calc(100% - 20px);
}
#anfrage-kontaktformular .breite-nachricht {
    width: calc(100% - 20px);
}

.wpcf7-response-output {
    width: calc(100% - 25px);
}

#anfrage-kontaktformular .breite-plz {
    width: calc(30% - 20px);
}
#anfrage-kontaktformular .breite-ort {
    width: calc(70% - 20px);
}

#anfrage-kontaktformular .breite-telefon {
    width: calc(50% - 20px);
}
#anfrage-kontaktformular .breite-email   {
    width: calc(50% - 20px);
}

/* optional */
#anfrage-kontaktformular .breite-freitext {
    width: 100%;
}

/* ---------- Divi Look für CF7 Textfelder/Select/Textarea ---------- */
#anfrage-kontaktformular .wpcf7-form-control:not([type="checkbox"]):not([type="radio"]):not(.wpcf7-submit) {
    -webkit-appearance: none;
    appearance: none;
    background-color: #eee;
    border: 0;
    border-radius: 0;
    color: #000;
    font-size: 14px;
    padding: 16px;
    box-sizing: border-box;
}

/* Select wie Divi */
#anfrage-kontaktformular select.wpcf7-form-control {
    padding: 16px 20px 16px 16px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

/* ---------- Fehlermeldungen (Pflichtfeld) ---------- */
#anfrage-kontaktformular .wpcf7-not-valid-tip {
    display: block;
    width: 100%;
    margin: 0;          /* kein extra Abstand */
    padding: 5px 0 0 0;
    font-size: 14px;
    line-height: 1.3;
}

/* Optional: Feld markieren */
#anfrage-kontaktformular .wpcf7-not-valid {
    outline: 2px solid #d63638;
    outline-offset: 2px;
}
/* CF7 Checkbox-Wrapper darf niemals rot umrandet werden */
#anfrage-kontaktformular .wpcf7-checkbox.wpcf7-not-valid {
    outline: none !important;
    border: none !important;
}
/* Nur das eigentliche Checkbox-Feld bei Fehler markieren */
#anfrage-kontaktformular .wpcf7-checkbox.wpcf7-not-valid input[type="checkbox"] {
    outline: 2px solid #d63638;
    outline-offset: 2px;
}

#anfrage-kontaktformular .neue-zeile.checkboxen .wpcf7-not-valid-tip {
    margin-left: 26px; /* ungefähr Checkbox + gap */
}
#anfrage-kontaktformular
.wpcf7-not-valid:not([type="checkbox"]):not([type="radio"]):not(.wpcf7-checkbox) {
    outline: 2px solid #d63638;
    outline-offset: 2px;
}
/* ---------- Checkboxen: KEIN Abstand, KEIN Hintergrund ---------- */
#anfrage-kontaktformular .neue-zeile.checkboxen {
    display: block;
    padding-bottom: 20px;
    text-align: left;
}

/* Wrapper sauber */
#anfrage-kontaktformular .neue-zeile.checkboxen .wpcf7-form-control.wpcf7-checkbox {
    display: block;
    margin: 0px 0 0 -4px;
    padding: 0;
    background-color: transparent;
    color: var(--neue-text-farbe);
}

/* Kein Listen-Margin */
#anfrage-kontaktformular .neue-zeile.checkboxen .wpcf7-list-item {
    display: block;
    margin: 0;
}

/* Checkbox + Text nebeneinander */
#anfrage-kontaktformular .neue-zeile.checkboxen .wpcf7-list-item > label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0;
    padding: 0;
    background: transparent;
}

/* Checkbox selbst: keine Fläche, kein Padding, kein Background */
#anfrage-kontaktformular .neue-zeile.checkboxen input[type="checkbox"] {
    width: auto;
    margin: 5px 0 0 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-appearance: checkbox;
    appearance: checkbox;
}

/* Text sauber umbrechen */
#anfrage-kontaktformular .neue-zeile.checkboxen .wpcf7-list-item-label {
    display: block;
    flex: 1;
    margin: 0;
    padding: 0;
    background: transparent;
    line-height: 1.5;
}

#anfrage-kontaktformular .neue-zeile.submit-row {
    padding-bottom: 0;
}

/* Den Kontaktformular-Button an den Divi-Button anpassen */
body #page-container #anfrage-kontaktformular .wpcf7-submit {
    color: #FFFFFF !important;
    border-width: 0px !important;
    border-radius: 20px !important; /* Abgerundet wie der Divi-Button */
    font-size: 16px !important;
    font-family: inherit !important;
    font-weight: 600 !important;
    background-color: #eeca1a !important; /* Dein Gelbwert */
    padding: 12px 24px !important;
    cursor: pointer;
    text-transform: none; /* Falls der Divi-Button nicht alles groß schreibt */
    transition: all 0.3s ease;
}


/* Spinner optional */
#anfrage-kontaktformular .wpcf7-spinner {
    margin-left: 10px;
}

.et-fixed-header #top-menu .nav-button-gelb-logo a ,
.et-fixed-header #top-menu .nav-button-gelb a {
    color: #ffffff !important;            /* Weißer Text */

}

.nav-button-gelb a {
    background-color: var(--kunde-farbe-2)!important; /* Gold-Gelb */
    color: #ffffff !important;            /* Weißer Text */
    padding: 12px 18px !important;         /* Abstände innen */
    border-radius: 40px !important;       /* Voll abgerundet (Pillen-Form) */
    display: flex !important;             /* Zentriert Icon und Text */
    align-items: center;
    transition: background 0.3s ease;
}
.et-fixed-header #top-menu .nav-button-gelb a:hover{
    background-color: #12555e !important; /* Gold-Gelb */
}

.et_header_style_left  #et-top-navigation {
    padding-bottom: 0px;
}
.et_header_style_left .et-fixed-header #et-top-navigation {
    padding-bottom: 15px;
}

/* =========================================================
   Tablet & kleiner: alle Felder 100%
   ========================================================= */
@media (max-width: 992px) {

    #anfrage-kontaktformular .neue-zeile {
        gap: 16px; /* optional: etwas kompakter */
    }

    #anfrage-kontaktformular label.kontaktformular_label {
        width: 100% !important;
    }

    /* explizit alle Breiten zurücksetzen */
    #anfrage-kontaktformular .breite-anrede,
    #anfrage-kontaktformular .breite-name,
    #anfrage-kontaktformular .breite-vorname,
    #anfrage-kontaktformular .breite-nachricht,
    #anfrage-kontaktformular .breite-strasse-nr,
    #anfrage-kontaktformular .breite-plz,
    #anfrage-kontaktformular .breite-ort,
    #anfrage-kontaktformular .breite-telefon,
    #anfrage-kontaktformular .breite-email,
    #anfrage-kontaktformular .breite-freitext {
        width: 100% !important;
    }

}
/* Basis: neutral (Text schwarz), Rahmen standard */
#anfrage-kontaktformular-modul .wpcf7-response-output {
    margin: 20px 0 0;
    padding: 12px 14px;
    border: 2px solid #000;
    background: transparent;
    color: #000;
    border-radius: 0;
    line-height: 1.4;
    text-align: center; /* falls gewünscht */
}

/* Erfolg: grün */
#anfrage-kontaktformular-modul form.wpcf7-form.sent .wpcf7-response-output {
    border-color: #2e7d32;
    color: #000;
}

/* Fehler: rot */
#anfrage-kontaktformular-modul form.wpcf7-form.invalid .wpcf7-response-output,
#anfrage-kontaktformular-modul form.wpcf7-form.unaccepted .wpcf7-response-output,
#anfrage-kontaktformular-modul form.wpcf7-form.payment-required .wpcf7-response-output {
    border-color: #d63638;
    color: #000;
}

/* Google Maps */
div#google_map_dsvgo-row {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    min-height: 400px;
    background-image: url(/wp-content/themes/Divi-Child-Theme/assets/img/psychotherpie-koeln.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}

.card.card-google-maps-dsvgo-2022 {
    border: 1px solid #9fb083;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    width: 80%;
    min-width: 300px;
    margin: auto;
    font-weight: normal;
    background: #fff;
}
div#google-maps-dsvgo-2022 {
    width: 100%;
    text-align: center;
    padding-top: 200px;
}
.card.card-google-maps-dsvgo-2022 a:hover {
    color: #000;
}

/* laogo fix */
@media (min-width: 981px) {
    .et_hide_fixed_logo #main-header.et-fixed-header #theme-header-logo-container{
        opacity: 1;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        width: 100%;
        height: 100%;
    }
}/* Styling für den Telefon-Button im Menü */


/* Das Telefon-Icon hinzufügen */

.nav-button-gelb-logo a:before ,
.nav-button-gelb a:before {
    content: "\e090";                     /* Divi Icon Code für Hörer/Telefon */
    font-family: 'ETmodules' !important;
    margin-right: 8px;
    font-size: 16px;
}

/* Hover-Effekt: Etwas dunkler beim Drüberfahren */
.nav-button-gelb-logo:hover ,
.nav-button-gelb a:hover {
    background-color: #cf9f1a !important;
}
/* Container als Flexbox mit automatischem Zeilenumbruch */
.h-und-p-in-einer-zeile .et_pb_text_inner {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start;
}



/* --- DESKTOP ANSICHT (Ab 981px - Divi Standard) --- */
@media (min-width: 981px) {

    /* Das h3 verhält sich exakt wie .et_pb_column_1_3 */
    .h-und-p-in-einer-zeile .et_pb_text_inner h3 {
        width: 29.6667% !important;
        margin-right: 5.5% !important;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 1.4em;
        color: var(--link-color-standard);

    }

    /* Das p verhält sich exakt wie .et_pb_column_2_3 (Letztes Element) */
    .h-und-p-in-einer-zeile .et_pb_text_inner p {
        width: 64.833% !important;
        margin-right: 0 !important; /* entspricht et-last-child */
    }
}

/* Abstand nach unten für die einzelnen Zeilen (nach Wunsch anpassen) */
.h-und-p-in-einer-zeile .et_pb_text_inner h3,
.h-und-p-in-einer-zeile .et_pb_text_inner p {
    margin-top: 0 !important;
}

/* --- MOBILE & TABLET ANSICHT (Unter 981px) --- */
@media (max-width: 980px) {

    /* Beide Container nehmen 100% ein (untereinander) */
    .h-und-p-in-einer-zeile .et_pb_text_inner h3,
    .h-und-p-in-einer-zeile .et_pb_text_inner p {
        width: 100% !important;
        margin-right: 0 !important;
    }

    /* Weniger Abstand zwischen Datum und Text auf dem Handy */
    .h-und-p-in-einer-zeile .et_pb_text_inner h3 {

    }

    /* Abstand zum nächsten Block auf dem Handy */
    .h-und-p-in-einer-zeile .et_pb_text_inner p {
        padding-bottom: 20px;
    }
}

/* --- Desktop (Standard) --- */
body.home div#raum-zur-persoenlichen-entwicklung h2{
    text-align: left; 
    
}
body.home div#raum-zur-persoenlichen-entwicklung h2,
body.home h1{
    font-weight: 600;
    font-size: 50px;
    color: var(--neue-text-farbe);
    line-height: 1.4em;
    padding-bottom: 40px;
}
body.home div#raum-zur-persoenlichen-entwicklung h3,
body.home h2     {
    font-weight: 600;
    font-size: 40px;
    color: var(--neue-text-farbe);
    line-height: 1.4em;
    padding-bottom: 40px;
}
div#startseite-hero-h1-begrenzt ,
div#startseite-hero-h2-begrenzt {
    margin-bottom: 20px;
}


body.home div#raum-zur-persoenlichen-entwicklung h3{
    text-align: left;
}


body.home h2.et_pb_module_heading {
    font-weight: 600;
    font-size: 40px;
    color: var(--neue-text-farbe);
    line-height: 1.2em;
    text-align: center;
}

.h2-section h2{
    line-height: 1.2em;
    text-align: center;
    font-weight: 600;
    font-size: 40px;
    text-align: center;
}
div#barrierefreiheitserklaerung-hero h1.et_pb_module_heading,
div#impressum-hero h1,
div#datenschutz h1,
/* wegbeschreibung-und-kontakt */
div#wegbeschreibung-und-kontakt-kontaktformular-und-wegbeschreibung h2,
/* downloadbereich */
div#downloadbereich-hero h1 ,
/* ablauf-und-kosten/ */
div#ablauf-und-kosten-hero h1.et_pb_module_heading,
div#ablauf-und-kosten-vertrauen-sie-auf-meine-expertise h2.et_pb_module_header,
div#ablauf-und-kosten-vertrauen-sie-auf-meine-expertise-unten h2.et_pb_module_header,
´/* therapieangebote */
div#therapieangebote-wobei-ich-sie-unterstuetzen-kann h2.et_pb_module_heading,
div#therapieangebote-vertrauen-sie-auf-meine-expertise h2.et_pb_module_header,
div#therapieangebote-therapieangebote h2,
div#therapieangebote-verhaltenstherapie-vt h2.et_pb_module_heading,
div#therapieangebote-traumatherapie-mit-emdr h2.et_pb_module_heading,
div#therapieangebote-selecton-coaching-supervision h2.et_pb_module_heading,
div#therapieangebote-call-to-action-vertrauen-sie-auf-meine-expertise h2.et_pb_module_header,
div#therapieangebote-ich-bin-fuer-sie-da-info h2.et_pb_module_heading ,
/* ueber-mich */
div#ueber-mich-hero h1,
div#ueber-mich-kooperationen-und-netzwerk h2,
div#ueber-mich-mitgliedschaften h2.et_pb_module_heading,
div#ueber-mich-psychotherapeutenkammer-nrw h2.et_pb_module_heading,
/* home */
body.home h2.et_pb_module_header ,
.vereinbaren-sie-einen-termin h2,
.ichbinfuersieda h2,
div#informationenh h2.et_pb_module_heading,
div#informationen  h2,
.ich-bin-fuer-sie-da h2 {
    font-weight: 600;
    font-size: 40px;
    text-align: center;

}

/* h2 Style*/
/* wegbeschreibung-und-kontakt */
div#wegbeschreibung-und-kontakt-hero h1.et_pb_module_heading,
div#wegbeschreibung-und-kontakt-kontaktformular h3,
div#wegbeschreibung-und-kontakt-wegbeschreibung h3,
/* downloadbereich */
div#downloadbereich-informationen-und-formulare  h2.et_pb_module_heading,
/* ablauf-und-kosten */
div#erstattung h2.et_pb_module_heading,
div#kosten-honorar h2.et_pb_module_heading,
div#ablauf h2.et_pb_module_heading,
div#ablauf-und-kosten-hero h2.et_pb_module_heading,

/* therapieangebote */
div#therapieangebote-hero h1.et_pb_module_heading,
/* ueber-mich */
div#ueber-mich-aktuelle-weiterbildung h2.et_pb_module_heading,
div#ueber-mich-hero h2.et_pb_module_heading{
    font-size: 40px;
    color: var(--neue-text-farbe);
    line-height: 1.3em;
    font-weight: 400;
}

/* h3 Style*/
div#therapieangebote-therapieangebote h3{
    line-height: 1.3em;
    font-weight: 400;
    color: var(--neue-text-farbe);
    font-size: 22px;
}
div#startseite-hero-row-begrenzt {
    max-width: 660px;
}
.h-und-icon-mit-kundenfarbe h3 {
    color: var(--link-color-standard);

}
.h-und-icon-mit-kundenfarbe .h3-text-farbe h3 {
    color: var(--neue-text-farbe);

}
div#angebote h3.et_pb_module_header ,
div#probleme h3.et_pb_module_header {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4em;
}

div#startseite-meldung p{
    font-size: 26px;
    color: #fff;
    font-weight: 400;
    line-height: 1.7em;
}

span.nav-button-gelb {
    float: left;
    margin-left: 20px;
    margin-top: -16px;
}
span.nav-button-gelb-logo {
    display: none;
}

.entry-content div#ueber-mich table,
.entry-content div#ueber-mich tbody,
.entry-content div#ueber-mich tr,
.entry-content div#ueber-mich tr td{
    border: none;
    vertical-align: top;
}
.et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 30px;
}



    header#main-header {
        position: fixed!important;
    }
    #main-header.et-fixed-header .mobile_menu_bar {
        padding-bottom: 0;
    }
    ul#mobile_menu {
        padding: 20px 40px;
    }

    #main-header.et-fixed-header ul#mobile_menu {
        margin-top: 15px;
    }
    ul#mobile_menu li.current-menu-ancestor>a, ul#mobile_menu li.current-menu-item>a, ul#mobile_menu li.current_page_item>a {
        color: #12555e;
    }
    body.et_header_style_left #et-top-navigation,
    body.et_header_style_split #et-top-navigation {
        padding: 30px 0 0 0;
    }
    body.et_header_style_left #et-top-navigation .et_mobile_menu li a{
        padding: 10px 0;
        border-bottom: 1px solid var(--link-color-standard);
    }
    body.et_header_style_left #et-top-navigation .menu-item-has-children>a {
        background-color:transparent;
    }
    body.et_header_style_left #et-top-navigation ul#mobile_menu li ul.sub-menu {
        padding-left: 0;

    }
    body.et_header_style_left #et-top-navigation ul#mobile_menu li ul.sub-menu li {
        padding-left: 0;
    }
    .nav-button-gelb a {
        padding: .3em 1em!important;
    }
    /* --- Untermenü-Punkte im Mobile Menu mit L-Icon --- */

    /* 1. Platz schaffen für das Icon */
    body.et_header_style_left #et-top-navigation ul#mobile_menu li ul.sub-menu li a {
        padding-left: 20px !important;
        position: relative;
    }

    /* 2. Das L-Zeichen automatisch einfügen */
    body.et_header_style_left #et-top-navigation ul#mobile_menu li ul.sub-menu li a::before {
        content: "\2514"; /* Das Hex-Code für └ */
        position: absolute;
        left: 0px;       /* Position des Icons vom linken Rand */
        top: 50%;         /* Zentrierung von oben */
        transform: translateY(-50%); /* Exakte vertikale Mitte */
        color: var(--neue-text-farbe);
        /* Farbe des Zeichens */
        font-weight: bold;
        font-size: 18px;  /* Größe des Zeichens */
    }
    #top-menu {
        display: none;
    }
    #et_mobile_nav_menu {
        display: block;
    }

    span.nav-button-gelb {
        float: left;
        margin-left: 0px;
        margin-right:20px;
        margin-top: -2px;
    }
    .nav-button-gelb a {
        /*padding: 8px 16px !important;
     border-radius: 10px !important;*/
        max-width: max-content;
        border-bottom: none !important;
    }
    div#footer-column-3,
    div#footer-column-2{
        padding-bottom: 10px;
    }
    div#footer-column-3,
    div#footer-column-2,
    div#footer-column-1{
        flex-basis: 100%;
        text-align: center;
        line-height: 1.4;
    }
    .footer-ik-websites {
        text-align: center;

    }

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

    div#startseite-hero-h2-begrenzt {
        max-width: 430px;
    }

    #startseite-hero-text-begrenzt {
        max-width: 430px;
    }
    body.home h1{
        font-weight: 600;
        font-size: 40px;
        padding-bottom: 30px;
    }
    body.home div#raum-zur-persoenlichen-entwicklung h3,
    body.home h2     {
        font-weight: 600;
        font-size: 30px;
        padding-bottom: 0px;
    }
    body.home h2.et_pb_module_heading {
        font-size: 40px;

    }
    div#barrierefreiheitserklaerung-hero h1.et_pb_module_heading,
    div#impressum-hero h1,
    div#datenschutz h1,
    /* wegbeschreibung-und-kontakt */
    div#wegbeschreibung-und-kontakt-kontaktformular-und-wegbeschreibung h2,
    /* downloadbereich */
    div#downloadbereich-hero h1 ,
    /* ablauf-und-kosten/ */
    div#ablauf-und-kosten-hero h1.et_pb_module_heading,
    div#ablauf-und-kosten-vertrauen-sie-auf-meine-expertise h2.et_pb_module_header,
    div#ablauf-und-kosten-vertrauen-sie-auf-meine-expertise-unten h2.et_pb_module_header,
    ´/* therapieangebote */
    div#therapieangebote-wobei-ich-sie-unterstuetzen-kann h2.et_pb_module_heading,
    div#therapieangebote-vertrauen-sie-auf-meine-expertise h2.et_pb_module_header,
    div#therapieangebote-therapieangebote h2,
    div#therapieangebote-verhaltenstherapie-vt h2.et_pb_module_heading,
    div#therapieangebote-traumatherapie-mit-emdr h2.et_pb_module_heading,
    div#therapieangebote-selecton-coaching-supervision h2.et_pb_module_heading,
    div#therapieangebote-call-to-action-vertrauen-sie-auf-meine-expertise h2.et_pb_module_header,
    div#therapieangebote-ich-bin-fuer-sie-da-info h2.et_pb_module_heading ,
    /* ueber-mich */
    div#ueber-mich-hero h1,
    div#ueber-mich-kooperationen-und-netzwerk h2,
    div#ueber-mich-mitgliedschaften h2.et_pb_module_heading,
    div#ueber-mich-psychotherapeutenkammer-nrw h2.et_pb_module_heading,
    /* home */
    .vereinbaren-sie-einen-termin h2,
    .ichbinfuersieda h2,
    div#informationen  h2,
    .ich-bin-fuer-sie-da h2 {
        font-weight: 600;
        font-size: 40px;
        text-align: center;

    }
    



    /* h2 Style*/
    /* wegbeschreibung-und-kontakt */
    div#wegbeschreibung-und-kontakt-hero h1.et_pb_module_heading,
    div#wegbeschreibung-und-kontakt-kontaktformular h3,
    div#wegbeschreibung-und-kontakt-wegbeschreibung h3,
    /* downloadbereich */
    div#downloadbereich-informationen-und-formulare  h2.et_pb_module_heading,
    /* ablauf-und-kosten */
    div#erstattung h2.et_pb_module_heading,
    div#kosten-honorar h2.et_pb_module_heading,
    div#ablauf h2.et_pb_module_heading,
    div#ablauf-und-kosten-hero h2.et_pb_module_heading,

    /* therapieangebote */
    div#therapieangebote-hero h1.et_pb_module_heading,
    /* ueber-mich */
    div#ueber-mich-aktuelle-weiterbildung h2.et_pb_module_heading,
    div#ueber-mich-hero h2.et_pb_module_heading{
        font-size: 30px;
    }

    /* h3 Style*/
    div#therapieangebote-therapieangebote h3{

    }

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

    div#startseite-hero-h2-begrenzt {
        max-width: 400px;
    }


    #startseite-hero-text-begrenzt {
        max-width: 400px;
    }
    
    body.home div#raum-zur-persoenlichen-entwicklung h2,
    body.home h1{
        font-weight: 600;
        font-size: 33px;
        padding-bottom: 10px;
    }
    body.home div#raum-zur-persoenlichen-entwicklung h3,
    body.home h2     {
        font-weight: 600;
        font-size: 23px;
        padding-bottom: 10px;
    }
    div#barrierefreiheitserklaerung-hero h1.et_pb_module_heading,
    div#impressum-hero h1,
    div#datenschutz h1,
    /* wegbeschreibung-und-kontakt */
    div#wegbeschreibung-und-kontakt-kontaktformular-und-wegbeschreibung h2,
    /* downloadbereich */
    div#downloadbereich-hero h1 ,
    /* ablauf-und-kosten/ */
    div#ablauf-und-kosten-hero h1.et_pb_module_heading,
    div#ablauf-und-kosten-vertrauen-sie-auf-meine-expertise h2.et_pb_module_header,
    div#ablauf-und-kosten-vertrauen-sie-auf-meine-expertise-unten h2.et_pb_module_header,
    ´/* therapieangebote */
    div#therapieangebote-wobei-ich-sie-unterstuetzen-kann h2.et_pb_module_heading,
    div#therapieangebote-vertrauen-sie-auf-meine-expertise h2.et_pb_module_header,
    div#therapieangebote-therapieangebote h2,
    div#therapieangebote-verhaltenstherapie-vt h2.et_pb_module_heading,
    div#therapieangebote-traumatherapie-mit-emdr h2.et_pb_module_heading,
    div#therapieangebote-selecton-coaching-supervision h2.et_pb_module_heading,
    div#therapieangebote-call-to-action-vertrauen-sie-auf-meine-expertise h2.et_pb_module_header,
    div#therapieangebote-ich-bin-fuer-sie-da-info h2.et_pb_module_heading ,
    /* ueber-mich */
    div#ueber-mich-hero h1,
    div#ueber-mich-kooperationen-und-netzwerk h2,
    div#ueber-mich-mitgliedschaften h2.et_pb_module_heading,
    div#ueber-mich-psychotherapeutenkammer-nrw h2.et_pb_module_heading,
    /* home */
    body.home h2.et_pb_module_heading,
    body.home h2.et_pb_module_header ,
    .vereinbaren-sie-einen-termin h2,
    .ichbinfuersieda h2,
    div#informationen  h2,
    .ich-bin-fuer-sie-da h2 {
        font-weight: 600;
        font-size: 33px;
        text-align: center;

    }


    /* h2 Style*/
    /* wegbeschreibung-und-kontakt */
    div#wegbeschreibung-und-kontakt-hero h1.et_pb_module_heading,
    div#wegbeschreibung-und-kontakt-kontaktformular h3,
    div#wegbeschreibung-und-kontakt-wegbeschreibung h3,
    /* downloadbereich */
    div#downloadbereich-informationen-und-formulare  h2.et_pb_module_heading,
    /* ablauf-und-kosten */
    div#erstattung h2.et_pb_module_heading,
    div#kosten-honorar h2.et_pb_module_heading,
    div#ablauf h2.et_pb_module_heading,
    div#ablauf-und-kosten-hero h2.et_pb_module_heading,

    /* therapieangebote */
    div#therapieangebote-hero h1.et_pb_module_heading,
    /* ueber-mich */
    div#ueber-mich-aktuelle-weiterbildung h2.et_pb_module_heading,
    div#ueber-mich-hero h2.et_pb_module_heading{

    }

    /* h3 Style*/
    div#therapieangebote-therapieangebote h3{
        font-size: 22px;
    }
}
@media only screen and (max-width: 1124px) {

    div#startseite-hero-h2-begrenzt {
        max-width: 350px;
    }
    #startseite-hero-text-begrenzt {
        max-width: 325px;
    }
}
/* --- Tablet (980px und kleiner) --- */
@media only screen and (max-width: 980px) {
    #startseite-hero-text-begrenzt,
    div#startseite-hero-h2-begrenzt ,
    div#startseite-hero-h1-begrenzt {
        max-width: 475px;
    }

    div#text-zeile-1 {
        max-width: 600px;
    }
    div#text-zeile-1 p {
        max-width: 300px;
        display: inline-block;
    }

    div#startseite-meldung p {
        font-size: 23px;
    }
    div#barrierefreiheitserklaerung-hero h1.et_pb_module_heading,
    div#impressum-hero h1,
    div#datenschutz h1,
    /* wegbeschreibung-und-kontakt */
    div#wegbeschreibung-und-kontakt-kontaktformular-und-wegbeschreibung h2,
    /* downloadbereich */
    div#downloadbereich-hero h1 ,
    /* ablauf-und-kosten/ */
    div#ablauf-und-kosten-hero h1.et_pb_module_heading,
    div#ablauf-und-kosten-vertrauen-sie-auf-meine-expertise h2.et_pb_module_header,
    div#ablauf-und-kosten-vertrauen-sie-auf-meine-expertise-unten h2.et_pb_module_header,
    ´/* therapieangebote */
    div#therapieangebote-wobei-ich-sie-unterstuetzen-kann h2.et_pb_module_heading,
    div#therapieangebote-vertrauen-sie-auf-meine-expertise h2.et_pb_module_header,
    div#therapieangebote-therapieangebote h2,
    div#therapieangebote-verhaltenstherapie-vt h2.et_pb_module_heading,
    div#therapieangebote-traumatherapie-mit-emdr h2.et_pb_module_heading,
    div#therapieangebote-selecton-coaching-supervision h2.et_pb_module_heading,
    div#therapieangebote-call-to-action-vertrauen-sie-auf-meine-expertise h2.et_pb_module_header,
    div#therapieangebote-ich-bin-fuer-sie-da-info h2.et_pb_module_heading ,
    /* ueber-mich */
    div#ueber-mich-hero h1,
    div#ueber-mich-kooperationen-und-netzwerk h2,
    div#ueber-mich-mitgliedschaften h2.et_pb_module_heading,
    div#ueber-mich-psychotherapeutenkammer-nrw h2.et_pb_module_heading,
    /* home */
    .h2-section h2,
    body.home h2.et_pb_module_heading,
    body.home h2.et_pb_module_header ,
    .vereinbaren-sie-einen-termin h2,
    .ichbinfuersieda h2,
    div#informationen  h2,
    .ich-bin-fuer-sie-da h2 {
        font-weight: 600;
        font-size: 28px;
        text-align: center;

    }
 

    /* h2 Style*/
    /* wegbeschreibung-und-kontakt */
    div#wegbeschreibung-und-kontakt-hero h1.et_pb_module_heading,
    div#wegbeschreibung-und-kontakt-kontaktformular h3,
    div#wegbeschreibung-und-kontakt-wegbeschreibung h3,
    /* downloadbereich */
    div#downloadbereich-informationen-und-formulare  h2.et_pb_module_heading,
    /* ablauf-und-kosten */
    div#erstattung h2.et_pb_module_heading,
    div#kosten-honorar h2.et_pb_module_heading,
    div#ablauf h2.et_pb_module_heading,
    div#ablauf-und-kosten-hero h2.et_pb_module_heading,

    /* therapieangebote */
    div#therapieangebote-hero h1.et_pb_module_heading,
    /* ueber-mich */
    div#ueber-mich-aktuelle-weiterbildung h2.et_pb_module_heading,
    div#ueber-mich-hero h2.et_pb_module_heading{
        font-size: 26px;
    }

    /* h3 Style*/
    div#therapieangebote-therapieangebote h3{
        font-size: 20px;
    }

}


/* --- Smartphone (767px und kleiner) --- */
@media only screen and (max-width: 768px) {
    div#text-zeile-1 {
        max-width: 100%;
    }
    div#text-zeile-1 p {
        max-width: 100%;
        display: block;
    }

}
@media only screen and (max-width: 767px) {
    #startseite-hero-text-begrenzt,
    div#startseite-hero-h2-begrenzt ,
    div#startseite-hero-h1-begrenzt {
        max-width: 100%;
    }
    div#barrierefreiheitserklaerung-hero h1.et_pb_module_heading,
    div#impressum-hero h1,
    div#datenschutz h1,
    /* wegbeschreibung-und-kontakt */
    div#wegbeschreibung-und-kontakt-kontaktformular-und-wegbeschreibung h2,
    /* downloadbereich */
    div#downloadbereich-hero h1 ,
    /* ablauf-und-kosten/ */
    div#ablauf-und-kosten-hero h1.et_pb_module_heading,
    div#ablauf-und-kosten-vertrauen-sie-auf-meine-expertise h2.et_pb_module_header,
    div#ablauf-und-kosten-vertrauen-sie-auf-meine-expertise-unten h2.et_pb_module_header,
    ´/* therapieangebote */
    div#therapieangebote-wobei-ich-sie-unterstuetzen-kann h2.et_pb_module_heading,
    div#therapieangebote-vertrauen-sie-auf-meine-expertise h2.et_pb_module_header,
    div#therapieangebote-therapieangebote h2,
    div#therapieangebote-verhaltenstherapie-vt h2.et_pb_module_heading,
    div#therapieangebote-traumatherapie-mit-emdr h2.et_pb_module_heading,
    div#therapieangebote-selecton-coaching-supervision h2.et_pb_module_heading,
    div#therapieangebote-call-to-action-vertrauen-sie-auf-meine-expertise h2.et_pb_module_header,
    div#therapieangebote-ich-bin-fuer-sie-da-info h2.et_pb_module_heading ,
    /* ueber-mich */
    div#ueber-mich-hero h1,
    div#ueber-mich-kooperationen-und-netzwerk h2,
    div#ueber-mich-mitgliedschaften h2.et_pb_module_heading,
    div#ueber-mich-psychotherapeutenkammer-nrw h2.et_pb_module_heading,
    /* home */
    .h2-section h2,
    body.home h2.et_pb_module_heading,
    body.home h2.et_pb_module_header ,
    .vereinbaren-sie-einen-termin h2,
    .ichbinfuersieda h2,
    div#informationen  h2,
    .ich-bin-fuer-sie-da h2 {
        font-weight: 600;
        font-size: 28px;
        text-align: center;
                line-height: 1.4em;


    }


    /* h2 Style*/
    /* wegbeschreibung-und-kontakt */
    div#wegbeschreibung-und-kontakt-hero h1.et_pb_module_heading,
    div#wegbeschreibung-und-kontakt-kontaktformular h3,
    div#wegbeschreibung-und-kontakt-wegbeschreibung h3,
    /* downloadbereich */
    div#downloadbereich-informationen-und-formulare  h2.et_pb_module_heading,
    /* ablauf-und-kosten */
    div#erstattung h2.et_pb_module_heading,
    div#kosten-honorar h2.et_pb_module_heading,
    div#ablauf h2.et_pb_module_heading,
    div#ablauf-und-kosten-hero h2.et_pb_module_heading,

    /* therapieangebote */
    div#therapieangebote-hero h1.et_pb_module_heading,
    /* ueber-mich */
    div#ueber-mich-aktuelle-weiterbildung h2.et_pb_module_heading,
    div#ueber-mich-hero h2.et_pb_module_heading{

    }

    /* h3 Style*/
    div#therapieangebote-therapieangebote h3{

    }

}
@media only screen and (max-width: 625px) {
    body {
        font-size: 16px;
    }

    .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation {
        padding-top: 28px;
        display: block;
    }
    #main-header.et-fixed-header ul#mobile_menu {
        margin-top: 26px;
    }

    div#theme-header-logo-container span.logo_helper {
        height: 50px;
        ;
    }
    header#main-header.et-fixed-header {
        min-height: 86px;
    }
    div#theme-header-logo-container img#logo {
        max-height: 45px;
        max-width: 200px;
    }
    span.nav-button-gelb {
        display: none;
    }
    span.nav-button-gelb-logo {
        display: block;
        max-width: 200px;
    }
    .nav-button-gelb-logo a {
        background-color: var(--kunde-farbe-2)!important; /* Gold-Gelb */
        color: #ffffff !important;            /* Weißer Text */
        padding: 4px 12px !important;         /* Abstände innen */
        border-radius: 40px !important;       /* Voll abgerundet (Pillen-Form) */
        display: block;             /* Zentriert Icon und Text */
        align-items: center;
        transition: background 0.3s ease;
        max-width: max-content;
        font-size: 14px;
        line-height: 1.0;
    }
}
@media only screen and (max-width: 575px) {
    body.home div#raum-zur-persoenlichen-entwicklung h2,
    body.home h1{
        font-size: 30px;
        padding-bottom: 15px;
    }
    body.home div#raum-zur-persoenlichen-entwicklung h3,
    body.home h2     {
        font-size: 20px;
        padding-bottom: 15px;
    }
}
@media only screen and (max-width: 425px) {

    .card.card-google-maps-dsvgo-2022 {
        min-width: 260px;
    }
    div#barrierefreiheitserklaerung-hero h1.et_pb_module_heading,
    div#impressum-hero h1,
    div#datenschutz h1,
    /* wegbeschreibung-und-kontakt */
    div#wegbeschreibung-und-kontakt-kontaktformular-und-wegbeschreibung h2,
    /* downloadbereich */
    div#downloadbereich-hero h1 ,
    /* ablauf-und-kosten/ */
    div#ablauf-und-kosten-hero h1.et_pb_module_heading,
    div#ablauf-und-kosten-vertrauen-sie-auf-meine-expertise h2.et_pb_module_header,
    div#ablauf-und-kosten-vertrauen-sie-auf-meine-expertise-unten h2.et_pb_module_header,
    ´/* therapieangebote */
    div#therapieangebote-wobei-ich-sie-unterstuetzen-kann h2.et_pb_module_heading,
    div#therapieangebote-vertrauen-sie-auf-meine-expertise h2.et_pb_module_header,
    div#therapieangebote-therapieangebote h2,
    div#therapieangebote-verhaltenstherapie-vt h2.et_pb_module_heading,
    div#therapieangebote-traumatherapie-mit-emdr h2.et_pb_module_heading,
    div#therapieangebote-selecton-coaching-supervision h2.et_pb_module_heading,
    div#therapieangebote-call-to-action-vertrauen-sie-auf-meine-expertise h2.et_pb_module_header,
    div#therapieangebote-ich-bin-fuer-sie-da-info h2.et_pb_module_heading ,
    /* ueber-mich */
    div#ueber-mich-hero h1,
    div#ueber-mich-kooperationen-und-netzwerk h2,
    div#ueber-mich-mitgliedschaften h2.et_pb_module_heading,
    div#ueber-mich-psychotherapeutenkammer-nrw h2.et_pb_module_heading,
    /* home */
    .h2-section h2,
    body.home h2.et_pb_module_heading,
    body.home h2.et_pb_module_header ,
    .vereinbaren-sie-einen-termin h2,
    .ichbinfuersieda h2,
    div#informationen  h2,
    .ich-bin-fuer-sie-da h2 ,
    body.home div#raum-zur-persoenlichen-entwicklung h2,
    body.home h1 {
        font-size: 20px;
        padding-bottom: 15px;
    }


    /* h2 Style*/
    /* wegbeschreibung-und-kontakt */
    div#wegbeschreibung-und-kontakt-hero h1.et_pb_module_heading,
    div#wegbeschreibung-und-kontakt-kontaktformular h3,
    div#wegbeschreibung-und-kontakt-wegbeschreibung h3,
    /* downloadbereich */
    div#downloadbereich-informationen-und-formulare  h2.et_pb_module_heading,
    /* ablauf-und-kosten */
    div#erstattung h2.et_pb_module_heading,
    div#kosten-honorar h2.et_pb_module_heading,
    div#ablauf h2.et_pb_module_heading,
    div#ablauf-und-kosten-hero h2.et_pb_module_heading,

    /* therapieangebote */
    div#therapieangebote-hero h1.et_pb_module_heading,
    /* ueber-mich */
    div#ueber-mich-aktuelle-weiterbildung h2.et_pb_module_heading,
    div#ueber-mich-hero h2.et_pb_module_heading{
        font-size: 18px;
    }

    /* h3 Style*/
    div#therapieangebote-therapieangebote h3{
        font-size: 16px;
    }

    div#startseite-meldung p {
        font-size: 20px;
    }
    div#angebote h3.et_pb_module_header, div#probleme h3.et_pb_module_header {
        font-weight: 600;
        font-size: 16px;
        line-height: 1.4em;
    }
    div#anfrage-kontaktformular {
        font-size: 100%;
    }
    
    /* Wir machen aus der Tabelle, dem Body und der Zeile Block-Elemente */
    .entry-content div#ueber-mich table,
    .entry-content div#ueber-mich tbody,
    .entry-content div#ueber-mich tr,
    .entry-content div#ueber-mich td {
        display: block !important;
        width: 100% !important;
    }

    .entry-content div#ueber-mich td {
        padding: 5px 0; /* Etwas Abstand zwischen Datum und Text */
    }
}

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

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