/* 6 · Washi – japanisch-still: Reispapier-Fasern, sehr viel Raum, Asymmetrie, senkrechte Akzente, dünne Tuschelinien,
   roter Hanko-Stempel, Enso-Kreis. Shippori Mincho für Überschriften, Source Serif 4 für Text/UI (Lesbarkeit, Betreiber 2026-10-22). */
[data-theme="washi"] {
  --w-paper: #F4E9D8; --w-ink: #1A3226; --w-soft: #3D5043; --w-line: #C7B596; --w-red: #B43C25; --w-coral: #D9573C; --w-sage: #8A8C64; --w-indigo: #283D30;
  --w-fiber: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .09' numOctaves='3' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .5 0 0 0 0 .4 0 0 0 .14 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --w-brush: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 14' preserveAspectRatio='none'%3E%3Cpath d='M2 8 C60 3 120 10 180 6 S270 4 298 7 L297 9 C250 11 200 8 150 10 S40 12 3 10Z' fill='%231A3226'/%3E%3C/svg%3E");
  --w-enso: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M150 40 C120 18 62 20 38 62 C14 104 36 160 92 172 C146 184 182 140 176 96 C172 70 160 56 146 48' fill='none' stroke='%231A3226' stroke-width='9' stroke-linecap='round' opacity='.14'/%3E%3C/svg%3E");
  --bg: var(--w-paper); --bg-2: #EBDCC4; --surface: #F9F0E2; --paper: var(--w-fiber);
  --ink: var(--w-ink); --ink-soft: var(--w-soft); --line: var(--w-ink);
  --accent: var(--w-red); --accent-ink: var(--w-red); --accent-2: var(--w-indigo); --on-accent: #fff; --link: var(--w-ink);
  --t-sun: #F1DDB4; --t-rose: #F2CDBE; --t-sage: #DADBC4; --t-sky: #D5DDD3; --t-clay: #EBD2B6;
  --f-display: "Shippori Mincho", "Hiragino Mincho ProN", serif; --f-body: "Source Serif 4", Georgia, serif; --f-ui: "Source Serif 4", Georgia, serif;
  --h-weight: 400; --h-spacing: .02em; --h-line: 1.3; --em-style: normal; --em-color: var(--w-ink);
  --body-size: 1.12rem; --prose-size: 1.22rem; --prose-line: 1.8;
  --radius: 0; --radius-lg: 0; --pill: 0;
  --card-bg: transparent; --card-border: 0; --card-shadow: none; --card-radius: 0;
  --img-radius: 0; --img-shadow: none; --img-filter: none;
  --header-bg: transparent; --foot-bg: var(--w-ink); --foot-ink: #F4E9D8; --wrap: 1160px;
}
[data-theme="washi"] .kicker, [data-theme="washi"] .card__kicker, [data-theme="washi"] .side__h, [data-theme="washi"] .ding__h, [data-theme="washi"] .trytoday__h, [data-theme="washi"] .wcard__h {
  font-family: var(--f-ui); font-weight: 500; font-size: max(.84rem, 1em); letter-spacing: .14em; text-transform: none; color: var(--w-soft); }
[data-theme="washi"] a { text-decoration-thickness: 1px; }
/* Kopf: still, eine Tuschelinie */
[data-theme="washi"] .top { border: 0; }
[data-theme="washi"] .top__in { padding: 34px 0 20px; }
[data-theme="washi"] .logo__word { font-weight: 400; letter-spacing: .08em; font-size: 1.6rem; }
[data-theme="washi"] .logo__word b { color: var(--w-ink); font-weight: 400; }
[data-theme="washi"] .logo::after { content: "wohl"; display: grid; place-items: center; width: 30px; height: 30px; background: var(--w-red); color: #F5F1E8; font: 600 .5rem/1 var(--f-ui);
  writing-mode: vertical-rl; letter-spacing: .1em; border-radius: 3px; margin-left: 4px; transform: rotate(4deg); }
