:root {
  --iw-bg: #ffe600;
  --iw-black: #000;
  --iw-pink: #ff0a8a;
  --iw-white: #fff;
  --iw-paper: #fffef2;
  --iw-muted: rgba(0,0,0,.68);
  --iw-soft: rgba(255,255,255,.22);
  --iw-line: rgba(0,0,0,.16);
  --iw-shadow: 10px 10px 0 var(--iw-black);
  --iw-radius: 24px;
  --iw-max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100%;
  background: var(--iw-bg);
  color: var(--iw-black);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}
a { color: inherit; text-decoration: none; }
a:hover { color: var(--iw-pink); }
img { max-width: 100%; height: auto; }
.screen-reader-text {
  border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px;
  overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important;
}

.iw-site {
  min-height: 100vh;
  position: relative;
  isolation: isolate;
  overflow-x: hidden;
}
.iw-site::after {
  content: "INTERNETWISSEN";
  position: fixed;
  right: -42px;
  bottom: 24px;
  z-index: -2;
  color: rgba(0,0,0,.045);
  font-size: clamp(70px, 14vw, 215px);
  line-height: .75;
  letter-spacing: -.085em;
  font-weight: 1000;
  transform: rotate(-3deg);
  white-space: nowrap;
  pointer-events: none;
}
.iw-dots {
  position: fixed;
  left: -90px;
  top: 25%;
  width: 390px;
  height: 390px;
  opacity: .72;
  background-image: radial-gradient(circle, rgba(255,255,255,.95) 0 2.2px, transparent 2.5px);
  background-size: 15px 15px;
  mask-image: radial-gradient(circle at center, #000 0 52%, transparent 69%);
  -webkit-mask-image: radial-gradient(circle at center, #000 0 52%, transparent 69%);
  pointer-events: none;
  z-index: -1;
}

.iw-header {
  width: min(var(--iw-max), calc(100% - clamp(36px, 8vw, 124px)));
  margin: 0 auto;
  padding: clamp(20px, 4vw, 46px) 0 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  position: relative;
  z-index: 20;
}
.iw-logo, .custom-logo-link {
  display: inline-flex;
  align-items: center;
  font-size: clamp(28px, 4vw, 54px);
  line-height: .84;
  letter-spacing: -.07em;
  text-transform: uppercase;
  font-weight: 1000;
}
.iw-logo img, .custom-logo-link img { width: clamp(150px, 18vw, 270px); max-height: 110px; object-fit: contain; display:block; }
.iw-logo-mark { display:inline-block; max-width: 280px; }

.iw-menu-toggle { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; clip-path: inset(50%); }
.iw-burger {
  width: 54px; height: 54px; border: 2px solid var(--iw-black); border-radius: 999px; background: transparent;
  display: grid; place-items: center; cursor: pointer; transition: background .14s ease, transform .14s ease;
}
.iw-burger:hover, .iw-menu-toggle:checked + .iw-burger { background: var(--iw-black); transform: translateY(-1px); }
.iw-burger-lines { width: 22px; display:grid; gap:5px; }
.iw-burger-lines span { display:block; height:2px; background: var(--iw-black); border-radius:999px; transition: background .14s ease, transform .18s ease, opacity .18s ease; }
.iw-burger:hover span, .iw-menu-toggle:checked + .iw-burger span { background: var(--iw-bg); }
.iw-menu-toggle:checked + .iw-burger .iw-burger-lines span:nth-child(1){ transform: translateY(7px) rotate(45deg); }
.iw-menu-toggle:checked + .iw-burger .iw-burger-lines span:nth-child(2){ opacity:0; }
.iw-menu-toggle:checked + .iw-burger .iw-burger-lines span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

.iw-nav {
  position: absolute;
  top: calc(100% - 4px);
  right: 0;
  width: min(340px, calc(100vw - 44px));
  display:grid;
  gap:8px;
  padding:12px;
  border:3px solid var(--iw-black);
  border-radius:24px;
  background: var(--iw-bg);
  box-shadow: var(--iw-shadow);
  transform: translateY(-8px) scale(.98);
  opacity:0; visibility:hidden; pointer-events:none;
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}
.iw-menu-toggle:checked ~ .iw-nav { transform: translateY(0) scale(1); opacity:1; visibility:visible; pointer-events:auto; }
.iw-nav ul { list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.iw-nav a, .iw-pill {
  display:flex; align-items:center; justify-content:space-between; min-height:48px; padding:12px 15px;
  border:2px solid var(--iw-black); border-radius:16px; font-size:13px; font-weight:950; letter-spacing:-.01em;
  text-transform:uppercase; background:rgba(255,255,255,.18); transition:transform .14s ease, background .14s ease, color .14s ease;
}
.iw-nav a::after, .iw-pill::after { content:"›"; color: var(--iw-pink); font-size:22px; line-height:1; }
.iw-nav a:hover, .iw-pill:hover { transform: translateY(-1px); background: var(--iw-black); color: var(--iw-bg); }

.iw-main { width: min(var(--iw-max), calc(100% - clamp(36px, 8vw, 124px))); margin: 0 auto; padding: clamp(30px, 5vw, 70px) 0; }
.iw-hero { min-height: calc(100svh - 190px); display:grid; place-items:center; text-align:center; padding: 28px 0 46px; }
.iw-hero-inner { width:min(100%, 980px); display:grid; justify-items:center; gap:28px; }
.iw-kicker, .iw-tag {
  display:inline-flex; align-items:center; gap:10px; background: var(--iw-black); color: var(--iw-bg); padding:11px 17px;
  border-radius:999px; font-size: clamp(13px, 1.4vw, 17px); font-weight:950; letter-spacing:-.02em; transform: rotate(-1deg);
}
.iw-kicker::after, .iw-tag::after { content:"›››"; color: var(--iw-pink); letter-spacing:-.15em; font-size:1.2em; margin-left:2px; }
.iw-hero-title, .iw-page-title {
  margin:0; font-size: clamp(54px, 10vw, 150px); line-height:.82; letter-spacing:-.075em; text-transform:uppercase; font-weight:1000;
}
.iw-page-title { font-size: clamp(48px, 8vw, 110px); margin-bottom: 20px; }
.iw-hero-text { width:min(720px,100%); margin:0; color: rgba(0,0,0,.72); font-size: clamp(17px,2vw,24px); line-height:1.35; font-weight:760; letter-spacing:-.03em; }
.iw-socials, .iw-button-row { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }
.iw-button, .iw-social {
  display:inline-flex; align-items:center; gap:10px; min-height:54px; padding:14px 20px; border-radius:18px; background: var(--iw-black); color: var(--iw-bg);
  border:2px solid var(--iw-black); font-size:15px; font-weight:1000; letter-spacing:-.02em; box-shadow:0 14px 30px rgba(0,0,0,.16); transition: transform .14s ease, box-shadow .14s ease, background .14s ease, color .14s ease;
}
.iw-button:hover, .iw-social:hover { transform: translateY(-2px); box-shadow:0 18px 36px rgba(0,0,0,.22); color: var(--iw-bg); }
.iw-button--ghost { background: transparent; color: var(--iw-black); }
.iw-button--ghost:hover { background: var(--iw-black); color: var(--iw-bg); }
.iw-social span { color: var(--iw-white); font-size:12px; text-transform:uppercase; letter-spacing:.08em; }

.iw-section-title { margin:0 0 18px; font-size: clamp(36px,5vw,76px); line-height:.9; letter-spacing:-.06em; text-transform:uppercase; font-weight:1000; }
.iw-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:22px; margin: 34px 0; }
.iw-card {
  background: rgba(255,255,255,.32); border:3px solid var(--iw-black); border-radius: var(--iw-radius); padding: 22px; box-shadow: var(--iw-shadow);
  transition: transform .14s ease, box-shadow .14s ease, background .14s ease;
}
.iw-card:hover { transform: translateY(-3px); box-shadow: 14px 14px 0 var(--iw-black); background: rgba(255,255,255,.48); }
.iw-card-thumb { aspect-ratio: 16/10; margin: -8px -8px 18px; overflow:hidden; border:2px solid var(--iw-black); border-radius:18px; background: var(--iw-black); }
.iw-card-thumb img { width:100%; height:100%; object-fit:cover; display:block; filter:saturate(1.08) contrast(1.05); }
.iw-card-meta { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; color: rgba(0,0,0,.7); font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.04em; }
.iw-card-title { margin:0 0 10px; font-size: clamp(22px,2.4vw,34px); line-height:.95; letter-spacing:-.045em; text-transform:uppercase; font-weight:1000; }
.iw-card-excerpt { margin:0; color: rgba(0,0,0,.72); font-size:15px; line-height:1.55; font-weight:620; }
.iw-read-more { display:inline-flex; align-items:center; margin-top:18px; font-size:13px; font-weight:1000; text-transform:uppercase; letter-spacing:.04em; }
.iw-read-more::before { content:"›››"; margin-right:8px; color: var(--iw-pink); letter-spacing:-.16em; }

.iw-content-wrap { display:grid; grid-template-columns: minmax(0, 1fr) 300px; gap:34px; align-items:start; }
.iw-content, .iw-sidebar-box, .iw-comment-box {
  background: var(--iw-paper); border:3px solid var(--iw-black); border-radius: var(--iw-radius); box-shadow: var(--iw-shadow);
}
.iw-content { padding: clamp(24px, 4vw, 54px); }
.iw-content > *:first-child { margin-top:0; }
.iw-content h1, .iw-content h2, .iw-content h3 { letter-spacing:-.04em; line-height:1; }
.iw-content h2::before, .iw-content h3::before { content:"›››"; color: var(--iw-pink); letter-spacing:-.16em; margin-right:8px; }
.iw-content p, .iw-content li { color: rgba(0,0,0,.78); font-size:17px; line-height:1.75; font-weight:560; }
.iw-content a { text-decoration: underline; text-decoration-thickness:2px; text-underline-offset:4px; }
.iw-content blockquote { margin: 28px 0; padding: 18px 22px; border-left: 8px solid var(--iw-pink); background: rgba(255,230,0,.25); font-weight:800; }
.iw-content code { background: rgba(0,0,0,.08); padding:.2em .38em; border-radius:.4em; }
.iw-content pre { overflow:auto; padding:18px; background:#111; color:#fff; border-radius:18px; }
.iw-content .wp-block-button__link { background: var(--iw-black); color: var(--iw-bg); border-radius: 999px; font-weight: 950; text-transform: uppercase; }
.iw-content .wp-block-image img { border:3px solid var(--iw-black); border-radius:22px; box-shadow: 8px 8px 0 var(--iw-black); }

.iw-single-head { display:grid; gap:18px; margin-bottom:30px; }
.iw-single-title { margin:0; font-size: clamp(44px, 7vw, 104px); line-height:.86; letter-spacing:-.07em; text-transform:uppercase; font-weight:1000; }
.iw-single-meta { color: rgba(0,0,0,.68); font-size:13px; font-weight:950; text-transform:uppercase; letter-spacing:.04em; }
.iw-featured { margin: 0 0 28px; overflow:hidden; border:3px solid var(--iw-black); border-radius:24px; box-shadow: var(--iw-shadow); background:#000; }
.iw-featured img { width:100%; display:block; }

.iw-sidebar { display:grid; gap:18px; position:sticky; top:22px; }
.iw-sidebar-box { padding:20px; background: rgba(255,255,255,.34); }
.iw-sidebar-box h2, .iw-sidebar-box .wp-block-heading { margin:0 0 12px; font-size:22px; line-height:1; letter-spacing:-.04em; text-transform:uppercase; font-weight:1000; }
.iw-sidebar-box ul { margin:0; padding-left:18px; }
.iw-sidebar-box li { margin: 7px 0; font-weight:750; }

.iw-pagination { display:flex; justify-content:center; gap:8px; margin:44px 0 0; flex-wrap:wrap; }
.iw-pagination .page-numbers { min-width:42px; min-height:42px; display:grid; place-items:center; border:2px solid var(--iw-black); border-radius:999px; font-weight:950; }
.iw-pagination .current, .iw-pagination a:hover { background: var(--iw-black); color: var(--iw-bg); }

.iw-footer {
  width: min(var(--iw-max), calc(100% - clamp(36px, 8vw, 124px)));
  margin: 0 auto;
  padding: 22px 0 clamp(22px, 4vw, 42px);
  display:flex; justify-content:space-between; align-items:end; gap:18px;
  font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.04em;
}
.iw-footer-menu ul { list-style:none; display:flex; gap:10px; padding:0; margin:0; flex-wrap:wrap; justify-content:flex-end; }
.iw-mini { opacity:.72; }

.search-form { display:flex; gap:8px; }
.search-field { width:100%; min-height:44px; padding: 10px 14px; border:2px solid var(--iw-black); border-radius:999px; background:rgba(255,255,255,.55); font:inherit; font-weight:700; }
.search-submit { min-height:44px; padding: 8px 14px; border:2px solid var(--iw-black); border-radius:999px; background: var(--iw-black); color: var(--iw-bg); font-weight:950; cursor:pointer; }

.iw-empty { padding:30px; border:3px dashed var(--iw-black); border-radius:24px; background:rgba(255,255,255,.28); font-weight:800; }

@media (max-width: 900px) {
  .iw-grid { grid-template-columns: 1fr 1fr; }
  .iw-content-wrap { grid-template-columns: 1fr; }
  .iw-sidebar { position: static; }
}
@media (max-width: 660px) {
  .iw-header, .iw-main, .iw-footer { width: calc(100% - 36px); }
  .iw-header { padding-top:18px; align-items:flex-start; }
  .iw-logo img, .custom-logo-link img { width:150px; }
  .iw-burger { width:48px; height:48px; }
  .iw-hero { min-height: calc(100svh - 160px); }
  .iw-grid { grid-template-columns:1fr; }
  .iw-socials, .iw-button-row { width:100%; display:grid; grid-template-columns:1fr; }
  .iw-social, .iw-button { justify-content:center; }
  .iw-footer { flex-direction:column; align-items:flex-start; }
  .iw-footer-menu ul { justify-content:flex-start; }
  .iw-card, .iw-content, .iw-sidebar-box { box-shadow: 7px 7px 0 var(--iw-black); }
}

/* Anpassungen: sidebarfrei, kompaktere Onpage-Titel, bessere Beitragsbilder */
.iw-header {
  padding: clamp(14px, 2.6vw, 32px) 0 8px;
}

.iw-main {
  padding: clamp(18px, 3.2vw, 48px) 0 clamp(34px, 5vw, 70px);
}

.home .iw-main,
.front-page .iw-main {
  padding-top: 0;
}

.iw-page-title {
  font-size: clamp(34px, 5.4vw, 72px);
  line-height: .92;
  letter-spacing: -.055em;
  margin-bottom: 16px;
}

.iw-content-wrap,
.iw-content-wrap--single {
  display: block;
  width: min(920px, 100%);
  margin: 0 auto;
}

.iw-content {
  width: 100%;
}

.iw-single-head {
  gap: 12px;
  margin-bottom: 22px;
}

.iw-single-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.iw-reading-time {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 6px 10px;
  border: 2px solid var(--iw-pink);
  border-radius: 999px;
  background: rgba(255, 10, 138, .1);
  color: var(--iw-pink);
  font-weight: 1000;
  line-height: 1;
  box-shadow: 3px 3px 0 rgba(255, 10, 138, .2);
}

.iw-meta-separator {
  color: rgba(0,0,0,.32);
}


.iw-single-title {
  font-size: clamp(32px, 5vw, 64px);
  line-height: .95;
  letter-spacing: -.055em;
}

.page .iw-single-title {
  font-size: clamp(34px, 5vw, 62px);
}

.iw-featured {
  margin: 0 0 30px;
}

.iw-featured img {
  width: 100%;
  max-height: 520px;
  object-fit: cover;
}

.iw-card {
  overflow: hidden;
}

.iw-card-thumb {
  display: block;
}

.iw-card-thumb img {
  transition: transform .18s ease;
}

.iw-card:hover .iw-card-thumb img {
  transform: scale(1.035);
}

.iw-content .wp-caption,
.iw-content figure.wp-block-image,
.iw-content figure.wp-block-gallery,
.iw-content .wp-block-embed {
  margin-top: 28px;
  margin-bottom: 28px;
}

.iw-content figcaption,
.iw-content .wp-caption-text {
  margin-top: 10px;
  color: rgba(0,0,0,.62);
  font-size: 13px;
  line-height: 1.45;
  font-weight: 700;
}

.iw-sidebar,
.iw-sidebar-box {
  display: none !important;
}

@media (max-width: 660px) {
  .iw-header { padding-top: 14px; padding-bottom: 4px; }
  .iw-main { padding-top: 16px; }
  .iw-single-title { font-size: clamp(30px, 10vw, 46px); }
  .iw-page-title { font-size: clamp(32px, 12vw, 54px); }
  .iw-featured img { max-height: 360px; }
}

/* v1.2: breitere Beitragsseiten, Kapitel-Fenster, Desktop-Floating-Boxen und Startseiten-Erweiterungen */
.iw-main--post {
  width: min(1380px, calc(100% - clamp(36px, 6vw, 96px)));
}

.iw-post-shell {
  display: grid;
  grid-template-columns: minmax(0, 1040px) 240px;
  gap: clamp(24px, 3vw, 42px);
  align-items: start;
  width: 100%;
  max-width: 1320px;
  position: relative;
}

.iw-content-wrap--single .iw-content--single {
  max-width: 1040px;
}

.iw-content--single {
  padding-left: clamp(28px, 4.2vw, 64px);
  padding-right: clamp(28px, 4.2vw, 64px);
}

.iw-content--single p,
.iw-content--single li {
  font-size: clamp(17px, 1.38vw, 19px);
}

.iw-post-toc {
  position: sticky;
  top: 24px;
  align-self: start;
}

.iw-post-toc__inner {
  padding: 16px;
  border: 3px solid var(--iw-black);
  border-radius: 22px;
  background: var(--iw-bg);
  box-shadow: 8px 8px 0 var(--iw-black);
  transform: rotate(.7deg);
}

.iw-post-toc__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 11px;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.iw-post-toc__eyebrow::before {
  content: "›››";
  color: var(--iw-pink);
  letter-spacing: -.16em;
}

.iw-post-toc ol {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: iw-toc;
}

.iw-post-toc li {
  counter-increment: iw-toc;
}

.iw-post-toc a {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  padding: 9px 10px;
  border: 2px solid transparent;
  border-radius: 14px;
  color: var(--iw-black);
  font-size: 13px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -.015em;
  text-decoration: none;
  transition: background .14s ease, border-color .14s ease, transform .14s ease;
}

.iw-post-toc a::before {
  content: counter(iw-toc, decimal-leading-zero);
  color: var(--iw-pink);
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: -.03em;
}

.iw-post-toc a:hover,
.iw-post-toc a.is-active {
  background: rgba(255,255,255,.35);
  border-color: var(--iw-black);
  transform: translateX(-2px);
  color: var(--iw-black);
}

.iw-anchor-heading {
  scroll-margin-top: 22px;
}

.iw-floating-notes {
  display: none;
}

.iw-float-note {
  position: fixed;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 190px;
  min-height: 42px;
  padding: 10px 14px;
  border: 3px solid var(--iw-black);
  border-radius: 999px;
  background: rgba(255,255,255,.76);
  color: var(--iw-black);
  box-shadow: 7px 7px 0 var(--iw-black);
  font-size: 12px;
  line-height: 1.05;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: -.02em;
  pointer-events: none;
  user-select: none;
}

.iw-float-note::after {
  content: "›››";
  margin-left: 8px;
  color: var(--iw-pink);
  letter-spacing: -.16em;
}

.iw-float-note--1 { left: max(18px, calc((100vw - 1380px) / 2 + 6px)); top: 25vh; transform: rotate(-7deg); }
.iw-float-note--2 { right: max(18px, calc((100vw - 1380px) / 2 + 4px)); top: 22vh; transform: rotate(5deg); }
.iw-float-note--3 { left: max(24px, calc((100vw - 1380px) / 2 + 28px)); top: 47vh; transform: rotate(4deg); }
.iw-float-note--4 { right: max(24px, calc((100vw - 1380px) / 2 + 16px)); top: 48vh; transform: rotate(-6deg); }
.iw-float-note--5 { left: max(20px, calc((100vw - 1380px) / 2 + 2px)); top: 69vh; transform: rotate(-2deg); }
.iw-float-note--6 { right: max(28px, calc((100vw - 1380px) / 2 + 30px)); top: 70vh; transform: rotate(7deg); }

.iw-marquee {
  margin: 4px 0 clamp(26px, 4vw, 54px);
  overflow: hidden;
  border-block: 3px solid var(--iw-black);
  background: var(--iw-black);
  color: var(--iw-bg);
  transform: rotate(-.4deg);
}

.iw-marquee-track {
  display: flex;
  width: max-content;
  animation: iw-marquee 24s linear infinite;
}

.iw-marquee-track span {
  flex: 0 0 auto;
  padding: 13px 22px;
  font-size: clamp(17px, 2.4vw, 34px);
  line-height: 1;
  font-weight: 1000;
  letter-spacing: -.055em;
  text-transform: uppercase;
  white-space: nowrap;
}

@keyframes iw-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.iw-home-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: center;
  margin: 0 0 clamp(34px, 5vw, 70px);
  padding: clamp(22px, 3vw, 34px);
  border: 3px solid var(--iw-black);
  border-radius: 28px;
  background: rgba(255,255,255,.33);
  box-shadow: var(--iw-shadow);
}

.iw-home-panel h2 {
  margin: 0 0 10px;
  font-size: clamp(34px, 4.8vw, 72px);
  line-height: .9;
  letter-spacing: -.06em;
  text-transform: uppercase;
  font-weight: 1000;
}

.iw-home-panel p {
  max-width: 780px;
  margin: 0;
  color: rgba(0,0,0,.72);
  font-size: clamp(16px, 1.8vw, 22px);
  line-height: 1.35;
  font-weight: 760;
  letter-spacing: -.025em;
}

@media (min-width: 1220px) {
  .single-post .iw-floating-notes { display: block; }
}

@media (max-width: 1180px) {
  .iw-main--post { width: min(var(--iw-max), calc(100% - clamp(36px, 8vw, 124px))); }
  .iw-post-shell { display: block; width: min(1040px, 100%); }
  .iw-post-toc { position: static; margin: 22px 0 0; }
  .iw-post-toc__inner { transform: none; }
}

@media (max-width: 760px) {
  .iw-home-panel { grid-template-columns: 1fr; }
  .iw-home-panel .iw-button { width: 100%; justify-content: center; }
  .iw-post-toc { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .iw-marquee-track { animation: none; }
}

/* v1.3: stabilisiertes Beitragslayout, echtes Floating-Kapitelpanel und feinere Startseiten-/Global-Features */
.single-post .iw-main--post {
  width: min(1160px, calc(100% - clamp(34px, 7vw, 118px)));
  padding-top: clamp(12px, 2.2vw, 34px);
}

.single-post .iw-post-shell {
  display: block;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  position: relative;
}

.single-post .iw-content-wrap--single .iw-content--single,
.single-post .iw-content--single {
  max-width: 1120px;
  margin: 0 auto;
  padding-left: clamp(30px, 4.6vw, 72px);
  padding-right: clamp(30px, 4.6vw, 72px);
}

.single-post .iw-single-title {
  max-width: 980px;
}

.single-post .iw-featured {
  border-radius: 28px;
  margin-bottom: clamp(28px, 3vw, 42px);
}

.single-post .iw-featured img {
  max-height: 620px;
  object-fit: cover;
}

.single-post .iw-content--single h2 {
  margin-top: clamp(38px, 5vw, 68px);
  padding-top: 4px;
  font-size: clamp(28px, 3.6vw, 48px);
  line-height: .96;
  letter-spacing: -.055em;
  text-transform: uppercase;
}

.single-post .iw-content--single h3 {
  margin-top: 34px;
  font-size: clamp(22px, 2.4vw, 32px);
}

.single-post .iw-content--single p,
.single-post .iw-content--single li {
  font-size: clamp(18px, 1.22vw, 20px);
}

.single-post .iw-post-toc {
  position: sticky;
  top: 12px;
  z-index: 8;
  width: min(100%, 1120px);
  margin: 0 auto 18px;
}

.single-post .iw-post-toc__inner {
  width: 100%;
  padding: 12px 14px;
  border-radius: 20px;
  background: rgba(255, 230, 0, .96);
  box-shadow: 7px 7px 0 var(--iw-black);
  transform: rotate(-.35deg);
}

.single-post .iw-post-toc__eyebrow {
  margin-bottom: 9px;
}

.single-post .iw-post-toc ol {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: thin;
  padding-bottom: 2px;
}

.single-post .iw-post-toc li {
  flex: 0 0 auto;
  max-width: 260px;
}

.single-post .iw-post-toc a {
  min-height: 42px;
  background: rgba(255,255,255,.25);
  border-color: rgba(0,0,0,.12);
  white-space: normal;
}

@media (min-width: 1680px) {
  .single-post .iw-post-toc {
    position: fixed;
    top: clamp(118px, 12vh, 154px);
    right: clamp(24px, calc((100vw - 1160px) / 2 - 278px), 76px);
    width: 248px;
    margin: 0;
  }

  .single-post .iw-post-toc__inner {
    padding: 16px;
    transform: rotate(.7deg);
  }

  .single-post .iw-post-toc ol {
    display: grid;
    gap: 8px;
    overflow: visible;
    padding-bottom: 0;
  }

  .single-post .iw-post-toc li {
    max-width: none;
  }

  .single-post .iw-post-toc a:hover,
  .single-post .iw-post-toc a.is-active {
    transform: translateX(-3px) rotate(-.4deg);
  }

  .single-post .iw-floating-notes { display: block; }

  .single-post .iw-float-note {
    z-index: 5;
  }

  .single-post .iw-float-note--1 { left: clamp(18px, calc((100vw - 1160px) / 2 - 256px), 80px); top: 24vh; transform: rotate(-7deg); }
  .single-post .iw-float-note--2 { right: clamp(28px, calc((100vw - 1160px) / 2 - 252px), 82px); top: 43vh; transform: rotate(5deg); }
  .single-post .iw-float-note--3 { left: clamp(30px, calc((100vw - 1160px) / 2 - 224px), 110px); top: 48vh; transform: rotate(4deg); }
  .single-post .iw-float-note--4 { right: clamp(32px, calc((100vw - 1160px) / 2 - 238px), 108px); top: 60vh; transform: rotate(-6deg); }
  .single-post .iw-float-note--5 { left: clamp(22px, calc((100vw - 1160px) / 2 - 260px), 92px); top: 70vh; transform: rotate(-2deg); }
  .single-post .iw-float-note--6 { right: clamp(36px, calc((100vw - 1160px) / 2 - 218px), 128px); top: 78vh; transform: rotate(7deg); }
}

@media (max-width: 1679px) {
  .single-post .iw-floating-notes { display: none !important; }
}

@media (max-width: 760px) {
  .single-post .iw-main--post { width: calc(100% - 32px); }
  .single-post .iw-post-toc { display: none; }
  .single-post .iw-content--single { padding-left: 22px; padding-right: 22px; }
}

.iw-reading-progress {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 6px;
  background: transparent;
  pointer-events: none;
}

.iw-reading-progress span {
  display: block;
  width: 0;
  height: 100%;
  background: var(--iw-pink);
  box-shadow: 0 2px 0 var(--iw-black);
  transition: width .08s linear;
}

.iw-topic-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin: -22px 0 clamp(34px, 5vw, 70px);
}

.iw-topic-chip {
  display: inline-flex;
  align-items: center;
  min-height: 46px;
  padding: 10px 15px;
  border: 2px solid var(--iw-black);
  border-radius: 999px;
  background: rgba(255,255,255,.28);
  color: var(--iw-black);
  box-shadow: 5px 5px 0 var(--iw-black);
  font-size: 13px;
  line-height: 1;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .02em;
  transition: transform .14s ease, background .14s ease, color .14s ease, box-shadow .14s ease;
}

.iw-topic-chip::before {
  content: "›››";
  margin-right: 8px;
  color: var(--iw-pink);
  letter-spacing: -.16em;
}

.iw-topic-chip:hover {
  transform: translateY(-2px) rotate(-1deg);
  background: var(--iw-black);
  color: var(--iw-bg);
  box-shadow: 8px 8px 0 var(--iw-black);
}

.iw-home-panel {
  position: relative;
  overflow: hidden;
}

.iw-home-panel::after {
  content: "MERKEN";
  position: absolute;
  right: -18px;
  bottom: -20px;
  color: rgba(0,0,0,.055);
  font-size: clamp(70px, 10vw, 150px);
  line-height: .8;
  font-weight: 1000;
  letter-spacing: -.08em;
  transform: rotate(-4deg);
  pointer-events: none;
}

/* v1.4: Desktop-Menü, saubere Beitragsarchitektur, linke Floating-Notizen, scrollbares Kapitelpanel */
@media (min-width: 901px) {
  .iw-header {
    align-items: center;
  }

  .iw-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
  }

  .iw-burger,
  .iw-menu-toggle {
    display: none !important;
  }

  .iw-nav {
    position: static;
    width: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .iw-nav ul {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .iw-nav li {
    position: relative;
  }

  .iw-nav a,
  .iw-pill {
    min-height: 42px;
    padding: 10px 14px;
    border: 2px solid var(--iw-black);
    border-radius: 999px;
    background: rgba(255,255,255,.18);
    font-size: 12px;
    line-height: 1;
    box-shadow: 4px 4px 0 rgba(0,0,0,.18);
  }

  .iw-nav a::after,
  .iw-pill::after {
    content: none;
  }

  .iw-nav .menu-item-has-children > a::after {
    content: "›";
    display: inline-block;
    margin-left: 8px;
    color: var(--iw-pink);
    font-size: 18px;
    line-height: 0;
    transform: rotate(90deg) translateX(1px);
  }

  .iw-nav .sub-menu {
    position: absolute;
    top: calc(100% + 9px);
    left: 0;
    z-index: 50;
    min-width: 230px;
    display: grid;
    gap: 7px;
    padding: 10px;
    border: 3px solid var(--iw-black);
    border-radius: 20px;
    background: var(--iw-bg);
    box-shadow: 9px 9px 0 var(--iw-black);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-6px) rotate(-.4deg);
    transition: opacity .14s ease, transform .14s ease, visibility .14s ease;
  }

  .iw-nav li:hover > .sub-menu,
  .iw-nav li:focus-within > .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) rotate(-.4deg);
  }

  .iw-nav .sub-menu .sub-menu {
    top: -10px;
    left: calc(100% + 9px);
  }

  .iw-nav .sub-menu a {
    width: 100%;
    justify-content: space-between;
    border-radius: 14px;
    background: rgba(255,255,255,.24);
    box-shadow: none;
    line-height: 1.15;
  }
}

.single-post .iw-main--post {
  width: min(1200px, calc(100% - clamp(34px, 7vw, 118px)));
}

.single-post .iw-post-shell {
  max-width: 1180px;
}

.single-post .iw-content-wrap--single .iw-content--single,
.single-post .iw-content--single,
.single-post .iw-featured--postwide {
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

.single-post .iw-featured--postwide {
  margin-top: 0;
  margin-bottom: 18px;
}

.single-post .iw-featured--postwide img {
  width: 100%;
  max-height: 610px;
  object-fit: cover;
  display: block;
}

.single-post .iw-content--single h2 {
  font-size: clamp(22px, 2.45vw, 34px);
  line-height: 1.02;
  letter-spacing: -.045em;
  margin-top: clamp(30px, 4vw, 48px);
}

.single-post .iw-anchor-heading {
  scroll-margin-top: 86px;
}

.single-post .iw-post-toc__inner {
  overflow: hidden;
}

.single-post .iw-post-toc ol {
  max-height: min(48vh, 440px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 5px;
  scrollbar-width: thin;
}

.single-post .iw-post-toc ol::-webkit-scrollbar {
  width: 8px;
}

.single-post .iw-post-toc ol::-webkit-scrollbar-thumb {
  background: var(--iw-black);
  border-radius: 999px;
}

@media (min-width: 1380px) {
  .single-post .iw-post-toc {
    position: fixed;
    top: clamp(108px, 11vh, 146px);
    right: max(18px, calc((100vw - 1180px) / 2 - 286px));
    z-index: 18;
    width: 260px;
    margin: 0;
  }

  .single-post .iw-post-toc__inner {
    max-height: calc(100svh - 150px);
    padding: 16px;
    transform: rotate(.7deg);
  }

  .single-post .iw-post-toc ol {
    display: grid;
    gap: 8px;
    max-height: calc(100svh - 230px);
    padding-bottom: 0;
  }

  .single-post .iw-post-toc li {
    max-width: none;
  }

  .single-post .iw-post-toc a {
    min-height: 0;
  }
}

@media (min-width: 1520px) {
  .single-post .iw-floating-notes {
    display: block !important;
  }

  .single-post .iw-float-note {
    left: max(18px, calc((100vw - 1180px) / 2 - 284px));
    right: auto !important;
    z-index: 12;
    max-width: 205px;
    background: rgba(255,255,255,.82);
  }

  .single-post .iw-float-note--1 {
    top: 26vh;
    transform: rotate(-7deg);
  }

  .single-post .iw-float-note--2 {
    top: 45vh;
    transform: translateX(36px) rotate(4deg);
  }

  .single-post .iw-float-note--3 {
    top: 66vh;
    transform: translateX(8px) rotate(-3deg);
  }

  .single-post .iw-float-note:nth-child(n+4) {
    display: none !important;
  }
}

@media (min-width: 1520px) {
  .single-post .iw-header .iw-logo-wrap {
    position: fixed;
    top: clamp(18px, 3vh, 34px);
    left: max(18px, calc((100vw - 1180px) / 2 - 284px));
    z-index: 28;
    max-width: 220px;
  }

  .single-post .iw-header .custom-logo-link img,
  .single-post .iw-header .iw-logo img {
    width: clamp(130px, 10vw, 188px);
    max-height: 82px;
    filter: drop-shadow(4px 4px 0 rgba(0,0,0,.16));
  }

  .single-post .iw-header {
    pointer-events: none;
  }

  .single-post .iw-header .iw-menu,
  .single-post .iw-header .iw-logo-wrap {
    pointer-events: auto;
  }
}

@media (max-width: 1379px) and (min-width: 761px) {
  .single-post .iw-post-toc {
    position: sticky;
    top: 10px;
    z-index: 18;
    width: min(100%, 1180px);
    margin: 0 auto 16px;
  }

  .single-post .iw-post-toc ol {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    max-height: none;
  }

  .single-post .iw-post-toc li {
    flex: 0 0 auto;
    max-width: 260px;
  }
}

@media (max-width: 900px) {
  .iw-nav .sub-menu {
    margin-top: 8px;
    padding-left: 12px;
  }

  .iw-nav .sub-menu a {
    background: rgba(255,255,255,.12);
  }
}

@media (max-width: 760px) {
  .single-post .iw-featured--postwide {
    margin-bottom: 14px;
    border-radius: 20px;
  }

  .single-post .iw-content--single h2 {
    font-size: clamp(21px, 7vw, 30px);
  }
}


/* v1.5: angedocktes, einklappbares Kapitelpanel und stärkeres Beitrags-Logo */
.single-post .iw-content-wrap--single.iw-post-shell {
  isolation: isolate;
}

.single-post .iw-post-toc {
  --iw-toc-width: 286px;
}

.single-post .iw-post-toc__inner {
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(255,230,0,.98), rgba(255,255,255,.72));
  box-shadow: 10px 10px 0 var(--iw-black), 0 18px 34px rgba(0,0,0,.14);
}

.single-post .iw-post-toc__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.single-post .iw-post-toc__eyebrow {
  margin-bottom: 0;
}

.single-post .iw-post-toc__toggle {
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  border: 2px solid var(--iw-black);
  border-radius: 999px;
  background: var(--iw-black);
  color: var(--iw-bg);
  cursor: pointer;
  box-shadow: 3px 3px 0 rgba(0,0,0,.18);
  transition: transform .14s ease, background .14s ease, color .14s ease;
}

.single-post .iw-post-toc__toggle:hover,
.single-post .iw-post-toc__toggle:focus-visible {
  transform: translateY(-1px) rotate(-4deg);
  background: var(--iw-pink);
  color: var(--iw-white);
  outline: none;
}

.single-post .iw-post-toc__toggle span,
.single-post .iw-post-toc__toggle span::before {
  content: "";
  display: block;
  width: 14px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.single-post .iw-post-toc__toggle span::before {
  transform: rotate(90deg);
  transition: transform .16s ease, opacity .16s ease;
}

.single-post .iw-post-toc:not(.is-collapsed) .iw-post-toc__toggle span::before {
  opacity: 0;
  transform: rotate(0deg);
}

.single-post .iw-post-toc ol {
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--iw-black) rgba(255,255,255,.65);
}

.single-post .iw-post-toc ol::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.single-post .iw-post-toc ol::-webkit-scrollbar-track {
  background: rgba(255,255,255,.65);
  border: 2px solid rgba(0,0,0,.16);
  border-radius: 999px;
}

.single-post .iw-post-toc ol::-webkit-scrollbar-thumb {
  min-height: 40px;
  background: var(--iw-black);
  border: 2px solid var(--iw-bg);
  border-radius: 999px;
}

.single-post .iw-post-toc ol::-webkit-scrollbar-thumb:hover {
  background: var(--iw-pink);
}

.single-post .iw-post-toc.is-collapsed .iw-post-toc__inner {
  width: max-content;
  max-width: var(--iw-toc-width);
}

.single-post .iw-post-toc.is-collapsed .iw-post-toc__head {
  margin-bottom: 0;
}

.single-post .iw-post-toc.is-collapsed ol {
  display: none !important;
}

.single-post .iw-post-toc.is-collapsed .iw-post-toc__eyebrow::after {
  content: " anzeigen";
  color: rgba(0,0,0,.58);
  font-weight: 900;
  letter-spacing: .02em;
}

.single-post .iw-content--single h2 {
  font-size: clamp(21px, 2vw, 30px);
  line-height: 1.08;
  letter-spacing: -.035em;
}

@media (min-width: 1520px) {
  .single-post .iw-header .iw-logo-wrap {
    top: clamp(48px, 6vh, 76px);
    left: max(22px, calc((100vw - 1180px) / 2 - 304px));
    max-width: 260px;
  }

  .single-post .iw-header .custom-logo-link img,
  .single-post .iw-header .iw-logo img {
    width: clamp(168px, 12vw, 238px);
    max-height: 112px;
  }

  .single-post .iw-post-toc {
    position: fixed;
    top: clamp(122px, 14vh, 172px);
    right: max(22px, calc((100vw - 1180px) / 2 - 308px));
    width: var(--iw-toc-width);
    z-index: 22;
    margin: 0;
  }

  .single-post .iw-post-toc__inner {
    max-height: calc(100svh - 184px);
    padding: 17px;
    transform: rotate(.45deg);
  }

  .single-post .iw-post-toc ol {
    display: grid;
    gap: 9px;
    max-height: calc(100svh - 284px);
    padding: 0 8px 0 0;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .single-post .iw-post-toc a {
    border-color: rgba(0,0,0,.14);
    background: rgba(255,255,255,.38);
  }
}

@media (max-width: 1519px) and (min-width: 761px) {
  .single-post .iw-post-toc {
    position: sticky;
    top: 12px;
    z-index: 24;
    width: min(100%, 1180px);
    margin: 0 auto 16px;
  }

  .single-post .iw-post-toc__inner {
    transform: none;
    padding: 12px 14px;
  }

  .single-post .iw-post-toc ol {
    display: flex;
    gap: 8px;
    max-height: none;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 8px;
  }

  .single-post .iw-post-toc li {
    flex: 0 0 auto;
    max-width: 270px;
  }
}

@media (max-width: 900px) {
  .single-post .iw-post-toc__toggle {
    display: none;
  }
}

/* v1.6: Kapitelpanel direkt rechts an die Beitragsbox andocken, ohne Artikelposition zu verändern */
@media (min-width: 1500px) {
  .single-post .iw-post-toc {
    position: fixed !important;
    top: clamp(118px, 13vh, 168px) !important;
    left: calc(50% + 590px) !important;
    right: auto !important;
    width: 292px !important;
    margin: 0 !important;
    z-index: 24 !important;
    pointer-events: auto;
  }

  .single-post .iw-post-toc__inner {
    position: relative;
    width: 100%;
    max-height: calc(100svh - 150px);
    padding: 16px 14px 16px 16px;
    overflow: hidden;
    transform: none !important;
    background: var(--iw-white) !important;
    border: 3px solid var(--iw-black);
    border-left: 0;
    border-radius: 0 26px 26px 0;
    box-shadow: 9px 9px 0 var(--iw-black);
  }

  .single-post .iw-post-toc__inner::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 9px;
    background: var(--iw-pink);
    border-right: 3px solid var(--iw-black);
    pointer-events: none;
  }

  .single-post .iw-post-toc__head {
    position: sticky;
    top: 0;
    z-index: 2;
    margin: -2px 0 12px;
    padding: 0 0 12px 13px;
    background: var(--iw-white);
    border-bottom: 2px solid rgba(0,0,0,.14);
  }

  .single-post .iw-post-toc__eyebrow {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    gap: 7px;
    margin: 0;
    padding: 7px 11px;
    border: 2px solid var(--iw-black);
    border-radius: 999px;
    background: var(--iw-bg);
    color: var(--iw-black);
    box-shadow: 3px 3px 0 var(--iw-black);
    font-size: 11px;
    line-height: 1;
  }

  .single-post .iw-post-toc__toggle {
    width: 34px;
    height: 34px;
    background: var(--iw-pink);
    color: var(--iw-white);
    border-color: var(--iw-black);
    box-shadow: 3px 3px 0 var(--iw-black);
  }

  .single-post .iw-post-toc__toggle:hover,
  .single-post .iw-post-toc__toggle:focus-visible {
    background: var(--iw-black);
    color: var(--iw-bg);
    transform: translateY(-1px);
  }

  .single-post .iw-post-toc ol {
    display: grid !important;
    gap: 8px;
    max-height: calc(100svh - 252px) !important;
    margin: 0;
    padding: 0 6px 2px 13px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin;
    scrollbar-color: var(--iw-pink) rgba(0,0,0,.10);
  }

  .single-post .iw-post-toc li {
    max-width: none !important;
    width: 100%;
  }

  .single-post .iw-post-toc a {
    min-height: 42px;
    padding: 10px 10px;
    border: 2px solid rgba(0,0,0,.13);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 2px 0 rgba(0,0,0,.10);
    font-size: 13px;
    line-height: 1.18;
  }

  .single-post .iw-post-toc a::before {
    color: var(--iw-pink);
  }

  .single-post .iw-post-toc a:hover,
  .single-post .iw-post-toc a.is-active {
    background: var(--iw-black) !important;
    border-color: var(--iw-black) !important;
    color: var(--iw-bg) !important;
    transform: translateX(3px) !important;
  }

  .single-post .iw-post-toc a:hover::before,
  .single-post .iw-post-toc a.is-active::before {
    color: var(--iw-pink);
  }

  .single-post .iw-post-toc ol::-webkit-scrollbar {
    width: 12px;
  }

  .single-post .iw-post-toc ol::-webkit-scrollbar-track {
    background: rgba(0,0,0,.08);
    border: 2px solid var(--iw-white);
    border-radius: 999px;
  }

  .single-post .iw-post-toc ol::-webkit-scrollbar-thumb {
    background: var(--iw-pink);
    border: 3px solid var(--iw-white);
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px var(--iw-black);
  }

  .single-post .iw-post-toc ol::-webkit-scrollbar-thumb:hover {
    background: var(--iw-black);
  }

  .single-post .iw-post-toc.is-collapsed .iw-post-toc__inner {
    width: auto;
    min-width: 184px;
    max-width: 292px;
    padding-right: 14px;
  }

  .single-post .iw-post-toc.is-collapsed .iw-post-toc__head {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }

  .single-post .iw-post-toc.is-collapsed ol {
    display: none !important;
  }
}

@media (max-width: 1499px) and (min-width: 761px) {
  .single-post .iw-post-toc {
    position: sticky !important;
    top: 8px !important;
    width: min(100%, 1180px) !important;
    margin: 0 auto 14px !important;
    left: auto !important;
    right: auto !important;
  }

  .single-post .iw-post-toc__inner {
    transform: none !important;
    background: var(--iw-white) !important;
    border: 3px solid var(--iw-black);
    border-radius: 22px;
    box-shadow: 7px 7px 0 var(--iw-black);
  }

  .single-post .iw-post-toc ol {
    display: flex !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    max-height: none !important;
    padding-bottom: 8px;
  }
}

/* v1.7: artikelgebundene Kapitelbox – kein page-weites Fixed-Sticky mehr */
@media (min-width: 1500px) {
  .single-post .iw-content-wrap--single.iw-post-shell {
    position: relative;
    overflow: visible;
  }

  .single-post .iw-post-toc {
    --iw-toc-width: 268px;
    position: absolute !important;
    top: var(--iw-toc-dock-top, 28px) !important;
    left: calc(100% - 1px) !important;
    right: auto !important;
    width: var(--iw-toc-width) !important;
    margin: 0 !important;
    z-index: 18 !important;
    pointer-events: auto;
  }

  .single-post .iw-post-toc.is-js-sticky {
    position: fixed !important;
    top: var(--iw-toc-sticky-top, 126px) !important;
    left: var(--iw-toc-left, auto) !important;
  }

  .single-post .iw-post-toc.is-js-bottom {
    position: absolute !important;
    top: var(--iw-toc-bottom-top, var(--iw-toc-dock-top, 28px)) !important;
    left: calc(100% - 1px) !important;
  }

  .single-post .iw-post-toc__inner {
    width: 100%;
    max-height: min(540px, calc(100svh - 164px));
    padding: 14px 12px 14px 13px;
    overflow: hidden;
    transform: none !important;
    background: var(--iw-white) !important;
    border: 3px solid var(--iw-black);
    border-left: 3px solid var(--iw-pink);
    border-radius: 0 22px 22px 0;
    box-shadow: 7px 7px 0 var(--iw-black);
  }

  .single-post .iw-post-toc__inner::before {
    display: none !important;
  }

  .single-post .iw-post-toc__head {
    position: static;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 10px;
    padding: 0 0 10px;
    background: transparent;
    border-bottom: 1px solid rgba(0,0,0,.14);
  }

  .single-post .iw-post-toc__eyebrow {
    min-height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--iw-black);
    box-shadow: none;
    font-size: 11px;
    line-height: 1;
    font-weight: 1000;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .single-post .iw-post-toc__toggle {
    width: 28px;
    height: 28px;
    border: 2px solid var(--iw-black);
    border-radius: 999px;
    background: var(--iw-pink);
    color: var(--iw-white);
    box-shadow: 2px 2px 0 var(--iw-black);
  }

  .single-post .iw-post-toc__toggle:hover,
  .single-post .iw-post-toc__toggle:focus-visible {
    background: var(--iw-black);
    color: var(--iw-bg);
    transform: translateY(-1px);
  }

  .single-post .iw-post-toc ol {
    display: grid !important;
    gap: 2px;
    max-height: min(430px, calc(100svh - 248px)) !important;
    margin: 0;
    padding: 0 7px 0 0;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    counter-reset: iw-toc;
    scrollbar-width: thin;
    scrollbar-color: var(--iw-pink) rgba(0,0,0,.08);
  }

  .single-post .iw-post-toc li {
    width: 100%;
    max-width: none !important;
    counter-increment: iw-toc;
  }

  .single-post .iw-post-toc a {
    min-height: 0;
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 8px 9px;
    border: 0 !important;
    border-radius: 12px;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--iw-black);
    font-size: 12.5px;
    line-height: 1.22;
    font-weight: 850;
    letter-spacing: -.015em;
    text-decoration: none;
    transform: none !important;
  }

  .single-post .iw-post-toc a::before {
    content: counter(iw-toc, decimal-leading-zero);
    flex: 0 0 auto;
    min-width: 23px;
    color: var(--iw-pink);
    font-size: 10px;
    line-height: 1.5;
    font-weight: 1000;
    letter-spacing: -.03em;
  }

  .single-post .iw-post-toc a:hover,
  .single-post .iw-post-toc a.is-active {
    background: rgba(255,10,138,.10) !important;
    color: var(--iw-black) !important;
    transform: none !important;
  }

  .single-post .iw-post-toc a:hover::before,
  .single-post .iw-post-toc a.is-active::before {
    color: var(--iw-black);
  }

  .single-post .iw-post-toc ol::-webkit-scrollbar {
    width: 8px;
  }

  .single-post .iw-post-toc ol::-webkit-scrollbar-track {
    background: rgba(0,0,0,.06);
    border: 0;
    border-radius: 999px;
  }

  .single-post .iw-post-toc ol::-webkit-scrollbar-thumb {
    background: var(--iw-pink);
    border: 2px solid var(--iw-white);
    border-radius: 999px;
    box-shadow: none;
  }

  .single-post .iw-post-toc ol::-webkit-scrollbar-thumb:hover {
    background: var(--iw-black);
  }

  .single-post .iw-post-toc.is-collapsed .iw-post-toc__inner {
    width: auto;
    min-width: 142px;
    max-width: var(--iw-toc-width);
    padding: 12px 11px 12px 12px;
  }

  .single-post .iw-post-toc.is-collapsed .iw-post-toc__head {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }

  .single-post .iw-post-toc.is-collapsed ol {
    display: none !important;
  }

  .single-post .iw-post-toc.is-collapsed .iw-post-toc__eyebrow::after {
    content: "";
  }
}

/* v1.8: seriöser Header, Suche, Cards, Back-to-top und verfeinerte Kapitelvorschau */
.iw-header {
  align-items: center;
  gap: clamp(18px, 3vw, 34px);
}

.iw-logo-wrap {
  flex: 0 0 auto;
}

.iw-logo,
.custom-logo-link {
  transition: transform .18s ease, filter .18s ease;
  transform-origin: left center;
}

.iw-logo:hover,
.custom-logo-link:hover {
  transform: rotate(-1.4deg) translateY(-2px) scale(1.035);
  filter: drop-shadow(4px 4px 0 rgba(0,0,0,.16));
  color: var(--iw-black);
}

.iw-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  min-width: 0;
  flex: 1 1 auto;
}

