.ws-block{display:contents}
[data-m-ueberlappung="klein"]{margin-top:-96px;position:relative;z-index:1}
[data-m-ueberlappung="mittel"]{margin-top:-192px;position:relative;z-index:1}
[data-m-ueberlappung="gross"]{margin-top:-288px;position:relative;z-index:1}
[data-m-ueberlappung]{background:transparent !important}
[data-m-ueberlappung] > section{background:transparent !important}
@media(max-width:700px){[data-m-ueberlappung]{margin-top:0}}
[data-m-breite="full-bleed"]{--container-max:none;--container-px:0px}
[data-m-breite="full-bleed"] .container{width:100%}
[data-m-hoehe="schmal"]{--m-heroh:60}
[data-m-hoehe="mittel"]{--m-heroh:85}
[data-m-hoehe="hoch"]{--m-heroh:100}
[data-m-spalten="1"]{--m-spalten:1}
[data-m-spalten="2"]{--m-spalten:2}
[data-m-spalten="3"]{--m-spalten:3}
[data-m-spalten="4"]{--m-spalten:4}
[data-m-spalten="5"]{--m-spalten:5}
[data-m-spalten="6"]{--m-spalten:6}
[data-m-ausrichtung="links"]{--m-ausr-media:-1}
[data-m-ausrichtung="rechts"]{--m-ausr-media:2}
@media(max-width:960px){[data-m-ausrichtung]{--m-ausr-media:0}}
[data-m-overlay="hell"],[data-m-overlay="dunkel"]{position:absolute;inset:0 auto auto 0;width:100%;z-index:20;--m-nav-bg:transparent}
[data-m-overlay="hell"]{--m-nav-fg:var(--c-white)}
[data-m-overlay="dunkel"]{--m-nav-fg:var(--t-primary)}


