/* Klassische Werbung (Spec 2026-10-07-klassische-werbung-ausbau-design.md): eigene Abschnitte mit Präfix kw-.
   Layout wie online-marketing-seite.css, damit beide Leistungsseiten gleich aussehen.
   Grafiken zeigen ohne Skript und bei „Bewegung reduzieren“ sofort ihr Endbild; Startzustände gibt es nur mit html.kw-bereit. */
.kw-abschnitt{padding:120px 0}
.kw-intro{padding-top:80px}
.kw-leistung+.kw-leistung{padding-top:0}
.kw-pill{display:inline-flex;align-items:center;gap:10px;margin:0 0 24px;padding:8px 24px;border:1px solid var(--background-color-02);border-radius:100px;color:var(--text-color-01);font-size:14px;font-weight:600;line-height:1.5em;text-transform:uppercase}
.kw-titel{margin:0 0 28px;color:var(--text-color-01);font-size:48px;font-weight:600;line-height:1.2em;text-transform:uppercase;text-wrap:balance}
.kw-titel:last-child{margin-bottom:0}
.kw-leistung .kw-titel{font-size:40px}
.kw-text{margin:0 0 20px;color:var(--text-color-02);font-size:18px;font-weight:500;line-height:1.6em}
.kw-text:last-child{margin-bottom:0}
.kw-text a,.kw-region-text a{color:var(--text-color-01);text-decoration:underline;text-decoration-color:var(--primary-color);text-decoration-thickness:2px;text-underline-offset:3px;transition:color .3s}
.zigla-maus .kw-text a:hover,.zigla-maus .kw-region-text a:hover{color:var(--primary-color)}
.kw-hero-knopf,.kw-knopf{margin-top:32px}
/* Knopf nur so breit wie sein Text: Webflows Hover-Füllung ist eine 400 px breite Form und deckt breitere Knöpfe nicht ganz ab */
.kw-hero-knopf .large-button-copy,.kw-knopf .large-button-copy{display:inline-flex}
/* Webflow macht .service-sort-description auf dem Handy zur Flex-Zeile: Text und Knopf untereinander halten */
.service-sort-description:has(>.kw-hero-knopf){flex-direction:column;align-items:flex-start}
/* Die Sofort-Einblendung schiebt Text und Bild 100 px von rechts herein. Ohne Begrenzung wird die Seite dabei breiter als
   der Bildschirm, und Chrome behält diese Breite manchmal auch nach der Animation (Seite lässt sich seitlich wischen).
   clip statt hidden: kein Scroll-Container, senkrecht bleibt alles sichtbar. Der Abschnitt ist immer bildschirmbreit. */
.service-details-hero-wrapper{overflow-x:clip}
/* Webflow setzt den Hero ab 1440 px fest auf 90vh. Mit dem Knopf ragt der Inhalt auf niedrigen, breiten Bildschirmen
   (z. B. 1536 × 730) sonst unten heraus; so wächst der Hero mit und ist trotzdem mindestens 90vh hoch. */
@media screen and (min-width:1440px){.service-details-hero-wrapper{height:auto;min-height:90vh}}
/* Der lange Titel (H1) bricht ausgewogen um. Ab 1440 px ist Webflows Textblock 50vh breit und der Titel nur so breit
   wie sein längstes Wort („Visitenkarten“): fünf Zeilen, auf niedrigen Bildschirmen sogar über den Rand. Deshalb nimmt
   der Textblock dort die Breite neben der Karte ein (drei Zeilen wie ab 1280 px). Die 500 px breite Flipcard ragt
   40 px aus ihrem 420 px breiten Rahmen; der Außenabstand hält ihre rechte Kante bündig mit dem Inhalt der Seite. */
.service-details-heading{text-wrap:balance}
@media screen and (min-width:1440px){
  .mit-ani{column-gap:200px}
  .service-details-hero-content{flex:1 1 0;width:auto;min-width:0}
  .service-details-hero-heading-block .service-details-heading-block{width:100%}
  .service-details-hero-heading-block .service-details-heading-block:empty{display:none}
  .container-6{margin-right:40px}
}
/* Auf sehr schmalen Handys passt „und Drucksachen“ bei 32 px nicht in eine Zeile, „und“ stünde dann allein */
@media screen and (max-width:479px){.service-details-heading{font-size:min(32px,8.4vw)}}
/* Webflows FAQ-Einblendung kommt von der Seite und macht die Seite auf dem Handy kurz breiter als den Bildschirm */
.faqs-wrapper{overflow-x:clip}

/* Kopf über den sechs Leistungen (H2), die Leistungen selbst sind H3 */
.kw-abschnitt.kw-leistungen-kopf{padding-bottom:0}
.kw-kopf{max-width:820px}
.kw-leistungen-kopf+.kw-leistung{padding-top:64px}

/* Zwei Spalten: Text und Grafik, bei .kw-gespiegelt steht die Grafik links */
.kw-zwei{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px 80px;align-items:center}
.kw-gespiegelt>.kw-grafik-spalte{order:-1}
.kw-text-spalte,.kw-grafik-spalte{min-width:0}

