@charset "UTF-8";
        @font-face {
                font-family:'Lobster';
                src: url('/baedergmbh.de/mam/assets/fonts/lobster-regular.ttf') format('truetype');
                   }
        @font-face{font-family:'Poppins';
        src: url('/baedergmbh.de/mam/assets/fonts/poppins-regular.ttf') format('truetype'),
             url('/baedergmbh.de/mam/assets/fonts/poppins-medium.ttf?') format('truetype'),
             url('/baedergmbh.de/mam/assets/fonts/poppins-italic.ttf') format('truetype'),
             url('/baedergmbh.de/mam/assets/fonts/poppins-bold.ttf') format('truetype');
           }
        @font-face{font-family:'Open Sans';
        src: url('/baedergmbh.de/mam/assets/fonts/opensans-regular.ttf') format('truetype'),
             url('/baedergmbh.de/mam/assets/fonts/opensans-medium.ttf') format('truetype'),
             url('/baedergmbh.de/mam/assets/fonts/opensans-italic.ttf') format('truetype'),
             url('/baedergmbh.de/mam/assets/fonts/opensans-bold.ttf') format('truetype');
           }       
       @font-face{font-family:'Somersault';
        src: url('/baedergmbh.de/mam/assets/fonts/xoegular.ttf') format('truetype'),
           }