@font-face{font-family:"Roboto Fallback";src:local("Arial"),local("Helvetica"),local("Liberation Sans");ascent-override:92.77%;descent-override:24.41%;line-gap-override:0%;size-adjust:100.3%;}@font-face{font-family:"Roboto";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/roboto-latin-wght-normal.woff2") format("woff2");}@font-face{font-family:"Roboto";font-style:italic;font-weight:100 900;font-display:swap;src:url("fonts/roboto-latin-wght-italic.woff2") format("woff2");}



:root{
  --c-primary:#1e76c2; --c-primary-mid:#144f81; --c-primary-dark:#0a2741;   
  --c-secondary:#0a1642; --c-secondary-mid:#070f2c; --c-secondary-dark:#030716; 
  --c-tertiary:#5c6e94; --c-tertiary-mid:#3d4963; --c-tertiary-dark:#1f2531;  
  --c-neutral:#d1d2d5; --c-neutral-mid:#8b8c8e; --c-neutral-dark:#464647; --c-neutral-light:#f0f0f1; 
  --c-white:#ffffff; --c-black:#000000;
  --t-primary:var(--c-secondary); --t-secondary:var(--c-tertiary-mid); 

  --c-surface:        var(--c-white);                                   
  --c-surface-subtle: var(--c-neutral-light);                           
  --c-surface-muted:  var(--c-neutral);                               
  --c-field:          var(--c-white);                                   
  --c-border:         color-mix(in srgb, var(--t-primary) 12%, transparent); 
  --c-fill:           var(--c-tertiary);                                
  --t-muted:          var(--c-neutral-dark);                            
  --t-tertiary:       var(--c-primary-dark);                            

  --font: var(--font-body, "Open Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif);
  --fs-display: clamp(2.25rem, 1.6rem + 2.8vw, 3.5rem);
  --lh-heading:1.3 ;
  --lh-body: 1.6;

  --r-card:16px ; --r-sm:12px; --r-btn: 8px; --r-pill: 9999px;
  --bw: var(--bw-card, 2px);          

  --space-inline:      var(--sp-2, .5rem);   
  --space-stack:       var(--sp-4, 1rem);    
  --space-stack-lg:    var(--sp-5, 1.5rem);       
  --space-card-pad:    var(--sp-4, 1rem);    
  --space-card-pad-lg: var(--sp-6, 2rem);    
  --space-card-pad-xl: var(--sp-7, 3rem);    
  --space-field-gap:   var(--sp-4, 1rem);       
  --space-head-gap:    var(--sp-7, 3rem);    
  --space-list-gap:    var(--sp-2, .5rem);      
  --space-card-gap:    var(--sp-4, 1rem);       
  --space-seg-gap:     .25rem;               
  --section-py:        var(--sp-9, 6rem);    

  --sp-xxs:var(--sp-3,.75rem); --sp-xs:var(--sp-5,1.5rem); --sp-sm:var(--sp-6,2rem); --sp-md:var(--sp-7,3rem); --sp-lg:var(--sp-8,4rem); --sp-xl:var(--sp-9,6rem); --sp-xxl:8rem;
  --mg-xxs:var(--sp-2,.5rem); --mg-xs:var(--sp-3,.75rem); --mg-sm:var(--sp-4,1rem); --mg-md:var(--sp-5,1.5rem); --mg-lg:var(--sp-6,2rem); --mg-xl:var(--sp-7,3rem); --mg-xxl:var(--sp-8,4rem);
  --gap-btn:var(--sp-4,1rem); 
  --gap-main:2.5rem ; --gap-md:1.25rem ; --gap-sm:var(--sp-2,.5rem); 

  --container-max:1248px; --container-px:24px; --grid-gutter:24px; 
  --nav-h:72px;   

  --space-text-pair:   var(--sp-2, .5rem);   
  --c-primary-container:      color-mix(in srgb, var(--c-primary) 12%, var(--c-white));
  --c-on-primary-container:   var(--c-primary-dark);
  --c-secondary-container:    color-mix(in srgb, var(--c-secondary) 10%, var(--c-white));
  --c-on-secondary-container: var(--c-secondary-dark);
  --c-tertiary-container:     color-mix(in srgb, var(--c-tertiary) 12%, var(--c-white));
  --c-on-tertiary-container:  var(--c-tertiary-dark);
  --c-outline:         color-mix(in srgb, var(--t-primary) 24%, transparent);
  --c-outline-variant: var(--c-border);
  --c-inverse-surface:      var(--c-secondary-dark);
  --c-inverse-on-surface:   var(--c-white);
  --c-inverse-on-surface-2: color-mix(in srgb, var(--c-white) 78%, transparent);
  --fs-quote: clamp(1.375rem, 1.2rem + .75vw, 1.75rem); 
  --fs-title-lg: 1.25rem; --fs-title: 1.125rem; --fs-title-sm: 1rem;
  --fs-caption: .875rem; --fs-meta: .875rem; --fs-nav: 1rem; --fs-display-lg: clamp(3rem, 1.886rem + 4.571vw, 6rem); --fs-deco: clamp(4.5rem, 1.064rem + 14.095vw, 13.75rem); --lh-caption: 1.45; --fs-body-sm: var(--fs-caption); --fs-label: 1rem; --fs-label-sm: .875rem;
  --lh-title: 1.35; --lh-label: 1.4;
  --sp-20: 1.25rem; --sp-40: 2.5rem; --sp-56: 3.5rem; --sp-80: 5rem;
  --shadow-lg: 0 16px 48px color-mix(in srgb, var(--c-secondary) 16%, transparent);
  --motion-fast: 150ms; --motion-base: 250ms; --motion-slow: 400ms;
  --ease-standard:   cubic-bezier(.2, 0, 0, 1);
  --ease-emphasized: cubic-bezier(.3, 0, 0, 1);

}

:root{
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.5rem;
  --sp-6:2rem; --sp-7:3rem; --sp-8:4rem; --sp-9:6rem;

  --fs-h1:clamp(2rem, 1.63rem + 1.52vw, 3rem);       
  --fs-h2:clamp(1.75rem, 1.56rem + .76vw, 2.25rem);  
  --fs-h3:clamp(1.5rem, 1.41rem + .38vw, 1.75rem);   
  --fs-h4:clamp(1.25rem, 1.16rem + .38vw, 1.5rem);   
  --fs-h5:clamp(1.125rem, 1.08rem + .19vw, 1.25rem); 
  --fs-h6:clamp(1rem, .95rem + .19vw, 1.125rem);     
  --fs-body:1rem;                                    
  --fw-regular:400; --fw-semibold:600; --fw-bold:700;

  --c-primary-light:color-mix(in srgb, var(--c-primary) 22%, var(--c-white)); 
  --c-on-primary:var(--c-white); --c-on-secondary:var(--c-white); --c-on-tertiary:var(--c-white); --c-on-fill:var(--c-white); 
  --c-success:#2f7d4f; --c-success-bg:color-mix(in srgb, #2f7d4f 12%, var(--c-white));
  --c-error:#c0392b;   --c-error-bg:color-mix(in srgb, #c0392b 12%, var(--c-white));

  --shadow-sm:0 2px 8px color-mix(in srgb, var(--c-secondary) 8%, transparent);
  --shadow-md:0 8px 28px color-mix(in srgb, var(--c-secondary) 12%, transparent);
}

@media (max-width:1024px){ :root{ --section-py:var(--sp-8,4rem); } }  
@media (max-width: 767px){ :root{ --section-py:var(--sp-7,3rem); --grid-gutter:16px; --container-px:16px; } }  

:root{ --border-w: var(--bw); --t-neutral: var(--t-muted); }

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--font);
  font-size:1rem; font-weight:400; line-height:var(--lh-body);
  color:var(--t-secondary, #2c3b3d);
  background:var(--c-surface);
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit}
ul,ol{list-style:none}
img,svg{display:block;max-width:100%}
button{font:inherit;cursor:pointer;border:none;background:none}
input,textarea,select{font:inherit}

.container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-px)}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gutter);align-items:start}
.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}
.col-span-4{grid-column:span 4}.col-span-5{grid-column:span 5}.col-span-6{grid-column:span 6}
.col-span-7{grid-column:span 7}.col-span-8{grid-column:span 8}.col-span-9{grid-column:span 9}
.col-span-10{grid-column:span 10}.col-span-11{grid-column:span 11}.col-span-12{grid-column:span 12}
.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}
.col-start-4{grid-column-start:4}.col-start-5{grid-column-start:5}.col-start-6{grid-column-start:6}
.col-start-7{grid-column-start:7}.col-start-8{grid-column-start:8}.col-start-9{grid-column-start:9}
.col-start-10{grid-column-start:10}.col-start-11{grid-column-start:11}.col-start-12{grid-column-start:12}
[class*="col-start-"].col-span-1{grid-column-end:span 1}[class*="col-start-"].col-span-2{grid-column-end:span 2}
[class*="col-start-"].col-span-3{grid-column-end:span 3}[class*="col-start-"].col-span-4{grid-column-end:span 4}
[class*="col-start-"].col-span-5{grid-column-end:span 5}[class*="col-start-"].col-span-6{grid-column-end:span 6}
[class*="col-start-"].col-span-7{grid-column-end:span 7}[class*="col-start-"].col-span-8{grid-column-end:span 8}
[class*="col-start-"].col-span-9{grid-column-end:span 9}[class*="col-start-"].col-span-10{grid-column-end:span 10}
[class*="col-start-"].col-span-11{grid-column-end:span 11}[class*="col-start-"].col-span-12{grid-column-end:span 12}
@media (max-width:1024px){
  .grid{grid-template-columns:repeat(8,1fr)}
  .col-span-9,.col-span-10,.col-span-11,.col-span-12{grid-column:span 8}
  [class*="col-start-"]{grid-column-start:auto}
  .col-t-1{grid-column:span 1}.col-t-2{grid-column:span 2}.col-t-3{grid-column:span 3}.col-t-4{grid-column:span 4}
  .col-t-5{grid-column:span 5}.col-t-6{grid-column:span 6}.col-t-7{grid-column:span 7}.col-t-8{grid-column:span 8}
}
@media (max-width:767px){
  .grid{grid-template-columns:repeat(4,1fr)}
  .grid>*{grid-column:1 / -1}                      
  .col-m-1{grid-column:span 1}.col-m-2{grid-column:span 2}.col-m-3{grid-column:span 3}.col-m-4{grid-column:span 4}
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
  font-family:var(--font-heading, var(--font));
  font-weight:var(--fw-heading, 700);
  line-height:var(--lh-heading);
  letter-spacing:-.01em;
  color:var(--t-primary, #003c41);
}
h1,.h1{font-size:var(--fs-h1, clamp(2rem, 1.5rem + 2.2vw, 2.75rem));margin-bottom:var(--space-text-pair, .5rem)}
h2,.h2{font-size:var(--fs-h2, clamp(1.6rem, 1.25rem + 1.7vw, 2.25rem));margin-bottom:var(--space-text-pair, .5rem)}
h3,.h3{font-size:var(--fs-h3, clamp(1.35rem, 1.15rem + .9vw, 1.75rem));margin-bottom:var(--space-text-pair, .5rem)}
h4,.h4{font-size:var(--fs-h4, 1.5rem);margin-bottom:var(--space-text-pair, .5rem)}
h5,.h5{font-size:var(--fs-h5, 1.25rem);margin-bottom:var(--space-text-pair, .5rem)}
h6,.h6{font-size:var(--fs-h6, 1.125rem);margin-bottom:var(--space-text-pair, .5rem)}
p{font-size:var(--fs-body, 1rem);line-height:var(--lh-body);margin-bottom:var(--space-stack, 1rem);max-width:65ch}
p:last-child{margin-bottom:0}
.preheadline{font-size:var(--fs-label, 1rem);line-height:1.25;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-text-pair, .5rem);display:block;color:var(--c-primary)} 
.subheadline{font-size:var(--fs-title, 1.125rem);line-height:1.66;font-weight:400;margin-bottom:var(--space-stack, 1rem)}
.text-white,.text-white h1,.text-white h2,.text-white h3,.text-white h4,.text-white h5,.text-white h6,
.text-white p,.text-white .preheadline,.text-white .subheadline{color:var(--c-white)}
.text-white-muted{color:color-mix(in srgb, var(--c-white) 78%, transparent)}

