/* BEYOND MY STORY V5 – Kopf + Einstieg 1:1 aus der V2 (style.css + ausbau.css, automatisch herausgezogen) */
@font-face { font-family: 'Gloock'; font-weight: 400; font-display: swap; src: url(../fonts/gloock-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Gloock'; font-weight: 400; font-display: swap; src: url(../fonts/gloock-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+2020, U+20A0-20AB, U+20AD-20C4, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Avenir LT Pro'; font-weight: 300; font-display: swap; src: url(../fonts/avenir-lt-pro-300.woff2) format('woff2'); }
@font-face { font-family: 'Avenir LT Pro'; font-weight: 700; font-display: swap; src: url(../fonts/avenir-lt-pro-700.woff2) format('woff2'); }
:root { --tinte: #4a3236; --weiss: #ffffff; --aub: #4b2c4a; --orchid: #5e4a5b; --pink: #5e4a5b; --pink-hell: #cfc3cc; --grau: #7a6466; --linie: #e8ddd8; --serif: 'Gloock', 'Times New Roman', serif; --sans: 'Avenir LT Pro', 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif; --rand: clamp(16px, 4.2vw, 64px); --kopf: 76px; }
.skip { position: absolute; left: -999px; top: 8px; background: var(--tinte); color: #ffffff; padding: 8px 14px; z-index: 99; }
.skip:focus { left: 8px; }
.kopf { position: fixed; inset: 0 0 auto; height: var(--kopf); z-index: 50; display: flex; align-items: center; gap: 28px; padding: 0 var(--rand); color: #ffffff; transition: background .35s, color .35s, border-color .35s; border-bottom: 1px solid transparent; }
.kopf--fest, .kopf--hell { background: #ffffff; color: var(--tinte); border-bottom-color: var(--linie); }
.kopf:not(.kopf--fest):not(.kopf--hell) .logo i { color: currentColor; }
.logo { font: 400 19px/1 var(--serif); letter-spacing: .02em; text-decoration: none; margin-right: auto; white-space: nowrap; }
.nav { display: flex; gap: 26px; }
.nav a { font: 700 11px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; text-decoration: none; padding: 8px 0; position: relative; }
.nav a::after { content: ''; position: absolute; left: 0; right: 100%; bottom: 0; height: 1px; background: currentColor; transition: right .35s; }
.nav a:hover::after, .nav a[aria-current]::after { right: 0; }
.kopf .btn--ghost { color: inherit; border-color: currentColor; min-height: 40px; }
.kopf .btn--ghost:hover { background: var(--aub); border-color: var(--aub); color: #ffffff; }
.burger { display: none; background: none; border: 0; color: inherit; cursor: pointer; padding: 10px 0 10px 10px; align-items: center; gap: 10px; }
.burger span { display: block; width: 22px; height: 1.5px; background: currentColor; margin: 4px 0; transition: transform .3s; }
.burger b { font: 700 11px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; order: -1; }
.burger[aria-expanded="true"] span:nth-of-type(1) { transform: translateY(3px) rotate(45deg); }
.burger[aria-expanded="true"] span:nth-of-type(2) { transform: translateY(-3px) rotate(-45deg); }
.menue { position: fixed; inset: 0; z-index: 40; background: var(--tinte); color: #ffffff; padding: calc(var(--kopf) + 30px) var(--rand) 40px; overflow: auto; }
.menue nav { display: flex; flex-direction: column; gap: 6px; }
.menue a { font: 400 clamp(30px, 8vw, 46px)/1.25 var(--serif); text-decoration: none; }
.menue a:hover { color: var(--orchid); }
body.menue-offen .kopf { background: var(--tinte); color: #ffffff; border-bottom-color: transparent; }
@media (max-width: 1180px) {
  .nav, .nav__neu { display: none; }
  .burger { display: inline-flex; }
}
.kopfzeile { margin-bottom: 46px; max-width: 900px; }
.kopfzeile__p { margin-top: 18px; color: #5a4245; max-width: 640px; }
.kopfzeile--zeile { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 20px 40px; max-width: none; }
.kopfzeile--zeile .kopfzeile__p { margin: 0; max-width: 420px; }
.galerie .kopfzeile--zeile { margin-bottom: 34px; }
.logo { display: flex; flex-direction: column; gap: 5px; font: 300 17px/1 var(--sans); letter-spacing: .26em; }
.logo__wort i { color: var(--pink); font-weight: 700; }
.kopf:not(.kopf--fest):not(.kopf--hell) .logo i { color: var(--pink-hell); }
.logo__zeile { font: 700 8.5px/1 var(--sans); letter-spacing: .34em; text-transform: uppercase; opacity: .75; }
.kopf .btn--pink { min-height: 40px; }
.kopf:not(.kopf--fest):not(.kopf--hell) .btn--pink:hover { background: #ffffff; color: var(--tinte); border-color: #ffffff; }
.streifen__kopf .kopfzeile__p { color: #b3a3a2; margin-top: 14px; }
.logo i, .fuss__logo i { font-weight: 700; font-family: var(--serif); }
@font-face { font-family: 'Libre Caslon Display'; font-weight: 400; font-display: swap; src: url(../fonts/caslon-display-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF; }
@font-face { font-family: 'Libre Caslon Display'; font-weight: 400; font-display: swap; src: url(../fonts/caslon-display-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+20A0-20AB, U+20AD-20C4, U+2C60-2C7F, U+A720-A7FF; }
:root { --lead: 'Libre Caslon Display', 'Times New Roman', Georgia, serif; }
.logo { font: 400 21px/1 var(--serif); letter-spacing: .24em; gap: 7px; }
.logo__zeile { font: 300 9px/1 var(--sans); letter-spacing: .62em; opacity: 1; }
.nav a, .burger b, .fuss__nav a { font-weight: 300; font-size: 11px; letter-spacing: .16em; }
@media (max-width: 1180px) {
  .kopf { gap: 16px; }
  .logo { min-width: 0; }
}
@media (max-width: 520px) {
  .logo { font-size: 14.5px; letter-spacing: .14em; }
  .logo__zeile { font-size: 7.5px; letter-spacing: .48em; }
  .burger b { display: none; }
}
.logo__wort { white-space: nowrap; }
.ohero__foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 78% 22%; animation: aufsteigen 1.3s .1s cubic-bezier(.16, 1, .3, 1) both; }
@media (max-width: 900px) {
  .ohero__foto { object-position: 70% 28%; }
}
@media (prefers-reduced-motion: reduce) {
  .ohero__foto { animation: none; }
}
.ohero--voll .ohero__foto { object-position: 45% 30%; }
@media (max-width: 900px) {
  .ohero--voll .ohero__foto { object-position: 38% 30%; }
}
:root { --serif: 'Libre Caslon Display', 'Times New Roman', Georgia, serif; }
:root { --serif: 'Avenir LT Pro', 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif; --lead: var(--serif); }
h1, h2, h3, h4, .h-gross, .logo, .fuss__logo, blockquote { font-weight: 300 !important; }
.logo { letter-spacing: .3em; }
:root { --serif: 'Gloock', 'Times New Roman', Georgia, serif; --lead: 'Libre Caslon Display', 'Times New Roman', Georgia, serif; --tinte: #2f2124; --ink-2: #4e4346; --linie: #ebe4e6; --grau: #8d8286; --aub: #5e4a5b; --pink: #5e4a5b; }
h1, h2, h3, h4, .h-gross, .logo, .fuss__logo { font-family: var(--serif); font-weight: 400 !important; }
.logo { letter-spacing: .24em; }
:root { --pink-hell: #cfc3cc; --orchid: #5e4a5b; }
:root { --tinte: #2a1e21; --ink-2: #56494e; --grau: #8e8388; --linie: #e7e1e5; --choc: #2f2124; --violet: #5e4a5b; --violet-l: #cfc3cc; --aub: var(--violet); --pink: var(--violet); --pink-hell: var(--violet-l); --orchid: var(--violet); }
@keyframes bildruhe { from { transform: scale(1.04); } to { transform: none; } }
.ohero__foto { animation: bildruhe 2.2s cubic-bezier(.16, 1, .3, 1) both !important; opacity: 1 !important; }
@media (prefers-reduced-motion: reduce) {
  .ohero__foto { animation: none !important; }
}
.textblock p, .kamera__text p, .geschichte__text p, .begegnung__text p, .essay p, .kopfzeile__p, .folge__kurz,
.msfilm__satz, .schluss__satz, .aussen__satz, .aussen__frage, .intro__p, .intro__zitat, .split__satz, .gast__text p:not([class]),
.einladung__text, .aussage__punkt span, .folge-intro p, .fvideo p, .galerie p, .kap > p:not(.kap__nr), .zitat__unter { text-align: justify !important; text-align-last: left; hyphens: auto; -webkit-hyphens: auto; hyphenate-limit-chars: 7 3 3; }
.film .kopfzeile__p { color: rgba(255, 255, 255, .72); }
.textblock .unterzeile, .unterzeile, .kicker, .meta, .folge__meta, .kap__nr, .caps, .status, .oband__unter, .gast__motto, .gast__name,
.bleiben__marke, .ohero__brand, .zitat__wer, .kopfzeile p.kicker { text-align: left !important; hyphens: none !important; -webkit-hyphens: none !important; }
.lux { position: relative; height: calc(100svh - var(--kopf)); min-height: 560px; margin-top: var(--kopf); overflow: hidden; background: #2f2124; color: #fff; }
.lux .ohero__foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 42% 28%; }
.lux__schleier { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(47, 33, 36, 0) 45%, rgba(47, 33, 36, .55) 100%); }
.lux__oben { position: absolute; left: 0; right: 0; top: 54%; text-align: center; margin: 0; font: 400 11px/1 var(--sans); letter-spacing: .5em; text-transform: uppercase; color: rgba(255, 255, 255, .85); }
.lux__oben span { margin: 0 .4em; }
.lux__marke { position: absolute; left: 0; right: 0; top: 57%; margin: 0; text-align: center; white-space: nowrap; font: 400 clamp(64px, 12.4vw, 230px)/.9 var(--lead) !important; letter-spacing: .02em; text-transform: uppercase; color: rgba(255, 255, 255, .94); }
.lux__marke span { display: inline-block; }
.lux__zeile { position: absolute; left: 0; right: 0; top: calc(57% + clamp(64px, 12.4vw, 230px) * .98); margin: 0; text-align: center; font: italic 400 clamp(17px, 1.6vw, 24px)/1.3 var(--lead); color: rgba(255, 255, 255, .9); }
.lux__runter { position: absolute; left: var(--rand); bottom: 34px; display: flex; flex-direction: column; gap: 14px; font: 400 10.5px/1 var(--sans); letter-spacing: .36em; text-transform: uppercase; color: #fff; text-decoration: none; }
.lux__runter i { display: block; width: 1px; height: 46px; background: rgba(255, 255, 255, .7); order: 2; }
.lux__zahl { position: absolute; right: var(--rand); bottom: 34px; margin: 0; font: 400 10.5px/1 var(--sans); letter-spacing: .36em; text-transform: uppercase; color: rgba(255, 255, 255, .8); }
@keyframes luxauf { from { letter-spacing: .12em; opacity: 0; } to { letter-spacing: .02em; opacity: 1; } }
.lux__marke { animation: luxauf 1.8s cubic-bezier(.16, 1, .3, 1) both; }
@media (prefers-reduced-motion: reduce) {
  .lux__marke { animation: none; }
}
@media (max-width: 760px) {
  .lux { height: auto; aspect-ratio: 3 / 4; min-height: 0; }
  .lux .ohero__foto { object-position: 38% 22%; }
  .lux__oben { top: 50%; letter-spacing: .32em; font-size: 9.5px; }
  .lux__marke { top: 54%; font-size: 21vw !important; white-space: normal; line-height: .88; }
  .lux__marke span { display: block; }
  .lux__zeile { top: auto; bottom: 64px; font-size: 15px; padding: 0 20px; }
  .lux__runter, .lux__zahl { bottom: 20px; }
  .lux__runter i { display: none; }
}
.lux__marke { font-size: clamp(46px, 7.6vw, 150px) !important; letter-spacing: .04em; top: 58%; }
.lux__zeile { top: calc(58% + clamp(46px, 7.6vw, 150px) * 1.05); }
@keyframes luxauf { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media (max-width: 760px) {
  .lux__marke { font-size: 19vw !important; top: 52%; }
  .lux__zeile { top: auto; }
}
@media (max-width: 760px) {
  .lux { aspect-ratio: 3 / 4.5; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding: 0 16px 62px; }
  .lux .ohero__foto, .lux__schleier { position: absolute; }
  .lux__oben, .lux__marke, .lux__zeile { position: relative !important; top: auto !important; bottom: auto !important; left: auto; right: auto; z-index: 1; }
  .lux__oben { margin-bottom: 12px; }
  .lux__marke { font-size: 15vw !important; line-height: .9; }
  .lux__zeile { margin-top: 14px; padding: 0; }
  .lux__schleier { background: linear-gradient(180deg, rgba(47, 33, 36, 0) 35%, rgba(47, 33, 36, .7) 100%); }
}
.lux__marke, .lux__zeile, .lux__oben { text-shadow: 0 2px 28px rgba(47, 33, 36, .45); }
.nav { gap: 22px; }
.nav a[aria-current="page"]::after { right: 0; }
.menue a[aria-current="page"] { opacity: .6; }
@media (min-width: 761px) {
  .lux { height: min(66.67vw, max(calc(112svh - var(--kopf)), 46vw)) !important; aspect-ratio: auto; min-height: 560px; max-height: none; --unten: max(96px, calc(min(66.67vw + var(--kopf), 112svh) - 100svh + 96px)); --gross: clamp(46px, 7.6vw, 150px); }
  .lux .ohero__foto { object-position: 42% 45%; }
  .lux__oben, .lux__marke, .lux__zeile { top: auto !important; }
  .lux__zeile { bottom: var(--unten); }
  .lux__marke { bottom: calc(var(--unten) + 42px); line-height: 1; }
  .lux__oben { bottom: calc(var(--unten) + 42px + var(--gross) + 18px); }
  .lux__schleier { background: linear-gradient(180deg, rgba(47, 33, 36, 0) 50%, rgba(47, 33, 36, .62) 100%); }
}
@media (min-width: 761px) and (max-height: 760px) {
  .lux { --unten: 96px; }
}