/*
 Theme Name:  Divi Child Theme
 Theme URI:    https://divilife.com
 Description:  Child Theme for Divi
 Author:       Tim Strifler
 Author URI:   https://divilife.com
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/

/* ===================================
   MODERNE HORIZONTALE NAVIGATION
   =================================== */

/* Header Layout */
.et_pb_row.floating-header-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}
.et_pb_row.floating-header-row .et_pb_column {
    float: none;
}
.et_pb_row.floating-header-row .et_pb_column:first-child {
    width: 160px;
    margin-right: 40px;
}

/* Smooth Transitions für alle Hover-Effekte */
.et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu * {
    transition: all 0.3s ease;
}

/* Desktop Navigation */
@media (min-width: 981px) {
    /* Horizontale Navigation anzeigen */
    .et_pb_menu__menu nav ul#menu-hauptnavigation-de {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        gap: 0.5rem;
        background: transparent;
        padding: 0;
        margin: 0;
        position: relative;
        width: auto !important;
        max-width: none !important;
        height: 60px;
        margin-left: -1rem; /* adjust for link padding on a */
    }

    /* Hauptmenüpunkte horizontal */
    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li {
        display: block;
        position: static;
        margin: 0;
        padding: 0;
        width: auto !important;
    }
    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li.home-link {
        display: none;
    }

    /* Links der Hauptnavigation */
    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li > a {
        display: block;
        padding: 0.75rem 1.25rem 0.75rem 1rem;
        color: #003A80;
        text-decoration: none;
        font-weight: 500;
        font-size: 1.05rem;
        border-radius: 10px;
        white-space: nowrap;
        line-height: 1.2;
        position: relative;
        transition: all 0.3s ease, border 0.5s ease;
    }
    /*
    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li > a::after {
        display:block;
        position: absolute;
        bottom: 10px;
        height: 3px;
        width: 3px;
        background-color: #003A80;
    }
    */
    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li > a {
        border-width: 2px;
        /* border-image-source: linear-gradient(to left, rgba(255,255,255, 1) 30%, rgba(11, 187, 239, 1) 30%, rgba(11, 187, 239, 1) 70%, rgba(255,255,255, 1) 70%); */
        border-image-source: linear-gradient(to left, rgba(255,255,255, 1) 30%, rgba(0, 58, 128, 0.15) 30%, rgba(0, 58, 128, 0.15) 70%, rgba(255,255,255, 1) 70%);
        border-bottom-style: solid;
        border-image-slice: 1;
        white-space: normal; 
        text-align: center;
    }
    
    .et-menu .menu-item-has-children > a:first-child::after {
        top: auto;
        right: 3px;
        font-size: 100%;
    }

    /* Hover-Effekt für Hauptnavigation */
    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li > a:hover, .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li > a:active, .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li > a:focus {
        color: #003a80;
        /*background-color: rgba(255,255,255,0.75);*/
        background-color: transparent;
        opacity: 1;
        border-width: 2px;
        border-image-source: linear-gradient(to left, rgba(255,255,255, 1) 20%, rgba(0, 58, 128, 1) 20%, rgba(0, 58, 128, 1) 80%, rgba(255,255,255, 1) 80%);
        border-bottom-style: solid;
        border-image-slice: 1;
    }
    /* Fokus-Styles für Barrierefreiheit */
    /*
.et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu a:focus, .et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu a:hover {
    outline: 1px solid #fff;
    outline-offset: 0;
}*/

    /* Aktuelle Seite hervorheben */
    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li.current-menu-item {
        /*background-color: #003a80;
        border-radius: 10px; */
    }
    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li.current-menu-item > a {
        /*color: #0bbbef;
        font-weight: 600;*/
    }


    /* Verstecke alle Untermenüs standardmäßig */
    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li.menu-item-has-children > ul.sub-menu {
        display: none;
        position: absolute;
        top: 60px;
        left: 0%;
        transform: translateX(0);
        background: #fff;
        box-shadow: 0 8px 32px rgba(0, 58, 128, 0.15);
        border-radius: 12px;
        padding: 2rem;
        min-width: 600px;
        width: 100%;
        z-index: 1000;
        margin-top: 22px;
        visibility: visible;
        opacity: 1;
    }

    /* Zeige Megamenü bei Klick */
    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li.menu-item-has-children.open > ul.sub-menu {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
        grid-row-gap: 0.75rem;
        /* animation: fadeInDown 0.3s ease;*/
    }

    /* Special grid layout for therapie submenu with 4 grid areas */
    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li.has-subgrid.therapie.open > ul.sub-menu {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
    }

    /* Position 1st li in first grid area (row 1, col 1) */
    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li.has-subgrid.therapie > ul.sub-menu > li:nth-child(1) {
        grid-column: 1;
        grid-row: 1;
    }

    /* Position 4th li in first row, second column (row 1, col 2) */
    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li.has-subgrid.therapie > ul.sub-menu > li:nth-child(4) {
        grid-column: 2;
        grid-row: 1;
    }

    /* Position 2nd li in first column, second row (row 2, col 1) */
    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li.has-subgrid.therapie > ul.sub-menu > li:nth-child(2) {
        grid-column: 1;
        grid-row: 2;
    }

    /* Position 3rd li in last area (row 2, col 2) */
    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li.has-subgrid.therapie > ul.sub-menu > li:nth-child(3) {
        grid-column: 2;
        grid-row: 2;
    }

    @keyframes fadeInDown {
        from {
            opacity: 0;
            transform: translateX(0%) translateY(0px);
        }
        to {
            opacity: 1;
            transform: translateX(0%) translateY(10px);
        }
    }

    /* Styling für Megamenü-Inhalte */
    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li.menu-item-has-children > ul.sub-menu > li {
        margin: 0;
        padding: 0;
        width: auto !important;
    }

    /* Links in der zweiten Ebene */
    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li.menu-item-has-children > ul.sub-menu > li > a {
        display: block;
        padding: 0.75rem 1rem;
        color: #003A80;
        text-decoration: none;
        border-radius: 10px;
        transition: all 0.3s ease;
        font-size: 0.95rem;
        font-weight: 500;
        width: auto;
        margin-right: 1rem;
    }
    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li.menu-item-has-children > ul.sub-menu > li > a::after {
        display: none;
    }

    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li.menu-item-has-children > ul.sub-menu > li > a:hover {
        background-color: rgba(11, 187, 239, 0.1);
        color: #0bbbef;
    }

    /* Dritte Ebene (falls vorhanden) */
    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu {
        display: block !important;
        visibility: visible;
        opacity: 1;
        position: static;
        background: transparent;
        box-shadow: none;
        padding: 0.5rem 0 0 1rem;
        margin: 0 1rem 0 0;
        width: auto;
    }

    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li {
        display: block;
        margin: 0;
        padding: 0;
    }
    
    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li > a {
        padding: 0.5rem 0.75rem;
        font-size: 1rem;
        color: #444;
        width: auto;
        border-bottom: 1px rgba(11, 187, 239, 0.2) solid;
    }

    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li > a:hover {
        color: #0bbbef;
        background-color: rgba(11, 187, 239, 0.1);
        border-bottom: 1px rgba(11, 187, 239, 0.3) solid;
        opacity: 1;
    }

}
@media (min-width: 1350px) {
    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li > a {
        font-size: 1.2rem;
    }
    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li.menu-item-has-children > ul.sub-menu > li > a {
            font-size: 1.1rem;
    }
    .et_pb_menu__menu nav ul#menu-hauptnavigation-de > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li > a {
            font-size: 1.1rem;
    }
}