[data-theme="washi"] .logo__mark { width: 36px; height: 36px; filter: grayscale(1) contrast(1.2); opacity: .85; }
[data-theme="washi"] .top__claim { border: 0; font-style: normal; letter-spacing: .08em; font-size: .95rem; color: var(--w-soft); }
[data-theme="washi"] .search-mini { border: 0; border-bottom: 1px solid var(--w-ink); background: transparent; border-radius: 0; }
[data-theme="washi"] .dice { border: 1px solid var(--w-line); background: transparent; color: var(--w-ink); }
[data-theme="washi"] .rubriken { border: 0; }
[data-theme="washi"] .rubriken__in { justify-content: flex-start; gap: 6px 30px; padding: 0 0 16px; position: relative; }
[data-theme="washi"] .rubriken__in::after { content: ""; position: absolute; left: 0; right: 30%; bottom: 0; height: 9px; background: var(--w-brush) 0 0 / 100% 100%; opacity: .8; }
[data-theme="washi"] .rubriken__a { padding: 8px 0; font: 400 .98rem/1 var(--f-ui); letter-spacing: .12em; border-radius: 0; }
[data-theme="washi"] .rubriken__a:hover { background: transparent; color: var(--w-red); }
[data-theme="washi"] .rubriken__a[aria-current] { background: transparent; color: var(--w-ink); }
[data-theme="washi"] .rubriken__a[aria-current]::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--w-red); margin-right: 8px; vertical-align: 2px; }
/* Startseite: asymmetrisch, viel Raum */
[data-theme="washi"] .lead { padding-top: 70px; position: relative; }
[data-theme="washi"] .lead__date { letter-spacing: .1em; font-size: .92rem; font-weight: 500; margin-bottom: 18px; }
[data-theme="washi"] .lead__h1 { font-size: clamp(2rem, 3.6vw, 3rem); max-width: 14em; margin-left: 16%; margin-bottom: 70px; line-height: 1.45; }
[data-theme="washi"] .lead__h1 em { color: var(--w-soft); }
[data-theme="washi"] .lead__grid { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 80px; }
[data-theme="washi"] .feature__link { background: transparent; box-shadow: none; display: grid; grid-template-columns: 34px 1fr; overflow: visible; }
[data-theme="washi"] .feature__link .feature__media { grid-column: 2; }
[data-theme="washi"] .feature__body { grid-column: 2; padding: 26px 0 0 18%; }
[data-theme="washi"] .feature__body .kicker { position: absolute; }
[data-theme="washi"] .feature { position: relative; }
[data-theme="washi"] .feature .kicker { writing-mode: vertical-rl; position: absolute; left: 0; top: 0; margin: 0; letter-spacing: .22em; }
[data-theme="washi"] .kicker__cat { background: none !important; padding: 0; color: var(--w-red); }
[data-theme="washi"] .kicker__season { color: var(--w-soft); }
[data-theme="washi"] .feature__title { font-size: clamp(1.8rem, 3vw, 2.5rem); line-height: 1.35; }
[data-theme="washi"] .feature__media img, [data-theme="washi"] .card__media img { outline: 1px solid var(--w-ink); outline-offset: 8px; }
[data-theme="washi"] .side__list { counter-reset: s; }
[data-theme="washi"] .side__list li { border-bottom: 1px solid var(--w-line); }
[data-theme="washi"] .side__list a { padding-left: 54px; }
[data-theme="washi"] .side__list a::before { font: 400 1.2rem/1 var(--f-display); color: var(--w-red); content: counter(s, cjk-decimal); top: 20px; }
[data-theme="washi"] .side__list strong { font-size: 1.15rem; line-height: 1.5; }
[data-theme="washi"] .side__cat { letter-spacing: .14em; font-weight: 500; }
/* Mini-Aufgabe: Zettel mit Hanko */
[data-theme="washi"] .ding { background: transparent; border: 0; border-top: 1px solid var(--w-ink); border-bottom: 1px solid var(--w-ink); border-radius: 0; box-shadow: none; margin: 90px 0 30px; padding: 40px 10px 40px 0; position: relative; grid-template-columns: 1fr auto; }
[data-theme="washi"] .ding__ico { display: none; }
[data-theme="washi"] .ding::after { content: "heute"; position: absolute; right: 30px; top: -26px; width: 52px; height: 52px; display: grid; place-items: center; background: var(--w-red); color: #F5F1E8;
  font: 600 .74rem/1 var(--f-ui); writing-mode: vertical-rl; letter-spacing: .2em; border-radius: 4px; transform: rotate(-6deg); }