.iw-nav--desktop {
  position: static !important;
  width: auto !important;
  min-width: 0;
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.iw-nav--desktop ul {
  display: flex !important;
  align-items: center;
  gap: 5px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.iw-nav--desktop li {
  position: relative;
  margin: 0;
}

.iw-nav--desktop a {
  min-height: 42px !important;
  padding: 10px 13px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--iw-black);
  font-size: 12px !important;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .035em !important;
  text-transform: uppercase;
  white-space: nowrap;
  transition: background .16s ease, color .16s ease, transform .16s ease;
}

.iw-nav--desktop a::after {
  display: none !important;
}

.iw-nav--desktop a:hover,
.iw-nav--desktop .current-menu-item > a,
.iw-nav--desktop .current-menu-ancestor > a {
  background: var(--iw-black) !important;
  color: var(--iw-bg) !important;
  transform: translateY(-1px);
}

.iw-nav--desktop .menu-item-has-children > a {
  padding-right: 28px !important;
}

.iw-nav--desktop .menu-item-has-children > a::before {
  content: "";
  position: absolute;
  right: 13px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-62%) rotate(45deg);
}

.iw-nav--desktop .sub-menu {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  z-index: 50;
  min-width: 230px;
  display: grid !important;
  gap: 4px;
  padding: 10px;
  border: 2px solid var(--iw-black);
  border-radius: 18px;
  background: var(--iw-white);
  box-shadow: 7px 7px 0 var(--iw-black);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  pointer-events: none;
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}

.iw-nav--desktop li:hover > .sub-menu,
.iw-nav--desktop li:focus-within > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.iw-nav--desktop .sub-menu .sub-menu {
  top: -10px;
  left: calc(100% + 10px);
}

.iw-nav--desktop .sub-menu a {
  justify-content: flex-start !important;
  width: 100%;
  min-height: 38px !important;
  border-radius: 12px !important;
  white-space: normal;
  letter-spacing: .01em !important;
  font-size: 12px !important;
}

.iw-header-search {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  flex: 0 0 auto;
}

.iw-header-search__field {
  width: 0;
  min-height: 42px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: var(--iw-white);
  color: var(--iw-black);
  font: inherit;
  font-size: 13px;
  font-weight: 750;
  outline: none;
  opacity: 0;
  box-shadow: inset 0 0 0 0 var(--iw-black);
  transition: width .22s ease, opacity .16s ease, padding .22s ease, box-shadow .16s ease;
}

.iw-header-search.is-open .iw-header-search__field,
.iw-header-search__field:focus {
  width: min(260px, 28vw);
  padding: 0 16px;
  opacity: 1;
  box-shadow: inset 0 0 0 2px var(--iw-black), 4px 4px 0 rgba(0,0,0,.18);
}

.iw-header-search__button,
.iw-header-search__submit {
  border: 2px solid var(--iw-black);
  border-radius: 999px;
  cursor: pointer;
  font-weight: 950;
  transition: transform .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease;
}

.iw-header-search__button {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  background: var(--iw-black);
  color: var(--iw-bg);
  box-shadow: 4px 4px 0 rgba(0,0,0,.18);
}

.iw-header-search__button span {
  position: relative;
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-radius: 999px;
}

.iw-header-search__button span::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 2px;
  right: -7px;
  bottom: -4px;
  border-radius: 999px;
  background: currentColor;
  transform: rotate(45deg);
}

.iw-header-search__button:hover,
.iw-header-search.is-open .iw-header-search__button {
  background: var(--iw-pink);
  color: var(--iw-white);
  transform: translateY(-1px);
}

.iw-header-search__submit {
  display: none;
  min-height: 42px;
  padding: 0 14px;
  background: var(--iw-black);
  color: var(--iw-bg);
}

.iw-header-search.is-open .iw-header-search__submit {
  display: inline-flex;
  align-items: center;
}

.iw-menu--mobile {
  display: none;
}

.iw-nav--mobile {
  display: none;
}

/* Startseiten-Kacheln: weniger laut, mehr Magazin */
.home .iw-grid,
.front-page .iw-grid {
  gap: clamp(18px, 2vw, 26px);
}

.home .iw-card,
.front-page .iw-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 0;
  overflow: hidden;
  background: var(--iw-white);
  border: 2px solid var(--iw-black);
  border-radius: 22px;
  box-shadow: 8px 8px 0 rgba(0,0,0,.95);
}

.home .iw-card:hover,
.front-page .iw-card:hover {
  transform: translateY(-4px);
  box-shadow: 10px 10px 0 rgba(0,0,0,.95);
  background: var(--iw-white);
}

.home .iw-card-thumb,
.front-page .iw-card-thumb {
  margin: 0;
  aspect-ratio: 16 / 9;
  border: 0;
  border-bottom: 2px solid var(--iw-black);
  border-radius: 0;
}

.home .iw-card-meta,
.home .iw-card-title,
.home .iw-card-excerpt,
.home .iw-read-more,
.front-page .iw-card-meta,
.front-page .iw-card-title,
.front-page .iw-card-excerpt,
.front-page .iw-read-more {
  margin-left: 20px;
  margin-right: 20px;
}

.home .iw-card-meta,
.front-page .iw-card-meta {
  margin-top: 18px;
  margin-bottom: 11px;
  gap: 7px;
}

.home .iw-card-meta span,
.front-page .iw-card-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 6px 9px;
  border: 1.5px solid var(--iw-black);
  border-radius: 999px;
  background: rgba(255,230,0,.34);
  color: var(--iw-black);
  font-size: 10px;
  line-height: 1;
  letter-spacing: .06em;
}

.home .iw-card-meta span:nth-child(2),
.front-page .iw-card-meta span:nth-child(2) {
  background: rgba(255,10,138,.10);
}

.home .iw-card-title,
.front-page .iw-card-title {
  font-size: clamp(23px, 2.15vw, 31px);
  line-height: .98;
  letter-spacing: -.05em;
  margin-bottom: 12px;
}

.home .iw-card-title a:hover,
.front-page .iw-card-title a:hover {
  color: var(--iw-black);
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-decoration-color: var(--iw-pink);
  text-underline-offset: 5px;
}

.home .iw-card-excerpt,
.front-page .iw-card-excerpt {
  color: rgba(0,0,0,.70);
  font-size: 14.5px;
  line-height: 1.58;
  font-weight: 560;
}

.home .iw-read-more,
.front-page .iw-read-more {
  margin-top: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  color: var(--iw-black);
  border-top: 1px solid rgba(0,0,0,.12);
}

.home .iw-read-more:hover,
.front-page .iw-read-more:hover {
  color: var(--iw-pink);
}

/* Back to top */
.iw-back-to-top {
  position: fixed;
  right: clamp(18px, 3vw, 34px);
  bottom: clamp(18px, 3vw, 34px);
  z-index: 70;
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border: 2px solid var(--iw-black);
  border-radius: 999px;
  background: var(--iw-black);
  color: var(--iw-bg);
  box-shadow: 6px 6px 0 rgba(0,0,0,.22);
  font-size: 11px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: .06em;
  text-transform: uppercase;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px) scale(.94);
  transition: opacity .18s ease, visibility .18s ease, transform .18s ease, background .16s ease, color .16s ease;
}

.iw-back-to-top::before {
  content: "↑";
  display: block;
  margin-bottom: 1px;
  color: var(--iw-pink);
  font-size: 22px;
  line-height: .7;
}

.iw-back-to-top span {
  display: block;
  margin-top: 18px;
}

.iw-back-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}

.iw-back-to-top:hover,
.iw-back-to-top:focus-visible {
  background: var(--iw-pink);
  color: var(--iw-white);
  transform: translateY(-2px) scale(1);
}

.iw-back-to-top:hover::before,
.iw-back-to-top:focus-visible::before {
  color: var(--iw-white);
}

/* Kapitelvorschau: reduzierter, editorialer */
@media (min-width: 1500px) {
  .single-post .iw-post-toc__inner {
    background: var(--iw-white) !important;
    border: 2px solid var(--iw-black) !important;
    border-left: 2px solid var(--iw-black) !important;
    border-radius: 0 20px 20px 0 !important;
    box-shadow: 7px 7px 0 rgba(0,0,0,.92) !important;
  }

  .single-post .iw-post-toc__inner::after {
    content: "";
    position: absolute;
    left: -2px;
    top: 18px;
    bottom: 18px;
    width: 4px;
    border-radius: 999px;
    background: var(--iw-pink);
  }

  .single-post .iw-post-toc__head {
    margin-bottom: 8px !important;
    padding-bottom: 9px !important;
    border-bottom: 1px solid rgba(0,0,0,.12) !important;
  }

  .single-post .iw-post-toc__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--iw-black) !important;
  }

  .single-post .iw-post-toc__eyebrow::before {
    content: "" !important;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--iw-pink);
  }

  .single-post .iw-post-toc__toggle {
    background: var(--iw-white) !important;
    color: var(--iw-black) !important;
    box-shadow: none !important;
  }

  .single-post .iw-post-toc__toggle:hover,
  .single-post .iw-post-toc__toggle:focus-visible {
    background: var(--iw-black) !important;
    color: var(--iw-bg) !important;
  }

  .single-post .iw-post-toc a {
    border-radius: 10px !important;
    padding: 9px 8px !important;
    font-size: 12.25px !important;
    font-weight: 780 !important;
    line-height: 1.25 !important;
  }

  .single-post .iw-post-toc a::before {
    min-width: 20px !important;
    color: rgba(0,0,0,.44) !important;
  }

  .single-post .iw-post-toc a:hover,
  .single-post .iw-post-toc a.is-active {
    background: rgba(255,10,138,.09) !important;
  }

  .single-post .iw-post-toc a:hover::before,
  .single-post .iw-post-toc a.is-active::before {
    color: var(--iw-pink) !important;
  }
}

@media (max-width: 980px) {
  .iw-nav--desktop,
  .iw-header-search {
    display: none !important;
  }

  .iw-menu--mobile {
    display: block;
  }

  .iw-nav--mobile {
    display: grid;
  }

  .iw-header-actions {
    flex: 0 0 auto;
  }
}

@media (min-width: 981px) {
  .iw-menu--mobile,
  .iw-burger,
  .iw-menu-toggle,
  .iw-nav--mobile {
    display: none !important;
  }
}

@media (max-width: 660px) {
  .iw-back-to-top {
    right: 16px;
    bottom: 16px;
    width: 50px;
    height: 50px;
    font-size: 10px;
  }
}

/* v1.9: Suche als App, seriösere Kategorien/Suche und Kapitel final angedockt */
.iw-header-search__button {
  width: auto !important;
  min-width: 104px;
  height: 42px !important;
  padding: 0 15px 0 13px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: var(--iw-white) !important;
  color: var(--iw-black) !important;
  box-shadow: 4px 4px 0 rgba(0,0,0,.16) !important;
}

.iw-header-search__button span {
  width: 14px !important;
  height: 14px !important;
}

.iw-header-search__button strong {
  font-size: 12px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.iw-header-search__button:hover,
.iw-header-search__button:focus-visible {
  background: var(--iw-black) !important;
  color: var(--iw-bg) !important;
  transform: translateY(-1px);
}

.iw-search-lock { overflow: hidden; }

.iw-search-app {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  padding: clamp(16px, 4vw, 58px);
}

.iw-search-app.is-open {
  display: grid;
  place-items: start center;
}

.iw-search-app__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.64);
  backdrop-filter: blur(7px);
}

.iw-search-app__panel {
  position: relative;
  width: min(860px, 100%);
  margin-top: clamp(20px, 7vh, 76px);
  background: var(--iw-bg);
  border: 3px solid var(--iw-black);
  border-radius: 28px;
  box-shadow: 14px 14px 0 var(--iw-black);
  overflow: hidden;
  transform: translateY(10px) scale(.985);
  opacity: 0;
  animation: iwSearchIn .18s ease forwards;
}

@keyframes iwSearchIn { to { transform: translateY(0) scale(1); opacity: 1; } }

.iw-search-app__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: clamp(20px, 3vw, 32px);
  border-bottom: 3px solid var(--iw-black);
}

.iw-search-app__eyebrow,
.iw-archive-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.iw-search-app__eyebrow::before,
.iw-archive-kicker::before {
  content: "›››";
  color: var(--iw-pink);
  letter-spacing: -.16em;
}

.iw-search-app__top h2 {
  margin: 0;
  font-size: clamp(38px, 6vw, 72px);
  line-height: .88;
  letter-spacing: -.065em;
  text-transform: uppercase;
  font-weight: 1000;
}

.iw-search-app__close {
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: 2px solid var(--iw-black);
  border-radius: 999px;
  background: var(--iw-white);
  color: var(--iw-black);
  box-shadow: 4px 4px 0 rgba(0,0,0,.18);
  font-size: 30px;
  line-height: 1;
  font-weight: 900;
  cursor: pointer;
}

.iw-search-app__close:hover,
.iw-search-app__close:focus-visible {
  background: var(--iw-pink);
  color: var(--iw-white);
  transform: translateY(-1px);
}

.iw-search-app__form {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  padding: clamp(18px, 3vw, 28px);
  background: var(--iw-white);
  border-bottom: 2px solid var(--iw-black);
}

.iw-search-app__field {
  width: 100%;
  min-height: 58px;
  padding: 0 20px;
  border: 2px solid var(--iw-black);
  border-radius: 18px;
  background: #fff;
  color: var(--iw-black);
  font: inherit;
  font-size: clamp(17px, 2vw, 22px);
  font-weight: 850;
  outline: none;
  box-shadow: inset 0 -4px 0 rgba(255,10,138,.10);
}

.iw-search-app__field:focus {
  box-shadow: inset 0 -5px 0 rgba(255,10,138,.22), 5px 5px 0 rgba(0,0,0,.16);
}

.iw-search-app__submit {
  min-height: 58px;
  padding: 0 22px;
  border: 2px solid var(--iw-black);
  border-radius: 18px;
  background: var(--iw-black);
  color: var(--iw-bg);
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .04em;
  cursor: pointer;
}

.iw-search-app__submit:hover,
.iw-search-app__submit:focus-visible {
  background: var(--iw-pink);
  color: var(--iw-white);
  transform: translateY(-1px);
}

.iw-search-app__body {
  display: grid;
  gap: 14px;
  padding: clamp(18px, 3vw, 28px);
  background: var(--iw-white);
}

.iw-search-app__suggestions {
  display: grid;
  gap: 9px;
}

.iw-search-app__hint {
  margin: 0;
  padding: 16px 18px;
  border: 2px dashed rgba(0,0,0,.22);
  border-radius: 18px;
  color: rgba(0,0,0,.64);
  font-size: 14px;
  line-height: 1.45;
  font-weight: 750;
}

.iw-search-app__result-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 0 3px 6px;
  color: rgba(0,0,0,.60);
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.iw-search-app__result-head a { color: var(--iw-pink); }

.iw-search-app__result {
  display: grid;
  gap: 5px;
  padding: 14px 16px;
  border: 2px solid var(--iw-black);
  border-radius: 18px;
  background: rgba(255,230,0,.20);
  color: var(--iw-black);
  box-shadow: 4px 4px 0 rgba(0,0,0,.12);
}

.iw-search-app__result:hover,
.iw-search-app__result:focus-visible {
  background: var(--iw-black);
  color: var(--iw-bg);
  transform: translateY(-1px);
}