/*
Skandinavian Blue: #002751
Charcoil         : #485156
Lightgrey        : #a8a79f
Sand             : #f5dcb2

Orangerot        : #ef7d00
Rosenrot         : #e30613
Rubinrot         : #901030
Pink             : #de00fe

Marineblau       : #0054a4
Meeresblau       : #0081c7
Himmelsblau      : #0095db
Pastelblau       : #96d3dd

Leaves           : #005724
Yellow Green     : #58a333
Turquoise        : #007e8b
Lime             : #afca0b 
*/
        .d-flex{
                display:flex!important
        }
        .shadow{
                box-shadow:var(--bs-box-shadow)!important
        }
        .position-relative{
                position:relative!important
        }
        .position-absolute{
                position:absolute!important
        }
        .w-100{
                width:100%!important
        }
        .flex-row{
                flex-direction:row!important
        }
        .flex-column{
                flex-direction:column!important
        }
        .justify-content-center{
                justify-content:center!important
        }
        .justify-content-between{
                justify-content:space-between!important
        }
        .align-items-center{
                align-items:center!important
        }
        .m-auto{
                margin:auto!important
        }
        .mx-auto{
                margin-right:auto!important;
                margin-left:auto!important
        }
        .my-5{
                margin-top:3rem!important;
                margin-bottom:3rem!important
        }
        .mt-0{
                margin-top:0!important
        }
        .mt-4{
                margin-top:1.5rem!important
        }
        .mt-5{
                margin-top:3rem!important
        }
        .mt-6{
                margin-top:6rem!important
        }
        .me-3{
                margin-right:1rem!important
        }
        .mb-0{
                margin-bottom:0!important
        }
        .mb-4{
                margin-bottom:1.5rem!important
        }
        .mb-5{
                margin-bottom:3rem!important
        }
        .ms-4{
                margin-left:1.5rem!important
        }
        .p-2{
                padding:.5rem!important
        }
        .p-4{
                padding:1.5rem!important
        }
        .p-5{
                padding:3rem!important
        }
        .px-5{
                padding-right:3rem!important;
                padding-left:3rem!important
        }
        .py-4{
                padding-top:1.5rem!important;
                padding-bottom:1.5rem!important
        }
        .py-5{
                padding-top:3rem!important;
                padding-bottom:3rem!important
        }
        .py-6{
                padding-top:4rem!important;
                padding-bottom:4rem!important
        }
        .pt-5{
                padding-top:3rem!important
        }
        .pe-2{
                padding-right:.5rem!important
        }
        .pb-5{
                padding-bottom:3rem!important
        }
        .ps-4{
                padding-left:1.5rem!important
        }
        .fw-bold{
                font-weight:700!important
        }
        .text-end{
                text-align:right!important
        }
        .text-center{
                text-align:center!important
        }
        .rounded{
                border-radius:var(--bs-border-radius)!important
        }
         @media (max-width: 991px) 
         {

                .py-5{
                        padding-top:6rem!important;
                        padding-bottom:6rem!important
                }
         }
        @media (min-width: 992px)
        {
                .order-lg-0{
                        order:0!important
                }
                .order-lg-1{
                        order:1!important
                }
                .mt-lg-0{
                        margin-top:0!important
                }
                .mt-lg-5{
                        margin-top:3rem!important
                }
                .mt-lg-6{
                        margin-top:6rem!important
                }
                .mt-lg-auto{
                        margin-top:auto!important
                }
                .mb-lg-0{
                        margin-bottom:0!important
                }
                .py-lg-6{
                        padding-top:6rem!important;
                        padding-bottom:6rem!important
                }
                .pt-lg-6{
                        padding-top:6rem!important
                }
                .pe-lg-5{
                        padding-right:3rem!important
                }
                .pe-lg-6{
                        padding-right:6rem!important
                }
                .pb-lg-6{
                        padding-bottom:6rem!important
                }
                .ps-lg-5{
                        padding-left:3rem!important
                }
                .ps-lg-6{
                        padding-left:6rem!important
                }
        }
        @media (min-width: 1200px)
        {
                .d-xl-flex{
                display:flex!important
                }
                .justify-content-xl-between{
                        justify-content:space-between!important
                }
                .mt-xl-0{
                        margin-top:0!important
                }
                .ms-xl-5{
                        margin-left:3rem!important
                }
                .py-xl-3{
                        padding-top:1rem!important;
                        padding-bottom:1rem!important
                }
        }

        :root{
                --bs-white: #ffffff;
                --bs-grey: #8a8a8a;
                --bs-black: #000000;
                --bs-beige: rgba(245, 220, 178, .1); 
                --swiper-pagination-color:#58a333;
                --swiper-navigation-color:#58a333;
                /*
                --bs-beige: #f5dcb2;

Skandinavian Blue: #002751
Charcoil         : #485156
Lightgrey        : #a8a79f
Sand             : #f5dcb2

Orangerot        : #ef7d00
Rosenrot         : #e30613
Rubinrot         : #901030
Pink             : #de00fe

Marineblau       : #0054a4
Meeresblau       : #0081c7
Himmelsblau      : #0095db
Pastelblau       : #96d3dd

Leaves           : #005724
Yellow Green     : #58a333
Turquoise        : #007e8b
Lime             : #afca0b 
*/
                --bs-scandinavian: #002751;
                --bs-charcoil: #485156;
                --bs-lightgrey: #a8a79f;
                --bs-sand: #f5dcb2;
                --bs-orangerot: #ef7d00;
                --bs-rosenrot: #e30613;
                --bs-rubinrot: #901030;
                --bs-pink: #de00fe;
                --bs-marineblau: #0054a4;
                --bs-meeresblau: #0081c7;
                --bs-himmelsblau: #0095db;
                --bs-pastelblau: #96d3dd;
                --bs-leaves: #005724;
                --bs-yellowgreen: #58a333;
                --bs-turquoise: #007e8b;
                --bs-lime: #afca0b;
                --bs-red: #b51e3c;
                --bs-gray-100: #f8f9fa;
                --bs-gray-200: #e9ecef;
                --bs-gray-300: #dee2e6;
                --bs-gray-400: #ced4da;
                --bs-gray-500: #adb5bd;
                --bs-gray-600: #6c757d;
                --bs-gray-700: #495057;
                --bs-gray-800: #343a40;
                --bs-gray-900: #212529;
                --bs-primary: #0d6efd;
                --bs-secondary: #6c757d;
                --bs-success: #198754;
                --bs-info: #0dcaf0;
                --bs-warning: #ffc107;
                --bs-danger: #dc3545;
                --bs-light: #f8f9fa;
                --bs-dark: #212529;
                --bs-primary-rgb: 13, 110, 253;
                --bs-secondary-rgb: 108, 117, 125;
                --bs-success-rgb: 25, 135, 84;
                --bs-info-rgb: 13, 202, 240;
                --bs-warning-rgb: 255, 193, 7;
                --bs-danger-rgb: 220, 53, 69;
                --bs-light-rgb: 248, 249, 250;
                --bs-dark-rgb: 33, 37, 41;
                --bs-primary-text-emphasis: #052c65;
                --bs-secondary-text-emphasis: #2b2f32;
                --bs-success-text-emphasis: #0a3622;
                --bs-info-text-emphasis: #055160;
                --bs-warning-text-emphasis: #664d03;
                --bs-danger-text-emphasis: #58151c;
                --bs-light-text-emphasis: #495057;
                --bs-dark-text-emphasis: #495057;
                --bs-primary-bg-subtle: #cfe2ff;
                --bs-secondary-bg-subtle: #e2e3e5;
                --bs-success-bg-subtle: #d1e7dd;
                --bs-info-bg-subtle: #cff4fc;
                --bs-warning-bg-subtle: #fff3cd;
                --bs-danger-bg-subtle: #f8d7da;
                --bs-light-bg-subtle: #fcfcfd;
                --bs-dark-bg-subtle: #ced4da;
                --bs-primary-border-subtle: #9ec5fe;
                --bs-secondary-border-subtle: #c4c8cb;
                --bs-success-border-subtle: #a3cfbb;
                --bs-info-border-subtle: #9eeaf9;
                --bs-warning-border-subtle: #ffe69c;
                --bs-danger-border-subtle: #f1aeb5;
                --bs-light-border-subtle: #e9ecef;
                --bs-dark-border-subtle: #adb5bd;
                --bs-white-rgb: 255, 255, 255;
                --bs-black-rgb: 0, 0, 0;
                --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
                --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
                --bs-font-h: "Lobster", sans-serif;                
                --bs-font-l: "Somersault", sans-serif;
                --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
                --bs-body-font-family: var(--bs-font-sans-serif);
                --bs-body-font-size: 1rem;
                --bs-body-font-weight: 400;
                --bs-body-line-height: 1.5;
                --bs-body-color: #212529;
                --bs-body-color-rgb: 33, 37, 41;
                --bs-body-bg: #fff;
                --bs-body-bg-rgb: 255, 255, 255;
                --bs-emphasis-color: #000;
                --bs-emphasis-color-rgb: 0, 0, 0;
                --bs-secondary-color: rgba(33, 37, 41, .75);
                --bs-secondary-color-rgb: 33, 37, 41;
                --bs-secondary-bg: #e9ecef;
                --bs-secondary-bg-rgb: 233, 236, 239;
                --bs-tertiary-color: rgba(33, 37, 41, .5);
                --bs-tertiary-color-rgb: 33, 37, 41;
                --bs-tertiary-bg: #f8f9fa;
                --bs-tertiary-bg-rgb: 248, 249, 250;
                --bs-heading-color: inherit;
                --bs-link-color: #000000;
                --bs-link-color-rgb: 0, 0, 0;
                --bs-link-decoration: none;
                --bs-link-hover-color: rgba(0, 0, 0, .7);
                --bs-link-hover-color-rgb: 0, 0, 0;
                --bs-code-color: #d63384;
                --bs-highlight-color: #212529;
                --bs-highlight-bg: #fff3cd;
                --bs-border-width: 1px;
                --bs-border-style: solid;
                --bs-border-color: #dee2e6;
                --bs-border-color-translucent: rgba(0, 0, 0, .175);
                --bs-border-radius: 30px;
                --bs-border-radius-sm: .25rem;
                --bs-border-radius-lg: .5rem;
                --bs-border-radius-xl: 1rem;
                --bs-border-radius-xxl: 2rem;
                --bs-border-radius-2xl: var(--bs-border-radius-xxl);
                --bs-border-radius-pill: 50rem;
                --bs-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
                --bs-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);
                --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
                --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
                --bs-focus-ring-width: .25rem;
                --bs-focus-ring-opacity: .25;
                --bs-focus-ring-color: rgba(13, 110, 253, .25);
                --bs-form-valid-color: #198754;
                --bs-form-valid-border-color: #198754;
                --bs-form-invalid-color: #dc3545;
                --bs-form-invalid-border-color: #dc3545
        }
        *,*:before,*:after{
                box-sizing:border-box
        }

        body{
                margin:0;
                font-family:var(--bs-body-font-family);
                font-size:var(--bs-body-font-size);
                font-weight:var(--bs-body-font-weight);
                line-height:var(--bs-body-line-height);
                color:var(--bs-body-color);
                text-align:var(--bs-body-text-align);
                background-color:var(--bs-body-bg);
                -webkit-text-size-adjust:100%;
                -webkit-tap-highlight-color:rgba(0,0,0,0)
        }        
        html,body{
                background-color: rgba(245, 220, 178, .3); 
                color:#000;
                overflow-x:hidden;
                font-family: "Poppins", sans-serif;
        }
        hr{
                margin:1rem 0;
                color:inherit;
                border:0;
                border-top:var(--bs-border-width) solid;
                opacity:.25
        }
        h3,h2,h1{
                margin-top:0;
                margin-bottom:.5rem;
                font-weight:500;
                line-height:1.2;
                color:var(--bs-heading-color);
        }
        h1{
            font-size:calc(1.375rem + 1.5vw)
        }
            @media (min-width: 1200px){
                    h1{
                    font-size:2.5rem
                    }
        }
        h2{
                font-size:calc(1.325rem + .9vw);
        }
                @media (min-width: 1200px){
                        h2{
                        font-size:2rem
                }
        }
        h3{
                font-size:calc(1.3rem + .6vw)
        }
                @media (min-width: 1200px){
                        h3{
                        font-size:1.75rem
                }
        }
        p{
                margin-top:0;
                margin-bottom:1rem
        }
        ul{
                padding-left:2rem
        }
        ul{
                margin-top:0;
                margin-bottom:1rem
        }
        a{
                color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, 1));
                text-decoration:none
        }
        a:hover{
                --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
        }
        img{
                vertical-align:middle
        }
        button{
                border-radius:0
        }
                button:focus:not(:focus-visible){
                outline:0
        }
        button{
                margin:0;
                font-family:inherit;
                font-size:inherit;
                line-height:inherit
        }
        button{
                text-transform:none
        }
        [role=button]{
                cursor:pointer
        }
        button,[type=button]{
                -webkit-appearance:button
        }
        button:not(:disabled),[type=button]:not(:disabled){
                cursor:pointer
        }
        .container{
                --bs-gutter-x: 1.5rem;
                --bs-gutter-y: 0;
                width:100%;
                padding-right:calc(var(--bs-gutter-x) * .5);
                padding-left:calc(var(--bs-gutter-x) * .5);
                margin-right:auto;
                margin-left:auto
        }
        @media (min-width: 576px){
                .container{
                max-width:540px
                }
        }
        @media (min-width: 768px){
                .container{
                max-width:720px
                }
        }
        @media (min-width: 992px){
                .container{
                max-width:960px
                }
        }
        @media (min-width: 1200px){
                .container{
                max-width:1140px
                }
        }
        @media (min-width: 1400px){
                .container{
                max-width:1320px
                }
        }
        :root{
                --bs-breakpoint-xs: 0;
                --bs-breakpoint-sm: 576px;
                --bs-breakpoint-md: 768px;
                --bs-breakpoint-lg: 992px;
                --bs-breakpoint-xl: 1200px;
                --bs-breakpoint-xxl: 1400px
        }
        .row{
                --bs-gutter-x: 1.5rem;
                --bs-gutter-y: 0;
                display:flex;
                flex-wrap:wrap;
                margin-top:calc(-1 * var(--bs-gutter-y));
                margin-right:calc(-.5 * var(--bs-gutter-x));
                margin-left:calc(-.5 * var(--bs-gutter-x))
        }
        .row>*{
                flex-shrink:0;
                width:100%;
                max-width:100%;
                padding-right:calc(var(--bs-gutter-x) * .5);
                padding-left:calc(var(--bs-gutter-x) * .5);
                margin-top:var(--bs-gutter-y)
        }
        .col{
                flex:1 0 0%
        }
        .col-auto{
                flex:0 0 auto;
                width:auto
        }
        .col-5{
                flex:0 0 auto;
                width:41.66666667%
        }
        .col-6{
                flex:0 0 auto;
                width:50%
        }
        .col-7{
                flex:0 0 auto;
                width:58.33333333%
        }
        .col-12{
                flex:0 0 auto;
                width:100%
        }
        @media (min-width: 992px)
        {
                .col-lg{
                flex:1 0 0%
                }
                .col-lg-auto{
                        flex:0 0 auto;
                        width:auto
                }
                .col-lg-3{
                        flex:0 0 auto;
                        width:25%
                }
                .col-lg-4{
                        flex:0 0 auto;
                        width:33.33333333%
                }
                .col-lg-5{
                        flex:0 0 auto;
                        width:41.66666667%
                }
                .col-lg-6{
                        flex:0 0 auto;
                        width:50%
                }
                .col-lg-7{
                        flex:0 0 auto;
                        width:58.33333333%
                }
                .col-lg-8{
                        flex:0 0 auto;
                        width:66.66666667%
                }
                .gx-lg-5{
                        --bs-gutter-x: 3rem
                }
                .gx-lg-6{
                        --bs-gutter-x: 5rem
                }
        }
        @media (min-width: 1200px)
        {
                .col-xl-6{
                        flex:0 0 auto;
                        width:50%
                }
        }
        @media (min-width: 1400px)
        {
                .col-xxl-5{
                        flex:0 0 auto;
                        width:41.66666667%
                }
                .col-xxl-7{
                        flex:0 0 auto;
                        width:58.33333333%
                }
        }
        .btn{
        --bs-btn-padding-x: .75rem;
                --bs-btn-padding-y: .375rem;
                --bs-btn-font-family: ;
                --bs-btn-font-size: 1rem;
                --bs-btn-font-weight: 400;
                --bs-btn-line-height: 1.5;
                --bs-btn-color: var(--bs-body-color);
                --bs-btn-bg: transparent;
                --bs-btn-border-width: var(--bs-border-width);
                --bs-btn-border-color: transparent;
                --bs-btn-border-radius: var(--bs-border-radius);
                --bs-btn-hover-border-color: transparent;
                --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
                --bs-btn-disabled-opacity: .65;
                --bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
                display:inline-block;
                padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);
                font-family:var(--bs-btn-font-family);
                font-size:var(--bs-btn-font-size);
                font-weight:var(--bs-btn-font-weight);
                line-height:var(--bs-btn-line-height);
                color:var(--bs-btn-color);
                text-align:center;
                vertical-align:middle;
                cursor:pointer;
                -webkit-user-select:none;
                user-select:none;
                border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);
                border-radius:var(--bs-btn-border-radius);
                background-color:var(--bs-btn-bg);
                transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
        }
        @media (prefers-reduced-motion: reduce){
                .btn{
                        transition:none
                }
        }
        .btn:hover{
                color:var(--bs-btn-hover-color);
                background-color:var(--bs-btn-hover-bg);
                border-color:var(--bs-btn-hover-border-color)
        }
        .btn:focus-visible{
                color:var(--bs-btn-hover-color);
                background-color:var(--bs-btn-hover-bg);
                border-color:var(--bs-btn-hover-border-color);
                outline:0;
                box-shadow:var(--bs-btn-focus-box-shadow)
        }
        .btn:first-child:active{
                color:var(--bs-btn-active-color);
                background-color:var(--bs-btn-active-bg);
                border-color:var(--bs-btn-active-border-color)
        }
        .btn:first-child:active:focus-visible{
                box-shadow:var(--bs-btn-focus-box-shadow)
        }
        .btn:disabled{
                color:var(--bs-btn-disabled-color);
                pointer-events:none;
                background-color:var(--bs-btn-disabled-bg);
                border-color:var(--bs-btn-disabled-border-color);
                opacity:var(--bs-btn-disabled-opacity)
        }
        .collapse:not(.show){
                display:none
        }
        .nav-link{
                display:block;
                padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
                font-size:var(--bs-nav-link-font-size);
                font-weight:var(--bs-nav-link-font-weight);
                color:var(--bs-nav-link-color);
                background:none;
                border:0;
                transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
        }       
        @media (prefers-reduced-motion: reduce){
                .nav-link{
                        transition:none
                }
        }
        .nav-link:hover,.nav-link:focus{
                color:var(--bs-nav-link-hover-color)
        }
        .nav-link:focus-visible{
                outline:0;
                box-shadow:0 0 0 .25rem #0d6efd40
        }
        .nav-link:disabled{
                color:var(--bs-nav-link-disabled-color);
                pointer-events:none;
                cursor:default
        }
        .navbar{
                --bs-navbar-padding-x: 0;
                --bs-navbar-padding-y: .5rem;
                --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), .65);
                --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), .8);
                --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), .3);
                --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
                --bs-navbar-brand-padding-y: .3125rem;
                --bs-navbar-brand-margin-end: 1rem;
                --bs-navbar-brand-font-size: 1.25rem;
                --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
                --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
                --bs-navbar-nav-link-padding-x: 0px;
                --bs-navbar-toggler-padding-y: .25rem;
                --bs-navbar-toggler-padding-x: .75rem;
                --bs-navbar-toggler-font-size: 1.25rem;
                --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
                --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), .15);
                --bs-navbar-toggler-border-radius: var(--bs-border-radius);
                --bs-navbar-toggler-focus-width: .25rem;
                --bs-navbar-toggler-transition: box-shadow .15s ease-in-out;
                position:relative;
                display:flex;
                flex-wrap:wrap;
                align-items:center;
                justify-content:space-between;
                padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
        }
        .navbar>.container{
                display:flex;
                flex-wrap:inherit;
                align-items:center;
                justify-content:space-between
        }
        .navbar-nav{
                --bs-nav-link-padding-x: 0;
                --bs-nav-link-padding-y: .5rem;
                --bs-nav-link-font-weight: ;
                --bs-nav-link-color: var(--bs-navbar-color);
                --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
                --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
                display:flex;
                flex-direction:column;
                padding-left:0;
                margin-bottom:0;
                list-style:none
        }
        .navbar-collapse{
                flex-basis:100%;
                flex-grow:1;
                align-items:center
        }
        .navbar-toggler{
                padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
                font-size:var(--bs-navbar-toggler-font-size);
                line-height:1;
                color:var(--bs-navbar-color);
                background-color:transparent;
                border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
                border-radius:var(--bs-navbar-toggler-border-radius);
                transition:var(--bs-navbar-toggler-transition)
        }
        @media (prefers-reduced-motion: reduce){
                .navbar-toggler {
                        transition:none
                }
        }
        .navbar-toggler:hover{
                text-decoration:none
        }
        .navbar-toggler:focus{
                text-decoration:none;
                outline:0;
                box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)
        }
        @media (min-width: 1200px)  {
                .navbar-expand-xl{
                        flex-wrap:nowrap;
                        justify-content:flex-start
                }
                .navbar-expand-xl .navbar-nav{
                        flex-direction:row
                }
                .navbar-expand-xl .navbar-nav .nav-link{
                        padding-right:var(--bs-navbar-nav-link-padding-x);
                        padding-left:var(--bs-navbar-nav-link-padding-x)
                }
                .navbar-expand-xl .navbar-collapse{
                        display:flex!important;
                        flex-basis:auto
                }
                .navbar-expand-xl .navbar-toggler{
                        display:none
                }
        }
        .color-white{
                color:#fff!important
        }
        .background-white{
                background-color:#fff!important
        }
        .color-black{
                color:#000!important
        }
        .color-red{
                color:#b51e3c!important
        }
        .color-blue{
                color:#003399!important
        }
        .color-green{
                color:#58a333!important
        }
        .color-orange{
                color:#002751!important
        }
        .background-red{
                background-color:#b51e3c!important
        }
        .background-blue{
                background-color:#003399!important
        }
        .background-green{
                background-color:#58a333!important
        }
        .background-orange{
                background-color:#0054a4!important
        }
        
        .text-size-xl{
                font-size:40px;
                line-height:45px;
                color:#fff;
                font-family:Poppins,serif;
                font-weight:700
                }
        @media (min-width: 992px){
                .text-size-xl{
                        font-size:60px
                }
        }
        .text-size-l{
                font-size:30px;
                line-height:40px;
                font-family:Poppins,serif;
                font-weight:700;
                color:#000;
                margin-bottom:30px
                }
        @media (min-width: 992px){
                .text-size-l{
                        font-size:35px;
                        line-height:45px
                }
        }
        .text-size-m{
                font-size:22px;
                line-height:27.5px;
                font-family:Poppins,serif;
                font-weight:700;
                color:#000;
                margin-bottom:10px
                }
        @media (min-width: 992px){
                .text-size-m{
                        font-size:22px
                }
        }
        .heading{
                color:#58a333;
                font-size:32px;
                font-weight:700;
                display:inline-block;
                position:relative;                
                font-family:var(--bs-font-h);
        }
        .heading:after{
         /*       content:"";
                display:inline-block;
                width:40px;
                height:2px;
                background-color:#58a333;
                position:absolute;
                top:50%;
                margin-top:-1px;
                right:-60px
                */
        }
        .font-lobster {    
                font-family:var(--bs-font-h);}
        .ln{
                color:#ef7d00;
                font-size:32px;
                font-weight:700;
                display:inline-block;
                position:relative;                
                font-family:var(--bs-font-l);
        }
        /* Heading Farben angepasst */
        .yellowgreen {background-color:var(--bs-yellowgreen)}
        .orangerot{background-color:var(--bs-orangerot)}
        .scandinavian{background-color:var(--bs-scandinavian)}
        .font-scandinavian{color:var(--bs-scandinavian)}    
        .charcoil{background-color:var(--bs-charcoil)}
        .font-charcoil{color:var(--bs-charcoil)}        
        .lightgrey{background-color:var(--bs-lightgrey)}
        .font-lightgrey{color:var(--bs-lightgrey)}      
        .sand{background-color:var(--bs-sand)}
        .font-sand{color:var(--bs-sand)}        
        .leaves{background-color:var(--bs-leaves)}
        .font-leaves{color:var(--bs-leaves)}        
        .turquoise{background-color:var(--bs-turquoise)}
        .font-turquoise{color:var(--bs-turquoise)}      
        .lime{background-color:var(--bs-lime)}
        .font-lime{color:var(--bs-lime)}            
        .orangerot{background-color:var(--bs-orangerot)}
        .font-orangerot{color:var(--bs-orangerot)}      
        .rosenrot{background-color:var(--bs-rosenrot)}
        .font-rosenrot{color:var(--bs-rosenrot)}        
        .rubinrot{background-color:var(--bs-rubinrot)}
        .font-rubinrot{color:var(--bs-rubinrot)}        
        .pink{background-color:var(--bs-pink)}
        .font-pink{color:var(--bs-pink)}            
        .marineblau{background-color:var(--bs-marineblau) !important}
        .thumbnail.marineblau {
          background-color: #003399;
          color: #ffffff;
        }
        .font-marineblau{color:var(--bs-marineblau)}            
        .meeresblau{background-color:var(--bs-meeresblau)}
        .font-meeresblau{color:var(--bs-meeresblau)}            
        .himmelsblau{background-color:var(--bs-himmelsblau)}
        .font-himmelsblau{color:var(--bs-himmelsblau)}          
        .pastelblau{background-color:var(--bs-pastelblau)}
        .font-pastelblau{color:var(--bs-pastelblau)}
        /* Linie Hinter der Überschrift */
        .font-pastelblau:after{background-color:var(--bs-pastelblau);}
        .ln:after{background-color:var(--bs-orangerot);}
        .font-scandinavian:after{background-color:var(--bs-scandinavian);}
        .font-charcoil:after{background-color:var(--bs-charcoil);}
        .font-lightgrey:after{background-color:var(--bs-lightgrey);}
        .font-sand:after{background-color:var(--bs-sand);}
        .font-leaves:after{background-color:var(--bs-leaves);}
        .font-turquoise:after{background-color:var(--bs-turquoise);}
        .font-lime:after{background-color:var(--bs-lime);}
        .font-orangerot:after{background-color:var(--bs-orangerot);}
        .font-rosenrot:after{background-color:var(--bs-rosenrot);}
        .font-rubinrot:after{background-color:var(--bs-rubinrot);}
        .font-pink:after{background-color:var(--bs-pink);}
        .font-marineblau:after{background-color:var(--bs-marineblau);}
        .font-meeresblau:after{background-color:var(--bs-meeresblau);}
        .font-himmelsblau:after{background-color:var(--bs-himmelsblau);}
        .badge{
                display:inline-block;
                background-color:transparent;
                color:#58a333;
                border-radius:20px;
                border:solid 1px #58a333;
                font-weight:700;
                font-size:12px;
                padding:5px 20px
        }
        p,li{
                color:#8a8a8a
        }
        .button-red-filled{
                padding:15px 40px;
                background-color:#b51e3c;
                color:#fff;
                border-radius:15px
        }
        .button-red-filled:hover{
                background-color:#b51e3ce6;
                color:#fff
        }


        .button-blue-filled{
                padding:15px 40px;
                background-color:#0054a4;
                color:#fff;
                border-radius:15px
        }
        .button-blue-filled:hover{
                background-color:#0054a4e6;
                color:#fff
        }

        .button-green-filled{
                padding:15px 40px;
                background-color:#58a333;
                color:#fff;
                border-radius:15px
        }
        .button-green-filled:hover{
                background-color:#58a333;
                color:#fff
        }

        .button-orange-filled{
                padding:15px 40px;
                background-color:#0054a4;
                color:#fff;
                border-radius:15px
        }
        .button-orange-filled:hover{
                background-color:#0054a4e6;
                color:#fff
        }

        .button-white-filled{
                padding:15px 40px;
                background-color:#fff;
                color:#58a333;
                border-radius:15px
        }
        .button-white-filled:hover,.button-white-filled:active,.button-white-filled:focus-visible,.button-white-filled:focus{
                background-color:#ffffffe6!important;
                color:#58a333!important
        }
        .button-white-outline{
                padding:15px 40px;
                color:#fff;
                border-radius:15px;
                border:1px solid #ffffff
        }
        .button-white-outline:hover,.button-white-outline:focus{
                border:1px solid rgba(255,255,255,.9);
                color:#fff
                }[data-aos][data-aos][data-aos-duration="1000"]{
                        transition-duration:1s
                        }[data-aos^=fade][data-aos^=fade]{
                        opacity:0;
                transition-property:opacity,transform
                }[data-aos=fade-up]{
                        transform:translateY(100px)
                        }

        .lazyload{
                opacity:0
        }
        .icon-tiny{
                height:20px
        }
        .icon-small{
                height:30px
        }
        .icon-medium{
                height:60px
        }
        .background-red *, .background-blue *,.background-orange *,.background-green *{
                color:#fff
        }
        .background-red * a:hover, .background-blue * a:hover,.background-orange * a:hover,.background-green * a:hover{
                color:#ffffffb3
        }
        .divider{
                position:absolute;
                background-color:#F9ECD7;
                border-radius:50px 50px 0 0;
                width:100%;
                bottom:0;
                left:0;
                right:0;
                height:80px
        }
        @media (min-width: 992px){
                .divider{
                        border-radius:100px 100px 0 0;
                        height:100px
                }
        }
        .navbar-transparent{
                position:fixed;
                top:0;
                left:0;
                width:100%;
                z-index:1000;
                background:linear-gradient(180deg,#000000,transparent);

        }
        .navbar-background{
                position:fixed;
                top:0;
                left:0;
                opacity:.4;
                width:100%;
                height:70px;
                background:linear-gradient(180deg,#000000,transparent);
                transition:opacity .25s ease;
                z-index:999
        }
        .navbar-background{
                opacity:.6;
               /* height:100vh*/
        }
        @media (min-width: 1200px){
                .navbar-background{
                height:100px;
                opacity:.4
                }
        }
        .brand{
                height:25px
                }
        @media (min-width: 1200px){
                .brand{
                        height:30px
                }
        }

        .navbar .navbar-toggler{
                outline:none;
                webkit-appearance:none;
                border:none
        }
        .navbar .navbar-toggler img{
                width:30px
        }
        .navbar .navbar-toggler:focus, .navbar .navbar-toggler:active, .navbar .navbar-toggler-icon:focus{
                outline:none;
                box-shadow:none
        }  
        .nav-link{
                color:#fff;
                position:relative
        }  
        .nav-link:hover{
                color:#ffffffbf
        }  
        .nav-link.active-link{
                color:#b51e3c;
                font-weight:700
        }  
        .nav-link.active-link:after{
                color:#b51e3c!important;
                display:block;
                content:"";
                position:absolute;
                bottom:-5px;
                left:0;
                width:100%;
                height:2px;
                background-color:#b51e3c
        }

        .color-white[_ngcontent-ng-c2402735739]{
                color:#fff!important
        }
        .background-white[_ngcontent-ng-c2402735739]{
                background-color:#fff!important
        }
        .border-white[_ngcontent-ng-c2402735739]{
                border:#ffffff!important
        }
        .color-grey[_ngcontent-ng-c2402735739]{
                color:#8a8a8a!important
        }
        .background-grey[_ngcontent-ng-c2402735739]{
                background-color:#8a8a8a!important
        }
        .border-grey[_ngcontent-ng-c2402735739]{
                border:#8a8a8a!important
        }
        .color-black[_ngcontent-ng-c2402735739]{
                color:#000!important
        }
        .background-black[_ngcontent-ng-c2402735739]{
                background-color:#000!important
        }
        .border-black[_ngcontent-ng-c2402735739]{
                border:#000000!important
        }
        .color-beige[_ngcontent-ng-c2402735739]{
                color:#f5dcb2!important
        }
        .background-beige[_ngcontent-ng-c2402735739]{
                background-color:#f5dcb2!important
        }
        .border-beige[_ngcontent-ng-c2402735739]{
                border:#f5dcb2!important
        }
        .color-red[_ngcontent-ng-c2402735739]{
                color:#b51e3c!important
        }
        .background-red[_ngcontent-ng-c2402735739]{
                background-color:#b51e3c!important
        }
        .border-red[_ngcontent-ng-c2402735739]{
                border:#b51e3c!important
                }
        [_nghost-ng-c2402735739] .floating-button-container{
                position:fixed;
                width:60px;
                height:60px;
                bottom:70px;
                right:-65px;
                opacity:0;
                -webkit-animation:animate .4s ease-in-out forwards;
                animation:_ngcontent-ng-c2402735739_slide-left .4s ease-in-out forwards;
                animation-delay:1s;
                -webkit-animation-delay:1s;
                z-index:2
        }
        [_nghost-ng-c2402735739] .floating-button{
                border-radius:50%;
                width:60px;
                height:60px;
                border:none
        }
        [_nghost-ng-c2402735739] .floating-button img{
                height:30px;
                width:30px
        }
        [_nghost-ng-c2402735739] .floating-button:hover{
                transform:scale(1.1);
                opacity:1
        }
        @keyframes _ngcontent-ng-c2402735739_slide-left{
                0%{
                right:-65px;
                opacity:0
                } 
                to {
                                right:20px;
                                opacity:1
                }
        }
        footer[_ngcontent-ng-c4112176540]{
                border-radius:100px 100px 0 0
        }
        @media (max-width: 991.98px){
                footer[_ngcontent-ng-c4112176540]{
                        border-radius:2rem 2rem 0 0
                }
        }
        ul[_ngcontent-ng-c4112176540]{
                padding-left:0;
                list-style:none
        }
        ul[_ngcontent-ng-c4112176540]   li[_ngcontent-ng-c4112176540]{
                margin:15px 0;
                color:#fff
        }
        .legal-links[_ngcontent-ng-c4112176540] li[_ngcontent-ng-c4112176540], .social-links[_ngcontent-ng-c4112176540] li[_ngcontent-ng-c4112176540]{
                display:inline;
                margin-right:10px
        }
        hr[_ngcontent-ng-c4112176540]{
                border-top:2px solid #ffffff;
                opacity:1
        }
        a[_ngcontent-ng-c4112176540]{
                text-decoration:none
        }
        section[_ngcontent-ng-c887579976]{
                position:relative;
                width:100%;
                height:calc(100vh + 100px);
                min-height:600px
        }
        .section-content[_ngcontent-ng-c887579976]{
                height:100%;
                width:100%;
                position:relative
        }
        img[_ngcontent-ng-c887579976], video[_ngcontent-ng-c887579976]{
                position:absolute;
                width:100%;
                height:100%;
                object-fit:cover;
                object-position:center center
        }
        .border-radius-top[_ngcontent-ng-c887579976]{
                border-radius:50px 50px 0 0
        }
                @media (min-width: 992px){
                        .border-radius-top[_ngcontent-ng-c887579976]{
                        border-radius:100px 100px 0 0
                }
        }
        .news-banner[_ngcontent-ng-c887579976]{
                left:100px;
                bottom:180px
        }
                @media (min-width: 992px){
                        .news-banner[_ngcontent-ng-c887579976]{
                        left:100px;
                        bottom:140px
                }
        }
                @media (min-width: 1400px){
                        .news-banner[_ngcontent-ng-c887579976]{
                        left:100px;
                        bottom:160px
                }
        }
        .news-banner[_ngcontent-ng-c887579976] .box[_ngcontent-ng-c887579976]{
                background:#fffc;
                box-shadow:0 0 100px #0000001a;
                -webkit-backdrop-filter:blur(10px);
                backdrop-filter:blur(10px);
                min-width:420px;
                min-height:190px
        }
        .news-banner[_ngcontent-ng-c887579976] .box[_ngcontent-ng-c887579976] .img[_ngcontent-ng-c887579976]{
                width:110px;
                height:110px;
                position:unset
        }
                @media (max-width: 991.98px){
                        .news-banner[_ngcontent-ng-c887579976]   .box[_ngcontent-ng-c887579976]   .img[_ngcontent-ng-c887579976]{
                        width:100px;
                        height:100px
                }
        }
                @media (max-width: 991.98px){
                        .news-banner[_ngcontent-ng-c887579976]{
                        left:50%;
                        transform:translate(-47%);
                        bottom:120px;
                        width:95%
                }
                .news-banner[_ngcontent-ng-c887579976]   .box[_ngcontent-ng-c887579976]{
                        min-width:auto;
                        min-height:auto
                }
        }  
        .carousel-control{
                display:none
        }  
        .carousel-inner{
                min-width:420px
        }
                @media (max-width: 991.98px){
                  .carousel-inner{
                        min-width:auto
                }
        }  
        .carousel .carousel-indicators button{
                border-radius:50%;
                height:8px;
                width:8px;
                background-color:#b51e3c
        }  
        .carousel .carousel-indicators{
                margin-top:40px
        }
                @media (max-width: 991.98px){
                  .carousel .carousel-indicators{
                        margin-bottom:0;
                        margin-top:15px
                }
        }
        [_nghost-ng-c887579976] .descr{
                font-size:14px;
                overflow:hidden;
                text-overflow:ellipsis;
                display:-webkit-box;
                -webkit-box-orient:vertical;
                -webkit-line-clamp:4;
                line-clamp:4
        }
        .overlay-image
        {
                position:absolute;
                bottom:-50px;
                width:40%;
                border-radius:30px
        }
        .overlay-image.left
        {
                left:40px
        }
                @media (min-width: 992px){
                        .overlay-image.left
                        {
                                left:0
                        }
        }
        .overlay-image.right
        {
                right:40px
        }
                @media (min-width: 992px){
                        .overlay-image.right
                        {
                                right:0
                        }
        }
        .img-overflow[_ngcontent-ng-c2581912438]{
                margin-top:-200px;
                height:400px;
                width:80%;
                z-index:2000
        }
        .bild-klein{
                width:75px;
                border-radius:15px
        }
                @media (min-width: 992px){
                        .bild-klein{
                        width:125px;
                        border-radius:20px
                }
        }
        .info-box[_ngcontent-ng-c928838937]{
                border-radius:20px;
                background-color:#fff
        }
        .overlay-image[_ngcontent-ng-c3395361669]{
                position:absolute;
                bottom:-50px;
                right:40px;
                width:40%;
                border-radius:20px
        }
                @media (min-width: 992px){
                        .overlay-image[_ngcontent-ng-c3395361669]{
                        right:0
                }
        }
        .fact-value[_ngcontent-ng-c3395361669]{
                font-size:40px;
                width:80px
        }
        .background-white{
            /*    margin-top:100px*/
        }
        .background-white-img{
                margin-top:-100px
        }
        .icon[_ngcontent-ng-c1292151241]{
                background-color:#b51e3c;
                width:50px;
                height:50px;
                border-radius:7.5px
        }

        .icon[_blue]{
                background-color:#003399;
                width:50px;
                height:50px;
                border-radius:7.5px
        }
        .icon[_green]{
                background-color:#58a333;
                width:50px;
                height:50px;
                border-radius:7.5px
        }
        .icon[_orange]{
                background-color:#0054a4;
                width:50px;
                height:50px;
                border-radius:7.5px
        }

        .icon{
                width:50px
        }
        .border-bottom-black{
                border-bottom:1px solid #d9d9d9
        }
        [_nghost-ng-c2529321899] .card-header.panel-enabled[_ngcontent-ng-c2529321899]{
                cursor:pointer
        }[_nghost-ng-c2529321899] .card-header.panel-disabled[_ngcontent-ng-c2529321899] .btn.btn-link[_ngcontent-ng-c2529321899]{
                cursor:default;
                text-decoration:none
        }

        header[_ngcontent-ng-c2288141536]{
                position:relative;
                width:100%;
                height:50vh;
                min-height:600px
        }
        .content[_ngcontent-ng-c2288141536]{
                height:100%;
                width:100%;
                position:relative
        }
        img[_ngcontent-ng-c2288141536]{
                position:absolute;
                width:100%;
                height:100%;
                object-fit:cover;
                object-position:center center
        }

        /* Grundstil */
        .accordion-button {
          border-radius: 1rem !important;
          font-weight: 500;
          transition: all 0.4s ease;
          display: flex;
          justify-content: space-between; /* Text links, Icon rechts */
          align-items: center;
          gap: 0.75rem;
          position: relative;
          padding-right: 2.5rem; /* Platz für Icon */
        }

        /* Aktiver Zustand */
        .accordion-button:not(.collapsed) {
          color: #fff;
          background: #58a333;
          box-shadow: 0 4px 15px rgba(0,0,0,0.2);
        }

        /* Fokus */
        .accordion-button:focus {
          box-shadow: none;
        }

        /* Accordion-Container */
        .accordion-item {
          border: none;
          margin-bottom: 1rem;
          border-radius: 1rem;
          overflow: hidden;
          box-shadow: 0 4px 10px rgba(0,0,0,0.05);
          transition: transform 0.3s ease;
        }

        /* Hover-Effekt */
        .accordion-item:hover {
          transform: translateY(-2px);
        }

        /* Inhalt */
        .accordion-body {
          background: #f8f9fa;
          border-top: 1px solid #e9ecef;
          line-height: 1.6;
        }

        /* Smooth height transition */
        .accordion-collapse {
          transition: height 0.4s ease;
        }

        /* Standard Bootstrap-Chevron ausblenden */
        .accordion-button::after {
          display: none;
        }

        /* Eigenes SVG-Icon rechts einfügen */
        .accordion-button::before {
          content: "";
          position: absolute;
          right: 1rem;
          top: 50%;
          transform: translateY(-50%) rotate(0deg);
          width: 2.2rem;
          height: 2.2rem;
          background: url("/baedergmbh.de/mam/assets/img/arrow-open.svg") no-repeat center center;
          background-size: contain;
          transition: transform 0.3s ease;
          opacity: 0.8;
        }

        /* Rotation beim Öffnen */
        .accordion-button:not(.collapsed)::before {
          transform: translateY(-50%) rotate(180deg);
          opacity: 1;
            filter: invert(1) brightness(2); /* SVG wird weiß */
        }

        .button-green-outline {
            padding: 10px 40px;
            color: #58a333;
            font-weight: 700;
            border-radius: 30px;
            border: 2px solid #58a333;
        }
        .button-green-outline:hover, .button-green-outline:active, .button-green-outline:focus-visible, .button-green-outline:focus {
            border: 2px solid rgba(0, 102, 51, .9);
            color: #58a333;
        }
        .button-green-outline.selected {
            background-color: #58a333;
            color: #fff;
        }

.preise-card .icon {
  height: 70px;
  width: 70px;
}
.highlight-card {
    background-color: #58a333!important;
}
.highlight-card p, .highlight-card li, .highlight-card span {
    color: #fff!important;
}
.highlight-card .list-item-point {
    background-image: url(/baedergmbh.de/mam/assets/img/checkmark-white.svg);
}
.highlight-card .icon {
  height: 120px;
  width: 120px;
}
.list-item-point {
    color: #000;
    font-weight: 700;
    margin-top: 40px;
    padding: 10px 40px;
    list-style: none;
    background-image: url(/baedergmbh.de/mam/assets/img/checkmark.svg);
    background-repeat: no-repeat;
    background-position: left 17px;
    background-size: 23px;
}
@media (min-width: 992px) {
    .list-item-point {
    background-position: left center;
}
}


.col {
    flex: 1 0 0%}
.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto;
}
.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%}
.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%}
.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.33333333%}
.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%}
.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%}
.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.66666667%}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%}
.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%}
.col-3 {
    flex: 0 0 auto;
    width: 25%}
