/* Collage design ("the authority's file, pasted over by its critics"), prototype A approved by
   Mark on 28.09.2026. Loaded only when CdpCollage::active() (contao/classes/CdpCollage.php) and
   scoped to body.design-collage, so the regular design stays untouched.
   Voices: typed file = the authority; red marker, tape and stamps = the objection.
   --c scales every rotation (1 = prototype, 1.5 = chosen level; phones get less).
   Photos: public/sbd/assets/collage/ (public domain, QUELLEN.md). Fonts: fonts.css. */

body.design-collage {
  --c: 1.5;
  --tape: rgba(247, 214, 62, .8);
  --rotstift: #c8141e;
  --stempelblau: #1b3f8f;
  --blatt: #f3eee2;
  --kopie: #eceae4;
  --schatten: 0 1px 0 rgba(0, 0, 0, .08), 0 12px 24px -14px rgba(0, 0, 0, .5);
  --hand: 'Permanent Marker', 'Comic Sans MS', cursive;
  --typo: 'Special Elite', 'IBM Plex Mono', 'Courier New', monospace;
  background:
    radial-gradient(ellipse at 18% 8%, rgba(120, 90, 40, .12), transparent 40%),
    radial-gradient(ellipse at 82% 45%, rgba(90, 70, 40, .12), transparent 45%),
    radial-gradient(ellipse at 30% 92%, rgba(90, 70, 40, .14), transparent 40%),
    #e7dfc9;
}

/* Paper grain over everything, never catches clicks. */
body.design-collage::after {
  content: "";
  position: fixed;
  z-index: 90;
  inset: 0;
  pointer-events: none;
  opacity: .12;
  mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- Header and navigation ---------- */

body.design-collage .site-logo {
  position: relative;
  transform: rotate(calc(-2deg * var(--c)));
}

body.design-collage .collage-logo-strike {
  position: absolute;
  left: 71%;
  top: 34%;
  width: 24%;
  height: 5px;
  border-radius: 3px;
  background: var(--rotstift);
  transform: rotate(-4deg);
}

body.design-collage .collage-logo-note {
  position: absolute;
  left: 76%;
  top: -14px;
  color: #f06a5a;
  font: 22px/1 var(--hand);
  transform: rotate(-9deg);
  pointer-events: none;
}

body.design-collage .nav {
  background: rgba(231, 223, 201, .94);
  border-bottom: 0;
  box-shadow: 0 8px 14px -12px rgba(0, 0, 0, .45);
}

/* The nav row scrolls inside itself (like the regular design); overflow: visible here once made
   every page 550px wide on phones. The top padding leaves room for the tape. */
body.design-collage .nav__inner {
  gap: .7rem;
  padding-block: 1rem .8rem;
  overflow-x: auto;
  overflow-y: hidden;
}

body.design-collage .nav__link {
  position: relative;
  min-height: 40px;
  padding: .65rem .95rem;
  border: 0;
  background: var(--blatt);
  box-shadow: var(--schatten);
  transform: rotate(calc(-1.6deg * var(--c)));
}

body.design-collage .nav__link:first-child {
  border: 0;
}

body.design-collage .nav__link:nth-child(2) { transform: rotate(calc(1.3deg * var(--c))); }
body.design-collage .nav__link:nth-child(3) { transform: rotate(calc(-.8deg * var(--c))); }
body.design-collage .nav__link:nth-child(4) { transform: rotate(calc(2deg * var(--c))); }
body.design-collage .nav__link:nth-child(5) { transform: rotate(calc(-2deg * var(--c))); }

body.design-collage .nav__link:nth-child(odd)::before {
  content: "";
  position: absolute;
  top: -9px;
  left: 30%;
  width: 46px;
  height: 17px;
  background: var(--tape);
  transform: rotate(-5deg);
}

body.design-collage .nav__link--aktiv,
body.design-collage .nav__link:hover {
  background: var(--rotstift);
  color: #fff;
}

/* ---------- Poster band (home, desktop only) ---------- */

.collage-aushang {
  display: none;
}

@media (min-width: 62rem) {
  body.design-collage .collage-aushang {
    display: block;
    position: relative;
    margin-top: 1.8rem;
    padding: 1rem 1rem 1.2rem;
    background: #161616;
    box-shadow: var(--schatten);
    transform: rotate(calc(-.4deg * var(--c)));
  }

  body.design-collage .collage-aushang::before,
  body.design-collage .collage-aushang::after {
    content: "";
    position: absolute;
    top: -11px;
    width: 92px;
    height: 26px;
    background: var(--tape);
  }

  body.design-collage .collage-aushang::before { left: 40px; transform: rotate(-8deg); }
  body.design-collage .collage-aushang::after { right: 50px; transform: rotate(6deg); }
}

.collage-aushang__titel {
  margin-bottom: .8rem;
  color: #efeae0;
  font: 3.6rem/.95 var(--schrift-display);
  text-align: center;
}

.collage-aushang__raster {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: .5rem;
}

.collage-aushang__raster img {
  width: 100%;
  height: 7rem;
  object-fit: cover;
}

/* ---------- Section header ("Wir ordnen ~~ein~~ euch ein!") ---------- */

body.design-collage .rubrik-header {
  position: relative;
  border-bottom: 5px solid var(--schwarz);
}

body.design-collage .rubrik-header__titel {
  position: relative;
  font-size: 3.4rem;
}

body.design-collage.page-index .rubrik-header__titel::before {
  content: "";
  position: absolute;
  right: -.08em;
  top: 46%;
  width: 1.3em;
  height: .09em;
  border-radius: 4px;
  background: var(--rotstift);
  transform: rotate(-3deg);
}

body.design-collage.page-index .rubrik-header__titel::after {
  content: "euch ein!";
  position: absolute;
  left: calc(100% + .15em);
  top: -.35em;
  color: var(--rotstift);
  font: .5em/1 var(--hand);
  text-transform: none;
  white-space: nowrap;
  transform: rotate(calc(-8deg * var(--c)));
}

/* Room for the marker correction between title and counter. */
body.design-collage.page-index .rubrik-header {
  column-gap: 7rem;
}

body.design-collage .rubrik-header__count {
  padding: .25rem .6rem;
  border: 2px solid currentColor;
  color: var(--stempelblau);
  font-family: var(--typo);
  opacity: .85;
  transform: rotate(calc(3deg * var(--c)));
}

/* ---------- Article cards (home and list) ---------- */

body.design-collage .news-karte,
body.design-collage .texte-karte,
body.design-collage .news-home-list .news-karte:first-of-type {
  position: relative;
  margin-block: 1.6rem;
  padding: 1.4rem 1.5rem 1.8rem;
  border: 0;
  background: var(--blatt);
  box-shadow: var(--schatten);
  transform: rotate(calc(-.9deg * var(--c)));
}

body.design-collage .news-karte:nth-of-type(even),
body.design-collage .texte-karte:nth-of-type(even) {
  transform: rotate(calc(1.1deg * var(--c)));
}

body.design-collage .news-karte:nth-of-type(3n),
body.design-collage .texte-karte:nth-of-type(3n) {
  background: var(--kopie);
  transform: rotate(calc(-1.6deg * var(--c)));
}

/* Tape on top of every card. */
body.design-collage .news-karte::before,
body.design-collage .texte-karte::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: -12px;
  left: 38%;
  width: 92px;
  height: 26px;
  background: var(--tape);
  transform: rotate(-4deg);
}

body.design-collage .news-karte:nth-of-type(even)::before,
body.design-collage .texte-karte:nth-of-type(even)::before {
  left: auto;
  right: -18px;
  top: 14px;
  transform: rotate(38deg);
}

/* One stamp or note per card, varying. */
body.design-collage .news-karte::after,
body.design-collage .texte-karte::after {
  content: "Stufe 3";
  position: absolute;
  z-index: 2;
  right: 1.2rem;
  top: -.9rem;
  padding: .2rem .7rem;
  border: 3px solid currentColor;
  color: var(--rotstift);
  font: 1rem/1.2 var(--typo);
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .82;
  pointer-events: none;
  transform: rotate(calc(-7deg * var(--c)));
}

body.design-collage .news-karte:nth-of-type(2)::after,
body.design-collage .texte-karte:nth-of-type(4n+2)::after {
  content: "typisch";
  color: var(--schwarz);
  top: auto;
  bottom: 1rem;
  transform: rotate(calc(-10deg * var(--c)));
}

body.design-collage .news-karte:nth-of-type(3)::after,
body.design-collage .texte-karte:nth-of-type(4n+3)::after {
  content: "weiterleiten?";
  border: 0;
  color: var(--rotstift);
  font: 1.3rem/1 var(--hand);
  letter-spacing: 0;
  text-transform: none;
  top: auto;
  bottom: .8rem;
  transform: rotate(calc(5deg * var(--c)));
}

body.design-collage .news-karte:nth-of-type(4)::after,
body.design-collage .texte-karte:nth-of-type(4n)::after {
  content: "Dokumentieren!";
  color: var(--stempelblau);
  transform: rotate(calc(5deg * var(--c)));
}

body.design-collage .news-karte:nth-of-type(5)::after {
  content: "abweisen?";
  color: var(--schwarz);
}

body.design-collage .news-karte__label,
body.design-collage .news-karte__meta,
body.design-collage .texte-karte__meta {
  font-family: var(--typo);
}

body.design-collage .news-home-list .news-karte:first-of-type .news-karte__body::before {
  font-family: var(--typo);
}

body.design-collage .news-karte__teaserbild img,
body.design-collage .texte-karte__teaserbild img,
body.design-collage .newsdetail__bild img,
body.design-collage .newsdetail__text figure img {
  filter: grayscale(1) contrast(1.15);
}

body.design-collage .news-karte__mehr,
body.design-collage .texte-karte__mehr {
  font-family: var(--typo);
}

/* ---------- Decorative layers between blocks ---------- */

.collage-zwischen,
.collage-fotoreihe {
  display: none;
}

body.design-collage .collage-zwischen {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .8rem 1.4rem;
  margin: .4rem 0;
  pointer-events: none;
}

body.design-collage .collage-zwischen--stapel {
  margin: 1.2rem 0 -.6rem;
}

body.design-collage .collage-kritzel {
  overflow: hidden;
  max-width: 100%;
  color: var(--schwarz);
  font: 1.05rem/1.4 var(--typo);
  letter-spacing: .06em;
  white-space: nowrap;
  text-decoration: line-through wavy var(--schwarz) 3px;
  opacity: .85;
  transform: rotate(calc(-1.5deg * var(--c)));
}