.btn{
  display:inline-flex;align-items:center;gap:var(--gap-btn);
  padding:.75rem 1.5rem;font-family:var(--font);font-size:var(--fs-label, 1rem);font-weight:600;line-height:1.4;text-transform:uppercase;letter-spacing:.05em;
  border-radius:var(--r-btn);border:var(--bw) solid transparent;cursor:pointer;white-space:normal;text-align:center;justify-content:center;
  transition:background .2s ease,border-color .2s ease,color .2s ease;
}
.btn:focus-visible{outline:3px solid var(--c-primary);outline-offset:3px}
.btn--primary{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-white)}
.btn--primary:hover{background:var(--c-tertiary);border-color:var(--c-tertiary)}
.btn--primary:active{background:var(--c-primary-dark);border-color:var(--c-tertiary-dark)}
.btn--ghost{background:var(--c-white);border-color:var(--c-primary);color:var(--t-primary)}
.btn--ghost:hover{background:var(--c-secondary);border-color:var(--c-tertiary);color:var(--c-on-secondary)}
.btn--ghost:active{background:var(--c-neutral);border-color:var(--c-primary-dark)}
.btn--back{background:var(--c-secondary);border-color:var(--c-neutral);color:var(--c-white)}
.btn--back:hover{background:var(--c-neutral);border-color:var(--c-neutral-dark);color:var(--t-primary)}
[class*="sec-"] .msf__checkbox.msf__checkbox--unsure{color:var(--c-white)}
/* Musterbox: Text auf braunem Grund (--c-secondary) weiß; Pills, Chips und Eingabefelder behalten ihre eigenen Farben */
[class*="sec-"] :is(.msf__subsection, .msf__sub) :is(.msf__subsection-title, .msf__label, .msf__sub-lead, .msf__checkbox){color:var(--c-white)}
[class*="sec-"] :is(.msf__subsection, .msf__sub) .msf__checkbox a{color:var(--c-white)}
/* Musterbox: Adressfelder mit einheitlichem Feldabstand (senkrecht = waagerecht) */
[class*="sec-"] .msf__sub:has(> .msf__input):not([hidden]){display:flex;flex-direction:column;gap:var(--space-field-gap, .75rem)}
[class*="sec-"] :is(.msf__sub, .msf__fieldset) > .msf__row{margin-top:0}
.btn--kompakt{font-size:var(--fs-body-sm)}
.cta-link{display:inline-flex;align-items:center;align-self:flex-start;gap:.375rem;font-size:var(--fs-label);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid currentColor;padding-bottom:var(--sp-1);color:var(--c-primary-dark);transition:color var(--motion-base),border-color var(--motion-base)}
.cta-link svg{flex-shrink:0;transition:transform var(--motion-fast)}
.cta-link svg :is(line,polyline,path){stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.cta-link:hover svg{transform:translateX(4px)}
.cta-link:focus-visible{outline:3px solid var(--c-primary);outline-offset:3px}
@media (prefers-reduced-motion: reduce){.cta-link svg{transition:none}.cta-link:hover svg{transform:none}}
.cta-link:hover{color:var(--c-primary)}
.cta-link--light{color:var(--c-primary)}
.cta-link--light:hover{color:var(--c-white)}

.card{background:var(--c-white);border:var(--bw) solid var(--c-secondary);border-radius:var(--r-card);overflow:hidden;display:flex;flex-direction:column}
.card__img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--c-secondary-dark)}
.card__img-placeholder{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,var(--c-secondary-dark),var(--c-neutral-dark));display:flex;align-items:center;justify-content:center}
.card__img-placeholder svg{opacity:.3}
.card__body{padding:1.5rem;display:flex;flex-direction:column;flex:1;gap:var(--mg-xs)}
.card__kicker{font-size:.875rem;font-weight:600;color:var(--c-primary-dark)}
.card__title{color:var(--t-primary);margin-bottom:0}
.card__text{color:var(--t-secondary);font-size:.9375rem;flex:1}

