/* Leitfaden Firmenfeier und Partnerseite für Locations (Richtung „Bühne“ mit „Abend“, 24.10.2026) */

.lf-kicker { font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--gold); margin-bottom: 1.4rem; }
.licht-an .lf-kicker { color: var(--gold-dunkel); }

/* Der Moment: 21:30 Uhr */
.lf-moment { position: relative; overflow: hidden; }
.lf-moment::before { content: ""; position: absolute; right: -20vw; top: -30%; width: 80vw; height: 80vw; max-width: 1100px; max-height: 1100px; background: radial-gradient(circle, rgba(200, 173, 134, .18), transparent 62%); pointer-events: none; }
.lf-uhr { position: absolute; right: var(--seitenrand); bottom: clamp(1.5rem, 4vw, 3rem); font-family: var(--serif); font-style: italic; font-size: clamp(6rem, 17vw, 15rem); line-height: .8; color: transparent; -webkit-text-stroke: 1px rgba(200, 173, 134, .5); pointer-events: none; user-select: none; }
.lf-gross { font-family: var(--serif); font-weight: 400; font-size: clamp(2.4rem, 5.6vw, 5.2rem); line-height: 1.04; letter-spacing: -.01em; max-width: 15em; position: relative; }
.lf-gross em { font-style: italic; color: var(--gold); }
.lf-moment .fliess { position: relative; margin-top: 2rem; font-size: 1.15rem; max-width: 34rem; }
.lf-moment .innen { padding-bottom: clamp(4rem, 9vw, 7rem); }

