/* ====================================================================================================================
   Startseite, Nachtrag 30.09.2026 (GRP-A i898, CW-O-1434): Wünsche Christoph aus der Iteration 29.09.2026, Phase A.
   Wird NACH attr-*.css geladen und gewinnt über höhere Spezifität (html body ...), nie über !important.
   Kontraste gemessen (WCAG 2.2): Navigation #E3C792 auf Kopfgrund #0E0D0E 11,6:1; Knopftext #15110D auf Gold #C9A66F 8,9:1;
   Glasknopf #F6EBD2 auf rgba(12,11,12,.8) über dem Bild mindestens 12:1; Rand #D2B07C gegen Grund 8,4:1 (1.4.11).
   ==================================================================================================================== */

/* Kopf: Logo größer und von der linken Säule weg, Navigation größer und heller */
html body .c-kopf .c-marke{margin-left:clamp(10px,4.2vw,92px);gap:16px}
html body .c-kopf .c-marke .c-mz{height:44px}
html body .c-kopf .c-marke .c-mw{height:18px}
html body .c-kopf nav a{font-size:13px;font-weight:400;letter-spacing:.26em;color:#E3C792}
html body .c-kopf nav a:hover,html body .c-kopf nav a:focus-visible{color:#FFF3DA}
html body .c-kopf nav a:focus-visible{outline:2px solid #EED8A8;outline-offset:4px}
html body .c-kopf .c-bewegung,html body .c-kopf .c-zugang{color:#E3C792}
@media (max-width:1180px) and (min-width:820px){html body .c-kopf nav a{font-size:12px;letter-spacing:.2em}}

/* Hero: Texte unten klar lesbar (Schatten statt Ausblenden des Hintergrunds) */
html body .c-hero .c-label{font:500 12px/1 var(--label);letter-spacing:.34em;color:#F2E2BE}
html body .c-hero .c-absatz{font-size:clamp(16px,min(1.3vw,2.2vh),18.5px);color:#F6F0E4;line-height:1.52;
  text-shadow:0 0 1px #0E0D0E,0 0 3px #0E0D0E,0 0 7px rgba(14,13,14,.95),0 0 14px rgba(14,13,14,.8),0 0 26px rgba(14,13,14,.55)}
html body .c-hero .c-titel{text-shadow:0 0 2px #0E0D0E,0 0 6px rgba(14,13,14,.95),0 0 16px rgba(14,13,14,.8),0 0 30px rgba(14,13,14,.5)}
html body .c-hero .c-ki-hinweis{font-size:10.5px;color:#E2D7C1}

/* Hero-Knöpfe: gleich groß und so sichtbar wie der Schlussknopf. „Gespräch anfragen“ in Gold, „Die fünf Einheiten“ dunkles Glas mit
   kräftigem Goldrand (ohne backdrop-filter: der Weichzeichner über dem Film war eine Flackerquelle) */
html body .c-hero .c-aktionen .c-knopf{min-height:52px;min-width:min(262px,100%);padding:0 30px;justify-content:center;gap:14px;
  font:500 12.5px/1 var(--label);letter-spacing:.2em;text-transform:uppercase;transition:background 200ms var(--ease),color 200ms var(--ease),border-color 200ms var(--ease),box-shadow 200ms var(--ease)}
html body .c-hero .c-aktionen .c-knopf.c-sekundaer{color:#15110D;background:linear-gradient(180deg,#E2C58F 0%,#C9A66F 55%,#B38F58 100%);
  border:1px solid #F0DDB2;box-shadow:0 10px 30px rgba(0,0,0,.5),0 1px 0 rgba(255,245,220,.45) inset}
html body .c-hero .c-aktionen .c-knopf.c-sekundaer:hover{background:linear-gradient(180deg,#EDD3A1 0%,#D5B37A 55%,#C09B63 100%);color:#0E0D0E;border-color:#FFF0CF}
html body .c-hero .c-aktionen .c-knopf.c-primaer{color:#F6EBD2;background:linear-gradient(180deg,rgba(40,34,27,.86),rgba(12,11,12,.84));
  border:1.5px solid #D2B07C;box-shadow:0 10px 30px rgba(0,0,0,.5),0 1px 0 rgba(238,216,168,.22) inset}
html body .c-hero .c-aktionen .c-knopf.c-primaer:hover{border-color:#F0DDB2;color:#FFF7E6;background:linear-gradient(180deg,rgba(64,53,40,.9),rgba(22,19,16,.88))}
html body .c-hero .c-aktionen .c-knopf:focus-visible{outline:2px solid #FFF3DA;outline-offset:3px}
html body .c-hero .c-aktionen .c-knopf .c-pfeil{color:currentColor}
html body .c-hero .c-aktionen::before{opacity:.7}

/* Abschnitte: Kennzeilen „Haltung“ und „Können“ sichtbar (vorher 11 px, Gewicht 300) */
html body .c-abschnitt .c-kicker{font:500 14px/1 var(--label);letter-spacing:.42em;color:#E3C792;margin-bottom:22px;
  text-shadow:0 0 2px #0E0D0E,0 0 8px rgba(14,13,14,.9)}

/* Können: fünf Felder (Control ergänzt) als 3 + 2 auf breiten Fenstern */
@media (min-width:1100px){html body .c-koennen .c-felder{grid-template-columns:repeat(3,1fr);gap:40px clamp(28px,3.4vw,56px)}}
html body .c-koennen .c-felder p{max-width:40ch}

/* Ruhe unter der Bühne (siehe start.js, c-ruhe-still): nichts ändert sich mehr, der Schleier liegt ruhig */
html.c-ruhe-still .c-buehne *{animation-play-state:paused}

/* Fuß: Cookie-Einstellungen im Bild der Fußlinks */
html body .c-fuss .fuss-knopf{display:inline-flex;align-items:center;min-height:44px;padding:0;margin:0;border:0;background:none;cursor:pointer;
  font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--gold-500);transition:color 200ms var(--ease)}
html body .c-fuss .fuss-knopf:hover{color:var(--gold-100)}
html body .c-fuss .fuss-knopf:focus-visible{outline:2px solid var(--gold-300);outline-offset:3px}

/* Telefon und Hochformat: Kopf und Knöpfe angepasst */
@media (max-width:819px),(orientation:portrait){
  html body .c-kopf .c-marke{margin-left:0}
  html body .c-kopf .c-marke .c-mz{height:38px}
  html body .c-kopf .c-marke .c-mw{height:16px}
  html body .c-kopf nav ul a{font-size:11.5px;letter-spacing:.2em;font-weight:500}
  html body .c-hero .c-aktionen{display:grid;grid-template-columns:1fr;gap:12px}
  html body .c-hero .c-aktionen .c-knopf{width:100%;min-width:0}
}