.field{margin-bottom:var(--space-field-gap)}
.field label{display:block;font-size:var(--fs-label-sm, .875rem);color:var(--t-secondary);margin-bottom:var(--space-text-pair, .5rem);font-weight:600}
.field input,.field textarea,.field select{
  width:100%;border:1px solid var(--c-border);border-radius:var(--r-btn);
  padding:.8125rem .9375rem;background:var(--c-field);color:var(--t-primary);
}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--c-primary) 22%, transparent)}

.u-sr-only,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.u-text-center{text-align:center}
.u-img-cover{width:100%;height:100%;object-fit:cover}
.img-bg-dark{background:linear-gradient(135deg,var(--c-secondary-dark) 0%,var(--c-neutral-dark) 100%)}




@media (max-width:1024px){
}
@media (max-width:767px){
  
}

.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
.reveal.visible{opacity:1;transform:none}


:root{
  --c-primary: #4f7571;
  --c-primary-mid: #4f7571;
  --c-primary-dark: #33514d;
  --c-primary-soft: #6b9995;
  --c-secondary: #a2675b;
  --c-secondary-mid: #7e5147;
  --c-secondary-dark: #5a3a33;
  --c-tertiary: #d0bdb3;
  --c-tertiary-mid: #a7988e;
  --c-tertiary-dark: #7d7269;
  --c-neutral: #e8e2de;
  --c-neutral-mid: #aca5a1;
  --c-neutral-dark: #6f6863;
  --c-neutral-light: #f6f2f0;
  --c-white: #ffffff;
  --c-black: #1c2120;
  --c-on-primary: var(--c-white);
  --c-on-secondary: var(--c-white);
  --c-on-tertiary: var(--c-black);
  --c-on-fill: var(--c-black);
  --c-accent-1: #ffc31a;
  --c-accent-2: #ffc31a;
  --c-accent-3: #ffc31a;
  --c-accent-4: #ffc31a;
  --c-accent-5: #ffc31a;
  --t-primary: #2c3937;
  --t-secondary: #3f4a48;
  --t-negativ: #ffffff;
  --t-positiv: #2c3937;

  --c-primary-container: #eaeeee;
  --c-on-primary-container: var(--c-primary-dark);
  --c-secondary-container: #f6f0ef;
  --c-on-secondary-container: var(--c-secondary-dark);
  --c-tertiary-container: #f9f7f6;
  --c-on-tertiary-container: var(--c-black);
  --c-inverse-surface: #5a3a33;
  --c-inverse-on-surface: var(--c-white);
  --c-inverse-on-surface-2: color-mix(in srgb, var(--c-white) 78%, transparent);

  --font-heading: "Roboto", "Roboto Fallback", sans-serif;
  --font-body: "Roboto", "Roboto Fallback", sans-serif;
  --fw-heading: 700;
  --fw-body: 400;
  --fs-h1: clamp(2.25rem, 1.786rem + 1.905vw, 3.5rem);   
  --fs-h2: clamp(1.75rem, 1.471rem + 1.143vw, 2.5rem);   
  --fs-h3: clamp(1.5rem, 1.314rem + .762vw, 2rem);       
  --fs-h4: clamp(1.25rem, 1.157rem + .381vw, 1.5rem);    
  --fs-h5: clamp(1.125rem, 1.079rem + .19vw, 1.25rem);   
  --fs-h6: clamp(1rem, .954rem + .19vw, 1.125rem);       

  --r-card: 16px;
  --r-btn: 50px;
  --r-pill: 9999px;
  --bw-card: 2px;
  --bw-btn: 0px;

  --sp-1: .25rem;
  --sp-2: .5rem;
  --sp-3: .75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;
}



