/* ====================================================================================================================
   Startseite, Feinschliff 02.10.2026. Wird NACH start3 geladen und gewinnt über Reihenfolge und Spezifität, nie über !important.
   ==================================================================================================================== */

/* S12: schmales Säulenschild NEBEN der Säule (Lage im Skript: schildLage). Marmor und goldener Innenrahmen wie die Karten. Das Schild ist
   aria-hidden (die Karten tragen dieselben Inhalte für Tastatur und Vorleser); es wächst aus der Säule heraus, 260 ms, nur transform/opacity. */
.c-mini.c-schild{padding:22px 11px 17.875px;container-type:inline-size}
.c-mini.c-schild::before{inset:5px}
.c-mini.c-schild .c-schild-zeichen{display:block;height:38.5px;width:auto;margin:0 auto}
.c-mini.c-schild .c-schild-name{margin:12.375px 0 0;font:500 15.125px/1.25 var(--display);letter-spacing:.16em;text-indent:.16em;text-transform:uppercase;color:#F0DFB8}
.c-mini.c-schild .c-schild-linie{display:block;width:33px;height:1.25px;margin:12.375px auto 11px;background:var(--gold-500)}
.c-mini.c-schild .c-schild-claim{margin:0;font:italic 400 17.1875px/1.34 var(--serif);color:var(--hell);-webkit-hyphens:auto;hyphens:auto}
.c-mini.c-schild .c-schild-hin{display:flex;align-items:center;justify-content:center;gap:8.25px;margin:13.75px 0 0;white-space:nowrap;
  font:500 11.6875px/1 var(--label);letter-spacing:.1em;text-transform:uppercase;color:#D9BC86}
.c-mini.c-schild .c-schild-hin .c-kt{margin-right:-.1em}
.c-mini.c-schild .c-schild-hin .c-pfeil{display:none;width:13.75px;height:8.75px}
@container (min-width:154px){
  .c-mini.c-schild .c-schild-hin{font-size:13.0625px;letter-spacing:.14em}
  .c-mini.c-schild .c-schild-hin .c-kt{margin-right:-.14em}
  .c-mini.c-schild .c-schild-hin .c-pfeil{display:block}
}
.c-mini.c-schild{transform:translateX(-6px) scale(.98)}
.c-mini.c-schild.c-links{transform:translateX(6px) scale(.98)}
.c-mini.c-schild.c-unter{transform:translateY(-6px) scale(.98)}
.c-mini.c-schild.c-zeigen{transform:none}
@media (prefers-reduced-motion:reduce){.c-mini.c-schild,.c-mini.c-schild.c-links,.c-mini.c-schild.c-unter{transform:none}}

/* S13: der Tempel steht vor der Wand. Licht- und Schattenebene (Neubelichtung als weicher Leitwert plus versetzter Schlagschatten):
   weicher Schatten auf der Wand rechts unterhalb, Kontaktschatten unter den Plinthen, feines warmes Kantenlicht oben links.
   Geometrie und Tempelflächen bleiben unberührt. Liegt über Grundbild und Kacheln, unter Büro, Licht und Gravuren; statisch. */
.c-tiefe{position:absolute;inset:0;pointer-events:none;background:url(../gen/tiefe5b-1908.webp) 0 0/100% 100% no-repeat}

/* F11: „Gespräch anfragen" edler: satiniertes Champagnergold mit feinem dunklem Innenrahmen (Prägung wie die Tafeln), oben eine
   Lichtkante. Gleich hoch wie „Die fünf Einheiten" (52 px, border-box). Hover nur Licht (Deckkraft einer zweiten Fläche, 200 ms), kein
   Sprung, keine Größenänderung; Fokusring 2 px #FFF3DA wie bisher. Text #17120C auf hellstem Gold #E6D1A3 12,4:1, auf dunkelstem #BF9B62 7,2:1 (Hover #0E0B07 auf #C8A46B 8,4:1), */
html body .c-hero .c-aktionen .c-knopf{min-height:52px}
html body .c-hero .c-aktionen .c-knopf.c-sekundaer{color:#17120C;border:1px solid #F1DFB5;
  background:linear-gradient(180deg,#E6D1A3 0%,#D3B47F 46%,#BF9B62 100%);
  box-shadow:0 12px 30px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,248,230,.55),inset 0 -1px 0 rgba(90,62,26,.32);
  text-shadow:0 1px 0 rgba(255,244,222,.36)}
html body .c-hero .c-aktionen .c-knopf.c-sekundaer::before{content:"";display:block;position:absolute;inset:4px;z-index:0;pointer-events:none;
  border:1px solid rgba(23,18,12,.34);background:none;opacity:1;transition:border-color 200ms var(--ease)}
html body .c-hero .c-aktionen .c-knopf.c-sekundaer::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,#F0DDB2 0%,#DCBE88 46%,#C8A46B 100%);opacity:0;transition:opacity 200ms var(--ease)}
@media (hover:hover) and (pointer:fine){
  html body .c-hero .c-aktionen .c-knopf.c-sekundaer:hover{background:linear-gradient(180deg,#E6D1A3 0%,#D3B47F 46%,#BF9B62 100%);color:#0E0B07;border-color:#FFF1D0}
  html body .c-hero .c-aktionen .c-knopf.c-sekundaer:hover::after{opacity:1}
  html body .c-hero .c-aktionen .c-knopf.c-sekundaer:hover::before{border-color:rgba(23,18,12,.5)}
}
@media (prefers-reduced-motion:reduce){html body .c-hero .c-aktionen .c-knopf.c-sekundaer::after,html body .c-hero .c-aktionen .c-knopf.c-sekundaer::before{transition:none}}

/* F10: Überblendungen am Ende der Bühne (Karten, Schleier, Gravuren, Spiegelungen) laufen auf eigenen Ebenen: nur Deckkraft, kein
   Neuzeichnen der großen Szene je Bild. Kacheln blenden beim Ausschalten weich aus (Einschalten bleibt nach dem ersten Mal sofort). */
html.c-js:not(.c-statisch) .c-schleier,html.c-js:not(.c-statisch) .c-karten{will-change:opacity}
html.c-js:not(.c-statisch) .c-gravuren .c-kerb,html.c-js:not(.c-statisch) .c-spiegelungen .c-spiegel{will-change:opacity}
.c-kachel.c-still:not(.c-an){transition:opacity 220ms var(--ease2)}

/* Navigationslinks im Kopf am Handy mindestens 44 px hoch (vorher 40 px) */
@media (max-width:819px),(orientation:portrait){html body .c-kopf nav ul a{min-height:44px}}