.elementor-kit-7{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#C1C1C1;--e-global-color-text:#383A3E;--e-global-color-accent:#E94C3D;--e-global-color-bec33a1:#2BA685;--e-global-color-978a8de:#3B89E3;--e-global-color-74edf23:#35C9CC;--e-global-color-f64fb96:#FFFFFF40;--e-global-color-ddbcb48:#FFFFFF80;--e-global-color-12ff683:#F5F5F5;--e-global-color-55c7c87:#FFFFFF4D;--e-global-color-ad35afa:#383A3E80;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-770d897-font-size:var(--h1);--e-global-typography-69d4cda-font-size:var(--h2);--e-global-typography-e20ab7e-font-size:var(--h3);--e-global-typography-660a0ba-font-size:var(--h4);--e-global-typography-62e4609-font-size:var(--h3);--e-global-typography-62e4609-font-weight:bold;--e-global-typography-62e4609-line-height:1;--e-global-typography-6a9d715-font-size:var(--h2);--e-global-typography-6a9d715-font-weight:bold;--e-global-typography-6a9d715-line-height:1.1;--e-global-typography-6a9d715-letter-spacing:-1%;--e-global-typography-0824df2-font-size:var(--h3);--e-global-typography-0824df2-font-weight:500;--e-global-typography-0824df2-line-height:1;--e-global-typography-ee0db2a-font-size:var(--h2);--e-global-typography-ee0db2a-font-weight:500;--e-global-typography-ee0db2a-line-height:1.1;--e-global-typography-02b316d-font-size:var(--h1);--e-global-typography-02b316d-font-weight:bold;--e-global-typography-02b316d-line-height:1.1;--e-global-typography-280a38f-font-size:20px;--e-global-typography-280a38f-font-weight:500;--e-global-typography-280a38f-line-height:28px;font-family:"Roboto", Sans-serif;font-size:16px;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-text );font-weight:500;color:var( --e-global-color-primary );border-radius:var(--br) var(--br) var(--br) var(--br);}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:var( --e-global-color-accent );border-radius:var(--br) var(--br) var(--br) var(--br);}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{font-size:var(--h1);}.elementor-kit-7 h2{font-size:var(--h2);}.elementor-kit-7 h3{font-size:var(--h3);}.elementor-kit-7 h4{font-size:var(--h4);}.elementor-kit-7 h5{font-size:var(--h5);}.elementor-kit-7 h6{font-size:var(--h6);}.elementor-section.elementor-section-boxed > .elementor-container{max-width:var(--large-content-width);}.e-con{--container-max-width:var(--large-content-width);--container-default-padding-top:var(--padding);--container-default-padding-right:var(--padding);--container-default-padding-bottom:var(--padding);--container-default-padding-left:var(--padding);}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root,
html, 
body {
    --br: 10px;
    --largetext: 5.75rem;
    --largecopy: 3rem;
    --large-content-width: 1280px;
    --bigspace: max(20px, (100vw - var(--large-content-width) - 20px) / 2);
    --padding: 20px;
    --gap: 20px;
    --h1: 92px;
    --h2: 48px;
    --h3: 24px;
    --h4: 20px;
}

.section { 
    padding-top:calc(var(--padding) * 5); 
    padding-bottom: calc(var(--padding) * 5); 
}
.smallsection {
    padding-top:calc(var(--padding) * 2.5); 
    padding-bottom: calc(var(--padding) * 2.5); 
}

@media(max-width:767px){
     body {
         hyphens: auto;
    --h1: 42px;
    --h2: 30px;
    --h3: 22px;
    --h4: 20px;
    --largetext: 3.5rem;

     }
     .section { 
    padding-top:calc(var(--padding) * 3); 
    padding-bottom: calc(var(--padding) * 3); 
}
}



.newsitem {aspect-ratio:1}

/** TIMELINE**/
.timeline {overflow-x:auto; -webkit-overflow-scrolling:touch; padding-bottom:0px; overflow-y: hidden;
  scrollbar-width:none;        /* Firefox */
  -ms-overflow-style:none;  
    
}

.timelineholder:after {content:''; position: absolute; bottom: 20px;height:1px; background: white; width: 100%; z-index:0}

.timeline::-webkit-scrollbar{ display:none; }
    .timelineitem { position: relative;   flex:0 0 200px !important; background: ; margin-bottom:20px; z-index:1;                   /* feste Spaltenbreite */}
    .timelineitem:after {content:''; position: absolute; bottom:0; left:50%; width: 2px; height: 60px; background: yelow; }
    
    .timelineitem .tl-marker{  position:absolute; height: 60px; width:2px; height:58px; background:#fff; bottom:0;
}
.timelineitem .tl-marker::before{        /* weißer Punkt oben */
  content:""; position:absolute; top:0; left:50%;
  transform:translate(-50%,-50%); width:6px;height:6px;border-radius:50%;background:#fff;
}
.timelineitem .tl-marker::after{         /* roter Punkt auf der Achse */
  content:""; position:absolute; bottom:-10px; left:50%;
  transform:translateX(-50%); width:20px;height:20px;border-radius:50%;background:var(--e-global-color-accent);
}
.tl-prev, .tl-next{
  cursor:pointer;
  transition:opacity .2s;
}

/* Ausblenden an den Enden + nicht mehr klickbar */
.timelineholder.at-start .tl-prev{ opacity:0; pointer-events:none; }
.timelineholder.at-end   .tl-next{ opacity:0; pointer-events:none; }
/* passt alles ohne Scroll rein -> beide weg */
.timelineholder.no-scroll .tl-prev,
.timelineholder.no-scroll .tl-next{ opacity:0; pointer-events:none; }



    
    
/** FORMS **/
 /** Elementor Variablen (können eingesetzt werden)

    Beispiel: --label-color: var(--e-global-color-primary);

    var(--e-global-color-primary);

    var(--e-global-color-secondary);

    var(--e-global-color-text);

    var(--e-global-color-accent);

    var(--e-global-color-xxx) (bei Custom Farben); **/



    /** Die Worte "biite wählen" auf eigenen Platzhalter Begriff anpassen **/

    body {

        --label-fs: 12px;

        --label-padding-left:4px;

        --label-padding-right:4px;

        --label-padding-top:4px;

        --label-padding-bottom:4px;

        --label-bg: transparent;

        --label-color: var(--e-global-color-text);

        --label-bg-focus: var(--e-global-color-text);

        --label-color-focus: var(--e-global-color-accent);

        --label-bg-valid: var(--e-global-color-bec33a1);

        --label-color-valid: var(--e-global-color-primary);

        --label-bg-invalid: var(--e-global-color-accent);

        --label-color-invalid: var(--e-global-color-primary);

        --label-br-tl: 4px;

        --label-br-tr: 4px;

        --label-br-br: 4px;

        --label-br-bl: 4px;

        --border-focus: var(--e-global-color-text);

        --border-valid: var(--e-global-color-bec33a1);

        --border-invalid: var(--e-global-color-accent);

    }

    /** FORMS **/

    /*Generelle Helperfunktion**/

    .elementor-field-group.elementor-field-type-upload label.elementor-field-label,

    .elementor-field-group.elementor-field-type-checkbox label.elementor-field-label {

        position: relative;

        transform: translateY(0) !important;

        color: inherit !important;

    }

    select, select option {

        font-size: inherit !important;

    }

    @media (min-width: 1024px) {

        .elementor-field-group select, .elementor-field-group select option {

            font-size: inherit !important;

        }

    }

    .elementor-field-group textarea::placeholder,

    .elementor-field-group input::placeholder {

        opacity: 0 !important;

    }

    /** Genereller Label Style **/

    .elementor-field-group.elementor-field-type-posttype_select label.elementor-field-label,

    .elementor-field-group.elementor-field-type-select label.elementor-field-label,

    .elementor-field-group label.elementor-field-label {

        position: absolute !important;

        top: 50%;

        left: 20px;

        font-size: var(--label-fs);

        padding: var(--label-padding-top) var(--label-padding-right) var(--label-padding-bottom) var(--label-padding-left) !important;

        display: inline-block;

        transform: translateY(-50%);

        transition: top ease .3s;

        pointer-events: none !important;

        border-top-left-radius: var(--label-br-tl);

        border-top-right-radius: var(--label-br-tr);

        border-bottom-right-radius: var(--label-br-br);

        border-bottom-left-radius: var(--label-br-bl);

    }

    .elementor-field-group.elementor-field-type-posttype_select label.elementor-field-label,

    .elementor-field-group.elementor-field-type-select label.elementor-field-label {

        top: 0;

        z-index: 10;

        border-top-left-radius: var(--label-br-tl);

        border-top-right-radius: var(--label-br-tr);

        border-bottom-right-radius: var(--label-br-br);

        border-bottom-left-radius: var(--label-br-bl);

        background-color: var(--label-bg-focus);

        color: var(--label-color-focus) !important;

    }

    /** bei Fokus **/

    .elementor-field-group.elementor-field-type-select:has(option[value="Keine"]:checked) label.elementor-field-label,

    .elementor-field-group:has(textarea:focus) textarea,

    .elementor-field-group:has(input:focus) input,

    .elementor-field-group:has(select:focus) select {

        border-color: var(--border-focus) !important;

    }



    .elementor-field-group select:not(:has(option[value="Keine"]:checked))  { font-size: inherit !important}



    .elementor-field-group:has(select:focus) .elementor-field-label,

    .elementor-field-group:has(textarea:focus) label.elementor-field-label,

    .elementor-field-group:has(input:focus) label.elementor-field-label {

        top: 0;

        border-top-left-radius: var(--label-br-tl);

        border-top-right-radius: var(--label-br-tr);

        border-bottom-right-radius: var(--label-br-br);

        border-bottom-left-radius: var(--label-br-bl);

        background-color: var(--label-bg-focus);

        color: var(--label-color-focus) !important;

    }

    /** ungültig **/

    .elementor-field-group:has(textarea:not(:placeholder-shown):invalid) .elementor-field-label,

    .elementor-field-group:has(input:not(:placeholder-shown):invalid) .elementor-field-label {

        top: 0;

        background-color: var(--label-bg-invalid);

        color: var(--label-color-invalid) !important;

    }

    .elementor-field-group:has(textarea:not(:placeholder-shown):invalid) textarea,

    .elementor-field-group:has(input:not(:placeholder-shown):invalid) input {

        border-color: var(--border-invalid) !important;

    }

    /** gültig **/

    .elementor-field-group.elementor-field-type-select:not(:has(option[value="Keine"]:checked)) label.elementor-field-label,

    .elementor-field-group:has(textarea:not(:placeholder-shown)) .elementor-field-label,

    .elementor-field-group:has(textarea:not(:placeholder-shown):valid) .elementor-field-label,

    .elementor-field-group:has(input:not(:placeholder-shown)) .elementor-field-label,

    .elementor-field-group:has(input:not(:placeholder-shown):valid) .elementor-field-label {

        top: 0;

        background-color: var(--label-bg-valid);

        color: var(--label-color-valid) !important;

    }

/** Listen **/

.elementor-field-group select:has(option[value="Keine"]:checked)  { font-size: inherit !important}

.elementor-field-group select:has(option[value="Keine"]:checked) option  { font-size: initial !important}

    .elementor-field-group select:not(:has(option[value="Keine"]:checked)),

    .elementor-field-group:has(textarea:not(:placeholder-shown)) teaxtarea,

    .elementor-field-group:has(textarea:not(:placeholder-shown):valid) textarea,

    .elementor-field-group:has(input:not(:placeholder-shown)) input,

    .elementor-field-group:has(input:not(:placeholder-shown):valid) input {

        border-color: var(--border-valid) !important;

    }

    /** Upload Field **/

    .elementor-upload-field {

        padding: 15px;

    }

    /** Nach Absenden Formular ausblenden **/

    form.elementor-form:has(.elementor-message-success) .elementor-form-fields-wrapper {

        display: none

    }

    /** Flatpicker **/

    input.numInput.cur-year,

    .flatpickr-current-month .flatpickr-monthDropdown-months {

        font-size: 14px !important;

    }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://bundw.aksechsundachtzig.de/wp-content/uploads/2026/06/roboto-v51-latin-regular.woff2') format('woff2'),
		url('https://bundw.aksechsundachtzig.de/wp-content/uploads/2026/06/roboto-v51-latin-regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://bundw.aksechsundachtzig.de/wp-content/uploads/2026/06/roboto-v51-latin-italic.woff2') format('woff2'),
		url('https://bundw.aksechsundachtzig.de/wp-content/uploads/2026/06/roboto-v51-latin-italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://bundw.aksechsundachtzig.de/wp-content/uploads/2026/06/roboto-v51-latin-500.woff2') format('woff2'),
		url('https://bundw.aksechsundachtzig.de/wp-content/uploads/2026/06/roboto-v51-latin-500.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('https://bundw.aksechsundachtzig.de/wp-content/uploads/2026/06/roboto-v51-latin-500italic.woff2') format('woff2'),
		url('https://bundw.aksechsundachtzig.de/wp-content/uploads/2026/06/roboto-v51-latin-500italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://bundw.aksechsundachtzig.de/wp-content/uploads/2026/06/roboto-v51-latin-700.woff2') format('woff2'),
		url('https://bundw.aksechsundachtzig.de/wp-content/uploads/2026/06/roboto-v51-latin-700.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	src: url('https://bundw.aksechsundachtzig.de/wp-content/uploads/2026/06/roboto-v51-latin-700italic.woff2') format('woff2'),
		url('https://bundw.aksechsundachtzig.de/wp-content/uploads/2026/06/roboto-v51-latin-700italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://bundw.aksechsundachtzig.de/wp-content/uploads/2026/06/roboto-v51-latin-700.woff2') format('woff2'),
		url('https://bundw.aksechsundachtzig.de/wp-content/uploads/2026/06/roboto-v51-latin-700.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://bundw.aksechsundachtzig.de/wp-content/uploads/2026/06/roboto-v51-latin-700italic.woff2') format('woff2'),
		url('https://bundw.aksechsundachtzig.de/wp-content/uploads/2026/06/roboto-v51-latin-700italic.ttf') format('truetype');
}
/* End Custom Fonts CSS */