/* ============================================================
   Modulare Inhaltswelten: Startseiten-Einstieg und Archive
   ============================================================ */
.discover-gateway{
  position:relative; padding:72px clamp(24px,8vw,150px) 110px;
  background:var(--paper); color:var(--ink); overflow:hidden;
}
.content-world-grid{
  position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr;
  gap:18px; margin-bottom:18px;
}
.content-world-card{
  position:relative; min-height:430px; overflow:hidden; isolation:isolate;
  container-type:inline-size;
  color:#fff; background:#151719; border:1px solid #191a1c1f;
}
.content-world-card img{
  position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover;
  filter:saturate(.76) contrast(1.05); transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease;
}
.content-world-card-themen img{object-position:center 37%;}
.content-world-shade{
  position:absolute; inset:0; z-index:-1;
  background:linear-gradient(180deg,#0e101215 8%,#0e1012ed 94%);
}
.content-world-card>div{
  position:absolute; inset:auto 0 0; min-width:0; padding:42px;
}
.content-world-card p,.content-card-type{
  margin:0 0 13px; font-family:var(--font-mono); font-size:10px; font-weight:700;
  line-height:1.5; letter-spacing:.1em; text-transform:uppercase;
}
.content-world-card p{color:#f12a33;}
.content-world-card h3{
  margin:0; color:#fff; font-size:clamp(38px,4.2vw,70px); font-stretch:104%;
  line-height:.9; letter-spacing:-.035em;
}
.content-world-card>div>span{
  display:flex; justify-content:space-between; align-items:center; margin-top:28px;
  padding-top:18px; border-top:1px solid #ffffff4a;
  font-family:var(--font-mono); font-size:10px; font-weight:700;
  letter-spacing:.1em; text-transform:uppercase;
}
.content-world-card i,.content-card-foot i{font-style:normal; transition:transform .25s ease;}
.content-world-card:hover img{transform:scale(1.035); filter:saturate(.95) contrast(1.06);}
.content-world-card:hover i,.content-entry-card:hover .content-card-foot i{transform:translateX(6px);}

.content-feed{position:relative; z-index:1; display:grid; gap:18px;}
.content-entry-card{
  display:grid; grid-template-columns:minmax(300px,.9fr) 1.1fr; min-height:410px;
  background:#151719; color:#fff; border-left:6px solid var(--red);
  overflow:hidden;
}
.content-entry-card figure{margin:0; min-height:100%; overflow:hidden;}
.content-entry-card figure img{
  width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.2,.7,.2,1);
}
.content-entry-card:hover figure img{transform:scale(1.025);}
.content-entry-copy{display:flex; min-width:0; flex-direction:column; justify-content:center; padding:clamp(34px,5vw,74px); container-type:inline-size;}
.content-card-type{color:#ff3942;}
.content-entry-copy h3{
  max-width:760px; margin:0 0 22px; font-size:clamp(38px,4.7vw,76px);
  font-stretch:104%; line-height:.92; letter-spacing:-.035em;
}
.content-entry-copy>p:not(.content-card-type){
  max-width:690px; margin:0; color:#c6c8ca; font-size:16px; line-height:1.72;
}
.content-card-foot{
  display:flex; justify-content:space-between; gap:24px; margin-top:35px; padding-top:18px;
  border-top:1px solid #ffffff2b; font-family:var(--font-mono); font-size:10px;
  line-height:1.5; letter-spacing:.08em; text-transform:uppercase;
}
.content-card-foot span{color:#999da1;}
.content-card-foot b{display:flex; gap:18px; color:#fff;}
/* Eintraege, die auf eine eigene Subdomain fuehren. */
.content-entry-card.is-external:hover .content-card-foot i{transform:translate(5px,-5px);}
.discover-more{
  position:relative; z-index:1; display:flex; justify-content:flex-end; margin-top:24px;
}
.discover-more .text-link{color:var(--ink); border-bottom-color:#191a1c4d;}

/* ---------- Inhaltsarchive ---------- */
.library-page{background:var(--paper); color:var(--ink);}
.library-page .topbar{
  background:#0f1011e8; -webkit-backdrop-filter:blur(18px) saturate(145%);
  backdrop-filter:blur(18px) saturate(145%); border-bottom-color:#ffffff1f;
}
.library-hero{
  position:relative; min-height:82vh; padding:calc(var(--nav-h) + 80px) clamp(24px,8vw,150px) 80px;
  display:flex; align-items:flex-end; overflow:hidden; background:#111315; color:#fff;
}
.library-hero>img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.72) contrast(1.08);}
.library-hero-shade{
  position:absolute; inset:0; background:
    linear-gradient(90deg,#111315f5 0%,#111315b8 44%,#11131524 78%),
    linear-gradient(0deg,#111315e0 0%,transparent 48%);
}
.library-hero-copy{position:relative; z-index:1; max-width:950px;}
.library-hero h1{
  margin:22px 0 28px; color:#fff; font-size:clamp(64px,9.6vw,168px);
  font-stretch:106%; line-height:.79; letter-spacing:-.055em;
}
.library-hero h1 em{color:var(--red); font-style:normal;}
.library-hero-copy>p:last-child{max-width:720px; color:#d0d2d4; font-size:19px; line-height:1.65;}
.library-index{
  display:flex; gap:18px; flex-wrap:wrap; margin-top:34px;
  font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.09em; text-transform:uppercase;
}
.library-index a{padding:12px 15px; border:1px solid #ffffff4a;}
.library-index a:hover{background:#fff; color:#111315;}
.library-intro,.library-collection{
  padding:110px clamp(24px,8vw,150px) 120px;
}
.library-intro{display:grid; grid-template-columns:.78fr 1.22fr; gap:7vw; background:var(--paper);}
.library-intro h2,.library-collection h2{
  margin:18px 0 0; color:var(--ink); font-size:clamp(45px,6vw,96px);
  font-stretch:105%; line-height:.9; letter-spacing:-.04em;
}
.library-intro-copy{padding-top:34px; border-top:1px solid var(--hair-light);}
.library-intro-copy p{max-width:750px; color:var(--on-light-2); font-size:17px; line-height:1.78;}
.library-intro-copy p:first-child{margin-top:0; color:var(--ink); font-size:21px;}
.library-collection{background:#e9e8e3;}
.library-collection-head{
  display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:54px;
}
.library-collection-head>p{max-width:450px; color:var(--on-light-2); line-height:1.7;}
.library-collection .content-feed{grid-template-columns:1fr;}
.library-collection .content-entry-card{background:#111315;}
.library-empty{
  padding:45px 0 0; border-top:1px solid var(--hair-light); color:var(--on-light-2);
}
.library-empty strong{display:block; margin-bottom:12px; color:var(--ink); font-size:22px;}
.library-empty p{max-width:720px; line-height:1.75;}
.library-backlink{padding:70px clamp(24px,8vw,150px); background:var(--paper);}

@media (max-width:1000px){
  .library-intro{grid-template-columns:1fr;}
  .content-entry-card{grid-template-columns:1fr;}
  .content-entry-card figure{height:440px;}
  .library-hero{min-height:720px;}
}

@media (max-width:650px){
  .discover-gateway{padding:48px 20px 70px;}
  .library-intro,.library-collection{padding:70px 20px;}
  .library-intro h2,.library-collection h2{max-width:100%; font-size:clamp(34px,10.5vw,50px); overflow-wrap:anywhere;}
  .content-world-grid{grid-template-columns:1fr;}
  .content-world-card{min-height:390px;}
  .content-world-card>div{padding:24px;}
  .content-world-card h3{font-size:clamp(28px,8.6vw,38px); overflow-wrap:normal;}
  .content-world-card h3 span,.content-entry-copy h3 span{display:block;}
  .content-entry-card{min-height:0; border-left-width:4px;}
  .content-entry-card figure{height:280px;}
  .content-entry-copy{padding:30px 26px 32px;}
  .content-entry-copy h3{font-size:clamp(28px,8.6vw,38px); overflow-wrap:normal;}
  .content-entry-copy>p:not(.content-card-type){font-size:15px;}
  .content-card-foot{flex-direction:column; gap:12px;}
  .discover-more{justify-content:flex-start;}
  .library-hero{min-height:700px; padding:calc(var(--nav-h) + 60px) 20px 54px;}
  .library-hero-shade{background:linear-gradient(0deg,#111315f5 0%,#111315a8 66%,#11131536 100%);}
  .library-hero h1{font-size:clamp(46px,13vw,58px); line-height:.86; letter-spacing:-.045em;}
  .library-hero-copy>p:last-child{font-size:16px;}
  .library-index{display:grid; grid-template-columns:1fr; gap:10px; max-width:260px;}
  .library-index a{width:100%; padding:12px 14px; text-align:center;}
  .library-intro{gap:34px;}
  .library-intro-copy{padding-top:26px;}
  .library-intro-copy p:first-child{font-size:18px;}
  .library-collection-head{display:block; margin-bottom:38px;}
  .library-collection-head>p{margin-top:22px;}
  .library-backlink{padding:55px 20px;}
}

@container (max-width:750px){
  .content-world-card h3{
    font-size:clamp(22px,8.5cqw,52px);
    overflow-wrap:normal;
  }
  .content-world-card h3 span{display:block;}
}

@container (max-width:800px){
  .content-entry-copy h3{
    font-size:clamp(22px,8cqw,58px);
    overflow-wrap:normal;
  }
  .content-entry-copy h3 span{display:block;}
}