body.design-collage .collage-schwarz {
  padding: .5rem 1rem .6rem;
  background: #141414;
  color: #efeae0;
  font: 600 .85rem/1 var(--schrift-mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  transform: rotate(calc(3deg * var(--c)));
}

body.design-collage .collage-schwarz span {
  display: inline-block;
  width: 4.5em;
  height: .8em;
  margin-inline: .3em;
  background: #efeae0;
  vertical-align: -.05em;
}

body.design-collage .collage-zettel {
  max-width: 19rem;
  padding: 1rem 1.1rem;
  background: var(--blatt);
  box-shadow: var(--schatten);
  color: var(--schwarz);
  font: 1.2rem/1.15 var(--hand);
  text-transform: uppercase;
  transform: rotate(calc(-3.5deg * var(--c)));
}

body.design-collage .collage-zettel small {
  display: block;
  margin-top: .35rem;
  color: #666;
  font-size: .8rem;
  text-transform: none;
}

body.design-collage .collage-wiederholung {
  overflow: hidden;
  width: 13rem;
  height: 8rem;
  color: var(--schwarz);
  font: 1.8rem/.86 var(--schrift-display);
  transform: rotate(calc(2.5deg * var(--c)));
}

body.design-collage .collage-schein {
  padding: .45rem .75rem;
  border: 1px dashed rgba(0, 0, 0, .35);
  background: #e9a06a;
  color: #3a1d0c;
  font: 600 1.7rem/1.05 var(--schrift-mono);
  text-align: center;
  transform: rotate(calc(-6deg * var(--c)));
}

body.design-collage .collage-schein small {
  display: block;
  font-size: .6rem;
  font-weight: 400;
  letter-spacing: .1em;
  text-transform: uppercase;
}

body.design-collage .collage-fotoreihe {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .6rem;
  margin: 2rem 0;
  padding: .6rem;
  background: #161616;
  pointer-events: none;
  transform: rotate(calc(-1deg * var(--c)));
}

body.design-collage .collage-fotoreihe img {
  width: 100%;
  height: 9rem;
  object-fit: cover;
}

body.design-collage .collage-fotoreihe .collage-schein {
  position: absolute;
  right: -1rem;
  bottom: -1.4rem;
}

/* ---------- Article page: "the file grows" ---------- */

body.design-collage .newsdetail__header {
  position: relative;
  padding: 1.6rem 1.8rem 1.4rem;
  background: var(--blatt);
  box-shadow: var(--schatten);
}

body.design-collage .newsdetail__header::after {
  content: "Geprüft";
  position: absolute;
  right: 1.4rem;
  top: 1rem;
  padding: .2rem .7rem;
  border: 3px solid currentColor;
  color: var(--stempelblau);
  font: 1.05rem/1.2 var(--typo);
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .82;
  pointer-events: none;
  transform: rotate(calc(7deg * var(--c)));
}

body.design-collage .newsdetail__meta {
  font-family: var(--typo);
}

body.design-collage .newsdetail__bild,
body.design-collage .newsdetail__text figure {
  position: relative;
  transform: rotate(calc(-1deg * var(--c)));
}

/* Every paragraph is its own pasted sheet; further down they tilt more. */
body.design-collage .newsdetail__text .rte > .collage-blatt,
body.design-collage .newsdetail__text > p {
  position: relative;
  margin: 1.2rem 0;
  padding: 1.2rem 1.5rem;
  background: var(--blatt);
  box-shadow: var(--schatten);
  transform: rotate(calc(.4deg * var(--c)));
}

body.design-collage .newsdetail__text .rte > .collage-blatt:nth-of-type(even) {
  background: var(--kopie);
  transform: rotate(calc(-.6deg * var(--c)));
}

body.design-collage .newsdetail__text .rte > .collage-blatt:nth-of-type(n+5) {
  transform: rotate(calc(1deg * var(--c)));
}

body.design-collage .newsdetail__text .rte > .collage-blatt:nth-of-type(n+5):nth-of-type(even) {
  transform: rotate(calc(-1.3deg * var(--c)));
}

body.design-collage .newsdetail__text .rte > .collage-blatt:nth-of-type(3n)::before {
  content: "";
  position: absolute;
  top: -11px;
  left: 30%;
  width: 90px;
  height: 25px;
  background: var(--tape);
  transform: rotate(-5deg);
}

/* Editorial marks for later texts: <mark> = red highlight, class "randnotiz" = marker note. */
body.design-collage .newsdetail__text mark {
  background: linear-gradient(transparent 55%, rgba(200, 20, 30, .28) 55% 92%, transparent 92%);
  color: inherit;
}

body.design-collage .newsdetail__text .randnotiz {
  color: var(--rotstift);
  font-family: var(--hand);
  transform: rotate(calc(-2deg * var(--c)));
}

/* The closing line of the text as a typed stamp line, then the final stamp. */
body.design-collage .newsdetail__text .rte > .collage-blatt:last-of-type > p:last-of-type {
  font-family: var(--typo);
}

body.design-collage .newsdetail__text {
  position: relative;
  padding-bottom: 3rem;
}

body.design-collage .newsdetail__text::after {
  content: "Einordnung erfolgt";
  position: absolute;
  right: 1rem;
  bottom: 0;
  padding: .3rem .9rem;
  border: 4px solid currentColor;
  color: var(--rotstift);
  font: 1.5rem/1.2 var(--typo);
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .82;
  pointer-events: none;
  transform: rotate(calc(-9deg * var(--c)));
}

/* ---------- Right column: short news and Prüftool ---------- */

/* No continuous column line in the collage: the sheets lie loose (ids needed to beat the
   regular layout rules in sbd-news.css). */
@media (min-width: 62rem) {
  body.design-collage #container > #right,
  body.design-collage #container > .kurzmeldungen {
    border-left: 0;
    padding-left: 0;
  }

  body.design-collage #container > .kurzmeldungen {
    padding: 1.2rem 1.3rem 1.3rem;
    margin-top: .8rem;
  }

  body.design-collage #container:has(> .kurzmeldungen) > #right {
    padding-top: 2.2rem;
  }
}

body.design-collage .kurzmeldungen {
  position: relative;
  padding: 1.2rem 1.3rem 1.3rem;
  background: var(--blatt);
  box-shadow: var(--schatten);
  transform: rotate(calc(.9deg * var(--c)));
}

body.design-collage .kurzmeldungen::before {
  content: "";
  position: absolute;
  top: -11px;
  left: 36%;
  width: 90px;
  height: 25px;
  background: var(--tape);
  transform: rotate(-3deg);
}

body.design-collage .kurz__meta,
body.design-collage .kurz__zeit,
body.design-collage .kurz__quelle {
  font-family: var(--typo);
}

body.design-collage .kurz__text p + p:last-child {
  border-left: 0;
  padding-left: 0;
  color: var(--rotstift);
  font: 1.1rem/1.25 var(--hand);
  transform: rotate(calc(-1deg * var(--c)));
}

body.design-collage #right .prueftool {
  padding: 1.2rem 1.3rem 1.4rem;
  border-top: 0;
  background:
    repeating-linear-gradient(0deg, transparent 0 31px, rgba(27, 63, 143, .15) 31px 32px),
    #fbf8f0;
  box-shadow: var(--schatten);
  transform: rotate(calc(-1deg * var(--c)));
}

body.design-collage #right .prueftool::before {
  content: "SBD · Formblatt P1 · Antrag auf Vorab-Einordnung";
  display: block;
  margin-bottom: .6rem;
  padding-bottom: .35rem;
  border-bottom: 1px solid #999;
  color: #666;
  font: .68rem/1.3 var(--typo);
  letter-spacing: .1em;
  text-transform: uppercase;
}

body.design-collage .prueftool__beschreibung,
body.design-collage .prueftool__bar {
  font-family: var(--typo);
}

body.design-collage .prueftool__textarea {
  background: transparent;
  font-family: var(--typo);
}

body.design-collage .prueftool__btn {
  border: 4px double var(--rotstift);
  background: transparent;
  color: var(--rotstift);
  font-family: var(--typo);
  font-size: 1.05rem;
  letter-spacing: .12em;
  transform: rotate(calc(-2deg * var(--c)));
}

body.design-collage .prueftool__btn:hover,
body.design-collage .prueftool__btn:focus-visible {
  background: var(--rotstift);
  color: #fff;
}

body.design-collage #tool-panel > .sbd-denkbanner {
  transform: rotate(calc(1.5deg * var(--c)));
}

/* ---------- Hover: cards stay still, only the shadow deepens (no motion, Mark 01.10.2026) ---------- */

@media (hover: hover) {
  body.design-collage .news-karte,
  body.design-collage .texte-karte {
    transition: box-shadow .3s ease;
  }

  body.design-collage .news-karte:hover,
  body.design-collage .texte-karte:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, .08), 0 22px 30px -16px rgba(0, 0, 0, .55);
  }
}

/* ---------- Phones: less tilt, fewer layers ---------- */

@media (max-width: 61.99rem) {
  body.design-collage {
    --c: .6;
  }

  body.design-collage .collage-wiederholung,
  body.design-collage .collage-kritzel {
    display: none;
  }

  body.design-collage .collage-logo-note {
    font-size: 18px;
  }

  body.design-collage .rubrik-header__titel {
    font-size: 2.6rem;
  }

  body.design-collage.page-index .rubrik-header__titel::after {
    left: auto;
    right: -.2em;
    top: -.8em;
  }

  body.design-collage .newsdetail__text .rte > .collage-blatt {
    padding: 1rem 1.1rem;
  }

  body.design-collage .newsdetail__header {
    padding-bottom: 3rem;
  }

  body.design-collage .newsdetail__header::after {
    top: auto;
    bottom: .8rem;
  }

  body.design-collage .collage-fotoreihe img {
    height: 6rem;
  }

  body.design-collage .collage-fotoreihe .collage-schein {
    right: .3rem;
  }
}

/* ---------- Footer at the bottom on short pages ---------- */

body.design-collage #wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
}

body.design-collage #inhalt {
  flex: 1 0 auto;
}

/* ---------- Info pages (FAQ, Methodik, Impressum, Datenschutz, Rückfragen) ---------- */
/* One typed sheet with tape and a stamp; no scribbles, legal texts stay plainly readable. */

body.design-collage.page-info #main .mod_article {
  position: relative;
  padding: 2rem 2.2rem 1.6rem;
  background: var(--blatt);
  box-shadow: var(--schatten);
  transform: rotate(calc(-.3deg * var(--c)));
}

body.design-collage.page-info #main .mod_article::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 42%;
  width: 96px;
  height: 27px;
  background: var(--tape);
  transform: rotate(-3deg);
}

body.design-collage.page-info #main .mod_article::after {
  content: "Zur Kenntnis genommen";
  position: absolute;
  top: 1.4rem;
  right: 1.6rem;
  padding: .2rem .6rem;
  border: 3px solid currentColor;
  color: var(--stempelblau);
  font: .8rem/1.2 var(--typo);
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .8;
  pointer-events: none;
  transform: rotate(calc(5deg * var(--c)));
}

body.design-collage.page-info #main .info-meta {
  font-family: var(--typo);
}

/* ---------- /pruefen and the Akte page: already file folders, now taped down ---------- */

body.design-collage .pruefen-akte {
  transform: rotate(calc(-.5deg * var(--c)));
}

body.design-collage .pruefen-akte::after {
  content: "";
  position: absolute;
  top: -10px;
  right: 3%;
  width: 96px;
  height: 27px;
  background: var(--tape);
  transform: rotate(5deg);
}

body.design-collage .pruefen-banner img {
  box-shadow: var(--schatten);
  transform: rotate(calc(1.4deg * var(--c)));
}

body.design-collage .sbd-akte {
  position: relative;
}

body.design-collage .sbd-akte::before {
  content: "";
  position: absolute;
  z-index: 3;
  top: -12px;
  left: 45%;
  width: 96px;
  height: 27px;
  background: var(--tape);
  transform: rotate(-4deg);
  pointer-events: none;
}

@media (max-width: 61.99rem) {
  body.design-collage.page-info #main .mod_article {
    padding: 1.6rem 1.2rem 1.2rem;
  }

  /* On phones the stamp would sit on the title: move it to the bottom. */
  body.design-collage.page-info #main .mod_article {
    padding-bottom: 3.4rem;
  }

  body.design-collage.page-info #main .mod_article::after {
    top: auto;
    bottom: 1rem;
  }
}