/* Liste „Das gehört dazu“ mit lila Haken */
.kw-liste-titel{margin:32px 0 16px;color:var(--text-color-01);font-size:14px;font-weight:600;line-height:1.5em;text-transform:uppercase}
.kw-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin:0;padding:0;list-style:none}
.kw-liste li{position:relative;padding-left:30px;color:var(--text-color-01);font-size:16px;font-weight:500;line-height:1.5em}
.kw-liste li::before{content:"";position:absolute;top:2px;left:0;width:20px;height:20px;border-radius:50%;background:#f3e1fe}
.kw-liste li::after{content:"";position:absolute;top:6px;left:7px;width:6px;height:10px;border:solid var(--primary-color);border-width:0 2px 2px 0;transform:rotate(45deg)}

/* Format-Finder: Kopf und Knöpfe links, maßstabsgetreuer Vergleich rechts;
   auf schmalen Bildschirmen steht der Vergleich zwischen Kopf und Knöpfen */
.kw-formate-inhalt{grid-template-areas:"kopf grafik" "wahl grafik";grid-template-rows:auto 1fr;row-gap:0;align-items:start}
.kw-formate-kopf{grid-area:kopf}
.kw-formate-wahl{grid-area:wahl}
.kw-formate-inhalt>.kw-grafik-spalte{grid-area:grafik}
.kw-format-liste{display:grid;gap:10px;margin:32px 0 0;padding:0;list-style:none}
.kw-format{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;width:100%;padding:14px 18px;border:1px solid var(--background-color-02);border-radius:14px;background:var(--white-color);color:var(--text-color-01);font:inherit;text-align:left;cursor:pointer;transition:border-color .25s,background-color .25s,box-shadow .25s}
.kw-format-name{font-size:17px;font-weight:600;line-height:1.35}
.kw-format-mass{grid-row:span 2;align-self:center;color:var(--primary-color);font-size:15px;font-weight:600;line-height:1.3;white-space:nowrap;font-variant-numeric:tabular-nums}
.kw-format-info{color:var(--text-color-02);font-size:14px;font-weight:500;line-height:1.45}
.kw-format[aria-pressed="true"]{border-color:var(--primary-color);background:#fbf7ff;box-shadow:0 14px 30px -18px #5510ff55}
.kw-format:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}
.zigla-maus .kw-format:hover{border-color:#e7b6ff}
.kw-format-tipp{margin:16px 0 0;color:var(--text-color-02);font-size:15px;font-weight:500;line-height:1.55}
.kw-formsvg{display:block;width:100%;max-width:400px;height:auto;margin:8px auto 0;overflow:visible}
.kw-form rect{fill:transparent;stroke:#b9bfdf;stroke-width:1.5;transition:fill .35s,stroke .35s,stroke-width .35s}
.kw-form-a3 rect{fill:var(--white-color)}
.kw-form text{fill:var(--text-color-02);font-size:12px;font-weight:600;transition:fill .35s}
.kw-form.kw-aktiv rect{fill:#c00bf729;stroke:var(--primary-color);stroke-width:2.5}
.kw-form-a3.kw-aktiv rect{fill:#f6e8ff}
.kw-form.kw-aktiv text{fill:var(--primary-color)}
.kw-format-anzeige{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin:20px 0 0;padding:12px 16px;border-radius:12px;background:var(--white-color);color:var(--text-color-01);font-size:15px;font-weight:600;line-height:1.4}
.kw-format-anzeige span:last-child{color:var(--primary-color);font-variant-numeric:tabular-nums}

/* Ablauf: senkrechte Zeitleiste, die lila Linie wächst mit dem Scrollen (--kw-fortschritt, ohne Skript voll) */
.kw-ablauf-kopf{max-width:820px;margin-bottom:64px}
.kw-schritte{--kw-fortschritt:1;position:relative;display:grid;gap:48px;margin:0;padding:0 0 0 96px;list-style:none}
.kw-schritte::before,.kw-schritte::after{content:"";position:absolute;top:28px;bottom:28px;left:27px;width:2px;border-radius:2px;background:var(--background-color-02)}
.kw-schritte::after{background:var(--primary-color);transform:scaleY(var(--kw-fortschritt));transform-origin:top}
.kw-schritt{position:relative}
.kw-schritt-nr{position:absolute;top:0;left:-96px;z-index:1;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:2px solid var(--primary-color);border-radius:50%;background:var(--white-color);color:var(--primary-color);font-size:18px;font-weight:600}
.kw-schritt-titel{margin:12px 0 10px;color:var(--text-color-01);font-size:24px;font-weight:600;line-height:1.3em;text-transform:uppercase}
.kw-schritt p{max-width:680px;margin:0;color:var(--text-color-02);font-size:17px;font-weight:500;line-height:1.6em}

/* Region */
.kw-region{padding-top:40px}
.kw-region-inhalt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 80px;padding-top:64px;border-top:1px solid var(--background-color-02)}
.kw-region .kw-titel{color:var(--text-color-02)}
.kw-region-text p{margin:0 0 24px;color:var(--text-color-02);font-size:18px;font-weight:500;line-height:1.6em}
.kw-region-text p:last-child{margin-bottom:0}

/* Abschluss: Text, Knopf und Telefon links, Terminkarte (termin-karte.css) rechts; folgt direkt auf die FAQ,
   deren Abschnitt unten schon genug Luft hat */
.faqs-wrapper+.kw-termin-abschnitt{padding-top:0}
.kw-termin-inhalt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px 80px;align-items:start}
.kw-termin-inhalt .termin{scroll-margin-top:110px}
.kw-anruf{font-size:16px}
.kw-knopf+.kw-anruf{margin-top:24px}

/* Grafiken: gemeinsame Bausteine */
.kw-grafik{position:relative;margin:0;padding:32px;border-radius:20px;background:var(--blue-chalk);overflow:hidden}
.kw-beispiel{position:absolute;top:14px;right:14px;z-index:3;padding:4px 10px;border-radius:100px;background:var(--white-color);color:var(--text-color-02);font-size:11px;font-weight:600;line-height:1.5em;letter-spacing:.04em;text-transform:uppercase}
.kw-balken{display:block;flex:none;width:var(--b,70%);height:7px;border-radius:7px;background:#e4e4ee}
.kw-notiz{margin:14px 0 0;color:var(--text-color-02);font-size:14px;line-height:1.5em}
.kw-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.kw-chips li{padding:5px 12px;border-radius:100px;background:var(--white-color);color:var(--text-color-01);font-size:12px;font-weight:600;line-height:1.4}
.kw-chips .kw-chip-lila{background:var(--primary-color);color:var(--white-color)}

/* 1 Print trifft online: Flyer mit QR-Code, Handy öffnet die Seite */
.kw-qr-buehne{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:28px;align-items:center;padding:12px 4px 0}
.kw-flyer{position:relative;display:flex;flex-direction:column;gap:10px;aspect-ratio:105/148;padding:22px 18px 18px;border-radius:6px;background:var(--white-color);box-shadow:0 24px 48px -24px #1b0b4a59;transform:rotate(-4deg)}
.kw-flyer-marke{display:flex;align-items:center;gap:6px;white-space:nowrap;color:var(--text-color-01);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.kw-flyer-marke::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--primary-color)}
.kw-flyer-titel{color:var(--text-color-01);font-size:21px;font-weight:600;line-height:1.1;text-transform:uppercase}
.kw-flyer-unten{display:flex;align-items:flex-end;gap:10px;margin-top:auto}
.kw-flyer-qr{position:relative;flex:none;width:44%;aspect-ratio:1;padding:5px;border-radius:6px;background:var(--white-color);box-shadow:0 0 0 1px #e3e3ec;overflow:hidden}
.kw-flyer-qr svg{display:block;width:100%;height:100%}
.kw-flyer-qr path{fill:var(--text-color-01)}
.kw-scan{position:absolute;top:0;right:0;left:0;height:3px;background:var(--primary-color);box-shadow:0 0 12px 3px #c00bf799;opacity:0}
.kw-flyer-hinweis{color:var(--primary-color);font-size:10px;font-weight:700;line-height:1.3;letter-spacing:.04em;text-transform:uppercase}
.kw-qr-pfeil{position:absolute;top:50%;left:calc((100% - 28px) / 1.82 + 14px);z-index:2;display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:var(--primary-color);box-shadow:0 0 0 6px #c00bf726;color:var(--white-color)}
.kw-qr-handy{justify-self:center;width:100%;max-width:190px;aspect-ratio:9/17;padding:9px;border-radius:30px;background:var(--text-color-01);box-shadow:0 30px 60px -30px #1b0b4a80;transform:rotate(3deg)}
.kw-qr-schirm{position:relative;display:flex;flex-direction:column;gap:9px;height:100%;padding:30px 11px 12px;border-radius:22px;background:var(--white-color);overflow:hidden}
.kw-qr-schirm::before{content:"";position:absolute;top:8px;left:50%;width:54px;height:14px;margin-left:-27px;border-radius:10px;background:var(--text-color-01)}
.kw-qr-url{display:block;padding:5px 10px;border-radius:100px;background:#f3f3f8;color:var(--text-color-02);font-size:10px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kw-qr-bild{display:flex;flex:1;align-items:flex-end;padding:10px;border-radius:10px;background:radial-gradient(circle at 80% 20%,#c00bf7aa,transparent 55%),linear-gradient(135deg,var(--secondary-color),var(--text-color-01));color:var(--white-color);font-size:13px;font-weight:600;line-height:1.15;text-transform:uppercase}
.kw-qr-knopf{padding:8px;border-radius:100px;background:var(--primary-color);color:var(--white-color);font-size:11px;font-weight:600;line-height:1.3;text-align:center}

/* 2 Visitenkarte: dreht sich einmal um, Briefpapier im selben Design dahinter */
.kw-karte-buehne{position:relative;height:340px}
.kw-briefbogen{position:absolute;top:0;left:4%;display:flex;flex-direction:column;gap:8px;width:50%;aspect-ratio:210/297;padding:18px 16px;border-radius:4px;background:var(--white-color);box-shadow:0 20px 40px -24px #1b0b4a4d;transform:rotate(-6deg)}
.kw-briefbogen .kw-flyer-marke{margin-bottom:14px}
.kw-briefbogen .kw-balken{height:5px}
/* perspective am direkten Elternteil der Karte, sonst dreht sie sich flach */
.kw-vk-rahmen{position:absolute;right:4%;bottom:44px;width:60%;aspect-ratio:85/55;perspective:1100px}
.kw-visitenkarte{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.65,0,.35,1)}
.kw-vk-seite{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:16px 20px;border-radius:8px;box-shadow:0 26px 40px -22px #1b0b4a80;backface-visibility:hidden}
.kw-vk-vorne{align-items:flex-start;background:radial-gradient(circle at 90% 10%,#c00bf766,transparent 50%),linear-gradient(135deg,var(--text-color-01),#2a0f5c);color:var(--white-color)}
.kw-vk-vorne .kw-flyer-marke{color:var(--white-color);font-size:15px}
.kw-vk-claim{color:#d6d6de;font-size:11px;font-weight:500}
.kw-vk-hinten{background:var(--white-color);color:var(--text-color-01);transform:rotateY(180deg)}
.kw-vk-name{font-size:15px;font-weight:600;line-height:1.2}
.kw-vk-rolle{margin-bottom:6px;color:var(--primary-color);font-size:11px;font-weight:600}
.kw-vk-hinten .kw-balken{height:5px}
.kw-vk-mass{position:absolute;right:0;bottom:-30px;left:0;height:1px;background:var(--primary-color)}
.kw-vk-mass::before,.kw-vk-mass::after{content:"";position:absolute;top:-5px;width:1px;height:11px;background:var(--primary-color)}
.kw-vk-mass::before{left:0}
.kw-vk-mass::after{right:0}
.kw-vk-mass span{position:absolute;top:50%;left:50%;padding:2px 10px;border-radius:100px;background:var(--blue-chalk);color:var(--primary-color);font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap;transform:translate(-50%,-50%)}
.zigla-maus .kw-vk-rahmen:hover .kw-visitenkarte{transform:rotateY(180deg)}

/* 3 Falzflyer: Wickelfalz, DIN lang, klappt von außen nach innen auf */
.kw-falz-buehne{padding:20px 0 0;perspective:1400px}
.kw-falz-flyer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:420px;margin:0 auto;aspect-ratio:297/210;transform-style:preserve-3d}
.kw-falz-teil{position:relative;transform-style:preserve-3d}
.kw-falz-links{transform-origin:right center}
.kw-falz-rechts{transform-origin:left center}
.kw-falz-innen,.kw-falz-aussen{position:absolute;inset:0;display:flex;flex-direction:column;gap:7px;padding:14px 12px;background:var(--white-color);box-shadow:0 22px 40px -26px #1b0b4a80;backface-visibility:hidden}
.kw-falz-mitte .kw-falz-innen{box-shadow:0 22px 40px -26px #1b0b4a80,inset 1px 0 0 #0000000f,inset -1px 0 0 #0000000f}
.kw-falz-aussen{transform:rotateY(180deg)}
.kw-falz-links .kw-falz-innen{border-radius:4px 0 0 4px}
.kw-falz-rechts .kw-falz-innen{border-radius:0 4px 4px 0}
.kw-falz-titel{color:var(--text-color-01);font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.04em;text-transform:uppercase}
.kw-falz-bild{flex:none;height:42%;border-radius:4px;background:radial-gradient(circle at 75% 25%,#c00bf7aa,transparent 60%),linear-gradient(135deg,var(--secondary-color),var(--text-color-01))}
.kw-falz-gross{color:var(--text-color-01);font-size:14px;font-weight:600;line-height:1.1;text-transform:uppercase}
.kw-falz-punkt{display:flex;align-items:center;gap:6px}
.kw-falz-punkt::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--primary-color)}
.kw-falz-deckel{justify-content:flex-end;background:radial-gradient(circle at 80% 15%,#c00bf788,transparent 55%),linear-gradient(160deg,#2a0f5c,var(--text-color-01));color:var(--white-color)}
.kw-falz-deckel .kw-flyer-marke{color:var(--white-color)}
.kw-falz-deckel span:last-child{font-size:13px;font-weight:600;line-height:1.15;text-transform:uppercase}

/* 4 Zeitungsanzeige: Seite mit Spalten, die Anzeige fällt in ihren Platz */
.kw-zeitung-seite{padding:18px;border-radius:6px;background:var(--white-color);box-shadow:0 24px 48px -24px #1b0b4a59}
.kw-zeitung-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:2px solid var(--text-color-01)}
.kw-zeitung-name{color:var(--text-color-01);font-family:Georgia,'Times New Roman',serif;font-size:24px;font-weight:700;line-height:1}
.kw-zeitung-ausgabe{color:var(--text-color-02);font-size:11px;font-weight:600}
.kw-zeitung-schlagzeile{display:grid;gap:6px;margin:12px 0}
.kw-zeitung-schlagzeile .kw-balken{height:11px;background:#cfd0dc}
.kw-zeitung-raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kw-zeitung-spalte{display:flex;flex-direction:column;gap:6px}
.kw-zeitung-spalte:first-child{grid-row:span 2}
.kw-zeitung-spalte .kw-balken{height:5px}
.kw-zeitung-foto{flex:none;height:64px;border-radius:3px;background:#e7eaf7}
.kw-anzeige-platz{position:relative;grid-column:2/4;min-height:118px;border:1.5px dashed #c9cfee;border-radius:4px}
.kw-zeitung-anzeige{position:absolute;inset:-1.5px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:12px 14px;border-radius:4px;background:radial-gradient(circle at 85% 20%,#ffffff33,transparent 45%),linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white-color);box-shadow:0 18px 30px -18px #5510ff99}
.kw-anzeige-hinweis{position:absolute;top:5px;right:8px;color:#ffffffcc;font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.kw-anzeige-titel{font-size:17px;font-weight:600;line-height:1.1;text-transform:uppercase}
.kw-anzeige-zeit{font-size:12px;font-weight:500;line-height:1.3}
.kw-anzeige-web{margin-top:3px;font-size:11px;font-weight:700}

/* 5 Druck und Lieferung (dunkel): Daten prüfen, freigeben, liefern */
.kw-dunkel{background-color:var(--text-color-01);background-image:radial-gradient(circle at 100% 100%,#5510ff5c,transparent 55%),linear-gradient(90deg,#ffffff0f 1px,transparent 1px);background-size:100% 100%,25% 100%;color:var(--white-color)}
.kw-dunkel .kw-beispiel{background:#ffffff1f;color:#d6d6de}
.kw-druck-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-bottom:22px}
.kw-druck-name{width:100%;color:#b5b5bd;font-size:14px;font-weight:500}
.kw-druck-datei{font-size:22px;font-weight:600;line-height:1.2;word-break:break-word}
.kw-druck-typ{padding:3px 10px;border-radius:100px;background:#c00bf733;color:#e7b6ff;font-size:12px;font-weight:600}
.kw-druck-mitte{display:grid;grid-template-columns:84px minmax(0,1fr);gap:24px;align-items:center}
.kw-bogen{position:relative;padding:10px}
.kw-bogen-seite{position:relative;display:flex;flex-direction:column;gap:5px;aspect-ratio:99/210;padding:10px 8px;border-radius:2px;background:var(--white-color)}
.kw-bogen-seite::before{content:"";position:absolute;inset:-5px;border:1px dashed var(--primary-color);border-radius:3px}
.kw-bogen-bild{flex:none;height:34%;border-radius:2px;background:linear-gradient(135deg,var(--secondary-color),var(--primary-color))}
.kw-bogen .kw-balken{height:4px;background:#dcdce6}
.kw-marke{position:absolute;width:8px;height:8px;border-color:#9a9aa6;border-style:solid}
.kw-marke-1{top:0;left:0;border-width:1px 0 0 1px}
.kw-marke-2{top:0;right:0;border-width:1px 1px 0 0}
.kw-marke-3{bottom:0;left:0;border-width:0 0 1px 1px}
.kw-marke-4{right:0;bottom:0;border-width:0 1px 1px 0}
.kw-pruefung{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.kw-pruefung li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:#ffffff12;font-size:14px;font-weight:500;line-height:1.3}
.kw-pruefung li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:var(--primary-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.4l2.6 2.5L13 6.4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.kw-pruefung small{margin-left:auto;color:#9a9aa6;font-size:12px;white-space:nowrap}
.kw-freigabe{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px 0 0;padding:11px;border-radius:12px;background:var(--primary-color);font-size:15px;font-weight:600;line-height:1.3}
.kw-lieferung{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0 0;padding:0;list-style:none}
.kw-lieferung::before,.kw-lieferung::after{content:"";position:absolute;top:7px;right:16.66%;left:16.66%;height:2px;border-radius:2px;background:#ffffff29}
.kw-lieferung::after{background:var(--primary-color);transform-origin:left}
.kw-lieferung li{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;color:#d6d6de;font-size:13px;font-weight:500;text-align:center}
.kw-lieferung li::before{content:"";position:relative;z-index:1;width:16px;height:16px;border:2px solid var(--primary-color);border-radius:50%;background:var(--primary-color);box-shadow:0 0 0 4px #c00bf733}
.kw-lieferung li:last-child{color:var(--white-color);font-weight:600}

/* 6 Broschüre: aufgeschlagene Doppelseite, eine Seite blättert um; der Seitenplan markiert die offene Doppelseite.
   Endbild: das Blatt liegt links (rotateY -180°) und zeigt Seite 4, rechts liegt Seite 5. */
.kw-heft-buehne{padding:18px 0 0;perspective:1600px}
.kw-heft-doppel{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:440px;margin:0 auto;aspect-ratio:420/297;transform-style:preserve-3d}
.kw-heft-seite{position:relative;display:flex;flex-direction:column;gap:7px;min-width:0;padding:16px 14px 26px;background:var(--white-color);overflow:hidden}
.kw-heft-links,.kw-heft-hinten{border-radius:4px 0 0 4px;box-shadow:0 22px 40px -26px #1b0b4a80,inset -18px 0 18px -18px #1b0b4a38}
.kw-heft-rechts,.kw-heft-vorne{border-radius:0 4px 4px 0;box-shadow:0 22px 40px -26px #1b0b4a80,inset 18px 0 18px -18px #1b0b4a38}
.kw-heft-blatt{position:absolute;top:0;right:0;bottom:0;width:50%;transform-origin:left center;transform-style:preserve-3d;transform:translateZ(1px) rotateY(-180deg)}
.kw-heft-blatt>.kw-heft-seite{position:absolute;inset:0;backface-visibility:hidden}
.kw-heft-hinten{transform:rotateY(180deg)}
.kw-heft-titel{color:var(--text-color-01);font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.04em;text-transform:uppercase}
.kw-heft-gross{color:var(--text-color-01);font-size:15px;font-weight:600;line-height:1.1;text-transform:uppercase}
.kw-heft-zeile{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px solid #eeeef4}
.kw-heft-zeile .kw-balken{height:5px}
.kw-heft-zeile small{flex:none;color:var(--primary-color);font-size:10px;font-weight:700;line-height:1}
.kw-heft-raster{display:grid;flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.kw-heft-raster span{aspect-ratio:1;border-radius:3px;background:#eef0fb}
.kw-heft-raster span:nth-child(1),.kw-heft-raster span:nth-child(4){background:radial-gradient(circle at 75% 25%,#c00bf7aa,transparent 60%),linear-gradient(135deg,var(--secondary-color),var(--text-color-01))}
.kw-heft-bild{flex:none;height:34%;border-radius:3px;background:radial-gradient(circle at 75% 25%,#c00bf7aa,transparent 60%),linear-gradient(135deg,var(--secondary-color),var(--text-color-01))}
.kw-heft-seite .kw-balken{height:5px}
.kw-heft-nr{position:absolute;bottom:9px;color:#9a9aa6;font-size:9px;font-weight:600;line-height:1}
.kw-heft-links .kw-heft-nr,.kw-heft-hinten .kw-heft-nr{left:14px}
.kw-heft-rechts .kw-heft-nr,.kw-heft-vorne .kw-heft-nr{right:14px}
.kw-seitenplan{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;max-width:440px;margin:18px auto 0;padding:10px 16px;border-radius:12px;background:var(--white-color)}
.kw-seitenplan-name{color:var(--text-color-01);font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.04em;text-transform:uppercase}
.kw-seitenplan-liste{display:flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none}
.kw-seitenplan-liste li{display:flex;gap:1px;padding:4px;border-radius:5px}
.kw-seitenplan-liste span{width:12px;height:17px;border-radius:2px;background:#e4e4ee}
.kw-seitenplan .kw-sp-titel span{background:linear-gradient(160deg,#2a0f5c,var(--text-color-01))}
.kw-seitenplan .kw-sp-neu{background:#f3e1fe;box-shadow:inset 0 0 0 1.5px var(--primary-color)}
.kw-seitenplan .kw-sp-neu span{background:var(--primary-color)}

/* 7 Plakat und Roll-up: das Plakat hängt an der Wand, das Roll-up (85 × 200 cm) fährt aus seiner Kassette */
.kw-plakat-buehne{position:relative;height:360px;margin-top:26px}
.kw-aushang{position:absolute;top:34px;left:5%;width:35%;transform:rotate(-3deg)}
.kw-aushang-papier{display:flex;flex-direction:column;gap:8px;aspect-ratio:594/841;padding:18px 14px 14px;border-radius:3px;background:var(--white-color);box-shadow:0 24px 48px -24px #1b0b4a59;overflow:hidden}
.kw-aushang-band{position:absolute;top:-10px;left:50%;z-index:1;width:56px;height:20px;margin-left:-28px;border-radius:2px;background:#c00bf72e;transform:rotate(3deg)}
.kw-aushang-titel{color:var(--text-color-01);font-size:21px;font-weight:600;line-height:1.05;text-transform:uppercase}
.kw-aushang-bild{flex:1;min-height:0;border-radius:3px;background:radial-gradient(circle at 25% 75%,#c00bf7aa,transparent 60%),linear-gradient(200deg,var(--secondary-color),var(--text-color-01))}
.kw-aushang-web,.kw-rollup-web{color:var(--primary-color);font-size:10px;font-weight:700;line-height:1.2}
.kw-rollup{position:absolute;right:17%;bottom:0;display:flex;flex-direction:column;height:100%;aspect-ratio:85/208}
.kw-rollup-fenster{position:relative;flex:1;overflow:hidden}
.kw-rollup-bahn{position:absolute;inset:0;display:flex;flex-direction:column;gap:9px;padding:20px 12px 12px;background:var(--white-color);box-shadow:inset 0 -14px 16px -16px #1b0b4a40}
.kw-rollup-bahn::before{content:"";position:absolute;top:0;right:0;left:0;height:6px;border-radius:3px;background:linear-gradient(180deg,#4a4a56,var(--text-color-01))}
.kw-rollup-bahn .kw-flyer-marke{font-size:10px}
.kw-rollup-titel{color:var(--text-color-01);font-size:19px;font-weight:600;line-height:1.05;text-transform:uppercase}
.kw-rollup-bild{flex:1;min-height:0;border-radius:4px;background:radial-gradient(circle at 75% 25%,#c00bf7aa,transparent 60%),linear-gradient(160deg,var(--secondary-color),var(--text-color-01))}
.kw-rollup-web{text-align:center}
.kw-rollup-kassette{position:relative;flex:none;height:16px;margin:0 -9%;border-radius:4px 4px 7px 7px;background:linear-gradient(180deg,#5a5a66,var(--text-color-01) 70%);box-shadow:0 14px 18px -10px #1b0b4a80}
.kw-rollup-kassette::before,.kw-rollup-kassette::after{content:"";position:absolute;bottom:-4px;width:22%;height:5px;border-radius:0 0 3px 3px;background:var(--text-color-01)}
.kw-rollup-kassette::before{left:6%}
.kw-rollup-kassette::after{right:6%}
.kw-rollup-mass{position:absolute;top:0;right:-24%;bottom:16px;width:1px;background:var(--primary-color);transform-origin:bottom}
.kw-rollup-mass::before,.kw-rollup-mass::after{content:"";position:absolute;left:-5px;width:11px;height:1px;background:var(--primary-color)}
.kw-rollup-mass::before{top:0}
.kw-rollup-mass::after{bottom:0}
.kw-rollup-mass span{position:absolute;top:50%;left:50%;padding:2px 10px;border-radius:100px;background:var(--blue-chalk);color:var(--primary-color);font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap;transform:translate(-50%,-50%)}
.kw-plakat .kw-chips{margin-top:26px}

@media (prefers-reduced-motion:no-preference){
  /* Einblenden (Ablauf-Schritte); falls das Skript nicht läuft, nach 3 s trotzdem sichtbar */
  html.w-mod-js .kw-einblenden:not(.kw-sichtbar){opacity:0;transform:translateY(40px)}
  .kw-einblenden{transition:opacity .7s ease,transform .9s cubic-bezier(.25,1,.5,1)}
  html.w-mod-js:not(.kw-bereit) .kw-einblenden{animation:kw-notfall 0s 3s forwards}
  /* Grafiken: Startzustand nur mit Skript (html.kw-bereit), .kw-los spielt ab */
  /* 1 QR */
  .kw-qr-handy{transition:opacity .6s .2s,transform .9s cubic-bezier(.25,1,.5,1) .2s}
  html.kw-bereit .kw-qr:not(.kw-los) .kw-qr-handy{opacity:0;transform:translateX(40px) rotate(9deg)}
  html.kw-bereit .kw-qr.kw-los .kw-scan{animation:kw-scannen 1.1s ease-in-out .9s}
  .kw-qr-pfeil{transition:opacity .3s 2s,transform .5s cubic-bezier(.34,1.56,.64,1) 2s}
  html.kw-bereit .kw-qr:not(.kw-los) .kw-qr-pfeil{opacity:0;transform:scale(.3)}
  .kw-qr-schirm>*{transition:opacity .4s,transform .5s cubic-bezier(.25,1,.5,1)}
  .kw-qr-schirm>:nth-child(1){transition-delay:2.2s}
  .kw-qr-schirm>:nth-child(2){transition-delay:2.35s}
  .kw-qr-schirm>:nth-child(3){transition-delay:2.5s}
  .kw-qr-schirm>:nth-child(4){transition-delay:2.6s}
  .kw-qr-schirm>:nth-child(5){transition-delay:2.7s}
  html.kw-bereit .kw-qr:not(.kw-los) .kw-qr-schirm>*{opacity:0;transform:translateY(10px)}
  html.kw-bereit .kw-qr.kw-los .kw-qr-knopf{animation:kw-puls 1.1s ease-out 3.2s 2}
  /* 2 Visitenkarte */
  .kw-briefbogen{transition:opacity .6s .2s,transform .9s cubic-bezier(.25,1,.5,1) .2s}
  html.kw-bereit .kw-karte:not(.kw-los) .kw-briefbogen{opacity:0;transform:translateY(30px) rotate(-2deg)}
  .kw-vk-rahmen{transition:opacity .6s .5s,transform .9s cubic-bezier(.25,1,.5,1) .5s}
  html.kw-bereit .kw-karte:not(.kw-los) .kw-vk-rahmen{opacity:0;transform:translateY(40px)}
  html.kw-bereit .kw-karte.kw-los .kw-visitenkarte{animation:kw-drehen 3.4s cubic-bezier(.65,0,.35,1) 1.4s}
  .kw-vk-mass{transition:opacity .5s 1.2s,transform .6s cubic-bezier(.25,1,.5,1) 1.2s}
  html.kw-bereit .kw-karte:not(.kw-los) .kw-vk-mass{opacity:0;transform:scaleX(.4)}
  /* 3 Falzflyer: erst die Titelseite, dann die innere Klappe */
  .kw-falz-links{transition:transform 1.1s cubic-bezier(.65,0,.35,1) .5s}
  .kw-falz-rechts{transition:transform 1.1s cubic-bezier(.65,0,.35,1) 1.5s}
  html.kw-bereit .kw-falz:not(.kw-los) .kw-falz-links{transform:translateZ(6px) rotateY(180deg)}
  html.kw-bereit .kw-falz:not(.kw-los) .kw-falz-rechts{transform:translateZ(3px) rotateY(-180deg)}
  .kw-falz .kw-chips li{transition:opacity .4s,transform .5s cubic-bezier(.34,1.56,.64,1)}
  .kw-falz .kw-chips li:nth-child(1){transition-delay:2.6s}
  .kw-falz .kw-chips li:nth-child(2){transition-delay:2.75s}
  .kw-falz .kw-chips li:nth-child(3){transition-delay:2.9s}
  html.kw-bereit .kw-falz:not(.kw-los) .kw-chips li{opacity:0;transform:translateY(8px)}
  /* 4 Zeitung */
  .kw-zeitung-anzeige{transition:opacity .4s 1s,transform .9s cubic-bezier(.34,1.4,.64,1) 1s}
  html.kw-bereit .kw-zeitung:not(.kw-los) .kw-zeitung-anzeige{opacity:0;transform:translateY(-70px) rotate(-5deg) scale(1.06)}
  .kw-zeitung .kw-chips li{transition:opacity .4s,transform .5s cubic-bezier(.34,1.56,.64,1)}
  .kw-zeitung .kw-chips li:nth-child(1){transition-delay:2.1s}
  .kw-zeitung .kw-chips li:nth-child(2){transition-delay:2.6s}
  html.kw-bereit .kw-zeitung:not(.kw-los) .kw-chips li{opacity:0;transform:translateY(8px)}
  /* 5 Druck: Haken nacheinander, Freigabe, Lieferweg */
  .kw-pruefung li,.kw-pruefung li::before{transition:opacity .35s,background-color .35s,transform .45s cubic-bezier(.34,1.56,.64,1)}
  .kw-pruefung li:nth-child(1),.kw-pruefung li:nth-child(1)::before{transition-delay:.7s}
  .kw-pruefung li:nth-child(2),.kw-pruefung li:nth-child(2)::before{transition-delay:1.2s}
  .kw-pruefung li:nth-child(3),.kw-pruefung li:nth-child(3)::before{transition-delay:1.7s}
  .kw-pruefung li:nth-child(4),.kw-pruefung li:nth-child(4)::before{transition-delay:2.2s}
  html.kw-bereit .kw-druck:not(.kw-los) .kw-pruefung li{opacity:.4}
  html.kw-bereit .kw-druck:not(.kw-los) .kw-pruefung li::before{background-color:#ffffff1f;transform:scale(.6)}
  .kw-freigabe{transition:opacity .4s 2.8s,transform .5s cubic-bezier(.34,1.56,.64,1) 2.8s}
  html.kw-bereit .kw-druck:not(.kw-los) .kw-freigabe{opacity:0;transform:scale(.9)}
  .kw-lieferung::after{transition:transform 1.6s cubic-bezier(.65,0,.35,1) 3.4s}
  html.kw-bereit .kw-druck:not(.kw-los) .kw-lieferung::after{transform:scaleX(0)}
  .kw-lieferung li::before{transition:background-color .3s}
  .kw-lieferung li:nth-child(1)::before{transition-delay:3.4s}
  .kw-lieferung li:nth-child(2)::before{transition-delay:4.2s}
  .kw-lieferung li:nth-child(3)::before{transition-delay:5s}
  html.kw-bereit .kw-druck:not(.kw-los) .kw-lieferung li::before{background-color:var(--text-color-01)}
  /* 6 Broschüre: erscheint, eine Seite blättert um, der Seitenplan springt auf die neue Doppelseite */
  .kw-heft-buehne{transition:opacity .6s .2s,transform .9s cubic-bezier(.25,1,.5,1) .2s}
  html.kw-bereit .kw-heft:not(.kw-los) .kw-heft-buehne{opacity:0;transform:translateY(30px)}
  .kw-heft-blatt{transition:transform 1.3s cubic-bezier(.65,0,.35,1) 1.1s}
  html.kw-bereit .kw-heft:not(.kw-los) .kw-heft-blatt{transform:translateZ(1px) rotateY(0deg)}
  .kw-seitenplan li,.kw-seitenplan span{transition:background-color .35s 1.8s,box-shadow .35s 1.8s}
  html.kw-bereit .kw-heft:not(.kw-los) .kw-seitenplan .kw-sp-alt{background:#f3e1fe;box-shadow:inset 0 0 0 1.5px var(--primary-color)}
  html.kw-bereit .kw-heft:not(.kw-los) .kw-seitenplan .kw-sp-alt span{background:var(--primary-color)}
  html.kw-bereit .kw-heft:not(.kw-los) .kw-seitenplan .kw-sp-neu{background:transparent;box-shadow:none}
  html.kw-bereit .kw-heft:not(.kw-los) .kw-seitenplan .kw-sp-neu span{background:#e4e4ee}
  .kw-heft .kw-chips li{transition:opacity .4s,transform .5s cubic-bezier(.34,1.56,.64,1)}
  .kw-heft .kw-chips li:nth-child(1){transition-delay:2.5s}
  .kw-heft .kw-chips li:nth-child(2){transition-delay:2.65s}
  .kw-heft .kw-chips li:nth-child(3){transition-delay:2.8s}
  html.kw-bereit .kw-heft:not(.kw-los) .kw-chips li{opacity:0;transform:translateY(8px)}
  /* 7 Plakat und Roll-up: das Plakat wird aufgehängt, das Roll-up fährt hoch, die Maßlinie wächst mit */
  .kw-aushang{transition:opacity .6s .2s,transform .9s cubic-bezier(.25,1,.5,1) .2s}
  html.kw-bereit .kw-plakat:not(.kw-los) .kw-aushang{opacity:0;transform:translateY(-24px) rotate(-8deg)}
  .kw-rollup-bahn{transition:transform 1.5s cubic-bezier(.65,0,.35,1) .8s}
  html.kw-bereit .kw-plakat:not(.kw-los) .kw-rollup-bahn{transform:translateY(100%)}
  .kw-rollup-mass{transition:opacity .3s 2.3s,transform .8s cubic-bezier(.25,1,.5,1) 2.3s}
  html.kw-bereit .kw-plakat:not(.kw-los) .kw-rollup-mass{opacity:0;transform:scaleY(0)}
  .kw-rollup-mass span{transition:opacity .3s 3s}
  html.kw-bereit .kw-plakat:not(.kw-los) .kw-rollup-mass span{opacity:0}
  .kw-plakat .kw-chips li{transition:opacity .4s,transform .5s cubic-bezier(.34,1.56,.64,1)}
  .kw-plakat .kw-chips li:nth-child(1){transition-delay:3.1s}
  .kw-plakat .kw-chips li:nth-child(2){transition-delay:3.25s}
  .kw-plakat .kw-chips li:nth-child(3){transition-delay:3.4s}
  html.kw-bereit .kw-plakat:not(.kw-los) .kw-chips li{opacity:0;transform:translateY(8px)}
}
/* Beim Setzen der Startzustände (html.kw-sofort, ein Bild lang) keine Übergänge */
html.kw-sofort .kw-grafik *,html.kw-sofort .kw-grafik *::before,html.kw-sofort .kw-grafik *::after{transition:none!important}
@keyframes kw-notfall{to{opacity:1;transform:none}}
@keyframes kw-scannen{0%{top:0;opacity:1}50%{top:calc(100% - 3px);opacity:1}100%{top:0;opacity:0}}
@keyframes kw-drehen{0%,10%{transform:rotateY(0)}40%,68%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
@keyframes kw-puls{from{box-shadow:0 0 0 0 #c00bf780}to{box-shadow:0 0 0 10px #c00bf700}}

@media screen and (max-width:991px){
  .kw-abschnitt{padding:80px 0}
  .kw-intro{padding-top:40px}
  .kw-titel{font-size:40px}
  .kw-leistung .kw-titel{font-size:36px}
  .kw-zwei,.kw-region-inhalt,.kw-termin-inhalt{grid-template-columns:minmax(0,1fr);gap:40px}
  .kw-gespiegelt>.kw-grafik-spalte{order:0}
  .kw-zwei>.kw-grafik-spalte{justify-self:center;width:100%;max-width:600px}
  .kw-formate-inhalt{grid-template-areas:"kopf" "grafik" "wahl";grid-template-rows:none;row-gap:32px}
  .kw-formate-wahl .kw-format-liste{margin-top:0}
}
@media screen and (max-width:767px){
  .kw-abschnitt{padding:60px 0}
  .kw-titel,.kw-leistung .kw-titel{font-size:30px}
  .kw-text,.kw-region-text p{font-size:16px}
  .kw-liste{grid-template-columns:minmax(0,1fr)}
  .kw-schritte{gap:36px;padding-left:64px}
  .kw-schritte::before,.kw-schritte::after{top:22px;bottom:22px;left:21px}
  .kw-schritt-nr{left:-64px;width:44px;height:44px;font-size:15px}
  .kw-schritt-titel{margin-top:8px;font-size:20px}
  .kw-schritt p{font-size:16px}
  .kw-grafik{padding:20px}
  .kw-beispiel{top:10px;right:10px}
  .kw-qr-buehne{gap:18px;padding-top:30px}
  .kw-qr-pfeil{left:calc((100% - 18px) / 1.82 + 9px);width:32px;height:32px;margin:-16px 0 0 -16px}
  .kw-flyer{gap:7px;padding:16px 12px 12px}
  .kw-flyer-titel{font-size:15px}
  .kw-flyer-hinweis{font-size:8px}
  .kw-qr-handy{padding:7px;border-radius:24px}
  .kw-qr-schirm{gap:7px;padding:26px 8px 9px;border-radius:18px}
  .kw-qr-schirm::before{top:7px;width:40px;height:11px;margin-left:-20px}
  .kw-qr-bild{font-size:10px}
  .kw-qr-url,.kw-qr-knopf{font-size:9px}
  .kw-karte-buehne{height:300px;margin-top:20px}
  .kw-vk-seite{padding:12px 14px}
  .kw-falz-innen,.kw-falz-aussen{gap:5px;padding:9px 7px}
  .kw-falz-titel{font-size:8px}
  .kw-falz-gross,.kw-falz-deckel span:last-child{font-size:10px}
  .kw-zeitung{padding-top:44px}
  .kw-zeitung-seite{padding:12px}
  .kw-zeitung-name{font-size:19px}
  .kw-zeitung-raster{gap:8px}
  .kw-anzeige-platz{min-height:104px}
  .kw-zeitung-anzeige{padding:10px}
  .kw-anzeige-titel{font-size:13px}
  .kw-anzeige-zeit{font-size:10px}
  .kw-anzeige-web{font-size:9px}
  .kw-druck-datei{font-size:18px}
  .kw-druck-mitte{grid-template-columns:64px minmax(0,1fr);gap:16px}
  .kw-pruefung li{padding:8px 10px;font-size:13px}
  .kw-pruefung small{display:none}
  .kw-format{padding:12px 14px}
  .kw-format-name{font-size:16px}
  .kw-formsvg{max-width:280px}
  .kw-leistungen-kopf+.kw-leistung{padding-top:40px}
  .kw-heft-buehne{padding-top:30px}
  .kw-heft-seite{gap:5px;padding:10px 8px 18px}
  .kw-heft-titel{font-size:8px}
  .kw-heft-gross{font-size:10px}
  .kw-heft-zeile{gap:5px;padding:3px 0}
  .kw-heft-zeile small{font-size:8px}
  .kw-heft-seite .kw-balken,.kw-heft-zeile .kw-balken{height:4px}
  .kw-heft-raster{gap:4px}
  .kw-heft-nr{bottom:6px;font-size:7px}
  .kw-heft-links .kw-heft-nr,.kw-heft-hinten .kw-heft-nr{left:8px}
  .kw-heft-rechts .kw-heft-nr,.kw-heft-vorne .kw-heft-nr{right:8px}
  .kw-seitenplan{padding:8px 12px}
  .kw-seitenplan-name{font-size:11px}
  .kw-seitenplan-liste{gap:4px}
  .kw-seitenplan-liste li{padding:3px}
  .kw-seitenplan-liste span{width:9px;height:13px}
  .kw-plakat-buehne{height:300px;margin-top:24px}
  .kw-aushang{top:26px;width:33%}
  .kw-aushang-papier{gap:6px;padding:12px 9px 9px}
  .kw-aushang-band{top:-8px;width:40px;height:15px;margin-left:-20px}
  .kw-aushang-titel{font-size:14px}
  .kw-rollup-bahn{gap:6px;padding:14px 8px 8px}
  .kw-rollup-bahn::before{height:5px}
  .kw-rollup-bahn .kw-flyer-marke{font-size:8px}
  .kw-rollup-titel{font-size:13px}
  .kw-aushang-web,.kw-rollup-web{font-size:8px}
  .kw-rollup-kassette{height:13px}
  .kw-rollup-mass{bottom:13px}
  .kw-plakat .kw-chips{margin-top:22px}
}
@media screen and (max-width:479px){
  .kw-pill{padding:6px 18px;font-size:12px}
  .kw-flyer-marke{gap:4px;font-size:9px}
  .kw-flyer-marke::before{width:9px;height:9px}
  .kw-karte-buehne{height:250px}
  .kw-vk-rahmen{width:64%;bottom:40px}
  .kw-vk-vorne .kw-flyer-marke,.kw-vk-name{font-size:12px}
  .kw-vk-claim,.kw-vk-rolle{font-size:9px}
  .kw-vk-seite{gap:4px}
  .kw-lieferung li{font-size:12px}
  .kw-plakat-buehne{height:240px}
  .kw-aushang{top:20px;left:2%;width:38%}
  .kw-aushang-papier{gap:5px;padding:9px 7px 7px}
  .kw-aushang .kw-flyer-marke{font-size:8px}
  .kw-aushang .kw-flyer-marke::before{width:8px;height:8px}
  .kw-aushang-titel,.kw-rollup-titel{font-size:11px}
  .kw-aushang-web,.kw-rollup-web{font-size:7px}
  .kw-rollup{right:15%}
  .kw-rollup-bahn{padding:12px 7px 7px}
  .kw-rollup-mass span{padding:2px 6px;font-size:10px}
}