[data-theme="washi"] .ding__text { font-size: clamp(1.35rem, 2.4vw, 1.8rem); line-height: 1.6; max-width: 30em; font-weight: 400; }
[data-theme="washi"] .btn { background: transparent; color: var(--w-ink); border: 1px solid var(--w-ink); border-radius: 0; font-weight: 400; letter-spacing: .14em; }
[data-theme="washi"] .btn:hover { background: var(--w-ink); color: var(--w-paper); }
/* Bänder als ruhige Kapitel mit senkrechtem Titel */
[data-theme="washi"] .band { background: transparent; margin-top: 70px; padding-top: 0; }
[data-theme="washi"] .band .wrap { display: grid; grid-template-columns: 90px 1fr; column-gap: 40px; }
[data-theme="washi"] .band .block__head { grid-column: 1; grid-row: 1 / span 3; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 20px; border-right: 1px solid var(--w-line); }
[data-theme="washi"] .band .section-title { writing-mode: vertical-rl; font-size: 1.7rem; letter-spacing: .2em; }
[data-theme="washi"] .band .st__ico { display: none; }
[data-theme="washi"] .band .more { writing-mode: vertical-rl; font-weight: 400; letter-spacing: .2em; font-size: .85rem; color: var(--w-red); }
[data-theme="washi"] .band .block__intro, [data-theme="washi"] .band .grid { grid-column: 2; }
[data-theme="washi"] .band .block__intro { margin-bottom: 34px; }
[data-theme="washi"] .grid { gap: 40px; }
[data-theme="washi"] .grid--band { grid-template-columns: 1fr 1fr 1fr; align-items: start; }
/* Karten bündig oben (Betreiber: Bilder in Übersichten top-aligned) */
[data-theme="washi"] .card__body { padding: 24px 0 0; }
[data-theme="washi"] .card__kicker { color: var(--w-red); font-size: .84rem; letter-spacing: .12em; }
[data-theme="washi"] .card__title { font-size: 1.35rem; line-height: 1.45; font-weight: 400; }
[data-theme="washi"] .card__meta { font-weight: 500; letter-spacing: .04em; color: var(--w-soft); }
[data-theme="washi"] .card__link:hover { transform: none; box-shadow: none; }
[data-theme="washi"] .card__link:hover .card__title { text-decoration: none; color: var(--w-red); }
[data-theme="washi"] .section-title { font-size: clamp(1.6rem, 2.6vw, 2.1rem); letter-spacing: .08em; }
[data-theme="washi"] .st__ico { color: var(--w-red); width: 30px; }
[data-theme="washi"] .tile, [data-theme="washi"] .word { background: transparent; border: 0; border-top: 1px solid var(--w-ink); border-radius: 0; box-shadow: none; padding-left: 0; }
[data-theme="washi"] .word strong { color: var(--w-ink); font-weight: 400; }
[data-theme="washi"] .about { margin-left: 16%; }
[data-theme="washi"] .hub__head { background: transparent; border-radius: 0; padding: 50px 0 40px 16%; border-bottom: 1px solid var(--w-ink); position: relative; }
[data-theme="washi"] .hub__head .kicker { writing-mode: vertical-rl; position: absolute; left: 4%; top: 50px; letter-spacing: .25em; }
[data-theme="washi"] .hub__title { font-weight: 400; letter-spacing: .1em; font-size: clamp(2.4rem, 5vw, 3.8rem); }
[data-theme="washi"] .hub__intro { line-height: 1.9; }
[data-theme="washi"] .feature--hub .feature__link { grid-template-columns: 1.2fr 1fr; gap: 50px; }
[data-theme="washi"] .feature--hub .kicker { position: static; writing-mode: horizontal-tb; }
[data-theme="washi"] .feature--hub .feature__body { padding: 0; grid-column: auto; }
[data-theme="washi"] .feature--hub .feature__media { grid-column: auto; }
[data-theme="washi"] .wordrow { background: transparent; border: 0; border-top: 1px solid var(--w-line); border-radius: 0; box-shadow: none; }
/* Artikel */
[data-theme="washi"] .art__sheet { position: relative; }
[data-theme="washi"] .art__stamp { display: grid; place-items: center; position: absolute; right: max(16px, calc(50% - 470px)); top: 30px; width: 66px; height: 66px; background: var(--w-red); border-radius: 5px; transform: rotate(5deg); }
[data-theme="washi"] .art__stamp-name, [data-theme="washi"] .art__stamp-val { display: none; }
[data-theme="washi"] .art__stamp-ico { width: 40px; height: 40px; color: #F5F1E8; stroke-width: 3; }
[data-theme="washi"] .art__head { padding-top: 60px; }
[data-theme="washi"] .art__head .kicker { letter-spacing: .2em; }
[data-theme="washi"] .art__title { font-size: clamp(2rem, 4.4vw, 3.2rem); line-height: 1.4; font-weight: 400; letter-spacing: .04em; }
[data-theme="washi"] .art__tagline { font-style: normal; color: var(--w-soft); line-height: 1.8; }
[data-theme="washi"] .art__meta { font-weight: 500; letter-spacing: .06em; color: var(--w-soft); }
[data-theme="washi"] .art__hero { margin-top: 60px; justify-items: end; }
[data-theme="washi"] .art__hero .art__frame { margin-right: 0; }
[data-theme="washi"] .art__hero picture, [data-theme="washi"] .art__hero .ph { border-radius: 0; box-shadow: none; outline: 1px solid var(--w-ink); outline-offset: 10px; }
[data-theme="washi"] .wcard { background: transparent; border: 0; box-shadow: none; border-radius: 0; margin-top: 60px; padding: 0; }
[data-theme="washi"] .wcard__grid { border-top: 1px solid var(--w-ink); border-bottom: 1px solid var(--w-ink); gap: 0; }
[data-theme="washi"] .wcard__grid > div { padding: 16px 10px; border-left: 1px solid var(--w-line); grid-template-columns: 1fr; }
[data-theme="washi"] .wcard__grid > div:first-child { border-left: 0; }
[data-theme="washi"] .wcard__ico { display: none; }
[data-theme="washi"] .wcard dt { letter-spacing: .12em; font-weight: 500; text-transform: none; font-size: .86rem; color: var(--w-soft); }
[data-theme="washi"] .wcard dd { font: 400 1.2rem/1.4 var(--f-display); }
[data-theme="washi"] .wcard__word { border-bottom: 0; }
[data-theme="washi"] .wcard__word .wcard__ico { display: none; }
[data-theme="washi"] .wcard__word p { grid-template-columns: 1fr; }
[data-theme="washi"] .wcard__jump > a:first-child { color: var(--w-red); font-weight: 400; }
[data-theme="washi"] .tag { background: transparent; border: 1px solid var(--w-line); border-radius: 0; font-weight: 400; }
[data-theme="washi"] .prose { margin-top: 50px; }
[data-theme="washi"] .prose > p:first-child { font-size: 1.3em; line-height: 1.8; font-weight: 400; }
[data-theme="washi"] .prose h2 { font-weight: 400; font-size: clamp(1.5rem, 2.6vw, 1.9rem); letter-spacing: .06em; margin-top: 2.4em; }
[data-theme="washi"] .prose h2::before { content: ""; display: block; width: 120px; height: 8px; background: var(--w-brush) 0 0 / 100% 100%; margin-bottom: 20px; opacity: .85; }
[data-theme="washi"] .prose strong { font-weight: 600; }
[data-theme="washi"] .prose li::marker { color: var(--w-red); }
[data-theme="washi"] .prose a.autolink { font-weight: 600; text-decoration-color: var(--w-red); }
[data-theme="washi"] .trytoday { margin-top: 70px; }
[data-theme="washi"] .trytoday__in { background: transparent; border: 0; border-left: 3px solid var(--w-red); border-radius: 0; box-shadow: none; padding: 6px 0 6px 28px; grid-template-columns: 1fr; }
[data-theme="washi"] .trytoday__ico { display: none; }
[data-theme="washi"] .trytoday__text { font-weight: 400; line-height: 1.6; }
[data-theme="washi"] .trytoday.is-done .trytoday__in { background: transparent; border-left-color: var(--w-ink); }
[data-theme="washi"] .cozy { background: var(--w-enso) center / min(360px, 90%) no-repeat; padding: 100px 20px; margin-top: 50px; }
[data-theme="washi"] .cozy__q { font-weight: 400; font-style: normal; letter-spacing: .04em; line-height: 1.6; font-size: clamp(1.4rem, 2.8vw, 1.9rem); }
[data-theme="washi"] .cozy__q::before, [data-theme="washi"] .cozy__q::after { content: none; }
[data-theme="washi"] .share { background: transparent; border-top: 1px solid var(--w-line); border-radius: 0; padding-left: 0; }
[data-theme="washi"] .share__h { font-weight: 400; }
[data-theme="washi"] .share__btn { border-radius: 0; background: transparent; font-weight: 400; }
[data-theme="washi"] .share__btn--wa { background: var(--w-ink); color: var(--w-paper); border-color: var(--w-ink); }
[data-theme="washi"] .faq summary { font-family: var(--f-display); font-weight: 400; letter-spacing: .04em; }
[data-theme="washi"] .faq summary::after { color: var(--w-red); }
[data-theme="washi"] .art__note { border: 0; border-top: 1px solid var(--w-line); border-radius: 0; padding-left: 0; }
[data-theme="washi"] .related { border-top: 0; margin-top: 90px; }
[data-theme="washi"] .foot__logo { font-weight: 400; letter-spacing: .08em; }
[data-theme="washi"] .foot__logo b { color: var(--w-coral); }
@media (max-width: 900px) {
  [data-theme="washi"] .lead__grid { gap: 50px; grid-template-columns: 1fr; }
  [data-theme="washi"] .feature--hub .feature__link { grid-template-columns: 1fr; gap: 20px; }
  [data-theme="washi"] .lead__h1 { margin-left: 0; }
}
@media (max-width: 760px) {
  [data-theme="washi"] .top__in { padding: 22px 0 14px; }
  [data-theme="washi"] .rubriken__in { gap: 22px; padding: 0 16px 14px; }
  [data-theme="washi"] .rubriken__in::after { left: 16px; right: 20%; }
  [data-theme="washi"] .search-mobile input { border: 0; border-bottom: 1px solid var(--w-ink); border-radius: 0; background: transparent; padding-left: 0; }
  [data-theme="washi"] .lead { padding-top: 40px; }
  [data-theme="washi"] .lead__h1 { margin-bottom: 40px; padding-left: 12%; }
  [data-theme="washi"] .feature__link { grid-template-columns: 26px 1fr; }
  [data-theme="washi"] .feature__body { padding-left: 0; }
  [data-theme="washi"] .ding { margin-top: 60px; grid-template-columns: 1fr; padding-right: 0; }
  [data-theme="washi"] .band .wrap { grid-template-columns: 1fr; }
  [data-theme="washi"] .band .block__head { grid-row: auto; flex-direction: row; align-items: baseline; border-right: 0; border-bottom: 1px solid var(--w-line); padding-bottom: 10px; margin-bottom: 16px; }
  [data-theme="washi"] .band .section-title, [data-theme="washi"] .band .more { writing-mode: horizontal-tb; }
  [data-theme="washi"] .band .block__intro, [data-theme="washi"] .band .grid { grid-column: 1; }
  [data-theme="washi"] .grid--band .card:nth-child(n), [data-theme="washi"] .grid--4 .card:nth-child(n) { margin-top: 0; }
  [data-theme="washi"] .hub__head { padding: 40px 0 30px 14%; }
  [data-theme="washi"] .hub__head .kicker { left: 0; top: 44px; }
  [data-theme="washi"] .art__head { padding-top: 70px; }
  [data-theme="washi"] .art__stamp { width: 54px; height: 54px; top: 10px; }
  [data-theme="washi"] .art__hero { margin-top: 40px; width: calc(100% - 44px); }
  [data-theme="washi"] .wcard__grid { grid-template-columns: 1fr 1fr; }
  [data-theme="washi"] .wcard__grid > div:nth-child(3) { border-left: 0; }
  [data-theme="washi"] .wcard__grid > div:nth-child(-n+2) { border-bottom: 1px solid var(--w-line); }
  [data-theme="washi"] .about { margin-left: auto; }
}

/* Runde 3 (2026-10-22): kräftiger – Farben aus den Riso-Bildern (Waldgrün, Koralle, Salbei) */
[data-theme="washi"] .ding { border-top: 3px solid var(--w-ink); border-bottom: 3px solid var(--w-ink); background: linear-gradient(90deg, color-mix(in srgb, var(--w-coral) 14%, transparent), transparent 70%); padding-left: 24px; }
[data-theme="washi"] .ding::after, [data-theme="washi"] .logo::after, [data-theme="washi"] .art__stamp { background: var(--w-coral); }
[data-theme="washi"] .rubriken__a:hover, [data-theme="washi"] .card__link:hover .card__title { color: var(--w-red); }
[data-theme="washi"] .rubriken__a[aria-current]::before { background: var(--w-coral); width: 9px; height: 9px; }
[data-theme="washi"] .btn { border-width: 2px; }
[data-theme="washi"] .btn:hover, [data-theme="washi"] .share__btn--wa { background: var(--w-ink); }
[data-theme="washi"] .trytoday__in { border-left: 5px solid var(--w-coral); background: color-mix(in srgb, var(--w-sage) 14%, transparent); padding: 18px 20px 18px 26px; }
[data-theme="washi"] .prose h2::before { width: 140px; height: 10px; }
[data-theme="washi"] .prose blockquote, [data-theme="washi"] .cozy__q { color: var(--w-ink); }
[data-theme="washi"] .band:nth-of-type(even) .block__head { border-right-color: var(--w-coral); }
[data-theme="washi"] .feature__media img, [data-theme="washi"] .card__media img { outline-color: var(--w-ink); }
[data-theme="washi"] .side__list a::before { color: var(--w-coral); }
/* Logo = Favicon „riso-sonne“ (Betreiber 2026-10-22) → farbig zeigen, zusätzlichen „wohl“-Stempel weglassen */
[data-theme="washi"] .logo__mark { filter: none; opacity: 1; }
[data-theme="washi"] .logo::after { content: none; }