.iw-search-app__result span {
  color: var(--iw-pink);
  font-size: 10px;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.iw-search-app__result strong {
  font-size: clamp(16px, 2vw, 21px);
  line-height: 1.05;
  font-weight: 1000;
  letter-spacing: -.035em;
}

.iw-search-app__quick {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  padding-top: 6px;
}

.iw-search-app__quick a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 8px 12px;
  border: 1.5px solid var(--iw-black);
  border-radius: 999px;
  background: rgba(255,10,138,.08);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.iw-search-app__quick a:hover { background: var(--iw-pink); color: var(--iw-white); }

.iw-archive-main {
  width: min(1180px, calc(100% - 44px));
}

.iw-archive-hero {
  margin-bottom: clamp(20px, 3vw, 34px);
  padding: clamp(20px, 4vw, 38px);
  border: 3px solid var(--iw-black);
  border-radius: 28px;
  background: var(--iw-white);
  box-shadow: 9px 9px 0 var(--iw-black);
}

.iw-archive-hero .iw-page-title {
  margin-bottom: 12px;
}

.iw-archive-hero mark {
  padding: 0 .08em;
  background: linear-gradient(transparent 57%, rgba(255,10,138,.28) 57%);
  color: inherit;
}

.iw-archive-hero .search-form {
  margin-top: 18px;
  max-width: 720px;
}

.archive .iw-grid,
.search .iw-grid,
.category .iw-grid {
  gap: clamp(18px, 2vw, 26px);
}

.archive .iw-card,
.search .iw-card,
.category .iw-card {
  background: var(--iw-white);
  border-width: 2px;
  box-shadow: 7px 7px 0 rgba(0,0,0,.92);
}

.archive .iw-card-title a:hover,
.search .iw-card-title a:hover,
.category .iw-card-title a:hover,
.home .iw-card-title a:hover,
.front-page .iw-card-title a:hover {
  text-underline-offset: 2px !important;
  text-decoration-thickness: 2.5px;
}

@media (min-width: 1500px) {
  .single-post .iw-content-wrap--single.iw-post-shell {
    position: relative !important;
    overflow: visible !important;
  }

  .single-post .iw-post-toc,
  .single-post .iw-post-toc.is-js-attached,
  .single-post .iw-post-toc.is-js-sticky,
  .single-post .iw-post-toc.is-js-bottom {
    position: absolute !important;
    top: var(--iw-toc-absolute-top, var(--iw-toc-dock-top, 34px)) !important;
    left: calc(100% - 1px) !important;
    right: auto !important;
    width: 276px !important;
    margin: 0 !important;
    z-index: 20 !important;
  }

  .single-post .iw-post-toc__inner {
    position: relative;
    background: var(--iw-white) !important;
    border: 2px solid var(--iw-black) !important;
    border-left: 0 !important;
    border-radius: 0 18px 18px 0 !important;
    box-shadow: 6px 6px 0 rgba(0,0,0,.88) !important;
    padding: 12px 11px 12px 12px !important;
    max-height: min(500px, calc(100svh - 150px)) !important;
  }

  .single-post .iw-post-toc__inner::after {
    left: 0 !important;
    top: 20px !important;
    bottom: 20px !important;
    width: 2px !important;
    background: var(--iw-pink) !important;
    opacity: .9;
  }

  .single-post .iw-post-toc__head {
    align-items: center !important;
    margin: 0 0 7px !important;
    padding: 0 0 8px !important;
  }

  .single-post .iw-post-toc__toggle {
    width: 30px !important;
    height: 26px !important;
    border-radius: 999px !important;
    border: 1.5px solid var(--iw-black) !important;
    background: rgba(255,10,138,.10) !important;
    color: var(--iw-black) !important;
    box-shadow: none !important;
  }

  .single-post .iw-post-toc__toggle span,
  .single-post .iw-post-toc__toggle span::before {
    width: 11px !important;
    height: 2px !important;
    background: currentColor !important;
  }

  .single-post .iw-post-toc__toggle:hover,
  .single-post .iw-post-toc__toggle:focus-visible {
    background: var(--iw-pink) !important;
    color: var(--iw-white) !important;
    transform: translateY(-1px);
  }

  .single-post .iw-post-toc ol {
    gap: 1px !important;
    padding-right: 6px !important;
    max-height: min(392px, calc(100svh - 236px)) !important;
  }

  .single-post .iw-post-toc a {
    padding: 8px 8px !important;
    border-radius: 9px !important;
    font-size: 12px !important;
    font-weight: 760 !important;
    line-height: 1.22 !important;
  }

  .single-post .iw-post-toc a:hover,
  .single-post .iw-post-toc a.is-active {
    background: rgba(255,10,138,.11) !important;
    box-shadow: inset 2px 0 0 var(--iw-pink) !important;
  }
}

@media (max-width: 760px) {
  .iw-search-app { padding: 10px; }
  .iw-search-app__panel { margin-top: 10px; border-radius: 22px; box-shadow: 7px 7px 0 var(--iw-black); }
  .iw-search-app__form { grid-template-columns: 1fr; }
  .iw-search-app__submit { width: 100%; }
}


/* v2.0: Such-App bleibt im Viewport + kompakter Back-to-top Iconbutton */
.iw-search-app {
  overflow-y: auto;
  overscroll-behavior: contain;
}

.iw-search-app__panel {
  display: flex;
  flex-direction: column;
  max-height: calc(100svh - clamp(32px, 8vw, 116px));
}

.iw-search-app__top,
.iw-search-app__form {
  flex: 0 0 auto;
}

.iw-search-app__body {
  min-height: 0;
  overflow: hidden;
}

.iw-search-app__suggestions {
  min-height: 0;
  max-height: min(330px, 38svh);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 7px;
  scrollbar-width: thin;
  scrollbar-color: var(--iw-pink) rgba(0,0,0,.10);
}

.iw-search-app__suggestions::-webkit-scrollbar {
  width: 10px;
}

.iw-search-app__suggestions::-webkit-scrollbar-track {
  background: rgba(0,0,0,.08);
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 999px;
}

.iw-search-app__suggestions::-webkit-scrollbar-thumb {
  background: var(--iw-pink);
  border: 2px solid var(--iw-white);
  border-radius: 999px;
}

.iw-search-app__result {
  overflow-wrap: anywhere;
}

.iw-back-to-top {
  width: 56px;
  height: 56px;
  padding: 0;
  font-size: 0;
  letter-spacing: 0;
}

.iw-back-to-top::before {
  content: "";
  display: none;
}

.iw-back-to-top span {
  display: grid;
  place-items: center;
  margin: 0;
  color: var(--iw-pink);
  font-size: 36px;
  line-height: .72;
  font-weight: 1000;
  transform: translateY(-1px);
}

.iw-back-to-top:hover span,
.iw-back-to-top:focus-visible span {
  color: var(--iw-white);
}

@media (max-width: 760px) {
  .iw-search-app {
    padding: 10px;
  }

  .iw-search-app__panel {
    width: 100%;
    max-height: calc(100svh - 20px);
    margin-top: 0 !important;
  }

  .iw-search-app__top {
    padding: 18px;
  }

  .iw-search-app__top h2 {
    font-size: clamp(34px, 11vw, 54px);
  }

  .iw-search-app__body {
    padding: 16px;
  }

  .iw-search-app__suggestions {
    max-height: 34svh;
  }

  .iw-back-to-top {
    width: 50px;
    height: 50px;
  }

  .iw-back-to-top span {
    font-size: 32px;
  }
}

/* v2.1/v2.2: Seriösere Startseitenmodule – Hero/Text/Social-Block bleibt unverändert; Ticker wieder im ursprünglichen Look */




.front-page .iw-home-panel,
.home .iw-home-panel {
  width: min(1120px, 100%);
  margin: 0 auto clamp(26px, 4vw, 54px);
  padding: clamp(22px, 3vw, 34px);
  border: 2px solid var(--iw-black);
  border-radius: 24px;
  background: var(--iw-white);
  box-shadow: 9px 9px 0 rgba(0,0,0,.94);
  overflow: hidden;
}

.front-page .iw-home-panel::before,
.home .iw-home-panel::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 7px;
  background: var(--iw-pink);
}

.front-page .iw-home-panel::after,
.home .iw-home-panel::after {
  content: "INTERNETWISSEN";
  right: -10px;
  bottom: -10px;
  color: rgba(0,0,0,.035);
  font-size: clamp(44px, 7vw, 105px);
  letter-spacing: -.075em;
  transform: rotate(-2deg);
}

.front-page .iw-home-panel h2,
.home .iw-home-panel h2 {
  margin-bottom: 12px;
  font-size: clamp(28px, 3.4vw, 52px);
  line-height: .96;
  letter-spacing: -.052em;
}

.front-page .iw-home-panel p,
.home .iw-home-panel p {
  max-width: 720px;
  color: rgba(0,0,0,.70);
  font-size: clamp(15px, 1.25vw, 18px);
  line-height: 1.58;
  font-weight: 640;
  letter-spacing: -.012em;
}

.front-page .iw-home-panel .iw-button,
.home .iw-home-panel .iw-button,
.front-page .iw-button-row .iw-button,
.home .iw-button-row .iw-button {
  min-height: 48px;
  padding: 12px 17px;
  border-radius: 999px;
  box-shadow: 4px 4px 0 var(--iw-black);
  font-size: 12px;
  letter-spacing: .055em;
}

.front-page .iw-home-panel .iw-button:hover,
.home .iw-home-panel .iw-button:hover,
.front-page .iw-button-row .iw-button:hover,
.home .iw-button-row .iw-button:hover {
  transform: translateY(-1px);
  box-shadow: 5px 5px 0 var(--iw-black);
}

.front-page .iw-topic-cloud,
.home .iw-topic-cloud {
  width: min(1120px, 100%);
  justify-content: flex-start;
  gap: 8px;
  margin: 0 auto clamp(36px, 5vw, 68px);
  padding: 16px;
  border: 2px solid var(--iw-black);
  border-radius: 22px;
  background: rgba(255,255,255,.54);
  box-shadow: 7px 7px 0 rgba(0,0,0,.88);
}

.front-page .iw-topic-cloud::before,
.home .iw-topic-cloud::before {
  content: "Themen";
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  margin-right: 4px;
  padding: 8px 11px;
  border-radius: 999px;
  background: var(--iw-black);
  color: var(--iw-bg);
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.front-page .iw-topic-chip,
.home .iw-topic-chip {
  min-height: 36px;
  padding: 8px 12px;
  border-width: 1.5px;
  border-radius: 999px;
  background: var(--iw-white);
  box-shadow: none;
  font-size: 11px;
  letter-spacing: .06em;
}

.front-page .iw-topic-chip::before,
.home .iw-topic-chip::before {
  margin-right: 7px;
}

.front-page .iw-topic-chip:hover,
.home .iw-topic-chip:hover {
  transform: translateY(-1px);
  background: var(--iw-black);
  color: var(--iw-bg);
  box-shadow: 3px 3px 0 var(--iw-pink);
}

.front-page .iw-section-title,
.home .iw-section-title {
  width: min(1120px, 100%);
  margin: 0 auto 20px;
  padding: 0 0 16px;
  border-bottom: 2px solid rgba(0,0,0,.16);
  font-size: clamp(32px, 4vw, 58px);
  line-height: .95;
}

.front-page .iw-section-title::before,
.home .iw-section-title::before {
  content: "Aktuell";
  display: flex;
  width: fit-content;
  margin-bottom: 10px;
  padding: 7px 10px;
  border: 2px solid var(--iw-black);
  border-radius: 999px;
  background: var(--iw-pink);
  color: var(--iw-white);
  box-shadow: 3px 3px 0 var(--iw-black);
  font-size: 10px;
  line-height: 1;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.front-page .iw-grid,
.home .iw-grid {
  width: min(1120px, 100%);
  margin: 0 auto clamp(26px, 4vw, 52px);
  gap: clamp(18px, 2vw, 28px);
}

.front-page .iw-card,
.home .iw-card {
  border-radius: 20px;
  border-width: 2px;
  box-shadow: 7px 7px 0 rgba(0,0,0,.92);
  background: var(--iw-white);
}

.front-page .iw-card:hover,
.home .iw-card:hover {
  transform: translateY(-3px);
  box-shadow: 9px 9px 0 rgba(0,0,0,.94);
}

.front-page .iw-card-thumb,
.home .iw-card-thumb {
  aspect-ratio: 16 / 9;
  border-bottom-width: 2px;
  background: rgba(0,0,0,.92);
}

.front-page .iw-card-meta,
.home .iw-card-meta {
  margin-top: 18px;
  margin-bottom: 12px;
}

.front-page .iw-card-meta span,
.home .iw-card-meta span {
  min-height: 26px;
  padding: 6px 9px;
  background: rgba(255,230,0,.28);
  border-width: 1.5px;
  font-size: 9.5px;
}

.front-page .iw-card-title,
.home .iw-card-title {
  font-size: clamp(21px, 1.9vw, 28px);
  line-height: 1.03;
  letter-spacing: -.04em;
}

.front-page .iw-card-title a,
.home .iw-card-title a {
  text-decoration-thickness: 0;
  text-underline-offset: 2px;
}

.front-page .iw-card-title a:hover,
.home .iw-card-title a:hover {
  text-decoration-thickness: 2px !important;
  text-underline-offset: 2px !important;
}

.front-page .iw-card-excerpt,
.home .iw-card-excerpt {
  color: rgba(0,0,0,.68);
  font-size: 14px;
  line-height: 1.62;
  font-weight: 540;
}

.front-page .iw-read-more,
.home .iw-read-more {
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 11px;
  letter-spacing: .075em;
}

.front-page .iw-button-row,
.home .iw-button-row {
  width: min(1120px, 100%);
  justify-content: flex-start;
  margin: 0 auto;
}

@media (max-width: 760px) {
  .front-page .iw-home-panel,
  .home .iw-home-panel,
  .front-page .iw-topic-cloud,
  .home .iw-topic-cloud,
  .front-page .iw-section-title,
  .home .iw-section-title,
  .front-page .iw-grid,
  .home .iw-grid,
  .front-page .iw-button-row,
  .home .iw-button-row {
    width: 100%;
  }

  .front-page .iw-topic-cloud,
  .home .iw-topic-cloud {
    justify-content: center;
  }

  .front-page .iw-topic-cloud::before,
  .home .iw-topic-cloud::before {
    width: 100%;
    justify-content: center;
    margin-right: 0;
  }
}

/* v2.3: Ticker leicht abgerundet + versetzter pinker Schatten */
.iw-marquee,
.front-page .iw-marquee,
.home .iw-marquee {
  position: relative;
  width: min(1120px, calc(100% - 18px));
  margin: 4px auto clamp(26px, 4vw, 54px);
  overflow: hidden;
  border: 3px solid var(--iw-black);
  border-radius: 18px;
  background: var(--iw-black);
  color: var(--iw-bg);
  box-shadow: 9px 9px 0 var(--iw-pink), 13px 13px 0 var(--iw-black);
  transform: rotate(-.35deg);
  isolation: isolate;
}

.iw-marquee::before,
.front-page .iw-marquee::before,
.home .iw-marquee::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 14px;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}

.iw-marquee-track span,
.front-page .iw-marquee-track span,
.home .iw-marquee-track span {
  padding: 14px 24px;
}

@media (max-width: 760px) {
  .iw-marquee,
  .front-page .iw-marquee,
  .home .iw-marquee {
    width: calc(100% - 8px);
    border-radius: 15px;
    box-shadow: 6px 6px 0 var(--iw-pink), 9px 9px 0 var(--iw-black);
  }
}

/* v2.4: Flexible Startseiten-Beitragsbereiche nach Kategorien */
.front-page .iw-home-post-section,
.home .iw-home-post-section {
  width: min(1120px, 100%);
  margin: 0 auto clamp(42px, 5vw, 76px);
}

.front-page .iw-home-section-head,
.home .iw-home-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: clamp(16px, 2.4vw, 28px);
  margin: 0 0 22px;
  padding: 0 0 18px;
  border-bottom: 2px solid rgba(0,0,0,.16);
}

.front-page .iw-home-section-copy,
.home .iw-home-section-copy {
  min-width: 0;
}

.front-page .iw-home-section-head .iw-section-title,
.home .iw-home-section-head .iw-section-title {
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: clamp(31px, 4vw, 58px);
  line-height: .94;
  letter-spacing: -.055em;
}

.front-page .iw-home-section-head .iw-section-title::before,
.home .iw-home-section-head .iw-section-title::before {
  content: none;
}

.front-page .iw-section-description,
.home .iw-section-description {
  max-width: 680px;
  margin: 10px 0 0;
  color: rgba(0,0,0,.66);
  font-size: clamp(14px, 1.2vw, 17px);
  line-height: 1.55;
  font-weight: 630;
  letter-spacing: -.012em;
}

.front-page .iw-home-section-button,
.home .iw-home-section-button {
  justify-self: end;
  align-self: center;
  white-space: nowrap;
  min-height: 44px;
  padding: 11px 15px;
  border-radius: 999px;
  background: var(--iw-white);
  color: var(--iw-black);
  box-shadow: 4px 4px 0 var(--iw-black);
}

.front-page .iw-home-section-button::after,
.home .iw-home-section-button::after {
  content: "›";
  margin-left: 9px;
  color: var(--iw-pink);
  font-size: 18px;
  line-height: 1;
}

.front-page .iw-home-section-button:hover,
.home .iw-home-section-button:hover {
  background: var(--iw-black);
  color: var(--iw-bg);
  transform: translateY(-1px);
  box-shadow: 5px 5px 0 var(--iw-pink);
}

.front-page .iw-home-section-button:hover::after,
.home .iw-home-section-button:hover::after {
  color: var(--iw-white);
}

.front-page .iw-home-post-section .iw-grid,
.home .iw-home-post-section .iw-grid {
  width: 100%;
  margin: 0;
}

.front-page .iw-home-post-section + .iw-home-post-section,
.home .iw-home-post-section + .iw-home-post-section {
  padding-top: clamp(4px, 1vw, 14px);
}

@media (max-width: 760px) {
  .front-page .iw-home-post-section,
  .home .iw-home-post-section {
    width: 100%;
    margin-bottom: 44px;
  }

  .front-page .iw-home-section-head,
  .home .iw-home-section-head {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 14px;
  }

  .front-page .iw-home-section-button,
  .home .iw-home-section-button {
    justify-self: start;
    width: 100%;
    justify-content: center;
  }
}

/* v2.6: redaktionelle Beitragsfeatures */
.iw-level-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 6px 10px;
  border: 2px solid var(--iw-pink);
  border-radius: 999px;
  background: rgba(255,10,138,.1);
  color: var(--iw-pink);
  font-size: 12px;
  font-weight: 1000;
  line-height: 1;
  letter-spacing: .04em;
  text-transform: uppercase;
  vertical-align: middle;
}

.iw-level-chip::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 0 3px rgba(255,10,138,.14);
}

.iw-summary-box,
.iw-sources-box {
  position: relative;
  margin: 0 0 clamp(26px, 4vw, 42px);
  border: 3px solid var(--iw-black);
  border-radius: 24px;
  background: var(--iw-white);
  box-shadow: 8px 8px 0 var(--iw-black);
  overflow: hidden;
}

.iw-summary-box {
  padding: clamp(20px, 3vw, 30px);
}

.iw-summary-box::before,
.iw-sources-box::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 7px;
  background: var(--iw-pink);
}

.iw-summary-box__label {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 0 0 16px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--iw-black);
  color: var(--iw-bg);
  font-size: 12px;
  font-weight: 1000;
  line-height: 1;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.iw-summary-box ul {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.iw-summary-box li {
  position: relative;
  margin: 0;
  padding-left: 28px;
  color: rgba(0,0,0,.82);
  font-size: clamp(16px, 1.5vw, 19px);
  line-height: 1.5;
  font-weight: 760;
}

.iw-summary-box li::before {
  content: "›";
  position: absolute;
  left: 0;
  top: -.04em;
  color: var(--iw-pink);
  font-size: 28px;
  line-height: 1;
  font-weight: 1000;
}

.iw-sources-box {
  margin-top: clamp(34px, 5vw, 58px);
  padding: 0;
}

.iw-sources-box__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 22px 16px 28px;
  border-bottom: 2px solid var(--iw-black);
  background: linear-gradient(90deg, rgba(255,10,138,.12), rgba(255,255,255,1));
}

.iw-sources-box__head span {
  color: var(--iw-black);
  font-size: clamp(22px, 2vw, 30px);
  line-height: .95;
  letter-spacing: -.045em;
  text-transform: uppercase;
  font-weight: 1000;
}

.iw-sources-box__head em {
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 2px solid var(--iw-pink);
  border-radius: 999px;
  color: var(--iw-pink);
  background: rgba(255,10,138,.08);
  font-style: normal;
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.iw-sources-box ol {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: iw-sources;
}

.iw-sources-box li {
  counter-increment: iw-sources;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 6px 12px;
  align-items: baseline;
  margin: 0;
  padding: 17px 22px 17px 28px;
  border-bottom: 1px solid rgba(0,0,0,.12);
  color: rgba(0,0,0,.76);
  font-size: 15px;
  line-height: 1.45;
  font-weight: 650;
}

.iw-sources-box li:last-child { border-bottom: 0; }

.iw-sources-box li::before {
  content: counter(iw-sources, decimal-leading-zero);
  color: var(--iw-pink);
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .06em;
}

.iw-sources-box a,
.iw-sources-box strong {
  color: var(--iw-black);
  font-weight: 950;
  text-decoration: none;
}

.iw-sources-box a {
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: rgba(255,10,138,.5);
  text-underline-offset: 3px;
}

.iw-sources-box a:hover {
  color: var(--iw-pink);
  text-decoration-color: var(--iw-pink);
}

.iw-sources-box span {
  grid-column: 2;
  color: rgba(0,0,0,.56);
  font-size: 13px;
  font-weight: 760;
}

.iw-related-posts {
  width: 100%;
  max-width: 1180px;
  margin: clamp(22px, 4vw, 42px) auto 0;
  padding: clamp(24px, 4vw, 38px);
  border: 3px solid var(--iw-black);
  border-radius: 30px;
  background: rgba(255,255,255,.56);
  box-shadow: 10px 10px 0 var(--iw-black);
}

.iw-related-posts__head {
  display: grid;
  gap: 6px;
  margin-bottom: 20px;
}

.iw-related-posts__head span {
  width: fit-content;
  padding: 8px 11px;
  border-radius: 999px;
  background: var(--iw-pink);
  color: var(--iw-white);
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.iw-related-posts__head h2 {
  margin: 0;
  color: var(--iw-black);
  font-size: clamp(30px, 4vw, 56px);
  line-height: .9;
  letter-spacing: -.06em;
  text-transform: uppercase;
  font-weight: 1000;
}

.iw-related-posts__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.iw-related-posts .iw-card {
  height: 100%;
  background: var(--iw-white);
}

@media (max-width: 760px) {
  .iw-level-chip {
    width: fit-content;
    margin-top: 4px;
  }

  .iw-summary-box,
  .iw-sources-box,
  .iw-related-posts {
    border-radius: 20px;
    box-shadow: 6px 6px 0 var(--iw-black);
  }

  .iw-sources-box__head {
    align-items: flex-start;
    flex-direction: column;
    padding-left: 22px;
  }

  .iw-sources-box li {
    grid-template-columns: 1fr;
    padding-left: 22px;
  }

  .iw-sources-box span {
    grid-column: 1;
  }

  .iw-related-posts__grid {
    grid-template-columns: 1fr;
  }
}

/* v2.7: feinere Beitragsfeatures */
.iw-summary-box {
  margin-top: 0;
  margin-bottom: clamp(24px, 3.5vw, 38px);
  padding: clamp(18px, 3vw, 28px) clamp(18px, 3vw, 30px);
  border-radius: 22px;
  background: #fff;
  box-shadow: 7px 7px 0 var(--iw-black);
}

.iw-summary-box::before {
  width: 4px;
  background: var(--iw-pink);
}

.iw-summary-box__label {
  margin-left: 6px;
  background: var(--iw-pink);
  color: #fff;
  box-shadow: 3px 3px 0 var(--iw-black);
}

.iw-summary-box li {
  padding-left: 24px;
  font-size: clamp(15px, 1.28vw, 18px);
  line-height: 1.55;
  font-weight: 720;
}

.iw-summary-box li::before {
  content: "";
  top: .62em;
  width: 8px;
  height: 8px;
  border: 2px solid var(--iw-pink);
  border-radius: 999px;
  background: var(--iw-bg);
}

.iw-inline-source {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  margin: 0 2px;
  padding: 3px 8px;
  border: 1.5px solid rgba(0,0,0,.18);
  border-radius: 999px;
  background: rgba(255,230,0,.35);
  color: var(--iw-black);
  font-size: .78em;
  line-height: 1.25;
  font-weight: 850;
  vertical-align: .08em;
  text-decoration: none !important;
  white-space: normal;
}

.iw-inline-source::before {
  content: "Q";
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: var(--iw-pink);
  color: #fff;
  font-size: 10px;
  line-height: 1;
  font-weight: 1000;
}

.iw-inline-source span {
  color: rgba(0,0,0,.52);
  font-weight: 760;
}

a.iw-inline-source:hover {
  border-color: var(--iw-pink);
  color: var(--iw-pink);
  transform: translateY(-1px);
}

.iw-sources-box {
  margin-top: clamp(36px, 5vw, 62px);
  border-radius: 24px;
  background: #fff;
  box-shadow: 8px 8px 0 var(--iw-black);
}

.iw-sources-box::before {
  width: 4px;
  background: var(--iw-pink);
}

.iw-sources-box__head {
  padding: 18px 22px 16px 30px;
  border-bottom: 2px solid rgba(0,0,0,.12);
  background: #fff;
}

.iw-sources-box__head span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: clamp(20px, 1.8vw, 28px);
  letter-spacing: -.035em;
}

.iw-sources-box__head span::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: var(--iw-pink);
  box-shadow: 0 0 0 5px rgba(255,10,138,.11);
}

.iw-sources-box__head em {
  border-width: 1.5px;
  background: rgba(255,10,138,.07);
}

.iw-sources-box li {
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 6px 14px;
  padding: 16px 22px 16px 30px;
  border-bottom: 1px solid rgba(0,0,0,.09);
}

.iw-sources-box li::before {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 2px solid var(--iw-black);
  border-radius: 999px;
  background: var(--iw-bg);
  color: var(--iw-black);
  font-size: 10px;
  box-shadow: 2px 2px 0 var(--iw-pink);
}

.iw-sources-box a,
.iw-sources-box strong {
  align-self: center;
  font-size: 15px;
  line-height: 1.35;
}

.iw-sources-box a {
  text-decoration-thickness: 1.5px;
  text-underline-offset: 4px;
}

.iw-sources-box span {
  color: rgba(0,0,0,.58);
  font-size: 12px;
  line-height: 1.35;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.iw-related-posts {
  max-width: 1180px;
  padding: clamp(22px, 4vw, 36px);
  border-radius: 28px;
  background: #fff;
  box-shadow: 9px 9px 0 var(--iw-black), 15px 15px 0 var(--iw-pink);
}

.iw-related-posts__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 2px solid rgba(0,0,0,.12);
}

.iw-related-posts__head span {
  order: 2;
  flex: 0 0 auto;
  background: var(--iw-black);
  color: var(--iw-bg);
  box-shadow: 3px 3px 0 var(--iw-pink);
}

.iw-related-posts__head h2 {
  max-width: 680px;
  font-size: clamp(28px, 3.2vw, 46px);
  line-height: .96;
}

.iw-related-posts__grid {
  gap: 16px;
}

.iw-related-card {
  display: grid;
  grid-template-columns: minmax(130px, 34%) minmax(0, 1fr);
  min-height: 210px;
  overflow: hidden;
  border: 2px solid var(--iw-black);
  border-radius: 22px;
  background: #fff;
  box-shadow: 5px 5px 0 rgba(0,0,0,.12);
  transition: transform .16s ease, box-shadow .16s ease;
}

.iw-related-card:hover {
  transform: translateY(-2px);
  box-shadow: 7px 7px 0 var(--iw-black);
}

.iw-related-card__media {
  position: relative;
  display: block;
  min-height: 100%;
  background: var(--iw-bg);
  color: rgba(0,0,0,.22);
  overflow: hidden;
}

.iw-related-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 210px;
  object-fit: cover;
  transition: transform .18s ease;
}

.iw-related-card:hover .iw-related-card__media img {
  transform: scale(1.035);
}

.iw-related-card__media span {
  position: absolute;
  left: 14px;
  bottom: 14px;
  font-size: 15px;
  line-height: .9;
  letter-spacing: -.04em;
  font-weight: 1000;
}

.iw-related-card__body {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 18px;
}

.iw-related-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  color: rgba(0,0,0,.56);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.iw-related-card__meta span + span {
  color: var(--iw-pink);
}

.iw-related-card h3 {
  margin: 0;
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.02;
  letter-spacing: -.04em;
  font-weight: 1000;
}

.iw-related-card h3 a {
  color: inherit;
  text-decoration: none;
}

.iw-related-card h3 a:hover {
  color: var(--iw-pink);
}

.iw-related-card p {
  margin: 0;
  color: rgba(0,0,0,.68);
  font-size: 14px;
  line-height: 1.5;
  font-weight: 620;
}

.iw-related-card__link {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin-top: 2px;
  color: var(--iw-black);
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .05em;
  text-transform: uppercase;
  text-decoration: none;
}

.iw-related-card__link::after {
  content: "›";
  color: var(--iw-pink);
  font-size: 20px;
  line-height: .8;
}

.iw-related-card__link:hover {
  color: var(--iw-pink);
}

@media (max-width: 900px) {
  .iw-related-posts__head {
    align-items: start;
    flex-direction: column;
  }

  .iw-related-posts__head span {
    order: 0;
  }

  .iw-related-card {
    grid-template-columns: 1fr;
  }

  .iw-related-card__media img {
    height: 230px;
  }
}

@media (max-width: 760px) {
  .iw-inline-source {
    align-items: flex-start;
    border-radius: 14px;
    white-space: normal;
  }

  .iw-sources-box li {
    grid-template-columns: 30px minmax(0, 1fr);
    padding-left: 22px;
  }

  .iw-sources-box span {
    grid-column: 2;
  }
}

/* v2.8: Kurz gesagt ohne Punkt/Marker vor dem Text */
.iw-summary-box ul {
  list-style: none;
  padding-left: 0;
}

.iw-summary-box li {
  padding-left: 0;
}

.iw-summary-box li::before {
  display: none;
  content: none;
}


/* v2.9: Mobile Quellenchips + Quellenbox-Titel verfeinert */
.iw-sources-box__head span::before {
  display: none;
  content: none;
}

.iw-sources-box__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-left: 24px;
}

.iw-sources-box__head span {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--iw-black);
  font-weight: 1000;
}

.iw-sources-box__head span::after {
  content: "›››";
  color: var(--iw-pink);
  font-size: .78em;
  letter-spacing: -.16em;
  transform: translateY(.03em);
}

.iw-sources-box__head em {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 7px 10px;
  border: 1.5px solid var(--iw-black);
  border-radius: 999px;
  background: rgba(255,10,138,.08);
  color: var(--iw-black);
  font-size: 11px;
  line-height: 1;
  font-style: normal;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}