.legal-sec { padding: var(--sp-8) 0; background: var(--c-white); }
.legal { max-width: none; margin: 0; }
.legal p, .legal ul { max-width: none; }
.legal privacybee-widget { display: block; }
.legal privacybee-widget .prx_h1 { display: none; }
.legal privacybee-widget .prx_h2 { margin-top: var(--sp-7); margin-bottom: var(--sp-3); font-size: var(--fs-h4); line-height: var(--lh-heading, 1.3); font-weight: var(--fw-heading, 700); color: var(--t-primary); }
.legal privacybee-widget .prx_h3 { margin-top: var(--sp-5); margin-bottom: var(--sp-2); font-size: var(--fs-h5); line-height: var(--lh-heading, 1.3); font-weight: var(--fw-heading, 700); color: var(--t-primary); }
.legal privacybee-widget .prx_h4 { font-size: var(--fs-body); line-height: var(--lh-body); font-weight: 700; color: var(--t-primary); }
.legal privacybee-widget :is(.prx_text, .prx_listElement, .prx_expandableDescription, .prx_expandableRight, .prx_expandableRightText) { color: var(--t-secondary); line-height: var(--lh-body); }
.legal privacybee-widget .prx_expandableName { color: var(--t-primary); }
.legal privacybee-widget .prx_link { color: var(--c-primary-dark); }
.legal h1 { margin-bottom: var(--sp-6); }
.legal h2 { margin-top: var(--sp-7); margin-bottom: var(--sp-3); font-size: var(--fs-h4); }
.legal h3 { margin-top: var(--sp-5); margin-bottom: var(--sp-2); font-size: var(--fs-h5); }
.legal p { color: var(--t-secondary); line-height: var(--lh-body, 1.7); margin-bottom: var(--sp-4); }
.legal a { color: var(--c-primary-dark); text-decoration: underline; }
.legal ul { margin: 0 0 var(--sp-4) var(--sp-5); color: var(--t-secondary); line-height: var(--lh-body, 1.7); }
.legal li { margin-bottom: var(--sp-2); }
.legal strong { color: var(--t-primary); }
.legal__note {
  margin-bottom: var(--sp-6);
  padding: var(--sp-4);
  border-left: 3px solid var(--c-primary);
  background: var(--c-neutral-light);
  border-radius: 0 8px 8px 0;
  font-size: 0.9rem;
}