/* =================================================================================
   Chaos levels 2 and 3 (CdpCollage::LEVEL, preview with ?chaos=2|3). Level 3 contains level 2.
   ================================================================================= */

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) {
  --c: 2;
  --riss: polygon(-40px -40px, calc(100% + 40px) -40px, calc(100% + 40px) calc(100% - 5px), 96.5% calc(100% - 2px), 92.8% calc(100% - 0px), 90.1% calc(100% - 8px), 87.3% calc(100% - 8px), 84.7% calc(100% - 8px), 81.5% calc(100% - 0px), 77.7% calc(100% - 0px), 74.5% calc(100% - 8px), 70.7% calc(100% - 7px), 66.5% calc(100% - 2px), 62.1% calc(100% - 8px), 56.8% calc(100% - 8px), 52.5% calc(100% - 0px), 47.1% calc(100% - 0px), 42.9% calc(100% - 2px), 39.6% calc(100% - 2px), 35.5% calc(100% - 8px), 32.0% calc(100% - 7px), 27.5% calc(100% - 0px), 23.2% calc(100% - 3px), 20.2% calc(100% - 0px), 16.0% calc(100% - 0px), 11.8% calc(100% - 8px), 8.7% calc(100% - 3px), 4.6% calc(100% - 7px), 1.2% calc(100% - 8px), 0.0% calc(100% - 4px), -40px calc(100% - 4px));
}

body.design-collage.collage-stufe-3 {
  --c: 2.5;
}

/* Marker notes around the logo. */
.collage-kopfnotizen {
  display: none;
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .masthead__inner {
  position: relative;
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .collage-kopfnotizen {
  display: block;
  pointer-events: none;
}

.collage-kopfnotiz {
  position: absolute;
  color: #f06a5a;
  font: 1.05rem/1 var(--hand);
  white-space: nowrap;
}

.collage-kopfnotiz--1 { left: 23.5rem; top: .5rem; transform: rotate(-6deg); }
.collage-kopfnotiz--2 { left: 12rem; bottom: -.75rem; font-size: .9rem; transform: rotate(4deg); }

.collage-kopfnotiz--3 {
  right: 9rem;
  top: 1.2rem;
  padding: .2rem .7rem;
  border: 2px solid #f06a5a;
  border-radius: 50%;
  transform: rotate(-8deg);
}

.collage-kopfnotiz--4 {
  right: 0;
  top: 1.1rem;
  padding: .3rem .6rem;
  border: 2px solid #efeae0;
  color: #efeae0;
  font: 600 .72rem/1 var(--schrift-mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  transform: rotate(3deg);
}

/* Labels between the blocks: black torn scrap, yellow tape with text, red marker note. */
body.design-collage .collage-zwischen--etiketten {
  margin: 1rem 0;
  gap: 1rem 1.6rem;
}

body.design-collage .collage-etikett {
  display: inline-block;
  padding: .5rem 1.1rem .6rem;
  font: 1.9rem/1 var(--schrift-display);
  letter-spacing: .02em;
  text-transform: uppercase;
}

body.design-collage .collage-etikett small {
  display: block;
  font: .95rem/1 var(--hand);
  text-transform: none;
}

body.design-collage .collage-etikett--schwarz {
  background: #141414;
  color: #efeae0;
  clip-path: polygon(0 6%, 8% 0, 30% 5%, 55% 0, 78% 6%, 100% 2%, 97% 50%, 100% 96%, 70% 100%, 45% 94%, 20% 100%, 2% 95%, 4% 50%);
  transform: rotate(calc(-3deg * var(--c)));
}

body.design-collage .collage-etikett--tape {
  background: var(--tape);
  color: var(--schwarz);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
  transform: rotate(calc(2.5deg * var(--c)));
}

body.design-collage .collage-randnotiz {
  color: var(--rotstift);
  font: 1.35rem/1.1 var(--hand);
  transform: rotate(calc(-4deg * var(--c)));
}

/* Round "received" stamp on the article head. */
.collage-eingang {
  display: none;
}

body.design-collage .collage-eingang {
  position: absolute;
  right: 1.2rem;
  bottom: -3.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 6.4rem;
  height: 6.4rem;
  border: 3px double currentColor;
  border-radius: 50%;
  color: var(--schwarz);
  font: 600 1rem/1.1 var(--schrift-mono);
  opacity: .82;
  pointer-events: none;
  transform: rotate(calc(-10deg * var(--c)));
  z-index: 3;
}

body.design-collage .collage-eingang small {
  font-size: .6rem;
  letter-spacing: .14em;
  text-transform: uppercase;
}

/* Marker underline under the big headlines, red circle around "Weiterlesen" and the case number. */
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) :is(.newsdetail__hl, .news-karte--aufmacher .news-karte__hl) {
  padding-bottom: .5rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 14' preserveAspectRatio='none'%3E%3Cpath d='M2 9 C 60 3, 120 12, 180 6 S 270 4, 298 8' fill='none' stroke='%23c8141e' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") left bottom / 70% .6rem no-repeat;
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) :is(.news-karte__mehr, .texte-karte__mehr, .newsdetail__az) {
  position: relative;
  border-bottom: 0;
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) :is(.news-karte__mehr, .texte-karte__mehr, .newsdetail__az)::after {
  content: "";
  position: absolute;
  inset: -.45rem -.8rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 50' preserveAspectRatio='none'%3E%3Cpath d='M18 8 C 60 -2, 112 6, 114 24 C 116 44, 40 50, 10 38 C -4 30, 6 12, 34 7' fill='none' stroke='%23c8141e' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  pointer-events: none;
}

/* Case number as a boxed stamp in the card corner, like "SEITE 03" (markup: news_cdp_start). */
.collage-az {
  display: none;
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .collage-az {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: block;
  padding: .25rem .5rem;
  border: 2px solid currentColor;
  color: var(--schwarz);
  font: 600 .72rem/1.15 var(--schrift-mono);
  text-align: center;
  pointer-events: none;
  transform: rotate(calc(3deg * var(--c)));
}

body.design-collage .news-karte:nth-of-type(even) .collage-az {
  right: 3.4rem;
}

/* Round stamp on the Prüftool. */
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) #right .prueftool {
  position: relative;
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) #right .prueftool::after {
  content: "Rückfragen zwecklos";
  position: absolute;
  right: -1.4rem;
  top: -3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.6rem;
  height: 5.6rem;
  padding: .6rem;
  border: 3px double var(--rotstift);
  border-radius: 50%;
  color: var(--rotstift);
  font: .72rem/1.15 var(--typo);
  letter-spacing: .08em;
  text-align: center;
  text-transform: uppercase;
  opacity: .78;
  pointer-events: none;
  transform: rotate(calc(-12deg * var(--c)));
}

/* ---------- Level 3 only: sheets pushed further apart and over each other ---------- */

body.design-collage.collage-stufe-3 .newsdetail__text .rte > .collage-blatt:nth-of-type(odd) {
  margin-left: -1.2rem;
  margin-right: 1.2rem;
}

body.design-collage.collage-stufe-3 .newsdetail__text .rte > .collage-blatt:nth-of-type(even) {
  margin-left: 1.4rem;
  margin-right: -.8rem;
}

body.design-collage.collage-stufe-3 .newsdetail__text .rte > .collage-blatt + p {
  margin-top: -.4rem;
}

body.design-collage.collage-stufe-3 .collage-logo-strike {
  box-shadow: 0 9px 0 var(--rotstift);
}

body.design-collage.collage-stufe-3 :is(.news-karte, .texte-karte)::after {
  font-size: 1.25rem;
}

/* ---------- Phones ---------- */

@media (max-width: 61.99rem) {
  body.design-collage:is(.collage-stufe-2, .collage-stufe-3) {
    --c: .9;
  }

  body.design-collage.collage-stufe-3 {
    --c: 1.2;
  }

  .collage-kopfnotiz--3,
  .collage-kopfnotiz--4 {
    display: none;
  }

  .collage-kopfnotiz--2 {
    left: 4.5rem;
  }

  .collage-kopfnotiz--1 {
    left: auto;
    right: .2rem;
    top: auto;
    bottom: -.2rem;
    font-size: .85rem;
  }

  body.design-collage .collage-etikett {
    font-size: 1.5rem;
  }

  body.design-collage.collage-stufe-3 .newsdetail__text .rte > .collage-blatt:nth-of-type(n) {
    margin-left: 0;
    margin-right: 0;
  }

  /* Level 3: cards after the lead story side by side as small taped notes (mobile idea). */
  body.design-collage.collage-stufe-3 .news-home-list {
    display: grid;
    grid-auto-flow: row dense;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .2rem .9rem;
  }

  body.design-collage.collage-stufe-3 .news-home-list > * {
    grid-column: 1 / -1;
  }

  body.design-collage.collage-stufe-3 .news-home-list > .news-karte:not(:first-of-type) {
    grid-column: auto;
    margin-block: 1rem;
    padding: 1.7rem 1.35rem 1.8rem;
  }

  body.design-collage.collage-stufe-3 .news-home-list > .news-karte:not(:first-of-type) .news-karte__hl {
    font-size: 1.15rem;
  }

  body.design-collage.collage-stufe-3 .news-home-list > .news-karte:not(:first-of-type) .news-karte__teaser {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: .8rem;
  }

  body.design-collage.collage-stufe-3 .news-home-list > .news-karte:not(:first-of-type)::after,
  body.design-collage.collage-stufe-3 .news-home-list > .news-karte:not(:first-of-type) .collage-az {
    display: none;
  }

  body.design-collage.collage-stufe-3 .news-home-list > .news-karte:not(:first-of-type) .news-karte__teaserbild img {
    aspect-ratio: 1;
  }
}


