/* Über uns (4.11.2026, Luis): Würfel im Stil des Rigi-Heros, darunter das Team. Quelle: entwuerfe/ueber-uns/entwurf-d.html */
.uu { --strich: #f7e3e4; --glut: #ff3b4f; position: relative; background: #080506; }
.uu .buehne { position: sticky; top: var(--uu-kopf, 0px); height: calc(100vh - var(--uu-kopf, 0px)); height: calc(100svh - var(--uu-kopf, 0px)); overflow: hidden; background: #080506; }
.uu .wuerfel { position: absolute; inset: 0; }
.uu .seite { position: absolute; inset: 0; overflow: hidden; will-change: opacity, transform; color: #fbeff0;
  background: radial-gradient(70% 80% at 70% 45%, #3a1219 0%, #1c0b0e 45%, #0a0607 100%); }
.uu .sterne { position: absolute; inset: 0; pointer-events: none; }
.uu .sterne i { position: absolute; width: 2px; height: 2px; border-radius: 50%; background: #fff; }
.uu .schatten { position: absolute; inset: 0; background: #000; opacity: 0; pointer-events: none; }
.uu .satz { position: absolute; left: clamp(20px, 6vw, 96px); top: 50%; transform: translateY(-50%); max-width: min(42vw, 600px); z-index: 2; }
.uu .etikett { display: block; font-size: 14px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--glut); margin-bottom: 18px; }
.uu .satz h1, .uu .satz h2 { margin: 0; font-size: clamp(2.6rem, 6vw, 6rem); line-height: .96; letter-spacing: -.05em; font-weight: 800; color: #fbeff0; }
.uu .satz p { margin: 24px 0 0; font-size: clamp(1.15rem, 1.9vw, 1.6rem); line-height: 1.35; color: #e3c9cb; max-width: 30ch; }
.uu .satz em { font-style: normal; color: var(--glut); }
.uu .satz .klein { font-size: clamp(1.6rem, 3vw, 2.6rem); letter-spacing: -.03em; font-weight: 700; display: block; margin-bottom: 6px; color: #e3c9cb; }
.uu .satz .gross { font-size: clamp(3.2rem, 9vw, 8.8rem); }
.uu .hinweis { position: absolute; left: 50%; bottom: 34px; transform: translateX(-50%); font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: #c9a9ac; }
.uu .bild { position: absolute; right: 2vw; top: 50%; width: min(56vw, 86vh); aspect-ratio: 1; transform: translateY(-50%); }
.uu .bild svg, .uu .lage { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.uu .z { fill: none; stroke: var(--strich); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.uu .z.f { stroke-width: 1; opacity: .75; } .uu .z.ff { stroke-width: .8; opacity: .5; } .uu .z.r { stroke: var(--glut); } .uu .z.d { stroke-dasharray: 3 5; opacity: .6; }
.uu .voll { fill: var(--glut); stroke: none; }
.uu .foto-feld { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); width: 100%; }
.uu .foto-feld .foto { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.uu .griff-fuellung { position: absolute; border-radius: 999px; background: radial-gradient(120% 140% at 50% 30%, #4a1019, #240a0f); box-shadow: 0 0 40px rgba(255,59,79,.18); }
.uu .uhr3d { position: absolute; inset: 0; transform-style: preserve-3d; }
.uu .uhr3d .lage { transform-style: preserve-3d; } .uu .uhr3d img.lage { object-fit: contain; }
.uu-team { padding-top: 96px; }
.uu-kennzeichnung { font-size: .9rem; color: var(--grau, #555b5c); margin-top: 40px; }
@media (max-width: 760px) {
  .uu .satz { top: auto; bottom: 12vh; transform: none; max-width: calc(100% - 40px); }
  .uu .bild { right: 50%; top: 34%; width: min(96vw, 52vh); transform: translate(50%, -50%); }
  .uu [data-art="messer"] .bild { width: 96vw; }
  .uu [data-art="kaffee"] .bild { width: min(88vw, 48vh); }
  .uu .seite:not([data-art]) .satz { top: 50%; bottom: auto; transform: translateY(-50%); }   /* «Wer sind wir?» mittig */
  .uu .satz h1, .uu .satz h2 { font-size: clamp(2.4rem, 11vw, 3.4rem); }
  .uu .satz p { font-size: 1.1rem; }
  .uu .satz .gross { font-size: clamp(2.8rem, 13vw, 4rem); }
}
@media (prefers-reduced-motion: reduce) { .uu .sterne i { opacity: .3 !important; } }
.uu .uu-knopf { margin-top: 28px; } .uu .uu-knopf .knopf { background: var(--glut); border-color: var(--glut); color: #fff; }
.uu .bild { perspective: 1600px; }
/* Ohne roten Stern über den Überschriften auf «Über uns» (Luis 4.11.2026) */
main .uu h1::before, main .uu h2:not(.ohne-marker)::before, main .uu-team h2:not(.ohne-marker)::before { display: none; }