@media (max-width: 760px) {
  .iw-content .iw-inline-source,
  .iw-inline-source {
    display: inline-flex;
    max-width: min(100%, calc(100vw - 56px));
    margin: 2px 0;
    padding: 3px 7px 3px 4px;
    gap: 5px;
    border-radius: 12px;
    vertical-align: baseline;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25;
  }

  .iw-inline-source::before {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin-top: .05em;
    font-size: 9px;
  }

  .iw-inline-source span {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .iw-sources-box {
    border-radius: 18px;
    box-shadow: 5px 5px 0 var(--iw-black);
  }

  .iw-sources-box__head {
    align-items: flex-start;
    flex-direction: column;
    gap: 9px;
    padding: 16px 18px 14px;
  }

  .iw-sources-box__head span {
    font-size: clamp(18px, 6vw, 24px);
    line-height: 1;
  }

  .iw-sources-box__head em {
    min-height: 28px;
    padding: 6px 9px;
    font-size: 10px;
  }

  .iw-sources-box li {
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 5px 10px;
    padding: 14px 16px;
  }

  .iw-sources-box li::before {
    width: 24px;
    height: 24px;
    border-width: 1.5px;
    font-size: 9px;
    box-shadow: 1.5px 1.5px 0 var(--iw-pink);
  }

  .iw-sources-box a,
  .iw-sources-box strong,
  .iw-sources-box span {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}

/* v3.0: Quellenchips leichter + weiß, Tracking-Parameter werden serverseitig entfernt */
.iw-content .iw-inline-source,
.iw-inline-source {
  border: 1.5px solid rgba(0,0,0,.14);
  background: #fff;
  color: rgba(0,0,0,.82);
  font-weight: 620;
  box-shadow: 2px 2px 0 rgba(255,10,138,.16);
}

.iw-inline-source::before {
  background: var(--iw-pink);
  color: #fff;
  font-weight: 900;
}

.iw-inline-source span {
  color: rgba(0,0,0,.5);
  font-weight: 520;
}

a.iw-inline-source:hover {
  background: #fff;
  border-color: var(--iw-pink);
  color: var(--iw-black);
  box-shadow: 3px 3px 0 var(--iw-pink);
}

@media (max-width: 760px) {
  .iw-content .iw-inline-source,
  .iw-inline-source {
    background: #fff;
    font-weight: 600;
    box-shadow: 1.5px 1.5px 0 rgba(255,10,138,.18);
  }

  .iw-inline-source span {
    font-weight: 500;
  }
}

/* v3.1: Responsive overflow hardening for long titles, meta chips and cards */
.iw-single-title,
.iw-page-title,
.iw-card-title,
.iw-card-title a,
.iw-section-title,
.iw-home-section-copy,
.iw-section-description,
.iw-card-excerpt,
.iw-content,
.iw-content p,
.iw-content li {
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: auto;
}

.iw-single-meta,
.iw-card-meta {
  max-width: 100%;
  min-width: 0;
}

.iw-single-meta > *,
.iw-card-meta > * {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
  line-height: 1.25;
}

.iw-reading-time,
.iw-level-chip,
.iw-card-meta span {
  max-width: 100%;
  white-space: normal;
  text-align: left;
}

.front-page .iw-card,
.home .iw-card,
.iw-card {
  min-width: 0;
}

.front-page .iw-card-title,
.home .iw-card-title,
.front-page .iw-card-excerpt,
.home .iw-card-excerpt {
  max-width: calc(100% - 40px);
}

@media (max-width: 660px) {
  .iw-single-title {
    font-size: clamp(28px, 9.4vw, 42px);
    line-height: 1;
    letter-spacing: -.045em;
    max-width: 100%;
  }

  .page .iw-single-title,
  .iw-page-title {
    font-size: clamp(30px, 10vw, 46px);
    line-height: 1;
    letter-spacing: -.045em;
  }

  .single-post .iw-single-title {
    max-width: 100%;
  }

  .iw-single-meta {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    width: 100%;
  }

  .iw-single-meta > span,
  .iw-single-meta > a,
  .iw-reading-time,
  .iw-level-chip {
    flex: 0 1 auto;
    min-height: 25px;
    padding: 5px 8px;
    font-size: 10px;
    letter-spacing: .035em;
    max-width: 100%;
  }

  .iw-meta-separator {
    display: none;
  }

  .front-page .iw-card-meta,
  .home .iw-card-meta {
    gap: 6px;
  }

  .front-page .iw-card-meta span,
  .home .iw-card-meta span {
    flex: 0 1 auto;
    max-width: 100%;
    min-height: 24px;
    padding: 5px 8px;
    font-size: 9px;
    line-height: 1.2;
    letter-spacing: .04em;
  }

  .front-page .iw-card-title,
  .home .iw-card-title {
    font-size: clamp(20px, 7vw, 28px);
    line-height: 1.08;
    letter-spacing: -.035em;
  }

  .front-page .iw-card-title,
  .front-page .iw-card-excerpt,
  .home .iw-card-title,
  .home .iw-card-excerpt {
    max-width: calc(100% - 32px);
    margin-left: 16px;
    margin-right: 16px;
  }
}

/* v3.2: Header-Abstände, hochwertigeres Desktop-Menü und Suche auf Beitragsseiten fixen */
.iw-header {
  padding-top: clamp(18px, 2.7vw, 34px) !important;
  padding-bottom: clamp(18px, 2.7vw, 34px) !important;
}

.iw-main {
  padding-top: clamp(18px, 3.2vw, 44px);
}

@media (min-width: 981px) {
  .iw-header-actions {
    position: relative;
    gap: 10px;
    padding: 7px;
    border: 2px solid rgba(0,0,0,.92);
    border-radius: 999px;
    background: rgba(255,255,255,.55);
    box-shadow: 6px 6px 0 rgba(0,0,0,.18);
    backdrop-filter: none;
  }

  .iw-nav--desktop ul {
    gap: 3px !important;
  }

  .iw-nav--desktop a {
    min-height: 38px !important;
    padding: 10px 14px !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--iw-black) !important;
    font-size: 11.5px !important;
    letter-spacing: .055em !important;
    box-shadow: none !important;
  }

  .iw-nav--desktop a:hover,
  .iw-nav--desktop .current-menu-item > a,
  .iw-nav--desktop .current-menu-ancestor > a {
    background: var(--iw-black) !important;
    color: var(--iw-bg) !important;
    transform: translateY(-1px);
  }

  .iw-nav--desktop .menu-item-has-children > a::before {
    right: 12px;
    width: 5px;
    height: 5px;
    border-width: 1.8px;
  }

  .iw-nav--desktop .sub-menu {
    top: calc(100% + 13px) !important;
    padding: 9px !important;
    border: 2px solid var(--iw-black) !important;
    border-radius: 18px !important;
    background: var(--iw-white) !important;
    box-shadow: 8px 8px 0 var(--iw-black), -5px -5px 0 var(--iw-pink) !important;
  }

  .iw-nav--desktop .sub-menu::before {
    content: "";
    position: absolute;
    top: -9px;
    left: 24px;
    width: 16px;
    height: 16px;
    background: var(--iw-white);
    border-left: 2px solid var(--iw-black);
    border-top: 2px solid var(--iw-black);
    transform: rotate(45deg);
  }

  .iw-nav--desktop .sub-menu .sub-menu::before {
    display: none;
  }

  .iw-nav--desktop .sub-menu a {
    min-height: 39px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    letter-spacing: .015em !important;
    line-height: 1.18 !important;
  }

  .iw-nav--desktop .sub-menu a:hover,
  .iw-nav--desktop .sub-menu .current-menu-item > a {
    background: rgba(255,10,138,.10) !important;
    color: var(--iw-black) !important;
    transform: translateX(2px) !important;
  }

  .iw-header-search__button {
    min-width: 92px !important;
    height: 38px !important;
    padding: 0 13px 0 12px !important;
    border-width: 0 !important;
    box-shadow: none !important;
    background: var(--iw-black) !important;
    color: var(--iw-bg) !important;
  }

  .iw-header-search__button:hover,
  .iw-header-search__button:focus-visible {
    background: var(--iw-pink) !important;
    color: var(--iw-white) !important;
  }
}

@media (min-width: 1520px) {
  .single-post .iw-header,
  .single-post .iw-header * {
    pointer-events: auto;
  }

  .single-post .iw-header-actions,
  .single-post .iw-header-search,
  .single-post .iw-header-search__button,
  .single-post .iw-nav--desktop,
  .single-post .iw-nav--desktop a {
    pointer-events: auto !important;
  }
}

@media (max-width: 980px) {
  .iw-header {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

/* v3.3: reduzierter Header-Abstand und Button-Menü ohne gemeinsamen Hintergrund */
.iw-header {
  padding-top: clamp(22px, 3vw, 40px) !important;
  padding-bottom: clamp(8px, 1.2vw, 14px) !important;
}

.iw-main {
  padding-top: clamp(10px, 2vw, 26px) !important;
}

@media (min-width: 981px) {
  .iw-header-actions {
    gap: 11px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .iw-nav--desktop ul {
    gap: 7px !important;
  }

  .iw-nav--desktop > div > ul,
  .iw-nav--desktop > ul {
    align-items: center;
  }

  .iw-nav--desktop li {
    isolation: isolate;
  }

  .iw-nav--desktop a {
    position: relative;
    min-height: 42px !important;
    padding: 11px 15px !important;
    border: 2px solid var(--iw-black) !important;
    border-radius: 999px !important;
    background: var(--iw-white) !important;
    color: var(--iw-black) !important;
    box-shadow: 4px 4px 0 rgba(0,0,0,.18) !important;
    font-size: 11.5px !important;
    line-height: 1 !important;
    font-weight: 1000 !important;
    letter-spacing: .045em !important;
    text-transform: uppercase;
    overflow: hidden;
    transition: transform .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease, border-color .16s ease;
  }

  .iw-nav--desktop a::after {
    content: "" !important;
    display: block !important;
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 7px;
    height: 2px;
    border-radius: 999px;
    background: var(--iw-pink);
    opacity: 0;
    transform: scaleX(.35);
    transform-origin: left center;
    transition: opacity .16s ease, transform .16s ease;
  }

  .iw-nav--desktop a:hover,
  .iw-nav--desktop a:focus-visible,
  .iw-nav--desktop .current-menu-item > a,
  .iw-nav--desktop .current-menu-ancestor > a {
    background: var(--iw-black) !important;
    color: var(--iw-bg) !important;
    border-color: var(--iw-black) !important;
    box-shadow: 4px 4px 0 var(--iw-pink) !important;
    transform: translateY(-2px) rotate(-.35deg) !important;
  }

  .iw-nav--desktop a:hover::after,
  .iw-nav--desktop a:focus-visible::after,
  .iw-nav--desktop .current-menu-item > a::after,
  .iw-nav--desktop .current-menu-ancestor > a::after {
    opacity: 1;
    transform: scaleX(1);
  }

  .iw-nav--desktop .menu-item-has-children > a {
    padding-right: 31px !important;
  }

  .iw-nav--desktop .menu-item-has-children > a::before {
    right: 14px !important;
    width: 6px !important;
    height: 6px !important;
    border-width: 2px !important;
    z-index: 1;
  }

  .iw-nav--desktop .sub-menu {
    top: calc(100% + 11px) !important;
    min-width: 246px !important;
    gap: 7px !important;
    padding: 11px !important;
    border: 2px solid var(--iw-black) !important;
    border-radius: 20px !important;
    background: var(--iw-white) !important;
    box-shadow: 8px 8px 0 var(--iw-black), 4px 4px 0 var(--iw-pink) !important;
  }

  .iw-nav--desktop .sub-menu::before {
    top: -8px !important;
    left: 26px !important;
    width: 14px !important;
    height: 14px !important;
    background: var(--iw-white) !important;
  }

  .iw-nav--desktop .sub-menu a {
    min-height: 40px !important;
    justify-content: flex-start !important;
    padding: 10px 13px !important;
    border-radius: 14px !important;
    background: rgba(255,230,0,.18) !important;
    box-shadow: none !important;
    white-space: normal !important;
    line-height: 1.18 !important;
    letter-spacing: .015em !important;
  }

  .iw-nav--desktop .sub-menu a::after {
    left: 13px;
    right: auto;
    width: 22px;
    bottom: 7px;
    transform: scaleX(.45);
  }

  .iw-nav--desktop .sub-menu a:hover,
  .iw-nav--desktop .sub-menu a:focus-visible,
  .iw-nav--desktop .sub-menu .current-menu-item > a {
    background: var(--iw-black) !important;
    color: var(--iw-bg) !important;
    box-shadow: 3px 3px 0 var(--iw-pink) !important;
    transform: translateX(2px) !important;
  }

  .iw-header-search__button {
    min-width: 98px !important;
    height: 42px !important;
    padding: 0 15px 0 13px !important;
    border: 2px solid var(--iw-black) !important;
    border-radius: 999px !important;
    background: var(--iw-black) !important;
    color: var(--iw-bg) !important;
    box-shadow: 4px 4px 0 var(--iw-pink) !important;
  }

  .iw-header-search__button:hover,
  .iw-header-search__button:focus-visible {
    background: var(--iw-pink) !important;
    color: var(--iw-white) !important;
    box-shadow: 4px 4px 0 var(--iw-black) !important;
    transform: translateY(-2px) rotate(.35deg) !important;
  }

  .iw-header-search__button strong {
    letter-spacing: .045em;
  }
}

@media (max-width: 980px) {
  .iw-header {
    padding-top: 18px !important;
    padding-bottom: 10px !important;
  }

  .iw-main {
    padding-top: 14px !important;
  }
}

/* v3.4: Menu hover ohne Unterstreichung + Startseiten-Chips */
@media (min-width: 981px) {
  .iw-nav--desktop a,
  .iw-nav--desktop a:hover,
  .iw-nav--desktop a:focus-visible,
  .iw-nav--desktop .current-menu-item > a,
  .iw-nav--desktop .current-menu-ancestor > a,
  .iw-nav--desktop .sub-menu a,
  .iw-nav--desktop .sub-menu a:hover,
  .iw-nav--desktop .sub-menu a:focus-visible {
    text-decoration: none !important;
  }

  .iw-nav--desktop a::after,
  .iw-nav--desktop a:hover::after,
  .iw-nav--desktop a:focus-visible::after,
  .iw-nav--desktop .current-menu-item > a::after,
  .iw-nav--desktop .current-menu-ancestor > a::after,
  .iw-nav--desktop .sub-menu a::after,
  .iw-nav--desktop .sub-menu a:hover::after,
  .iw-nav--desktop .sub-menu a:focus-visible::after {
    display: none !important;
    opacity: 0 !important;
  }

  .iw-nav--desktop > div > ul > li > a,
  .iw-nav--desktop > ul > li > a {
    background: var(--iw-black) !important;
    color: var(--iw-bg) !important;
    border-color: var(--iw-black) !important;
    box-shadow: 4px 4px 0 var(--iw-pink) !important;
  }

  .iw-nav--desktop > div > ul > li > a:hover,
  .iw-nav--desktop > div > ul > li > a:focus-visible,
  .iw-nav--desktop > ul > li > a:hover,
  .iw-nav--desktop > ul > li > a:focus-visible,
  .iw-nav--desktop > div > ul > li.current-menu-item > a,
  .iw-nav--desktop > div > ul > li.current-menu-ancestor > a,
  .iw-nav--desktop > ul > li.current-menu-item > a,
  .iw-nav--desktop > ul > li.current-menu-ancestor > a {
    background: var(--iw-pink) !important;
    color: var(--iw-white) !important;
    border-color: var(--iw-black) !important;
    box-shadow: 4px 4px 0 var(--iw-black) !important;
    transform: translateY(-2px) rotate(.35deg) !important;
  }

  .iw-nav--desktop .sub-menu a {
    background: var(--iw-black) !important;
    color: var(--iw-bg) !important;
    border-color: var(--iw-black) !important;
    box-shadow: none !important;
  }

  .iw-nav--desktop .sub-menu a:hover,
  .iw-nav--desktop .sub-menu a:focus-visible,
  .iw-nav--desktop .sub-menu .current-menu-item > a {
    background: var(--iw-pink) !important;
    color: var(--iw-white) !important;
    box-shadow: 3px 3px 0 var(--iw-black) !important;
    transform: translateX(2px) !important;
  }
}

.front-page .iw-card-meta span,
.home .iw-card-meta span {
  border: 0 !important;
  box-shadow: none !important;
  color: var(--iw-black) !important;
}

.front-page .iw-card-meta span:first-child,
.home .iw-card-meta span:first-child {
  background: var(--iw-bg) !important;
  color: var(--iw-black) !important;
}

.front-page .iw-card-meta span:nth-child(2),
.home .iw-card-meta span:nth-child(2) {
  background: var(--iw-pink) !important;
  color: var(--iw-white) !important;
}

/* v3.5: Startseite näher am Header, breiter und Kategorie-Slider mit 3 sichtbaren Karten */
.front-page .iw-header,
.home .iw-header {
  padding-bottom: clamp(6px, 1.1vw, 12px) !important;
}

.front-page .iw-main,
.home .iw-main {
  width: min(1320px, calc(100% - clamp(30px, 6vw, 104px)));
  padding-top: clamp(8px, 1.4vw, 18px) !important;
}

.front-page .iw-hero,
.home .iw-hero {
  min-height: calc(100svh - 250px);
  padding-top: 0 !important;
  padding-bottom: clamp(28px, 4vw, 52px);
}

.front-page .iw-home-panel,
.home .iw-home-panel,
.front-page .iw-topic-cloud,
.home .iw-topic-cloud,
.front-page .iw-marquee,
.home .iw-marquee,
.front-page .iw-home-post-section,
.home .iw-home-post-section,
.front-page .iw-button-row,
.home .iw-button-row {
  width: min(1260px, 100%);
}

.front-page .iw-home-post-section .iw-grid,
.home .iw-home-post-section .iw-grid {
  width: auto;
  margin: 0;
}

.iw-home-slider {
  position: relative;
  min-width: 0;
}

.iw-home-slider__viewport {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-padding-left: 2px;
  -webkit-overflow-scrolling: touch;
  padding: 0 4px 18px 0;
  scrollbar-width: thin;
  scrollbar-color: var(--iw-black) rgba(255,255,255,.54);
}

.iw-home-slider__viewport::-webkit-scrollbar {
  height: 10px;
}

.iw-home-slider__viewport::-webkit-scrollbar-track {
  background: rgba(255,255,255,.56);
  border: 1px solid rgba(0,0,0,.14);
  border-radius: 999px;
}

.iw-home-slider__viewport::-webkit-scrollbar-thumb {
  background: var(--iw-black);
  border-radius: 999px;
  box-shadow: inset 0 0 0 2px rgba(255,230,0,.45);
}

.iw-home-slider__track {
  display: grid !important;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - (clamp(18px, 2vw, 28px) * 2)) / 3);
  grid-template-columns: none !important;
  gap: clamp(18px, 2vw, 28px) !important;
  align-items: stretch;
}

.iw-home-slider__track .iw-card {
  scroll-snap-align: start;
  min-width: 0;
}

.iw-home-slider__controls {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  margin-top: 4px;
}

.iw-home-slider__button {
  width: 44px;
  height: 44px;
  display: inline-grid;
  place-items: center;
  border: 2px solid var(--iw-black);
  border-radius: 999px;
  background: var(--iw-black);
  color: var(--iw-bg);
  box-shadow: 4px 4px 0 var(--iw-pink);
  font: inherit;
  font-size: 28px;
  line-height: 1;
  font-weight: 1000;
  cursor: pointer;
  transition: transform .14s ease, background .14s ease, color .14s ease, box-shadow .14s ease, opacity .14s ease;
}

.iw-home-slider__button:hover,
.iw-home-slider__button:focus-visible {
  transform: translateY(-1px);
  background: var(--iw-pink);
  color: var(--iw-white);
  box-shadow: 5px 5px 0 var(--iw-black);
  outline: none;
}

.iw-home-slider__button:disabled {
  opacity: .36;
  cursor: default;
  transform: none;
  box-shadow: 2px 2px 0 rgba(0,0,0,.25);
}

.front-page .iw-card-meta,
.home .iw-card-meta {
  align-items: flex-start;
  gap: 7px;
}

.front-page .iw-card-meta span,
.home .iw-card-meta span,
.front-page .iw-card-meta .iw-card-date,
.home .iw-card-meta .iw-card-date,
.front-page .iw-card-meta .iw-card-category,
.home .iw-card-meta .iw-card-category,
.front-page .iw-card-meta .iw-card-reading-time,
.home .iw-card-meta .iw-card-reading-time,
.front-page .iw-card-meta .iw-card-level,
.home .iw-card-meta .iw-card-level {
  border: 0 !important;
  box-shadow: none !important;
  min-height: 25px;
  padding: 6px 9px;
  border-radius: 999px;
  font-size: 9.5px;
  line-height: 1.1;
  font-weight: 950;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.front-page .iw-card-meta .iw-card-date,
.home .iw-card-meta .iw-card-date {
  background: var(--iw-bg) !important;
  color: var(--iw-black) !important;
}

.front-page .iw-card-meta .iw-card-category,
.home .iw-card-meta .iw-card-category {
  background: var(--iw-pink) !important;
  color: var(--iw-white) !important;
}

.front-page .iw-card-meta .iw-card-reading-time,
.home .iw-card-meta .iw-card-reading-time {
  background: var(--iw-black) !important;
  color: var(--iw-bg) !important;
}

.front-page .iw-card-meta .iw-card-level,
.home .iw-card-meta .iw-card-level {
  background: var(--iw-white) !important;
  color: var(--iw-black) !important;
  box-shadow: inset 0 0 0 1.5px rgba(0,0,0,.16) !important;
}

@media (max-width: 980px) {
  .iw-home-slider__track {
    grid-auto-columns: calc((100% - 18px) / 2);
  }
}

@media (max-width: 660px) {
  .front-page .iw-main,
  .home .iw-main {
    width: min(100% - 28px, 1320px);
    padding-top: 2px !important;
  }

  .front-page .iw-hero,
  .home .iw-hero {
    min-height: auto;
    padding-top: 18px !important;
  }

  .iw-home-slider__track {
    grid-auto-columns: min(88vw, 360px);
    gap: 14px !important;
  }

  .iw-home-slider__viewport {
    padding-bottom: 14px;
  }

  .iw-home-slider__controls {
    justify-content: center;
  }

  .iw-home-slider__button {
    width: 42px;
    height: 42px;
  }
}

/* v3.5 spacing refinement: Hero startet näher unter dem Header statt vertikal in der Viewportmitte */
.front-page .iw-hero,
.home .iw-hero {
  min-height: auto !important;
  place-items: start center !important;
  padding-top: clamp(10px, 1.8vw, 24px) !important;
}


/* v3.6: Lesezeit als Bild-Badge auf Karten und Beitragsbildern */
.iw-card-thumb,
.iw-featured--postwide {
  position: relative;
}

.iw-reading-image-badge {
  position: absolute;
  left: clamp(10px, 1.2vw, 16px);
  bottom: clamp(10px, 1.2vw, 16px);
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: fit-content;
  max-width: calc(100% - 24px);
  min-height: 34px;
  padding: 8px 11px;
  border-radius: 999px;
  border: 2px solid var(--iw-black);
  font-size: 11px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: .035em;
  text-transform: uppercase;
  box-shadow: 4px 4px 0 var(--iw-black);
  white-space: nowrap;
  pointer-events: none;
}

.iw-reading-image-badge__icon {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 14px;
  flex: 0 0 auto;
  overflow: hidden;
  border: 1.8px solid currentColor;
  border-radius: 2px 4px 4px 2px;
  color: inherit;
  font-size: 0;
}

.iw-reading-image-badge__icon::before {
  content: "";
  position: absolute;
  left: 3px;
  top: -2px;
  bottom: -2px;
  width: 1.8px;
  background: currentColor;
  opacity: .9;
}

.iw-reading-image-badge__icon::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 4px;
  width: 4px;
  height: 1.7px;
  border-radius: 999px;
  background: currentColor;
  opacity: .9;
}

.iw-reading-image-badge--card {
  background: var(--iw-white);
  color: var(--iw-black);
}

.iw-reading-image-badge--single {
  background: var(--iw-pink);
  color: var(--iw-white);
  box-shadow: 5px 5px 0 var(--iw-black);
}

.front-page .iw-card-meta .iw-card-level,
.home .iw-card-meta .iw-card-level {
  background: var(--iw-white) !important;
  color: var(--iw-black) !important;
}

@media (max-width: 660px) {
  .iw-reading-image-badge {
    left: 10px;
    bottom: 10px;
    min-height: 31px;
    padding: 7px 9px;
    font-size: 10px;
    max-width: calc(100% - 20px);
    box-shadow: 3px 3px 0 var(--iw-black);
  }

  .iw-reading-image-badge__icon {
    width: 12px;
    height: 13px;
  }
}


/* v3.7: pinke Uhr-Lesezeit, Bild-Credit und seitliche Slider-Pfeile */
.iw-reading-image-badge,
.iw-reading-image-badge--card,
.iw-reading-image-badge--single {
  background: var(--iw-pink) !important;
  color: var(--iw-white) !important;
  border-color: var(--iw-black);
  box-shadow: 4px 4px 0 var(--iw-black);
}

.iw-reading-image-badge__icon {
  width: 16px;
  height: 16px;
  border: 0;
  border-radius: 999px;
  background: currentColor;
  color: inherit;
  box-shadow: inset 0 0 0 1.5px rgba(0,0,0,.32);
  overflow: visible;
}

.iw-reading-image-badge__icon::before,
.iw-reading-image-badge__icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2px;
  border-radius: 999px;
  background: var(--iw-black);
  transform-origin: 50% 100%;
  opacity: 1;
}

.iw-reading-image-badge__icon::before {
  height: 5.5px;
  transform: translate(-50%, -100%) rotate(0deg);
}

.iw-reading-image-badge__icon::after {
  height: 4.5px;
  transform: translate(-50%, -100%) rotate(118deg);
}

.iw-image-credit {
  position: absolute;
  right: clamp(10px, 1.2vw, 16px);
  bottom: clamp(10px, 1.2vw, 16px);
  z-index: 3;
  max-width: min(58%, 520px);
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.94);
  color: rgba(0,0,0,.78);
  border: 2px solid var(--iw-black);
  box-shadow: 3px 3px 0 var(--iw-black);
  font-size: 10px;
  line-height: 1.15;
  font-weight: 850;
  letter-spacing: .035em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.iw-featured--postwide:has(.iw-image-credit) .iw-reading-image-badge--single {
  max-width: min(42%, 280px);
}

.iw-home-slider {
  padding-inline: clamp(42px, 4.2vw, 66px);
}

.iw-home-slider__viewport {
  padding: 0 2px 6px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.iw-home-slider__viewport::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.iw-home-slider__controls {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  margin: 0;
  pointer-events: none;
}

.iw-home-slider__button {
  pointer-events: auto;
  width: clamp(42px, 3.6vw, 52px);
  height: clamp(42px, 3.6vw, 52px);
  border-radius: 18px;
  background: var(--iw-white);
  color: var(--iw-black);
  box-shadow: 5px 5px 0 var(--iw-pink);
  transform: translateY(-6px);
}

.iw-home-slider__button:hover,
.iw-home-slider__button:focus-visible {
  transform: translateY(-8px);
  background: var(--iw-pink);
  color: var(--iw-white);
  box-shadow: 5px 5px 0 var(--iw-black);
}

.iw-home-slider__button:disabled {
  opacity: .22;
  transform: translateY(-6px);
  box-shadow: 3px 3px 0 rgba(0,0,0,.18);
}

@media (max-width: 660px) {
  .iw-home-slider {
    padding-inline: 36px;
  }

  .iw-home-slider__button {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    font-size: 24px;
    box-shadow: 4px 4px 0 var(--iw-pink);
  }

  .iw-image-credit {
    right: 10px;
    bottom: 10px;
    max-width: calc(100% - 92px);
    padding: 6px 8px;
    font-size: 9px;
    box-shadow: 2px 2px 0 var(--iw-black);
  }

  .iw-featured--postwide:has(.iw-image-credit) .iw-reading-image-badge--single {
    max-width: 82px;
  }
}

/* v3.7 refinement: Kategorie- und Suchseiten nutzen dieselbe Karten-Anmutung wie die Startseite */
.iw-archive-main .iw-grid {
  width: min(1260px, 100%);
  margin-inline: auto;
  gap: clamp(18px, 2vw, 28px);
}

.iw-archive-main .iw-card-meta {
  align-items: flex-start;
  gap: 7px;
}

.iw-archive-main .iw-card-meta span,
.iw-archive-main .iw-card-meta .iw-card-date,
.iw-archive-main .iw-card-meta .iw-card-category,
.iw-archive-main .iw-card-meta .iw-card-level {
  border: 0 !important;
  box-shadow: none !important;
  min-height: 25px;
  padding: 6px 9px;
  border-radius: 999px;
  font-size: 9.5px;
  line-height: 1.1;
  font-weight: 950;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.iw-archive-main .iw-card-meta .iw-card-date {
  background: var(--iw-bg) !important;
  color: var(--iw-black) !important;
}

.iw-archive-main .iw-card-meta .iw-card-category {
  background: var(--iw-pink) !important;
  color: var(--iw-white) !important;
}

.iw-archive-main .iw-card-meta .iw-card-level {
  background: var(--iw-white) !important;
  color: var(--iw-black) !important;
}

.iw-archive-main .iw-card {
  min-width: 0;
}

@media (max-width: 760px) {
  .iw-archive-main .iw-grid {
    gap: 16px;
  }
}

/* v3.8: Startseite Slider, Kategorie-Header und Footer Feinschliff */
.front-page .iw-home-post-section,
.home .iw-home-post-section {
  width: min(1320px, 100%);
  overflow: visible;
}

.front-page .iw-home-section-head,
.home .iw-home-section-head {
  position: relative;
  align-items: center;
  margin-bottom: clamp(18px, 2.4vw, 30px);
  padding: clamp(18px, 2.5vw, 26px);
  border: 3px solid var(--iw-black);
  border-radius: 28px;
  background: rgba(255,255,255,.92);
  box-shadow: 8px 8px 0 var(--iw-black);
  overflow: hidden;
}

.front-page .iw-home-section-head::before,
.home .iw-home-section-head::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 8px;
  background: var(--iw-pink);
}

.front-page .iw-home-section-head::after,
.home .iw-home-section-head::after {
  content: "INTERNETWISSEN";
  position: absolute;
  right: 18px;
  bottom: -9px;
  color: rgba(0,0,0,.045);
  font-size: clamp(42px, 6vw, 92px);
  line-height: .8;
  font-weight: 1000;
  letter-spacing: -.08em;
  pointer-events: none;
  z-index: 0;
}

.front-page .iw-home-section-copy,
.home .iw-home-section-copy,
.front-page .iw-home-section-button,
.home .iw-home-section-button {
  position: relative;
  z-index: 1;
}

.front-page .iw-home-section-head .iw-section-title,
.home .iw-home-section-head .iw-section-title {
  font-size: clamp(28px, 3.2vw, 48px);
  letter-spacing: -.048em;
}

.front-page .iw-section-description,
.home .iw-section-description {
  max-width: 720px;
  margin-top: 8px;
  color: rgba(0,0,0,.62);
  font-size: clamp(13px, 1.05vw, 16px);
}

.front-page .iw-home-section-button,
.home .iw-home-section-button {
  border: 2px solid var(--iw-black);
  box-shadow: 4px 4px 0 var(--iw-pink);
}

.front-page .iw-home-section-button:hover,
.home .iw-home-section-button:hover {
  box-shadow: 5px 5px 0 var(--iw-black);
  background: var(--iw-pink);
  color: var(--iw-white);
}

.iw-home-slider {
  padding-inline: 0 !important;
  overflow: visible;
}

.iw-home-slider__viewport {
  overflow-x: auto;
  overflow-y: visible;
  padding: 0 2px 12px !important;
  scroll-padding-inline: 0;
}

.iw-home-slider__controls {
  left: clamp(-72px, -4.4vw, -54px);
  right: clamp(-72px, -4.4vw, -54px);
  top: 0;
  bottom: 12px;
}

.iw-home-slider__button {
  border-radius: 999px;
  background: var(--iw-black);
  color: var(--iw-bg);
  box-shadow: 5px 5px 0 var(--iw-pink);
}

.iw-home-slider__button:hover,
.iw-home-slider__button:focus-visible {
  background: var(--iw-pink);
  color: var(--iw-white);
  box-shadow: 5px 5px 0 var(--iw-black);
}

.iw-footer {
  position: relative;
  margin-top: clamp(36px, 5vw, 78px);
  margin-bottom: clamp(18px, 3vw, 34px);
  padding: clamp(18px, 2.2vw, 26px);
  border: 3px solid var(--iw-black);
  border-radius: 30px;
  background: rgba(255,255,255,.92);
  box-shadow: 9px 9px 0 var(--iw-black);
  align-items: center;
  overflow: hidden;
}

.iw-footer::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 8px;
  background: var(--iw-pink);
}

.iw-footer > * {
  position: relative;
  z-index: 1;
}

.iw-footer .iw-mini:first-child {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 9px 13px;
  border-radius: 999px;
  background: var(--iw-black);
  color: var(--iw-bg);
  opacity: 1;
  font-weight: 1000;
  letter-spacing: .025em;
}

.iw-footer-menu.iw-mini {
  opacity: 1;
}

.iw-footer-menu ul {
  gap: 8px;
  align-items: center;
}

.iw-footer-menu a,
.iw-footer-menu li:not(:has(a)) {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,230,0,.52);
  color: var(--iw-black);
  font-weight: 950;
  text-decoration: none;
  transition: transform .14s ease, background .14s ease, color .14s ease;
}

.iw-footer-menu a:hover,
.iw-footer-menu a:focus-visible {
  background: var(--iw-pink);
  color: var(--iw-white);
  transform: translateY(-1px);
  outline: none;
}

@media (max-width: 1420px) {
  .iw-home-slider__controls {
    left: -18px;
    right: -18px;
  }

  .iw-home-slider__viewport {
    padding-inline: 34px !important;
  }
}

@media (max-width: 760px) {
  .front-page .iw-home-post-section,
  .home .iw-home-post-section {
    width: 100%;
    overflow: visible;
  }

  .front-page .iw-home-section-head,
  .home .iw-home-section-head {
    padding: 18px 18px 20px 20px;
    border-radius: 22px;
    box-shadow: 6px 6px 0 var(--iw-black);
  }

  .front-page .iw-home-section-head::before,
  .home .iw-home-section-head::before {
    width: 5px;
  }

  .front-page .iw-home-section-head::after,
  .home .iw-home-section-head::after {
    right: 10px;
    bottom: -6px;
    font-size: 48px;
  }

  .iw-home-slider {
    padding-inline: 0 !important;
  }

  .iw-home-slider__viewport {
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    padding: 0 0 12px !important;
    scroll-padding-inline: 0;
  }

  .iw-home-slider__track {
    grid-auto-columns: 100% !important;
    gap: 16px !important;
  }

  .iw-home-slider__track .iw-card {
    width: 100%;
  }

  .iw-home-slider__controls {
    left: 8px;
    right: 8px;
    bottom: 12px;
    pointer-events: none;
  }

  .iw-home-slider__button {
    width: 36px;
    height: 36px;
    font-size: 22px;
    border-width: 2px;
    box-shadow: 3px 3px 0 var(--iw-pink);
    opacity: .94;
  }

  .iw-footer {
    gap: 16px;
    padding: 18px;
    border-radius: 22px;
    box-shadow: 6px 6px 0 var(--iw-black);
  }

  .iw-footer::before {
    width: 5px;
  }

  .iw-footer-menu ul {
    gap: 7px;
  }

  .iw-footer-menu a,
  .iw-footer-menu li:not(:has(a)) {
    min-height: 34px;
    padding: 7px 10px;
    font-size: 11px;
  }
}