html.dsjs [data-animate], html.dsjs .reveal{
  opacity: 0; transform: translateY(14px);
  transition: opacity var(--motion-slow, .55s) var(--ease-standard, ease),
              transform var(--motion-slow, .55s) var(--ease-standard, ease);
}
html.dsjs [data-animate].visible, html.dsjs .reveal.visible{ opacity: 1; transform: none; }
html.dsjs [data-animate="stagger-children"]{ opacity: 1; transform: none; transition: none; }
html.dsjs [data-animate="stagger-children"] > *{
  opacity: 0; transform: translateY(14px);
  transition: opacity var(--motion-slow, .5s) var(--ease-standard, ease),
              transform var(--motion-slow, .5s) var(--ease-standard, ease);
  transition-delay: var(--stagger-delay, 0ms);
}
html.dsjs [data-animate="stagger-children"].visible > *{ opacity: 1; transform: none; }


.sec-028 { position: sticky; top: 0; z-index: 100; }

@media (max-width: 1024px) { [data-m-ausrichtung] { --m-ausr-media: 0; } }
@media (max-width: 767px)  { [data-m-ueberlappung] { margin-top: 0; } }

[data-kw] h3, [data-kw] h4, [data-kw] h5, [data-kw] h6{
  display:block; margin:var(--sp-4, 1rem) 0 var(--sp-2, .5rem);
  font-size:1rem; font-weight:var(--fw-semibold, 600); line-height:1.35;
  color:var(--t-primary, inherit); letter-spacing:-.005em;
}
[data-kw] p{ margin:0 0 var(--sp-3, .75rem); }
[data-kw] ul, [data-kw] ol{ display:block; margin:0 0 var(--sp-3, .75rem); padding-left:1.35em; }
[data-kw] ul{ list-style:disc outside; }
[data-kw] ol{ list-style:decimal outside; }
[data-kw] li{ display:list-item; margin:0 0 var(--sp-2, .5rem); }
[data-kw] li:last-child{ margin-bottom:0; }
[data-kw] li::marker{ color:var(--c-primary, currentColor); }
[data-kw] ul ul{ list-style:circle outside; margin:var(--sp-2, .5rem) 0 0; }