.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%}
.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%}
.col-6 {
    flex: 0 0 auto;
    width: 50%}
.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%}
.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%}
.col-9 {
    flex: 0 0 auto;
    width: 75%}
.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%}
.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%}
.col-12 {
    flex: 0 0 auto;
    width: 100%}

@media (min-width: 1200px) {
    .col-xl {
    flex: 1 0 0%}
.row-cols-xl-auto>* {
    flex: 0 0 auto;
    width: auto;
}
.row-cols-xl-1>* {
    flex: 0 0 auto;
    width: 100%}
.row-cols-xl-2>* {
    flex: 0 0 auto;
    width: 50%}
.row-cols-xl-3>* {
    flex: 0 0 auto;
    width: 33.33333333%}
.row-cols-xl-4>* {
    flex: 0 0 auto;
    width: 25%}
.row-cols-xl-5>* {
    flex: 0 0 auto;
    width: 20%}
.row-cols-xl-6>* {
    flex: 0 0 auto;
    width: 16.66666667%}
.col-xl-auto {
    flex: 0 0 auto;
    width: auto;
}
.col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%}
.col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%}
.col-xl-3 {
    flex: 0 0 auto;
    width: 25%}
.col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%}
.col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%}
.col-xl-6 {
    flex: 0 0 auto;
    width: 50%}