/* =================================================================================
   Newspaper tear-off look, levels 2 and 3 (feedback Mark 29.09.2026: "mehr Zeitungsabriss").
   Sheets are torn on all four sides (clip-path), with a white fibre rim (inset shadow); the
   drop shadow sits on the parent so it follows the torn outline. Tape and stamps move inside the
   sheet edge, otherwise the clip would cut them. The Prüftool stays a straight form on purpose.
   Background: faint torn poster wall (public domain, QUELLEN.md) under a paper veil.
   ================================================================================= */

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) {
  --riss4: polygon(0.00% 1.5px, 1.11% 2.0px, 2.22% 1.7px, 3.33% 1.2px, 4.44% 1.3px, 5.56% 2.7px, 6.67% 5.1px, 7.78% 4.0px, 8.89% 2.4px, 10.00% 2.4px, 11.11% 4.3px, 12.22% 4.3px, 13.33% 3.7px, 14.44% 5.4px, 15.56% 6.0px, 16.67% 8.6px, 17.78% 7.5px, 18.89% 8.0px, 20.00% 7.3px, 21.11% 6.8px, 22.22% 7.9px, 23.33% 3.8px, 24.44% 4.0px, 25.56% 4.5px, 26.67% 3.1px, 27.78% 2.6px, 28.89% 2.3px, 30.00% 2.4px, 31.11% 4.8px, 32.22% 4.1px, 33.33% 1.7px, 34.44% 2.6px, 35.56% 1.2px, 36.67% 3.3px, 37.78% 1.6px, 38.89% 0.7px, 40.00% 3.1px, 41.11% 6.4px, 42.22% 6.0px, 43.33% 6.1px, 44.44% 7.6px, 45.56% 8.1px, 46.67% 8.2px, 47.78% 7.0px, 48.89% 4.4px, 50.00% 5.2px, 51.11% 5.6px, 52.22% 6.1px, 53.33% 4.2px, 54.44% 5.1px, 55.56% 5.3px, 56.67% 5.2px, 57.78% 5.1px, 58.89% 3.7px, 60.00% 2.1px, 61.11% 1.9px, 62.22% 1.1px, 63.33% 0px, 64.44% 0.6px, 65.56% 3.4px, 66.67% 3.5px, 67.78% 4.2px, 68.89% 4.6px, 70.00% 6.8px, 71.11% 5.6px, 72.22% 5.0px, 73.33% 5.4px, 74.44% 5.1px, 75.56% 6.2px, 76.67% 7.2px, 77.78% 5.4px, 78.89% 6.4px, 80.00% 8.1px, 81.11% 8.8px, 82.22% 6.7px, 83.33% 5.1px, 84.44% 5.0px, 85.56% 5.6px, 86.67% 2.3px, 87.78% 1.3px, 88.89% 0.8px, 90.00% 1.3px, 91.11% 2.1px, 92.22% 2.7px, 93.33% 1.5px, 94.44% 4.0px, 95.56% 3.9px, 96.67% 4.2px, 97.78% 2.9px, 98.89% 3.4px, 100.00% 3.6px, calc(100% - 3.7px) 2.00%, calc(100% - 3.9px) 4.00%, calc(100% - 2.4px) 6.00%, calc(100% - 3.8px) 8.00%, calc(100% - 2.7px) 10.00%, calc(100% - 0.5px) 12.00%, calc(100% - 2.4px) 14.00%, calc(100% - 3.8px) 16.00%, calc(100% - 5.3px) 18.00%, calc(100% - 3.7px) 20.00%, calc(100% - 5.5px) 22.00%, calc(100% - 5.4px) 24.00%, calc(100% - 6.4px) 26.00%, calc(100% - 8.4px) 28.00%, calc(100% - 9.1px) 30.00%, calc(100% - 8.3px) 32.00%, calc(100% - 4.4px) 34.00%, calc(100% - 3.6px) 36.00%, calc(100% - 5.7px) 38.00%, calc(100% - 7.7px) 40.00%, calc(100% - 14.1px) 42.00%, calc(100% - 18.5px) 44.00%, calc(100% - 9.3px) 46.00%, calc(100% - 3.2px) 48.00%, calc(100% - 5.2px) 50.00%, calc(100% - 9.6px) 52.00%, calc(100% - 13.8px) 54.00%, calc(100% - 15.9px) 56.00%, calc(100% - 15.9px) 58.00%, calc(100% - 15.3px) 60.00%, calc(100% - 14.1px) 62.00%, calc(100% - 11.6px) 64.00%, calc(100% - 8.6px) 66.00%, calc(100% - 6.2px) 68.00%, calc(100% - 6.4px) 70.00%, calc(100% - 5.5px) 72.00%, calc(100% - 5.8px) 74.00%, calc(100% - 6.0px) 76.00%, calc(100% - 4.1px) 78.00%, calc(100% - 0.5px) 80.00%, calc(100% - 1.3px) 82.00%, calc(100% - 2.3px) 84.00%, calc(100% - 3.4px) 86.00%, calc(100% - 3.4px) 88.00%, calc(100% - 3.3px) 90.00%, calc(100% - 3.0px) 92.00%, calc(100% - 4.9px) 94.00%, calc(100% - 5.8px) 96.00%, calc(100% - 8.0px) 98.00%, calc(100% - 7.0px) 100.00%, 98.89% calc(100% - 3.6px), 97.78% calc(100% - 4.6px), 96.67% calc(100% - 4.0px), 95.56% calc(100% - 2.1px), 94.44% calc(100% - 1.4px), 93.33% calc(100% - 1.4px), 92.22% calc(100% - 1.6px), 91.11% calc(100% - 2.6px), 90.00% calc(100% - 2.0px), 88.89% calc(100% - 3.4px), 87.78% calc(100% - 4.2px), 86.67% calc(100% - 4.0px), 85.56% calc(100% - 4.5px), 84.44% calc(100% - 3.6px), 83.33% calc(100% - 2.7px), 82.22% calc(100% - 1.8px), 81.11% calc(100% - 4.5px), 80.00% calc(100% - 5.1px), 78.89% calc(100% - 5.7px), 77.78% calc(100% - 5.6px), 76.67% calc(100% - 7.2px), 75.56% calc(100% - 8.8px), 74.44% calc(100% - 8.6px), 73.33% calc(100% - 7.7px), 72.22% calc(100% - 5.1px), 71.11% calc(100% - 5.4px), 70.00% calc(100% - 7.2px), 68.89% calc(100% - 8.9px), 67.78% calc(100% - 9.2px), 66.67% calc(100% - 12.6px), 65.56% calc(100% - 16.3px), 64.44% calc(100% - 19.0px), 63.33% calc(100% - 22.0px), 62.22% calc(100% - 20.9px), 61.11% calc(100% - 18.1px), 60.00% calc(100% - 15.4px), 58.89% calc(100% - 12.7px), 57.78% calc(100% - 8.7px), 56.67% calc(100% - 5.2px), 55.56% calc(100% - 2.7px), 54.44% calc(100% - 3.4px), 53.33% calc(100% - 3.8px), 52.22% calc(100% - 4.3px), 51.11% calc(100% - 3.2px), 50.00% calc(100% - 1.6px), 48.89% calc(100% - 3.0px), 47.78% calc(100% - 1.2px), 46.67% calc(100% - 1.7px), 45.56% calc(100% - 0.6px), 44.44% calc(100% - 1.0px), 43.33% calc(100% - 1.8px), 42.22% calc(100% - 5.2px), 41.11% calc(100% - 5.2px), 40.00% calc(100% - 4.4px), 38.89% calc(100% - 5.7px), 37.78% calc(100% - 5.2px), 36.67% calc(100% - 6.6px), 35.56% calc(100% - 5.7px), 34.44% calc(100% - 5.1px), 33.33% calc(100% - 5.7px), 32.22% calc(100% - 6.5px), 31.11% calc(100% - 7.0px), 30.00% calc(100% - 8.4px), 28.89% calc(100% - 7.8px), 27.78% calc(100% - 7.2px), 26.67% calc(100% - 7.1px), 25.56% calc(100% - 8.1px), 24.44% calc(100% - 6.9px), 23.33% calc(100% - 5.8px), 22.22% calc(100% - 4.8px), 21.11% calc(100% - 4.1px), 20.00% calc(100% - 4.1px), 18.89% calc(100% - 5.2px), 17.78% calc(100% - 2.7px), 16.67% calc(100% - 2.9px), 15.56% calc(100% - 4.6px), 14.44% calc(100% - 4.9px), 13.33% calc(100% - 2.7px), 12.22% calc(100% - 2.0px), 11.11% calc(100% - 1.6px), 10.00% calc(100% - 0.7px), 8.89% calc(100% - 1.3px), 7.78% calc(100% - 0.8px), 6.67% calc(100% - 0.9px), 5.56% calc(100% - 3.2px), 4.44% calc(100% - 3.5px), 3.33% calc(100% - 5.9px), 2.22% calc(100% - 5.5px), 1.11% calc(100% - 3.9px), 0.00% calc(100% - 2.8px), 2.5px 98.00%, 3.9px 96.00%, 5.8px 94.00%, 6.8px 92.00%, 8.1px 90.00%, 6.9px 88.00%, 4.5px 86.00%, 6.8px 84.00%, 8.8px 82.00%, 17.2px 80.00%, 21.2px 78.00%, 9.9px 76.00%, 2.3px 74.00%, 3.9px 72.00%, 5.0px 70.00%, 2.7px 68.00%, 3.2px 66.00%, 1.6px 64.00%, 1.5px 62.00%, 2.5px 60.00%, 3.1px 58.00%, 2.8px 56.00%, 4.3px 54.00%, 3.4px 52.00%, 5.0px 50.00%, 6.5px 48.00%, 7.0px 46.00%, 6.7px 44.00%, 7.2px 42.00%, 4.9px 40.00%, 5.7px 38.00%, 8.6px 36.00%, 6.9px 34.00%, 3.8px 32.00%, 4.7px 30.00%, 2.5px 28.00%, 3.9px 26.00%, 5.6px 24.00%, 2.5px 22.00%, 1.4px 20.00%, 2.5px 18.00%, 1.8px 16.00%, 4.0px 14.00%, 5.0px 12.00%, 2.2px 10.00%, 2.8px 8.00%, 4.7px 6.00%, 5.8px 4.00%, 6.8px 2.00%);
  --riss-b: polygon(0.00% 3.5px, 1.11% 4.0px, 2.22% 4.3px, 3.33% 3.9px, 4.44% 2.4px, 5.56% 3.9px, 6.67% 3.3px, 7.78% 3.7px, 8.89% 0.7px, 10.00% 1.4px, 11.11% 1.0px, 12.22% 2.2px, 13.33% 1.9px, 14.44% 1.0px, 15.56% 1.5px, 16.67% 4.4px, 17.78% 3.9px, 18.89% 4.3px, 20.00% 3.6px, 21.11% 4.4px, 22.22% 4.8px, 23.33% 5.3px, 24.44% 5.8px, 25.56% 6.3px, 26.67% 9.3px, 27.78% 12.6px, 28.89% 15.6px, 30.00% 17.3px, 31.11% 18.8px, 32.22% 19.2px, 33.33% 17.5px, 34.44% 16.6px, 35.56% 13.8px, 36.67% 10.1px, 37.78% 10.0px, 38.89% 9.0px, 40.00% 8.3px, 41.11% 7.1px, 42.22% 8.1px, 43.33% 6.3px, 44.44% 6.0px, 45.56% 5.0px, 46.67% 4.1px, 47.78% 3.4px, 48.89% 3.0px, 50.00% 4.1px, 51.11% 2.2px, 52.22% 2.0px, 53.33% 2.7px, 54.44% 3.3px, 55.56% 3.3px, 56.67% 3.1px, 57.78% 2.2px, 58.89% 0.9px, 60.00% 0.6px, 61.11% 2.5px, 62.22% 0px, 63.33% 1.5px, 64.44% 2.4px, 65.56% 3.2px, 66.67% 4.3px, 67.78% 4.3px, 68.89% 5.9px, 70.00% 8.0px, 71.11% 10.6px, 72.22% 14.1px, 73.33% 16.9px, 74.44% 19.1px, 75.56% 21.8px, 76.67% 22.4px, 77.78% 19.3px, 78.89% 14.9px, 80.00% 10.7px, 81.11% 11.2px, 82.22% 10.0px, 83.33% 7.6px, 84.44% 6.5px, 85.56% 4.3px, 86.67% 7.0px, 87.78% 6.0px, 88.89% 6.9px, 90.00% 5.4px, 91.11% 6.1px, 92.22% 6.5px, 93.33% 6.6px, 94.44% 5.6px, 95.56% 3.2px, 96.67% 2.6px, 97.78% 4.2px, 98.89% 2.5px, 100.00% 1.8px, calc(100% - 3.3px) 2.00%, calc(100% - 3.2px) 4.00%, calc(100% - 3.0px) 6.00%, calc(100% - 1.1px) 8.00%, calc(100% - 2.3px) 10.00%, calc(100% - 2.4px) 12.00%, calc(100% - 5.6px) 14.00%, calc(100% - 8.0px) 16.00%, calc(100% - 6.5px) 18.00%, calc(100% - 7.5px) 20.00%, calc(100% - 5.6px) 22.00%, calc(100% - 4.4px) 24.00%, calc(100% - 4.4px) 26.00%, calc(100% - 4.6px) 28.00%, calc(100% - 4.9px) 30.00%, calc(100% - 3.9px) 32.00%, calc(100% - 2.6px) 34.00%, calc(100% - 1.5px) 36.00%, calc(100% - 0.9px) 38.00%, calc(100% - 3.3px) 40.00%, calc(100% - 5.1px) 42.00%, calc(100% - 5.9px) 44.00%, calc(100% - 7.5px) 46.00%, calc(100% - 7.9px) 48.00%, calc(100% - 6.3px) 50.00%, calc(100% - 5.8px) 52.00%, calc(100% - 4.5px) 54.00%, calc(100% - 6.3px) 56.00%, calc(100% - 5.5px) 58.00%, calc(100% - 3.6px) 60.00%, calc(100% - 2.4px) 62.00%, calc(100% - 0.6px) 64.00%, calc(100% - 1.5px) 66.00%, calc(100% - 3.1px) 68.00%, calc(100% - 3.3px) 70.00%, calc(100% - 6.3px) 72.00%, calc(100% - 6.1px) 74.00%, calc(100% - 6.1px) 76.00%, calc(100% - 6.3px) 78.00%, calc(100% - 4.1px) 80.00%, calc(100% - 6.3px) 82.00%, calc(100% - 7.6px) 84.00%, calc(100% - 6.4px) 86.00%, calc(100% - 5.1px) 88.00%, calc(100% - 2.3px) 90.00%, calc(100% - 0.7px) 92.00%, calc(100% - 0.6px) 94.00%, calc(100% - 1.6px) 96.00%, calc(100% - 5.0px) 98.00%, calc(100% - 3.5px) 100.00%, 98.89% calc(100% - 4.2px), 97.78% calc(100% - 5.1px), 96.67% calc(100% - 5.3px), 95.56% calc(100% - 2.6px), 94.44% calc(100% - 2.6px), 93.33% calc(100% - 2.3px), 92.22% calc(100% - 4.8px), 91.11% calc(100% - 3.8px), 90.00% calc(100% - 1.1px), 88.89% calc(100% - 3.0px), 87.78% calc(100% - 2.3px), 86.67% calc(100% - 3.0px), 85.56% calc(100% - 3.7px), 84.44% calc(100% - 2.9px), 83.33% calc(100% - 5.2px), 82.22% calc(100% - 5.4px), 81.11% calc(100% - 6.9px), 80.00% calc(100% - 6.0px), 78.89% calc(100% - 7.9px), 77.78% calc(100% - 7.3px), 76.67% calc(100% - 9.2px), 75.56% calc(100% - 8.4px), 74.44% calc(100% - 7.2px), 73.33% calc(100% - 7.9px), 72.22% calc(100% - 6.5px), 71.11% calc(100% - 4.5px), 70.00% calc(100% - 2.6px), 68.89% calc(100% - 3.4px), 67.78% calc(100% - 3.6px), 66.67% calc(100% - 2.7px), 65.56% calc(100% - 0.5px), 64.44% calc(100% - 0px), 63.33% calc(100% - 0.4px), 62.22% calc(100% - 2.1px), 61.11% calc(100% - 2.7px), 60.00% calc(100% - 2.4px), 58.89% calc(100% - 2.9px), 57.78% calc(100% - 5.4px), 56.67% calc(100% - 7.0px), 55.56% calc(100% - 5.7px), 54.44% calc(100% - 6.4px), 53.33% calc(100% - 5.9px), 52.22% calc(100% - 7.1px), 51.11% calc(100% - 7.2px), 50.00% calc(100% - 6.1px), 48.89% calc(100% - 6.0px), 47.78% calc(100% - 7.2px), 46.67% calc(100% - 6.2px), 45.56% calc(100% - 3.9px), 44.44% calc(100% - 4.8px), 43.33% calc(100% - 6.4px), 42.22% calc(100% - 5.6px), 41.11% calc(100% - 5.4px), 40.00% calc(100% - 3.3px), 38.89% calc(100% - 5.1px), 37.78% calc(100% - 3.6px), 36.67% calc(100% - 3.0px), 35.56% calc(100% - 3.2px), 34.44% calc(100% - 1.2px), 33.33% calc(100% - 2.0px), 32.22% calc(100% - 2.6px), 31.11% calc(100% - 1.6px), 30.00% calc(100% - 1.2px), 28.89% calc(100% - 2.5px), 27.78% calc(100% - 3.0px), 26.67% calc(100% - 5.1px), 25.56% calc(100% - 4.2px), 24.44% calc(100% - 5.5px), 23.33% calc(100% - 7.1px), 22.22% calc(100% - 8.4px), 21.11% calc(100% - 7.3px), 20.00% calc(100% - 6.7px), 18.89% calc(100% - 7.4px), 17.78% calc(100% - 8.5px), 16.67% calc(100% - 6.5px), 15.56% calc(100% - 4.5px), 14.44% calc(100% - 4.4px), 13.33% calc(100% - 4.2px), 12.22% calc(100% - 4.4px), 11.11% calc(100% - 1.7px), 10.00% calc(100% - 0.3px), 8.89% calc(100% - 0.9px), 7.78% calc(100% - 1.5px), 6.67% calc(100% - 1.2px), 5.56% calc(100% - 0.9px), 4.44% calc(100% - 2.6px), 3.33% calc(100% - 4.2px), 2.22% calc(100% - 4.1px), 1.11% calc(100% - 4.9px), 0.00% calc(100% - 5.1px), 4.1px 98.00%, 5.0px 96.00%, 4.9px 94.00%, 7.5px 92.00%, 6.5px 90.00%, 8.2px 88.00%, 7.1px 86.00%, 6.1px 84.00%, 5.5px 82.00%, 5.3px 80.00%, 3.8px 78.00%, 5.1px 76.00%, 6.7px 74.00%, 5.3px 72.00%, 5.0px 70.00%, 2.3px 68.00%, 0.1px 66.00%, 1.1px 64.00%, 1.9px 62.00%, 2.2px 60.00%, 3.0px 58.00%, 4.0px 56.00%, 3.5px 54.00%, 4.8px 52.00%, 2.9px 50.00%, 4.0px 48.00%, 5.7px 46.00%, 5.9px 44.00%, 6.5px 42.00%, 8.4px 40.00%, 8.0px 38.00%, 7.1px 36.00%, 8.3px 34.00%, 5.7px 32.00%, 4.9px 30.00%, 7.0px 28.00%, 10.1px 26.00%, 16.6px 24.00%, 16.5px 22.00%, 9.9px 20.00%, 7.3px 18.00%, 3.6px 16.00%, 1.2px 14.00%, 1.4px 12.00%, 1.3px 10.00%, 1.7px 8.00%, 5.4px 6.00%, 4.2px 4.00%, 5.3px 2.00%);
  --riss-c: polygon(0.00% 4.5px, 1.11% 4.7px, 2.22% 2.8px, 3.33% 2.7px, 4.44% 2.2px, 5.56% 0.6px, 6.67% 1.9px, 7.78% 3.1px, 8.89% 9.7px, 10.00% 14.1px, 11.11% 19.4px, 12.22% 18.4px, 13.33% 13.8px, 14.44% 8.6px, 15.56% 5.4px, 16.67% 3.1px, 17.78% 1.5px, 18.89% 2.4px, 20.00% 3.3px, 21.11% 4.8px, 22.22% 4.5px, 23.33% 4.0px, 24.44% 4.8px, 25.56% 5.7px, 26.67% 7.9px, 27.78% 8.1px, 28.89% 8.5px, 30.00% 7.5px, 31.11% 6.7px, 32.22% 6.3px, 33.33% 7.1px, 34.44% 7.3px, 35.56% 5.7px, 36.67% 6.2px, 37.78% 6.7px, 38.89% 7.1px, 40.00% 7.1px, 41.11% 8.2px, 42.22% 6.7px, 43.33% 5.0px, 44.44% 4.8px, 45.56% 3.5px, 46.67% 4.5px, 47.78% 4.0px, 48.89% 3.2px, 50.00% 1.9px, 51.11% 2.5px, 52.22% 3.5px, 53.33% 4.2px, 54.44% 2.7px, 55.56% 3.5px, 56.67% 2.2px, 57.78% 2.2px, 58.89% 2.7px, 60.00% 2.1px, 61.11% 0.9px, 62.22% 0px, 63.33% 1.6px, 64.44% 0.9px, 65.56% 2.4px, 66.67% 4.7px, 67.78% 3.7px, 68.89% 5.6px, 70.00% 5.3px, 71.11% 5.1px, 72.22% 5.5px, 73.33% 6.6px, 74.44% 4.2px, 75.56% 4.9px, 76.67% 4.5px, 77.78% 4.9px, 78.89% 7.3px, 80.00% 6.5px, 81.11% 5.9px, 82.22% 6.6px, 83.33% 8.6px, 84.44% 9.4px, 85.56% 8.7px, 86.67% 6.8px, 87.78% 4.9px, 88.89% 4.0px, 90.00% 5.5px, 91.11% 4.9px, 92.22% 5.5px, 93.33% 3.3px, 94.44% 4.3px, 95.56% 3.0px, 96.67% 4.1px, 97.78% 5.7px, 98.89% 4.0px, 100.00% 2.6px, calc(100% - 7.5px) 2.00%, calc(100% - 6.1px) 4.00%, calc(100% - 3.4px) 6.00%, calc(100% - 2.0px) 8.00%, calc(100% - 1.6px) 10.00%, calc(100% - 0.6px) 12.00%, calc(100% - 1.8px) 14.00%, calc(100% - 4.8px) 16.00%, calc(100% - 3.3px) 18.00%, calc(100% - 3.5px) 20.00%, calc(100% - 3.9px) 22.00%, calc(100% - 3.3px) 24.00%, calc(100% - 2.8px) 26.00%, calc(100% - 4.6px) 28.00%, calc(100% - 8.8px) 30.00%, calc(100% - 7.2px) 32.00%, calc(100% - 6.9px) 34.00%, calc(100% - 6.8px) 36.00%, calc(100% - 5.6px) 38.00%, calc(100% - 4.3px) 40.00%, calc(100% - 6.3px) 42.00%, calc(100% - 6.3px) 44.00%, calc(100% - 6.1px) 46.00%, calc(100% - 4.5px) 48.00%, calc(100% - 2.6px) 50.00%, calc(100% - 1.7px) 52.00%, calc(100% - 0.3px) 54.00%, calc(100% - 1.9px) 56.00%, calc(100% - 4.9px) 58.00%, calc(100% - 7.3px) 60.00%, calc(100% - 12.2px) 62.00%, calc(100% - 14.9px) 64.00%, calc(100% - 13.0px) 66.00%, calc(100% - 6.9px) 68.00%, calc(100% - 6.0px) 70.00%, calc(100% - 8.9px) 72.00%, calc(100% - 6.3px) 74.00%, calc(100% - 5.6px) 76.00%, calc(100% - 6.8px) 78.00%, calc(100% - 5.9px) 80.00%, calc(100% - 5.3px) 82.00%, calc(100% - 7.0px) 84.00%, calc(100% - 7.2px) 86.00%, calc(100% - 5.7px) 88.00%, calc(100% - 3.1px) 90.00%, calc(100% - 2.3px) 92.00%, calc(100% - 2.9px) 94.00%, calc(100% - 2.4px) 96.00%, calc(100% - 3.2px) 98.00%, calc(100% - 5.0px) 100.00%, 98.89% calc(100% - 8.8px), 97.78% calc(100% - 8.3px), 96.67% calc(100% - 7.3px), 95.56% calc(100% - 6.1px), 94.44% calc(100% - 4.7px), 93.33% calc(100% - 4.7px), 92.22% calc(100% - 6.8px), 91.11% calc(100% - 7.3px), 90.00% calc(100% - 7.6px), 88.89% calc(100% - 5.9px), 87.78% calc(100% - 6.3px), 86.67% calc(100% - 5.5px), 85.56% calc(100% - 4.5px), 84.44% calc(100% - 4.7px), 83.33% calc(100% - 2.2px), 82.22% calc(100% - 1.9px), 81.11% calc(100% - 0.7px), 80.00% calc(100% - 1.0px), 78.89% calc(100% - 1.3px), 77.78% calc(100% - 3.1px), 76.67% calc(100% - 3.8px), 75.56% calc(100% - 3.1px), 74.44% calc(100% - 2.9px), 73.33% calc(100% - 3.0px), 72.22% calc(100% - 3.3px), 71.11% calc(100% - 4.0px), 70.00% calc(100% - 4.4px), 68.89% calc(100% - 4.3px), 67.78% calc(100% - 3.6px), 66.67% calc(100% - 4.9px), 65.56% calc(100% - 7.0px), 64.44% calc(100% - 9.0px), 63.33% calc(100% - 7.9px), 62.22% calc(100% - 8.9px), 61.11% calc(100% - 7.0px), 60.00% calc(100% - 6.3px), 58.89% calc(100% - 6.4px), 57.78% calc(100% - 6.0px), 56.67% calc(100% - 5.1px), 55.56% calc(100% - 3.4px), 54.44% calc(100% - 4.0px), 53.33% calc(100% - 3.2px), 52.22% calc(100% - 4.0px), 51.11% calc(100% - 4.4px), 50.00% calc(100% - 4.0px), 48.89% calc(100% - 2.6px), 47.78% calc(100% - 2.2px), 46.67% calc(100% - 2.2px), 45.56% calc(100% - 0.2px), 44.44% calc(100% - 0.6px), 43.33% calc(100% - 2.4px), 42.22% calc(100% - 2.3px), 41.11% calc(100% - 1.1px), 40.00% calc(100% - 4.4px), 38.89% calc(100% - 5.3px), 37.78% calc(100% - 6.6px), 36.67% calc(100% - 6.3px), 35.56% calc(100% - 6.2px), 34.44% calc(100% - 4.7px), 33.33% calc(100% - 4.4px), 32.22% calc(100% - 5.9px), 31.11% calc(100% - 5.3px), 30.00% calc(100% - 7.8px), 28.89% calc(100% - 7.9px), 27.78% calc(100% - 6.0px), 26.67% calc(100% - 6.7px), 25.56% calc(100% - 7.8px), 24.44% calc(100% - 8.1px), 23.33% calc(100% - 7.5px), 22.22% calc(100% - 5.0px), 21.11% calc(100% - 2.3px), 20.00% calc(100% - 1.6px), 18.89% calc(100% - 1.1px), 17.78% calc(100% - 1.4px), 16.67% calc(100% - 2.6px), 15.56% calc(100% - 2.5px), 14.44% calc(100% - 1.6px), 13.33% calc(100% - 2.5px), 12.22% calc(100% - 2.8px), 11.11% calc(100% - 3.3px), 10.00% calc(100% - 2.6px), 8.89% calc(100% - 2.9px), 7.78% calc(100% - 2.0px), 6.67% calc(100% - 2.4px), 5.56% calc(100% - 2.4px), 4.44% calc(100% - 5.9px), 3.33% calc(100% - 5.9px), 2.22% calc(100% - 6.6px), 1.11% calc(100% - 6.1px), 0.00% calc(100% - 7.3px), 7.7px 98.00%, 4.3px 96.00%, 2.0px 94.00%, 2.6px 92.00%, 2.2px 90.00%, 2.0px 88.00%, 3.6px 86.00%, 1.6px 84.00%, 0.9px 82.00%, 1.8px 80.00%, 2.9px 78.00%, 5.3px 76.00%, 7.0px 74.00%, 6.9px 72.00%, 7.4px 70.00%, 7.9px 68.00%, 5.9px 66.00%, 4.9px 64.00%, 7.3px 62.00%, 5.8px 60.00%, 4.7px 58.00%, 2.7px 56.00%, 0.8px 54.00%, 0.9px 52.00%, 1.0px 50.00%, 2.0px 48.00%, 4.9px 46.00%, 4.6px 44.00%, 3.1px 42.00%, 5.1px 40.00%, 4.4px 38.00%, 9.5px 36.00%, 15.7px 34.00%, 18.9px 32.00%, 15.4px 30.00%, 9.3px 28.00%, 7.1px 26.00%, 8.0px 24.00%, 13.5px 22.00%, 12.9px 20.00%, 12.1px 18.00%, 6.8px 16.00%, 2.9px 14.00%, 1.9px 12.00%, 3.0px 10.00%, 3.5px 8.00%, 6.1px 6.00%, 6.7px 4.00%, 5.8px 2.00%);
  background:
    linear-gradient(rgba(233, 226, 206, .86), rgba(233, 226, 206, .86)),
    url("/sbd/assets/collage/hintergrund-abriss.webp") center top / 900px repeat,
    #e7dfc9;
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) :is(.news-karte, .texte-karte, .kurzmeldungen, .collage-zettel, .collage-zeitung),
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .newsdetail__text .rte > .collage-blatt,
body.design-collage:is(.collage-stufe-2, .collage-stufe-3).page-info #main .mod_article {
  clip-path: var(--riss4);
  box-shadow: inset 0 0 24px rgba(120, 95, 50, .22);
}