.kw-h{
  display:block; margin:var(--sp-4, 1rem) 0 var(--sp-2, .5rem);
  font-weight:var(--fw-semibold, 600); line-height:1.35;
  color:var(--t-primary, inherit);
}
.kw-p{ display:block; margin:0 0 var(--sp-3, .75rem); }
.kw-list{ display:block; margin:0 0 var(--sp-3, .75rem); }
.kw-li{
  display:block; position:relative;
  padding-left:1.35em; margin:0 0 var(--sp-2, .5rem);
}
.kw-li::before{
  content:"\2022"; position:absolute; left:.35em; top:0;
  color:var(--c-primary, currentColor); font-weight:700; line-height:inherit;
}
.kw-list-num{ counter-reset:kwli; }
.kw-list-num > .kw-li{ padding-left:1.7em; counter-increment:kwli; }
.kw-list-num > .kw-li::before{
  content:counter(kwli) "."; left:0;
  font-weight:var(--fw-semibold, 600); font-variant-numeric:tabular-nums;
}

.kw-li:empty, .kw-p:empty, .kw-h:empty{ min-height:1.25em; }

[data-kw] > *:first-child{ margin-top:0; }
[data-kw] > *:last-child{ margin-bottom:0; }
[data-kw] strong, [data-kw] b{ font-weight:var(--fw-semibold, 600); }