.col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%}
.col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%}
.col-xl-9 {
    flex: 0 0 auto;
    width: 75%}
.col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%}
.col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%}
.col-xl-12 {
    flex: 0 0 auto;
    width: 100%}
.offset-xl-0 {
    margin-left: 0;
}
.offset-xl-1 {
    margin-left: 8.33333333%}
.offset-xl-2 {
    margin-left: 16.66666667%}
.offset-xl-3 {
    margin-left: 25%}
.offset-xl-4 {
    margin-left: 33.33333333%}
.offset-xl-5 {
    margin-left: 41.66666667%}
.offset-xl-6 {
    margin-left: 50%}
.offset-xl-7 {
    margin-left: 58.33333333%}
.offset-xl-8 {
    margin-left: 66.66666667%}
.offset-xl-9 {
    margin-left: 75%}
.offset-xl-10 {
    margin-left: 83.33333333%}
.offset-xl-11 {
    margin-left: 91.66666667%}
.g-xl-0, .gx-xl-0 {
    --bs-gutter-x: 0;
}
.g-xl-0, .gy-xl-0 {
    --bs-gutter-y: 0;
}
.g-xl-1, .gx-xl-1 {
    --bs-gutter-x: .25rem;
}
.g-xl-1, .gy-xl-1 {
    --bs-gutter-y: .25rem;
}
.g-xl-2, .gx-xl-2 {
    --bs-gutter-x: .5rem;
}
.g-xl-2, .gy-xl-2 {
    --bs-gutter-y: .5rem;
}
.g-xl-3, .gx-xl-3 {
    --bs-gutter-x: 1rem;
}
.g-xl-3, .gy-xl-3 {
    --bs-gutter-y: 1rem;
}
.g-xl-4, .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
}
.g-xl-4, .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
}
.g-xl-5, .gx-xl-5 {
    --bs-gutter-x: 3rem;
}
.g-xl-5, .gy-xl-5 {
    --bs-gutter-y: 3rem;
}
.g-xl-6, .gx-xl-6 {
    --bs-gutter-x: 5rem;
}
.g-xl-6, .gy-xl-6 {
    --bs-gutter-y: 5rem;
}
.g-xl-7, .gx-xl-7 {
    --bs-gutter-x: 7rem;
}
.g-xl-7, .gy-xl-7 {
    --bs-gutter-y: 7rem;
}
}
@media (min-width: 1400px) {
    .col-xxl {
    flex: 1 0 0%}
.row-cols-xxl-auto>* {
    flex: 0 0 auto;
    width: auto;
}
.row-cols-xxl-1>* {
    flex: 0 0 auto;
    width: 100%}
.row-cols-xxl-2>* {
    flex: 0 0 auto;
    width: 50%}
.row-cols-xxl-3>* {
    flex: 0 0 auto;
    width: 33.33333333%}
.row-cols-xxl-4>* {
    flex: 0 0 auto;
    width: 25%}
.row-cols-xxl-5>* {
    flex: 0 0 auto;
    width: 20%}
.row-cols-xxl-6>* {
    flex: 0 0 auto;
    width: 16.66666667%}
.col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
}
.col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%}
.col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%}
.col-xxl-3 {
    flex: 0 0 auto;
    width: 25%}