/* Mobile Navigation */
@media (max-width: 980px) {
    /* Mobile Navigation nutzt Divi's Standard-System */
    
    .et_pb_column.menu-col {
        position: absolute;
        left: 0;
        width: 100% !important;
    }
    
    .et_pb_column.menu-col #main-nav-bb .et_pb_menu_inner_container {
        display: block;
    }
    .et_pb_column.menu-col #main-nav-bb .et_mobile_nav_menu {
        position: absolute;
        left: 0;
        width: 100%;
    }
    
    .et_pb_column.menu-col #main-nav-bb .mobile_menu_bar {
        position: absolute;
        top: -10px;
        right: 30px;
    }
    
    .et_mobile_nav_menu ul#mobile_menu1 {
        top: 60px;
        left: -35px;
        padding: 15px;
        width: calc(100% + 35px);
        background: rgba(255,255,255,0.99);
        backdrop-filter: blur(6px);
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0, 58, 128, 0.1);
        overflow-y: scroll;
        max-height: 400px;
        max-height: calc(100dvh - 200px);
    }

    .et_mobile_nav_menu ul#mobile_menu1 li a {
        color: #003A80 !important;
        padding: 1rem 1.5rem !important;
        border-bottom: 1px solid rgba(0, 58, 128, 0.1) !important;
    }

    .et_mobile_nav_menu ul#mobile_menu1 li a:hover {
        background-color: rgba(11, 187, 239, 0.1) !important;
        color: #0bbbef !important;
    }



}