/* v3.9: leichtere Startseiten-Kategorie-Header + Logo im Footer */
.front-page .iw-home-section-head,
.home .iw-home-section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: clamp(14px, 2.5vw, 28px);
  margin-bottom: clamp(14px, 2vw, 24px);
  padding: 0 0 clamp(10px, 1.2vw, 14px);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  border-bottom: 2px solid rgba(0,0,0,.16);
}

.front-page .iw-home-section-head::before,
.home .iw-home-section-head::before {
  content: "›››";
  position: static;
  inset: auto;
  width: auto;
  height: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  margin: 0 0 6px;
  padding: 0;
  background: transparent;
  color: var(--iw-pink);
  font-size: clamp(22px, 2.4vw, 34px);
  line-height: .8;
  font-weight: 1000;
  letter-spacing: -.18em;
  transform: rotate(-4deg);
}

.front-page .iw-home-section-head::after,
.home .iw-home-section-head::after {
  display: none;
}

.front-page .iw-home-section-copy,
.home .iw-home-section-copy {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 12px;
  align-items: start;
  min-width: 0;
}

.front-page .iw-home-section-copy::before,
.home .iw-home-section-copy::before {
  content: "›››";
  color: var(--iw-pink);
  font-size: clamp(21px, 2.2vw, 32px);
  line-height: 1;
  font-weight: 1000;
  letter-spacing: -.18em;
  transform: translateY(.12em) rotate(-4deg);
}

.front-page .iw-home-section-head .iw-section-title,
.home .iw-home-section-head .iw-section-title {
  grid-column: 2;
  margin: 0;
  font-size: clamp(25px, 2.8vw, 42px);
  line-height: .94;
  letter-spacing: -.045em;
}

.front-page .iw-section-description,
.home .iw-section-description {
  grid-column: 2;
  margin-top: 6px;
  max-width: 760px;
  color: rgba(0,0,0,.62);
  font-size: clamp(13px, 1vw, 15px);
}

.front-page .iw-home-section-button,
.home .iw-home-section-button {
  flex: 0 0 auto;
  margin-bottom: 2px;
  border: 2px solid var(--iw-black);
  box-shadow: 3px 3px 0 var(--iw-pink);
  background: var(--iw-black);
  color: var(--iw-bg);
}

.front-page .iw-home-section-button:hover,
.home .iw-home-section-button:hover,
.front-page .iw-home-section-button:focus-visible,
.home .iw-home-section-button:focus-visible {
  background: var(--iw-pink);
  color: var(--iw-white);
  box-shadow: 3px 3px 0 var(--iw-black);
  text-decoration: none;
}

.iw-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(18px, 3vw, 34px);
}

.iw-footer-brand {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.iw-footer-logo {
  display: inline-flex;
  align-items: center;
  max-width: min(240px, 44vw);
  text-decoration: none;
}

.iw-footer-logo-img {
  display: block;
  width: clamp(132px, 14vw, 210px);
  max-height: 74px;
  object-fit: contain;
}

.iw-footer-logo span {
  display: inline-flex;
  align-items: center;
  padding: 9px 12px;
  border: 2px solid var(--iw-black);
  border-radius: 999px;
  background: var(--iw-bg);
  color: var(--iw-black);
  font-size: 14px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: -.025em;
}

.iw-footer .iw-footer-host {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--iw-black);
  color: var(--iw-bg);
  opacity: 1;
  font-weight: 1000;
  letter-spacing: .025em;
  white-space: nowrap;
}

.iw-footer .iw-mini:first-child:not(.iw-footer-host) {
  background: transparent;
  color: inherit;
  padding: 0;
}

@media (max-width: 760px) {
  .front-page .iw-home-section-head,
  .home .iw-home-section-head {
    align-items: stretch;
    flex-direction: column;
    gap: 13px;
    padding: 0 0 14px;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 2px solid rgba(0,0,0,.16);
  }

  .front-page .iw-home-section-head::before,
  .home .iw-home-section-head::before {
    display: none;
  }

  .front-page .iw-home-section-copy,
  .home .iw-home-section-copy {
    column-gap: 10px;
  }

  .front-page .iw-home-section-copy::before,
  .home .iw-home-section-copy::before {
    font-size: 24px;
  }

  .front-page .iw-home-section-button,
  .home .iw-home-section-button {
    width: fit-content;
  }

  .iw-footer {
    align-items: flex-start;
  }

  .iw-footer-brand {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .iw-footer-logo-img {
    width: min(180px, 66vw);
    max-height: 64px;
  }
}


/* v4.0: Kategorie-Header linksbündig und Footer ohne Domain-Titel */
.front-page .iw-home-section-head,
.home .iw-home-section-head {
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: clamp(12px, 2vw, 24px) !important;
}

.front-page .iw-home-section-head::before,
.home .iw-home-section-head::before {
  display: none !important;
  content: none !important;
}

.front-page .iw-home-section-copy,
.home .iw-home-section-copy {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  column-gap: 10px !important;
  align-items: start !important;
  text-align: left !important;
  max-width: 860px !important;
}

.front-page .iw-home-section-copy::before,
.home .iw-home-section-copy::before {
  content: "" !important;
  width: clamp(13px, 1.2vw, 17px) !important;
  height: clamp(13px, 1.2vw, 17px) !important;
  margin-top: .22em !important;
  border-radius: 999px !important;
  background: var(--iw-pink) !important;
  box-shadow: 4px 4px 0 var(--iw-black) !important;
  transform: none !important;
}

.front-page .iw-home-section-head .iw-section-title,
.home .iw-home-section-head .iw-section-title,
.front-page .iw-section-description,
.home .iw-section-description {
  grid-column: 2 !important;
  text-align: left !important;
}

.front-page .iw-home-section-head .iw-section-title,
.home .iw-home-section-head .iw-section-title {
  font-size: clamp(24px, 2.45vw, 38px) !important;
  line-height: .98 !important;
}

.front-page .iw-home-section-button,
.home .iw-home-section-button {
  align-self: flex-start !important;
  margin-top: 0 !important;
}

.iw-footer {
  display: grid !important;
  grid-template-columns: minmax(220px, .85fr) minmax(260px, 1.15fr) !important;
  align-items: center !important;
  gap: clamp(18px, 3vw, 42px) !important;
  padding: clamp(20px, 2.4vw, 30px) !important;
}

.iw-footer::before {
  width: 6px !important;
}

.iw-footer-brand {
  display: grid !important;
  gap: 10px !important;
  align-items: start !important;
}

.iw-footer-logo {
  max-width: min(260px, 50vw) !important;
  transition: transform .14s ease, filter .14s ease !important;
}

.iw-footer-logo:hover,
.iw-footer-logo:focus-visible {
  transform: translateY(-1px) rotate(-.6deg) !important;
  filter: drop-shadow(3px 3px 0 var(--iw-pink)) !important;
  outline: none !important;
}

.iw-footer-logo-img {
  width: clamp(150px, 15vw, 230px) !important;
  max-height: 78px !important;
}

.iw-footer-claim {
  margin: 0 !important;
  max-width: 330px !important;
  color: rgba(0,0,0,.62) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 760 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
}

.iw-footer .iw-footer-host {
  display: none !important;
}

.iw-footer-menu.iw-mini {
  justify-self: end !important;
  width: 100% !important;
  display: flex !important;
  justify-content: flex-end !important;
}

.iw-footer-menu ul {
  justify-content: flex-end !important;
  gap: 9px !important;
}

.iw-footer-menu a,
.iw-footer-menu li:not(:has(a)) {
  min-height: 38px !important;
  padding: 9px 13px !important;
  border-radius: 999px !important;
  background: var(--iw-black) !important;
  color: var(--iw-bg) !important;
  box-shadow: 3px 3px 0 var(--iw-pink) !important;
  border: 0 !important;
}

.iw-footer-menu a:hover,
.iw-footer-menu a:focus-visible {
  background: var(--iw-pink) !important;
  color: var(--iw-white) !important;
  box-shadow: 3px 3px 0 var(--iw-black) !important;
}

@media (max-width: 760px) {
  .front-page .iw-home-section-head,
  .home .iw-home-section-head {
    align-items: stretch !important;
  }

  .front-page .iw-home-section-copy,
  .home .iw-home-section-copy {
    column-gap: 9px !important;
  }

  .front-page .iw-home-section-copy::before,
  .home .iw-home-section-copy::before {
    width: 13px !important;
    height: 13px !important;
    box-shadow: 3px 3px 0 var(--iw-black) !important;
  }

  .iw-footer {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  .iw-footer-menu.iw-mini,
  .iw-footer-menu ul {
    justify-content: flex-start !important;
  }

  .iw-footer-logo-img {
    width: min(190px, 68vw) !important;
  }
}


/* v4.1: schlanker dreigeteilter Footer mit mittigem, überstehendem Logo */
.iw-footer {
  width: min(var(--iw-max), calc(100% - clamp(36px, 8vw, 124px))) !important;
  margin: clamp(14px, 2vw, 28px) auto clamp(16px, 2.4vw, 30px) !important;
  padding: clamp(10px, 1.35vw, 16px) clamp(16px, 2.2vw, 26px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: clamp(14px, 2.4vw, 34px) !important;
  min-height: clamp(58px, 5.4vw, 76px) !important;
  overflow: visible !important;
  border: 2px solid var(--iw-black) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 6px 6px 0 var(--iw-black) !important;
  text-transform: uppercase !important;
  letter-spacing: .035em !important;
}

.iw-footer::before,
.iw-footer::after {
  display: none !important;
  content: none !important;
}

.iw-footer-left,
.iw-footer-center,
.iw-footer-right {
  position: relative !important;
  z-index: 1 !important;
  min-width: 0 !important;
}

.iw-footer-left {
  justify-self: start !important;
  display: flex !important;
  align-items: center !important;
}

.iw-footer-copy {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  color: rgba(0,0,0,.72) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.iw-footer-center {
  justify-self: center !important;
  align-self: stretch !important;
  display: grid !important;
  place-items: center !important;
  pointer-events: none !important;
}

.iw-footer-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: min(230px, 38vw) !important;
  transform: translateY(-2px) !important;
  pointer-events: auto !important;
  text-decoration: none !important;
  transition: transform .18s ease, filter .18s ease !important;
}

.iw-footer-logo:hover,
.iw-footer-logo:focus-visible {
  transform: translateY(-7px) rotate(-1.2deg) scale(1.035) !important;
  filter: drop-shadow(4px 4px 0 var(--iw-pink)) !important;
  outline: none !important;
}

.iw-footer-logo-img {
  display: block !important;
  width: clamp(124px, 12vw, 190px) !important;
  max-height: clamp(68px, 7vw, 96px) !important;
  object-fit: contain !important;
  margin-top: -18px !important;
  margin-bottom: -18px !important;
}

.iw-footer-logo span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: -10px !important;
  margin-bottom: -10px !important;
  padding: 10px 13px !important;
  border: 2px solid var(--iw-black) !important;
  border-radius: 999px !important;
  background: var(--iw-bg) !important;
  color: var(--iw-black) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: -.025em !important;
}

.iw-footer-right,
.iw-footer-menu.iw-mini {
  justify-self: end !important;
  width: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  opacity: 1 !important;
}

.iw-footer-menu ul {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  flex-wrap: wrap !important;
}

.iw-footer-menu a,
.iw-footer-menu li:not(:has(a)) {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 7px 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(0,0,0,.74) !important;
  box-shadow: none !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  transition: background .14s ease, color .14s ease, transform .14s ease !important;
}

.iw-footer-menu a:hover,
.iw-footer-menu a:focus-visible {
  background: var(--iw-pink) !important;
  color: var(--iw-white) !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}

@media (max-width: 760px) {
  .iw-footer {
    width: calc(100% - 36px) !important;
    margin-top: 16px !important;
    padding: 16px !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    text-align: center !important;
  }

  .iw-footer-left,
  .iw-footer-center,
  .iw-footer-right,
  .iw-footer-menu.iw-mini,
  .iw-footer-menu ul {
    justify-self: center !important;
    justify-content: center !important;
  }

  .iw-footer-center {
    order: -1 !important;
  }

  .iw-footer-logo-img {
    width: min(168px, 62vw) !important;
    max-height: 74px !important;
    margin-top: -10px !important;
    margin-bottom: -6px !important;
  }

  .iw-footer-copy {
    white-space: normal !important;
    justify-content: center !important;
  }
}


/* v4.2: schlankerer Footer, ausbalanciertes Logo, angenehmere Typografie und Zusatzlinks */
.iw-footer {
  width: min(var(--iw-max), calc(100% - clamp(32px, 7vw, 116px))) !important;
  margin-top: clamp(6px, 1vw, 14px) !important;
  margin-bottom: clamp(12px, 2vw, 26px) !important;
  padding: 8px clamp(14px, 2vw, 22px) !important;
  min-height: 48px !important;
  gap: clamp(12px, 2vw, 28px) !important;
  border-radius: 18px !important;
  box-shadow: 5px 5px 0 var(--iw-black) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

.iw-footer-left,
.iw-footer-right,
.iw-footer-menu.iw-mini {
  gap: 10px !important;
  min-height: 36px !important;
}

.iw-footer-left {
  flex-wrap: wrap !important;
}

.iw-footer-copy {
  min-height: 24px !important;
  color: rgba(0,0,0,.68) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 720 !important;
  letter-spacing: -.005em !important;
  text-transform: none !important;
}

.iw-footer-inline-links,
.iw-footer-menu ul {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  flex-wrap: wrap !important;
}

.iw-footer-inline-links a,
.iw-footer-menu a,
.iw-footer-menu li:not(:has(a)) {
  min-height: 26px !important;
  padding: 5px 8px !important;
  border-radius: 999px !important;
  color: rgba(0,0,0,.72) !important;
  background: transparent !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  letter-spacing: -.005em !important;
  text-transform: none !important;
  text-decoration: none !important;
}

.iw-footer-inline-links a:hover,
.iw-footer-inline-links a:focus-visible,
.iw-footer-menu a:hover,
.iw-footer-menu a:focus-visible {
  background: var(--iw-pink) !important;
  color: var(--iw-white) !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}

.iw-footer-center {
  align-self: center !important;
  min-height: 38px !important;
}

.iw-footer-logo {
  max-width: min(210px, 34vw) !important;
  transform: translateY(0) !important;
}

.iw-footer-logo:hover,
.iw-footer-logo:focus-visible {
  transform: translateY(-4px) rotate(-1deg) scale(1.03) !important;
  filter: drop-shadow(3px 3px 0 var(--iw-pink)) !important;
}

.iw-footer-logo-img {
  width: clamp(126px, 11vw, 174px) !important;
  max-height: clamp(62px, 6.2vw, 84px) !important;
  margin-top: -20px !important;
  margin-bottom: -20px !important;
  object-fit: contain !important;
}

.iw-footer-logo span {
  margin-top: -12px !important;
  margin-bottom: -12px !important;
  padding: 8px 12px !important;
  font-size: 12px !important;
  letter-spacing: -.02em !important;
}

@media (max-width: 760px) {
  .iw-footer {
    width: calc(100% - 32px) !important;
    margin-top: 10px !important;
    padding: 12px 14px !important;
    gap: 9px !important;
    min-height: 0 !important;
  }

  .iw-footer-logo-img {
    width: min(154px, 58vw) !important;
    max-height: 68px !important;
    margin-top: -14px !important;
    margin-bottom: -10px !important;
  }

  .iw-footer-left,
  .iw-footer-right,
  .iw-footer-menu.iw-mini,
  .iw-footer-inline-links,
  .iw-footer-menu ul {
    gap: 6px !important;
  }

  .iw-footer-copy,
  .iw-footer-inline-links a,
  .iw-footer-menu a,
  .iw-footer-menu li:not(:has(a)) {
    font-size: 11px !important;
  }
}


/* v4.4: Aktualisierungs-Hinweis und Fehlerfinder */
.iw-freshness-notice {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 clamp(16px, 2.2vw, 22px);
  padding: 9px 11px;
  border: 1.5px solid rgba(0,0,0,.14);
  border-left: 4px solid var(--iw-pink);
  border-radius: 14px;
  background: rgba(255,255,255,.82);
  box-shadow: none;
}

.iw-freshness-notice__label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  width: fit-content;
  padding: 6px 8px;
  border-radius: 999px;
  background: var(--iw-pink);
  color: #fff;
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .055em;
  text-transform: uppercase;
  white-space: nowrap;
}

.iw-freshness-notice__label::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: currentColor;
  opacity: .9;
}

.iw-freshness-notice--old {
  border-left-color: var(--iw-black);
}

.iw-freshness-notice--old .iw-freshness-notice__label {
  background: var(--iw-black);
  color: var(--iw-bg);
}

.iw-freshness-notice--recent {
  border-left-color: var(--iw-bg);
}

.iw-freshness-notice--recent .iw-freshness-notice__label {
  background: var(--iw-bg);
  color: var(--iw-black);
  box-shadow: inset 0 0 0 1.5px var(--iw-black);
}

.iw-freshness-notice p {
  margin: 0;
  color: rgba(0,0,0,.68);
  font-size: 13px;
  line-height: 1.35;
  font-weight: 590;
}

.iw-correction-bar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: clamp(30px, 4vw, 44px);
  padding: 18px 18px 18px 20px;
  border: 2px solid var(--iw-black);
  border-radius: 22px;
  background: #fff;
  box-shadow: 6px 6px 0 rgba(0,0,0,.16);
  overflow: hidden;
}

.iw-correction-bar::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: var(--iw-pink);
}

.iw-correction-bar div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.iw-correction-bar strong {
  color: var(--iw-black);
  font-size: 15px;
  line-height: 1.15;
  font-weight: 920;
  letter-spacing: -.018em;
}

.iw-correction-bar span {
  max-width: 640px;
  color: rgba(0,0,0,.64);
  font-size: 13.5px;
  line-height: 1.45;
  font-weight: 560;
}

.iw-correction-bar a {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 15px;
  border-radius: 999px;
  background: var(--iw-black);
  color: var(--iw-bg);
  font-size: 12px;
  line-height: 1;
  font-weight: 920;
  letter-spacing: .035em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 4px 4px 0 var(--iw-pink);
  transition: transform .16s ease, box-shadow .16s ease, color .16s ease, background .16s ease;
}

.iw-correction-bar a::after {
  content: "›";
  margin-left: 8px;
  color: var(--iw-pink);
  font-size: 18px;
  line-height: .7;
  transition: color .16s ease;
}

.iw-correction-bar a:hover,
.iw-correction-bar a:focus-visible {
  transform: translateY(-1px);
  color: #fff;
  box-shadow: 5px 5px 0 var(--iw-pink);
  outline: none;
}

.iw-correction-bar a:hover::after,
.iw-correction-bar a:focus-visible::after {
  color: var(--iw-bg);
}

@media (max-width: 760px) {
  .iw-freshness-notice {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    padding: 10px 11px;
    border-radius: 14px;
  }

  .iw-freshness-notice__label {
    white-space: normal;
  }

  .iw-correction-bar {
    display: grid;
    gap: 14px;
    padding: 16px 15px 15px 18px;
    border-radius: 20px;
  }

  .iw-correction-bar a {
    width: 100%;
  }
}


