/*
Theme Name: DDM Noir
Theme URI: https://www.derdrittemann.de/
Author: DER DRITTE MANN – Jörg Gürster
Author URI: https://www.derdrittemann.de/
Description: Block-Theme (FSE) für DER DRITTE MANN im Noir-Stil. Fallakten, Zeugenaussagen, Leistungsboxen, Notizen und Kontakt als Vorlagen. Schriften lokal gehostet.
Requires at least: 7.0
Tested up to: 7.1
Requires PHP: 8.2
Version: 1.11.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ddm-noir
Tags: block-patterns, block-styles, full-site-editing, editor-style, wide-blocks, custom-logo, one-column, blog, portfolio

DDM Noir, Copyright 2026 Jörg Gürster, DER DRITTE MANN.
DDM Noir is distributed under the terms of the GNU GPL v2 or later.
*/

:root{
	--ddm-schwarz:var(--wp--preset--color--schwarz);
	--ddm-papier:var(--wp--preset--color--papier);
	--ddm-amber:var(--wp--preset--color--amber);
	--ddm-linie:var(--wp--preset--color--linie);
	--ddm-mono:var(--wp--preset--font-family--special-elite);
	--ddm-cond:var(--wp--preset--font-family--barlow-condensed);
	--ddm-streifen:repeating-linear-gradient(-28deg,rgba(239,236,229,.065) 0 22px,transparent 22px 56px);
}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
p,li{text-wrap:pretty}
h1,h2,h3,h4{text-wrap:balance}
::selection{background:var(--ddm-amber);color:var(--ddm-schwarz)}

/* ---------- Grundgerüst ---------- */
.wp-site-blocks>header.wp-block-template-part{position:sticky;top:0;z-index:100;margin:0}
body.admin-bar .wp-site-blocks>header.wp-block-template-part{top:32px}
@media (max-width:782px){body.admin-bar .wp-site-blocks>header.wp-block-template-part{top:0}}
.wp-site-blocks>main,.wp-site-blocks>footer{margin-block-start:0}
.wp-block-post-content>.alignfull{margin-block:0}
.wp-block-post-content>.alignfull+.alignfull{margin-block-start:0}
/* Seiten ohne Noir-Hero (bestehende Unterseiten): Luft unter dem Header und vor dem Footer */
.wp-block-post-content:not(.ddm-inhalt):not(.ddm-notiz-inhalt)>:first-child:not(.alignfull){margin-block-start:clamp(48px,7vw,96px)}
.wp-block-post-content:not(.ddm-inhalt):not(.ddm-notiz-inhalt)>:last-child:not(.alignfull){margin-block-end:clamp(64px,8vw,112px)}
/* Sprungziele (#kontakt, #change) nicht unter dem Sticky Header verstecken */
html{scroll-padding-top:96px}