/* Shadows on the parents, so they follow the torn outline. */
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) :is(.news-home-list, .newsdetail__text, .collage-zwischen--etiketten),
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .mod_newslist:has(> .texte-karte),
body.design-collage:is(.collage-stufe-2, .collage-stufe-3).page-info #main .inside {
  filter: drop-shadow(0 7px 7px rgba(0, 0, 0, .3));
}

/* Tape and stamps inside the edge. */
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) :is(.news-karte, .texte-karte)::before,
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .kurzmeldungen::before,
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .newsdetail__text .rte > .collage-blatt:nth-of-type(3n)::before,
body.design-collage:is(.collage-stufe-2, .collage-stufe-3).page-info #main .mod_article::before {
  top: 0;
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) :is(.news-karte, .texte-karte):nth-of-type(even)::before {
  right: 10px;
  top: 10px;
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) :is(.news-karte, .texte-karte)::after {
  top: .7rem;
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) :is(.news-karte, .texte-karte):is(:nth-of-type(2), :nth-of-type(3), :nth-of-type(4n+2), :nth-of-type(4n+3))::after {
  top: auto;
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) :is(.news-karte, .texte-karte) {
  padding-top: 2.2rem;
}

/* Lead card: case number box bottom right, the stamp keeps the top corner. */
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .news-karte:first-of-type .collage-az {
  top: auto;
  bottom: 1.2rem;
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .kurzmeldungen {
  padding-top: 1.9rem;
}

/* Three torn outlines take turns (one outline for every sheet gives the trick away); deep tears
   reach up to 30px into the sheet, so the torn sheets get more padding. */
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) :is(.news-karte, .texte-karte):nth-of-type(3n+2),
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .newsdetail__text .rte > .collage-blatt:nth-of-type(3n+2),
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .kurzmeldungen {
  clip-path: var(--riss-b);
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) :is(.news-karte, .texte-karte):nth-of-type(3n),
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .newsdetail__text .rte > .collage-blatt:nth-of-type(3n),
body.design-collage:is(.collage-stufe-2, .collage-stufe-3).page-info #main .mod_article {
  clip-path: var(--riss-c);
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .newsdetail__text .rte > .collage-blatt {
  padding: 1.9rem 2.2rem;
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) :is(.news-karte, .texte-karte) {
  padding-inline: 2rem;
  padding-bottom: 2.2rem;
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .kurzmeldungen {
  padding: 2.1rem 2rem 1.9rem;
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3).page-info #main .mod_article {
  padding: 2.4rem 2.4rem 2rem;
}