/* v4.5: volle Footer-Breite + „Gerade wichtig“-Startseitenmodul */
.iw-site {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.iw-main {
  flex: 1 0 auto;
}

.iw-home-featured {
  width: min(calc(var(--iw-max) + 120px), 100%);
  margin: clamp(18px, 2.8vw, 34px) auto clamp(34px, 5vw, 68px);
}

.iw-home-featured__card {
  position: relative;
  display: block;
  min-height: clamp(420px, 48vw, 680px);
  overflow: hidden;
  border: 3px solid var(--iw-black);
  border-radius: clamp(26px, 3.6vw, 42px);
  background: var(--iw-black);
  color: var(--iw-white);
  box-shadow: 12px 12px 0 var(--iw-black);
  isolation: isolate;
  text-decoration: none !important;
}

.iw-home-featured__card:hover,
.iw-home-featured__card:focus-visible {
  color: var(--iw-white);
  outline: none;
}

.iw-home-featured__media,
.iw-home-featured__media img,
.iw-home-featured__placeholder {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.iw-home-featured__media img {
  object-fit: cover;
  transform: scale(1.01);
  transition: transform .42s ease, filter .42s ease;
}

.iw-home-featured__placeholder {
  background:
    radial-gradient(circle at 18% 22%, rgba(255,10,138,.44), transparent 28%),
    linear-gradient(135deg, var(--iw-black), #272100 58%, var(--iw-pink));
}

.iw-home-featured__card:hover .iw-home-featured__media img,
.iw-home-featured__card:focus-visible .iw-home-featured__media img {
  transform: scale(1.045);
  filter: saturate(1.04) contrast(1.04);
}

.iw-home-featured__shade {
  position: absolute;
  inset: auto 0 0;
  min-height: 62%;
  z-index: 1;
  background:
    linear-gradient(to top, rgba(0,0,0,.92) 0%, rgba(0,0,0,.72) 42%, rgba(0,0,0,.22) 78%, transparent 100%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  mask-image: linear-gradient(to top, #000 0 56%, rgba(0,0,0,.8) 76%, transparent 100%);
  -webkit-mask-image: linear-gradient(to top, #000 0 56%, rgba(0,0,0,.8) 76%, transparent 100%);
}

.iw-home-featured__content {
  position: absolute;
  inset: auto 0 0;
  z-index: 2;
  display: grid;
  gap: clamp(10px, 1.3vw, 16px);
  max-width: 900px;
  padding: clamp(24px, 4vw, 54px);
}

.iw-home-featured__topline {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.iw-home-featured__label,
.iw-home-featured__category,
.iw-home-featured__level,
.iw-home-featured__button {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 32px;
  padding: 8px 11px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .01em;
}

.iw-home-featured__label {
  background: var(--iw-pink);
  color: var(--iw-white);
  box-shadow: 3px 3px 0 var(--iw-black);
}

.iw-home-featured__category {
  background: var(--iw-bg);
  color: var(--iw-black);
}

.iw-home-featured__level {
  background: rgba(255,255,255,.92);
  color: var(--iw-black);
}

.iw-home-featured__content h2 {
  max-width: 920px;
  margin: 0;
  color: var(--iw-white);
  font-size: clamp(34px, 5.8vw, 84px);
  line-height: .92;
  letter-spacing: -.055em;
  font-weight: 1000;
  text-wrap: balance;
  overflow-wrap: anywhere;
}

.iw-home-featured__content p {
  max-width: 720px;
  margin: 0;
  color: rgba(255,255,255,.84);
  font-size: clamp(15px, 1.35vw, 19px);
  line-height: 1.55;
  font-weight: 620;
}

.iw-home-featured__button {
  margin-top: 4px;
  background: var(--iw-white);
  color: var(--iw-black);
  border: 2px solid var(--iw-white);
  transition: background .14s ease, color .14s ease, transform .14s ease;
}

.iw-home-featured__button::after {
  content: "›";
  margin-left: 10px;
  color: var(--iw-pink);
  font-size: 22px;
  line-height: .6;
}

.iw-home-featured__card:hover .iw-home-featured__button,
.iw-home-featured__card:focus-visible .iw-home-featured__button {
  background: var(--iw-pink);
  color: var(--iw-white);
  transform: translateY(-1px);
}

.iw-reading-image-badge--featured {
  position: static !important;
  inset: auto !important;
  background: var(--iw-pink) !important;
  color: var(--iw-white) !important;
  box-shadow: 3px 3px 0 var(--iw-black) !important;
}

/* Footer v4.5: full-width, attached to page bottom, logo on top center */
.iw-footer {
  width: 100% !important;
  max-width: none !important;
  margin: clamp(16px, 2.3vw, 30px) 0 0 !important;
  padding: 26px clamp(20px, 6vw, 86px) 14px !important;
  min-height: 74px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  grid-template-areas:
    "logo logo logo"
    "left . right" !important;
  align-items: center !important;
  gap: 4px clamp(16px, 3vw, 40px) !important;
  border: 0 !important;
  border-top: 2px solid var(--iw-black) !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,.9) !important;
  box-shadow: 0 -5px 0 var(--iw-pink) !important;
  overflow: visible !important;
}

.iw-footer-left { grid-area: left !important; justify-self: start !important; }
.iw-footer-center { grid-area: logo !important; justify-self: center !important; align-self: start !important; min-height: 28px !important; }
.iw-footer-right, .iw-footer-menu.iw-mini { grid-area: right !important; justify-self: end !important; }

.iw-footer-logo {
  transform: translateY(-42px) !important;
  max-width: min(240px, 42vw) !important;
  margin-bottom: -38px !important;
  padding: 0 10px !important;
}

.iw-footer-logo:hover,
.iw-footer-logo:focus-visible {
  transform: translateY(-48px) rotate(-1deg) scale(1.035) !important;
  filter: drop-shadow(3px 3px 0 var(--iw-pink)) !important;
}

.iw-footer-logo-img {
  width: clamp(132px, 11vw, 184px) !important;
  max-height: clamp(62px, 6vw, 86px) !important;
  margin: 0 !important;
  object-fit: contain !important;
}

.iw-footer-logo span {
  margin: 0 !important;
}

.iw-footer-copy,
.iw-footer-inline-links a,
.iw-footer-menu a,
.iw-footer-menu li:not(:has(a)) {
  font-weight: 650 !important;
  font-size: 12px !important;
  letter-spacing: -.01em !important;
}

.iw-footer-inline-links a,
.iw-footer-menu a,
.iw-footer-menu li:not(:has(a)) {
  min-height: 24px !important;
  padding: 4px 7px !important;
}

@media (max-width: 900px) {
  .iw-footer {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "logo"
      "left"
      "right" !important;
    text-align: center !important;
    padding: 24px 18px 14px !important;
  }

  .iw-footer-left,
  .iw-footer-right,
  .iw-footer-menu.iw-mini,
  .iw-footer-inline-links,
  .iw-footer-menu ul {
    justify-self: center !important;
    justify-content: center !important;
  }
}

@media (max-width: 760px) {
  .iw-home-featured {
    margin: 18px auto 38px;
  }

  .iw-home-featured__card {
    min-height: 520px;
    border-radius: 24px;
    box-shadow: 7px 7px 0 var(--iw-black);
  }

  .iw-home-featured__shade {
    min-height: 76%;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }

  .iw-home-featured__content {
    padding: 22px;
  }

  .iw-home-featured__content h2 {
    font-size: clamp(32px, 11vw, 48px);
  }

  .iw-footer {
    width: 100% !important;
    margin-top: 18px !important;
    padding: 24px 16px 14px !important;
  }

  .iw-footer-logo {
    transform: translateY(-34px) !important;
    margin-bottom: -30px !important;
  }

  .iw-footer-logo:hover,
  .iw-footer-logo:focus-visible {
    transform: translateY(-38px) rotate(-1deg) scale(1.025) !important;
  }

  .iw-footer-logo-img {
    width: min(152px, 58vw) !important;
    max-height: 68px !important;
  }
}


/* v4.6: Gerade-wichtig-Modul entschärft */
.iw-home-featured__shade {
  min-height: 68% !important;
  background:
    linear-gradient(to top,
      rgba(0,0,0,.94) 0%,
      rgba(0,0,0,.82) 30%,
      rgba(0,0,0,.54) 57%,
      rgba(0,0,0,.18) 82%,
      transparent 100%) !important;
  backdrop-filter: blur(5px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(5px) saturate(1.05) !important;
  mask-image: linear-gradient(to top, #000 0 48%, rgba(0,0,0,.72) 72%, transparent 100%) !important;
  -webkit-mask-image: linear-gradient(to top, #000 0 48%, rgba(0,0,0,.72) 72%, transparent 100%) !important;
}

.iw-home-featured__label,
.iw-home-featured__button {
  display: none !important;
}

.iw-home-featured__content {
  max-width: 860px !important;
  gap: clamp(9px, 1.1vw, 14px) !important;
}

.iw-home-featured__topline {
  gap: 7px !important;
}

.iw-reading-image-badge--featured {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 32px !important;
  padding: 8px 11px !important;
  border: 2px solid var(--iw-black) !important;
  border-radius: 999px !important;
  background: var(--iw-pink) !important;
  color: var(--iw-white) !important;
  box-shadow: 3px 3px 0 var(--iw-black) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: .015em !important;
  text-transform: uppercase !important;
}

.iw-reading-image-badge__icon,
.iw-reading-image-badge--featured .iw-reading-image-badge__icon,
.iw-reading-image-badge--single .iw-reading-image-badge__icon,
.iw-reading-image-badge--card .iw-reading-image-badge__icon {
  width: 17px !important;
  height: 17px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--iw-white) !important;
  color: var(--iw-pink) !important;
  box-shadow: inset 0 0 0 2px rgba(0,0,0,.95) !important;
  overflow: visible !important;
}

.iw-reading-image-badge__icon::before,
.iw-reading-image-badge__icon::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 2px !important;
  border-radius: 999px !important;
  background: var(--iw-black) !important;
  transform-origin: 50% 100% !important;
  opacity: 1 !important;
}

.iw-reading-image-badge__icon::before {
  height: 5.8px !important;
  transform: translate(-50%, -100%) rotate(0deg) !important;
}

.iw-reading-image-badge__icon::after {
  height: 4.8px !important;
  transform: translate(-50%, -100%) rotate(122deg) !important;
}

.iw-home-featured__content h2 {
  max-width: 850px !important;
  font-size: clamp(30px, 4.7vw, 68px) !important;
  line-height: .96 !important;
  letter-spacing: -.048em !important;
  text-wrap: balance !important;
  overflow-wrap: anywhere !important;
  hyphens: auto !important;
}

.iw-home-featured__content h2:has(a) {
  font-size: clamp(30px, 4.7vw, 68px) !important;
}

.iw-home-featured__content p {
  max-width: 680px !important;
  color: rgba(255,255,255,.82) !important;
}

@media (min-width: 1100px) {
  .iw-home-featured__content h2 {
    font-size: clamp(36px, 4.3vw, 66px) !important;
  }
}

@media (max-width: 760px) {
  .iw-home-featured__shade {
    min-height: 82% !important;
    backdrop-filter: blur(4px) saturate(1.05) !important;
    -webkit-backdrop-filter: blur(4px) saturate(1.05) !important;
  }

  .iw-home-featured__content h2 {
    font-size: clamp(27px, 9vw, 42px) !important;
    line-height: 1 !important;
  }

  .iw-reading-image-badge--featured {
    min-height: 30px !important;
    padding: 7px 9px !important;
    font-size: 10px !important;
  }
}


/* v4.7: Featured banner refinement, global reading badge icon, footer notch tune */
.iw-reading-image-badge__icon,
.iw-reading-image-badge--featured .iw-reading-image-badge__icon,
.iw-reading-image-badge--single .iw-reading-image-badge__icon,
.iw-reading-image-badge--card .iw-reading-image-badge__icon {
  position: relative !important;
  background: var(--iw-white) !important;
  color: var(--iw-pink) !important;
  box-shadow: inset 0 0 0 2px var(--iw-pink) !important;
}

.iw-reading-image-badge__icon::before,
.iw-reading-image-badge__icon::after {
  background: var(--iw-pink) !important;
}

.iw-reading-image-badge--featured {
  min-height: 25px !important;
  padding: 6px 9px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--iw-pink) !important;
  color: var(--iw-white) !important;
  box-shadow: none !important;
  font-size: 9.5px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
}

.iw-reading-image-badge--featured .iw-reading-image-badge__icon {
  width: 15px !important;
  height: 15px !important;
}

.iw-reading-image-badge--featured .iw-reading-image-badge__icon::before {
  height: 5px !important;
}

.iw-reading-image-badge--featured .iw-reading-image-badge__icon::after {
  height: 4px !important;
}

.iw-home-featured__topline {
  gap: 8px !important;
}

.iw-home-featured__category,
.iw-home-featured__level {
  min-height: 25px !important;
  padding: 6px 9px !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 999px !important;
  font-size: 9.5px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
}

.iw-home-featured__category {
  background: var(--iw-pink) !important;
  color: var(--iw-white) !important;
}

.iw-home-featured__content h2 {
  max-width: 880px !important;
  font-size: clamp(26px, 4vw, 60px) !important;
  line-height: .96 !important;
  text-wrap: pretty !important;
}

.iw-home-featured__shade {
  min-height: 70% !important;
  background:
    linear-gradient(to top,
      rgba(0,0,0,.94) 0%,
      rgba(0,0,0,.87) 18%,
      rgba(0,0,0,.72) 42%,
      rgba(0,0,0,.42) 66%,
      rgba(0,0,0,.12) 85%,
      transparent 100%) !important;
  backdrop-filter: blur(8px) saturate(1.02) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.02) !important;
  mask-image: linear-gradient(to top, #000 0 53%, rgba(0,0,0,.82) 76%, transparent 100%) !important;
  -webkit-mask-image: linear-gradient(to top, #000 0 53%, rgba(0,0,0,.82) 76%, transparent 100%) !important;
}

.iw-home-featured__read-corner {
  position: absolute;
  right: clamp(-12px, -0.8vw, -8px);
  bottom: clamp(14px, 1.2vw, 18px);
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 9px 14px;
  border: 2px solid var(--iw-pink);
  border-radius: 14px;
  background: var(--iw-white);
  color: var(--iw-pink);
  box-shadow: 4px 4px 0 var(--iw-black);
  font-size: 12px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .05em;
  text-transform: uppercase;
  transform: rotate(-7deg);
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease;
}

.iw-home-featured__card:hover .iw-home-featured__read-corner,
.iw-home-featured__card:focus-visible .iw-home-featured__read-corner {
  transform: rotate(-7deg) translateY(-2px);
  box-shadow: 5px 5px 0 var(--iw-pink);
}

.iw-footer {
  position: relative !important;
  margin-top: 10px !important;
  padding: 22px clamp(20px, 6vw, 86px) 10px !important;
  min-height: 64px !important;
  gap: 0 clamp(16px, 3vw, 40px) !important;
}

.iw-footer::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -1px;
  transform: translate(-50%, -100%);
  width: clamp(168px, 19vw, 236px);
  height: clamp(42px, 5vw, 58px);
  background: rgba(255,255,255,.92);
  border: 2px solid var(--iw-black);
  border-bottom: 0;
  border-radius: 999px 999px 0 0;
  box-shadow: 0 -5px 0 var(--iw-pink);
  z-index: 0;
}

.iw-footer-left,
.iw-footer-right,
.iw-footer-menu.iw-mini {
  align-self: center !important;
  margin-top: -4px !important;
}

.iw-footer-center {
  min-height: 20px !important;
  position: relative;
  z-index: 2;
}

.iw-footer-logo {
  position: relative;
  z-index: 2;
  transform: translateY(-52px) !important;
  margin-bottom: -46px !important;
  max-width: min(280px, 48vw) !important;
}

.iw-footer-logo:hover,
.iw-footer-logo:focus-visible {
  transform: translateY(-58px) rotate(-1deg) scale(1.035) !important;
}

.iw-footer-logo-img {
  width: clamp(150px, 12vw, 210px) !important;
  max-height: clamp(72px, 7vw, 100px) !important;
}

@media (max-width: 760px) {
  .iw-home-featured__shade {
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    min-height: 78% !important;
    border-radius: 24px !important;
    backdrop-filter: blur(5px) saturate(1.02) !important;
    -webkit-backdrop-filter: blur(5px) saturate(1.02) !important;
  }

  .iw-home-featured__content {
    padding: 24px 22px 22px !important;
  }

  .iw-home-featured__content h2 {
    font-size: clamp(24px, 8.4vw, 40px) !important;
  }

  .iw-home-featured__read-corner {
    right: -6px;
    bottom: 14px;
    min-height: 34px;
    padding: 8px 12px;
    font-size: 11px;
  }

  .iw-reading-image-badge--featured {
    min-height: 24px !important;
    padding: 6px 8px !important;
    font-size: 9px !important;
  }

  .iw-footer {
    padding: 20px 16px 10px !important;
  }

  .iw-footer::before {
    width: min(196px, 60vw);
    height: 44px;
  }

  .iw-footer-logo {
    transform: translateY(-42px) !important;
    margin-bottom: -36px !important;
  }

  .iw-footer-logo:hover,
  .iw-footer-logo:focus-visible {
    transform: translateY(-45px) rotate(-1deg) scale(1.02) !important;
  }

  .iw-footer-logo-img {
    width: min(168px, 58vw) !important;
    max-height: 76px !important;
  }
}

/* v4.8: stronger visible footer, featured CTA foreground, unified featured chips */
.iw-home-featured__card {
  overflow: visible !important;
  isolation: isolate !important;
}

.iw-home-featured__media,
.iw-home-featured__media img,
.iw-home-featured__placeholder,
.iw-home-featured__shade {
  border-radius: inherit !important;
  overflow: hidden !important;
}

.iw-home-featured__media {
  z-index: 0 !important;
}

.iw-home-featured__shade {
  z-index: 1 !important;
}

.iw-home-featured__content {
  z-index: 3 !important;
}

.iw-home-featured__read-corner {
  right: -18px !important;
  bottom: 26px !important;
  z-index: 30 !important;
  min-height: 54px !important;
  padding: 14px 22px !important;
  border: 3px solid var(--iw-pink) !important;
  border-radius: 18px !important;
  background: var(--iw-white) !important;
  color: var(--iw-pink) !important;
  box-shadow: 7px 7px 0 var(--iw-black) !important;
  font-size: 15px !important;
  font-weight: 1000 !important;
  letter-spacing: .07em !important;
  transform: rotate(-7deg) translateZ(0) !important;
  pointer-events: none !important;
}

.iw-home-featured__card:hover .iw-home-featured__read-corner,
.iw-home-featured__card:focus-visible .iw-home-featured__read-corner {
  transform: rotate(-7deg) translateY(-4px) scale(1.03) translateZ(0) !important;
  box-shadow: 8px 8px 0 var(--iw-pink) !important;
  background: var(--iw-white) !important;
  color: var(--iw-pink) !important;
}

.iw-reading-image-badge--featured,
.iw-home-featured__category,
.iw-home-featured__level {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 30px !important;
  padding: 8px 11px !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
}

.iw-reading-image-badge--featured,
.iw-home-featured__category {
  background: var(--iw-pink) !important;
  color: var(--iw-white) !important;
}

.iw-home-featured__level {
  background: rgba(255,255,255,.94) !important;
  color: var(--iw-black) !important;
}

.iw-reading-image-badge--featured .iw-reading-image-badge__icon {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 auto !important;
}

.iw-home-featured__content h2 {
  display: inline !important;
  width: fit-content !important;
  max-width: 880px !important;
  padding-bottom: .05em !important;
  background-image: linear-gradient(var(--iw-pink), var(--iw-pink)) !important;
  background-size: 0 0.11em !important;
  background-position: 0 100% !important;
  background-repeat: no-repeat !important;
  transition: background-size .18s ease, color .18s ease !important;
}

.iw-home-featured__card:hover .iw-home-featured__content h2,
.iw-home-featured__card:focus-visible .iw-home-featured__content h2 {
  background-size: 100% 0.11em !important;
}

.iw-footer {
  margin-top: 8px !important;
  padding: 18px clamp(20px, 6vw, 86px) 8px !important;
  min-height: 56px !important;
  border-top: 3px solid var(--iw-black) !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 -6px 0 var(--iw-pink) !important;
  overflow: visible !important;
}

.iw-footer::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: -3px !important;
  transform: translate(-50%, -100%) !important;
  width: clamp(190px, 20vw, 270px) !important;
  height: clamp(52px, 5.4vw, 74px) !important;
  background: var(--iw-bg) !important;
  border: 3px solid var(--iw-black) !important;
  border-bottom: 0 !important;
  border-radius: 999px 999px 0 0 !important;
  box-shadow: 0 -6px 0 var(--iw-pink) !important;
  z-index: 1 !important;
  display: block !important;
}

.iw-footer::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: -3px !important;
  transform: translateX(-50%) !important;
  width: clamp(196px, 20.6vw, 278px) !important;
  height: 7px !important;
  background: var(--iw-bg) !important;
  z-index: 2 !important;
  display: block !important;
}

.iw-footer-left,
.iw-footer-right,
.iw-footer-menu.iw-mini {
  align-self: center !important;
  transform: translateY(-9px) !important;
}

.iw-footer-center {
  align-self: start !important;
  min-height: 10px !important;
  z-index: 3 !important;
}

.iw-footer-logo {
  transform: translateY(-68px) !important;
  margin-bottom: -60px !important;
  z-index: 4 !important;
  max-width: min(320px, 54vw) !important;
}

.iw-footer-logo:hover,
.iw-footer-logo:focus-visible {
  transform: translateY(-75px) rotate(-1deg) scale(1.045) !important;
}

.iw-footer-logo-img {
  width: clamp(172px, 14vw, 244px) !important;
  max-height: clamp(82px, 8vw, 116px) !important;
}

@media (max-width: 760px) {
  .iw-home-featured__read-corner {
    right: -8px !important;
    bottom: 20px !important;
    min-height: 44px !important;
    padding: 11px 16px !important;
    border-radius: 16px !important;
    font-size: 13px !important;
    box-shadow: 5px 5px 0 var(--iw-black) !important;
  }

  .iw-reading-image-badge--featured,
  .iw-home-featured__category,
  .iw-home-featured__level {
    min-height: 28px !important;
    padding: 7px 9px !important;
    font-size: 9.5px !important;
  }

  .iw-home-featured__content h2 {
    display: inline !important;
    width: fit-content !important;
    max-width: 100% !important;
  }

  .iw-footer {
    padding: 18px 16px 10px !important;
    min-height: 58px !important;
  }

  .iw-footer::before {
    width: min(220px, 68vw) !important;
    height: 56px !important;
  }

  .iw-footer::after {
    width: min(226px, 70vw) !important;
  }

  .iw-footer-left,
  .iw-footer-right,
  .iw-footer-menu.iw-mini {
    transform: translateY(-4px) !important;
  }

  .iw-footer-logo {
    transform: translateY(-54px) !important;
    margin-bottom: -48px !important;
  }

  .iw-footer-logo:hover,
  .iw-footer-logo:focus-visible {
    transform: translateY(-58px) rotate(-1deg) scale(1.03) !important;
  }

  .iw-footer-logo-img {
    width: min(188px, 64vw) !important;
    max-height: 86px !important;
  }
}


/* v4.9: Featured banner CTA/copy/chips polish */
.iw-home-featured__read-corner {
  right: -7px !important;
  bottom: -7px !important;
  z-index: 120 !important;
  min-height: 62px !important;
  padding: 17px 26px !important;
  border-width: 3px !important;
  border-radius: 20px 0 22px 0 !important;
  box-shadow: 8px 8px 0 var(--iw-black) !important;
  transform: rotate(-6deg) translateZ(0) !important;
}

.iw-home-featured__card:hover .iw-home-featured__read-corner,
.iw-home-featured__card:focus-visible .iw-home-featured__read-corner {
  transform: rotate(-6deg) translate(-2px, -2px) scale(1.035) translateZ(0) !important;
  box-shadow: 9px 9px 0 var(--iw-pink) !important;
}

.iw-reading-image-badge--featured,
.iw-home-featured__category,
.iw-home-featured__level {
  min-height: 30px !important;
  padding: 8px 11px !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .055em !important;
}

.iw-home-featured__category {
  background: var(--iw-bg) !important;
  color: var(--iw-black) !important;
}

.iw-home-featured__content h2 {
  display: block !important;
  width: fit-content !important;
  max-width: min(880px, 100%) !important;
  background-image: none !important;
  text-decoration-line: underline !important;
  text-decoration-color: transparent !important;
  text-decoration-thickness: .11em !important;
  text-underline-offset: .14em !important;
  text-decoration-skip-ink: none !important;
  transition: text-decoration-color .18s ease, color .18s ease !important;
}

.iw-home-featured__card:hover .iw-home-featured__content h2,
.iw-home-featured__card:focus-visible .iw-home-featured__content h2 {
  background-size: auto !important;
  text-decoration-color: var(--iw-pink) !important;
}

.iw-home-featured__content p::after {
  content: "  ›››";
  color: var(--iw-pink);
  font-weight: 1000;
  letter-spacing: -.15em;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .iw-home-featured__read-corner {
    right: -5px !important;
    bottom: -5px !important;
    min-height: 50px !important;
    padding: 13px 19px !important;
    border-radius: 17px 0 18px 0 !important;
    font-size: 13px !important;
    z-index: 120 !important;
  }

  .iw-reading-image-badge--featured,
  .iw-home-featured__category,
  .iw-home-featured__level {
    min-height: 28px !important;
    padding: 7px 9px !important;
    font-size: 9.5px !important;
  }
}


/* v5.0: mobile featured blur, pink read CTA, footer without notch */
.iw-home-featured__read-corner {
  right: -7px !important;
  bottom: -7px !important;
  z-index: 999 !important;
  background: var(--iw-pink) !important;
  color: var(--iw-white) !important;
  border-color: var(--iw-pink) !important;
  box-shadow: 8px 8px 0 var(--iw-black) !important;
}

.iw-home-featured__card:hover .iw-home-featured__read-corner,
.iw-home-featured__card:focus-visible .iw-home-featured__read-corner {
  background: var(--iw-pink) !important;
  color: var(--iw-white) !important;
  box-shadow: 9px 9px 0 var(--iw-black) !important;
}

.iw-footer {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  grid-template-areas: "left logo right" !important;
  align-items: center !important;
  min-height: 72px !important;
  padding: 10px clamp(20px, 6vw, 86px) !important;
  margin-top: 8px !important;
  border-top: 3px solid var(--iw-black) !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 -5px 0 var(--iw-pink) !important;
  overflow: visible !important;
}

.iw-footer::before,
.iw-footer::after {
  content: none !important;
  display: none !important;
}

.iw-footer-left,
.iw-footer-right,
.iw-footer-menu.iw-mini {
  align-self: center !important;
  transform: none !important;
  margin: 0 !important;
  min-height: 52px !important;
  display: flex !important;
  align-items: center !important;
}

.iw-footer-left {
  justify-content: flex-start !important;
}

.iw-footer-right,
.iw-footer-menu.iw-mini {
  justify-content: flex-end !important;
}

.iw-footer-menu ul,
.iw-footer-inline-links {
  align-items: center !important;
}

.iw-footer-center {
  align-self: center !important;
  justify-self: center !important;
  min-height: 52px !important;
  z-index: 3 !important;
  display: grid !important;
  place-items: center !important;
}

.iw-footer-logo {
  transform: translateY(-16px) !important;
  margin: -18px 0 !important;
  max-width: min(292px, 48vw) !important;
  z-index: 4 !important;
}

.iw-footer-logo:hover,
.iw-footer-logo:focus-visible {
  transform: translateY(-21px) rotate(-1deg) scale(1.035) !important;
}

.iw-footer-logo-img {
  width: clamp(162px, 13vw, 228px) !important;
  max-height: clamp(76px, 7.5vw, 108px) !important;
}

.iw-footer-copy,
.iw-footer-inline-links a,
.iw-footer-menu a,
.iw-footer-menu li:not(:has(a)) {
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 750 !important;
  letter-spacing: -.01em !important;
}

.iw-footer-inline-links a,
.iw-footer-menu a,
.iw-footer-menu li:not(:has(a)) {
  min-height: 30px !important;
  padding: 7px 10px !important;
}

@media (max-width: 760px) {
  .iw-home-featured__shade {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    min-height: 80% !important;
    border-radius: 0 !important;
    mask-image: linear-gradient(to top, #000 0 56%, rgba(0,0,0,.82) 78%, transparent 100%) !important;
    -webkit-mask-image: linear-gradient(to top, #000 0 56%, rgba(0,0,0,.82) 78%, transparent 100%) !important;
  }

  .iw-home-featured__read-corner {
    right: -5px !important;
    bottom: -5px !important;
    background: var(--iw-pink) !important;
    color: var(--iw-white) !important;
    border-color: var(--iw-pink) !important;
    z-index: 999 !important;
  }

  .iw-footer {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "logo"
      "left"
      "right" !important;
    min-height: auto !important;
    padding: 8px 16px 12px !important;
    gap: 4px !important;
    text-align: center !important;
  }

  .iw-footer-left,
  .iw-footer-right,
  .iw-footer-menu.iw-mini {
    justify-self: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    transform: none !important;
  }

  .iw-footer-center {
    min-height: 48px !important;
  }

  .iw-footer-logo {
    transform: translateY(-14px) !important;
    margin: -14px 0 -6px !important;
  }

  .iw-footer-logo:hover,
  .iw-footer-logo:focus-visible {
    transform: translateY(-17px) rotate(-1deg) scale(1.025) !important;
  }

  .iw-footer-logo-img {
    width: min(180px, 62vw) !important;
    max-height: 82px !important;
  }

  .iw-footer-copy,
  .iw-footer-inline-links a,
  .iw-footer-menu a,
  .iw-footer-menu li:not(:has(a)) {
    font-size: 12.5px !important;
  }
}


/* v5.1: Kapitel sauber an Textbox andocken + Aktualität als rosa Top-Bar im Artikel */
.single-post .iw-content--single {
  --iw-article-pad: clamp(24px, 4vw, 54px);
  padding: var(--iw-article-pad) !important;
  overflow: visible !important;
}

.single-post .iw-content--single > .iw-freshness-notice:first-child {
  margin: calc(-1 * var(--iw-article-pad)) calc(-1 * var(--iw-article-pad)) clamp(22px, 3vw, 34px) !important;
  padding: clamp(11px, 1.4vw, 15px) var(--iw-article-pad) !important;
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border: 3px solid var(--iw-black) !important;
  border-left: 3px solid var(--iw-black) !important;
  border-right: 3px solid var(--iw-black) !important;
  border-top: 0 !important;
  border-radius: var(--iw-radius) var(--iw-radius) 0 0 !important;
  background: var(--iw-pink) !important;
  color: var(--iw-white) !important;
  box-shadow: inset 0 -2px 0 rgba(0,0,0,.22) !important;
}

.single-post .iw-content--single > .iw-freshness-notice:first-child .iw-freshness-notice__label {
  background: var(--iw-white) !important;
  color: var(--iw-pink) !important;
  box-shadow: 2px 2px 0 var(--iw-black) !important;
  padding: 7px 10px !important;
  font-size: 10px !important;
  white-space: nowrap !important;
}

.single-post .iw-content--single > .iw-freshness-notice:first-child .iw-freshness-notice__label::before {
  background: var(--iw-pink) !important;
}

.single-post .iw-content--single > .iw-freshness-notice:first-child p {
  color: var(--iw-white) !important;
  font-size: clamp(12px, 1vw, 14px) !important;
  line-height: 1.35 !important;
  font-weight: 760 !important;
}

.single-post .iw-content--single > .iw-freshness-notice:first-child + .iw-single-head {
  margin-top: 0 !important;
}

@media (min-width: 1280px) {
  .single-post .iw-content-wrap--single.iw-post-shell {
    position: relative !important;
    overflow: visible !important;
  }

  .single-post .iw-post-toc,
  .single-post .iw-post-toc.is-js-attached,
  .single-post .iw-post-toc.is-js-sticky,
  .single-post .iw-post-toc.is-js-bottom {
    position: absolute !important;
    top: var(--iw-toc-absolute-top, var(--iw-toc-dock-top, 34px)) !important;
    left: var(--iw-toc-left, calc(100% - 1px)) !important;
    right: auto !important;
    width: clamp(236px, 19vw, 276px) !important;
    margin: 0 !important;
    z-index: 35 !important;
    transform: none !important;
  }

  .single-post .iw-post-toc__inner {
    background: var(--iw-white) !important;
    border: 2px solid var(--iw-black) !important;
    border-left: 0 !important;
    border-radius: 0 18px 18px 0 !important;
    box-shadow: 5px 5px 0 var(--iw-black) !important;
    padding: 12px 11px 12px 12px !important;
    max-height: min(500px, calc(100svh - 150px)) !important;
    overflow: hidden !important;
  }

  .single-post .iw-post-toc__inner::after,
  .single-post .iw-post-toc__inner::before {
    left: 0 !important;
    width: 2px !important;
    background: var(--iw-pink) !important;
  }

  .single-post .iw-post-toc ol {
    max-height: min(392px, calc(100svh - 236px)) !important;
    overflow: auto !important;
  }
}

@media (max-width: 760px) {
  .single-post .iw-content--single {
    --iw-article-pad: 22px;
  }

  .single-post .iw-content--single > .iw-freshness-notice:first-child {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding-top: 12px !important;
    padding-bottom: 13px !important;
  }
}


/* v5.2: Aktualitätsbar füllt Content-Rundungen + Kapitel konsequent am Artikelblock */
.single-post .iw-content--single {
  --iw-article-pad: clamp(24px, 4vw, 54px);
  --iw-freshness-fill: 58px;
  background:
    linear-gradient(to bottom, var(--iw-pink) 0 var(--iw-freshness-fill), var(--iw-paper) var(--iw-freshness-fill) 100%) !important;
  overflow: hidden !important;
}

.single-post .iw-content--single > .iw-freshness-notice:first-child {
  position: relative !important;
  z-index: 2 !important;
  margin: calc(-1 * var(--iw-article-pad)) calc(-1 * var(--iw-article-pad)) clamp(22px, 3vw, 34px) !important;
  padding: clamp(12px, 1.45vw, 16px) var(--iw-article-pad) !important;
  min-height: var(--iw-freshness-fill) !important;
  border: 0 !important;
  border-bottom: 3px solid var(--iw-black) !important;
  border-radius: calc(var(--iw-radius) - 3px) calc(var(--iw-radius) - 3px) 0 0 !important;
  background: var(--iw-pink) !important;
  box-shadow: inset 0 -2px 0 rgba(0,0,0,.22) !important;
}

.single-post .iw-content--single > .iw-freshness-notice:first-child::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: var(--iw-pink);
}

@media (min-width: 1280px) {
  .single-post .iw-content-wrap--single.iw-post-shell {
    position: relative !important;
    overflow: visible !important;
  }

  .single-post .iw-post-toc,
  .single-post .iw-post-toc.is-js-attached,
  .single-post .iw-post-toc.is-js-bottom {
    position: absolute !important;
    top: var(--iw-toc-absolute-top, var(--iw-toc-dock-top, 34px)) !important;
    left: var(--iw-toc-left, calc(100% - 1px)) !important;
    right: auto !important;
    width: clamp(236px, 19vw, 276px) !important;
    margin: 0 !important;
    z-index: 35 !important;
    transform: none !important;
  }

  .single-post .iw-post-toc.is-js-sticky {
    position: fixed !important;
    top: var(--iw-toc-sticky-top, 110px) !important;
    left: var(--iw-toc-fixed-left, auto) !important;
    right: auto !important;
    z-index: 60 !important;
  }

  .single-post .iw-post-toc__inner {
    border-left: 0 !important;
    border-radius: 0 18px 18px 0 !important;
  }
}

@media (max-width: 760px) {
  .single-post .iw-content--single {
    --iw-article-pad: 22px;
    --iw-freshness-fill: 94px;
  }

  .single-post .iw-content--single > .iw-freshness-notice:first-child {
    min-height: var(--iw-freshness-fill) !important;
  }
}


/* v5.3: Consent Modal, Footer Reopen, Mobile Mega Search */
.iw-mobile-search {
  padding-top: 8px !important;
}

.iw-mobile-search-open {
  width: 100%;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 2px solid var(--iw-black);
  border-radius: 16px;
  background: var(--iw-pink);
  color: var(--iw-white);
  box-shadow: 5px 5px 0 var(--iw-black);
  font: inherit;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .055em;
  text-transform: uppercase;
  cursor: pointer;
}

.iw-mobile-search-open span {
  position: relative;
  width: 15px;
  height: 15px;
  border: 2px solid currentColor;
  border-radius: 999px;
}

.iw-mobile-search-open span::after {
  content: "";
  position: absolute;
  right: -7px;
  bottom: -4px;
  width: 8px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transform: rotate(45deg);
}

.iw-mobile-search-open:hover,
.iw-mobile-search-open:focus-visible {
  background: var(--iw-black);
  color: var(--iw-bg);
  transform: translateY(-1px);
}

@media (max-width: 760px) {
  .iw-search-app {
    padding: 10px !important;
    align-items: stretch !important;
  }

  .iw-search-app.is-open {
    display: grid !important;
    place-items: stretch !important;
  }

  .iw-search-app__panel {
    width: 100% !important;
    height: min(92svh, 820px) !important;
    margin-top: 0 !important;
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr) !important;
    border-radius: 22px !important;
    box-shadow: 7px 7px 0 var(--iw-black) !important;
  }

  .iw-search-app__top {
    padding: 18px !important;
    gap: 12px !important;
  }

  .iw-search-app__top h2 {
    font-size: clamp(32px, 11vw, 48px) !important;
  }

  .iw-search-app__form {
    grid-template-columns: 1fr !important;
    padding: 14px !important;
  }

  .iw-search-app__field,
  .iw-search-app__submit {
    min-height: 50px !important;
    border-radius: 16px !important;
  }

  .iw-search-app__body {
    min-height: 0 !important;
    overflow: auto !important;
    padding: 14px !important;
    -webkit-overflow-scrolling: touch;
  }

  .iw-search-app__suggestions {
    max-height: none !important;
    overflow: visible !important;
  }

  .iw-search-app__quick {
    padding-bottom: 8px !important;
  }
}

.iw-cookie-reopen {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 5px 9px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--iw-black);
  font: inherit;
  font-size: 12px;
  line-height: 1;
  font-weight: 760;
  letter-spacing: -.01em;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: var(--iw-pink);
  text-underline-offset: 4px;
}

.iw-cookie-reopen:hover,
.iw-cookie-reopen:focus-visible {
  background: var(--iw-pink);
  color: var(--iw-white);
  text-decoration-color: var(--iw-white);
}

.iw-cookie-lock { overflow: hidden; }

.iw-cookie-consent {
  position: fixed;
  inset: 0;
  z-index: 220;
  display: none;
  padding: clamp(12px, 3vw, 34px);
}

.iw-cookie-consent.is-open {
  display: grid;
  place-items: end start;
}

.iw-cookie-consent__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.48);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.iw-cookie-consent__panel {
  position: relative;
  width: min(760px, 100%);
  max-height: min(88svh, 820px);
  overflow: auto;
  padding: clamp(18px, 3vw, 28px);
  border: 3px solid var(--iw-black);
  border-radius: 28px;
  background: var(--iw-bg);
  color: var(--iw-black);
  box-shadow: 12px 12px 0 var(--iw-black), 18px 18px 0 var(--iw-pink);
  -webkit-overflow-scrolling: touch;
}

.iw-cookie-consent__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 10px;
}

.iw-cookie-consent__kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 28px;
  padding: 7px 10px;
  border-radius: 999px;
  background: var(--iw-black);
  color: var(--iw-bg);
  font-size: 11px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.iw-cookie-consent__kicker::after {
  content: "›››";
  color: var(--iw-pink);
  letter-spacing: -.16em;
}

.iw-cookie-consent__close {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 2px solid var(--iw-black);
  border-radius: 999px;
  background: var(--iw-white);
  color: var(--iw-black);
  font-size: 28px;
  line-height: 1;
  font-weight: 900;
  cursor: pointer;
}

.iw-cookie-consent__close:hover,
.iw-cookie-consent__close:focus-visible {
  background: var(--iw-pink);
  color: var(--iw-white);
}

.iw-cookie-consent h2 {
  margin: 0 0 10px;
  font-size: clamp(34px, 6vw, 64px);
  line-height: .88;
  letter-spacing: -.06em;
  text-transform: uppercase;
  font-weight: 1000;
}

.iw-cookie-consent p {
  max-width: 660px;
  margin: 0 0 18px;
  color: rgba(0,0,0,.72);
  font-size: 14.5px;
  line-height: 1.55;
  font-weight: 650;
}

.iw-cookie-consent__options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0;
}

.iw-cookie-option {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: flex-start;
  padding: 14px;
  border: 2px solid var(--iw-black);
  border-radius: 18px;
  background: var(--iw-white);
  box-shadow: 4px 4px 0 rgba(0,0,0,.13);
  cursor: pointer;
}

.iw-cookie-option--required {
  background: rgba(255,255,255,.78);
}

.iw-cookie-option input {
  width: 20px;
  height: 20px;
  margin-top: 1px;
  accent-color: var(--iw-pink);
}

.iw-cookie-option strong {
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
  line-height: 1.1;
  font-weight: 1000;
  letter-spacing: -.01em;
  text-transform: uppercase;
}

.iw-cookie-option small {
  display: block;
  color: rgba(0,0,0,.66);
  font-size: 12px;
  line-height: 1.42;
  font-weight: 620;
}

.iw-cookie-consent__actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 2px;
}

.iw-cookie-button {
  min-height: 44px;
  padding: 10px 14px;
  border: 2px solid var(--iw-black);
  border-radius: 999px;
  font: inherit;
  font-size: 12px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: .04em;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform .14s ease, background .14s ease, color .14s ease, box-shadow .14s ease;
}

.iw-cookie-button:hover,
.iw-cookie-button:focus-visible {
  transform: translateY(-1px);
}

.iw-cookie-button--ghost {
  background: transparent;
  color: var(--iw-black);
}

.iw-cookie-button--light {
  background: var(--iw-white);
  color: var(--iw-black);
  box-shadow: 3px 3px 0 rgba(0,0,0,.16);
}

.iw-cookie-button--primary {
  background: var(--iw-black);
  color: var(--iw-bg);
  box-shadow: 4px 4px 0 var(--iw-pink);
}

.iw-cookie-button--primary:hover,
.iw-cookie-button--primary:focus-visible {
  background: var(--iw-pink);
  color: var(--iw-white);
  box-shadow: 4px 4px 0 var(--iw-black);
}

@media (max-width: 760px) {
  .iw-cookie-consent {
    padding: 10px;
  }

  .iw-cookie-consent.is-open {
    place-items: end stretch;
  }

  .iw-cookie-consent__panel {
    width: 100%;
    max-height: 88svh;
    border-radius: 24px;
    padding: 18px;
    box-shadow: 7px 7px 0 var(--iw-black), 11px 11px 0 var(--iw-pink);
  }

  .iw-cookie-consent__options {
    grid-template-columns: 1fr;
  }

  .iw-cookie-consent__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .iw-cookie-button {
    width: 100%;
  }
}


/* v5.4: ruhigeres Cookie-Fenster */
.iw-cookie-consent {
  padding: clamp(12px, 2vw, 24px) !important;
}

.iw-cookie-consent.is-open {
  place-items: end center !important;
}

.iw-cookie-consent__backdrop {
  background: rgba(0,0,0,.34) !important;
  backdrop-filter: blur(2px) !important;
  -webkit-backdrop-filter: blur(2px) !important;
}

.iw-cookie-consent__panel {
  width: min(620px, 100%) !important;
  max-height: min(82svh, 660px) !important;
  padding: clamp(16px, 2.2vw, 22px) !important;
  border: 2px solid var(--iw-black) !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.97) !important;
  color: var(--iw-black) !important;
  box-shadow: 7px 7px 0 var(--iw-black) !important;
}

.iw-cookie-consent__head {
  margin-bottom: 6px !important;
}

.iw-cookie-consent__kicker {
  min-height: 23px !important;
  padding: 5px 8px !important;
  background: var(--iw-pink) !important;
  color: var(--iw-white) !important;
  font-size: 9px !important;
  letter-spacing: .065em !important;
}

.iw-cookie-consent__kicker::after {
  display: none !important;
}

.iw-cookie-consent__close {
  width: 34px !important;
  height: 34px !important;
  border-width: 1.5px !important;
  font-size: 22px !important;
  background: var(--iw-white) !important;
}

.iw-cookie-consent h2 {
  margin: 0 0 6px !important;
  font-size: clamp(25px, 4.2vw, 42px) !important;
  line-height: .94 !important;
  letter-spacing: -.045em !important;
}

.iw-cookie-consent p {
  max-width: 520px !important;
  margin: 0 0 12px !important;
  color: rgba(0,0,0,.66) !important;
  font-size: 13px !important;
  line-height: 1.48 !important;
  font-weight: 580 !important;
}

.iw-cookie-consent__details {
  margin: 8px 0 12px !important;
  border-top: 1px solid rgba(0,0,0,.12) !important;
  border-bottom: 1px solid rgba(0,0,0,.12) !important;
  padding: 8px 0 !important;
}

.iw-cookie-consent__details summary {
  width: fit-content !important;
  list-style: none !important;
  cursor: pointer !important;
  color: var(--iw-black) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  text-decoration: underline !important;
  text-decoration-color: var(--iw-pink) !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 3px !important;
}

.iw-cookie-consent__details summary::-webkit-details-marker {
  display: none !important;
}

.iw-cookie-consent__details summary::after {
  content: "  +";
  color: var(--iw-pink);
  font-weight: 1000;
}

.iw-cookie-consent__details[open] summary::after {
  content: "  –";
}

.iw-cookie-consent__options {
  grid-template-columns: 1fr !important;
  gap: 7px !important;
  margin: 11px 0 0 !important;
}

.iw-cookie-option {
  gap: 9px !important;
  padding: 9px 10px !important;
  border: 1.5px solid rgba(0,0,0,.18) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  background: #fff !important;
}