[data-kw-bg][style*="url("] > .beschriftung { display: none; }

[data-kw-icon="1"] svg { max-width: 100%; max-height: 100%; }
[data-kw-icon="1"] svg:not([width]) { width: 20px; height: 20px; }



svg[data-kw-ih] [data-kwh], svg[data-kw-ia] [data-kwa] {
  transition: fill .18s ease, stroke .18s ease;
}


*:hover > svg[data-kw-ih="1"] [data-kwh*="f"],
*:hover > * > svg[data-kw-ih="2"] [data-kwh*="f"],
*:hover > * > * > svg[data-kw-ih="3"] [data-kwh*="f"],
*:hover > * > * > * > svg[data-kw-ih="4"] [data-kwh*="f"],
*:hover > * > * > * > * > svg[data-kw-ih="5"] [data-kwh*="f"],
*:hover > * > * > * > * > * > svg[data-kw-ih="6"] [data-kwh*="f"],
*:hover > * > * > * > * > * > * > svg[data-kw-ih="7"] [data-kwh*="f"],
*:hover > * > * > * > * > * > * > * > svg[data-kw-ih="8"] [data-kwh*="f"] {
  fill: var(--kwh) !important;
}
*:hover > svg[data-kw-ih="1"] [data-kwh*="s"],
*:hover > * > svg[data-kw-ih="2"] [data-kwh*="s"],
*:hover > * > * > svg[data-kw-ih="3"] [data-kwh*="s"],
*:hover > * > * > * > svg[data-kw-ih="4"] [data-kwh*="s"],
*:hover > * > * > * > * > svg[data-kw-ih="5"] [data-kwh*="s"],
*:hover > * > * > * > * > * > svg[data-kw-ih="6"] [data-kwh*="s"],
*:hover > * > * > * > * > * > * > svg[data-kw-ih="7"] [data-kwh*="s"],
*:hover > * > * > * > * > * > * > * > svg[data-kw-ih="8"] [data-kwh*="s"] {
  stroke: var(--kwh) !important;
}

.hd1__link--active svg[data-kw-ia] [data-kwa*="f"],
.mnav__link--active svg[data-kw-ia] [data-kwa*="f"],
.is-active svg[data-kw-ia] [data-kwa*="f"],
.is-done svg[data-kw-ia] [data-kwa*="f"],
.aktiv svg[data-kw-ia] [data-kwa*="f"] {
  fill: var(--kwa) !important;
}
.hd1__link--active svg[data-kw-ia] [data-kwa*="s"],
.mnav__link--active svg[data-kw-ia] [data-kwa*="s"],
.is-active svg[data-kw-ia] [data-kwa*="s"],
.is-done svg[data-kw-ia] [data-kwa*="s"],
.aktiv svg[data-kw-ia] [data-kwa*="s"] {
  stroke: var(--kwa) !important;
}


.kw-skip{position:absolute;left:-9999px;top:0;z-index:9999;
  padding:.75rem 1.25rem;background:#000;color:#fff;font:inherit;
  text-decoration:underline;border-radius:0 0 .25rem 0}
.kw-skip:focus{left:0}
.legal h2,.legal h3{overflow-wrap:break-word;hyphens:auto}.legal p,.legal li{overflow-wrap:anywhere}

/* Schmale Handys (360 px): lange Einzelwörter in Überschriften trennen statt seitlich überlaufen
   („Anwendungsmöglichkeiten“, „Datenschutzerklärung“). */
@media (max-width: 480px) {
  h1, h2, h3, .h1, .h2, .h3 { hyphens: auto; -webkit-hyphens: auto; hyphenate-limit-chars: 12 5 5; overflow-wrap: break-word; }
}