.col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%}
.col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%}
.col-xxl-6 {
    flex: 0 0 auto;
    width: 50%}
.col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%}
.col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%}
.col-xxl-9 {
    flex: 0 0 auto;
    width: 75%}
.col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%}
.col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%}
.col-xxl-12 {
    flex: 0 0 auto;
    width: 100%}
.offset-xxl-0 {
    margin-left: 0;
}
.offset-xxl-1 {
    margin-left: 8.33333333%}
.offset-xxl-2 {
    margin-left: 16.66666667%}
.offset-xxl-3 {
    margin-left: 25%}
.offset-xxl-4 {
    margin-left: 33.33333333%}
.offset-xxl-5 {
    margin-left: 41.66666667%}
.offset-xxl-6 {
    margin-left: 50%}
.offset-xxl-7 {
    margin-left: 58.33333333%}
.offset-xxl-8 {
    margin-left: 66.66666667%}
.offset-xxl-9 {
    margin-left: 75%}
.offset-xxl-10 {
    margin-left: 83.33333333%}
.offset-xxl-11 {
    margin-left: 91.66666667%}
.g-xxl-0, .gx-xxl-0 {
    --bs-gutter-x: 0;
}
.g-xxl-0, .gy-xxl-0 {
    --bs-gutter-y: 0;
}
.g-xxl-1, .gx-xxl-1 {
    --bs-gutter-x: .25rem;
}
.g-xxl-1, .gy-xxl-1 {
    --bs-gutter-y: .25rem;
}
.g-xxl-2, .gx-xxl-2 {
    --bs-gutter-x: .5rem;
}
.g-xxl-2, .gy-xxl-2 {
    --bs-gutter-y: .5rem;
}
.g-xxl-3, .gx-xxl-3 {
    --bs-gutter-x: 1rem;
}
.g-xxl-3, .gy-xxl-3 {
    --bs-gutter-y: 1rem;
}
.g-xxl-4, .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
}
.g-xxl-4, .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
}
.g-xxl-5, .gx-xxl-5 {
    --bs-gutter-x: 3rem;
}
.g-xxl-5, .gy-xxl-5 {
    --bs-gutter-y: 3rem;
}
.g-xxl-6, .gx-xxl-6 {
    --bs-gutter-x: 5rem;
}
.g-xxl-6, .gy-xxl-6 {
    --bs-gutter-y: 5rem;
}
.g-xxl-7, .gx-xxl-7 {
    --bs-gutter-x: 7rem;
}
.g-xxl-7, .gy-xxl-7 {
    --bs-gutter-y: 7rem;
}
}
.card-active {
  border: solid 2px #58a333;
  border-radius: 15px;
}
@media (min-width: 768px) {
  .price-card {
    width: fit-content;
  }
}

