/*
 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
------------------------------------------------------- */

/* Global */
.et_pb_row.img-bg { top: 50% !important; transform: translate(-50%, -50%) !important; filter: opacity(10%) !important; }
body.page-id-36 .et_pb_row.img-bg {  max-width: 750px; }
body.page-id-38 .et_pb_row.img-bg {  max-width: 750px; }

.trennlinien .et_pb_row { border-bottom: 1px solid #283582; }
.trennlinien .et_pb_row:last-child,
.trennlinien .et_pb_row:nth-last-child(2) { border-bottom: none; }
.themenfelder > .et_pb_with_border { border-top: none !important; position: relative;}
.themenfelder > .et_pb_with_border:before {
    content: '';
    display: block;
    height: 1px;
    width: calc(100% + 70px);
    background-color: #283582;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
body:not(.home) .themenfelder > div:last-child.bg-cols { display: flex; justify-content: center; }
body:not(.home) .themenfelder > div:last-child.bg-cols > div{ width: 31.3333%; }

.mobile-bar .et_pb_menu__menu { display: block; }
.mobile-bar .et_pb_menu__menu .et-menu {
    justify-content: center;
    flex-wrap: wrap;
}
.mobile-bar .et_pb_menu__menu .et-menu > li { width: 50%; }
.mobile-bar .et_pb_menu__menu .et-menu > li a { width: 100%; text-align: center; font-size: 14px !important; }
.mobile-bar .et_pb_menu__menu .et-menu > li:last-child { width: 100% !important; }
.mobile-bar .et_mobile_nav_menu { display: none; }

header > div > div:first-child.et_pb_sticky_module { transition: transform .5s ease-in-out; }
header.scrolling_down > div > div:first-child.et_pb_sticky_module { transform:translateY(-100%); }
header.scrolling_up > div > div:first-child.et_pb_sticky_module { transform:translateY(0); }

.et_pb_image .et_pb_image_wrap img[src*=".svg"] { width: 100%;  }
.et_pb_button { width: 100%; max-width: 265px; }
.et_pb_button.long-btn { max-width: none; width: auto; letter-spacing: 0;}

.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul { padding: 0 !important; }
.nav li li { padding-left: 0 !important; }
.nav li ul { box-shadow: none !important; border: none !important; width: 340px;}
.nav li li a { padding-left: 11px; font-size: 14px !important; font-weight: 400 !important; font-family: 'Grotesque Regular',Helvetica,Arial,Lucida,sans-serif !important; }
.nav li li,
.et-menu li li a { width: 100%; }
.et_mobile_menu li a:hover, .nav ul li a:hover {
    background-color: rgba(0,0,0,0) !important;
    opacity: 1 !important;
}

.subpage-header {
    aspect-ratio: 1072/617;
    height: auto;
    display: flex;
}
.subpage-header > div { margin-top: auto; }

h2 > em {
    text-transform: none !important;
    font-family: 'Grotesque Regular',Helvetica,Arial,Lucida,sans-serif !important;
    font-style: normal !important;
}

/* Header */
.btn-menu a {
    background-color: #d29b0a;
    border-width: 4px!important;
    border-color: #d29b0a;
    border-radius: 20px;
    padding: 0.3em 1em;
    line-height: 1.7em!important;
    padding-top: 7px;
}

/* HOme */
.kasten .et_pb_row,
.et_pb_row.kasten-row {
    display: flex !important;
    justify-content: space-between;
    max-width: 880px !important;
}
.kasten .et_pb_column_1_2,
.et_pb_row.kasten-row .et_pb_column {
    padding: 50px;
    border: 6px solid #E2EDED;
    border-radius: 6px;
    background-color: #E2EDED;
    width: calc(50% - 20px) !important;
    margin-bottom: 20px !important;
}
.kasten .et_pb_row:first-child .et_pb_column_1_2:last-child { background-color: transparent;  }
.kasten .et_pb_row:nth-child(2) .et_pb_column_1_2:first-child { background-color: transparent;  }
.kasten .et_pb_row:last-child .et_pb_column_1_2:last-child { background-color: transparent;  }
.kasten .et_pb_column_1_2,
.et_pb_row.kasten-row .et_pb_column { display: flex; flex-direction: column; }
.kasten .et_pb_column_1_2 > div,
.et_pb_row.kasten-row .et_pb_column > div { margin-bottom: 25px !important; }
.kasten .et_pb_column_1_2 > div:last-child,
.et_pb_row.kasten-row .et_pb_column > div:last-child { margin-bottom: 0 !important; margin-top: auto !important;}
.kasten .terminzeile,
.kasten .et_pb_column_1_2 > div.terminzeile,
.et_pb_row.kasten-row .et_pb_column > div.terminzeile { border-bottom: 1px solid #283582; margin-bottom: 10px !important; padding-bottom: 15px; }
.kasten .terminzeile.no-border,
.kasten .et_pb_column_1_2 > div.terminzeile.no-border,
.et_pb_row.kasten-row .et_pb_column > div.terminzeile.no-border { border-bottom: none !important; }
.kasten .terminzeile > div,
.et_pb_row.kasten-row .terminzeile > div {
    display: flex;
    justify-content: space-between;
}
.kasten .terminzeile > div > *:last-child,
.et_pb_row.kasten-row .terminzeile > div > *:last-child { text-align:right; }
.kasten .terminzeile p,
.et_pb_row.kasten-row .terminzeile p { padding: 0 !important;  }

.therapieformen { position: relative; padding-top: 0 !important; padding-bottom: 0 !important;}
.therapieformen:before {
    content: '';
    display: block;
    border: 6px solid #E2EDED;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 70px);
    height: calc(100% + 120px);
}

.therapieformen-links > .et_pb_code_inner {
    display: flex;
    flex-wrap: wrap;
    max-width: 880px;
    margin: 0 auto;
}
.therapieformen-links > .et_pb_code_inner > div {
    width: calc(50% - 20px);
    text-align: right;
    padding: 0;
    margin: 10px !important;
}
.therapieformen-links > .et_pb_code_inner > div:nth-child(even) { text-align:left; }
.therapieformen-links > .et_pb_code_inner > div:not(:last-child) > a,
.therapieformen-links > .et_pb_code_inner > div:not(:last-child) > a:hover { 
    text-align:center !important;
    min-width: 270px;
    width: 100%;
    background: #fff !important;
    color: #283582 !important;
    border-color: #fff !important;
    letter-spacing: 0px;
    border-radius: 1000px;
    line-height: 1.35em !important;
    min-height: 4em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: none;
}
.therapieformen-links > .et_pb_code_inner > div:last-child > a,
.therapieformen-links > .et_pb_code_inner > div:last-child > a:hover {
    text-align: center;
    min-height: 4em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 1000px;
    max-width: none;
    letter-spacing: 0px;
}
.therapieformen-links > .et_pb_code_inner > div > a:hover,
.therapieformen-links > .et_pb_code_inner > div:last-child > a:hover { letter-spacing: 1px !important; }
.therapieformen-links > .et_pb_code_inner > div > a i { font-style: normal !important; font-family: 'Grotesque Regular',Helvetica,Arial,Lucida,sans-serif !important; }

.bg-cols .et_pb_column { padding: 150px 10px 50px; }

/* Weitere Themenfelder */
.themenfelder .et_pb_bg_layout_light.et_pb_button,
.themenfelder .et_pb_bg_layout_light.et_pb_button:hover {
    background-color: rgba(255,255,255,.8) !important;
    color: #283582 !important;
    border-color: rgba(255,255,255,.8) !important;
}
.themenfelder .et_pb_bg_layout_light.et_pb_button:hover { color: #283582 !important; }

/* Rezepte */
.form-kontakt {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.form-kontakt > div:first-child { font-family: 'Grotesque Bold',Helvetica,Arial,Lucida,sans-serif; text-transform:uppercase; letter-spacing:1px; }
.form-kontakt > div { width: 50%; padding: 8px; }
.form-kontakt > div span { display: block; }
.form-kontakt > div span,
.form-kontakt > div.full,
.form-kontakt input,
.form-kontakt textarea,
.form-kontakt select { width: 100%; }
.form-kontakt input,
.form-kontakt textarea,
.form-kontakt select {
    background: #E2EDED;
    border-width: 0;
    padding: 8px;
}
.form-kontakt > div:last-child span { display: inline;  font-size: 12px;}
.form-kontakt > div:last-child input { width: auto; display: inline;}
.form-kontakt > div:last-child span.wpcf7-list-item { margin-left: 0; margin-bottom: 15px; }
.form-kontakt > div:last-child input.wpcf7-submit { margin: 25px auto 0; width: auto; background: #D29B0A; color: #fff; font-family: 'Grotesque Bold',Helvetica,Arial,Lucida,sans-serif; border-radius: 5px; padding: 5px 15px; display: block;}

/* Team */
.team-row { padding-left: 70px !important; padding-right: 70px !important; }

/* Kontakt */
.et_pb_row.kasten-row { justify-content: center; }
.et_pb_row.kasten-row .et_pb_column { max-width: 460px; background-color: transparent;}

/* Footer */
#footer-bottom > div { border-top: 1px solid #E2EDED; padding-top: 10px; }

@media ( max-width: 980px ) {
    .et_pb_menu_2_tb_header.et_pb_menu .et_mobile_nav_menu .mobile_nav .et_mobile_menu {
        width: 100vw;
        height: calc(100vh - 77px);
        transform: translateX(-31vw);
        background-color: #E2EDED !important;
    }
    .et_pb_menu_2_tb_header.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .et_mobile_menu{
        display: flex !important;
        flex-direction: column;
        justify-content: center;
    }
    .et_pb_menu_2_tb_header.et_pb_menu .et_mobile_nav_menu .et_mobile_menu a { color: #283582; font-size: 24px !important; text-transform: uppercase;}

    .mobile-full-width > div { width: 100%; }
    body.home .mobile-full-width { width: 100vw; max-width: none; transform: translateX(-10vw); }
    .et_pb_row_1_tb_header .et_pb_menu__wrap { justify-content: center !important; }
    .et_pb_row_0_tb_header > div.et_pb_column:first-child { width: 100px !important; }
    .et_pb_row_0_tb_header > div.et_pb_column:last-child { width: calc(100% - 100px) !important; }
    header .et_pb_column { margin-bottom: 0 !important; }
    .themenfelder > div:last-child.bg-cols,
    .kasten .et_pb_row, .et_pb_row.kasten-row {
        flex-direction: column;
        display: flex;
    }
    .themenfelder > div:last-child.bg-cols { align-items: center; }
    .themenfelder > div:last-child.bg-cols > div { max-width: 420px; }
    .kasten .et_pb_row, .et_pb_row.kasten-row { justify-content: center !important; align-items: center; }
    .et_pb_section.kasten div.et_pb_row .et_pb_column.et_pb_column_1_2,
    .et_pb_row.kasten-row .et_pb_column { width: 100% !important; max-width: 420px; margin: 25px 0 !important; }
    .kasten > div:nth-child(2) { flex-direction:column-reverse; }

    .therapieformen-links > .et_pb_code_inner { flex-direction: column; }
    .therapieformen-links > .et_pb_code_inner > div { width: 100%; margin: 15px 0 !important; }
    .therapieformen:before { width: calc(100% + 35px); height: calc(100% + 35px);}
    .team-row { padding-left: 0 !important; padding-right: 0 !important; }
    .et_pb_row.img-bg { width: 100vw; }
}

@media ( max-width: 479px ) {
    h1 { font-size: 24px !important; }
    h2 { font-size: 20px !important; }
    h3 { font-size: 18px !important; }
    .kasten .et_pb_column_1_2, .et_pb_row.kasten-row .et_pb_column { padding: 25px; }
    body.page-id-46 .form-row { width: 90%; }
    body.page-id-46 .form-row .et_pb_module.et_pb_code { padding: 25px !important; }
    body.page-id-46 .form-kontakt > div { width: 100%; }
    .kasten .et_pb_column_1_2 > div.terminzeile .et_pb_text_inner > p:first-child,
    .et_pb_row.kasten-row .terminzeile p:first-child { width: 25%; }
}