@media (max-width: 61.99rem) {
  body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .newsdetail__text .rte > .collage-blatt {
    padding: 1.7rem 1.6rem;
  }

  body.design-collage:is(.collage-stufe-2, .collage-stufe-3) :is(.news-karte, .texte-karte) {
    padding-inline: 1.5rem;
  }
}

/* Newspaper scrap in the label layers. */
.collage-zeitung {
  display: none;
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .collage-zeitung {
  display: inline-block;
  width: 12rem;
  height: 7.5rem;
  background: url("/sbd/assets/collage/zeitungsschnipsel.webp") center / cover;
  transform: rotate(calc(-3deg * var(--c)));
}

/* Ransom letters: each letter from another paper. */
.collage-erpresser {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .08em;
  line-height: 1;
}

.collage-erpresser > span {
  display: inline-block;
  padding: .06em .1em;
  background: #f3eee2;
  color: #141414;
  font-family: var(--schrift-display);
  box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
  transform: rotate(-3deg);
}

.collage-erpresser > span:nth-child(5n+2) { background: #141414; color: #efeae0; font-family: var(--typo); font-size: .82em; transform: rotate(4deg); }
.collage-erpresser > span:nth-child(5n+3) { background: var(--tape, #f7d63e); font-family: 'IBM Plex Serif', Georgia, serif; font-weight: 700; font-size: .9em; transform: rotate(-6deg) translateY(.05em); }
.collage-erpresser > span:nth-child(5n+4) { background: #dcd8cf; font-family: var(--hand); font-size: .85em; transform: rotate(5deg) translateY(-.06em); }
.collage-erpresser > span:nth-child(5n) { background: #fff; color: var(--rotstift, #c8141e); font-family: var(--schrift-mono); font-weight: 600; font-size: .78em; transform: rotate(-2deg) translateY(.08em); }
.collage-erpresser > span:nth-child(7n) { transform: rotate(8deg); }

.collage-erpresser > .collage-luecke {
  width: .3em;
  padding: 0;
  background: none;
  box-shadow: none;
}

body.design-collage .rubrik-header__titel--erpresser {
  font-size: 2.9rem;
}

body.design-collage .collage-aushang__titel .collage-erpresser {
  justify-content: center;
  font-size: .8em;
}

@media (max-width: 61.99rem) {
  body.design-collage .rubrik-header__titel--erpresser {
    font-size: 2.1rem;
  }

  /* The "Geprüft" stamp sits bottom right on phones: received stamp to the left of it. */
  body.design-collage .collage-eingang {
    right: auto;
    left: 38%;
  }

  body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .collage-zeitung {
    width: 8rem;
    height: 5.5rem;
  }
}


/* =================================================================================
   Realistic paper, levels 2 and 3 (feedback Mark 29.09.2026: "Vorlage deutlich realistischer").
   Photo textures (crumpled / stained paper, public domain, QUELLEN.md) multiplied into every
   sheet, a darker grimy wall, stamps with patchy ink (noise mask) and tape with frayed ends.
   ================================================================================= */

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) {
  --tinte: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' seed='5'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -1.7 1.45'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23f%29'/%3E%3C/svg%3E");
  --tape-riss: polygon(0 8%,3% 0,6% 12%,9% 2%,12% 10%,15% 0,88% 3%,91% 0,94% 14%,97% 4%,100% 10%,98% 50%,100% 88%,96% 100%,93% 86%,90% 98%,87% 90%,13% 96%,10% 88%,7% 100%,4% 90%,1% 98%,2% 50%);
  background:
    linear-gradient(rgba(214, 206, 186, .62), rgba(196, 188, 168, .66)),
    url("/sbd/assets/collage/hintergrund-abriss.webp") center top / 800px repeat,
    #cfc7b2;
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) :is(.news-karte, .texte-karte, .kurzmeldungen, .newsdetail__header, .collage-zettel),
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .newsdetail__text .rte > .collage-blatt,
body.design-collage:is(.collage-stufe-2, .collage-stufe-3).page-info #main .mod_article {
  background:
    linear-gradient(rgba(243, 238, 226, 1), rgba(243, 238, 226, .5)),
    url("/sbd/assets/collage/papier-knitter.webp") center / 520px,
    #f3eee2;
  background-blend-mode: normal, multiply;
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) :is(.news-karte, .texte-karte):nth-of-type(even),
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .newsdetail__text .rte > .collage-blatt:nth-of-type(even) {
  background:
    linear-gradient(rgba(236, 234, 228, .3), rgba(236, 234, 228, .3)),
    url("/sbd/assets/collage/papier-flecken.webp") center / 420px,
    #e8e5dc;
  background-blend-mode: normal, multiply;
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) :is(.news-karte, .texte-karte, .kurzmeldungen, .collage-zettel),
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .newsdetail__text .rte > .collage-blatt,
body.design-collage:is(.collage-stufe-2, .collage-stufe-3).page-info #main .mod_article {
  box-shadow: inset 0 0 34px rgba(90, 70, 35, .32);
}

/* Deeper, double shadow: sheets lie on each other, not on a screen. */
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) :is(.news-home-list, .newsdetail__text, .collage-zwischen--etiketten),
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .mod_newslist:has(> .texte-karte),
body.design-collage:is(.collage-stufe-2, .collage-stufe-3).page-info #main .inside {
  filter: drop-shadow(0 0 .8px #fff) drop-shadow(0 0 .6px #fff) drop-shadow(0 9px 7px rgba(0, 0, 0, .38));
}

/* Stamps with patchy ink. */
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) :is(.news-karte, .texte-karte, .newsdetail__header, .newsdetail__text, #right .prueftool)::after,
body.design-collage:is(.collage-stufe-2, .collage-stufe-3).page-info #main .mod_article::after,
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) :is(.rubrik-header__count, .collage-eingang, .collage-az) {
  -webkit-mask-image: var(--tinte);
  mask-image: var(--tinte);
  -webkit-mask-size: 220px;
  mask-size: 220px;
  mix-blend-mode: multiply;
}

/* Tape: translucent, frayed ends, a little sheen. */
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) :is(.news-karte, .texte-karte, .kurzmeldungen, .collage-aushang)::before,
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .collage-aushang::after,
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .newsdetail__text .rte > .collage-blatt:nth-of-type(3n)::before,
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .nav__link:nth-child(odd)::before,
body.design-collage:is(.collage-stufe-2, .collage-stufe-3).page-info #main .mod_article::before {
  width: 110px;
  height: 30px;
  background: linear-gradient(90deg, rgba(255, 255, 255, .2), transparent 30%, rgba(255, 255, 255, .14)), rgba(240, 205, 60, .74);
  clip-path: var(--tape-riss);
  mix-blend-mode: multiply;
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .nav__link:nth-child(odd)::before {
  width: 54px;
  height: 18px;
}

