:root{
--bg:#f3f0ea;--ink:#171717;--muted:#6b6963;--red:#d20a11;--deep:#111;--cream:#fffaf0;--line:#ddd7cc;--max:1180px;--r:26px;--shadow:0 22px 70px rgba(0,0,0,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.58}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(calc(100% - 36px),var(--max));margin:auto}
.hero{min-height:94vh;position:relative;color:#fff;overflow:hidden;background:#111}.hero-photo{position:absolute;inset:0;background:url("assets/hero-prag.jpg") center 42%/cover no-repeat;filter:saturate(.88) contrast(1.04)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.48) 48%,rgba(0,0,0,.18) 75%),linear-gradient(0deg,rgba(0,0,0,.62),transparent 50%)}.nav{height:86px;position:relative;z-index:4;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.24)}.brand{font-weight:900;letter-spacing:.08em;display:flex;gap:10px;align-items:center}.badge-mark{display:inline-grid;place-items:center;background:var(--red);color:#fff;font-size:.7rem;letter-spacing:.11em;padding:7px 9px;border-radius:6px}.navlinks{display:flex;gap:24px;align-items:center;font-weight:700;font-size:.9rem}.navlinks a{opacity:.9}.nav-admin{border:1px solid rgba(255,255,255,.45);padding:9px 13px;border-radius:999px}.hero-inner{min-height:calc(94vh - 86px);position:relative;z-index:3;display:grid;grid-template-columns:1.2fr .55fr;align-items:end;gap:40px;padding:60px 0 76px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:900}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(4rem,10vw,9rem);line-height:.78;letter-spacing:-.065em;margin:26px 0 32px;max-width:900px}.hero h1 em{font-weight:400;color:#fff;font-size:.66em}.lead{font-size:clamp(1.12rem,2vw,1.55rem);max-width:760px;color:rgba(255,255,255,.93)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:999px;font-weight:900;cursor:pointer;font:inherit}.btn-red{background:var(--red);color:white}.btn-glass{border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.11);color:white;backdrop-filter:blur(8px)}.hero-note{align-self:end;border-left:4px solid var(--red);padding:18px 0 18px 22px;background:linear-gradient(90deg,rgba(0,0,0,.34),transparent);font-size:1.06rem}.hero-note strong{font-size:1.4rem}.hero-note p{margin:.4rem 0}.coordinates{font-size:.75rem;letter-spacing:.13em;opacity:.72}.hero-symbol.tower{position:absolute;right:3vw;top:110px;z-index:2;width:70px;height:230px;opacity:.2}.tower:before{content:"";position:absolute;left:32px;top:0;width:5px;height:230px;background:#fff;transform:skew(-3deg)}.tower:after{content:"";position:absolute;left:8px;top:63px;width:52px;height:4px;background:#fff;box-shadow:0 20px 0 #fff,0 40px 0 #fff}
.section{padding:92px 0}.section-head{max-width:800px;margin-bottom:38px}.section-head h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(2.5rem,5vw,5.2rem);line-height:.96;letter-spacing:-.045em;margin:10px 0 16px}.section-head>p{color:var(--muted);font-size:1.08rem}.kicker{color:var(--red)}.story-grid{display:grid;grid-template-columns:1.25fr .65fr;gap:38px}.story-main{font-size:1.06rem}.story-main .big{font-size:1.35rem;font-weight:650}.quote-card{background:#171717;color:#fff;border-radius:var(--r);padding:30px;position:relative;box-shadow:var(--shadow)}.quote-card blockquote{font-family:Georgia,serif;font-size:1.65rem;line-height:1.2;margin:20px 0}.quote-icon{font-size:5rem;color:var(--red);line-height:.7}.quote-card p{color:#bdbbb5}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:42px}.facts div{border-top:4px solid var(--red);padding:18px 16px;background:#fff;border-radius:0 0 18px 18px}.facts strong{display:block;font-size:1.65rem}.facts span{color:var(--muted)}
.darkband{background:#111;color:#fff}.section-head.light h2{color:#fff}.section-head.light p,.muted-light{color:#bcb9b3}.chapters{padding-top:0;padding-bottom:0}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#333;border:1px solid #333}.chapter-grid article{background:#161616;padding:28px;min-height:230px}.chapter-grid b{color:var(--red);font-size:.8rem;letter-spacing:.15em}.chapter-grid h3{font-size:1.5rem;margin:30px 0 8px}.chapter-grid p{color:#aaa;margin:0}
.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.person-card{background:#fff;border-radius:22px;padding:24px;border:1px solid #e3ded5}.person-top{display:flex;gap:12px;align-items:center}.person-dot{width:11px;height:11px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px #f6d8da}.person-card h3{margin:0;font-size:1.3rem}.person-card small{color:var(--muted)}.person-card p{margin:18px 0 0}.fineprint{color:var(--muted);font-size:.87rem;margin-top:22px}
.events-section{background:#e7e2d8}.event-list{border-top:1px solid #bcb5aa}.event-row{display:grid;grid-template-columns:220px 1fr 44px;gap:24px;align-items:center;padding:24px 8px;border-bottom:1px solid #bcb5aa;transition:.2s}.event-row:hover{background:#fff;padding-left:18px;padding-right:18px}.event-row time{font-weight:900;color:var(--red)}.event-row h3{font-family:Georgia,serif;font-size:1.9rem;margin:0 0 5px}.event-row p{margin:0;color:var(--muted)}.arrow{font-size:1.6rem}
.empty-card{background:#fff;border-radius:22px;padding:28px;border:1px dashed #c9c1b4}.empty-card a{text-decoration:underline}.memory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.memory-card{background:#fff;padding:24px;border-radius:22px}.memory-card small{color:var(--red);font-weight:800}.memory-card h3{font-family:Georgia,serif;font-size:1.55rem}
.ideas-band{background:#1b1b1b;color:#fff}.ideas-layout{display:grid;grid-template-columns:1fr .65fr;gap:50px}.idea-stream{display:grid;gap:12px}.idea-stream article{border-left:3px solid var(--red);padding:14px 18px;background:#232323}.idea-stream span{display:block;font-size:.78rem;color:#aaa;margin-top:2px}.idea-stream p{margin:8px 0 0;color:#d0ceca}.idea-form{background:#fff;color:#111;border-radius:24px;padding:26px;align-self:start}.idea-form h3{font-size:1.7rem;margin-top:0}.idea-form label,.admin-form label,.login-card label{display:block;font-weight:800;margin:14px 0}.idea-form input,.idea-form select,.idea-form textarea,.admin-form input,.admin-form textarea,.admin-form select,.login-card input{width:100%;padding:12px 13px;border-radius:12px;border:1px solid #cfc8bc;background:#fff;font:inherit;margin-top:6px}.idea-form textarea,.admin-form textarea{min-height:120px;resize:vertical}.idea-form small{display:block;color:#777;margin-top:10px}.hp{position:absolute!important;left:-10000px!important}
footer{background:#0c0c0c;color:#fff;padding:36px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-inner div:first-child{display:flex;flex-direction:column}.footer-inner span{color:#888}.footer-tower{font-size:2rem;color:var(--red)}
.detail-body{background:#eee9e0}.detail-nav{height:72px;display:flex;justify-content:space-between;align-items:center;font-weight:800}.event-hero{padding:70px 0 50px}.event-hero h1{font-family:Georgia,serif;font-size:clamp(3.3rem,8vw,7.2rem);line-height:.92;letter-spacing:-.055em;margin:12px 0}.event-hero p{font-size:1.25rem;max-width:800px;color:var(--muted)}.detail-main{padding-bottom:80px}.detail-grid{display:grid;grid-template-columns:1.2fr .6fr;gap:20px}.detail-card,.note-card,.media-section{background:#fff;border-radius:24px;padding:28px}.detail-card h2,.media-section h2{font-family:Georgia,serif;font-size:2.4rem}.note-card{margin-bottom:16px}.note-card.red{border-top:5px solid var(--red)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery a{background:#f2eee6;border-radius:16px;overflow:hidden}.gallery img{aspect-ratio:4/3;object-fit:cover}.gallery span{display:block;padding:10px 12px;font-size:.85rem}.videos{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.videos video{width:100%;border-radius:16px;background:#000}.doclink{display:block;padding:14px;border-bottom:1px solid #ddd}.media-section{margin-top:20px}.muted{color:var(--muted)}
.login-body{min-height:100vh;background:#111;display:grid;place-items:center;padding:20px}.login-card{width:min(460px,100%);background:#fff;border-radius:26px;padding:32px;box-shadow:var(--shadow)}.login-card h1{font-family:Georgia,serif;font-size:3rem;margin:18px 0 6px}.login-card>a{display:block;margin-top:18px;color:#666}.error{background:#ffe6e7;color:#8c0b10;padding:11px;border-radius:10px}
.admin-body{background:#eee9e0}.admin-top{height:74px;padding:0 max(18px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;align-items:center;background:#111;color:#fff}.admin-top>div{display:flex;align-items:center;gap:12px}.admin-top nav{display:flex;gap:18px}.admin-tabs{display:flex;justify-content:center;gap:8px;padding:18px;background:#fff;border-bottom:1px solid #ddd}.admin-tabs a{padding:9px 15px;border-radius:999px;font-weight:800}.admin-tabs a.active{background:#111;color:#fff}.admin-message{width:min(calc(100% - 36px),var(--max));margin:18px auto 0;background:#e5f5e8;border:1px solid #b9d9c0;padding:12px 16px;border-radius:12px}.admin-wrap{width:min(calc(100% - 36px),var(--max));margin:24px auto 60px;display:grid;grid-template-columns:340px 1fr;gap:20px}.admin-list,.admin-form{background:#fff;border-radius:22px;padding:22px;align-self:start}.admin-section-head{display:flex;justify-content:space-between;align-items:center}.admin-section-head a{color:var(--red);font-weight:900}.admin-item{display:flex;flex-direction:column;padding:13px 0;border-top:1px solid #eee}.admin-item small{color:var(--red);font-weight:800}.admin-item span{font-size:.8rem;color:#888}.admin-form h2,.admin-list h2{font-family:Georgia,serif;font-size:2rem;margin-top:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-form textarea.long{min-height:250px}.media-admin{background:#f4f0e8;padding:12px;border-radius:12px;margin:12px 0}.media-admin label{font-weight:600;margin:6px 0}.media-admin input{width:auto;margin-right:8px}.delete-btn{border:0;background:transparent;color:#a00;text-decoration:underline;cursor:pointer;padding:10px 0}.admin-form.full{grid-column:1/-1}.ideas-admin article{display:grid;grid-template-columns:1fr auto;gap:20px;border-top:1px solid #ddd;padding:18px 0}.ideas-admin h3{margin:4px 0}.ideas-admin p{margin:0;color:#555}
@media(max-width:900px){.navlinks a:not(.nav-admin){display:none}.hero-inner,.story-grid,.ideas-layout,.detail-grid,.admin-wrap{grid-template-columns:1fr}.hero-inner{align-items:end}.hero-note{display:none}.facts,.chapter-grid,.people-grid,.memory-grid{grid-template-columns:repeat(2,1fr)}.event-row{grid-template-columns:150px 1fr 30px}.admin-list{order:2}}
@media(max-width:600px){.section{padding:68px 0}.hero{min-height:84vh}.hero-inner{min-height:calc(84vh - 86px);padding-bottom:40px}.hero h1{font-size:clamp(3.7rem,18vw,6rem)}.facts,.chapter-grid,.people-grid,.memory-grid{grid-template-columns:1fr}.event-row{grid-template-columns:1fr 28px;gap:8px}.event-row time{grid-column:1}.event-row div{grid-column:1}.event-row .arrow{grid-column:2;grid-row:1/3}.gallery,.videos{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.footer-inner{align-items:flex-start;flex-direction:column}}

/* Charakterporträts */
.person-card{padding:0;overflow:hidden;display:flex;flex-direction:column}
.person-photo-wrap{position:relative;aspect-ratio:4/3;background:linear-gradient(135deg,#d9d2c6,#bdb4a8);overflow:hidden}
.person-photo{width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .35s ease}
.person-card:hover .person-photo{transform:scale(1.025)}
.person-photo-fallback{display:none;position:absolute;inset:0;place-items:center;font-family:Georgia,serif;font-size:5rem;font-weight:700;color:#fff;background:#242424}
.person-photo-wrap.missing-photo .person-photo-fallback{display:grid}
.person-body{padding:22px 24px 24px}

/* Event-Vorschaukarten */
.event-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;border-top:0}
.event-card{display:grid;grid-template-columns:220px 1fr;background:#fff;border-radius:22px;overflow:hidden;min-height:190px;box-shadow:0 10px 30px rgba(0,0,0,.06);transition:transform .2s ease,box-shadow .2s ease}
.event-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(0,0,0,.11)}
.event-thumb{position:relative;background:#1a1a1a;min-height:190px}
.event-thumb img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.event-thumb-empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;color:#fff;background:linear-gradient(145deg,#111,#333)}
.event-thumb-empty span{font-size:.72rem;letter-spacing:.15em;color:#d20a11;font-weight:900}
.event-thumb-empty b{font-family:Georgia,serif;font-size:1.35rem}
.photo-count{position:absolute;left:12px;bottom:12px;background:rgba(0,0,0,.74);color:#fff;padding:6px 9px;border-radius:999px;font-size:.75rem;font-weight:800;backdrop-filter:blur(4px)}
.event-card-body{padding:22px;display:flex;flex-direction:column}
.event-card time{font-size:.82rem;font-weight:900;color:var(--red)}
.event-card h3{font-family:Georgia,serif;font-size:1.75rem;line-height:1.05;margin:9px 0 8px}
.event-card p{color:var(--muted);margin:0 0 16px}
.event-more{margin-top:auto;font-weight:900;font-size:.85rem}

/* Admin: Auswahl des Event-Vorschaubilds */
.preview-picker{margin:18px 0;padding:15px;background:#f4f0e8;border-radius:14px}
.preview-picker>p{margin:4px 0 12px;color:#777;font-size:.9rem}
.preview-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.preview-option{margin:0!important;padding:8px;border:2px solid transparent;border-radius:12px;background:#fff;cursor:pointer}
.preview-option:has(input:checked){border-color:var(--red)}
.preview-option input{width:auto!important;margin:0 0 6px!important}
.preview-option img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.preview-option span{display:block;font-size:.75rem;line-height:1.2;margin-top:5px}
.admin-hint{display:block;color:#777;margin-top:9px}

@media(max-width:1050px){.event-list{grid-template-columns:1fr}}
@media(max-width:650px){
  .event-card{grid-template-columns:1fr}
  .event-thumb{min-height:210px}
  .preview-options{grid-template-columns:repeat(2,1fr)}
}

.upload-note{display:block;margin-top:7px;color:#777;font-weight:500;line-height:1.4}


/* V4 – Event-Galerie / Karussell */
.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}
.gallery-heading h2{margin:2px 0 0}
.gallery-total{font-weight:900;font-size:.85rem;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:999px;padding:7px 11px}
.event-carousel{width:100%}
.carousel-stage{position:relative;overflow:hidden;border-radius:24px;background:#111;aspect-ratio:16/10;box-shadow:0 18px 45px rgba(0,0,0,.12)}
.carousel-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .28s ease;display:flex;align-items:center;justify-content:center;background:#111}
.carousel-slide.is-active{opacity:1;visibility:visible}
.carousel-slide img{width:100%;height:100%;object-fit:contain;display:block}
.carousel-slide figcaption{position:absolute;left:18px;right:18px;bottom:16px;padding:9px 12px;border-radius:12px;background:rgba(0,0,0,.62);color:#fff;font-size:.9rem;backdrop-filter:blur(5px)}
.carousel-arrow,.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;border:0;background:rgba(0,0,0,.58);color:#fff;width:48px;height:64px;border-radius:14px;font-size:2.6rem;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .2s ease,transform .2s ease}
.carousel-arrow:hover,.lightbox-arrow:hover{background:rgba(0,0,0,.82)}
.carousel-prev{left:14px}.carousel-next{right:14px}
.carousel-counter{position:absolute;right:16px;bottom:16px;z-index:6;background:rgba(0,0,0,.66);color:#fff;border-radius:999px;padding:7px 10px;font-weight:900;font-size:.82rem;backdrop-filter:blur(5px)}
.carousel-slide:has(figcaption)+.carousel-arrow~.carousel-counter{bottom:16px}
.carousel-expand{position:absolute;right:16px;top:16px;z-index:6;border:0;width:42px;height:42px;border-radius:12px;background:rgba(0,0,0,.62);color:#fff;font-size:1.4rem;cursor:pointer;backdrop-filter:blur(5px)}
.carousel-thumbs{display:flex;gap:10px;overflow-x:auto;padding:12px 2px 4px;scrollbar-width:thin}
.carousel-thumb{flex:0 0 96px;width:96px;height:68px;padding:0;border:3px solid transparent;border-radius:11px;overflow:hidden;background:#ddd;cursor:pointer;opacity:.62;transition:opacity .2s ease,border-color .2s ease,transform .2s ease}
.carousel-thumb:hover{opacity:.9}
.carousel-thumb.is-active{opacity:1;border-color:var(--red);transform:translateY(-1px)}
.carousel-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.gallery-help{margin:10px 0 0;color:var(--muted);font-size:.84rem}

/* Vollbild-Lightbox */
body.lightbox-open{overflow:hidden}
.lightbox{position:fixed;inset:0;z-index:9999;background:rgba(5,5,5,.96);display:none;align-items:center;justify-content:center;padding:24px}
.lightbox.is-open{display:flex}
.lightbox-inner{width:min(1280px,calc(100vw - 150px));height:min(88vh,900px);display:flex;flex-direction:column;align-items:center;justify-content:center}
.lightbox-inner img{max-width:100%;max-height:calc(100% - 48px);object-fit:contain;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.lightbox-meta{width:100%;display:flex;justify-content:space-between;gap:20px;color:#fff;padding-top:12px;font-size:.9rem}
.lightbox-close{position:absolute;right:22px;top:18px;border:0;background:transparent;color:#fff;font-size:3rem;cursor:pointer;line-height:1}
.lightbox-prev{left:24px}.lightbox-next{right:24px}

@media(max-width:700px){
  .gallery-heading{align-items:center}
  .carousel-stage{aspect-ratio:4/3;border-radius:18px}
  .carousel-arrow{width:40px;height:54px;border-radius:12px;font-size:2.1rem}
  .carousel-prev{left:8px}.carousel-next{right:8px}
  .carousel-expand{right:10px;top:10px}
  .carousel-counter{right:10px;bottom:10px}
  .carousel-slide figcaption{left:10px;right:10px;bottom:10px;font-size:.8rem;padding:7px 9px}
  .carousel-thumb{flex-basis:78px;width:78px;height:56px}
  .gallery-help{font-size:.78rem}
  .lightbox{padding:10px}
  .lightbox-inner{width:100%;height:86vh}
  .lightbox-prev{left:6px}.lightbox-next{right:6px}
  .lightbox-arrow{width:38px;height:54px;font-size:2rem}
  .lightbox-close{right:12px;top:10px}
  .lightbox-meta{padding:10px 42px 0 42px}
}


/* V6 – Hero: Text bewusst in freie Bildbereiche statt über Gesichter */
@media (min-width: 901px){
  .hero{
    min-height:94vh;
  }

  /* Bild so verschieben, dass die Köpfe tiefer im Hero liegen und oben mehr ruhiger Himmel bleibt */
  .hero-photo{
    background-position:center 54%;
  }

  /* Die Abdunklung konzentriert sich auf die obere linke Textzone.
     Die Personen selbst bleiben deutlich weniger überlagert. */
  .hero-shade{
    background:
      linear-gradient(180deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.28) 25%,rgba(0,0,0,.05) 48%,rgba(0,0,0,.10) 100%),
      linear-gradient(90deg,rgba(0,0,0,.48) 0%,rgba(0,0,0,.24) 42%,rgba(0,0,0,0) 68%);
  }

  .hero-inner{
    min-height:calc(94vh - 86px);
    align-items:start;
    grid-template-columns:minmax(0,1fr) 300px;
    padding-top:58px;
    padding-bottom:54px;
  }

  .hero-copy{
    align-self:start;
    max-width:760px;
  }

  .hero h1{
    font-size:clamp(3.8rem,7.2vw,7.2rem);
    line-height:.82;
    margin:16px 0 20px;
    max-width:720px;
  }

  .hero .lead{
    max-width:650px;
    font-size:clamp(1rem,1.45vw,1.28rem);
    line-height:1.45;
    text-shadow:0 2px 10px rgba(0,0,0,.4);
  }

  .hero-actions{
    margin-top:18px;
  }

  /* Homezone-Notiz ebenfalls in den Himmel ziehen statt unten über Personen zu legen */
  .hero-note{
    align-self:start;
    margin-top:20px;
    background:rgba(0,0,0,.28);
    backdrop-filter:blur(3px);
    border-radius:0 14px 14px 0;
    padding-right:14px;
  }
}

/* Mittlere Displays: etwas kompakter, damit der komplette Text über der Kopfzone bleibt */
@media (min-width: 901px) and (max-height: 820px){
  .hero-inner{padding-top:34px}
  .hero h1{font-size:clamp(3.2rem,6.3vw,5.8rem);margin:12px 0 14px}
  .hero .lead{font-size:1rem;max-width:600px}
  .hero-actions{margin-top:12px}
  .hero-note{margin-top:8px}
}

/* Mobile/Tablet: Bild und Text werden bewusst getrennt.
   Damit kann auf schmalen Screens kein Text mehr Gesichter verdecken. */
@media (max-width:900px){
  .hero{
    min-height:0;
    background:#111;
    padding-top:86px;
  }

  .hero .nav{
    position:absolute;
    top:0;
    left:0;
    right:0;
  }

  .hero-photo{
    position:relative;
    inset:auto;
    width:100%;
    height:auto;
    aspect-ratio:1/1;
    background-position:center center;
    background-size:cover;
    filter:saturate(.9) contrast(1.03);
  }

  .hero-shade{
    display:none;
  }

  .hero-symbol.tower{
    display:none;
  }

  .hero-inner{
    min-height:0;
    display:block;
    padding:30px 0 42px;
  }

  .hero-copy{
    max-width:none;
  }

  .hero h1{
    margin:14px 0 18px;
  }

  .hero .lead{
    max-width:720px;
  }

  .hero-note{
    display:none;
  }
}

@media (max-width:600px){
  .hero{
    min-height:0;
  }

  .hero-photo{
    aspect-ratio:1/1;
    background-position:center center;
  }

  .hero-inner{
    min-height:0;
    padding-top:26px;
    padding-bottom:36px;
  }

  .hero h1{
    font-size:clamp(3.3rem,17vw,5rem);
  }
}

/* V7 – freie Sicht auf alle Köpfe; die ehemalige Homezone-Box entfällt */
@media (min-width:901px){
  .hero-inner{display:block;padding-top:clamp(24px,4vh,48px)}
  .hero-copy{max-width:min(720px,58vw)}
  .hero h1{font-size:clamp(3.4rem,6vw,6.2rem);line-height:.8;margin:12px 0 16px}
  .hero .lead{max-width:620px;font-size:clamp(.98rem,1.25vw,1.16rem)}
  .hero-photo{background-position:center 52%}
}

/* V7 – Bildkarten statt Kapitelnummern */
.chapter-grid .chapter-card{position:relative;min-height:285px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;isolation:isolate;background-position:center;background-size:cover;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 45px rgba(0,0,0,.22)}
.chapter-grid .chapter-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.04) 18%,rgba(0,0,0,.84) 100%)}
.chapter-grid .chapter-card h3,.chapter-grid .chapter-card p{position:relative;z-index:1}
.chapter-grid .chapter-card h3{font-size:1.65rem;text-shadow:0 2px 14px #000}
.chapter-grid .chapter-card p{color:rgba(255,255,255,.9);text-shadow:0 1px 8px #000}
.chapter-homezone{background-image:url("assets/chapters/homezone.jpg")}
.chapter-studienjahre{background-image:url("assets/chapters/studienjahre.jpg")}
.chapter-atlantik{background-image:url("assets/chapters/atlantik.jpg")}
.chapter-chat{background-image:url("assets/chapters/chat.jpg")}
.chapter-heute{background-image:url("assets/chapters/heute.jpg")}
.chapter-riga{background-image:url("assets/chapters/riga.jpg")}
@media(max-width:600px){.chapter-grid .chapter-card{min-height:250px}}

/* V8 – Hero-Proportion wie in der Vorlage: Text kompakt im Himmel, Personen darunter */
@media (min-width:901px){
  .hero{
    min-height:clamp(760px,70vw,980px);
  }
  .hero-photo{
    background-size:100% auto;
    background-position:center top;
    background-repeat:no-repeat;
  }
  .hero-shade{
    background:
      linear-gradient(180deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.38) 29%,rgba(0,0,0,.05) 47%,rgba(0,0,0,.12) 100%),
      linear-gradient(90deg,rgba(0,0,0,.38),rgba(0,0,0,0) 68%);
  }
  .hero-inner{
    min-height:calc(clamp(760px,70vw,980px) - 86px);
    padding-top:24px;
    padding-bottom:0;
  }
  .hero-copy{max-width:690px}
  .hero .eyebrow{font-size:.7rem}
  .hero h1{
    font-size:clamp(3.15rem,5.1vw,5.4rem);
    line-height:.78;
    margin:9px 0 12px;
  }
  .hero .lead{
    max-width:610px;
    font-size:clamp(.94rem,1.12vw,1.08rem);
    line-height:1.38;
    margin:0;
  }
  .hero-actions{margin-top:13px}
  .hero-actions .btn{padding:10px 15px;font-size:.9rem}
}

/* Höhere Spezifität verhindert, dass die alte Karten-Hintergrundregel die Fotos übermalt. */
.chapter-grid .chapter-homezone{background-image:url("assets/chapters/homezone.jpg")}
.chapter-grid .chapter-studienjahre{background-image:url("assets/chapters/studienjahre.jpg")}
.chapter-grid .chapter-atlantik{background-image:url("assets/chapters/atlantik.jpg")}
.chapter-grid .chapter-chat{background-image:url("assets/chapters/chat.jpg")}
.chapter-grid .chapter-heute{background-image:url("assets/chapters/heute.jpg")}
.chapter-grid .chapter-riga{background-image:url("assets/chapters/riga.jpg")}


/* V8 HERO FIX – robust */
@media (min-width:901px){
  .hero{
    position:relative;
    min-height:clamp(760px,70vw,980px);
    overflow:hidden;
    background-color:#1d3447;
    background-image:url("assets/hero-prag.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center 44%;
  }

  .hero-photo{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    z-index:0 !important;
    background-image:url("assets/hero-prag.jpg") !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center 44% !important;
    filter:saturate(.92) contrast(1.02);
  }

  .hero-shade{
    display:block !important;
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(
      180deg,
      rgba(19,39,56,.56) 0%,
      rgba(19,39,56,.40) 21%,
      rgba(19,39,56,.18) 34%,
      rgba(19,39,56,.04) 44%,
      rgba(0,0,0,0) 54%
    );
    pointer-events:none;
  }

  .nav{position:relative;z-index:4}

  .hero-inner{
    position:relative;
    z-index:3;
    min-height:calc(clamp(760px,70vw,980px) - 86px);
    display:block;
    padding-top:18px;
    padding-bottom:0;
  }

  .hero-copy{
    width:min(720px,64vw);
    max-width:none;
    margin:0 auto;
    text-align:center;
  }

  .hero .eyebrow{
    margin:0 0 5px;
    font-size:.64rem;
    line-height:1.2;
  }

  .hero h1{
    max-width:none;
    margin:3px 0 7px;
    font-size:clamp(2.75rem,4.15vw,4.4rem);
    line-height:.78;
  }

  .hero h1 em{font-size:.57em}

  .hero .lead{
    max-width:620px;
    margin:0 auto;
    font-size:clamp(.82rem,.92vw,.93rem);
    line-height:1.28;
    color:rgba(255,255,255,.96);
    text-shadow:0 2px 8px rgba(0,0,0,.45);
  }

  .hero-actions{
    justify-content:center;
    margin-top:8px;
  }

  .hero-actions .btn{
    padding:8px 13px;
    font-size:.82rem;
  }
}

@media (max-width:900px){
  .hero{background:#111}
  .hero-photo{
    display:block !important;
    background-image:url("assets/hero-prag.jpg") !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center center !important;
  }
}


/* MOBILE HERO FIX – final */
@media (max-width:900px){
  .hero{
    position:relative !important;
    min-height:0 !important;
    padding-top:86px !important;
    overflow:hidden !important;
    background-color:#111 !important;
    background-image:url("assets/hero-prag.jpg") !important;
    background-repeat:no-repeat !important;
    background-size:100% auto !important;
    background-position:center 86px !important;
  }
  .hero > .hero-photo{
    display:block !important;
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:16/10 !important;
    background-image:url("assets/hero-prag.jpg") !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center center !important;
    filter:saturate(.92) contrast(1.02) !important;
    z-index:0 !important;
  }
  .hero > .hero-photo-img{
    display:block !important;
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:16/10 !important;
    object-fit:cover !important;
    object-position:center center !important;
    z-index:0 !important;
    filter:saturate(.92) contrast(1.02) !important;
  }
  .hero-shade{display:none !important}
  .hero-inner{
    position:relative !important;
    z-index:3 !important;
    min-height:0 !important;
    display:block !important;
    padding:28px 0 40px !important;
    background:#111 !important;
  }
  .hero-copy{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    text-align:left !important;
  }
  .hero-symbol.tower,.hero-note{display:none !important}
}
@media (max-width:600px){
  .hero > .hero-photo,.hero > .hero-photo-img{aspect-ratio:4/3 !important}
}


/* Header-Logo – klein links, Hero bleibt der Eyecatcher */
.brand-logo{display:flex;align-items:center;flex:0 0 auto}
.brand-logo img{width:auto;height:204px;max-width:450px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.28))}
@media(max-width:900px){.brand-logo img{height:180px;max-width:396px}}
@media(max-width:600px){.brand-logo img{height:162px;max-width:354px}}

/* Header-Logo tiefer positionieren, damit es oben nicht abgeschnitten wird */
.brand-logo{position:relative;top:52px;z-index:6}
@media(max-width:900px){.brand-logo{top:46px}}
@media(max-width:600px){.brand-logo{top:40px}}