/* ===================================
   MOBILE NAVIGATION
   =================================== */

/* Mobile Navigation - Tablet und Phone */
@media (max-width: 980px) {
    /* Reset Grid für mobile Ansicht */
    .et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu {
        display: block;
        grid-template-columns: none;
        gap: 0;
        background: #fff;
        box-shadow: none;
        border-radius: 0;
        padding: 0;
        min-height: auto;
        max-width: none;
        margin: 0;
    }

    /* Erste Ebene - Hauptmenü */
    .et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu > li {
        grid-column: auto;
        display: block;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #eee;
    }

    .et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu > li > a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem;
        font-weight: 600;
        font-size: 1rem;
        color: #333;
        text-decoration: none;
        border-radius: 0;
        transition: all 0.3s ease;
        position: relative;
    }

    /* Pfeil für Menüpunkte mit Untermenü */
    .et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu > li.menu-item-has-children > a::after {
        content: '▼';
        font-size: 0.8rem;
        color: #666;
        transition: transform 0.3s ease;
    }

    .et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu > li.menu-item-has-children.menu-open > a::after {
        transform: rotate(180deg);
    }

    .et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu > li > a:hover,
    .et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu > li.current-menu-item > a {
        background-color: #00a380;
        color: #0bbbef;
    }

    /* Zweite Ebene - Untermenüs */
    .et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu > li.menu-item-has-children > ul.sub-menu {
        display: none;
        grid-column: auto;
        grid-row: auto;
        grid-template-rows: none;
        gap: 0;
        position: static;
        background: #f8f9fa;
        box-shadow: none;
        border: none;
        padding: 0;
        margin: 0;
        opacity: 1;
        visibility: visible;
        transition: none;
    }

    /* Zeige Untermenü beim Klick (wird per JavaScript gesteuert) */
    .et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu > li.menu-item-has-children.menu-open > ul.sub-menu {
        display: block;
    }

    .et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu > li.menu-item-has-children > ul.sub-menu > li {
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #e9ecef;
    }

    .et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu > li.menu-item-has-children > ul.sub-menu > li:last-child {
        border-bottom: none;
    }

    .et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu > li.menu-item-has-children > ul.sub-menu > li > a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.75rem 1.5rem;
        color: #666;
        text-decoration: none;
        border-radius: 0;
        transition: all 0.3s ease;
        font-size: 0.95rem;
    }

    /* Pfeil für Untermenüpunkte mit weiteren Untermenüs */
    .et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > a::after {
        content: '▼';
        font-size: 0.7rem;
        color: #666;
        transition: transform 0.3s ease;
    }

    .et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children.menu-open > a::after {
        transform: rotate(180deg);
    }

    .et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu > li.menu-item-has-children > ul.sub-menu > li > a:hover {
        background-color: #e9ecef;
        color: #2ea3f2;
    }

    /* Dritte Ebene - Therapie-Angebote */
    .et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu {
        display: none;
        grid-column: auto;
        grid-row: auto;
        grid-template-rows: none;
        gap: 0;
        position: static;
        background: #e9ecef;
        box-shadow: none;
        border: none;
        padding: 0;
        margin: 0;
        opacity: 1;
        visibility: visible;
        transition: none;
    }

    /* Zeige dritte Ebene beim Klick (wird per JavaScript gesteuert) */
    .et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children.menu-open > ul.sub-menu {
        display: block;
    }

    .et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li {
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #dee2e6;
    }

    .et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li:last-child {
        border-bottom: none;
    }

    .et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li > a {
        display: block;
        padding: 0.5rem 2rem;
        color: #666;
        text-decoration: none;
        border-radius: 0;
        transition: all 0.3s ease;
        font-size: 0.9rem;
    }

    .et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li > a:hover {
        background-color: #dee2e6;
        color: #2ea3f2;
    }

    /* Entferne Overlay für mobile Ansicht */
    .et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu::before {
        display: none;
    }
}