progress {
  vertical-align:baseline
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x:1rem
  }
}
.progressbar[_ngcontent-ng-c1153824474] {
  width:100%;
  height:6px
}
.progress,
.progress-stacked {
  --bs-progress-height: .4rem;
  --bs-progress-font-size: .25rem;
  --bs-progress-bg: #ffffff;
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #58a333;
  --bs-progress-bar-transition: width .6s ease;
  display:flex;
  height:var(--bs-progress-height);
  overflow:hidden;
  font-size:var(--bs-progress-font-size);
  background-color:var(--bs-progress-bg);
  border-radius:var(--bs-progress-border-radius)
}
.progress-bar {
  display:flex;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
  color:var(--bs-progress-bar-color);
  text-align:center;
  white-space:nowrap;
  background-color:var(--bs-progress-bar-bg);
  transition:var(--bs-progress-bar-transition)
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition:none
  }
}
.progress-bar-striped {
  background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-size:var(--bs-progress-height) var(--bs-progress-height)
}
.progress-stacked>.progress {
  overflow:visible
}
.progress-stacked>.progress>.progress-bar {
  width:100%
}
.progress-bar-animated {
  animation:1s linear infinite progress-bar-stripes
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation:none
  }
}
.psize {
        font-size: 12px;
}

/* Zoomora Gallery Section */
    .gallery-section {
      padding: 100px 20px;
      background: var(--color-dark);
    }
    .gallery-layout {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 25px;
      margin-top: 60px;
    }
    .gallery-item {
      position: relative;
      border-radius: 20px;
      overflow: hidden;
      cursor: pointer;
      aspect-ratio: 1;
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .gallery-item:hover {
      transform: translateY(-8px) scale(1.02);
    }
    .gallery-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.6s ease;
    }
    .gallery-item:hover img {
      transform: scale(1.1);
    }
    .gallery-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(var(--color-dark-rgb), 0.8), transparent);
      display: flex;
      align-items: flex-end;
      padding: 25px;
      opacity: 0;
      transition: opacity 0.4s ease;
      pointer-events: none;
    }
    .gallery-item:hover .gallery-overlay {
      opacity: 1;
    }
    .gallery-label {
      color: white;
      font-weight: 600;
      font-size: 1.1rem;
    }
    @media (max-width: 768px) {
      .gallery-layout { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }

    }
    /* Anpassungen an der Navigation */
    @keyframes fadeIn {
      from {
        opacity: 0;
      }
      to {
        opacity: 1;
      }
    }
    .dropdown-menu {
        border-radius: 5px;
    }
    .dropdown-menu.show {
      -webkit-animation: fadeIn 0.3s alternate;
      /* Safari 4.0 - 8.0 */
      animation: fadeIn 0.3s alternate;
    }

    .nav-item.dropdown.dropdown-mega {
      position: static;
    }
    .nav-item.dropdown.dropdown-mega .dropdown-menu {
      width: 90%;
      top: auto;
      left: 5%;
    }
    .navbar-nav {
      --bs-nav-link-color: white;
      --bs-nav-link-hover-color: white;
      --bs-nav-link-disabled-color: white;
      list-style: none;
    }
    .nav-link, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
      color: rgb(255, 255, 255);
    }
    #scroll {
      display: none;
      position: fixed;
      bottom: 20px;
      left: 30px;
      z-index: 99;
      font-size: 18px;
      border: none;
      outline: none;
      background-color: #FF6600;
      color: white;
      cursor: pointer;
      padding: 15px;
      border-radius: 4px;
    }

