/* Variante "Orange" nach der orangen Visitenkarte:
   warmes Orange großflächig, dunkles Braun für Schrift, Blattzweig als Marke, runde Sans-Schrift. */
.v-orange {
  --tint: #fdf1e4;
  --ink: #2b1c10;
  --muted: #6a4f39;
  --line: #efdcc7;
  --brand: #ec9a45;
  --brand-deep: #4a2a0e;
  --on-brand: #2b1707;
  --on-brand-muted: #4f2e10;
  --leaf: #3d2108;
  --logo: url(bilder/lotus-orange.svg);
  --logo-hero: url(bilder/lotus-dunkelorange.svg);
  --portrait-bg: #fbe3c6;
  --portrait-ring: #a34e0c;
  --serif: "Avenir Next", Avenir, "Nunito", "Segoe UI", system-ui, sans-serif;
}
@media (prefers-color-scheme: dark) {
  .v-orange { --bg: #1a130d; --surface: #241a12; --tint: #20170f; --ink: #f3e8dc; --muted: #c9b29b; --line: #3b2c1f; }
}
.v-orange h1, .v-orange h2, .v-orange h3 { font-weight: 700; letter-spacing: -0.015em; }


/* Knöpfe: Orange mit dunkler Schrift, im Hero dunkelbraun */
.v-orange .btn { color: var(--on-brand); }
@media (hover: hover) { .v-orange .btn:hover { background: #dd8227; } }
.v-orange .btn-line { background: transparent; color: var(--ink); }
.v-orange .on-brand .btn-line { color: var(--on-brand); }
@media (hover: hover) { .v-orange .on-brand .btn-line:hover { background: rgba(255, 255, 255, 0.25); } }
.v-orange .btn-light { background: var(--leaf); color: #fde3c6; }
@media (hover: hover) { .v-orange .btn-light:hover { background: #2a1605; } }

/* Hero: Orange, Foto im Bogen, Blatt statt Höhenlinien */
.v-orange .hero .lines { display: none; }
.v-orange .roles li::before { background: var(--on-brand); }
.v-orange .hero-photo { border-radius: 999px 999px 18px 18px; aspect-ratio: 3 / 4; box-shadow: 0 24px 50px -28px rgba(74, 42, 14, 0.6); }
.v-orange .on-brand .photo.missing { border-color: rgba(43, 23, 7, 0.4); background: rgba(255, 255, 255, 0.2); }
.v-orange .about-photo { border-radius: 999px 999px 18px 18px; aspect-ratio: 3 / 4; max-width: 300px; }

.v-orange .index b::after, .v-orange .studio h3 a::after { color: #c96a12; }
.v-orange .day .slot::before { box-shadow: inset 0 0 0 3px var(--brand); }
.v-orange .facts div { border-top-color: var(--brand); }
.v-orange .group li { background: #fbe6cf; }
.v-orange input:focus, .v-orange select:focus, .v-orange textarea:focus { border-color: #c96a12; box-shadow: 0 0 0 3px rgba(236, 154, 69, 0.3); }
.v-orange .check input { accent-color: #c96a12; }

/* Kontakt auf Orange, Footer dunkelbraun */
.v-orange .contact .direct a { background: rgba(255, 255, 255, 0.28); }
@media (hover: hover) { .v-orange .contact .direct a:hover { background: rgba(255, 255, 255, 0.45); } }
.v-orange .contact .direct small { color: var(--on-brand-muted); }
.v-orange footer { color: #f1d6b8; }
.v-orange footer a { color: #fff3e6; }
.v-orange :focus-visible { outline-color: #7a3f0e; }
.v-orange .hero .wrap { z-index: 1; }
.v-orange .ev:not(.ev-feature) .ev-kind { color: #9a4a0a !important; }
.v-orange .rubrik { background: var(--tint); }
.v-orange .live { color: #c96a12; }
.v-orange .kursstatus .ev-kind, .v-orange .kursstatus .live { color: #9a4a0a !important; }