/* Spezielle Behandlung für das Megamenü-Overlay */
@media (min-width: 981px) {
    .et_pb_menu.grid-menu .et_pb_menu__menu {
        position: relative;
        z-index: 1000;
    }

    /* Megamenü wird nur bei Hover über die Navigation angezeigt */
    .et_pb_menu.grid-menu .et_pb_menu__menu nav ul.et-menu {
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: all 0.3s ease;
    }

    .et_pb_menu.grid-menu .et_pb_menu__menu nav ul#menu-hauptnavigation-de {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}


.et_pb_text_inner ul li {
    line-height: 1.8;
    margin-bottom: 0.5rem;
    font-size: 100%;
}
.et_pb_text_inner.list-items-1 ul {
    padding: 0;
}
.et_pb_text_inner.list-items-1 ul li {
    list-style: none;
    position: relative;
    padding-left: 30px;
    
}
.et_pb_text_inner.list-items-1 ul li::before {
    content: '';
    /*width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px var(--gcid-primary-color) solid;
    position: absolute;
    top: 12px;
    left: 0px;*/

    width: 22px;
    height: 24px;
    position: absolute;
    top: 9px;
    left: 0px;
    clip-path: polygon(0% 30%, 40% 30%, 40% 0%, 100% 50%, 40% 100%, 40% 70%, 0% 70%);
    background-color: rgba(11, 187, 239, 0.25);
}
.vertical-list-arrows ul {
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
    display: flex;
    flex-direction: column;
}
.vertical-list-arrows ul li:not(:last-child) {
    padding-bottom: 40px;
    position: relative;
}
.vertical-list-arrows ul li:not(:last-child)::after {
    content: '';
    width: 22px;
    height: 24px;
    position: absolute;
    bottom: 0;
    left: 50%;
    clip-path: polygon(0% 30%, 40% 30%, 40% 0%, 100% 50%, 40% 100%, 40% 70%, 0% 70%);
    background-color: rgba(11, 187, 239, 1);
    transform: translateX(-15px) rotate(90deg);
}

.preset--module--divi-accordion--default.et_pb_accordion .et_pb_accordion_item {
    border-radius: 15px;
}

.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title::before {
    display:block;
    transform: rotate(45deg);
    pointer-events: none;
}

body #page-container #main-content .entry-content .et_pb_section .et_pb_button::after {
    margin-left: 0;
}
#main-content .et_pb_button:hover, #main-content .et_pb_module .et_pb_button:hover {
    padding: 6px 40px 6px 20px;
}


.fullheight-cover {
  height: 100%;
}
.fullheight-cover img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}


/* FORMS */
/* Ninja Forms Formulare */

.nf-before-form-content .nf-form-fields-required {
    display: none;
}
.nf-form-wrap .nf-response-msg {
    border: 5px #0bbbef solid;
    border-radius: 30px;
    padding: 2rem;
    box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
}

.nf-field-element h5 {
    font-size: 100%;
}
.nf-field-element p {
    margin-bottom: 0;
    padding-bottom: 5px;
}
.nf-field-element p.small {
    font-size: 90%;
    line-height: 1.2;
}

.nf-field-container .nf-error-msg.nf-error-required-error {
    font-size: 90%;
    line-height: 1.2;
}

