:root{--gold:#d8ad64;--gold2:#f0d29b;--ink:#1b1915;--cream:#f3eee5;--paper:#fbf8f2;--brown:#4b3a2d;--muted:#746c61;--forest:#26372f;--sage:#718071}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.68 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}h1,h2,h3,.brand b{font-family:Georgia,"Times New Roman",serif;font-weight:500}h2{font-size:clamp(2.4rem,5vw,4.7rem);line-height:1.03;margin:.12em 0 .45em}.wrap{width:min(1180px,90%);margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:700;color:var(--gold);margin:0 0 13px}.eyebrow.dark{color:#9a6c2f}.hero{height:100svh;min-height:760px;position:relative;color:#fff;background:url('assets/bruno-schnee.jpeg') 50% 40%/cover no-repeat;display:flex;flex-direction:column}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,14,12,.72),rgba(15,14,12,.28) 53%,rgba(15,14,12,.38)),linear-gradient(0deg,rgba(10,9,7,.82),transparent 36%)}.nav{height:116px;position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;width:min(1400px,94%);margin:auto auto 0;border-bottom:1px solid rgba(255,255,255,.13)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#fff}.brand .emblem{width:76px;height:76px;border:1px solid rgba(216,173,100,.65);border-radius:50%;overflow:hidden;display:block}.brand img{width:100%;height:100%;object-fit:cover}.brand b{display:block;font-size:1.3rem;color:var(--gold2)}.brand small{display:block;text-transform:uppercase;letter-spacing:.2em;font-size:.55rem;color:#ddd}.links{display:flex;gap:24px;align-items:center}.links a{color:#eee;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font:12px Georgia,serif}.links a:hover{color:var(--gold)}.hero-copy{position:relative;z-index:2;width:min(1180px,90%);margin:auto;padding-bottom:150px}.hero-copy h1{font-size:clamp(5.5rem,12vw,10rem);line-height:.78;margin:.12em 0;color:#f4dfb5;text-shadow:0 5px 35px #000}.hero-copy .sub{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.22em;font-size:clamp(.85rem,1.5vw,1.15rem)}.rule{display:flex;align-items:center;gap:15px;color:var(--gold);max-width:480px}.rule span{height:1px;background:var(--gold);flex:1}.motto{text-transform:uppercase;letter-spacing:.18em;font-family:Georgia,serif}.button{display:inline-block;margin-top:15px;padding:13px 22px;border:1px solid var(--gold);color:#f5dfb5;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;background:rgba(0,0,0,.18)}.values{position:absolute;z-index:3;bottom:0;left:0;right:0;height:142px;background:rgba(16,14,11,.83);backdrop-filter:blur(7px);display:grid;grid-template-columns:repeat(4,1fr);padding:20px max(5vw,30px)}.values div{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-right:1px solid rgba(216,173,100,.35)}.values div:last-child{border:0}.values i{font-style:normal;color:var(--gold);font-size:1.8rem}.values b{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.08em;color:#f3dfb8}.values small{color:#d2c6b3}.light,.contact{padding:110px 0}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center}.split figure{margin:0}.split img{width:100%;max-height:650px;object-fit:cover}.split figcaption{font-size:.8rem;color:var(--muted);margin-top:8px}.textlink{color:#7c5729;text-decoration:none;border-bottom:1px solid #c8a36c}.family{background:#eee6d9;padding:100px 0}.family-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:6vw;align-items:center}.family-photo img{width:100%;max-height:640px;object-fit:cover}.mini{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.mini img{width:100%;height:190px;object-fit:cover}.dark{background:#1d1b17;color:#f4eee4;padding:110px 0}.dark h2{max-width:900px}.introtext{color:#cfc5b6}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:45px 0 35px}.facts article{border:1px solid rgba(216,173,100,.35);padding:26px;min-height:205px}.facts b{font-size:.78rem;letter-spacing:.13em}.facts span{display:block;font:3.5rem Georgia,serif;color:var(--gold2);margin:8px 0}.facts small{color:#cfc5b6}.details{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(216,173,100,.28);padding-top:20px}.details p{margin:.5em 0}.history{padding:110px 0;background:#f7f2e9}.history-intro{max-width:760px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid #bda982}.timeline article{padding:30px 30px 25px 0;position:relative}.timeline article:before{content:"";width:10px;height:10px;border-radius:50%;background:#a87738;position:absolute;top:-6px;left:0}.timeline .year{color:#9a6c2f;letter-spacing:.15em}.timeline h3{font-size:2rem;margin:.2em 0}.timeline p,.timeline small{margin:0;color:#5f584f}.note{font-size:.85rem;color:#847a6e;font-style:italic}.rainbow{min-height:530px;display:flex;align-items:center;color:#fff;background:linear-gradient(rgba(18,15,12,.72),rgba(18,15,12,.82)),url('assets/bruno-schnee.jpeg') center 55%/cover no-repeat;background-attachment:fixed}.memorial{text-align:center}.memorial h2{color:#f2ddb6}.memorial>p{max-width:720px;margin-left:auto;margin-right:auto}.memorial-names{display:flex;justify-content:center;gap:70px;margin-top:35px;font-family:Georgia,serif;color:#efd9af}.memorial-names small{color:#c8bba5}.gallery{padding:110px 0;background:#e5dccd}.photos{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:260px;gap:10px;margin-top:35px}.photos img{width:100%;height:100%;object-fit:cover}.photos img:first-child{grid-row:span 2}.photos img:last-child{grid-column:span 2}.contact{display:grid;grid-template-columns:1fr .8fr;gap:10vw;align-items:center}.contactbox{padding:35px;border:1px solid #cdbb9e;background:#fff}.contactbox strong{font:1.5rem Georgia,serif}.contactbox p{color:#756d62;font-size:.9rem}footer{background:#171511;color:#bfb6a7;padding:28px 0;font-size:.82rem}footer a{color:#d7c6aa}@media(max-width:1000px){.links{display:none}.values{grid-template-columns:1fr 1fr;height:230px}.hero-copy{padding-bottom:245px}.hero{min-height:850px}.split,.family-grid,.contact{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}.details{grid-template-columns:1fr 1fr}.photos{grid-template-columns:1fr 1fr}.photos img:first-child,.photos img:last-child{grid-row:auto;grid-column:auto}.light,.family,.dark,.history,.gallery,.contact{padding-top:75px;padding-bottom:75px}}@media(max-width:620px){body{font-size:16px}.nav{height:90px}.brand .emblem{width:58px;height:58px}.brand b{font-size:1rem}.hero{min-height:820px;background-position:58% center}.hero-copy{padding-bottom:280px}.hero-copy h1{font-size:5.2rem}.values{height:265px;padding:12px;gap:0}.values b{font-size:.73rem}.values small{font-size:.7rem}.values i{font-size:1.3rem}.facts,.details,.timeline{grid-template-columns:1fr}.timeline{border-top:0}.timeline article{border-left:1px solid #bda982;padding-left:25px}.timeline article:before{top:37px;left:-5px}.memorial-names{flex-direction:column;gap:18px}.photos{grid-template-columns:1fr}.photos img{height:auto}.mini img{height:150px}.rainbow{background-attachment:scroll}}

/* Version 3: Kino-Start + ruhiger dokumentarischer Teil */
.cinema-hero{position:relative;background:#171511;line-height:0}
.cinema-hero img{display:block;width:100%;height:auto;max-height:100svh;object-fit:cover;object-position:center}
.scroll-cue{position:absolute;left:50%;bottom:1.2%;transform:translateX(-50%);width:42px;height:42px;border:1px solid rgba(240,210,155,.65);border-radius:50%;display:grid;place-items:center;color:#f0d29b;text-decoration:none;font-size:20px;line-height:1;background:rgba(15,14,12,.28);backdrop-filter:blur(4px)}
.realnav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px max(5vw,30px);background:rgba(29,34,29,.96);border-bottom:1px solid rgba(216,173,100,.25);box-shadow:0 8px 30px rgba(0,0,0,.08)}
.realnav .wordmark{font:1.15rem Georgia,serif;color:#f0d29b;text-decoration:none}
.realnav div{display:flex;gap:22px}.realnav div a{font:11px Georgia,serif;text-transform:uppercase;letter-spacing:.1em;color:#f2eee7;text-decoration:none}.realnav div a:hover{color:var(--gold)}
.family{background:linear-gradient(135deg,#ebe5d9 0%,#e8eadf 100%)}
.history{background:linear-gradient(180deg,#f7f2e9 0%,#eef1e8 100%)}
.gallery{background:#dfe5da}
.textlink{color:#536656;border-bottom-color:#879a87}
.contactbox{border-color:#aeb9a9;box-shadow:0 20px 55px rgba(38,55,47,.08)}
@media(max-width:900px){.realnav div{display:none}.cinema-hero img{min-height:58svh;object-fit:cover}.scroll-cue{display:none}}
@media(max-width:620px){.cinema-hero img{min-height:62svh;object-position:center top}.realnav{padding:13px 5%}}
/* Version 4: finaler Kino-Hero + echter Köngsbarg */
.koengsbarg-section{padding:110px 0;background:#f5f0e6}
.koengsbarg-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:6vw;align-items:center}
.koengsbarg-grid figure{margin:0}.koengsbarg-grid figure>img{width:100%;max-height:700px;object-fit:cover}.koengsbarg-grid figcaption{font-size:.8rem;color:var(--muted);margin-top:8px}.sign-photo{width:100%;max-width:460px;margin-top:22px;border:8px solid #fff;box-shadow:0 14px 40px rgba(0,0,0,.12)}
@media(max-width:900px){.koengsbarg-grid{grid-template-columns:1fr}.koengsbarg-section{padding:75px 0}}

/* Version 5: Mobile Feinschliff */
@media(max-width:620px){
  /* Das Kino-Motiv vollständig zeigen: keine abgeschnittenen Texte am Bildrand. */
  .cinema-hero{background:#171511;overflow:hidden}
  .cinema-hero img{width:100%;height:auto;min-height:0;max-height:none;object-fit:contain;object-position:center top}

  /* Sichere Innenabstände für die echte Navigation. */
  .realnav{padding:12px max(22px,env(safe-area-inset-left)) 12px max(22px,env(safe-area-inset-right));min-height:54px}
  .realnav .wordmark{font-size:1.05rem;line-height:1.2;white-space:nowrap}

  /* Bruno-Einstieg kompakter und mit sauberem linken/rechten Rand. */
  #bruno.light{padding-top:42px;padding-bottom:52px;width:100%;max-width:none;gap:28px}
  #bruno>div,#bruno>figure{width:auto;margin-left:max(22px,env(safe-area-inset-left));margin-right:max(22px,env(safe-area-inset-right))}
  #bruno>div{background:transparent;color:var(--ink);padding:0}
  #bruno .eyebrow{margin-left:0;margin-bottom:10px}
  #bruno h2{font-size:2.65rem;line-height:1.02;margin-top:.08em}
  #bruno figure{margin-top:8px}
}

/* Version 6: Rechtliche Seiten */
.contactbox a{color:#536656;overflow-wrap:anywhere}
.legal-page{background:#f7f2e9}
.legal-main{padding:82px 0 100px;min-height:70vh}
.legal-wrap{width:min(850px,90%);margin:auto;background:#fff;padding:clamp(30px,6vw,70px);box-shadow:0 18px 60px rgba(38,55,47,.08);border-top:4px solid var(--gold)}
.legal-wrap h1{font:500 clamp(2.8rem,7vw,5rem)/1 Georgia,"Times New Roman",serif;margin:.1em 0 .65em;color:#26372f}
.legal-wrap h2{font-size:1.45rem;line-height:1.25;margin:2em 0 .55em;color:#3d4e43}
.legal-wrap p{max-width:72ch}.legal-wrap a{color:#536656}.legal-date{color:#746c61;font-size:.9rem}.legal-back{margin-top:3rem;padding-top:1.5rem;border-top:1px solid #ddd2bf}
@media(max-width:620px){.legal-main{padding:35px 0 55px}.legal-wrap{width:92%;padding:28px 22px}.legal-wrap h2{font-size:1.25rem}}

/* Version 7: neue Struktur – Deckrüde Bruno, Über uns, schlanke Navigation */
.menu-toggle{display:none;background:transparent;border:1px solid rgba(216,173,100,.45);color:#f0d29b;border-radius:4px;width:42px;height:38px;font-size:22px;line-height:1;cursor:pointer}
.about{padding:110px 0;background:linear-gradient(180deg,#f7f2e9 0%,#eef1e8 100%)}
.about> .wrap>h2{max-width:820px}
.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:start;margin-top:45px}
.about-copy h3{font-size:2rem;margin:0 0 .7em;color:#34473b}
.about-copy p:first-of-type{margin-top:0}
.about-photos>img{width:100%;max-height:520px;object-fit:cover}
.about-photos>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.about-photos>div img{width:100%;height:190px;object-fit:cover}
.about-koengsbarg{border-top:1px solid #ddd2bf}
.bruno-facts{padding-top:90px}
@media(max-width:900px){
  .realnav{position:sticky;flex-wrap:wrap}
  .menu-toggle{display:grid;place-items:center}
  .realnav div{display:none;width:100%;flex-direction:column;gap:0;padding:12px 0 4px}
  .realnav div.open{display:flex}
  .realnav div a{padding:13px 0;border-top:1px solid rgba(216,173,100,.16);font-size:12px}
  .about-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .about{padding:65px 0}
  .about-grid{margin-top:28px;gap:35px}
  .about-photos>div img{height:145px}
  .realnav .wordmark{font-size:1rem}
}


/* Version 8: Navigation liegt direkt über dem originalen Kino-Hero.
   Die dunkle Leiste deckt die alte, ins Hero-Bild eingebrannte Navigation vollständig ab. */
body{position:relative}
.realnav{position:absolute;top:0;left:0;right:0;z-index:50;background:#211f19;min-height:80px;padding:14px 5vw 14px 12vw;box-shadow:none;border-bottom:1px solid rgba(216,173,100,.25)}
.realnav .wordmark{display:none}
.realnav #main-menu{width:100%;display:flex;justify-content:center;align-items:center;gap:clamp(28px,4vw,72px)}
.realnav #main-menu a{font-size:clamp(11px,.9vw,14px);white-space:nowrap}
.cinema-hero{padding-top:0}
.cinema-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:80px;background:#211f19;z-index:3;pointer-events:none}
.realnav{z-index:4}
@media(max-width:900px){
  .realnav{position:absolute;min-height:58px;padding:10px max(20px,env(safe-area-inset-left)) 10px max(20px,env(safe-area-inset-right));justify-content:flex-end}
  .realnav .wordmark{display:block;margin-right:auto}
  .realnav #main-menu{display:none;position:absolute;top:58px;left:0;right:0;width:100%;background:rgba(29,34,29,.98);padding:8px 22px 14px;gap:0}
  .realnav #main-menu.open{display:flex}
  .cinema-hero:before{height:58px}
}

/* V10: Das freigegebene Hero enthält die sichtbare Navigation selbst.
   Keine zweite sichtbare Menüleiste. Transparente Klickflächen liegen exakt darüber. */
.realnav,.menu-toggle{display:none!important}
.cinema-hero:before{display:none!important}
.hero-hotnav{position:absolute;left:25%;right:6%;top:0;height:8.5%;z-index:8;display:grid;grid-template-columns:1.05fr 1.35fr .85fr 1.55fr .8fr;gap:1.8%;}
.hero-hotnav a{display:block;background:transparent;text-decoration:none;}
.hero-hotnav a:focus-visible{outline:2px solid #e7c46f;outline-offset:-3px;}
@media(max-width:900px){.hero-hotnav{left:24%;right:3%;height:9%;gap:.5%;}}

/* V11: kompaktere Inhaltsbereiche und grosszuegigere Innenabstaende */
#deckruede,
#ueber-uns,
.about-koengsbarg,
#kontakt{
  scroll-margin-top:24px;
}

#deckruede.light{
  padding-top:58px;
  padding-bottom:58px;
  column-gap:clamp(36px,6vw,82px);
}
#deckruede > div{
  padding-left:clamp(24px,3vw,46px);
}

.about{
  padding-top:58px;
  padding-bottom:62px;
}
.about > .wrap{
  padding-left:clamp(24px,3vw,46px);
  padding-right:clamp(24px,3vw,46px);
}
.about-grid{
  margin-top:28px;
}

.koengsbarg-section{
  padding-top:58px;
  padding-bottom:58px;
}
.koengsbarg-grid > div{
  padding-left:clamp(24px,3vw,46px);
  padding-right:clamp(8px,1vw,18px);
}

#kontakt.contact{
  padding-top:58px;
  padding-bottom:58px;
  gap:clamp(42px,7vw,96px);
}
#kontakt > div:first-child{
  padding-left:clamp(24px,3vw,46px);
}

/* Ueberschriften nicht mehr an der linken Kante kleben lassen. */
#deckruede .eyebrow,
#ueber-uns > .wrap > .eyebrow,
.about-koengsbarg .eyebrow,
#kontakt .eyebrow{
  margin-left:0;
}

@media(max-width:900px){
  #deckruede.light,.about,.koengsbarg-section,#kontakt.contact{
    padding-top:44px;
    padding-bottom:48px;
  }
  #deckruede > div,
  .about > .wrap,
  .koengsbarg-grid > div,
  #kontakt > div:first-child{
    padding-left:24px;
    padding-right:24px;
  }
}

@media(max-width:620px){
  #deckruede.light,.about,.koengsbarg-section,#kontakt.contact{
    padding-top:34px;
    padding-bottom:38px;
  }
  #deckruede > div,
  .about > .wrap,
  .koengsbarg-grid > div,
  #kontakt > div:first-child{
    padding-left:20px;
    padding-right:20px;
  }
}


/* V12 – kompakte Inhaltsabschnitte */
#deckruede.light,
#kontakt.contact{
  padding-top:42px !important;
  padding-bottom:42px !important;
}
.about,
.koengsbarg-section{
  padding-top:46px !important;
  padding-bottom:46px !important;
}
#deckruede > div,
#kontakt > div:first-child{
  padding-left:clamp(34px,4vw,64px) !important;
  padding-right:24px !important;
}
.about > .wrap{
  padding-left:clamp(34px,4vw,64px) !important;
  padding-right:clamp(34px,4vw,64px) !important;
}
.koengsbarg-grid > div{
  padding-left:clamp(34px,4vw,64px) !important;
  padding-right:24px !important;
}
#deckruede .eyebrow,
#ueber-uns .eyebrow,
.about-koengsbarg .eyebrow,
#kontakt .eyebrow{
  margin-left:0 !important;
}
#deckruede h2,#ueber-uns h2,.about-koengsbarg h2,#kontakt h2{margin-top:.08em}
.about-grid{margin-top:22px !important}
@media(max-width:900px){
  #deckruede.light,#kontakt.contact,.about,.koengsbarg-section{padding-top:34px !important;padding-bottom:36px !important}
  #deckruede > div,#kontakt > div:first-child,.about > .wrap,.koengsbarg-grid > div{padding-left:24px !important;padding-right:24px !important}
}
@media(max-width:620px){
  #deckruede.light,#kontakt.contact,.about,.koengsbarg-section{padding-top:28px !important;padding-bottom:30px !important}
  #deckruede > div,#kontakt > div:first-child,.about > .wrap,.koengsbarg-grid > div{padding-left:20px !important;padding-right:20px !important}
}

/* V13 – Bugfix: .dark war gleichzeitig Sektionsklasse und Eyebrow-Farbklasse.
   Dadurch bekamen die kleinen Überschriften versehentlich 110px Padding + dunklen Hintergrund. */
.eyebrow.dark{
  background:transparent !important;
  color:#9a6c2f !important;
  padding:0 !important;
  min-height:0 !important;
  height:auto !important;
  width:auto !important;
  display:block !important;
  margin:0 0 13px 0 !important;
}

/* V15: exakt positionierte Klickflaechen fuer die im Hero eingebrannte Navigation */
.hero-hotnav{left:0!important;right:0!important;top:0!important;height:9%!important;display:block!important;pointer-events:none}
.hero-hotnav a{position:absolute!important;top:0;height:100%;pointer-events:auto}
.hero-hotnav a:nth-child(1){left:24.5%;width:10.5%}
.hero-hotnav a:nth-child(2){left:35.0%;width:13.5%}
.hero-hotnav a:nth-child(3){left:48.5%;width:10.0%}
.hero-hotnav a:nth-child(4){left:58.5%;width:14.0%}
.hero-hotnav a:nth-child(5){left:72.5%;width:9.5%}
#deckruede,#ueber-uns,#regenbogen,#kontakt{scroll-margin-top:12px!important}
@media(max-width:900px){.hero-hotnav{left:0!important;right:0!important;height:9%!important}}

/* V16: precise hero links and visible section targets */
#ueber-uns,#regenbogen,#kontakt,#deckruede{scroll-margin-top:24px}
.hero-hotnav a:nth-child(1){left:25.4%!important;width:9.2%!important}
.hero-hotnav a:nth-child(2){left:35.6%!important;width:11.8%!important}
.hero-hotnav a:nth-child(3){left:48.7%!important;width:6.3%!important}
.hero-hotnav a:nth-child(4){left:56.7%!important;width:13.0%!important}
.hero-hotnav a:nth-child(5){left:72.0%!important;width:7.0%!important}