/* Photos on cards and in articles: glued-on prints with a white border. */
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) :is(.news-karte__teaserbild, .texte-karte__teaserbild, .newsdetail__bild) img {
  border: 6px solid #f7f5ef;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .3);
}

/* Text-heavy sheets: lighter veil over the crumple, so reading stays easy. */
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .kurzmeldungen,
body.design-collage:is(.collage-stufe-2, .collage-stufe-3).page-info #main .mod_article {
  background:
    linear-gradient(rgba(243, 238, 226, .7), rgba(243, 238, 226, .7)),
    url("/sbd/assets/collage/papier-knitter.webp") center / 520px,
    #f3eee2;
  background-blend-mode: normal, multiply;
}

/* Tears: soft waves, fine fibres and rounded bites instead of saw teeth (feedback Mark 29.09.2026:
   "zackiger, nicht rissiger"); generated once, three outlines take turns (see above). */

/* Navigation as newspaper scraps (levels 2 and 3): every item torn from another page, own type. */
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .nav__inner {
  filter: drop-shadow(0 0 .7px #fff) drop-shadow(0 4px 3px rgba(0, 0, 0, .35));
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .nav__link {
  box-shadow: none;
  background:
    linear-gradient(rgba(246, 242, 232, .66), rgba(246, 242, 232, .66)),
    url("/sbd/assets/collage/zeitungsschnipsel.webp") 30% 40% / 380px,
    #f3eee2;
  clip-path: polygon(0.00% 3.3px, 3.33% 2.3px, 6.67% 1.1px, 10.00% 1.4px, 13.33% 1.7px, 16.67% 2.8px, 20.00% 1.4px, 23.33% 2.0px, 26.67% 3.0px, 30.00% 3.2px, 33.33% 1.1px, 36.67% 1.3px, 40.00% 1.5px, 43.33% 0.7px, 46.67% 1.4px, 50.00% 1.1px, 53.33% 4.2px, 56.67% 4.0px, 60.00% 2.1px, 63.33% 1.9px, 66.67% 2.2px, 70.00% 0.8px, 73.33% 0.7px, 76.67% 0.5px, 80.00% 3.4px, 83.33% 3.7px, 86.67% 4.3px, 90.00% 1.0px, 93.33% 2.0px, 96.67% 2.3px, 100.00% 0.7px, calc(100% - 3.9px) 8.33%, calc(100% - 1.9px) 16.67%, calc(100% - 1.0px) 25.00%, calc(100% - 0px) 33.33%, calc(100% - 2.0px) 41.67%, calc(100% - 3.6px) 50.00%, calc(100% - 2.8px) 58.33%, calc(100% - 1.3px) 66.67%, calc(100% - 0.5px) 75.00%, calc(100% - 0.6px) 83.33%, calc(100% - 1.4px) 91.67%, calc(100% - 3.4px) 100.00%, 96.67% calc(100% - 4.0px), 93.33% calc(100% - 4.3px), 90.00% calc(100% - 1.4px), 86.67% calc(100% - 1.8px), 83.33% calc(100% - 0.5px), 80.00% calc(100% - 1.1px), 76.67% calc(100% - 1.3px), 73.33% calc(100% - 0.4px), 70.00% calc(100% - 3.5px), 66.67% calc(100% - 3.0px), 63.33% calc(100% - 2.3px), 60.00% calc(100% - 2.2px), 56.67% calc(100% - 3.6px), 53.33% calc(100% - 2.5px), 50.00% calc(100% - 0px), 46.67% calc(100% - 1.3px), 43.33% calc(100% - 1.5px), 40.00% calc(100% - 2.5px), 36.67% calc(100% - 1.5px), 33.33% calc(100% - 2.3px), 30.00% calc(100% - 4.0px), 26.67% calc(100% - 4.1px), 23.33% calc(100% - 2.0px), 20.00% calc(100% - 2.3px), 16.67% calc(100% - 1.6px), 13.33% calc(100% - 0.5px), 10.00% calc(100% - 0px), 6.67% calc(100% - 1.9px), 3.33% calc(100% - 1.8px), 0.00% calc(100% - 2.0px), 1.1px 91.67%, 0.2px 83.33%, 4.5px 75.00%, 2.4px 66.67%, 2.6px 58.33%, 1.0px 50.00%, 1.3px 41.67%, 5.0px 33.33%, 2.7px 25.00%, 2.1px 16.67%, 0.4px 8.33%);
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .nav__link::before {
  display: none;
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .nav__link:nth-child(2) {
  clip-path: polygon(0.00% 1.5px, 3.33% 2.3px, 6.67% 0px, 10.00% 0.4px, 13.33% 3.0px, 16.67% 4.0px, 20.00% 1.9px, 23.33% 3.4px, 26.67% 2.6px, 30.00% 1.5px, 33.33% 1.0px, 36.67% 0.4px, 40.00% 0.8px, 43.33% 0.6px, 46.67% 2.2px, 50.00% 2.8px, 53.33% 3.0px, 56.67% 4.0px, 60.00% 1.9px, 63.33% 2.3px, 66.67% 0px, 70.00% 1.5px, 73.33% 1.3px, 76.67% 0.5px, 80.00% 1.0px, 83.33% 3.1px, 86.67% 3.9px, 90.00% 2.3px, 93.33% 3.9px, 96.67% 2.4px, 100.00% 0.8px, calc(100% - 2.8px) 8.33%, calc(100% - 3.4px) 16.67%, calc(100% - 2.9px) 25.00%, calc(100% - 0.4px) 33.33%, calc(100% - 1.7px) 41.67%, calc(100% - 1.7px) 50.00%, calc(100% - 0px) 58.33%, calc(100% - 3.8px) 66.67%, calc(100% - 2.1px) 75.00%, calc(100% - 2.5px) 83.33%, calc(100% - 2.7px) 91.67%, calc(100% - 0.6px) 100.00%, 96.67% calc(100% - 0.7px), 93.33% calc(100% - 0px), 90.00% calc(100% - 1.2px), 86.67% calc(100% - 0.5px), 83.33% calc(100% - 2.0px), 80.00% calc(100% - 2.0px), 76.67% calc(100% - 1.6px), 73.33% calc(100% - 2.1px), 70.00% calc(100% - 3.8px), 66.67% calc(100% - 3.4px), 63.33% calc(100% - 2.9px), 60.00% calc(100% - 0.6px), 56.67% calc(100% - 1.5px), 53.33% calc(100% - 0.6px), 50.00% calc(100% - 0.2px), 46.67% calc(100% - 1.6px), 43.33% calc(100% - 3.1px), 40.00% calc(100% - 2.2px), 36.67% calc(100% - 2.3px), 33.33% calc(100% - 1.8px), 30.00% calc(100% - 4.3px), 26.67% calc(100% - 2.0px), 23.33% calc(100% - 1.9px), 20.00% calc(100% - 1.2px), 16.67% calc(100% - 0.2px), 13.33% calc(100% - 1.1px), 10.00% calc(100% - 1.2px), 6.67% calc(100% - 2.9px), 3.33% calc(100% - 2.1px), 0.00% calc(100% - 2.4px), 4.0px 91.67%, 1.8px 83.33%, 2.2px 75.00%, 0px 66.67%, 3.1px 58.33%, 3.7px 50.00%, 2.4px 41.67%, 0px 33.33%, 3.0px 25.00%, 2.3px 16.67%, 3.5px 8.33%);
  background-position: 0 0, 70% 10%, 0 0;
  font: 1.25rem/1 var(--schrift-display);
  letter-spacing: .03em;
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .nav__link:nth-child(3) {
  clip-path: polygon(0.00% 2.8px, 3.33% 2.4px, 6.67% 2.7px, 10.00% 1.7px, 13.33% 1.8px, 16.67% 2.4px, 20.00% 1.1px, 23.33% 0px, 26.67% 1.1px, 30.00% 0.8px, 33.33% 1.5px, 36.67% 0.4px, 40.00% 2.8px, 43.33% 3.4px, 46.67% 2.8px, 50.00% 3.1px, 53.33% 2.1px, 56.67% 2.2px, 60.00% 0.9px, 63.33% 3.4px, 66.67% 1.3px, 70.00% 1.4px, 73.33% 1.8px, 76.67% 2.1px, 80.00% 1.0px, 83.33% 1.1px, 86.67% 3.0px, 90.00% 2.0px, 93.33% 3.9px, 96.67% 2.2px, 100.00% 3.5px, calc(100% - 2.0px) 8.33%, calc(100% - 1.0px) 16.67%, calc(100% - 3.5px) 25.00%, calc(100% - 2.3px) 33.33%, calc(100% - 1.9px) 41.67%, calc(100% - 1.4px) 50.00%, calc(100% - 2.3px) 58.33%, calc(100% - 2.4px) 66.67%, calc(100% - 0.6px) 75.00%, calc(100% - 2.7px) 83.33%, calc(100% - 1.5px) 91.67%, calc(100% - 1.3px) 100.00%, 96.67% calc(100% - 2.1px), 93.33% calc(100% - 1.3px), 90.00% calc(100% - 2.3px), 86.67% calc(100% - 1.5px), 83.33% calc(100% - 2.1px), 80.00% calc(100% - 0.7px), 76.67% calc(100% - 0.4px), 73.33% calc(100% - 1.3px), 70.00% calc(100% - 1.5px), 66.67% calc(100% - 0.8px), 63.33% calc(100% - 2.1px), 60.00% calc(100% - 2.2px), 56.67% calc(100% - 2.2px), 53.33% calc(100% - 2.2px), 50.00% calc(100% - 2.2px), 46.67% calc(100% - 3.3px), 43.33% calc(100% - 4.1px), 40.00% calc(100% - 2.1px), 36.67% calc(100% - 0.5px), 33.33% calc(100% - 0px), 30.00% calc(100% - 1.0px), 26.67% calc(100% - 1.1px), 23.33% calc(100% - 1.8px), 20.00% calc(100% - 1.1px), 16.67% calc(100% - 1.7px), 13.33% calc(100% - 2.2px), 10.00% calc(100% - 3.7px), 6.67% calc(100% - 2.8px), 3.33% calc(100% - 4.3px), 0.00% calc(100% - 4.6px), 3.7px 91.67%, 2.1px 83.33%, 2.0px 75.00%, 0px 66.67%, 3.5px 58.33%, 3.1px 50.00%, 2.0px 41.67%, 1.0px 33.33%, 2.0px 25.00%, 2.6px 16.67%, 3.1px 8.33%);
  background-position: 0 0, 10% 85%, 0 0;
  font: 700 .9rem/1 'IBM Plex Serif', Georgia, serif;
  letter-spacing: .02em;
  text-transform: none;
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .nav__link:nth-child(4) {
  background:
    linear-gradient(rgba(20, 20, 20, .84), rgba(20, 20, 20, .84)),
    url("/sbd/assets/collage/zeitungsschnipsel.webp") 60% 70% / 380px,
    #141414;
  color: #efeae0;
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .nav__link:nth-child(5) {
  clip-path: polygon(0.00% 2.8px, 3.33% 2.4px, 6.67% 2.7px, 10.00% 1.7px, 13.33% 1.8px, 16.67% 2.4px, 20.00% 1.1px, 23.33% 0px, 26.67% 1.1px, 30.00% 0.8px, 33.33% 1.5px, 36.67% 0.4px, 40.00% 2.8px, 43.33% 3.4px, 46.67% 2.8px, 50.00% 3.1px, 53.33% 2.1px, 56.67% 2.2px, 60.00% 0.9px, 63.33% 3.4px, 66.67% 1.3px, 70.00% 1.4px, 73.33% 1.8px, 76.67% 2.1px, 80.00% 1.0px, 83.33% 1.1px, 86.67% 3.0px, 90.00% 2.0px, 93.33% 3.9px, 96.67% 2.2px, 100.00% 3.5px, calc(100% - 2.0px) 8.33%, calc(100% - 1.0px) 16.67%, calc(100% - 3.5px) 25.00%, calc(100% - 2.3px) 33.33%, calc(100% - 1.9px) 41.67%, calc(100% - 1.4px) 50.00%, calc(100% - 2.3px) 58.33%, calc(100% - 2.4px) 66.67%, calc(100% - 0.6px) 75.00%, calc(100% - 2.7px) 83.33%, calc(100% - 1.5px) 91.67%, calc(100% - 1.3px) 100.00%, 96.67% calc(100% - 2.1px), 93.33% calc(100% - 1.3px), 90.00% calc(100% - 2.3px), 86.67% calc(100% - 1.5px), 83.33% calc(100% - 2.1px), 80.00% calc(100% - 0.7px), 76.67% calc(100% - 0.4px), 73.33% calc(100% - 1.3px), 70.00% calc(100% - 1.5px), 66.67% calc(100% - 0.8px), 63.33% calc(100% - 2.1px), 60.00% calc(100% - 2.2px), 56.67% calc(100% - 2.2px), 53.33% calc(100% - 2.2px), 50.00% calc(100% - 2.2px), 46.67% calc(100% - 3.3px), 43.33% calc(100% - 4.1px), 40.00% calc(100% - 2.1px), 36.67% calc(100% - 0.5px), 33.33% calc(100% - 0px), 30.00% calc(100% - 1.0px), 26.67% calc(100% - 1.1px), 23.33% calc(100% - 1.8px), 20.00% calc(100% - 1.1px), 16.67% calc(100% - 1.7px), 13.33% calc(100% - 2.2px), 10.00% calc(100% - 3.7px), 6.67% calc(100% - 2.8px), 3.33% calc(100% - 4.3px), 0.00% calc(100% - 4.6px), 3.7px 91.67%, 2.1px 83.33%, 2.0px 75.00%, 0px 66.67%, 3.5px 58.33%, 3.1px 50.00%, 2.0px 41.67%, 1.0px 33.33%, 2.0px 25.00%, 2.6px 16.67%, 3.1px 8.33%);
  background-position: 0 0, 85% 30%, 0 0;
  font-family: var(--typo);
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) :is(.nav__link--aktiv, .nav__link:hover) {
  background:
    linear-gradient(rgba(200, 20, 30, .88), rgba(200, 20, 30, .88)),
    url("/sbd/assets/collage/zeitungsschnipsel.webp") 40% 50% / 380px,
    var(--rotstift);
  color: #fff;
}

/* Article sheets hold several paragraphs (news_cdp_detail groups them between collage layers). */
body.design-collage .newsdetail__text .collage-blatt > :is(p, div, ul, ol, h2, h3) {
  margin: 0 0 1rem;
}

body.design-collage .newsdetail__text .collage-blatt > :last-child {
  margin-bottom: 0;
}

/* Contrast on the textured cards (feedback Mark 29.09.2026). */
body.design-collage:is(.collage-stufe-2, .collage-stufe-3) :is(.news-karte, .texte-karte) {
  background:
    linear-gradient(rgba(245, 241, 231, .74), rgba(245, 241, 231, .74)),
    url("/sbd/assets/collage/papier-knitter.webp") center / 520px,
    #f3eee2;
  background-blend-mode: normal, multiply;
}

body.design-collage:is(.collage-stufe-2, .collage-stufe-3) :is(.news-karte, .texte-karte):nth-of-type(even) {
  background:
    linear-gradient(rgba(240, 238, 232, .66), rgba(240, 238, 232, .66)),
    url("/sbd/assets/collage/papier-flecken.webp") center / 420px,
    #e8e5dc;
  background-blend-mode: normal, multiply;
}

body.design-collage :is(.news-karte__teaser, .texte-karte__teaser, .kurz__text p) {
  color: #1c1c1c;
}

body.design-collage :is(.news-karte__meta, .texte-karte__meta, .kurz__meta, .kurz__zeit, .newsdetail__meta) {
  color: #3f3f3f;
}

/* Article sheets can be tall: tilt them only slightly, and never let a corner widen the page. */
body.design-collage .newsdetail__text .rte > .collage-blatt:nth-of-type(n) {
  transform: rotate(calc(.25deg * var(--c)));
}

body.design-collage .newsdetail__text .rte > .collage-blatt:nth-of-type(even) {
  transform: rotate(calc(-.2deg * var(--c)));
}

body.design-collage .newsdetail__text {
  overflow-x: clip;
  overflow-clip-margin: 1rem;
}

/* ---------- Logo A (torn strip, inline SVG from fe_cdp_page) ---------- */
body.design-collage .site-logo {
  transform: none;
}

body.design-collage .site-logo .collage-logo {
  display: block;
  width: 400px;
  height: auto;
  max-width: 100%;
}

@media (max-width: 61.99rem) {
  body.design-collage .site-logo .collage-logo {
    width: 280px;
  }
}

/* Only one marker note left in the header; it sits right of the logo. */
body.design-collage .collage-kopfnotiz--1 {
  left: 26rem;
  top: 1.4rem;
}

/* ---------- Zwischentexte (sbd.js) ---------- */
/* Free slots have a fixed height, so filling them in the browser moves nothing (no CLS). */
.collage-zwischen--slot {
  display: none;
}

body.design-collage .collage-zwischen--slot {
  display: block;
  height: 3.6rem;
  margin: .2rem 0;
  overflow: visible;
}

body.design-collage .collage-zwischen--slot > * {
  display: inline-block;
  max-width: 90%;
  white-space: nowrap;
  transform: rotate(var(--dreh, -2deg));
}

body.design-collage .collage-zwischen--slot > .collage-etikett {
  font-size: 1.6rem;
}

body.design-collage .collage-etikett--stempel {
  padding: .25rem .8rem;
  border: 3px double var(--rotstift);
  color: var(--rotstift);
  font: 1.15rem/1.1 var(--typo);
  letter-spacing: .12em;
  -webkit-mask-image: var(--tinte);
  mask-image: var(--tinte);
  -webkit-mask-size: 220px;
  mask-size: 220px;
}

body.design-collage .collage-zettel--klein {
  max-width: 17rem;
  padding: .6rem .8rem;
  font-size: 1rem;
  white-space: normal;
}

body.design-collage .collage-nurtape {
  display: inline-block;
  width: 110px;
  height: 30px;
  margin: 1rem 0 0 30%;
  background: rgba(240, 205, 60, .74);
  clip-path: var(--tape-riss);
  transform: rotate(-6deg);
}

@media (max-width: 61.99rem) {
  body.design-collage .collage-zwischen--slot > * {
    margin-left: 0 !important;
  }

  body.design-collage .collage-zwischen--slot > .collage-etikett {
    font-size: 1.3rem;
  }
}

@media (max-width: 61.99rem) {
  body.design-collage:is(.collage-stufe-2, .collage-stufe-3) .collage-kopfnotizen {
    display: none;
  }
}