.iw-cookie-option input {
  width: 17px !important;
  height: 17px !important;
  margin-top: 0 !important;
}

.iw-cookie-option strong {
  margin-bottom: 3px !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .02em !important;
}

.iw-cookie-option small {
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 520 !important;
}

.iw-cookie-consent__actions {
  justify-content: flex-end !important;
  gap: 8px !important;
  padding-top: 0 !important;
}

.iw-cookie-button {
  min-height: 36px !important;
  padding: 8px 11px !important;
  border-width: 1.5px !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: .035em !important;
  box-shadow: none !important;
}

.iw-cookie-button--ghost {
  background: transparent !important;
  color: rgba(0,0,0,.68) !important;
}

.iw-cookie-button--light {
  background: var(--iw-white) !important;
  color: var(--iw-black) !important;
}

.iw-cookie-button--primary {
  background: var(--iw-black) !important;
  color: var(--iw-bg) !important;
  box-shadow: 3px 3px 0 var(--iw-pink) !important;
}

@media (max-width: 760px) {
  .iw-cookie-consent {
    padding: 8px !important;
  }

  .iw-cookie-consent.is-open {
    place-items: end stretch !important;
  }

  .iw-cookie-consent__panel {
    border-radius: 18px !important;
    padding: 15px !important;
    box-shadow: 5px 5px 0 var(--iw-black) !important;
  }

  .iw-cookie-consent__actions {
    grid-template-columns: 1fr 1fr !important;
  }

  .iw-cookie-button {
    width: 100% !important;
  }

  .iw-cookie-button--primary {
    grid-column: 1 / -1 !important;
  }
}


/* v5.5: Suche statt Mega-Suche, mobile Suche/Burger stabilisiert */
.iw-mobile-search-open strong::before,
.iw-mobile-search-open strong::after {
  content: none !important;
}

.iw-mobile-search-open {
  min-height: 46px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: var(--iw-black) !important;
  color: var(--iw-bg) !important;
  box-shadow: 4px 4px 0 var(--iw-pink) !important;
  line-height: 1 !important;
  -webkit-tap-highlight-color: transparent;
}

.iw-mobile-search-open:hover,
.iw-mobile-search-open:focus-visible {
  background: var(--iw-pink) !important;
  color: var(--iw-white) !important;
  box-shadow: 4px 4px 0 var(--iw-black) !important;
}

.iw-mobile-search-open span {
  flex: 0 0 auto !important;
  width: 15px !important;
  height: 15px !important;
  border: 2px solid currentColor !important;
  border-radius: 999px !important;
  background: transparent !important;
  transform: none !important;
}

.iw-mobile-search-open span::before {
  content: none !important;
}

.iw-mobile-search-open span::after {
  right: -7px !important;
  bottom: -4px !important;
  width: 8px !important;
  height: 2px !important;
  background: currentColor !important;
  transform: rotate(45deg) !important;
}

@media (max-width: 980px) {
  .iw-menu--mobile {
    position: relative !important;
    z-index: 90 !important;
  }

  .iw-burger {
    position: relative !important;
    z-index: 92 !important;
    width: 48px !important;
    height: 48px !important;
    display: inline-grid !important;
    place-items: center !important;
    padding: 0 !important;
    line-height: 1 !important;
    border-radius: 999px !important;
    -webkit-tap-highlight-color: transparent;
  }

  .iw-burger-lines {
    width: 22px !important;
    height: 17px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 0 !important;
  }

  .iw-burger-lines span {
    width: 22px !important;
    height: 2px !important;
    min-height: 2px !important;
    display: block !important;
    flex: 0 0 2px !important;
    border-radius: 999px !important;
    transform-origin: center !important;
  }

  .iw-menu-toggle:checked + .iw-burger .iw-burger-lines span:nth-child(1) {
    transform: translateY(7.5px) rotate(45deg) !important;
  }

  .iw-menu-toggle:checked + .iw-burger .iw-burger-lines span:nth-child(2) {
    opacity: 0 !important;
    transform: scaleX(.2) !important;
  }

  .iw-menu-toggle:checked + .iw-burger .iw-burger-lines span:nth-child(3) {
    transform: translateY(-7.5px) rotate(-45deg) !important;
  }

  .iw-nav--mobile {
    z-index: 91 !important;
    max-height: min(74svh, 620px) !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 760px) {
  .iw-search-app__panel {
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100svh - 20px) !important;
    grid-template-rows: auto auto auto !important;
  }

  .iw-search-app__top h2 {
    font-size: clamp(28px, 9.4vw, 42px) !important;
  }

  .iw-search-app__body {
    display: none !important;
  }

  .iw-search-app__suggestions,
  .iw-search-app__quick,
  .iw-search-app__result-head,
  .iw-search-app__result,
  .iw-search-app__hint {
    display: none !important;
  }

  .iw-search-app__form {
    padding: 14px 14px 16px !important;
    gap: 10px !important;
  }

  .iw-search-app__field,
  .iw-search-app__submit {
    min-height: 48px !important;
    font-size: 15px !important;
  }
}


/* v5.6: Mobile Suche wieder wie vorher mit Vorschlägen */
@media (max-width: 760px) {
  .iw-search-app__panel {
    height: min(94svh, 760px) !important;
    max-height: calc(100svh - 20px) !important;
    display: grid !important;
    grid-template-rows: auto auto 1fr !important;
    overflow: hidden !important;
  }

  .iw-search-app__body {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 12px 14px 14px !important;
    gap: 12px !important;
  }

  .iw-search-app__suggestions,
  .iw-search-app__quick,
  .iw-search-app__result-head,
  .iw-search-app__result,
  .iw-search-app__hint {
    display: initial !important;
  }

  .iw-search-app__suggestions {
    display: grid !important;
    gap: 8px !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding-right: 4px !important;
  }

  .iw-search-app__quick {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 0 2px !important;
  }

  .iw-search-app__result {
    display: grid !important;
    gap: 4px !important;
    padding: 11px 12px !important;
    border-radius: 16px !important;
    background: var(--iw-white) !important;
    color: var(--iw-black) !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,.18) !important;
  }

  .iw-search-app__result strong,
  .iw-search-app__result-title {
    font-size: 14px !important;
    line-height: 1.18 !important;
    overflow-wrap: anywhere !important;
  }

  .iw-search-app__result p,
  .iw-search-app__hint {
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    overflow-wrap: anywhere !important;
  }

  .iw-search-app__form {
    padding: 12px 14px !important;
  }
}


/* v5.7: Startseiten-Kategorietitel als rosa Brush-Label */
.front-page .iw-home-section-copy,
.home .iw-home-section-copy {
  display: block !important;
  max-width: 860px !important;
}

.front-page .iw-home-section-copy::before,
.home .iw-home-section-copy::before {
  display: none !important;
  content: none !important;
}

.front-page .iw-home-section-head .iw-section-title,
.home .iw-home-section-head .iw-section-title {
  display: inline-block !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: .34em .62em .38em !important;
  background: var(--iw-pink) !important;
  color: var(--iw-white) !important;
  border-radius: 7px 11px 8px 10px !important;
  box-shadow: 5px 5px 0 var(--iw-black) !important;
  clip-path: polygon(1.5% 12%, 7% 4%, 18% 7%, 31% 2%, 46% 8%, 63% 4%, 79% 8%, 93% 3%, 99% 14%, 97% 29%, 100% 46%, 96% 58%, 99% 73%, 95% 88%, 84% 96%, 66% 92%, 51% 98%, 36% 93%, 19% 97%, 7% 91%, 0 78%, 2% 60%, 0 45%, 3% 28%) !important;
  text-wrap: balance !important;
  overflow-wrap: anywhere !important;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.front-page .iw-home-section-head .iw-section-title::before,
.home .iw-home-section-head .iw-section-title::before,
.front-page .iw-home-section-head .iw-section-title::after,
.home .iw-home-section-head .iw-section-title::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 16px;
  height: 78%;
  background: var(--iw-pink);
  z-index: -1;
  transform: translateY(-50%) rotate(-2deg);
  filter: blur(.25px);
}

.front-page .iw-home-section-head .iw-section-title::before,
.home .iw-home-section-head .iw-section-title::before {
  left: -6px;
  border-radius: 10px 0 0 10px;
  clip-path: polygon(20% 0, 100% 7%, 92% 26%, 100% 49%, 88% 71%, 100% 100%, 0 92%, 10% 67%, 0 45%, 12% 18%);
}

.front-page .iw-home-section-head .iw-section-title::after,
.home .iw-home-section-head .iw-section-title::after {
  right: -7px;
  border-radius: 0 10px 10px 0;
  clip-path: polygon(0 6%, 88% 0, 100% 18%, 92% 43%, 100% 63%, 87% 86%, 100% 100%, 7% 93%, 0 72%, 8% 45%, 0 23%);
}

.front-page .iw-section-description,
.home .iw-section-description {
  display: block !important;
  margin-top: 12px !important;
  padding-left: 2px !important;
  color: rgba(0,0,0,.76) !important;
}

@media (max-width: 760px) {
  .front-page .iw-home-section-head .iw-section-title,
  .home .iw-home-section-head .iw-section-title {
    font-size: clamp(21px, 6.2vw, 30px) !important;
    padding: .34em .58em .4em !important;
    box-shadow: 4px 4px 0 var(--iw-black) !important;
  }

  .front-page .iw-home-section-head .iw-section-title::before,
  .home .iw-home-section-head .iw-section-title::before,
  .front-page .iw-home-section-head .iw-section-title::after,
  .home .iw-home-section-head .iw-section-title::after {
    width: 12px;
  }
}


/* v5.8: Quellenzusammenfassung als eigene Contentbox + Kapitelbox im rosa Brush-Look */
.single-post .iw-sources-box--standalone {
  width: 100% !important;
  max-width: 1120px !important;
  margin: clamp(22px, 3.2vw, 34px) auto 0 !important;
  padding: 0 !important;
  border: 3px solid var(--iw-black) !important;
  border-radius: var(--iw-radius) !important;
  background: var(--iw-paper) !important;
  box-shadow: var(--iw-shadow) !important;
  overflow: hidden !important;
}

.single-post .iw-sources-box--standalone .iw-sources-box__head {
  padding: clamp(16px, 2.4vw, 24px) clamp(20px, 3.4vw, 34px) !important;
  border-bottom: 3px solid var(--iw-black) !important;
  background: var(--iw-white) !important;
}

.single-post .iw-sources-box--standalone .iw-sources-box__head span::before {
  display: none !important;
  content: none !important;
}

.single-post .iw-sources-box--standalone .iw-sources-box__head span {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: var(--iw-pink) !important;
  color: var(--iw-white) !important;
  box-shadow: 4px 4px 0 var(--iw-black) !important;
  font-size: clamp(17px, 1.7vw, 25px) !important;
  line-height: 1 !important;
  letter-spacing: -.025em !important;
  text-transform: uppercase !important;
}

.single-post .iw-sources-box--standalone .iw-sources-box__head em {
  border: 0 !important;
  background: var(--iw-bg) !important;
  color: var(--iw-black) !important;
  box-shadow: none !important;
}

.single-post .iw-sources-box--standalone li {
  padding-left: clamp(20px, 3.4vw, 34px) !important;
  padding-right: clamp(20px, 3.4vw, 34px) !important;
}

@media (min-width: 1280px) {
  .single-post .iw-post-toc__inner {
    background: var(--iw-pink) !important;
    color: var(--iw-white) !important;
    border: 2px solid var(--iw-black) !important;
    border-left: 0 !important;
    border-radius: 0 18px 18px 0 !important;
    box-shadow: 7px 7px 0 var(--iw-black) !important;
    clip-path: polygon(0 0, 94% 0, 100% 4%, 97% 13%, 100% 23%, 96% 34%, 100% 46%, 97% 58%, 100% 70%, 96% 82%, 99% 94%, 92% 100%, 0 100%) !important;
    overflow: hidden !important;
  }

  .single-post .iw-post-toc__inner::before,
  .single-post .iw-post-toc__inner::after {
    display: none !important;
    content: none !important;
  }

  .single-post .iw-post-toc__head {
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(255,255,255,.34) !important;
  }

  .single-post .iw-post-toc__eyebrow {
    color: var(--iw-white) !important;
    letter-spacing: .05em !important;
  }

  .single-post .iw-post-toc__eyebrow::before {
    color: var(--iw-bg) !important;
  }

  .single-post .iw-post-toc__toggle {
    background: var(--iw-white) !important;
    color: var(--iw-pink) !important;
    border-color: var(--iw-white) !important;
    box-shadow: 2px 2px 0 var(--iw-black) !important;
  }

  .single-post .iw-post-toc__toggle:hover,
  .single-post .iw-post-toc__toggle:focus-visible {
    background: var(--iw-bg) !important;
    color: var(--iw-black) !important;
  }

  .single-post .iw-post-toc ol {
    scrollbar-color: var(--iw-white) rgba(0,0,0,.18) !important;
  }

  .single-post .iw-post-toc ol::-webkit-scrollbar-track {
    background: rgba(0,0,0,.18) !important;
  }

  .single-post .iw-post-toc ol::-webkit-scrollbar-thumb {
    background: var(--iw-white) !important;
    border-color: var(--iw-pink) !important;
  }

  .single-post .iw-post-toc a {
    color: var(--iw-white) !important;
    background: rgba(255,255,255,.09) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    text-decoration: none !important;
  }

  .single-post .iw-post-toc a::before {
    color: var(--iw-bg) !important;
  }

  .single-post .iw-post-toc a:hover,
  .single-post .iw-post-toc a.is-active {
    background: var(--iw-white) !important;
    color: var(--iw-pink) !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,.45) !important;
  }

  .single-post .iw-post-toc a:hover::before,
  .single-post .iw-post-toc a.is-active::before {
    color: var(--iw-black) !important;
  }
}

@media (max-width: 760px) {
  .single-post .iw-sources-box--standalone {
    border-radius: 22px !important;
    box-shadow: 7px 7px 0 var(--iw-black) !important;
  }

  .single-post .iw-sources-box--standalone .iw-sources-box__head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .single-post .iw-sources-box--standalone .iw-sources-box__head span {
    font-size: 18px !important;
  }
}


/* v5.9: Quellenbox auf Beitragsbreite + Kapitelbox wieder flach/weiß */
.single-post .iw-sources-box--standalone {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: clamp(22px, 3.2vw, 34px) auto 0 !important;
  padding: 0 !important;
  border: 3px solid var(--iw-black) !important;
  border-radius: var(--iw-radius) !important;
  background: var(--iw-paper) !important;
  box-shadow: var(--iw-shadow) !important;
  overflow: hidden !important;
}

.single-post .iw-sources-box--standalone .iw-sources-box__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: clamp(15px, 2.2vw, 22px) clamp(22px, 4vw, 54px) !important;
  border-bottom: 3px solid var(--iw-black) !important;
  background: var(--iw-white) !important;
}

.single-post .iw-sources-box--standalone .iw-sources-box__head span {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  padding: 7px 11px !important;
  border-radius: 999px !important;
  background: var(--iw-pink) !important;
  color: var(--iw-white) !important;
  box-shadow: 3px 3px 0 var(--iw-black) !important;
  font-size: clamp(16px, 1.45vw, 22px) !important;
  line-height: 1 !important;
  letter-spacing: -.02em !important;
  text-transform: uppercase !important;
}

.single-post .iw-sources-box--standalone .iw-sources-box__head em {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 6px 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--iw-bg) !important;
  color: var(--iw-black) !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 950 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}

.single-post .iw-sources-box--standalone ol {
  padding: clamp(4px, 1vw, 10px) 0 !important;
}

.single-post .iw-sources-box--standalone li {
  padding-left: clamp(22px, 4vw, 54px) !important;
  padding-right: clamp(22px, 4vw, 54px) !important;
}

@media (min-width: 1280px) {
  .single-post .iw-post-toc__inner {
    background: var(--iw-white) !important;
    color: var(--iw-black) !important;
    border: 2px solid var(--iw-black) !important;
    border-left: 0 !important;
    border-radius: 0 16px 16px 0 !important;
    box-shadow: 4px 4px 0 var(--iw-black) !important;
    clip-path: none !important;
    padding: 10px !important;
    max-height: min(500px, calc(100svh - 150px)) !important;
    overflow: hidden !important;
  }

  .single-post .iw-post-toc__inner::before,
  .single-post .iw-post-toc__inner::after {
    display: none !important;
    content: none !important;
  }

  .single-post .iw-post-toc__head {
    margin: 0 0 8px !important;
    padding: 0 0 9px !important;
    border-bottom: 1px solid rgba(0,0,0,.12) !important;
  }

  .single-post .iw-post-toc__eyebrow {
    color: var(--iw-black) !important;
    font-size: 11px !important;
    letter-spacing: .08em !important;
  }

  .single-post .iw-post-toc__eyebrow::before {
    color: var(--iw-pink) !important;
  }

  .single-post .iw-post-toc__toggle {
    width: 30px !important;
    height: 30px !important;
    background: var(--iw-white) !important;
    color: var(--iw-black) !important;
    border: 2px solid var(--iw-black) !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,.18) !important;
  }

  .single-post .iw-post-toc__toggle:hover,
  .single-post .iw-post-toc__toggle:focus-visible {
    background: var(--iw-pink) !important;
    color: var(--iw-white) !important;
    transform: translateY(-1px) !important;
  }

  .single-post .iw-post-toc ol {
    display: grid !important;
    gap: 2px !important;
    max-height: min(392px, calc(100svh - 236px)) !important;
    padding-right: 4px !important;
    overflow: auto !important;
    scrollbar-color: var(--iw-pink) rgba(0,0,0,.08) !important;
  }

  .single-post .iw-post-toc ol::-webkit-scrollbar-track {
    background: rgba(0,0,0,.08) !important;
    border: 0 !important;
  }

  .single-post .iw-post-toc ol::-webkit-scrollbar-thumb {
    background: var(--iw-pink) !important;
    border: 2px solid var(--iw-white) !important;
  }

  .single-post .iw-post-toc li {
    margin: 0 !important;
  }

  .single-post .iw-post-toc a {
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 7px !important;
    align-items: start !important;
    padding: 8px 8px !important;
    border: 0 !important;
    border-left: 3px solid transparent !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: rgba(0,0,0,.72) !important;
    box-shadow: none !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 760 !important;
    text-decoration: none !important;
  }

  .single-post .iw-post-toc a::before {
    color: rgba(0,0,0,.38) !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
  }

  .single-post .iw-post-toc a:hover,
  .single-post .iw-post-toc a.is-active {
    border-left-color: var(--iw-pink) !important;
    background: rgba(255,10,138,.08) !important;
    color: var(--iw-black) !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .single-post .iw-post-toc a:hover::before,
  .single-post .iw-post-toc a.is-active::before {
    color: var(--iw-pink) !important;
  }
}

