.theme-detail-hero{position:relative;min-height:78vh;display:grid;align-items:end;overflow:hidden;background:#101322;color:#fff;padding:clamp(9rem,16vw,13rem) 0 clamp(4rem,8vw,7rem)}.theme-detail-hero__image{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;filter:saturate(.92) contrast(1.03)}.theme-detail-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,19,34,.95),rgba(16,19,34,.72) 52%,rgba(16,19,34,.28)),linear-gradient(0deg,rgba(16,19,34,.72),transparent 55%)}.theme-detail-hero__inner{position:relative;z-index:2;max-width:64rem}.theme-detail-hero .eyebrow{color:#e5bd5f}.theme-detail-hero h1{font-family:var(--ff-display);font-size:clamp(3.2rem,8vw,7rem);line-height:.95;letter-spacing:-.018em;color:#fff;margin:.65rem 0 1.3rem}.theme-detail-hero__intro{font-family:Cardo,Georgia,serif;font-size:clamp(1.15rem,1.8vw,1.42rem);line-height:1.7;color:rgba(255,255,255,.86);max-width:52rem}.theme-detail-hero__intro p{margin:.75rem 0}.theme-detail-back{display:inline-flex;color:#fff;text-decoration:none;font-weight:700;margin-bottom:1.4rem}.theme-detail-back:hover{color:#e5bd5f}
.theme-resources{padding:clamp(4.5rem,9vw,8rem) 0;background:#f5f4f3}.theme-resources__head{max-width:52rem;margin-bottom:clamp(2.5rem,5vw,4.5rem)}.theme-resources__head h2{font-family:var(--ff-display);font-size:var(--fs-h2);line-height:1.05;color:#101322;margin:.6rem 0 1rem}.theme-resources__head p{color:#565a68;line-height:1.75}.theme-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.theme-resource-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(16,19,34,.08);border-radius:1.5rem;overflow:hidden;box-shadow:0 20px 55px rgba(16,19,34,.08);transition:transform .3s ease,box-shadow .3s ease}.theme-resource-card:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(16,19,34,.14)}.theme-resource-card__image{aspect-ratio:16/10;overflow:hidden;background:#003f3c}.theme-resource-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.theme-resource-card:hover img{transform:scale(1.045)}.theme-resource-card__body{display:flex;flex-direction:column;flex:1;padding:1.4rem}.theme-resource-card .eyebrow{color:#9b6a16}.theme-resource-card h2{font-family:var(--ff-display);font-size:clamp(1.55rem,2.5vw,2.05rem);line-height:1.1;color:#101322;margin:.55rem 0 .8rem}.theme-resource-card p{color:#5a5d69;line-height:1.65}.theme-resource-card a{margin-top:auto;color:#003f3c;font-weight:800;text-decoration:none}.theme-empty{background:#003f3c;color:#fff;border-radius:1.6rem;padding:clamp(2rem,5vw,4rem);max-width:58rem}.theme-empty h2{font-family:var(--ff-display);font-size:clamp(2rem,4vw,3.5rem);color:#fff;margin:.4rem 0 1rem}.theme-empty p{color:rgba(255,255,255,.75);line-height:1.75}
.theme-next{padding:clamp(3.5rem,7vw,6rem) 0;background:#101322;color:#fff}.theme-next__links{display:flex;flex-wrap:wrap;gap:.8rem}.theme-next a{padding:.75rem 1rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;text-decoration:none}.theme-next a:hover,.theme-next a[aria-current="page"]{background:#e5bd5f;color:#101322;border-color:#e5bd5f}
@media(max-width:900px){.theme-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-detail-hero{min-height:70vh}}
@media(max-width:620px){.theme-resource-grid{grid-template-columns:1fr}.theme-detail-hero h1{font-size:clamp(2.8rem,13vw,4.5rem)}}
@media(prefers-reduced-motion:no-preference){.theme-resource-card{animation:theme-card-in both linear;animation-timeline:view();animation-range:entry 5% cover 30%}@keyframes theme-card-in{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:none}}}

/* Deutliche Trennung zwischen Rücklink und Themenkennzeichnung. */
.theme-detail-back{display:flex;width:max-content;margin-bottom:2.25rem}

/* Der vorhandene Kartenlink überspannt die ganze Karte – auch bei künftigen Karten. */
.theme-resource-card{position:relative}
.theme-resource-card a::after{content:"";position:absolute;inset:0;z-index:2;border-radius:1.5rem}
.theme-resource-card a:focus-visible{outline:none}
.theme-resource-card a:focus-visible::after{outline:3px solid #9b6a16;outline-offset:-4px}

/* Identisch mit der responsiven Titelgröße der Startseite. */
.theme-detail-hero h1{font-size:clamp(3rem,8.5vw,7rem)}

/* „Weitere Themen“: gelbe Kennzeichnung und Abstand zur Linkliste. */
.theme-next > .container > .eyebrow {
  display: flex;
  width: max-content;
  margin: 0 0 2rem;
  color: #FFD64F !important;
}

.theme-next > .container > .eyebrow::before {
  background: #FFD64F !important;
}

/* Kartenkennzeichnung und Weiterlesen-Link auf weißem Grund schwarz. */
.theme-resource-card .eyebrow,
.theme-resource-card a {
  color: #000 !important;
}