.nf-field-container.label-above .nf-field-label {
    margin-bottom: 0px;
}
.nf-field  .nf-field-label .nf-label-span {
	font-weight: 500;
}
.nf-form-content .nf-field-element .ninja-forms-field[type="checkbox"] {
	width: 25px;
    height: 25px;
    transform: translateY(5px);
    appearance: none;
    border-radius: 5px;
    border-color: rgba(0, 58, 128, 0.35 );
    background-size: 18px;    
    background-repeat: no-repeat;
    background-color: rgba(0, 58, 128, 0.15 );
    background-position: center;
}
.nf-form-content .nf-field-element .ninja-forms-field[type="checkbox"]:checked {
    background-image: url('/wp-content/themes/Divi-Child-Theme/checkbox-true.svg');
    background-color: #fff;
}
@media only screen and (max-width: 780px) {
    .nf-cell {
        width: 100% !important;
    }
}
input.ninja-forms-field[type=submit] {
	cursor: pointer;
}

.nf-multi-cell .nf-form-content  .nf-cell {
	padding: 0 15px;
}
.nf-form-content  {
	margin: 0 -15px;
}

.nf-form-content .nf-field-container.listselect-container .nf-field-element select.ninja-forms-field.nf-element {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('/wp-content/themes/Divi-Child-Theme/select-picker.png');
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 20px;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 30px;
}

.nf-form-content .nf-field-element .ninja-forms-field:focus, .nf-form-content .nf-field-element .ninja-forms-field:active, .nf-form-content .nf-field-element .ninja-forms-field:focus-within, .nf-form-content .nf-field-container.listselect-container .nf-field-element select.ninja-forms-field.nf-element:focus, .nf-form-content .nf-field-container.listselect-container .nf-field-element select.ninja-forms-field.nf-element:active, .nf-form-content .nf-field-container.listselect-container .nf-field-element select.ninja-forms-field.nf-element:focus-within {
    background-color: rgba(0, 58, 128, 0.15 );
}

.field-wrap.date-wrap .nf-field-element .pikaday__container, .nf-field-element .pikaday__container input.ninja-forms-field.date-and-time.datepicker {
    width: auto;
    flex-shrink: 1;
}
.nf-field-element .time-wrap select {
    height: 40px;
    border-radius: 20px;
    padding: 5px 20px;
    font-size: 85%;
}
.field-wrap.date-wrap div.time-wrap {
    float: none !important;
    flex-grow: 1;
    display: flex;
}
.field-wrap.date-wrap .nf-field-element {
    display: flex;
    column-gap: 5px;
}
.field-wrap.date-wrap .nf-field-element .pikaday__container + .time-wrap::before {
    content: 'Zeit: ';
    flex-grow: 0;
    flex-shrink: 1;
    display: inline-block;
    padding-right: 10px;
}
@media (max-width: 1320px) {
    .field-wrap.date-wrap .nf-field-element {
        flex-wrap: wrap;
        column-gap: 10px;
    }
    .field-wrap.date-wrap div.time-wrap {
        flex-grow: 0;
    }
    .field-wrap.date-wrap .nf-field-element .pikaday__container {
        width: 100%;
        flex-shrink: 0;
        flex-grow: 1;
        margin-bottom: 10px;
    }
}

/* Formular Neuanmeldungen */
.nf-field-container.checkbox-container.wochentag  {
	margin-bottom: 10px;
}
.nf-field-container.zeitraum {
    position: relative;
	margin-top: 10px;
	margin-bottom: 0;
}
.nf-field-container.zeitraum .nf-field-label {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
    font-weight: 300;
    position: absolute;
    top: -20px;
    left: 20px;
    z-index: 1;
}
.nf-field-container.zeitraum .nf-field-label label {
    font-weight: 300;
    font-size: 0.9rem;
    background-color: rgba(255,255,255,0.6);
    padding: 3px 5px;
}
.nf-field-container.zeitraum .nf-field-element input.ninja-forms-field.nf-element {
    background-color: rgba(11, 187, 239, 0.15); 
}
.nf-field-container.zeitraum .nf-field-element input.ninja-forms-field.nf-element:focus-within {
    background-color: rgba(0, 58, 128, 0.15 );
}