/*
Theme Name: Blaupause
Theme URI: https://blaupause-wohnprojekt.de/
Author: Wohnprojekt Blaupause
Author URI: https://blaupause-wohnprojekt.de/
Description: Block-Theme im Bauplan-/Blueprint-Look für das gemeinschaftliche Wohnprojekt „Blaupause". Bewusst ohne Light-/Dark-Umschaltung.
Version: 1.2.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blaupause
Tags: one-column, block-patterns, full-site-editing, editor-style, custom-colors
*/

/* ---------------------------------------------------------------
   Lokal ausgelieferte Schriften (kein Google-CDN).
   Quelle: Google Fonts, Lizenz SIL Open Font License 1.1.
   Dateien liegen in assets/fonts/, nur Subsets latin + latin-ext.
   --------------------------------------------------------------- */
@font-face{
  font-family:"Fraunces";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url("assets/fonts/fraunces-400-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family:"Fraunces";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url("assets/fonts/fraunces-400-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:"Fraunces";
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url("assets/fonts/fraunces-600-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family:"Fraunces";
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url("assets/fonts/fraunces-600-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:"Fraunces";
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url("assets/fonts/fraunces-700-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family:"Fraunces";
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url("assets/fonts/fraunces-700-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:"Space Mono";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url("assets/fonts/space-mono-400-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family:"Space Mono";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url("assets/fonts/space-mono-400-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:"Space Mono";
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url("assets/fonts/space-mono-700-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family:"Space Mono";
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url("assets/fonts/space-mono-700-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:"Source Sans 3";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url("assets/fonts/source-sans-3-400-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family:"Source Sans 3";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url("assets/fonts/source-sans-3-400-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:"Source Sans 3";
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url("assets/fonts/source-sans-3-500-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family:"Source Sans 3";
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url("assets/fonts/source-sans-3-500-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:"Source Sans 3";
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url("assets/fonts/source-sans-3-600-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family:"Source Sans 3";
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url("assets/fonts/source-sans-3-600-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:"Source Sans 3";
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url("assets/fonts/source-sans-3-700-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family:"Source Sans 3";
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url("assets/fonts/source-sans-3-700-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:"Source Sans 3";
  font-style:italic;
  font-weight:400;
  font-display:swap;
  src:url("assets/fonts/source-sans-3-400-italic-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family:"Source Sans 3";
  font-style:italic;
  font-weight:400;
  font-display:swap;
  src:url("assets/fonts/source-sans-3-400-italic-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* =========================================================
   1. Design-Token (Quelle: bestätigter Entwurf)
   ========================================================= */
:root{
  --blueprint-900:#1a4066;
  --blueprint-800:#1c456830;
  --blueprint-700:#2c5c85;
  --blueprint-line:#dcedf5;
  --blueprint-line-dim:#9dc0d6;
  --paper:#eae2d0;
  --paper-raised:#e0d7c1;
  --paper-line:#c9bd9f;
  --ink:#292420;
  --ink-soft:#6b6152;
  --moss:#4f6142;
  --moss-line:#94a67f;
  --accent:#2c5c85;
  --radius-note:2px;
  /* Kleinste Schriftstufe (Labels, Beschriftungen): .78rem = 14px bei
     Standard-Browsereinstellung. Nirgends kleiner werden lassen. */
  --fs-label:.78rem;
}

/* =========================================================
   2. Grundlagen
   ========================================================= */
*{box-sizing:border-box;}
/* Lesbarkeit: Die gesamte Typografie skaliert über die Root-Größe.
   112,5 % = 18px bei Browser-Standard (16px). Prozent statt px, damit eine
   im Browser eingestellte größere Schrift weiterhin mitwirkt. */
html{scroll-behavior:smooth;font-size:112.5%;}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:"Source Sans 3",system-ui,-apple-system,sans-serif;
  font-size:1.0625rem; /* ≈ 19px Fließtext */
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{
  font-family:"Fraunces","Georgia",serif;
  text-wrap:balance;
  margin:0;
  font-weight:600;
  overflow-wrap:break-word; /* lange deutsche Komposita dürfen nie überlaufen */
}
p{margin:0;}
a{color:inherit;}
img{max-width:100%;height:auto;}
main{display:block;}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}
button,.btn{font-family:inherit;}

.screen-reader-text{
  position:absolute!important;width:1px;height:1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;
}

.eyebrow{
  font-family:"Space Mono",monospace;
  font-size:var(--fs-label);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--ink-soft);
}
.eyebrow.on-blue{color:var(--blueprint-line-dim);}
.wrap{
  max-width:1120px;
  margin:0 auto;
  padding-inline:24px;
}
.prose{max-width:62ch;}

/* =========================================================
   3. WordPress-Grundgerüst zähmen
   ========================================================= */
.wp-site-blocks{overflow-x:clip;}
.wp-block-group{margin-block:0;}
.wp-block-post-content{margin-block:0;}
.wp-block-template-part{margin-block:0;}
/* Blocklayout-Abstände sind auf 0 gesetzt (theme.json); alle Abstände
   kommen aus diesem Stylesheet, damit der Entwurf exakt reproduziert wird. */
.nav-row > *,
.hero-grid > *,
.values-grid > *,
.teaser-grid > *,
.contact-grid > *,
.title-block > *,
.spec-shell > *,
.spec-row > *,
.support-box > *{margin-block:0;}

/* Sicherheitsnetz: frei hinzugefügte Absätze/Überschriften im Editor
   bekommen trotzdem Luft. */
.wrap > p + p{margin-top:1em;}
.wrap > h2,.wrap > h3{margin-top:1.4em;}

/* =========================================================
   4. Wiederverwendbare Bauplan-Marken
   ========================================================= */
.reg-mark{width:18px;height:18px;flex:none;}
.corner-frame{position:relative;}
.corner-frame .c-tl,.corner-frame .c-tr,.corner-frame .c-bl,.corner-frame .c-br{
  content:"";position:absolute;width:14px;height:14px;
  border-color:var(--paper-line);
}
.corner-frame .c-tl{top:-1px;left:-1px;border-top:1.5px solid;border-left:1.5px solid;}
.corner-frame .c-tr{top:-1px;right:-1px;border-top:1.5px solid;border-right:1.5px solid;}
.corner-frame .c-bl{bottom:-1px;left:-1px;border-bottom:1.5px solid;border-left:1.5px solid;}
.corner-frame .c-br{bottom:-1px;right:-1px;border-bottom:1.5px solid;border-right:1.5px solid;}
.corner-frame.on-blue .c-tl,.corner-frame.on-blue .c-tr,
.corner-frame.on-blue .c-bl,.corner-frame.on-blue .c-br{border-color:var(--blueprint-line-dim);}

.dim-divider{
  display:flex;align-items:center;gap:14px;
  max-width:1120px;margin:0 auto;padding:0 24px;
  color:var(--ink-soft);
}
.dim-divider .tick{width:1px;height:12px;background:var(--paper-line);}
.dim-divider .line{flex:1;height:1px;background:var(--paper-line);}
.dim-divider .label{font-family:"Space Mono",monospace;font-size:var(--fs-label);letter-spacing:.1em;white-space:nowrap;}
.dim-divider.first{margin-top:56px;}

/* =========================================================
   5. Kopfbereich / Navigation
   ========================================================= */
header.nav{
  position:sticky;top:0;z-index:40;
  background:color-mix(in srgb, var(--paper) 92%, transparent);
  backdrop-filter:blur(6px);
  border-bottom:1px solid var(--paper-line);
}
body.admin-bar header.nav{top:32px;}
@media screen and (max-width:782px){
  body.admin-bar header.nav{top:46px;}
}
.nav-row{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding-block:14px;
}
.brandmark{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);}
.brandmark svg{width:26px;height:26px;flex:none;}
.brandmark .word{font-family:"Fraunces",serif;font-weight:600;font-size:1.15rem;}
nav.links{display:flex;gap:22px;flex-wrap:wrap;}
nav.links a{
  font-family:"Space Mono",monospace;font-size:var(--fs-label);letter-spacing:.06em;
  text-transform:uppercase;text-decoration:none;color:var(--ink-soft);
  padding-block:4px;border-bottom:1px solid transparent;
}
nav.links a:hover{color:var(--ink);border-color:var(--accent);}
nav.links a[aria-current="page"]{color:var(--ink);border-color:var(--accent);}
.btn-ghost{
  font-family:"Space Mono",monospace;font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase;
  border:1px solid var(--ink-soft);background:transparent;color:var(--ink-soft);
  padding:8px 14px;border-radius:var(--radius-note);cursor:not-allowed;
}
.nav-toggle-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none;}
.nav-toggle-btn{
  display:none;align-items:center;justify-content:center;
  width:38px;height:38px;flex:none;cursor:pointer;color:var(--ink);
  border:1px solid var(--paper-line);border-radius:var(--radius-note);
}
.nav-toggle-btn .icon-close{display:none;}
.nav-toggle-input:checked ~ .nav-toggle-btn .icon-open{display:none;}
.nav-toggle-input:checked ~ .nav-toggle-btn .icon-close{display:block;}

/* =========================================================
   6. Hero (Bauplan)
   ========================================================= */
.hero{
  background:
    repeating-linear-gradient(0deg, var(--blueprint-800) 0 1px, transparent 1px 32px),
    repeating-linear-gradient(90deg, var(--blueprint-800) 0 1px, transparent 1px 32px),
    var(--blueprint-900);
  color:var(--blueprint-line);
  position:relative;
  padding-block:56px 72px;
  overflow:clip;
}
.hero-top{
  display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:40px;
}
.stamp{
  font-family:"Space Mono",monospace;font-size:var(--fs-label);letter-spacing:.18em;
  border:1.5px solid #d68a4c;color:#e3a866;
  padding:7px 12px;transform:rotate(-6deg);border-radius:3px;
  white-space:nowrap;
}
.hero-grid{
  display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;
  margin-block-start:0;
}
.hero h1{
  /* Bewusst in der bestätigten Pixelgröße gehalten (≈35–54px): Die Überschrift
     ist ohnehin groß genug, und so passt „Wir zeichnen gerade," weiter in eine Zeile. */
  font-size:clamp(1.95rem,5vw,3rem);
  color:#fff;font-weight:600;line-height:1.08;margin-top:14px;
}
/* Unterhalb der vollen Containerbreite passt die erste Zeile nicht mehr;
   dann den festen Umbruch weglassen und gleichmäßig umbrechen lassen,
   statt „gerade," allein in eine Zeile zu stellen. */
@media (max-width:1119px){
  .hero h1 br{display:none;}
}
.hero .lede{
  margin-top:18px;max-width:46ch;color:var(--blueprint-line);font-size:1.08rem;
}
.scale-strip{
  display:flex;gap:28px;flex-wrap:wrap;margin-top:40px;
  font-family:"Space Mono",monospace;font-size:var(--fs-label);color:var(--blueprint-line-dim);
  font-variant-numeric:tabular-nums;
}
.scale-strip b{color:var(--blueprint-line);font-weight:700;}
.plan-figure{width:100%;height:auto;}

/* =========================================================
   7. Buttons (Kernblock „Buttons" im Entwurfs-Look)
   ========================================================= */
.ctas{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap;}
.ctas .wp-block-button{margin:0;}
.ctas .wp-block-button .wp-block-button__link{
  font-family:"Space Mono",monospace;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;
  padding:13px 20px;border-radius:var(--radius-note);text-decoration:none;
  display:inline-flex;align-items:center;gap:8px;line-height:1.25;
  box-shadow:none;width:auto;height:auto;text-align:left;
}
.ctas .btn-primary .wp-block-button__link{background-color:#fff;color:var(--blueprint-900);border:1px solid #fff;}
.ctas .btn-secondary .wp-block-button__link{background-color:transparent;color:var(--blueprint-line);border:1px solid var(--blueprint-line-dim);}
.ctas .btn-paper .wp-block-button__link{background-color:transparent;color:var(--ink);border:1px solid var(--ink-soft);}
.ctas .btn-paper .wp-block-button__link:hover{border-color:var(--accent);color:var(--accent);}

/* Gleiche Optik für einfache <a>-Links in HTML-Blöcken */
a.btn-primary{
  background:#fff;color:var(--blueprint-900);
  font-family:"Space Mono",monospace;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;
  padding:13px 20px;border-radius:2px;text-decoration:none;border:1px solid #fff;
  display:inline-flex;align-items:center;gap:8px;
}
a.btn-secondary{
  background:transparent;color:var(--blueprint-line);
  font-family:"Space Mono",monospace;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;
  padding:13px 20px;border-radius:2px;text-decoration:none;border:1px solid var(--blueprint-line-dim);
  display:inline-flex;align-items:center;gap:8px;
}

/* =========================================================
   8. Abschnitts-Grundgerüst
   ========================================================= */
section{padding-block:64px;}
section.raised{background:var(--paper-raised);}
/* Textbezogene Breiten in rem, damit sie mit der Schrift mitwachsen
   (640px bzw. 760px bei 16px Root). */
.section-head{max-width:40rem;margin-bottom:36px;}
/* h1 ausdrücklich mitgestylt: Unterseiten tragen ihre Überschrift als h1,
   sonst griffe die Browser-Vorgabe „h1 in section = 1.5em". */
.section-head h1,.section-head h2{font-size:clamp(1.6rem,3vw,2.1rem);margin-top:8px;}
.section-head .intro{margin-top:14px;color:var(--ink-soft);}

/* =========================================================
   9. Idee / Werte-Karten
   ========================================================= */
.values-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(13.125rem,100%),1fr));gap:18px;margin-top:32px;
}
.value-card{
  border:1px solid var(--paper-line);padding:20px;border-radius:var(--radius-note);
  background:var(--paper);position:relative;
}
.value-card .mark{width:22px;height:22px;color:var(--accent);margin-bottom:12px;display:block;}
.value-card h3{font-family:"Source Sans 3",system-ui,sans-serif;font-size:1.02rem;font-weight:700;}
.value-card p{margin-top:8px;color:var(--ink-soft);font-size:.94rem;}

/* =========================================================
   10. Startseite: Blattübersicht (Teaser)
   ========================================================= */
.teaser-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(14.75rem,100%),1fr));gap:18px;margin-top:32px;
}
.teaser-card{
  border:1px solid var(--paper-line);padding:20px;border-radius:var(--radius-note);
  background:var(--paper);display:flex;flex-direction:column;
}
.teaser-card.is-primary{border:1.5px solid var(--ink);background:var(--paper-raised);}
.teaser-card .teaser-idx{font-family:"Space Mono",monospace;font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);}
.teaser-card h3{font-family:"Source Sans 3",system-ui,sans-serif;font-size:1.02rem;font-weight:700;margin-top:10px;}
.teaser-card h3 a{text-decoration:none;border-bottom:1px solid transparent;}
.teaser-card h3 a:hover{border-bottom-color:var(--accent);}
.teaser-card p{margin-top:8px;color:var(--ink-soft);font-size:.94rem;}
.teaser-card .teaser-go{margin-top:auto;padding-top:16px;color:var(--accent);font-size:.94rem;}
.teaser-card .teaser-go a{
  font-family:"Space Mono",monospace;font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;
  color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent);
}

/* Hinweisband „Grundstück gesucht" auf der Startseite */
.call-band{
  margin-top:36px;border:1.5px solid var(--ink);background:var(--paper-raised);
  padding:24px 28px;display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap;
}
.call-band > *{margin-block:0;}
.call-band .call-body{flex:1 1 min(380px,100%);}
.call-band h2{font-size:clamp(1.4rem,2.6vw,1.8rem);margin-top:8px;}
.call-band .call-text{max-width:58ch;margin-top:10px;color:var(--ink-soft);}

/* =========================================================
   11. Prozess / Revisionstabelle
   ========================================================= */
.rev-table{margin-top:28px;overflow-x:auto;}
.rev-table table{width:100%;border-collapse:collapse;font-size:.95rem;}
.rev-table th,.wp-block-table.rev-table th{
  font-family:"Space Mono",monospace;font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;
  text-align:left;color:var(--ink-soft);
  border:0;border-bottom:1px solid var(--ink);padding:0 12px 10px;
}
.rev-table td,.wp-block-table.rev-table td{
  padding:14px 12px;border:0;border-bottom:1px solid var(--paper-line);vertical-align:top;
  word-break:normal;
}
/* Spalte 1 = Änderungsindex, Spalte 2 = Datum */
.rev-table tbody td:first-child,.wp-block-table.rev-table tbody td:first-child{
  font-family:"Space Mono",monospace;font-weight:700;color:var(--accent);width:2.4em;
}
.rev-table tbody td:nth-child(2),.wp-block-table.rev-table tbody td:nth-child(2){
  font-family:"Space Mono",monospace;color:var(--ink-soft);white-space:nowrap;font-variant-numeric:tabular-nums;
}
/* Vorletzte Zeile = aktueller Stand, letzte Zeile = geplant */
.rev-table tbody tr:nth-last-child(2) td,.wp-block-table.rev-table tbody tr:nth-last-child(2) td{
  background:color-mix(in srgb, var(--moss) 10%, transparent);
}
.rev-table tbody tr:last-child td,.wp-block-table.rev-table tbody tr:last-child td{
  border-bottom:1px solid var(--ink);color:var(--ink-soft);font-style:italic;
}
.rev-table tbody tr:last-child td:first-child,.wp-block-table.rev-table tbody tr:last-child td:first-child{color:var(--ink-soft);}

/* =========================================================
   12. Grundstück / Datenblatt
   ========================================================= */
.spec-shell{
  /* minmax(0,…): Spalten dürfen schmaler werden als ihr längstes Wort –
     sonst drückt die lange E-Mail-Adresse das Datenblatt über den Rand. */
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:0;
  border:1.5px solid var(--ink);margin-top:28px;
}
.spec-shell > div{padding:28px;}
.spec-left{border-right:1.5px solid var(--ink);}
.spec-right{background:var(--paper-raised);}
.tag-gesucht{
  display:inline-block;font-family:"Space Mono",monospace;font-size:var(--fs-label);letter-spacing:.12em;
  color:#fff;background:var(--moss);padding:5px 10px;border-radius:2px;margin-bottom:16px;
}
.spec-list{display:grid;gap:14px;margin-top:6px;}
.spec-row{
  display:grid;grid-template-columns:11ch minmax(0,1fr);gap:12px;
  border-bottom:1px dashed var(--paper-line);padding-bottom:12px;
}
.spec-row:last-child{border-bottom:none;padding-bottom:0;}
.spec-row .spec-key{
  font-family:"Space Mono",monospace;font-size:var(--fs-label);letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink-soft);
}
.spec-row .spec-val{margin:0;}
.spec-right .spec-note{margin-top:12px;color:var(--ink-soft);}

/* E-Mail-Adressen: Unterstreichung statt border-bottom, damit die Linie bei
   Umbruch jeder Zeile einzeln folgt (inline statt inline-block). Der Abstand
   zum vorherigen Element sitzt auf dem umgebenden Absatz, nicht am Link. */
.mail-line{
  font-family:"Space Mono",monospace;font-size:.95rem;color:var(--accent);
  text-decoration-line:underline;text-decoration-color:var(--accent);
  text-decoration-thickness:1px;text-underline-offset:.38em;
  text-decoration-skip-ink:none; /* durchgehende Linie wie bisher, keine Lücken an p/j/g */
  overflow-wrap:anywhere; /* letzte Rettung, falls ein Teil gar nicht passt */
}
/* Sehr schmale Handys: etwas kleiner (15,3px), damit die Adresse sauber
   nach dem Bindestrich umbricht statt mitten im Wort. */
@media (max-width:360px){
  .mail-line{font-size:.85rem;}
}

/* =========================================================
   13. FAQ (Details-Block)
   ========================================================= */
.faq-list{max-width:47.5rem;}
details,.wp-block-details{border-bottom:1px solid var(--paper-line);padding-block:16px;}
details summary,.wp-block-details summary{
  cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px;
  align-items:baseline;
}
details summary::-webkit-details-marker{display:none;}
details summary::after{
  content:"+";font-family:"Space Mono",monospace;color:var(--accent);flex:none;
  display:inline-block;transition:transform .15s ease;
}
details[open] summary::after{transform:rotate(45deg);}
details p,.wp-block-details p{margin-top:12px;color:var(--ink-soft);max-width:62ch;}

/* =========================================================
   14. Unterstützen
   ========================================================= */
.support-box{
  border:1px solid var(--paper-line);background:var(--paper);padding:28px;margin-top:28px;
  display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;
}
.support-box > svg,.support-box .support-icon{width:30px;height:30px;flex:none;color:var(--moss);}
.support-box .support-body{flex:1 1 320px;}
.support-box .support-text{max-width:56ch;}

/* =========================================================
   15. Kontakt
   ========================================================= */
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:28px;}
.contact-card{border:1px solid var(--paper-line);padding:24px;border-radius:var(--radius-note);background:var(--paper);}
.contact-card h3{font-family:"Source Sans 3",system-ui,sans-serif;font-size:1rem;font-weight:700;}
.contact-card .contact-text{margin-top:8px;color:var(--ink-soft);}
.contact-card .contact-mail{margin-top:10px;}
.preview-note{font-size:.82rem;color:var(--ink-soft);margin-top:12px;}

/* =========================================================
   16. Fließtext (Impressum, Datenschutz, Beiträge)
   ========================================================= */
.page-prose{max-width:72ch;margin-top:28px;}
.page-prose p{margin-block:0 1.05em;}
.page-prose h2{font-size:1.35rem;margin-block:1.8em .5em;}
.page-prose h3{font-size:1.08rem;margin-block:1.5em .4em;}
.page-prose ul,.page-prose ol{margin-block:0 1.05em;padding-left:1.3em;}
.page-prose li{margin-block:.3em;}
.page-prose a{color:var(--accent);}
.page-prose .todo{
  background:color-mix(in srgb, #d68a4c 22%, transparent);
  border:1px dashed #b5793f;padding:2px 6px;border-radius:2px;
  font-family:"Space Mono",monospace;font-size:.85em;
}
.page-prose > *:first-child{margin-top:0;}

/* =========================================================
   17. Fußbereich / Schriftfeld
   ========================================================= */
footer{background:var(--blueprint-900);color:var(--blueprint-line);padding-block:8px;}
.title-block{
  border:1px solid var(--blueprint-line-dim);
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
}
.title-block .cell{
  padding:14px 16px;
  border-right:1px solid var(--blueprint-line-dim);
  border-bottom:1px solid var(--blueprint-line-dim);
}
.title-block .cell:nth-child(4n){border-right:none;}
.title-block .cell:last-child{border-right:none;}
.title-block .cell.wide{grid-column:span 2;}
.title-block .cell .k{font-family:"Space Mono",monospace;font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;color:var(--blueprint-line-dim);}
.title-block .cell .v{margin-top:6px;font-size:.92rem;}
.title-block .cell a{color:var(--blueprint-line);text-decoration:underline;text-underline-offset:3px;}
.foot-note{margin-top:18px;margin-bottom:10px;font-family:"Space Mono",monospace;font-size:var(--fs-label);color:var(--blueprint-line-dim);text-align:center;}

/* =========================================================
   18. Archiv / 404
   ========================================================= */
.post-list{display:grid;gap:22px;margin-top:28px;}
.post-list .post-item{border-bottom:1px solid var(--paper-line);padding-bottom:20px;}
.post-list h2{font-size:1.25rem;}
.post-list .wp-block-post-date{font-family:"Space Mono",monospace;font-size:var(--fs-label);color:var(--ink-soft);margin-top:6px;}
.post-list .wp-block-post-excerpt{margin-top:10px;color:var(--ink-soft);}

/* =========================================================
   19. Responsiv
   ========================================================= */
/* Navigation: Mit der größeren Schrift braucht die einzeilige Leiste
   ca. 1040px Breite. Darunter Hamburger-Menü statt zweizeiliger Leiste. */
@media (max-width:1080px){
  .nav-row{flex-wrap:wrap;row-gap:12px;}
  .nav-toggle-btn{display:inline-flex;margin-left:auto;}
  nav.links{
    display:none;order:10;flex-basis:100%;
    flex-direction:column;gap:2px;
    border-top:1px solid var(--paper-line);padding-top:14px;
  }
  nav.links a{padding-block:10px;border-bottom:1px solid var(--paper-line);}
  .nav-toggle-input:checked ~ .links{display:flex;}
}

@media (max-width:760px){
  .hero-grid{grid-template-columns:minmax(0,1fr);}
  .hero-top{flex-direction:column;gap:16px;align-items:flex-start;}
  /* Stempel: etwas engere Sperrung, damit er auch bei 320px ganz sichtbar bleibt */
  .stamp{letter-spacing:.1em;}

  .spec-shell{grid-template-columns:minmax(0,1fr);}
  .spec-shell > div{padding:22px 20px;}
  .spec-left{border-right:none;border-bottom:1.5px solid var(--ink);}
  /* Datenblatt-Zeilen: Bezeichnung über dem Wert statt daneben */
  .spec-row{grid-template-columns:minmax(0,1fr);gap:4px;}

  .contact-grid{grid-template-columns:minmax(0,1fr);}
  .title-block{grid-template-columns:repeat(2,minmax(0,1fr));}
  .title-block .cell.wide{grid-column:span 2;}
  .title-block .cell:nth-child(4n){border-right:1px solid var(--blueprint-line-dim);}
  .title-block .cell:nth-child(2n){border-right:none;}

  .dim-divider{gap:8px;}
  .dim-divider .label{white-space:normal;text-align:center;}

  /* Silbentrennung für lange deutsche Wörter (braucht lang="de", ist gesetzt) */
  main p,main li,main td,main summary,main h1,main h2,main h3{
    hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:10 4 4;
  }
}

/* Mitgliederbereich: auf dem Handy nicht als eigene Header-Zeile, sondern
   als letzter, leicht abgesetzter Eintrag im aufklappbaren Menü. */
.nav-member{display:none;}
@media (max-width:760px){
  .nav-row > .btn-ghost{display:none;}
  nav.links .nav-member{
    display:inline-flex;align-self:flex-start;margin-top:16px;
    font-family:"Space Mono",monospace;font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase;
    border:1px solid var(--ink-soft);background:transparent;color:var(--ink-soft);
    padding:10px 14px;border-radius:var(--radius-note);cursor:not-allowed;
  }
}

/* Revisionstabelle auf schmalen Handys: Index + Datum in einer Zeile,
   Ereignis darunter in voller Breite – statt seitlich zu scrollen. */
@media (max-width:560px){
  .wp-block-table.rev-table table,
  .wp-block-table.rev-table tbody,
  .wp-block-table.rev-table tr,
  .wp-block-table.rev-table td{display:block;}
  .wp-block-table.rev-table thead{
    position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;
  }
  .wp-block-table.rev-table tbody tr{
    display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;
    padding:14px 0;border-bottom:1px solid var(--paper-line);
  }
  .wp-block-table.rev-table tbody tr:first-child{border-top:1px solid var(--ink);}
  .wp-block-table.rev-table tbody tr:last-child{border-bottom:1px solid var(--ink);}
  .wp-block-table.rev-table tbody td,
  .wp-block-table.rev-table tbody tr:nth-last-child(2) td,
  .wp-block-table.rev-table tbody tr:last-child td{padding:0;border:0;background:none;width:auto;}
  .wp-block-table.rev-table tbody td:nth-child(3){grid-column:1 / -1;margin-top:6px;}
  .wp-block-table.rev-table tbody tr:nth-last-child(2){
    background:color-mix(in srgb, var(--moss) 10%, transparent);padding-inline:10px;
  }
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  details summary::after{transition:none;}
}