/* ---------- Kopfbereich ---------- */
.ddm-header{background:rgba(11,11,10,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--ddm-linie);padding-block:14px}
.ddm-header .wp-block-site-logo,.wp-site-blocks>header .wp-block-site-logo{line-height:0;flex:none}
.ddm-header .wp-block-site-logo img,.wp-site-blocks>header .wp-block-site-logo img,.wp-site-blocks>header img.custom-logo{width:auto!important;max-width:300px!important;height:auto!important}
.ddm-header .wp-block-navigation{font-weight:600;font-size:15px;letter-spacing:.14em;text-transform:uppercase;gap:6px 30px}
.ddm-header .wp-block-navigation-item__content:hover{color:var(--ddm-amber)}
.ddm-header .wp-block-navigation-item__content,.ddm-header .ddm-header-cta .wp-block-button__link{white-space:nowrap}
@media (min-width:600px) and (max-width:900px){.ddm-header .wp-block-navigation{font-size:13px;letter-spacing:.1em;gap:6px 18px}}
.ddm-header .wp-block-navigation .wp-block-navigation__submenu-container{background:var(--wp--preset--color--anthrazit)!important;color:var(--wp--preset--color--stein)!important;border:1px solid var(--ddm-linie)!important;border-top:2px solid var(--ddm-amber)!important;min-width:290px!important;padding:8px 0;text-transform:none;letter-spacing:0;font-weight:400;font-size:15px}
.ddm-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:10px 20px}
.ddm-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{background:#1c1b19;color:var(--ddm-amber)}
.ddm-header .wp-block-navigation__responsive-container.is-menu-open{background:var(--ddm-schwarz)!important;color:var(--ddm-papier)!important;padding:32px var(--wp--style--root--padding-right)}
.ddm-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{border:0!important;background:transparent!important;padding:4px 0 12px 12px}
.ddm-header .ddm-header-cta .wp-block-button__link{padding:12px 20px;font-size:14px}
@media (max-width:1100px){.ddm-header .ddm-header-cta{display:none}}

/* ---------- Abschnitte ---------- */
.ddm-section{padding-block:clamp(72px,9vw,112px);padding-left:var(--wp--style--root--padding-left);padding-right:var(--wp--style--root--padding-right)}
.ddm-section.has-papier-background-color a:not(.wp-block-button__link){color:var(--wp--preset--color--amber-dunkel)}
.ddm-section.has-papier-background-color a:not(.wp-block-button__link):hover{color:var(--ddm-schwarz)}
.ddm-kopfzeile{padding-bottom:28px;border-bottom:1px solid var(--ddm-linie);margin-bottom:56px!important}
.has-papier-background-color .ddm-kopfzeile{border-color:#c9c4b8}
.ddm-kopfzeile>*{margin:0}
.ddm-lead{font-size:var(--wp--preset--font-size--large);line-height:1.5;font-weight:500}
.ddm-dachzeile{font-family:var(--ddm-cond);font-weight:300;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(24px,2.6vw,38px);line-height:1.15}

/* ---------- Noir-Elemente ---------- */
/* Listen-Stile „Strich“: Gedankenstrich statt Punkt, wahlweise in Textfarbe oder Bernstein (gilt auch für Unterlisten) */
:is(ul.wp-block-list.is-style-ddm-strich,ul.wp-block-list.is-style-ddm-strich ul,ul.wp-block-list.is-style-ddm-strich-amber,ul.wp-block-list.is-style-ddm-strich-amber ul){list-style:none}
:is(ul.wp-block-list.is-style-ddm-strich,ul.wp-block-list.is-style-ddm-strich ul,ul.wp-block-list.is-style-ddm-strich-amber,ul.wp-block-list.is-style-ddm-strich-amber ul)>li{position:relative}
/* Strich 25 % länger (scaleX 1.25), Abstand zum Text doppelt so groß wie zuvor (.5em statt Leerzeichen) */
:is(ul.wp-block-list.is-style-ddm-strich,ul.wp-block-list.is-style-ddm-strich ul,ul.wp-block-list.is-style-ddm-strich-amber,ul.wp-block-list.is-style-ddm-strich-amber ul)>li::before{content:"–";position:absolute;right:100%;margin-right:.5em;transform:scaleX(1.25);transform-origin:right center;color:inherit}
:is(ul.wp-block-list.is-style-ddm-strich-amber,ul.wp-block-list.is-style-ddm-strich-amber ul)>li::before{color:var(--ddm-amber)}
/* Listen-Stile „Ziffern“ für nummerierte Listen (gilt auch für nummerierte Unterlisten) */
:is(ol.wp-block-list.is-style-ddm-ziffern,ol.wp-block-list.is-style-ddm-ziffern ol)>li::marker{color:inherit;font-family:inherit;font-weight:inherit;font-size:inherit}
:is(ol.wp-block-list.is-style-ddm-ziffern-amber,ol.wp-block-list.is-style-ddm-ziffern-amber ol)>li::marker{color:var(--ddm-amber);font-family:var(--ddm-mono);font-weight:400}
.is-style-ddm-stempel{width:fit-content;font-family:var(--ddm-mono);font-size:clamp(17px,1.5vw,24px);line-height:1.2;letter-spacing:.02em;border:3px solid currentColor;padding:.28em .75em .16em;transform:rotate(-2deg);opacity:.88;margin-bottom:.9em}
.is-style-ddm-schreibmaschine{font-family:var(--ddm-mono);letter-spacing:.06em}
.wp-block-separator.is-style-ddm-kurz{width:64px;max-width:64px;border:0;border-top:3px solid var(--ddm-amber);opacity:1;margin-left:0;margin-right:auto;background:none}
.wp-block-image.is-style-ddm-sw img{filter:grayscale(1) contrast(1.06)}

.wp-block-group.is-style-ddm-noir{position:relative;isolation:isolate;overflow:hidden;background-color:var(--ddm-schwarz);color:var(--ddm-papier)}
.wp-block-group.is-style-ddm-noir::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--ddm-streifen);-webkit-mask-image:radial-gradient(ellipse 80% 90% at 15% 0%,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse 80% 90% at 15% 0%,#000 0%,transparent 70%)}

.wp-block-cover.is-style-ddm-noir{background:#050505;color:var(--ddm-papier);padding:clamp(40px,5vw,64px)}
.wp-block-cover.is-style-ddm-noir .wp-block-cover__image-background{filter:grayscale(1) contrast(1.08);object-position:70% 40%}
.wp-block-cover.is-style-ddm-noir .wp-block-cover__background{opacity:1!important;background:linear-gradient(0deg,rgba(5,5,5,.9) 0%,rgba(5,5,5,0) 40%),linear-gradient(90deg,rgba(5,5,5,.94) 0%,rgba(5,5,5,.78) 40%,rgba(5,5,5,.18) 78%,rgba(5,5,5,.35) 100%)!important}
.wp-block-cover.is-style-ddm-noir::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--ddm-streifen);-webkit-mask-image:radial-gradient(ellipse 70% 90% at 25% 0%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 70% 90% at 25% 0%,#000 0%,transparent 75%)}
.wp-block-cover.is-style-ddm-noir .wp-block-cover__inner-container{position:relative;z-index:2;width:100%;color:var(--ddm-papier)}
.wp-block-cover.is-style-ddm-noir.alignfull{padding:clamp(110px,12vw,150px) var(--wp--style--root--padding-right) clamp(48px,6vw,76px) var(--wp--style--root--padding-left)}
.wp-block-cover.is-style-ddm-noir.alignfull .wp-block-cover__inner-container{max-width:var(--wp--style--global--wide-size);margin-inline:auto}
.wp-block-cover.is-style-ddm-noir h1,.wp-block-cover.is-style-ddm-noir h2{max-width:12ch;margin-top:0}
.ddm-absender{gap:14px 32px!important;margin-top:44px!important}
.ddm-absender p{margin:0;font-family:var(--ddm-mono);font-size:19px}

/* ---------- Akte-Box (Strategie / Steuerung / Umsetzung) ---------- */
.ddm-akte{position:relative;display:flex;flex-direction:column;height:100%;background:var(--wp--preset--color--anthrazit);border:1px solid var(--ddm-linie);color:var(--ddm-papier)}
.ddm-akte>*{margin:0!important}
.ddm-akte>.is-style-ddm-stempel{position:absolute;top:20px;left:20px;z-index:2;font-size:17px;border-width:2px;color:var(--ddm-papier);background:rgba(11,11,10,.78)}
.ddm-akte>.wp-block-image{aspect-ratio:3/2;overflow:hidden;background:#050505}
.ddm-akte>.wp-block-image img{width:100%;height:100%;object-fit:cover;display:block}
.ddm-akte-inhalt{flex:1;display:flex;flex-direction:column;gap:20px;padding:26px 24px 28px}
.ddm-akte-inhalt>*{margin:0!important}
.ddm-akte-inhalt h3{font-size:clamp(40px,4vw,56px)}
.ddm-akte-inhalt p{color:var(--wp--preset--color--stein)}
.ddm-mehr{margin-top:auto!important;font-weight:600;font-size:14px;letter-spacing:.16em;text-transform:uppercase}
.ddm-linkliste{list-style:none;padding:0;border-top:1px solid var(--ddm-linie)}
.ddm-linkliste li{border-bottom:1px solid var(--ddm-linie);margin:0}
.ddm-linkliste a{display:flex;justify-content:space-between;gap:12px;padding:11px 0;color:#b3aea4}
.ddm-linkliste a::after{content:"→"}
.ddm-linkliste a:hover{color:var(--ddm-amber)}
.ddm-karten{gap:28px!important}
/* Genau vier Kacheln: 2 × 2 statt 3 + 1 */
@media (min-width:782px){.ddm-karten:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- Zeugenaussage ---------- */
.ddm-aussage{display:flex;flex-direction:column;gap:22px;padding:44px 40px 36px;height:100%}
.ddm-aussage>*{margin:0!important}
.ddm-aussage h3{font-size:clamp(32px,3.2vw,48px)}
.ddm-zitat{margin:0;display:flex;flex-direction:column;gap:22px;flex:1}
.ddm-zitat p{font-style:italic;font-size:18px;line-height:1.6;color:var(--wp--preset--color--stein);margin:0}
.ddm-zitat cite{margin-top:auto;font-style:normal;font-family:var(--ddm-mono);font-size:16px;line-height:1.5;color:var(--ddm-papier);opacity:.88}
.ddm-zitat cite::before{content:"";display:block;width:48px;height:3px;background:var(--ddm-amber);margin-bottom:12px}

/* ---------- Aktenverzeichnis ---------- */
.ddm-verzeichnis{column-gap:48px!important;row-gap:0!important;border-top:1px solid #3a3834}
.ddm-eintrag{display:grid!important;grid-template-columns:44px minmax(0,1fr);column-gap:12px;padding:20px 0;border-bottom:1px solid #3a3834}
.ddm-eintrag>*{margin:0!important}
.ddm-eintrag .ddm-nr{grid-row:span 2;font-family:var(--ddm-mono);color:var(--ddm-amber);font-size:15px;padding-top:2px}
.ddm-eintrag .ddm-kategorie{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--wp--preset--color--grau);margin-bottom:6px!important}
.ddm-eintrag p:last-child{font-size:17px;line-height:1.5}

/* ---------- Indizien-Liste ---------- */
.ddm-indizien{list-style:none;padding:0;border-top:1px solid var(--ddm-linie)}
.ddm-indizien li{position:relative;padding:22px 0 22px 56px;border-bottom:1px solid var(--ddm-linie);font-size:var(--wp--preset--font-size--large);line-height:1.45;margin:0}
.ddm-indizien li::before{content:"";position:absolute;left:0;top:36px;width:32px;height:3px;background:var(--ddm-amber)}
.has-papier-background-color .ddm-indizien,.has-papier-background-color .ddm-indizien li{border-color:#c9c4b8}

/* ---------- Schritte (nummerierte Liste) ---------- */
.ddm-schritte{list-style:none;counter-reset:ddm-schritt;padding:0;border-top:1px solid var(--ddm-linie)}
.ddm-schritte li{counter-increment:ddm-schritt;position:relative;padding:22px 0 22px 56px;border-bottom:1px solid var(--ddm-linie);font-size:var(--wp--preset--font-size--large);line-height:1.45;margin:0}
.ddm-schritte li::before{content:counter(ddm-schritt,decimal-leading-zero);position:absolute;left:0;top:25px;font-family:var(--ddm-mono);font-size:17px;color:var(--ddm-amber)}
.has-papier-background-color .ddm-schritte,.has-papier-background-color .ddm-schritte li{border-color:#c9c4b8}
.has-papier-background-color .ddm-schritte li::before{color:var(--wp--preset--color--amber-dunkel)}

/* ---------- Zahlen ---------- */
.ddm-zahlen{border-top:2px solid currentColor;gap:0!important}
.ddm-zahlen>.wp-block-column{padding-top:22px}
.ddm-zahlen>.wp-block-column+.wp-block-column{padding-left:24px;border-left:1px solid #c9c4b8}
.ddm-zahl{font-family:var(--ddm-cond);font-weight:800;font-size:64px;line-height:1;margin:0}
.ddm-zahl+p{font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:#5b5750;margin-top:6px}

/* ---------- Kontakt ---------- */
.ddm-kontakt{padding:0!important;background:#050505}
.ddm-kontakt>.wp-block-columns{gap:0!important;margin:0 auto}
.ddm-kontakt-text{padding:clamp(72px,9vw,112px) var(--wp--style--root--padding-right) clamp(72px,9vw,112px) var(--wp--style--root--padding-left)}
.ddm-kontakt-text>*{margin-block:0 26px}
.ddm-kontakt-text h2{font-size:clamp(52px,7vw,112px);line-height:.9}
.ddm-kontakt-text h2.ddm-lang{font-size:clamp(36px,4vw,64px);line-height:.95}
.ddm-visitenkarte{padding-top:24px;border-top:1px solid var(--ddm-linie)}
.ddm-visitenkarte p{margin:0}
/* Porträt als gerahmtes Akten-Foto (Hochformat, Papierrand, leicht schräg) statt vollflächig */
.ddm-kontakt-bild{display:flex;align-items:center;justify-content:center;padding:clamp(40px,6vw,96px) var(--wp--style--root--padding-right) clamp(40px,6vw,96px) 0}
.ddm-kontakt-bild .wp-block-image{width:min(100%,340px);margin:0;aspect-ratio:4/5;padding:10px 10px 12px;background:var(--ddm-papier);transform:rotate(-1.5deg);box-shadow:0 24px 48px rgba(0,0,0,.55)}
.ddm-kontakt-bild img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;display:block}
@media (min-width:782px){.ddm-kontakt>.wp-block-columns>.ddm-kontakt-bild{flex:0 0 38%!important}}
@media (max-width:781px){.ddm-kontakt-bild{justify-content:flex-start;padding:0 var(--wp--style--root--padding-right) 72px var(--wp--style--root--padding-left)}.ddm-kontakt-bild .wp-block-image{width:min(100%,200px)}}

/* ---------- Buttons ---------- */
.wp-block-button.is-style-ddm-outline .wp-block-button__link{background:transparent;color:inherit;border:2px solid var(--ddm-amber);padding:15px 24px}
.wp-block-button.is-style-ddm-outline .wp-block-button__link:hover{background:var(--ddm-amber);color:var(--ddm-schwarz)}
.has-papier-background-color .wp-block-button:not(.is-style-ddm-outline) .wp-block-button__link{background:var(--wp--preset--color--graphit);color:var(--ddm-papier)}
.has-papier-background-color .wp-block-button:not(.is-style-ddm-outline) .wp-block-button__link:hover{background:var(--ddm-amber);color:var(--ddm-schwarz)}

/* ---------- Fußbereich ---------- */
.ddm-footer{border-top:1px solid var(--ddm-linie);padding-block:28px;font-size:14px;color:var(--wp--preset--color--grau)}
.ddm-footer p{margin:0}
.ddm-footer a{color:var(--wp--preset--color--grau);letter-spacing:.14em}
.ddm-footer a:hover{color:var(--ddm-amber)}

/* ---------- Standardseiten ---------- */
.ddm-seitentitel{padding-top:clamp(72px,9vw,120px)}
.ddm-seitentitel h1{font-size:clamp(48px,7vw,96px)}
.ddm-inhalt{padding-bottom:clamp(72px,9vw,112px)}
.ddm-inhalt h2{font-size:clamp(30px,3vw,44px);margin-top:1.6em}
.ddm-inhalt h3{font-size:clamp(24px,2.2vw,30px)}

/* ==========================================================
   DDM – Beweisstück (Gutenberg-Pattern ddm-noir/beweisstueck)
   Nur Core-Blöcke. Alle Regeln auf .ddm-beweisstueck begrenzt.
   ========================================================== */
.ddm-beweisstueck{
	--bs-schwarz:#0b0b0a;--bs-nacht:#050505;--bs-graphit:#161513;--bs-papier:#efece5;--bs-papier-2:#e4e0d7;
	--bs-stein:#d9d5cc;--bs-linie-hell:#c9c4b8;--bs-linie-dunkel:#3a3834;--bs-text:#2b2925;--bs-grau:#5b5750;
	--bs-amber:#c17d19;--bs-amber-dunkel:#8a5a12;
	--bs-cond:"Barlow Condensed","Barlow",sans-serif;--bs-mono:"Special Elite","Courier New",monospace;
	container-type:inline-size;
	background:var(--bs-schwarz);color:var(--bs-papier);font-family:"Barlow",sans-serif;
	padding:clamp(56px,8vw,112px) clamp(16px,4vw,32px)!important;
	margin-block:0!important;
}
.ddm-beweisstueck *,.ddm-beweisstueck *::before,.ddm-beweisstueck *::after{box-sizing:border-box}
/* Block-Abstände von WordPress neutralisieren – Abstände kommen aus gap */
.ddm-beweisstueck .wp-block-group>*,.ddm-beweisstueck .wp-block-group>*+*{margin-block:0!important}
.ddm-beweisstueck p,.ddm-beweisstueck h2,.ddm-beweisstueck h3{margin:0}

.ddm-bs__inner{max-width:1320px;margin-inline:auto!important;display:flex;flex-direction:column;gap:clamp(28px,4cqw,48px)}
.ddm-bs__kopf{display:flex;flex-direction:column;gap:16px;max-width:880px}
.ddm-bs__kicker{font-family:var(--bs-mono);font-size:17px;letter-spacing:.06em;color:var(--bs-amber)}
.ddm-beweisstueck .ddm-bs__titel{font-family:var(--bs-cond);font-weight:800;font-size:clamp(40px,5.4cqw,80px);line-height:.95;text-transform:uppercase;text-wrap:balance;color:var(--bs-papier)}

/* Akte + Reiter */
.ddm-bs__akte{position:relative;padding-top:42px}
.ddm-beweisstueck .ddm-bs__reiter{position:absolute;top:0;left:0;height:42px;padding:0 22px 0 18px;display:flex;align-items:center;gap:12px;background:var(--bs-papier);color:var(--bs-graphit);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 100%,0 100%);font-family:var(--bs-mono);font-size:15px;letter-spacing:.08em;white-space:nowrap}
.ddm-bs__reiter::before{content:"";width:8px;height:8px;background:var(--bs-amber)}
.ddm-bs__blatt{background:var(--bs-papier);color:var(--bs-graphit);padding:clamp(24px,4.5cqw,64px);display:flex;flex-direction:column;gap:clamp(32px,4cqw,48px)}

/* Einleitung + Stempel */
.ddm-bs__intro{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}
.ddm-bs__lead{max-width:760px;font-size:clamp(19px,1.8cqw,23px);line-height:1.5;font-weight:500;text-wrap:pretty}
.ddm-beweisstueck .ddm-bs__stempel{transform:rotate(-3deg);border:2px solid var(--bs-amber-dunkel);color:var(--bs-amber-dunkel);padding:6px 14px 3px;margin:4px 6px 0 0!important;font-family:var(--bs-mono);font-size:16px;letter-spacing:.06em;line-height:1.25;text-align:center;text-transform:uppercase}

/* Platzhalter-Markierung – Regel löschen, sobald alle Platzhalter ersetzt sind */
.ddm-bs__ph{background:rgba(193,125,25,.2);color:inherit;padding:0 4px}

/* Faktenleiste */
.ddm-bs__fakten{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--bs-graphit)}
.ddm-bs__fakt{padding:16px 20px 18px 0;border-bottom:1px solid var(--bs-linie-hell);display:flex;flex-direction:column;gap:6px}
.ddm-bs__fakt-label{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--bs-grau)}
.ddm-bs__fakt-wert{font-size:19px;font-weight:500;line-height:1.35}

/* Textblöcke */
.ddm-bs__bloecke{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 40px}
.ddm-bs__block{display:flex;flex-direction:column;gap:12px}
.ddm-beweisstueck .ddm-bs__block-titel{font-family:"Barlow",sans-serif;font-weight:600;font-size:15px;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:var(--bs-graphit)}
.ddm-bs__block p{font-size:17px;line-height:1.6;color:var(--bs-text);text-wrap:pretty}

/* Übertragbar */
.ddm-bs__transfer{position:relative;isolation:isolate;overflow:hidden;background:var(--bs-schwarz);color:var(--bs-papier);padding:clamp(24px,4cqw,52px);display:flex;flex-wrap:wrap;gap:24px 56px;align-items:flex-start}
.ddm-bs__transfer::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(-28deg,rgba(239,236,229,.06) 0 22px,transparent 22px 56px);-webkit-mask-image:radial-gradient(ellipse 80% 100% at 10% 0%,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse 80% 100% at 10% 0%,#000 0%,transparent 70%)}
.ddm-bs__transfer-kopf,.ddm-bs__transfer-text{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:18px}
.ddm-bs__transfer-label{font-family:var(--bs-mono);font-size:15px;letter-spacing:.08em;color:var(--bs-amber)}
.ddm-beweisstueck .ddm-bs__transfer-titel{font-family:var(--bs-cond);font-weight:800;font-size:clamp(32px,3.4cqw,48px);line-height:.95;text-transform:uppercase;text-wrap:balance;overflow-wrap:break-word;hyphens:auto;color:var(--bs-papier)}
.ddm-beweisstueck .ddm-bs__linie{width:64px;max-width:64px;height:0;border:0;border-top:3px solid var(--bs-amber);background:none;opacity:1;margin:0!important}
.ddm-bs__transfer-text p{font-size:clamp(18px,1.6cqw,21px);line-height:1.55;text-wrap:pretty}
.ddm-beweisstueck .ddm-bs__tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ddm-beweisstueck .ddm-bs__tags li{margin:0;border:1px solid var(--bs-linie-dunkel);padding:6px 10px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--bs-stein);max-width:100%;overflow-wrap:anywhere}

/* Bildbereich */
.ddm-bs__bilder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:28px;align-items:stretch}
.ddm-bs__spalte{display:flex;flex-direction:column;gap:28px}
.ddm-bs__figur{display:flex;flex-direction:column;gap:14px}
.ddm-bs__caption{font-family:var(--bs-mono);font-size:15px;line-height:1.4;color:var(--bs-text)}
.ddm-bs__caption strong{font-weight:400;color:var(--bs-amber-dunkel)}
.ddm-beweisstueck .wp-block-image.ddm-bs__screen{margin:0;overflow:hidden;background:#2a2927}
.ddm-beweisstueck .ddm-bs__screen img{display:block;width:100%;height:100%;object-fit:cover}

.ddm-bs__figur--haupt .ddm-bs__buehne{flex:1}
.ddm-bs__buehne{position:relative;isolation:isolate;overflow:hidden;background:var(--bs-graphit);padding:clamp(28px,4cqw,48px) 24px;display:flex;align-items:center;justify-content:center}
.ddm-bs__buehne::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(-28deg,rgba(239,236,229,.05) 0 22px,transparent 22px 56px)}
.ddm-bs__phone{position:relative;width:100%;max-width:290px;background:var(--bs-nacht);border:1px solid var(--bs-linie-dunkel);border-radius:44px;padding:12px;box-shadow:0 30px 60px rgba(0,0,0,.5)}
.ddm-bs__phone::before{content:"";position:absolute;top:22px;left:50%;transform:translateX(-50%);width:84px;height:22px;border-radius:12px;background:var(--bs-nacht);z-index:2}
.ddm-beweisstueck .ddm-bs__screen--phone{aspect-ratio:9/19.5;border-radius:32px}

.ddm-bs__tablet-buehne{background:var(--bs-graphit);padding:clamp(16px,2.4cqw,28px)}
.ddm-bs__tablet{background:var(--bs-nacht);border:1px solid var(--bs-linie-dunkel);border-radius:18px;padding:10px}
.ddm-beweisstueck .ddm-bs__screen--tablet{aspect-ratio:16/10;border-radius:10px}

.ddm-bs__vergleich{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:var(--bs-linie-hell);border:1px solid var(--bs-linie-hell)}
.ddm-bs__vergleich-teil{background:var(--bs-papier-2);padding:12px;display:flex;flex-direction:column;gap:10px}
.ddm-bs__vergleich-label{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--bs-grau)}
.ddm-bs__vergleich-teil--app .ddm-bs__vergleich-label{color:var(--bs-amber-dunkel)}
.ddm-beweisstueck .ddm-bs__screen--vergleich{aspect-ratio:4/3;background:var(--bs-stein)}

/* Fuß */
.ddm-bs__fuss{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:28px;border-top:1px solid var(--bs-linie-hell)}
.ddm-beweisstueck .ddm-bs__buttons{margin:0}
.ddm-beweisstueck .ddm-bs__button .wp-block-button__link{display:inline-flex;align-items:center;gap:12px;padding:17px 26px;border-radius:0;background:var(--bs-graphit);color:var(--bs-papier);font-family:"Barlow",sans-serif;font-weight:600;font-size:15px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
.ddm-beweisstueck .ddm-bs__button .wp-block-button__link:hover,.ddm-beweisstueck .ddm-bs__button .wp-block-button__link:focus-visible{background:var(--bs-amber);color:var(--bs-schwarz)}
.ddm-bs__vermerk{font-family:var(--bs-mono);font-size:14px;color:var(--bs-grau)}

/* Responsive – bezogen auf die Breite des Abschnitts */
@container (max-width:1000px){
	.ddm-bs__fakten{grid-template-columns:repeat(2,minmax(0,1fr))}
	.ddm-bs__bloecke,.ddm-bs__bilder{grid-template-columns:minmax(0,1fr)}
}
@container (max-width:600px){
	.ddm-bs__fakten,.ddm-bs__vergleich{grid-template-columns:minmax(0,1fr)}
	.ddm-beweisstueck .ddm-bs__reiter{font-size:13px;letter-spacing:.04em}
	.ddm-beweisstueck .ddm-bs__stempel{font-size:14px}
}

/* Reiter (mehrere Referenzen) – wird per assets/beweisstueck-reiter.js aktiviert; ohne JS stehen alle Akten untereinander */
.ddm-beweisstueck .ddm-bs__akten{position:relative}
.ddm-beweisstueck .ddm-bs__akten>.ddm-bs__akte+.ddm-bs__akte{margin-top:clamp(40px,5cqw,64px)!important}
.ddm-beweisstueck .ddm-bs__akten.is-tabs>.ddm-bs__akte+.ddm-bs__akte{margin-top:0!important}
.ddm-beweisstueck .ddm-bs__akten.is-tabs>.ddm-bs__akte[hidden]{display:none}
.ddm-beweisstueck .ddm-bs__akten.is-tabs .ddm-bs__reiter{display:none}
.ddm-bs__leiste{position:absolute;top:0;left:0;right:0;height:42px;display:flex;overflow-x:auto;scrollbar-width:none;z-index:2}
.ddm-bs__leiste::-webkit-scrollbar{display:none}
.ddm-beweisstueck .ddm-bs__tab{flex:none;position:relative;height:42px;margin:0 -8px 0 0;padding:0 24px 0 18px;display:flex;align-items:center;gap:12px;border:0;border-radius:0;cursor:pointer;background:#2a2826;color:var(--bs-stein);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 100%,0 100%);font-family:var(--bs-mono);font-size:15px;letter-spacing:.08em;white-space:nowrap}
.ddm-bs__tab::before{content:"";width:8px;height:8px;background:var(--bs-grau)}
.ddm-beweisstueck .ddm-bs__tab:hover,.ddm-beweisstueck .ddm-bs__tab:focus-visible{background:var(--bs-linie-dunkel);color:var(--bs-papier)}
.ddm-beweisstueck .ddm-bs__tab:focus-visible{outline:2px solid var(--bs-amber);outline-offset:-3px}
.ddm-beweisstueck .ddm-bs__tab[aria-selected="true"]{background:var(--bs-papier);color:var(--bs-graphit);z-index:1}
.ddm-bs__tab[aria-selected="true"]::before{background:var(--bs-amber)}
@container (max-width:600px){.ddm-beweisstueck .ddm-bs__tab{font-size:13px;letter-spacing:.04em;padding:0 22px 0 14px}}
@container (max-width:600px){.ddm-beweisstueck .ddm-bs__tab-pre{display:none}}

/* Beweisstück Konzept 1a (Kennzahlen-Tafel + Zeugenaussage) und 1b (Ermittlungsskizze + Schriftstück)
   Patterns: referenz-konzept-kennzahlen, referenz-konzept-skizze, akte-konzept-*, beweisstueck-reiter-gemischt */
/* Geschwärzter Auftraggeber: Balken, Text bleibt für Screenreader lesbar */
.ddm-beweisstueck .ddm-bs__schwaerzung{display:block;width:130px;max-width:100%;height:22px;background:var(--bs-graphit);overflow:hidden;white-space:nowrap;text-indent:110%;font-size:16px;line-height:22px}
.ddm-bs__beleg{display:flex;flex-direction:column;gap:28px}
.ddm-bs__beleg--skizze{gap:32px}

/* 1a: Kennzahlen-Tafel */
.ddm-bs__zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:2px;background:var(--bs-linie-dunkel)}
.ddm-bs__zahl{background:var(--bs-graphit);color:var(--bs-papier);padding:36px 32px;display:flex;flex-direction:column;gap:12px;min-width:0}
.ddm-beweisstueck .ddm-bs__zahl-wert{font-family:var(--bs-cond);font-weight:800;font-size:clamp(72px,7.7cqw,88px);line-height:.9;color:var(--bs-amber);overflow-wrap:break-word}
.ddm-bs__zahl-label{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--bs-stein)}
.ddm-bs__zahl-quelle{font-family:var(--bs-mono);font-size:14px;color:#8d887e}

/* 1a: Zeugenaussage */
.ddm-bs__zeuge{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:flex-start;border-top:2px solid var(--bs-graphit);padding-top:28px}
.ddm-bs__zeuge-label{flex:none;min-width:110px;font-family:var(--bs-mono);font-size:15px;letter-spacing:.06em;color:var(--bs-amber-dunkel)}
.ddm-bs__zeuge-text{flex:1 1 300px;min-width:0;max-width:760px;display:flex;flex-direction:column;gap:14px}
.ddm-beweisstueck .wp-block-quote.ddm-bs__zitat{margin:0;padding:0;border:0;background:none;quotes:none;font-style:normal}
.ddm-beweisstueck .ddm-bs__zitat::before,.ddm-beweisstueck .ddm-bs__zitat::after{content:none}
.ddm-beweisstueck .ddm-bs__zitat p{margin:0;font-family:"Barlow",sans-serif;font-size:clamp(21px,2.3cqw,26px);line-height:1.4;font-weight:500;font-style:normal;color:var(--bs-graphit);text-wrap:pretty}
.ddm-bs__zeuge-name{font-family:var(--bs-mono);font-size:15px;color:var(--bs-grau)}

/* 1b: Ermittlungsskizze */
.ddm-bs__skizze{display:flex;flex-direction:column;gap:14px}
.ddm-bs__beleg-label{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--bs-grau)}
.ddm-bs__schritte{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));border:2px solid var(--bs-graphit)}
.ddm-bs__schritt{padding:20px 22px;border-right:1px solid var(--bs-linie-hell);border-bottom:1px solid var(--bs-linie-hell);display:flex;flex-direction:column;gap:8px;min-width:0}
.ddm-bs__schritt-nr{font-family:var(--bs-mono);font-size:14px;color:var(--bs-amber-dunkel)}
.ddm-bs__schritt-titel{font-family:var(--bs-cond);font-weight:800;font-size:30px;line-height:1;text-transform:uppercase;color:var(--bs-graphit);overflow-wrap:break-word;hyphens:auto}
.ddm-bs__schritt-text{font-size:15px;line-height:1.45;color:var(--bs-text)}

/* 1b: Schriftstück Vorher / Nachher */
.ddm-beweisstueck .ddm-bs__vergleich--text{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.ddm-bs__vergleich--text .ddm-bs__vergleich-teil{padding:24px 28px;gap:12px}
.ddm-bs__textprobe{font-family:var(--bs-mono);font-size:17px;line-height:1.55;color:var(--bs-text)}
.ddm-bs__vergleich-teil--app .ddm-bs__textprobe{color:var(--bs-graphit)}

@container (max-width:600px){
	.ddm-bs__zahl{padding:28px 24px}
	.ddm-bs__vergleich--text .ddm-bs__vergleich-teil{padding:20px}
}

/* ---------- Beitrags-Teaser (Query Loop) ---------- */
.ddm-teaser-sektion .ddm-teaser{margin-top:clamp(32px,4vw,56px)}
.ddm-teaser .ddm-teaser__liste{gap:clamp(20px,2.5vw,32px)!important;padding:0;list-style:none}
.ddm-teaser .ddm-teaser__liste>li{margin:0;display:flex}
.ddm-teaser__karte{width:100%;display:flex;flex-direction:column;background:var(--wp--preset--color--anthrazit);border:1px solid var(--ddm-linie)}
.ddm-teaser__bild{margin:0!important;overflow:hidden;background:#000}
.ddm-teaser__bild img{width:100%;height:100%;object-fit:cover;display:block}
.ddm-teaser__bild>span{display:block;height:100%}
.ddm-teaser__text{flex:1;display:flex;flex-direction:column;gap:12px;padding:24px}
.ddm-teaser__meta{gap:6px 16px!important;font-family:var(--ddm-mono);font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--stein)}
.ddm-teaser__meta p,.ddm-teaser__meta div{margin:0}
.ddm-teaser__kat a{color:var(--ddm-amber);text-decoration:none}
.ddm-teaser__kat a:hover,.ddm-teaser__kat a:focus-visible{color:var(--wp--preset--color--amber-hell)}
.ddm-teaser__titel{margin:0!important;font-size:clamp(1.25rem,1.1rem + .6vw,1.6rem)!important;line-height:1.2}
.ddm-teaser__titel a{color:var(--ddm-papier);text-decoration:none}
.ddm-teaser__titel a:hover{color:var(--ddm-amber)}
.ddm-teaser__auszug{margin:0!important;color:var(--wp--preset--color--stein);font-size:1rem}
.ddm-teaser__auszug .wp-block-post-excerpt__excerpt{margin:0}
/* „Notiz öffnen →“ im Stil von „Mehr erfahren →“ (Akte-Boxen) */
.ddm-teaser__mehr{margin-top:auto!important;padding-top:8px;font-family:var(--wp--preset--font-family--barlow);font-weight:600;font-size:14px;letter-spacing:.16em;text-transform:uppercase;line-height:1.4}
.ddm-teaser__mehr,.ddm-teaser__mehr a{color:var(--ddm-amber);text-decoration:none}
.ddm-teaser__mehr::after{content:" →"}
.ddm-teaser__mehr:hover,.ddm-teaser__mehr:focus-visible{color:var(--wp--preset--color--amber-hell);text-decoration:none}
.ddm-teaser__alle{margin-top:clamp(28px,3vw,40px)}
@media (max-width:1000px){.ddm-teaser .ddm-teaser__liste.is-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){
.ddm-teaser .ddm-teaser__liste.is-layout-grid{grid-template-columns:minmax(0,1fr)!important}
.ddm-teaser__text{padding:20px}
.ddm-teaser__alle .wp-block-button,.ddm-teaser__alle .wp-block-button__link{width:100%;text-align:center}
}

/* Mobiles Menü: Overlay immer über dem Inhalt (backdrop-filter würde fixed-Overlay sonst auf Header-Höhe begrenzen) */
.ddm-header:has(.wp-block-navigation__responsive-container.is-menu-open){-webkit-backdrop-filter:none;backdrop-filter:none}
.wp-site-blocks>header.wp-block-template-part:has(.is-menu-open){z-index:100000}
.ddm-header .wp-block-navigation__responsive-container.is-menu-open{position:fixed;inset:0;z-index:100000;overflow-y:auto}
body.admin-bar .ddm-header .wp-block-navigation__responsive-container.is-menu-open{top:46px}
@media (min-width:783px){body.admin-bar .ddm-header .wp-block-navigation__responsive-container.is-menu-open{top:32px}}

/* ---------- Notizen (Beitragsseite und Archive: templates/home.html, templates/archive.html) ---------- */
.ddm-notizen-kopf{padding:clamp(56px,7.5vw,96px) var(--wp--style--root--padding-right) clamp(40px,4.5vw,56px) var(--wp--style--root--padding-left)}
.ddm-notizen-kopf>.alignwide{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.ddm-notizen-kopf>.alignwide>*{margin:0!important}
.ddm-notizen-kopf .is-style-ddm-stempel{font-size:20px;letter-spacing:.08em;transform:rotate(-1.5deg);opacity:1}
.ddm-notizen-titel{font-size:clamp(72px,10vw,128px);line-height:.9}
.ddm-notizen-lead{max-width:40ch;font-size:clamp(18px,1.7vw,21px);line-height:1.5}
.ddm-notizen-liste{padding:clamp(40px,4.5vw,56px) var(--wp--style--root--padding-right) clamp(56px,7.5vw,96px) var(--wp--style--root--padding-left)}
.ddm-notizen-liste>.alignwide{display:flex;flex-direction:column;gap:clamp(28px,3vw,40px)}
.ddm-notizen-liste>.alignwide>*{margin:0!important}
/* Kategorie-Filter als Chips; „Alle“ kommt aus functions.php */
ul.ddm-notizen-filter{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.ddm-notizen-filter li{margin:0}
.ddm-notizen-filter a{display:block;padding:10px 18px;border:1px solid #3a3834;color:var(--ddm-papier);font-family:var(--ddm-mono);font-size:14px;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:border-color .2s,color .2s}
.ddm-notizen-filter a:hover,.ddm-notizen-filter a:focus-visible,.ddm-notizen-filter .current-cat>a{border-color:var(--ddm-amber);color:var(--ddm-amber)}
/* Karten (Grundstil siehe Beitrags-Teaser) */
.ddm-notizen .ddm-teaser__karte{background:#1f1e1c;border-color:#3a3834}
.ddm-notizen .ddm-teaser__karte:not(:has(.ddm-teaser__bild))::before{content:"";display:block;aspect-ratio:3/2;background:repeating-linear-gradient(-28deg,#262522 0 14px,#1a1917 14px 36px)}
.ddm-notizen .ddm-teaser__titel{font-size:clamp(26px,2.2vw,28px)!important;line-height:1.1}
.ddm-notizen .ddm-teaser__auszug{font-size:17px;line-height:1.55}
/* Seitennavigation */
.ddm-notizen .ddm-notizen-blaettern{margin-top:clamp(28px,3vw,40px);padding-top:24px;border-top:1px solid #3a3834;gap:16px 24px;font-family:var(--ddm-cond);font-weight:800;font-size:15px;letter-spacing:.14em;text-transform:uppercase}
.ddm-notizen-blaettern a{color:var(--ddm-amber);text-decoration:none}
.ddm-notizen-blaettern a:hover{color:var(--wp--preset--color--amber-hell)}
.ddm-notizen-blaettern .wp-block-query-pagination-numbers{display:flex;flex-wrap:wrap;gap:14px;color:var(--wp--preset--color--stein)}
.ddm-notizen-blaettern .wp-block-query-pagination-numbers a{color:var(--wp--preset--color--stein)}
.ddm-notizen-blaettern .wp-block-query-pagination-numbers .current{color:var(--ddm-papier);border-bottom:2px solid var(--ddm-amber)}
@media (max-width:640px){
.ddm-notizen-filter a{padding:9px 14px;font-size:13px}
.ddm-notizen .ddm-notizen-blaettern{justify-content:center}
.ddm-notizen-blaettern .wp-block-query-pagination-numbers{order:-1;width:100%;justify-content:center}
}

/* ---------- Notiz-Detailseite (templates/single.html) ---------- */
/* Kopf: Titelbild im Noir-Stil wie auf der Startseite (is-style-ddm-noir), Inhalte in der breiten Spalte */
.wp-block-cover.ddm-notiz-hero{background:#050505 repeating-linear-gradient(-28deg,#262522 0 14px,#1a1917 14px 36px)}
.ddm-notiz-kat{display:inline-block;width:fit-content;border:3px solid currentColor;padding:.28em .75em .16em;transform:rotate(-2deg);opacity:.88;margin-bottom:.9em!important;font-family:var(--ddm-mono);font-size:clamp(17px,1.5vw,24px);line-height:1.2;letter-spacing:.02em;text-transform:uppercase}
.ddm-notiz-kat a{color:inherit;text-decoration:none}
.ddm-notiz-kat a:hover{color:var(--ddm-amber)}
/* Titelgröße passt sich der Länge an (Klassen setzt functions.php) */
.wp-block-cover.is-style-ddm-noir .ddm-notiz-titel{max-width:12ch;margin:0;color:var(--ddm-papier);hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.wp-block-cover.is-style-ddm-noir .ddm-notiz-titel.ddm-titel-lang{max-width:16ch;font-size:clamp(42px,6.6vw,108px);line-height:.92}
.wp-block-cover.is-style-ddm-noir .ddm-notiz-titel.ddm-titel-sehr-lang{max-width:20ch;font-size:clamp(34px,4.8vw,76px);line-height:.95}
.ddm-notiz-absender{margin-top:44px!important}
.ddm-notiz-absender .wp-block-separator{margin:0 0 14px!important}
.ddm-notiz-meta{gap:6px 18px!important;font-family:var(--ddm-mono);font-size:19px;color:var(--wp--preset--color--stein)}
.ddm-notiz-meta>*{margin:0!important}
.ddm-notiz-meta .wp-block-post-author-name::before{content:"·";color:var(--ddm-amber);margin-right:.5em}
/* Artikel */
.ddm-notiz{padding:clamp(40px,5.6vw,72px) var(--wp--style--root--padding-right) clamp(56px,7.5vw,96px) var(--wp--style--root--padding-left)}
.ddm-notiz>*{margin-block:0}
.ddm-notiz .ddm-notiz-zurueck{max-width:720px;margin:0 auto clamp(28px,3vw,40px)!important;font-family:var(--ddm-mono);font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.ddm-notiz-zurueck a{color:var(--ddm-amber);text-decoration:none}
.ddm-notiz-zurueck a:hover{color:var(--wp--preset--color--amber-hell)}
/* Fließtext */
.ddm-notiz-inhalt{font-size:clamp(18px,1.65vw,21px);line-height:1.7;color:var(--wp--preset--color--stein)}
.ddm-notiz-inhalt>*{margin-block:0}
.ddm-notiz-inhalt>*+*{margin-block-start:clamp(1.2em,1.4vw,1.4em)}
.ddm-notiz-inhalt h2,.ddm-notiz-inhalt h3,.ddm-notiz-inhalt h4{color:var(--ddm-papier);line-height:1.05}
.ddm-notiz-inhalt h2{font-size:clamp(32px,3.4vw,44px)}
.ddm-notiz-inhalt h3{font-size:clamp(26px,2.6vw,32px)}
.ddm-notiz-inhalt h4{font-size:clamp(22px,2vw,26px)}
.ddm-notiz-inhalt>:is(h2,h3,h4):not(:first-child){margin-block-start:1.2em}
.ddm-notiz-inhalt ul,.ddm-notiz-inhalt ol{padding-left:1.2em}
.ddm-notiz-inhalt li+li{margin-top:.5em}
.ddm-notiz-inhalt a:not(.wp-block-button__link){color:var(--ddm-amber)}
.ddm-notiz-inhalt a:not(.wp-block-button__link):hover{color:var(--wp--preset--color--amber-hell)}
.ddm-notiz-inhalt strong{color:var(--ddm-papier)}
/* Zitat / Merksatz */
.ddm-notiz-inhalt .wp-block-quote,.ddm-notiz-inhalt .wp-block-pullquote{margin-block:1em!important;padding:1.2em 0 0;border:0;border-top:2px solid var(--ddm-amber);text-align:left;font-family:var(--ddm-mono);font-size:1.1em;line-height:1.5;color:var(--ddm-papier)}
.ddm-notiz-inhalt .wp-block-pullquote blockquote{margin:0}
.ddm-notiz-inhalt .wp-block-quote p,.ddm-notiz-inhalt .wp-block-pullquote p{margin:0;font-size:inherit}
.ddm-notiz-inhalt .wp-block-quote cite,.ddm-notiz-inhalt .wp-block-pullquote cite{display:block;margin-top:.6em;font-size:.75em;font-style:normal;color:var(--wp--preset--color--stein)}
/* Vorherige / nächste Notiz */
.ddm-notiz .ddm-notiz-nav{max-width:720px;margin:clamp(40px,5vw,64px) auto 0!important;padding-top:24px;border-top:1px solid #3a3834;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px 32px}
.ddm-notiz-nav:not(:has(a)){display:none}
.ddm-notiz-nav>*{flex:1 1 240px;margin:0!important}
.ddm-notiz-nav .post-navigation-link-next{text-align:right;margin-left:auto!important}
/* Links zur vorherigen/nächsten Notiz im Stil von „Mehr erfahren →“; Pfeil in Bernstein, ganze Zeile klickbar */
.ddm-notiz-nav .wp-block-post-navigation-link{position:relative;font-family:var(--wp--preset--font-family--barlow);font-weight:600;font-size:14px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;color:var(--ddm-amber)}
.ddm-notiz-nav .wp-block-post-navigation-link a{color:var(--ddm-amber);text-decoration:none}
.ddm-notiz-nav .wp-block-post-navigation-link a::after{content:"";position:absolute;inset:0}
.ddm-notiz-nav [class*="wp-block-post-navigation-link__arrow"]{color:var(--ddm-amber);transition:color .2s}
.ddm-notiz-nav .wp-block-post-navigation-link__arrow-previous{margin-right:.6em}
.ddm-notiz-nav .wp-block-post-navigation-link__arrow-next{margin-left:.6em}
.ddm-notiz-nav .wp-block-post-navigation-link:hover a,.ddm-notiz-nav .wp-block-post-navigation-link:hover [class*="wp-block-post-navigation-link__arrow"],.ddm-notiz-nav .wp-block-post-navigation-link:focus-within a,.ddm-notiz-nav .wp-block-post-navigation-link:focus-within [class*="wp-block-post-navigation-link__arrow"]{color:var(--wp--preset--color--amber-hell)}
@media (max-width:640px){.ddm-notiz-nav .post-navigation-link-next{text-align:left}}

/* ---------- Akten-Verweise: Vermerke-Leiste, Vermerke-Liste, Seite „Alle Akten“ (patterns/vermerke-*.php, seite-alle-akten.php) ---------- */
/* Farbsatz Dunkel (Schwarz/Graphit) als Standard, Papier überschreibt */
.ddm-vm{--vm-akzent:var(--ddm-amber);--vm-sub:#8d887e;--vm-linie:#3a3834}
.ddm-vm.has-papier-background-color{--vm-akzent:var(--wp--preset--color--amber-dunkel);--vm-sub:#5b5750;--vm-linie:#c9c4b8}
.ddm-vm__inner{display:flex;flex-direction:column;gap:32px}
.ddm-vm--leiste .ddm-vm__inner{gap:40px}
.ddm-vm__inner>*{margin:0!important}
/* Abschnittskopf: bestehende .ddm-kopfzeile, Abstände und Linie hier */
.ddm-vm .ddm-kopfzeile{margin:0!important;padding-bottom:24px;border-color:var(--vm-linie);gap:16px 24px}
.ddm-vm--leiste .ddm-kopfzeile{padding-bottom:28px}
.ddm-vm__titel{display:flex;flex-direction:column;gap:12px}
.ddm-vm__titel>*{margin:0!important}
.ddm-vm__titel .is-style-ddm-schreibmaschine{font-size:17px}
.ddm-vm .ddm-vm__h2{font-size:clamp(38px,4.6vw,56px);line-height:.95}
.ddm-vm__alle{font-weight:600;font-size:14px;letter-spacing:.16em;text-transform:uppercase}
.ddm-vm .ddm-vm__alle--hell a{color:var(--ddm-papier)}
.ddm-vm .ddm-vm__alle--hell a:hover{color:var(--ddm-amber)}
.ddm-vm a:focus-visible{outline:2px solid var(--vm-akzent);outline-offset:3px}
.ddm-vm .ddm-vm__name{font-family:var(--ddm-cond);font-weight:800;line-height:1;text-transform:uppercase;margin:0}
.ddm-vm__branche{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--vm-sub)}
.ddm-vm__text{font-size:17px;line-height:1.5;text-wrap:pretty}
.ddm-vm__nr,.ddm-vm__jahr,.ddm-vm__tag{font-family:var(--ddm-mono);letter-spacing:.06em}
/* Ganze Karte/Zeile klickbar: Link spannt per ::after über das Element */
.ddm-vm__mehr a::after,.ddm-vm__pfeil a::after{content:"";position:absolute;inset:0}
.ddm-vm__karte:has(a:focus-visible),.ddm-vm__zeile:has(a:focus-visible){outline:2px solid var(--vm-akzent);outline-offset:4px}
.ddm-vm__karte a:focus-visible,.ddm-vm__zeile a:focus-visible{outline:0}

/* 1a: Karten */
.ddm-vm .ddm-vm__karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;gap:24px!important}
.ddm-vm__karte{position:relative;display:flex;flex-direction:column;gap:14px;height:100%;background:#1c1b19;border:1px solid #3a3834;padding:26px 24px 24px;color:var(--ddm-papier);transition:border-color .2s}
.ddm-vm__karte:hover{border-color:var(--ddm-amber)}
.ddm-vm__karte>*{margin:0!important}
.ddm-vm__meta{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.ddm-vm__meta>*{margin:0!important}
.ddm-vm__meta .ddm-vm__nr{color:var(--ddm-amber)}
.ddm-vm__meta .ddm-vm__jahr{color:#8d887e}
.ddm-vm__karte .ddm-vm__name{font-size:32px}
.ddm-vm__karte .ddm-vm__branche{color:#8d887e}
.ddm-vm__karte .ddm-vm__text{color:var(--wp--preset--color--stein)}
.ddm-vm__mehr{margin-top:auto!important;padding-top:6px;font-weight:600;font-size:14px;letter-spacing:.16em;text-transform:uppercase}
.ddm-vm .ddm-vm__mehr a{color:var(--ddm-amber)}
.ddm-vm .ddm-vm__karte:hover .ddm-vm__mehr a,.ddm-vm .ddm-vm__mehr a:hover{color:#e0a64a}

/* 1b/1c: Zeilen */
.ddm-vm__liste>*{margin:0!important}
.ddm-vm__zeile{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 28px;padding:22px 0;border-bottom:1px solid var(--vm-linie)}
.ddm-vm__zeile>*{margin:0!important}
.ddm-vm__zeile>.ddm-vm__nr{flex:none;width:40px;font-size:15px;color:var(--vm-akzent)}
.ddm-vm__name-block{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:6px}
.ddm-vm__name-block>*{margin:0!important}
.ddm-vm__zeile .ddm-vm__name{font-size:28px}
.ddm-vm__zeile>.ddm-vm__text{flex:2 1 280px;min-width:0}
.ddm-vm__rechts{flex:none;display:flex;align-items:center;gap:16px}
.ddm-vm__rechts>*{margin:0!important}
.ddm-vm__tag{font-size:13px;line-height:1.2;text-transform:uppercase;border:1px solid var(--vm-akzent);color:var(--vm-akzent);padding:4px 8px 2px}
.ddm-vm__rechts .ddm-vm__jahr{font-size:15px;color:var(--vm-sub)}
.ddm-vm__pfeil{font-size:20px;line-height:1}
.ddm-vm .ddm-vm__pfeil a{text-decoration:none}

/* 1c: Kopf der Seite „Alle Akten“ (Titelbild ohne Bild) */
.wp-block-cover.ddm-vm__hero.alignfull{min-height:0;padding-top:clamp(96px,11.3vw,140px);padding-bottom:clamp(48px,5.8vw,72px)}
.wp-block-cover.ddm-vm__hero h1{font-size:clamp(64px,9vw,112px);line-height:.92;max-width:none}
.ddm-vm__hero .ddm-dachzeile{font-size:clamp(24px,2.75vw,34px);max-width:760px}

/* ---------- Branchen und Kundenauszug (patterns/branchen-kundenauszug.php) ---------- */
.ddm-bk__inner{display:flex;flex-direction:column;gap:clamp(28px,3vw,36px)}
.ddm-bk__inner>*{margin:0!important}
.ddm-bk__titel{display:flex;flex-direction:column;gap:14px}
.ddm-bk__titel>*{margin:0!important}
.ddm-bk__titel .is-style-ddm-schreibmaschine{font-size:17px;letter-spacing:.08em}
.ddm-bk .ddm-bk__h2{font-size:clamp(38px,4.6vw,56px);line-height:.95;text-wrap:balance}
/* Branchen-Etiketten: je Etikett eine Gruppe mit Nummer und Name, nicht klickbar */
.ddm-bk .ddm-bk__branchen{gap:10px!important}
.ddm-bk__branche{display:inline-flex;align-items:baseline;gap:8px;max-width:100%;padding:9px 14px;background:#1c1b19;border:1px solid #3a3834}
.ddm-bk__branche>*{margin:0!important}
.ddm-bk__nr{flex:none;font-family:var(--ddm-mono);font-size:13px;color:var(--ddm-amber)}
.ddm-bk__name{min-width:0;font-size:14px;font-weight:600;line-height:1.3;letter-spacing:.1em;text-transform:uppercase;color:var(--ddm-papier)}
/* Kundenauszug auf Papier */
.ddm-bk__auszug{display:flex;flex-direction:column;gap:22px;padding:clamp(24px,3.2vw,40px) clamp(20px,3.5vw,44px)}
.ddm-bk__auszug>*{margin:0!important}
.ddm-bk__auszug-kopf{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}
.ddm-bk__auszug-kopf>*,.ddm-bk__auszug-titel>*{margin:0!important}
.ddm-bk__auszug-titel{display:flex;flex-direction:column;gap:8px}
.ddm-bk__label{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#5b5750}
.ddm-bk .ddm-bk__h3{font-family:var(--ddm-cond);font-weight:800;font-size:clamp(34px,3.6vw,44px);line-height:1;text-transform:uppercase;color:var(--wp--preset--color--graphit)}
.ddm-bk .is-style-ddm-stempel.ddm-bk__stempel{margin:0;font-size:15px;line-height:1.25;letter-spacing:.06em;text-align:center;border-width:2px;padding:5px 12px 2px;transform:rotate(-3deg);opacity:1;color:var(--wp--preset--color--amber-dunkel)}
.ddm-bk__namen{border-top:2px solid var(--wp--preset--color--graphit);padding-top:22px;font-family:var(--ddm-cond);font-weight:800;font-size:clamp(23px,2.75vw,34px);line-height:1.35;text-transform:uppercase;text-wrap:pretty;overflow-wrap:anywhere;color:var(--wp--preset--color--graphit)}
/* Letztes Wort und Punkt bleiben zusammen, lange Namen dürfen trotzdem umbrechen */
.ddm-bk__kette{white-space:nowrap}
.ddm-bk__punkt{color:var(--wp--preset--color--amber-dunkel);padding:0 .2em}
/* Leerzeichen vor dem Punkt per CSS: links wie rechts je ein Wortabstand plus .2em */
.ddm-bk__punkt::before{content:" ";white-space:pre}
.ddm-bk__rest{color:#5b5750}
.ddm-bk__auszug-fuss{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px 24px;padding-top:18px;border-top:1px solid #c9c4b8}
.ddm-bk__auszug-fuss>*{margin:0!important}
.ddm-bk__hinweis{font-family:var(--ddm-mono);font-size:14px;color:#5b5750}
.ddm-bk__alle{font-size:14px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.ddm-bk .ddm-bk__alle a{color:var(--wp--preset--color--amber-dunkel);text-decoration:none}
.ddm-bk .ddm-bk__alle a:hover{color:var(--wp--preset--color--graphit)}
.ddm-bk .ddm-bk__alle a:focus-visible{outline:2px solid var(--wp--preset--color--amber-dunkel);outline-offset:3px}
@media (max-width:600px){
.ddm-bk .ddm-bk__branchen{gap:8px!important}
.ddm-bk__branche{padding:8px 11px}
.ddm-bk__name{font-size:13px}
}