/* --- Spezifisches CSS für die Belegung --- */
    tbody td {
    /*    border-radius: 15%; */
    }
    /* Hellblau für andere Belegungen (z.B. Verein XYZ) */
    .belegt {
        background-color: #d0e7ff !important; /* Hellblau beibehalten, damit es sich von Gelb unterscheidet */
        color: black; /* Text sichtbar machen */
    }
    /* Gelber Hintergrund für den spezifischen Inhalt "belegt" */
    .belegt-gelb {
        background-color: #FFFF65 !important; /* Hellgelb, wie gewünscht */
        color: black !important; /* Text sichtbar machen */
    }
    /* Orange Hintergrund für den spezifischen Inhalt "frauen" */
    .frauen {
        background-color: #F8CBAD !important; /* Orange/Peach, wie gewünscht */
        color: black !important; /* Text sichtbar machen */
    }
    /* Orange Hintergrund für den spezifischen Inhalt "frauen" */
    .sport {
        background-color: #81c784 !important; /* Grün, wie gewünscht */
        color: black !important; /* Text sichtbar machen */
    }
    /* Orange Hintergrund für den spezifischen Inhalt "frauen" */
    .gesperrt {
        background-color: red !important; /* Orange/Peach, wie gewünscht */
        color: red !important; /* Text sichtbar machen */
    }
    
    
    /* Spezifische Farben für LANE-12 (NSB) */
    .lane-12-free {
        background-color: #2F75B5 !important; /* #2F75B5 wenn frei */
        color: white; 
    }
    .lane-12-occupied {
        background-color: #FFFF65 !important; /* #FFFF65 wenn belegt */
        color: black; 
    }
    
    /* NEU: Zebra-Muster für freie Bahnen (cell-free) */
    /* Ungerade Spalten (2., 4., 6., ...) nach der Uhrzeit (index 1) */
    #belegungsplan tbody td.cell-free:nth-child(2n + 2) {
        background-color: #99ccff !important; /* Dunkleres Blau */
    }
    /* Gerade Spalten (3., 5., 7., ...) nach der Uhrzeit (index 1) */
    #belegungsplan tbody td.cell-free:nth-child(2n + 3) {
        background-color: #bdd7ee !important; /* Helleres Blau */
    }
    /* 1. Fixiert die erste Spalte (Uhrzeit) horizontal */
    #belegungsplan td:first-child, 
    #belegungsplan th:first-child {
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        z-index: 15; /* Höher als normale Zellen, niedriger als der Header */
       
        border-right: 2px solid #dee2e6; /* Deutlichere Abgrenzung beim Scrollen */
    }

    /* 2. Spezialfall: Die obere linke Ecke (Header "Uhrzeit") */
    /* Diese muss sowohl 'top' als auch 'left' sticky sein */
    #belegungsplan thead th:first-child {
        z-index: 30; /* Höchste Priorität: Überlappt Header UND Spalte */
        top: 0;
        left: 0;
        background-color: #343a40; /* Dunkle Farbe des Headers beibehalten */
    }
    
    /* Zellen-Styling für kompakte Ansicht */
    .table td, .table th {
        padding: 0.1rem 0.2rem;
        text-align: center;
        vertical-align: middle;
        height: 30px;
        white-space: nowrap;
        font-size: 12px;
    }
    
    /* Spalte "Uhrzeit" hervorheben und linksbündig ausrichten */
    .table th:first-child, .table td:first-child {
        padding: 0.1rem 0.2rem;
        font-weight: bold;
        background-color: #343a40;
        text-align: left !important;
        font-size: 12px;
        color: white;
    }
    
    /* Header-Styling (Konsistenz) */
    .table thead th {
        background-color: #343a40; /* Dunkelgrau */
        color: white;
    }

/* --- CSS für die Zeitlinie --- */

/* Fixiert den Tabellen-Header beim Scrollen */
#belegungsplan thead th {
    position: -webkit-sticky; /* Für Safari */
    position: sticky;
    top: 0;
    z-index: 20; /* Höher als die Zeitlinie (10), damit der Header oben bleibt */
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4); /* Kleiner Schatten für bessere Abgrenzung */
}

/* Wichtig: Sicherstellen, dass der Scroll-Container korrekt konfiguriert ist */
.table-scroll-800 {
    max-height: 65vh;
    overflow-y: auto;
    overflow-x: auto;
    position: relative;
    -webkit-overflow-scrolling: touch;
    /* Verhindert, dass der Header beim Scrollen "wackelt" */
    border-collapse: separate; 
    border-spacing: 0;
}

.current-time-line {
    /* Absolute Positionierung innerhalb des scrollbaren Containers */
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10; /* Über der Tabelle */
    height: 3px; /* Dünne Linie */
    background-color: red; /* Gut sichtbar */
    pointer-events: none; /* Klicks durchlassen */
    transition: top 60s linear; /* Weicher Übergang bei minütlicher Verschiebung */
}

/* Der kleine Punkt oder Bubble am Anfang der Linie (optional) */
.belegungsplan-container .time-bubble {
    position: absolute;
    left: 0;
    top: -4px; /* Zentriert auf der 2px hohen Linie */
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: red;
    border: 1px solid white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    z-index: 100;
}
.tage .btn {
  border: 1px solid;
  outline: none;
  padding: 5px 5px;
  background-color: #fff;
  cursor: pointer;
}
.tage .btn:hover {
    color: green;
  
}
.tage .btn.btn-outline-primary.active {

    background-color: #58a333;
    color: white !important;
  
}
/* Zeigt an, dass das Feld Details hat */
[data-toggle="popover"] {
    cursor: pointer;
}

/* Optional: Popover-Styling anpassen */
.popover {
    font-size: 14px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.popover-header {
    background-color: #343a40;
    color: white;
}
@media (max-width: 800px) {
#belegungsplan-container .table td, #belegungsplan-container .table th {
  padding: 0 0 0 0;
  text-align: center;
  vertical-align: middle;
  height: 30px;
  white-space: nowrap;
  font-size: 12px;
}

  #belegungsplan-container table tr {
    border-bottom: 0;
    display: inherit;

  }
  .table td, table thead th {
    width:35px;min-width: 66px;
  }
  table thead {
    top: 00;
    z-index: 20;
    position: -webkit-sticky; /* Für Safari */
    position: sticky;
    visibility: visible;
    height:66px;
}
#belegungsplan thead th {rotate:90deg;}
    #belegungsplan thead th:first-child {
      min-width: 66px;
      height:66px;
    }
}
td {
    position: relative; /* Wichtig für die absolute Positionierung des Icons */
}
.info-indicator {
    position: absolute;
    top: 2px;
    right: 3px;
    font-size: 10px;
    color: rgba(0, 0, 0, 0.5); /* Leicht transparentes Weiß */
    pointer-events: none; /* Icon stört das Hovern nicht */
}

/* Bei hellen (gelben) Zellen das Icon dunkel machen */
.belegt-gelb .info-indicator, .lane-12-occupied .info-indicator {
    color: rgba(0, 0, 0, 0.5);
}

.flexmodul-tabelle .table th:first-child,.flexmodul-tabelle .table td:first-child, .flexmodul-tabelle .table td, .flexmodul-tabelle .table th  {
  font-size: 16px;
}


/* DSGVO Iframe */
   .consent-wrapper {
      border: 1px solid #ccc;
      padding: 1em;
      text-align: center;
      background: #f9f9f9;
      margin: 1em 0;
    }
    .consent-text {
      font-size: 0.9em;
      margin-bottom: 1em;
      color: #333;
    }
    .consent-button {
      padding: 0.6em 1.2em;
      background-color: #007bff;
      color: #fff;
      border: none;
      cursor: pointer;
      font-size: 1em;
      border-radius: 4px;
    }
    .consent-button:hover {
      background-color: #0056b3;
    }
    iframe {
      width: 100%;
  height: 100%;
      border: none;
      display: block;
    }

.embed-consent {
  border: 1px solid #ccc;
  padding: 1em;
  margin: 1em 0;
  text-align: left;
  background: #f9f9f9;
  border-radius: 8px;
}
.embed-consent__body {
  font-size: 0.9em;
  margin-bottom: 1em;
}
.embed-consent__actions button {
  margin-right: 0.5em;
}
.responsive-iframe-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 Verhältnis */
  height: 0;
}
.responsive-iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
  .embed-consent__btn {
    cursor:pointer; border:0; border-radius:8px; padding:9px 14px; font-weight:600;
    background:#063; color:#fff;
  }
  .embed-consent__btn:hover { filter:brightness(0.95); }
  .embed-consent__remember { display:flex; align-items:center; gap:8px; font-size:14px; }
  iframe { width:100%; height:360px; border:0; border-radius:8px; }

  .btn-outline-danger {
  border-radius: 6px;
}
.btn-outline-secondary {
  border-radius: 6px;
}
.thumbnail {
  border-radius: 5px;
}
.flex-text-white {
  margin-top: 10px;
  color: #ffffff;
  font-weight: bold;
}
.flex-text-black {
  margin-top: 10px;
  color: #000000;
  font-weight: bold;
}
.dl-item, .link-item {
  background: white;
  min-height: 40px;
  border-radius: 5px;
}
.dl-name {float:left;}
.dl-size {float:right;}
.copyright {
  position: relative;
  bottom: 34px;
  left: 15px;
  background: rgba(0,0,0,.5);
  color: #fff;
  padding: 5px;
  font-size: 10px;
}
.dsgvo {
  text-decoration: underline;
}

table.dataTable thead th, table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111;
}
table.dataTable thead th, table.dataTable tfoot th {
  font-weight: bold;
}
.table thead th {
  background-color: #343a40;
  color: white;
}

.text-left, .float-start {
  float: left !important;
}

