/* TASK-10: Der Header ist die gemeinsame Farb- und Schriftreferenz aller CTAs.
   Groessen, Raster, Abstaende und volle Paketbuttonbreiten bleiben erhalten. */
.e10.e9.e8 :is(.d-button,.d-whatsapp,.d-contact-tools a){font-family:var(--font-sans);font-size:var(--d-label);font-weight:500;line-height:1.5;text-decoration:none;opacity:1}
/* G-12-FARBEN / FOOTER-WHATSAPP: bestehende Kontaktleisten- und Footer-Farben erhalten. */
.e10.e9.e8 :is(.d-button,.d-whatsapp,.d-contact-tools a):where(:not(.d-contact-tools a,.d-footer .d-whatsapp)){background:var(--d-action);color:var(--d-ink)}
.e10.e9.e8 :is(.d-button,.d-whatsapp,.d-contact-tools a):hover{text-decoration:none}
.e10.e9.e8 :is(.d-button,.d-whatsapp,.d-contact-tools a):where(:not(.d-contact-tools a,.d-footer .d-whatsapp)):hover{background:var(--d-sage);color:var(--d-ink)}
.e10.e9.e8 :is(.d-button,.d-whatsapp,.d-contact-tools a):focus-visible{outline:3px solid var(--d-ink);outline-offset:4px}
.e10.e9.e8 .d-footer :is(.d-button,.d-whatsapp):focus-visible{outline-color:var(--d-paper)}
.e10.e9.e8 :is(.d-button,.d-whatsapp,.d-contact-tools a):disabled{cursor:not-allowed;opacity:1}
.e10.e9.e8 :is(.d-button,.d-whatsapp,.d-contact-tools a):disabled:hover{background:var(--d-action)}
.d-footer-credits{display:flex;flex-direction:column;align-items:center;gap:0;text-align:center;margin-top:var(--d-m);padding-top:var(--d-s);border-top:1px solid #ffffff40;font-size:1rem;line-height:1.5}
.d-footer .d-footer-credits a{display:inline-flex;justify-content:center;font-size:1rem;min-height:var(--d-touch);color:#d9dddf}
.legal-copy .legal-language{font-size:1rem;margin-bottom:var(--d-m)}
.legal-copy :is(h2,h3){margin-top:var(--d-m);font-family:var(--font-sans);font-size:clamp(1.125rem,1rem + .4vw,1.5rem);line-height:1.3;text-wrap:wrap;hyphens:none}
.legal-copy :is(p,li){text-wrap:wrap;hyphens:none}

/* Kontakt-Symbole: gemeinsame klare Konturen, ganzzahlige Darstellungsraster. */
.e10.e9.e8 .d-whatsapp svg,.e10.e9.e8 .d-contact-tools svg{width:1.5rem;height:1.5rem;flex:none}
@media(max-width:63.999rem){.e10.e9.e8 .d-contact-tools svg{width:1.25rem;height:1.25rem}}

/* FOOTER-ABSCHLUSS: nur der tatsächlich benötigte Platz über der Kontaktleiste. */
.e10 .d-footer{padding-bottom:var(--d-s)}
@media(max-width:63.999rem){
 .e10 .d-footer{padding-bottom:calc(var(--footer-contact-height,5.5rem) + var(--d-xs))}
}