@media (max-width: 760px) {
  .single-post .iw-sources-box--standalone {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 22px !important;
  }

  .single-post .iw-sources-box--standalone .iw-sources-box__head {
    align-items: flex-start !important;
    flex-direction: column !important;
    padding: 18px 22px !important;
  }

  .single-post .iw-sources-box--standalone .iw-sources-box__head span {
    font-size: 18px !important;
  }

  .single-post .iw-sources-box--standalone li {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
}


/* v6.2: Gesponsert/Kooperation marking */
.iw-card-thumb,
.iw-featured--postwide,
.iw-home-featured__card,
.iw-related-card__media {
  position: relative;
}

.iw-ad-ribbon {
  position: absolute;
  z-index: 9;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 118px;
  min-height: 30px;
  padding: 7px 14px;
  background: var(--iw-pink);
  color: var(--iw-white);
  border: 2px solid var(--iw-black);
  box-shadow: 4px 4px 0 var(--iw-black);
  font-size: 10px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
  pointer-events: none;
  transform: rotate(-11deg);
}

.iw-ad-ribbon--card {
  top: 14px;
  right: -18px;
}

.iw-ad-ribbon--featured {
  top: clamp(22px, 3vw, 38px);
  right: clamp(18px, 3vw, 42px);
  min-width: clamp(132px, 13vw, 182px);
  min-height: clamp(34px, 3.2vw, 44px);
  font-size: clamp(10px, .95vw, 13px);
  box-shadow: 6px 6px 0 var(--iw-black);
}

.iw-ad-ribbon--single {
  top: clamp(18px, 2.2vw, 28px);
  right: clamp(18px, 2.2vw, 30px);
  min-width: clamp(140px, 13vw, 190px);
  min-height: clamp(36px, 3vw, 46px);
  font-size: clamp(11px, .95vw, 13px);
  box-shadow: 6px 6px 0 var(--iw-black);
}

.iw-ad-ribbon--related {
  top: 12px;
  right: -18px;
}

.iw-sponsored-disclaimer {
  margin: clamp(28px, 4vw, 44px) 0 0;
  padding: clamp(18px, 2.2vw, 24px);
  border: 2px solid var(--iw-black);
  border-radius: 20px;
  background: var(--iw-white);
  box-shadow: 6px 6px 0 var(--iw-pink);
}

.iw-sponsored-disclaimer strong {
  display: inline-flex;
  width: fit-content;
  margin: 0 0 10px;
  padding: 7px 10px;
  border-radius: 999px;
  background: var(--iw-pink);
  color: var(--iw-white);
  font-size: 11px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.iw-sponsored-disclaimer p {
  margin: 0;
  color: rgba(0,0,0,.74);
  font-size: 14px;
  line-height: 1.65;
  font-weight: 620;
}

.iw-sponsored-disclaimer a {
  color: var(--iw-black);
  font-weight: 900;
  text-decoration: underline;
  text-decoration-color: var(--iw-pink);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

@media (max-width: 760px) {
  .iw-ad-ribbon {
    min-width: 98px;
    min-height: 27px;
    padding: 6px 11px;
    font-size: 9px;
    box-shadow: 3px 3px 0 var(--iw-black);
  }

  .iw-ad-ribbon--card,
  .iw-ad-ribbon--related {
    top: 10px;
    right: -14px;
  }

  .iw-ad-ribbon--featured,
  .iw-ad-ribbon--single {
    top: 14px;
    right: 12px;
    min-width: 108px;
    min-height: 30px;
    font-size: 9px;
  }

  .iw-sponsored-disclaimer {
    margin-top: 26px;
    border-radius: 18px;
    box-shadow: 5px 5px 0 var(--iw-pink);
  }
}


/* v6.2: Gesponsert/Kooperation disclosure copy */
.iw-sponsored-disclaimer strong {
  background: var(--iw-pink) !important;
}

.iw-sponsored-disclaimer a {
  display: block !important;
  width: fit-content !important;
  margin-top: 10px !important;
}

.iw-ad-ribbon {
  min-width: 132px !important;
}

@media (max-width: 760px) {
  .iw-ad-ribbon {
    min-width: 112px !important;
  }
}


/* v6.3: Mobile fix for single-post reading-time badge */
@media (max-width: 660px) {
  .single-post .iw-featured--postwide .iw-reading-image-badge--single {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    left: 10px !important;
    bottom: 10px !important;
    width: auto !important;
    min-width: 84px !important;
    max-width: calc(100% - 24px) !important;
    min-height: 32px !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }

  .single-post .iw-featured--postwide .iw-reading-image-badge--single .iw-reading-image-badge__icon {
    width: 15px !important;
    height: 15px !important;
    flex: 0 0 15px !important;
    margin: 0 !important;
  }

  .single-post .iw-featured--postwide:has(.iw-image-credit) .iw-reading-image-badge--single {
    max-width: calc(100% - 112px) !important;
    min-width: 80px !important;
  }
}

@media (max-width: 390px) {
  .single-post .iw-featured--postwide .iw-reading-image-badge--single {
    min-width: 78px !important;
    padding: 7px 9px !important;
    font-size: 9.5px !important;
  }
}


/* v6.4: Desktop-Figuren links/rechts am Startseiten-Hero */
.front-page .iw-hero,
.home .iw-hero {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
}

.iw-hero-inner {
  position: relative;
  z-index: 2;
}

.iw-hero-people {
  display: none;
}

@media (min-width: 1100px) {
  .front-page .iw-hero-people,
  .home .iw-hero-people {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    pointer-events: none;
    overflow: visible;
  }

  .front-page .iw-hero-person,
  .home .iw-hero-person {
    position: absolute;
    bottom: clamp(-34px, -2.3vw, -18px);
    width: clamp(230px, 22vw, 390px);
    max-height: min(72vh, 620px);
    object-fit: contain;
    object-position: bottom center;
    opacity: .96;
    filter: drop-shadow(10px 18px 0 rgba(0,0,0,.10));
    transform-origin: bottom center;
    -webkit-mask-image: linear-gradient(to bottom, #000 0 72%, rgba(0,0,0,.82) 84%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 0 72%, rgba(0,0,0,.82) 84%, transparent 100%);
  }

  .front-page .iw-hero-person--left,
  .home .iw-hero-person--left {
    left: max(-72px, calc((100vw - 1320px) / -2 + 4px));
    transform: translateX(-8%) rotate(-1.5deg);
  }

  .front-page .iw-hero-person--right,
  .home .iw-hero-person--right {
    right: max(-72px, calc((100vw - 1320px) / -2 + 4px));
    transform: translateX(8%) rotate(1.5deg);
  }

  .front-page .iw-marquee,
  .home .iw-marquee {
    position: relative;
    z-index: 3;
  }
}

@media (min-width: 1400px) {
  .front-page .iw-hero-person,
  .home .iw-hero-person {
    width: clamp(300px, 23vw, 440px);
  }
}

@media (max-width: 1099px) {
  .front-page .iw-hero-people,
  .home .iw-hero-people {
    display: none !important;
  }
}


/* v6.5: Hero-Figuren auch mobil, sehr dezent und störungsfrei */
@media (max-width: 1099px) {
  .front-page .iw-hero,
  .home .iw-hero {
    overflow: hidden !important;
  }

  .front-page .iw-hero-people,
  .home .iw-hero-people {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: block !important;
    pointer-events: none !important;
    overflow: hidden !important;
  }

  .front-page .iw-hero-person,
  .home .iw-hero-person {
    position: absolute !important;
    bottom: clamp(8px, 6vw, 42px) !important;
    width: clamp(112px, 30vw, 210px) !important;
    max-height: 58svh !important;
    object-fit: contain !important;
    object-position: bottom center !important;
    opacity: .34 !important;
    filter: drop-shadow(7px 12px 0 rgba(0,0,0,.08)) saturate(.96) !important;
    -webkit-mask-image: linear-gradient(to bottom, #000 0 62%, rgba(0,0,0,.7) 78%, transparent 100%) !important;
    mask-image: linear-gradient(to bottom, #000 0 62%, rgba(0,0,0,.7) 78%, transparent 100%) !important;
  }

  .front-page .iw-hero-person--left,
  .home .iw-hero-person--left {
    left: clamp(-76px, -14vw, -38px) !important;
    transform: rotate(-2deg) !important;
  }

  .front-page .iw-hero-person--right,
  .home .iw-hero-person--right {
    right: clamp(-76px, -14vw, -38px) !important;
    transform: rotate(2deg) !important;
  }

  .front-page .iw-hero-inner,
  .home .iw-hero-inner,
  .front-page .iw-marquee,
  .home .iw-marquee {
    position: relative !important;
    z-index: 3 !important;
  }
}

@media (max-width: 560px) {
  .front-page .iw-hero-person,
  .home .iw-hero-person {
    width: clamp(96px, 34vw, 150px) !important;
    opacity: .24 !important;
    bottom: clamp(18px, 12vw, 62px) !important;
  }

  .front-page .iw-hero-person--left,
  .home .iw-hero-person--left {
    left: clamp(-78px, -23vw, -54px) !important;
  }

  .front-page .iw-hero-person--right,
  .home .iw-hero-person--right {
    right: clamp(-78px, -23vw, -54px) !important;
  }
}

@media (max-width: 380px) {
  .front-page .iw-hero-person,
  .home .iw-hero-person {
    opacity: .18 !important;
  }
}


/* v6.6: Sharebar unten an der Contentbox + redaktioneller Trust-Block */
.single-post .iw-post-sharebar {
  width: min(1120px, 100%) !important;
  margin: -3px auto 0 !important;
  padding: clamp(14px, 2vw, 20px) clamp(20px, 4vw, 54px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: clamp(14px, 2.4vw, 28px) !important;
  border: 3px solid var(--iw-black) !important;
  border-top: 0 !important;
  border-radius: 0 0 var(--iw-radius) var(--iw-radius) !important;
  background: var(--iw-pink) !important;
  color: var(--iw-white) !important;
  box-shadow: 8px 8px 0 var(--iw-black) !important;
  overflow: hidden !important;
}

.single-post .iw-post-sharebar__copy {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

.single-post .iw-post-sharebar__copy strong {
  color: var(--iw-white) !important;
  font-size: clamp(13px, 1.25vw, 16px) !important;
  font-weight: 1000 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  letter-spacing: .02em !important;
}

.single-post .iw-post-sharebar__copy span {
  color: rgba(255,255,255,.82) !important;
  font-size: 12px !important;
  font-weight: 680 !important;
  line-height: 1.35 !important;
}

.single-post .iw-post-sharebar__actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.single-post .iw-post-sharebar__button {
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 8px 11px !important;
  border: 2px solid var(--iw-black) !important;
  border-radius: 999px !important;
  background: var(--iw-white) !important;
  color: var(--iw-black) !important;
  box-shadow: 3px 3px 0 var(--iw-black) !important;
  font: inherit !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: .035em !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: transform .14s ease, background .14s ease, color .14s ease, box-shadow .14s ease !important;
}

.single-post .iw-post-sharebar__button:hover,
.single-post .iw-post-sharebar__button:focus-visible,
.single-post .iw-post-sharebar__button.is-copied {
  transform: translateY(-1px) !important;
  background: var(--iw-black) !important;
  color: var(--iw-bg) !important;
  box-shadow: 3px 3px 0 var(--iw-white) !important;
  outline: none !important;
}

.single-post .iw-editorial-trust {
  width: min(1120px, 100%) !important;
  margin: clamp(18px, 2.8vw, 30px) auto 0 !important;
  padding: clamp(18px, 2.7vw, 28px) clamp(20px, 4vw, 42px) !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: clamp(14px, 2vw, 22px) !important;
  align-items: center !important;
  border: 3px solid var(--iw-black) !important;
  border-radius: var(--iw-radius) !important;
  background: var(--iw-white) !important;
  color: var(--iw-black) !important;
  box-shadow: var(--iw-shadow) !important;
}

.single-post .iw-editorial-trust__mark {
  width: clamp(48px, 5vw, 64px) !important;
  height: clamp(48px, 5vw, 64px) !important;
  display: grid !important;
  place-items: center !important;
  border: 2px solid var(--iw-black) !important;
  border-radius: 18px !important;
  background: var(--iw-bg) !important;
  color: var(--iw-black) !important;
  box-shadow: 4px 4px 0 var(--iw-pink) !important;
  font-size: clamp(16px, 1.7vw, 22px) !important;
  font-weight: 1000 !important;
  letter-spacing: -.06em !important;
}

.single-post .iw-editorial-trust__content {
  display: grid !important;
  gap: 6px !important;
}

.single-post .iw-editorial-trust__content strong {
  color: var(--iw-black) !important;
  font-size: clamp(17px, 1.7vw, 24px) !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: -.035em !important;
  text-transform: uppercase !important;
}

.single-post .iw-editorial-trust__content p {
  margin: 0 !important;
  color: rgba(0,0,0,.72) !important;
  font-size: clamp(13px, 1.05vw, 15px) !important;
  line-height: 1.55 !important;
  font-weight: 650 !important;
}

@media (max-width: 760px) {
  .single-post .iw-post-sharebar {
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 16px 18px !important;
    border-radius: 0 0 22px 22px !important;
    box-shadow: 6px 6px 0 var(--iw-black) !important;
  }

  .single-post .iw-post-sharebar__actions {
    justify-content: flex-start !important;
  }

  .single-post .iw-post-sharebar__button {
    min-height: 36px !important;
    padding: 9px 11px !important;
    font-size: 10px !important;
  }

  .single-post .iw-editorial-trust {
    grid-template-columns: 1fr !important;
    padding: 20px !important;
    border-radius: 22px !important;
  }

  .single-post .iw-editorial-trust__mark {
    width: 52px !important;
    height: 52px !important;
  }
}


/* v6.7: Redaktioneller Anspruch + Fehlerfinder als gemeinsame angedockte Box */
.single-post .iw-editorial-trust {
  display: none !important;
}

.single-post .iw-editorial-correction {
  margin-top: clamp(28px, 4vw, 42px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(280px, .92fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 3px solid var(--iw-black) !important;
  border-radius: 24px !important;
  background: var(--iw-white) !important;
  box-shadow: 7px 7px 0 rgba(0,0,0,.18) !important;
}

.single-post .iw-editorial-correction__trust,
.single-post .iw-editorial-correction__fix {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: clamp(13px, 1.7vw, 20px) !important;
  padding: clamp(17px, 2.4vw, 25px) clamp(18px, 3vw, 32px) !important;
  min-width: 0 !important;
}

.single-post .iw-editorial-correction__trust {
  background: var(--iw-white) !important;
}

.single-post .iw-editorial-correction__fix {
  justify-content: space-between !important;
  background: rgba(255, 230, 0, .22) !important;
  border-left: 2px solid var(--iw-black) !important;
}

.single-post .iw-editorial-correction__fix::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 5px !important;
  background: var(--iw-pink) !important;
}

.single-post .iw-editorial-correction__mark {
  flex: 0 0 auto !important;
  width: clamp(42px, 4.5vw, 56px) !important;
  height: clamp(42px, 4.5vw, 56px) !important;
  display: grid !important;
  place-items: center !important;
  border: 2px solid var(--iw-black) !important;
  border-radius: 16px !important;
  background: var(--iw-bg) !important;
  color: var(--iw-black) !important;
  box-shadow: 3px 3px 0 var(--iw-pink) !important;
  font-size: clamp(15px, 1.5vw, 20px) !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: -.06em !important;
}

.single-post .iw-editorial-correction strong {
  display: block !important;
  margin: 0 0 5px !important;
  color: var(--iw-black) !important;
  font-size: clamp(14px, 1.25vw, 17px) !important;
  line-height: 1.08 !important;
  font-weight: 1000 !important;
  letter-spacing: -.025em !important;
  text-transform: uppercase !important;
}

.single-post .iw-editorial-correction p,
.single-post .iw-editorial-correction span {
  display: block !important;
  max-width: 640px !important;
  margin: 0 !important;
  color: rgba(0,0,0,.68) !important;
  font-size: clamp(12.5px, 1vw, 14px) !important;
  line-height: 1.48 !important;
  font-weight: 610 !important;
}

.single-post .iw-editorial-correction__fix a {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: var(--iw-black) !important;
  color: var(--iw-bg) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: 4px 4px 0 var(--iw-pink) !important;
  transition: transform .16s ease, box-shadow .16s ease, color .16s ease !important;
}

.single-post .iw-editorial-correction__fix a::after {
  content: "›" !important;
  margin-left: 8px !important;
  color: var(--iw-pink) !important;
  font-size: 18px !important;
  line-height: .7 !important;
}

.single-post .iw-editorial-correction__fix a:hover,
.single-post .iw-editorial-correction__fix a:focus-visible {
  transform: translateY(-1px) !important;
  color: var(--iw-white) !important;
  outline: none !important;
  box-shadow: 5px 5px 0 var(--iw-pink) !important;
}

.single-post .iw-editorial-correction__fix a:hover::after,
.single-post .iw-editorial-correction__fix a:focus-visible::after {
  color: var(--iw-bg) !important;
}

@media (max-width: 940px) {
  .single-post .iw-editorial-correction {
    grid-template-columns: 1fr !important;
  }

  .single-post .iw-editorial-correction__fix {
    border-left: 0 !important;
    border-top: 2px solid var(--iw-black) !important;
  }
}

@media (max-width: 760px) {
  .single-post .iw-editorial-correction {
    border-radius: 22px !important;
    box-shadow: 6px 6px 0 rgba(0,0,0,.16) !important;
  }

  .single-post .iw-editorial-correction__trust,
  .single-post .iw-editorial-correction__fix {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 12px !important;
    padding: 17px 18px !important;
  }

  .single-post .iw-editorial-correction__fix a {
    width: 100% !important;
    min-height: 40px !important;
  }
}


/* v6.8: Redaktioneller Anspruch entschlackt */
.single-post .iw-editorial-correction__mark {
  display: none !important;
}

.single-post .iw-editorial-correction__trust {
  gap: 0 !important;
  align-items: center !important;
}

.single-post .iw-editorial-correction__trust > div {
  min-width: 0 !important;
}

/* v6.9: Wissens Manager */
body:has(.iw-wissens-manager) .iw-back-to-top {
  display: none !important;
}

.iw-wm-lock,
.iw-wm-lock body {
  overflow: hidden !important;
}

.iw-wissens-manager-fab {
  position: fixed;
  right: clamp(14px, 2vw, 26px);
  bottom: clamp(14px, 2vw, 26px);
  z-index: 120;
  display: grid;
  justify-items: end;
  gap: 9px;
  pointer-events: none;
}

.iw-wm-main,
.iw-wm-top {
  pointer-events: auto;
  border: 2px solid var(--iw-black);
  background: var(--iw-pink);
  color: var(--iw-white);
  box-shadow: 5px 5px 0 var(--iw-black);
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease;
}

.iw-wm-main {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 58px;
  max-width: 58px;
  padding: 0 16px;
  border-radius: 999px;
  overflow: hidden;
  font-size: 13px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.01em;
  text-transform: uppercase;
  white-space: nowrap;
}

.iw-wm-main__icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--iw-white);
  color: var(--iw-pink);
  border: 2px solid var(--iw-black);
  font-size: 18px;
  font-weight: 1000;
  font-family: Georgia, serif;
}

.iw-wm-main__text {
  opacity: 0;
  max-width: 0;
  overflow: hidden;
  transition: opacity .18s ease, max-width .18s ease;
}

.iw-wissens-manager-fab:hover .iw-wm-main,
.iw-wissens-manager-fab.is-expanded .iw-wm-main,
.iw-wm-main:focus-visible {
  max-width: 260px;
  padding-right: 18px;
  transform: translateY(-2px);
}

.iw-wissens-manager-fab:hover .iw-wm-main__text,
.iw-wissens-manager-fab.is-expanded .iw-wm-main__text,
.iw-wm-main:focus-visible .iw-wm-main__text {
  opacity: 1;
  max-width: 190px;
}

.iw-wm-main:hover,
.iw-wm-main:focus-visible,
.iw-wm-top:hover,
.iw-wm-top:focus-visible {
  background: var(--iw-black);
  color: var(--iw-bg);
  box-shadow: 5px 5px 0 var(--iw-pink);
  outline: none;
}

.iw-wm-top {
  width: 46px;
  height: 46px;
  border-radius: 999px;
  font-size: 30px;
  font-weight: 1000;
  line-height: .9;
  opacity: 0;
  transform: translateY(12px) scale(.84);
  pointer-events: none;
}

.iw-wissens-manager-fab.is-expanded .iw-wm-top {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.iw-wissens-manager {
  position: fixed;
  inset: 0;
  z-index: 180;
  display: none;
}

.iw-wissens-manager.is-open {
  display: block;
}

.iw-wissens-manager__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.64);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.iw-wissens-manager__panel {
  position: absolute;
  inset: clamp(14px, 2vw, 26px);
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  background: var(--iw-white);
  color: var(--iw-black);
  border: 3px solid var(--iw-black);
  border-radius: clamp(22px, 2.6vw, 34px);
  box-shadow: 12px 12px 0 var(--iw-black);
}

.iw-wissens-manager__head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: clamp(20px, 3vw, 34px);
  border-bottom: 2px solid var(--iw-black);
  background: var(--iw-white);
}

.iw-wissens-manager__label {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 10px;
  padding: 7px 11px;
  background: var(--iw-pink);
  color: var(--iw-white);
  border-radius: 8px 12px 9px 10px;
  clip-path: polygon(2% 14%, 10% 3%, 24% 8%, 39% 2%, 55% 9%, 72% 3%, 92% 8%, 99% 18%, 96% 38%, 100% 56%, 95% 82%, 84% 96%, 62% 91%, 43% 98%, 23% 92%, 7% 96%, 0 78%, 3% 52%, 0 32%);
  font-size: 11px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: .08em;
}

.iw-wissens-manager__head h2 {
  margin: 0;
  font-size: clamp(36px, 5vw, 82px);
  line-height: .85;
  letter-spacing: -.07em;
  text-transform: uppercase;
  font-weight: 1000;
}

.iw-wissens-manager__head p {
  max-width: 620px;
  margin: 10px 0 0;
  color: rgba(0,0,0,.66);
  font-size: 15px;
  line-height: 1.45;
  font-weight: 650;
}

.iw-wissens-manager__close {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  border: 2px solid var(--iw-black);
  border-radius: 999px;
  background: var(--iw-black);
  color: var(--iw-bg);
  box-shadow: 4px 4px 0 var(--iw-pink);
  font-size: 34px;
  line-height: .7;
  cursor: pointer;
}

.iw-wissens-manager__body {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
  background: var(--iw-white);
}

.iw-wissens-manager__filters {
  min-height: 0;
  overflow: auto;
  padding: clamp(18px, 2vw, 28px);
  border-right: 2px solid rgba(0,0,0,.12);
  background:
    radial-gradient(circle at 10% 6%, rgba(255,10,138,.08), transparent 30%),
    linear-gradient(180deg, rgba(255,230,0,.17), rgba(255,255,255,0) 52%);
}

.iw-wm-search,
.iw-wm-sort,
.iw-wm-filter-group {
  display: grid;
  gap: 10px;
  margin-bottom: 18px;
}

.iw-wm-search span,
.iw-wm-sort span,
.iw-wm-filter-title {
  font-size: 11px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.iw-wm-search input,
.iw-wm-sort select {
  width: 100%;
  min-height: 48px;
  padding: 11px 13px;
  border: 2px solid var(--iw-black);
  border-radius: 16px;
  background: var(--iw-white);
  color: var(--iw-black);
  box-shadow: 3px 3px 0 rgba(0,0,0,.12);
  font: inherit;
  font-weight: 760;
}

.iw-wm-search input:focus,
.iw-wm-sort select:focus {
  outline: none;
  box-shadow: 4px 4px 0 var(--iw-pink);
}

.iw-wm-chiprow {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.iw-wm-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 34px;
  padding: 8px 10px;
  border: 2px solid transparent;
  border-radius: 999px;
  background: rgba(0,0,0,.06);
  color: var(--iw-black);
  font-size: 12px;
  line-height: 1;
  font-weight: 850;
  cursor: pointer;
  transition: background .14s ease, color .14s ease, box-shadow .14s ease, transform .14s ease;
}

.iw-wm-chip small {
  opacity: .55;
  font-size: 10px;
  font-weight: 950;
}

.iw-wm-chip:hover,
.iw-wm-chip:focus-visible,
.iw-wm-chip.is-active {
  background: var(--iw-pink);
  color: var(--iw-white);
  box-shadow: 3px 3px 0 var(--iw-black);
  transform: translateY(-1px);
  outline: none;
}

.iw-wissens-manager__results {
  min-height: 0;
  overflow: auto;
  padding: clamp(18px, 2.3vw, 34px);
}

.iw-wm-status {
  display: inline-flex;
  margin-bottom: 14px;
  padding: 8px 11px;
  border-radius: 999px;
  background: var(--iw-bg);
  color: var(--iw-black);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.iw-wm-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 1.8vw, 24px);
}

.iw-wm-grid.is-loading {
  opacity: .58;
}

.iw-wm-card {
  min-width: 0;
}

.iw-wm-card a {
  position: relative;
  display: grid;
  overflow: hidden;
  min-height: 100%;
  border: 2px solid var(--iw-black);
  border-radius: 22px;
  background: var(--iw-white);
  color: var(--iw-black);
  text-decoration: none !important;
  box-shadow: 6px 6px 0 rgba(0,0,0,.9);
  transition: transform .16s ease, box-shadow .16s ease;
}

.iw-wm-card a:hover,
.iw-wm-card a:focus-visible {
  transform: translateY(-3px);
  box-shadow: 7px 7px 0 var(--iw-pink);
  outline: none;
}

.iw-wm-card__media {
  position: relative;
  display: block;
  aspect-ratio: 1.42 / 1;
  overflow: hidden;
  background: var(--iw-bg);
}

.iw-wm-card__media img,
.iw-wm-card__placeholder {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.iw-wm-card__placeholder {
  background: linear-gradient(135deg, var(--iw-bg), var(--iw-pink));
}

.iw-wm-reading {
  position: absolute;
  left: 10px;
  bottom: 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 7px 9px;
  border-radius: 999px;
  background: var(--iw-pink);
  color: var(--iw-white);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.iw-wm-clock {
  position: relative;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: var(--iw-white);
  box-shadow: inset 0 0 0 2px var(--iw-pink);
}

.iw-wm-clock::before,
.iw-wm-clock::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2px;
  border-radius: 999px;
  background: var(--iw-pink);
  transform-origin: 50% 100%;
}

.iw-wm-clock::before { height: 4.8px; transform: translate(-50%, -100%) rotate(0deg); }
.iw-wm-clock::after { height: 3.8px; transform: translate(-50%, -100%) rotate(120deg); }

.iw-wm-ribbon {
  position: absolute;
  right: -42px;
  top: 18px;
  width: 150px;
  padding: 7px 10px;
  background: var(--iw-pink);
  color: var(--iw-white);
  text-align: center;
  border: 2px solid var(--iw-black);
  box-shadow: 3px 3px 0 var(--iw-black);
  font-size: 10px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: .07em;
  text-transform: uppercase;
  transform: rotate(36deg);
}

.iw-wm-card__body {
  display: grid;
  gap: 10px;
  padding: 16px;
}

.iw-wm-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.iw-wm-pill {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 6px 8px;
  border-radius: 999px;
  font-size: 9px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.iw-wm-pill--cat { background: var(--iw-pink); color: var(--iw-white); }
.iw-wm-pill--level { background: var(--iw-black); color: var(--iw-bg); }
.iw-wm-pill--date { background: var(--iw-bg); color: var(--iw-black); }

.iw-wm-card strong {
  color: var(--iw-black);
  font-size: clamp(18px, 1.5vw, 24px);
  line-height: 1.02;
  letter-spacing: -.035em;
  font-weight: 1000;
  overflow-wrap: anywhere;
}

.iw-wm-card em {
  color: rgba(0,0,0,.66);
  font-size: 13px;
  line-height: 1.45;
  font-style: normal;
  font-weight: 620;
}

.iw-wm-empty {
  grid-column: 1 / -1;
  display: grid;
  gap: 6px;
  padding: 24px;
  border: 2px dashed rgba(0,0,0,.22);
  border-radius: 22px;
  background: rgba(255,230,0,.16);
}

.iw-wm-empty strong {
  font-size: 22px;
  font-weight: 1000;
  letter-spacing: -.03em;
}

@media (max-width: 1180px) {
  .iw-wm-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .iw-wissens-manager__body { grid-template-columns: minmax(240px, 300px) minmax(0, 1fr); }
}

@media (max-width: 820px) {
  .iw-wissens-manager__panel {
    inset: 8px;
    border-radius: 22px;
    box-shadow: 7px 7px 0 var(--iw-black);
  }

  .iw-wissens-manager__head {
    padding: 18px;
  }

  .iw-wissens-manager__head h2 {
    font-size: clamp(34px, 11vw, 54px);
  }

  .iw-wissens-manager__head p {
    display: none;
  }

  .iw-wissens-manager__body {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }

  .iw-wissens-manager__filters {
    border-right: 0;
    border-bottom: 2px solid rgba(0,0,0,.12);
    padding: 14px;
    max-height: 42svh;
  }

  .iw-wissens-manager__results {
    padding: 14px;
  }

  .iw-wm-grid {
    grid-template-columns: 1fr;
  }

  .iw-wissens-manager-fab {
    right: 12px;
    bottom: 12px;
  }

  .iw-wm-main {
    min-height: 52px;
    max-width: 52px;
    padding: 0 13px;
    box-shadow: 4px 4px 0 var(--iw-black);
  }

  .iw-wissens-manager-fab.is-expanded .iw-wm-main,
  .iw-wm-main:focus-visible {
    max-width: 215px;
  }

  .iw-wm-main__icon {
    width: 25px;
    height: 25px;
    font-size: 16px;
  }

  .iw-wm-main__text {
    font-size: 12px;
  }

  .iw-wm-top {
    width: 42px;
    height: 42px;
    font-size: 26px;
  }
}


/* v7.0: Wissens Manager Feinschliff + Pagination */
.iw-wissens-manager__head p {
  display: none !important;
}

.iw-wm-chip small {
  display: none !important;
}

.iw-wm-pill--level {
  background: var(--iw-white) !important;
  color: var(--iw-black) !important;
  box-shadow: inset 0 0 0 1.5px rgba(0,0,0,.16) !important;
}

.iw-wissens-manager-fab {
  gap: 0 !important;
  align-items: flex-end !important;
}

.iw-wm-main {
  position: relative !important;
  z-index: 2 !important;
}

.iw-wm-main__icon {
  display: inline-grid !important;
  place-items: center !important;
  line-height: 1 !important;
  padding: 0 !important;
  text-align: center !important;
}

.iw-wm-top {
  position: relative !important;
  z-index: 1 !important;
  width: 46px !important;
  height: 42px !important;
  margin-bottom: -7px !important;
  border-radius: 999px 999px 12px 12px !important;
  border-bottom-width: 0 !important;
  font-size: 0 !important;
  box-shadow: 4px 4px 0 var(--iw-black) !important;
}

.iw-wm-top::before {
  content: "";
  width: 14px;
  height: 14px;
  border-left: 4px solid currentColor;
  border-top: 4px solid currentColor;
  transform: translateY(4px) rotate(45deg);
}

.iw-wissens-manager-fab.is-expanded .iw-wm-top {
  transform: translateY(0) scale(1) !important;
}

.iw-wm-pagination {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: clamp(16px, 2vw, 24px);
  padding: 12px;
}

.iw-wm-pagination button {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 2px solid var(--iw-black);
  border-radius: 999px;
  background: var(--iw-pink);
  color: var(--iw-white);
  box-shadow: 3px 3px 0 var(--iw-black);
  font-size: 28px;
  line-height: 1;
  font-weight: 1000;
  cursor: pointer;
}

.iw-wm-pagination button:disabled {
  opacity: .28;
  cursor: not-allowed;
  background: var(--iw-white);
  color: var(--iw-black);
}

.iw-wm-pagination span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--iw-bg);
  color: var(--iw-black);
  font-size: 11px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}

@media (max-width: 820px) {
  .iw-wm-top {
    width: 42px !important;
    height: 38px !important;
    margin-bottom: -6px !important;
  }

  .iw-wm-top::before {
    width: 12px;
    height: 12px;
    border-left-width: 3.5px;
    border-top-width: 3.5px;
  }
}


/* v7.1: Wissens-Manager-FAB fusioniert mit Back-to-top */
.iw-wissens-manager-fab {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  gap: 0 !important;
}

.iw-wm-main {
  width: 58px !important;
  max-width: 58px !important;
  min-height: 58px !important;
  padding: 0 !important;
  gap: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.iw-wm-main__icon {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  flex: 0 0 58px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--iw-white) !important;
  box-shadow: none !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 26px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  text-align: center !important;
  transform: none !important;
}

.iw-wm-main__text {
  flex: 0 0 auto !important;
}

.iw-wissens-manager-fab:hover .iw-wm-main,
.iw-wissens-manager-fab.is-expanded .iw-wm-main,
.iw-wm-main:focus-visible {
  width: auto !important;
  max-width: 276px !important;
  min-width: 58px !important;
  padding: 0 18px 0 0 !important;
  gap: 10px !important;
  border-radius: 999px 999px 16px 999px !important;
}

.iw-wissens-manager-fab:hover .iw-wm-main__icon,
.iw-wissens-manager-fab.is-expanded .iw-wm-main__icon,
.iw-wm-main:focus-visible .iw-wm-main__icon {
  width: 58px !important;
  flex-basis: 58px !important;
}

.iw-wm-top {
  position: relative !important;
  z-index: 3 !important;
  width: 92px !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: -2px 0 0 0 !important;
  border: 2px solid var(--iw-black) !important;
  border-top: 0 !important;
  border-radius: 0 0 22px 22px !important;
  background: var(--iw-pink) !important;
  color: var(--iw-white) !important;
  box-shadow: 5px 5px 0 var(--iw-black) !important;
  display: grid !important;
  place-items: center !important;
  opacity: 0 !important;
  transform: translateY(-8px) scaleY(.72) !important;
  transform-origin: top right !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

.iw-wissens-manager-fab.is-expanded .iw-wm-top,
.iw-wissens-manager-fab:hover .iw-wm-top,
.iw-wm-top:focus-visible {
  opacity: 1 !important;
  transform: translateY(0) scaleY(1) !important;
  pointer-events: auto !important;
}

.iw-wm-top::before {
  content: "" !important;
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  margin-top: 5px !important;
  border-left: 5px solid currentColor !important;
  border-top: 5px solid currentColor !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-radius: 3px 0 0 0 !important;
  transform: rotate(45deg) !important;
}

.iw-wm-main:hover,
.iw-wm-main:focus-visible,
.iw-wm-top:hover,
.iw-wm-top:focus-visible {
  background: var(--iw-black) !important;
  color: var(--iw-bg) !important;
  box-shadow: 5px 5px 0 var(--iw-pink) !important;
}

.iw-wm-main:hover .iw-wm-main__icon,
.iw-wm-main:focus-visible .iw-wm-main__icon {
  color: var(--iw-bg) !important;
}

@media (max-width: 820px) {
  .iw-wm-main {
    width: 54px !important;
    max-width: 54px !important;
    min-height: 54px !important;
  }

  .iw-wm-main__icon {
    flex-basis: 54px !important;
    font-size: 24px !important;
  }

  .iw-wissens-manager-fab:hover .iw-wm-main,
  .iw-wissens-manager-fab.is-expanded .iw-wm-main,
  .iw-wm-main:focus-visible {
    max-width: 230px !important;
    padding-right: 14px !important;
  }

  .iw-wissens-manager-fab:hover .iw-wm-main__icon,
  .iw-wissens-manager-fab.is-expanded .iw-wm-main__icon,
  .iw-wm-main:focus-visible .iw-wm-main__icon {
    width: 54px !important;
    flex-basis: 54px !important;
  }

  .iw-wm-top {
    width: 84px !important;
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 0 0 20px 20px !important;
  }

  .iw-wm-top::before {
    width: 16px !important;
    height: 16px !important;
    border-left-width: 4px !important;
    border-top-width: 4px !important;
  }
}


/* v7.2: Wissensmanager vor Footer stoppen + BTT-Icon feiner */
.iw-wissens-manager-fab {
  bottom: var(--iw-wm-safe-bottom, clamp(14px, 2vw, 26px)) !important;
  transition: bottom .18s ease, transform .16s ease !important;
}

.iw-wm-top::before {
  width: 15px !important;
  height: 15px !important;
  margin-top: 4px !important;
  border-left-width: 4px !important;
  border-top-width: 4px !important;
  border-radius: 2.5px 0 0 0 !important;
}

@media (max-width: 820px) {
  .iw-wissens-manager-fab {
    bottom: var(--iw-wm-safe-bottom, 12px) !important;
  }

  .iw-wm-top::before {
    width: 14px !important;
    height: 14px !important;
    border-left-width: 3.6px !important;
    border-top-width: 3.6px !important;
  }
}


/* v7.3: BTT-Pfeil im Wissensmanager exakt vertikal zentrieren */
.iw-wm-top {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 0 !important;
}

.iw-wm-top::before {
  margin: 0 !important;
  transform: translateY(1px) rotate(45deg) !important;
}

@media (max-width: 820px) {
  .iw-wm-top::before {
    margin: 0 !important;
    transform: translateY(1px) rotate(45deg) !important;
  }
}


/* v7.4: Wissens Manager mobil kompakter - Suche sichtbar, Filter einklappbar */
.iw-wm-mobile-filter-toggle {
  display: none;
}

.iw-wm-filter-panel {
  display: grid;
  gap: 14px;
}

@media (max-width: 820px) {
  .iw-wissens-manager__filters {
    max-height: none !important;
    overflow: visible !important;
    padding: 12px !important;
  }

  .iw-wm-search {
    margin-bottom: 10px !important;
  }

  .iw-wm-mobile-filter-toggle {
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 42px;
    padding: 10px 12px;
    border: 2px solid var(--iw-black);
    border-radius: 14px;
    background: var(--iw-white);
    color: var(--iw-black);
    box-shadow: 3px 3px 0 var(--iw-pink);
    font-size: 12px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: .035em;
    text-transform: uppercase;
  }

  .iw-wm-mobile-filter-toggle span:last-child {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: var(--iw-pink);
    color: var(--iw-white);
    font-size: 20px;
    line-height: 1;
    transform: translateY(-1px);
    transition: transform .16s ease;
  }

  .iw-wm-mobile-filter-toggle.is-open span:last-child {
    transform: translateY(1px) rotate(180deg);
  }

  .iw-wm-filter-panel {
    display: none !important;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(0,0,0,.12);
  }

  .iw-wm-filter-panel.is-open {
    display: grid !important;
    gap: 12px;
    max-height: min(42svh, 360px);
    overflow: auto;
    padding-right: 4px;
    scrollbar-width: thin;
    scrollbar-color: var(--iw-pink) rgba(0,0,0,.08);
  }

  .iw-wm-filter-panel.is-open::-webkit-scrollbar {
    width: 7px;
  }

  .iw-wm-filter-panel.is-open::-webkit-scrollbar-thumb {
    background: var(--iw-pink);
    border-radius: 999px;
  }

  .iw-wissens-manager__body {
    grid-template-rows: auto minmax(0, 1fr) !important;
  }

  .iw-wissens-manager__results {
    min-height: 0;
    overflow: auto;
  }
}


/* v7.5: Kategorien als World-Pages */
.category .iw-category-world-main {
  width: min(1360px, calc(100% - 44px));
}

.category .iw-category-world-hero {
  position: relative;
  display: grid;
  place-items: center;
  min-height: clamp(190px, 25vw, 320px);
  margin: 0 0 clamp(26px, 4vw, 42px);
  padding: clamp(8px, 2vw, 18px) 0;
  text-align: center;
}

.category .iw-category-world-paper-wrap {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  max-width: min(100%, 980px);
  padding: clamp(10px, 1.2vw, 14px);
}

.category .iw-category-world-title {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: clamp(22px, 3.2vw, 34px) clamp(22px, 4vw, 50px);
  color: var(--iw-white);
  background: var(--iw-pink);
  font-size: clamp(42px, 8vw, 112px);
  line-height: .88;
  letter-spacing: -.065em;
  text-transform: uppercase;
  font-weight: 1000;
  text-wrap: balance;
  overflow-wrap: anywhere;
  box-shadow: 10px 10px 0 var(--iw-black);
  clip-path: polygon(1% 10%, 9% 3%, 17% 7%, 28% 1%, 42% 6%, 55% 0, 69% 7%, 82% 2%, 94% 8%, 100% 18%, 97% 31%, 100% 44%, 96% 57%, 100% 71%, 95% 84%, 86% 96%, 73% 92%, 59% 99%, 46% 93%, 31% 100%, 18% 93%, 7% 97%, 0 85%, 4% 70%, 0 58%, 5% 42%, 0 28%);
}

.category .iw-category-world-title::before,
.category .iw-category-world-title::after {
  content: "";
  position: absolute;
  inset: auto;
  z-index: -1;
  background: rgba(255, 10, 138, .24);
  filter: blur(14px);
  pointer-events: none;
}

.category .iw-category-world-title::before {
  width: 72%;
  height: 26px;
  left: 7%;
  bottom: -10px;
}

.category .iw-category-world-title::after {
  width: 54%;
  height: 20px;
  right: 8%;
  top: -8px;
}

.category .iw-category-world-feed {
  width: min(1320px, 100%);
  margin-inline: auto;
}

.category .iw-category-world-grid,
.category .iw-category-world-main .iw-grid {
  width: min(1320px, 100%);
  margin-inline: auto;
  gap: clamp(18px, 2vw, 28px);
}

.category .iw-category-world-pagination {
  margin-top: clamp(20px, 3vw, 36px);
}

.category .iw-category-world-empty {
  width: min(1020px, 100%);
  margin-inline: auto;
}

@media (max-width: 760px) {
  .category .iw-category-world-main {
    width: min(100%, calc(100% - 28px));
  }

  .category .iw-category-world-hero {
    min-height: 140px;
    margin-bottom: 22px;
  }

  .category .iw-category-world-paper-wrap {
    max-width: 100%;
    padding: 4px 0;
  }

  .category .iw-category-world-title {
    width: 100%;
    padding: 18px 16px 20px;
    font-size: clamp(32px, 11vw, 54px);
    box-shadow: 6px 6px 0 var(--iw-black);
  }
}


/* v7.6: Kategorieseiten verfeinern */
.category .iw-category-world-paper-wrap {
  display: grid;
  justify-items: center;
  gap: 14px;
}

.category .iw-category-world-description {
  max-width: min(900px, 100%);
  margin: 0;
  color: var(--iw-black);
  font-size: clamp(15px, 1.45vw, 18px);
  line-height: 1.65;
  font-weight: 650;
  text-align: center;
}

.category .iw-category-world-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.category .iw-category-world-main .iw-card,
.category .iw-card {
  border-radius: 20px;
  border-width: 2px;
  box-shadow: 7px 7px 0 rgba(0,0,0,.92);
  background: var(--iw-white);
}

.category .iw-category-world-main .iw-card:hover,
.category .iw-card:hover {
  transform: translateY(-3px);
  box-shadow: 9px 9px 0 rgba(0,0,0,.94);
}

.category .iw-category-world-main .iw-card-thumb,
.category .iw-card-thumb {
  aspect-ratio: 16/9;
  border-bottom-width: 2px;
  background: rgba(0,0,0,.92);
}

.category .iw-category-world-main .iw-card-meta,
.category .iw-card-meta {
  margin-top: 18px;
  margin-bottom: 12px;
  align-items: flex-start;
  gap: 7px;
}

.category .iw-category-world-main .iw-card-meta span,
.category .iw-category-world-main .iw-card-meta .iw-card-date,
.category .iw-category-world-main .iw-card-meta .iw-card-category,
.category .iw-category-world-main .iw-card-meta .iw-card-level,
.category .iw-card-meta span,
.category .iw-card-meta .iw-card-date,
.category .iw-card-meta .iw-card-category,
.category .iw-card-meta .iw-card-level {
  border: 0 !important;
  box-shadow: none !important;
  min-height: 25px;
  padding: 6px 9px;
  border-radius: 999px;
  font-size: 9.5px;
  line-height: 1.1;
  font-weight: 950;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.category .iw-category-world-main .iw-card-meta .iw-card-date,
.category .iw-card-meta .iw-card-date {
  background: var(--iw-bg) !important;
  color: var(--iw-black) !important;
}

.category .iw-category-world-main .iw-card-meta .iw-card-category,
.category .iw-card-meta .iw-card-category {
  background: var(--iw-pink) !important;
  color: var(--iw-white) !important;
}

.category .iw-category-world-main .iw-card-meta .iw-card-level,
.category .iw-card-meta .iw-card-level {
  background: var(--iw-white) !important;
  color: var(--iw-black) !important;
  box-shadow: inset 0 0 0 1.5px rgba(0,0,0,.16) !important;
}

.category .iw-category-world-main .iw-card-title,
.category .iw-card-title {
  font-size: clamp(21px, 1.9vw, 28px);
  line-height: 1.03;
  letter-spacing: -.04em;
}

.category .iw-category-world-main .iw-card-title a,
.category .iw-card-title a {
  text-decoration-thickness: 0;
  text-underline-offset: 2px;
}

.category .iw-category-world-main .iw-card-title a:hover,
.category .iw-card-title a:hover {
  text-decoration-thickness: 2px !important;
  text-underline-offset: 2px !important;
}

.category .iw-category-world-main .iw-card-excerpt,
.category .iw-card-excerpt {
  color: rgba(0,0,0,.68);
  font-size: 14px;
  line-height: 1.62;
  font-weight: 540;
}

.category .iw-category-world-main .iw-read-more,
.category .iw-read-more {
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 11px;
  letter-spacing: .075em;
}

.category .iw-category-world-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: clamp(26px, 4vw, 42px) 0 0;
  flex-wrap: wrap;
}

.category .iw-category-world-pagination .page-numbers {
  min-width: 44px;
  min-height: 44px;
  padding: 0 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--iw-black);
  border-radius: 999px;
  background: var(--iw-white);
  color: var(--iw-black);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .02em;
  box-shadow: 4px 4px 0 var(--iw-black);
}

.category .iw-category-world-pagination .page-numbers.prev,
.category .iw-category-world-pagination .page-numbers.next {
  min-width: 52px;
  font-size: 20px;
  line-height: 1;
}

.category .iw-category-world-pagination .page-numbers.current,
.category .iw-category-world-pagination .page-numbers:hover {
  background: var(--iw-pink);
  color: var(--iw-white);
  box-shadow: 4px 4px 0 rgba(0,0,0,.92);
}

.category .iw-category-world-pagination .page-numbers.dots {
  min-width: 20px;
  padding: 0 2px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

@media (max-width: 980px) {
  .category .iw-category-world-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .category .iw-category-world-description {
    font-size: 14px;
    line-height: 1.58;
  }

  .category .iw-category-world-grid {
    grid-template-columns: 1fr;
  }

  .category .iw-category-world-pagination {
    gap: 8px;
  }

  .category .iw-category-world-pagination .page-numbers {
    min-width: 40px;
    min-height: 40px;
    padding: 0 12px;
    font-size: 12px;
  }
}