.lf-vergleich { display: grid; grid-template-columns: 1fr 1fr; }
.lf-seite { padding: clamp(3rem, 7vw, 6rem) var(--seitenrand); }
.lf-seite.ohne { background: #1b1915; color: var(--creme); }
.lf-seite.mit { background: var(--creme); color: var(--tinte); }
.lf-seite.mit .lf-kicker { color: var(--gold-dunkel); }
.lf-seite h3 { font-family: var(--serif); font-weight: 400; font-size: clamp(1.8rem, 3.2vw, 2.6rem); line-height: 1.1; margin-bottom: 1.6rem; max-width: 14em; }
.lf-seite ul { list-style: none; max-width: 30rem; }
.lf-seite li { padding: .8rem 0 .8rem 1.8rem; border-bottom: 1px solid rgba(128, 120, 108, .28); position: relative; font-size: 1.05rem; }
.lf-seite.ohne li::before { content: "×"; position: absolute; left: 0; color: rgba(246, 239, 223, .45); }
.lf-seite.mit li::before { content: "✓"; position: absolute; left: 0; color: var(--gold-dunkel); font-weight: 700; }

/* Bühnen für die drei Stufen */
.lf-buehnen-abschnitt { position: relative; overflow: hidden; }
.lf-buehnen-abschnitt::before { content: ""; position: absolute; left: 50%; top: 0; width: min(1000px, 120vw); height: 70%; transform: translateX(-50%); background: conic-gradient(from 160deg at 50% 0, transparent 0deg, rgba(246, 239, 223, .1) 20deg, transparent 40deg); filter: blur(8px); pointer-events: none; }
.lf-buehnen { display: grid; grid-template-columns: 1fr 1.12fr 1.26fr; gap: clamp(.8rem, 1.6vw, 1.4rem); align-items: end; margin-top: 3.4rem; position: relative; }
.lf-buehne { position: relative; overflow: hidden; padding: 2rem 1.8rem 2.2rem; border: 1px solid rgba(200, 173, 134, .4); background: linear-gradient(180deg, rgba(200, 173, 134, .05), rgba(200, 173, 134, .15)); display: flex; flex-direction: column; }
.lf-buehne::before { content: ""; position: absolute; left: 50%; top: -7rem; width: 22rem; height: 18rem; transform: translateX(-50%); background: radial-gradient(ellipse at 50% 0, rgba(246, 239, 223, .22), transparent 70%); pointer-events: none; }
.lf-buehne.s1 { min-height: 27rem; }
.lf-buehne.s2 { min-height: 32rem; }
.lf-buehne.s3 { min-height: 37rem; background: linear-gradient(180deg, rgba(200, 173, 134, .14), rgba(200, 173, 134, .32)); }
.lf-nr { font-family: var(--serif); font-style: italic; font-size: clamp(4.5rem, 7vw, 6.5rem); line-height: .8; color: var(--gold); }
.lf-buehne h3 { font-family: var(--serif); font-weight: 400; font-size: clamp(2.2rem, 3.2vw, 2.9rem); margin: 1rem 0 .3rem; }
.lf-anlass { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); margin-bottom: 1.2rem; }
.lf-buehne p { color: var(--creme-70); }
.lf-chips { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.3rem; list-style: none; padding: 0; }
.lf-chips li { border: 1px solid rgba(246, 239, 223, .3); border-radius: 2rem; padding: .3rem .85rem; font-size: 13.5px; color: var(--creme); }
.lf-chips li.hoehepunkt { background: var(--gold); border-color: var(--gold); color: var(--tinte); font-weight: 600; }
.lf-buehne .lf-link { margin-top: auto; padding-top: 1.8rem; }
.lf-link a { font-size: 14.5px; font-weight: 600; color: var(--creme); text-decoration: none; border-bottom: 1px solid var(--gold); padding-bottom: 2px; }
.lf-link a:hover { color: var(--gold); }
.lf-podest { height: 1.4rem; background: linear-gradient(90deg, #2a251d, #3d3428, #2a251d); position: relative; }
.lf-hinweis { margin-top: 2rem; color: var(--creme-50); font-size: .95rem; position: relative; }
.lf-hinweis a { color: var(--creme-70); }

/* Zahlen */
.lf-zahlen { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; list-style: none; padding: 0; }
.lf-zahlen b { display: block; font-family: var(--serif); font-weight: 400; font-size: clamp(2.8rem, 5vw, 4.4rem); line-height: 1; color: var(--gold); margin-bottom: .6rem; }
.lf-zahlen span { color: var(--creme-70); }
.licht-an .lf-zahlen b { color: var(--gold-dunkel); }
.licht-an .lf-zahlen span { color: var(--stein); }

/* Preis-Faktoren */
.lf-faktoren { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; list-style: none; padding: 0; margin-top: 2.6rem; border-top: 1px solid var(--linie-hell); }
.lf-faktoren li { padding: 1.8rem 1.6rem 1.8rem 0; border-right: 1px solid var(--linie-hell); }
.lf-faktoren li + li { padding-left: 1.6rem; }
.lf-faktoren li:last-child { border-right: 0; }
.lf-faktoren b { display: block; font-family: var(--serif); font-weight: 400; font-size: 1.9rem; margin-bottom: .4rem; }
.lf-faktoren span { color: var(--stein); }

/* Was wir vermitteln (Locations) */
.lf-wolke { display: flex; flex-wrap: wrap; gap: .7rem; list-style: none; padding: 0; margin-top: 2.4rem; }
.lf-wolke li { font-family: var(--serif); font-size: clamp(1.3rem, 2.4vw, 2rem); border: 1px solid rgba(200, 173, 134, .45); border-radius: 3rem; padding: .35rem 1.2rem; }
.lf-wolke li:nth-child(3n+1) { background: rgba(200, 173, 134, .14); }
.lf-wolke li em { color: var(--gold); }

.lf-buehne-kopf { display: flex; justify-content: space-between; align-items: flex-end; }
.lf-pegel { display: inline-flex; align-items: flex-end; gap: 4px; height: 2.4rem; }
.lf-pegel i { display: block; width: 7px; border: 1px solid rgba(200, 173, 134, .55); }
.lf-pegel i:nth-child(1) { height: 33%; } .lf-pegel i:nth-child(2) { height: 66%; } .lf-pegel i:nth-child(3) { height: 100%; }
.lf-pegel i.an { background: var(--gold); border-color: var(--gold); }
.lf-klein .lf-buehne.s1 { min-height: 21rem; } .lf-klein .lf-buehne.s2 { min-height: 24.5rem; } .lf-klein .lf-buehne.s3 { min-height: 28rem; }
.lf-nach-buehnen { margin-top: 2.4rem; display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.6rem; position: relative; }
.lf-nach-buehnen .lf-hinweis { margin-top: 0; }
.lf-plus { font-family: var(--sans); font-weight: 300; font-size: .6em; vertical-align: .55em; margin-left: .05em; }
.lf-kundenzeile { margin-top: 2.6rem; padding-top: 1.6rem; border-top: 1px solid rgba(246, 239, 223, .12); font-family: var(--serif); font-size: clamp(1.05rem, 1.6vw, 1.3rem); line-height: 1.6; color: var(--creme-70); }
.lf-kundenzeile b { display: block; font-family: var(--sans); font-weight: 600; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--gold); margin-bottom: .6rem; }
.aktionen-links { flex-wrap: wrap; }

/* Wer dahintersteht (Locations) */
.lf-person { display: grid; grid-template-columns: minmax(0, 22rem) 1fr; gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.lf-person img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; display: block; }

@media (max-width: 860px) {
  .lf-vergleich, .lf-buehnen, .lf-person { grid-template-columns: 1fr; }
  .lf-buehne.s1, .lf-buehne.s2, .lf-buehne.s3, .lf-klein .lf-buehne.s1, .lf-klein .lf-buehne.s2, .lf-klein .lf-buehne.s3 { min-height: 0; }
  .lf-buehne.s1 { margin-right: 14%; } .lf-buehne.s2 { margin-right: 7%; }
  .lf-buehne.s2 { background: linear-gradient(180deg, rgba(200, 173, 134, .09), rgba(200, 173, 134, .22)); }
  .lf-podest { display: none; }
  .lf-zahlen { grid-template-columns: 1fr 1fr; gap: 2rem 1.2rem; }
  .lf-faktoren { grid-template-columns: 1fr; }
  .lf-faktoren li, .lf-faktoren li + li { padding: 1.4rem 0; border-right: 0; border-bottom: 1px solid var(--linie-hell); }
  .lf-uhr { bottom: .6rem; opacity: .5; }
  .lf-moment .innen { padding-bottom: 6rem; }
  .lf-person img { max-width: 20rem; }
}