.table thead th {
  background-color: #58a333 !important;
  color: white;
}
.table td:first-child {
    padding: 0.1rem 0.2rem;
    font-weight: bold;
    background-color: transparent;
    text-align: left !important;
    font-size: 12px;
    color: black;
}

.dt-bootstrap4 .row {
  --bs-gutter-x: 0rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
}

.cardtitle {
  position: absolute;
  background: rgba(255,255,255,.8);
  width: 100%;
  bottom: 0;
  padding: 5px;
  font-size: 12px;  
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.cardtitle-wide {
  position: absolute;
  background: rgba(255,255,255,0.8);
  left: 0;
  top: 5px;
  padding: 5px;
  font-size: 12px;
}

.cardtitle span {
    float: right;
}
.owl-carousel img {
  border-radius: 10px;
}

ul li, ol li, p li  {
color:black;
}
ul li {
      list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='-1 -1 2 2'><circle r='1' /></svg>");
}

#navbarNav ul li, footer ul li {
  list-style: none;
}


/* Quicklinks */
.hu_quicklinks {
  --padding-inline: clamp(1.25rem, 1rem + 1.25vw, 2.5rem);
  --max_width--open: 33.25rem;
  --max_width--closed: 14.25rem;
  position:fixed;
  right:0;
  background:#DFD8D4;
  bottom:2rem;
  z-index:1;
  width:100%;
  transform:translateY(2rem);
  transition:height var(--duration) ease,width var(--duration) ease;
  z-index:999;
  width:100%;
  box-shadow:0 0 1.25rem rgba(0,0,0,0.5)
}
@media only screen and (min-width: 640px) {
  .hu_quicklinks {
    max-width:var(--max_width--open)
  }
  .hu_quicklinks:has(.hu_quicklinks_button[aria-pressed="false"]) {
    max-width:var(--max_width--closed)
  }
}
.hu_quicklinks .hu_quicklinks_button {
  --quicklinks_button_font_size: clamp(1.125rem, 1.0682rem + 0.2841vw, 1.15rem);
  padding:1rem var(--padding-inline);
  text-align:center;
  width:100%;
  font-weight:700;
  font-size:var(--quicklinks_button_font_size);
  transition:background-color 250ms ease, color 250ms ease
}
.hu_quicklinks .hu_quicklinks_button[aria-pressed="true"]:before {
  content:"";
  display:block;
  position:absolute;
  content:"\2b";
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  display:inline-block;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:1;
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  display:inline-block;
  font-style:normal;
  font-variant:normal;
  text-rendering:auto;
  line-height:1;
  font-family:'Font Awesome 6 Free';
  font-weight:400;
  font-weight:700;
  font-size:12px;
  margin-right:9px;
  border-radius:0 9px 0 0;
  width:38px;
  height:38px;
  line-height:38px !important;
  text-align:center;
  top:1.5rem;
  right:0;
  transform:rotate(45deg);
  transition:height linear 250ms, width linear 250ms, line-height linear 250ms
}
@media only screen and (min-width: 1025px) {
  .hu_quicklinks .hu_quicklinks_button[aria-pressed="true"]:before {
    width:25px;
    height:25px;
    line-height:25px !important;
    font-size:2rem;
    margin-right:21px
  }
}
.hu_quicklinks .hu_quicklinks_button:not([aria-pressed="true"]):hover .hu_quicklinks_button__text,
.hu_quicklinks .hu_quicklinks_button:not([aria-pressed="true"]):focus-visible .hu_quicklinks_button__text {
  color:black
}
.hu_quicklinks .hu_quicklinks_button[aria-pressed="true"] {
  text-align:left;
  padding-inline:var(--padding-inline)
}
@media only screen and (min-width: 1025px) {
  .hu_quicklinks .hu_quicklinks_button[aria-pressed="true"] {
    --quicklinks_button_font_size: clamp(1.125rem, 0.9125rem + 1.0625vw, 1.4875rem)
  }
}
.hu_quicklinks .hu_quicklinks_button[aria-pressed="true"] .hu_quicklinks_button__text {
  translate:0
}
.hu_quicklinks .hu_quicklinks_button[aria-pressed="true"] .hu_quicklinks_button__icon_wrap {
  display:none
}
.hu_quicklinks .hu_quicklinks_button[aria-pressed="true"]:hover .hu_quicklinks_button__text i,
.hu_quicklinks .hu_quicklinks_button[aria-pressed="true"]:focus-visible .hu_quicklinks_button__text i {
  scale:1.1
}
body:not(.hu_quicklinks_open) .hu_quicklinks .hu_quicklinks_button:hover .hu_quicklinks_button__icon_wrap,
.hu_quicklinks .hu_quicklinks_button:focus-visible .hu_quicklinks_button__icon_wrap {
}
body:not(.hu_quicklinks_open) .hu_quicklinks .hu_quicklinks_button:hover .hu_quicklinks_button__icon_wrap .hu_quicklinks_button__icon_element,
.hu_quicklinks .hu_quicklinks_button:focus-visible .hu_quicklinks_button__icon_wrap .hu_quicklinks_button__icon_element {
  border-color:black
}
.hu_quicklinks .hu_quicklinks_button__icon_wrap {
  display:flex;
  flex-wrap:wrap;
  position:absolute;
  right:0;
  top:50%;
  translate:100% -50%;
  transition:gap 250ms ease, width 250ms ease, height 250ms ease
}
.hu_quicklinks .hu_quicklinks_button__icon_element {
  width:10px;
  height:10px;
  border:2px solid #505050;
  border-radius:2px;
  display:block;
  transition:border-color 250ms ease
}
.hu_quicklinks .hu_quicklinks_button__icon_element:hover,
.hu_quicklinks .hu_quicklinks_button__icon_element:focus-visible {
  text-decoration:none;
  border:2px solid black
}
.hu_quicklinks .hu_quicklinks_button__text {
  font-weight:700;
  position:relative;
  display:inline-block;
  padding-right:1rem;
  translate:-1.1rem
}
.hu_quicklinks .hu_quicklinks_button__text i {
  position:absolute;
  right:0;
  translate:100% -50%;
  top:50%;
  opacity:0;
  transition:opacity 250ms ease, 250ms ease;
  font-size:1.75rem
}
@media only screen and (min-width: 1280px) {
  .hu_quicklinks .hu_quicklinks_button__text i {
    font-size:2.75rem
  }
}
.hu_quicklinks .hu_quicklinks_button[aria-pressed="true"]+.hu_quicklinks__wrap_inner {
  display:flex
}
.hu_quicklinks .hu_quicklinks_button[aria-pressed="false"]+.hu_quicklinks__wrap_inner {
  display:none
}
.hu_quicklinks .hu_quicklinks__wrap_inner {
  --quicklinks_gap: clamp(0.5rem, 0.4rem + 0.5vw, 1rem);
  --quicklinks_padding_bottom: 2rem;
  --quicklinks_link_padding_inline: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
  --quicklinks_link_padding_inline: 1.25rem;
  --quicklinks_link_padding_block: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
  --quicklinks_link_icon_size: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem);
  display:none;
  flex-wrap:wrap;
  gap:var(--quicklinks_gap);
  padding-inline:var(--padding-inline);
  padding-bottom:var(--quicklinks_padding_bottom)
}
@media only screen and (min-width: 640px) {
  .hu_quicklinks .hu_quicklinks__wrap_inner {
    display:flex;
    padding-top: 1em;
  }
}
.hu_quicklinks .icon_quick__element_link {
  background-color:white;
  color:#505050;
  width:100%;
  display:flex;
  align-items:center;
  font-weight:500;
  gap:14px;
  padding-inline:var(--quicklinks_link_padding_inline);
  padding-block:var(--quicklinks_link_padding_block);
  line-height:1.2;
  max-height:4.6em;
  overflow:hidden;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  text-overflow:ellipsis;
  transition:background-color 250ms ease, color 250ms ease
}
@media only screen and (min-width: 480px) {
  .hu_quicklinks .icon_quick__element_link {
    width:calc((100% - var(--quicklinks_gap)) / 2)
  }
}
.hu_quicklinks .icon_quick__element_link:hover,
.hu_quicklinks .icon_quick__element_link:focus-visible {
  text-decoration:none;
  background-color:#505050;
  color:white
}
.hu_quicklinks .icon_quick__element_link i {
  font-size:var(--quicklinks_link_icon_size)
}

 @media (min-width: 992px) {
  .rowfix .col-4, .rowfix .col-md-4 {
      flex: 0 0 auto;
      width: 33.33333333%
    }

  .rowfix .col-12, .rowfix .col-xs-12, .rowfix .col-sm-12 {
      flex: 0 0 auto;
      width: 33.33333333%
    }

  .rowfix .col-3, .rowfix .col-lg-3 {
      flex:0 0 auto;
      width:25%
    }

  }
  #osmFrame {
    width: 100%;
    height: 450px;
    border: none;
}

/* Auf kleinen Handys die Karte etwas flacher machen */
@media (max-width: 576px) {
    #osmFrame {
        height: 300px;
    }
}
.rowfix .carousel-inner {
  min-width:100%;
}
.rowfix .carousel .carousel-indicators button {
  border-radius: 0;
  height: 8px;
  width: 60px;
  background-color: #b51e3c;
}
.tag {margin-bottom: 2px;}
.day-tag {
  font-weight: bold;
}
.start-10 {
  left:10%!important
}
.start-15 {
  left:15%!important
}
.start-20 {
  left:20%!important
}