/*
Theme Name: ACUREA
Theme URI: https://acurea.de
Author: ACUREA
Description: Block-Theme für acurea.de — MedTech Commercial Platform. Gestaltung V5 (website/DESIGN.md). Diese Datei trägt nur noch Grundlagen, Buttons, Formulare und die Kampagnenseiten — die Seitengestaltung liegt in assets/css/v5.css.
Version: 6.1.3
Requires at least: 6.5
Requires PHP: 8.1
License: proprietary
Text Domain: acurea
*/

/* Schriften werden in theme.json registriert (fontFace) — damit nutzt sie
   auch der Block-Editor. Hier keine @font-face-Regeln. */

:root{
  /* Dossier-Grundton: kühles Papier, kein Cremeton */
  --papier:#FBFBF9; --blatt:#FFFFFF;
  --tinte:#1A1A17; --text:#33332E; --grau:#6E6E66;
  --linie:#DEDDD7; --linie-zart:#EBEAE5;

  /* Marke */
  --marke:#0E5F53; --marke-dunkel:#0A4A41; --marke-hell:#4DB6A0; --auf-hell:#06231D;

  /* Statussemantik aus dem Produkt, für Papier abgedunkelt */
  --st-kunde:#047857; --st-potenzial:#0369A1; --st-aktiv:#4338CA;
  --st-signal:#B45309; --st-ueberfaellig:#BE123C; --st-unbesucht:#6D28D9;

  --bg:var(--papier); --fg:var(--tinte); --fg-soft:var(--grau);
  --card:var(--blatt); --hair:var(--linie);
  --accent:var(--marke); --btn-bg:var(--marke); --btn-bg-hover:var(--marke-dunkel); --btn-fg:#FFFFFF;

  --breite:min(1680px, 94vw);
  --rand:clamp(20px, 3.4vw, 72px);
  --marginalie:clamp(150px, 15vw, 232px);   /* Breite der Randspalte */
  --spalt:clamp(28px, 3.4vw, 56px);          /* Abstand Rand → Satzspiegel */
}

/* ============================================================
   GRUNDLAGEN
   ============================================================ */
*{box-sizing:border-box}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:"Figtree",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16.5px;line-height:1.62;-webkit-font-smoothing:antialiased;
}
/* Überschriften in Figtree Semibold: weiche geometrische Formen, enger
   Satz. 700 wirkt bei dieser Schrift zu laut — 600 trägt die Größe. */
h1,h2,h3,h4{
  font-family:"Figtree",-apple-system,BlinkMacSystemFont,sans-serif;
  color:var(--tinte);font-weight:600;line-height:1.07;letter-spacing:-.022em;
  text-wrap:balance;margin:0 0 20px;
}
h1{font-size:clamp(35px,4.7vw,70px);line-height:1.04;letter-spacing:-.028em}
h2{font-size:clamp(26px,2.9vw,42px);letter-spacing:-.024em}
h3{font-size:clamp(19px,1.45vw,24px);letter-spacing:-.014em}
p{margin:0 0 16px;max-width:64ch}
a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1px}
img{max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}
strong{font-weight:600;color:var(--tinte)}
.acurea-muted{color:var(--grau)}

/* Mono-Ebene */
.acurea-mono{font-family:"Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}

/* ============================================================
   BUTTONS
   ============================================================ */
.wp-block-button__link,.acurea-btn{
  /* 8 px wie in V5; das frühere `3px !important` stammte aus der Dossier-
     Fassung und hat die Kampagnen-Radien überstimmt. */
  border-radius:8px;padding:14px 26px;font-weight:500;font-size:15.5px;
  background:var(--btn-bg);color:var(--btn-fg);border:1px solid transparent;
  transition:background .15s ease;text-decoration:none;display:inline-block}
.wp-block-button__link:hover{background:var(--btn-bg-hover);color:var(--btn-fg)}
.is-style-outline .wp-block-button__link{background:transparent;border-color:var(--tinte);color:var(--tinte)}
.is-style-outline .wp-block-button__link:hover{background:var(--tinte);color:var(--papier)}

/* ============================================================
   WORTMARKE
   ============================================================ */
.acurea-logo{
  font-family:"Figtree",sans-serif;font-weight:600;letter-spacing:.19em;
  text-decoration:none;color:var(--tinte);font-size:18px}

/* ============================================================
   FORMULARE
   ============================================================ */
.acurea-form{max-width:540px}
.acurea-form label{
  display:block;font-family:"Plex Mono",monospace;font-size:10.5px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--grau);margin:20px 0 7px;font-weight:500}
.acurea-form input[type=text],.acurea-form input[type=email],.acurea-form select,.acurea-form textarea{
  width:100%;height:48px;border:1px solid var(--linie);border-radius:2px;padding:0 14px;
  font:inherit;font-size:16px;background:var(--blatt);color:var(--tinte);transition:border-color .15s}
.acurea-form input:focus,.acurea-form select:focus,.acurea-form textarea:focus{
  border-color:var(--accent);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
.acurea-form textarea{height:auto;padding:13px 14px;min-height:118px;line-height:1.6}
.acurea-form select{appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--grau) 50%),linear-gradient(135deg,var(--grau) 50%,transparent 50%);
  background-position:calc(100% - 20px) 21px,calc(100% - 14px) 21px;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
.acurea-form button[type=submit]{margin-top:26px;border:0;cursor:pointer}
.acurea-fieldset{border:0;padding:0;margin:20px 0 0}
.acurea-fieldset legend{font-family:"Plex Mono",monospace;font-size:10.5px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--grau);margin-bottom:9px;padding:0;font-weight:500}
.acurea-check{display:flex;align-items:center;gap:10px;font-size:16px;margin:0 0 9px;color:var(--tinte)}
.acurea-check input{width:17px;height:17px;accent-color:var(--accent)}
.acurea-form-hinweis{font-size:13.5px;color:var(--grau);margin-top:20px;max-width:54ch}
.acurea-form-fehler{
  background:color-mix(in srgb,var(--st-ueberfaellig) 8%,#fff);
  border:1px solid color-mix(in srgb,var(--st-ueberfaellig) 38%,#fff);
  color:#9F1239;border-radius:2px;padding:12px 15px;font-size:15px;margin:0 0 8px}
.acurea-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ============================================================
   BEWEGUNG
   ============================================================ */
@media (prefers-reduced-motion: reduce){
  *{animation:none !important;transition:none !important}
}

/* ============================================================
   KAMPAGNENSEITEN — Modul-Landingpages (Vorlage „Kampagnenseite")
   Eine Seite, ein Modul, ein Ziel: der Demotermin. Deshalb ohne
   Navigation (US-Praxis: 15–25 % mehr Abschlüsse) und mit dem
   Anfrageformular über der Falz. Die Dossier-Sprache bleibt —
   das Formular ist hier ein FORMBLATT: Grundlinien statt Kästen,
   Mono-Beschriftung, Kopf- und Fußzeile mit Bearbeitungszusage.
   ============================================================ */
.acurea-kampagne{--modul:var(--st-signal)}          /* Vorgabe: KlinikPuls */
.acurea-kampagne .m-sales,.acurea-kampagne.m-sales{--modul:var(--st-aktiv)}
.acurea-kampagne .m-klinikpuls,.acurea-kampagne.m-klinikpuls{--modul:var(--st-signal)}
.acurea-kampagne .m-events,.acurea-kampagne.m-events{--modul:var(--st-unbesucht)}

/* Kopf ohne Navigation, Fuß auf das Nötige reduziert */
.acurea-kkopf{display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:16px var(--rand);border-bottom:2px solid var(--tinte);background:var(--papier)}
.acurea-kkopf .acurea-logo{font-size:18px}
.acurea-kkopf-rechts{margin:0;display:flex;align-items:center;gap:20px;max-width:none;
  font-family:"Plex Mono",monospace;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--grau)}
.acurea-kkopf-rechts a{color:var(--tinte);text-decoration:none}
.acurea-kkopf-rechts a:hover{text-decoration:underline}
.acurea-kfuss{background:var(--tinte);color:#8C8C83;padding:26px var(--rand);
  font-family:"Plex Mono",monospace;font-size:11px;letter-spacing:.08em;
  display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:space-between}
.acurea-kfuss a{color:#D6D6CE;text-decoration:none}
.acurea-kfuss a:hover{color:#fff}

/* Sektionen */
.acurea-kampagne .k-sek{padding:clamp(48px,4.8vw,86px) var(--rand)}
.acurea-kampagne .k-sek + .k-sek{border-top:1px solid var(--linie-zart)}
.acurea-kampagne .k-innen{max-width:1440px;margin:0 auto}
.acurea-kampagne .k-pgf{font-family:"Plex Mono",monospace;font-size:11px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--modul);margin:0 0 14px;font-weight:500;max-width:none}
.acurea-kampagne h1{font-size:clamp(32px,3.5vw,52px)}
.acurea-kampagne h2{font-size:clamp(24px,2.5vw,36px)}
.acurea-kampagne h3{font-size:clamp(18px,1.35vw,21px);margin-bottom:10px}

/* Hero: Argument links, Formblatt rechts */
.acurea-kampagne .k-hero{padding-top:clamp(34px,3.4vw,54px)}
.acurea-kampagne .k-grid{display:grid;gap:clamp(34px,4vw,64px);max-width:1440px;margin:0 auto}
@media (min-width:1000px){
  .acurea-kampagne .k-grid{grid-template-columns:minmax(0,1.08fr) minmax(400px,468px)}
  .acurea-kampagne .k-halter{position:sticky;top:24px}
}
.acurea-kampagne .k-eyebrow{font-family:"Plex Mono",monospace;font-size:11.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--grau);margin:0 0 18px;display:flex;align-items:center;gap:9px;max-width:none}
.acurea-kampagne .k-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--modul);flex:none}
.acurea-kampagne .k-lede{font-size:clamp(17px,1.35vw,20.5px);line-height:1.55;max-width:52ch;margin-bottom:30px}

/* Prüfliste: was die Demo zeigt */
.acurea-kampagne .k-liste{list-style:none;padding:0;margin:0 0 30px;max-width:52ch}
.acurea-kampagne .k-liste li{position:relative;padding:13px 0 13px 30px;border-top:1px solid var(--linie)}
.acurea-kampagne .k-liste li:last-child{border-bottom:1px solid var(--linie)}
.acurea-kampagne .k-liste li::before{content:"";position:absolute;left:2px;top:22px;width:11px;height:6px;
  border-left:1.6px solid var(--modul);border-bottom:1.6px solid var(--modul);transform:rotate(-45deg)}
.acurea-kampagne .k-liste strong{font-weight:650}

/* Zahlenband mit Quellenzeile — Herkunft steht neben der Aussage */
.acurea-kampagne .k-grid > *{min-width:0}
/* min() statt fester Spaltenbreite: sonst erzwingt auto-fit auf schmalen
   Geräten vier 122-px-Spalten und die Seite scrollt seitlich. */
.acurea-kampagne .k-zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(122px,100%),1fr));
  gap:14px clamp(18px,2.2vw,34px);border-top:2px solid var(--tinte);padding-top:16px;max-width:58ch}
.acurea-kampagne .k-zahlen .z{font-family:"Plex Mono",monospace;font-size:clamp(19px,1.6vw,23px);
  font-weight:500;color:var(--tinte);display:block;line-height:1.2;letter-spacing:-.01em}
.acurea-kampagne .k-zahlen .l{font-family:"Plex Mono",monospace;font-size:10.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--grau)}
.acurea-kampagne .k-quelle{font-family:"Plex Mono",monospace;font-size:10.5px;letter-spacing:.08em;
  color:var(--grau);margin:12px 0 0;max-width:none}

/* Signature: das Formblatt */
.acurea-kampagne .k-formblatt{background:var(--blatt);border:1px solid var(--linie);
  border-top:2px solid var(--tinte);border-radius:2px;
  box-shadow:0 1px 0 rgba(26,26,23,.04),0 18px 40px -34px rgba(26,26,23,.5)}
.acurea-kampagne .k-fb-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  padding:14px 22px 13px;border-bottom:1px solid var(--linie);margin:0;max-width:none;
  font-family:"Plex Mono",monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--grau)}
.acurea-kampagne .k-fb-kopf b{color:var(--tinte);font-weight:500}
.acurea-kampagne .k-fb-koerper{padding:22px 22px 24px}
.acurea-kampagne .k-fb-koerper h2{font-size:clamp(21px,1.7vw,25px);margin-bottom:6px}
.acurea-kampagne .k-fb-sub{font-size:14.5px;color:var(--grau);margin-bottom:18px;max-width:none}
.acurea-kampagne .k-fb-fuss{border-top:1px solid var(--linie);padding:13px 22px;margin:0;max-width:none;
  display:flex;flex-wrap:wrap;gap:6px 16px;
  font-family:"Plex Mono",monospace;font-size:10.5px;letter-spacing:.07em;color:var(--grau)}

/* Formular im Formblatt-Stil: Grundlinien statt Kästen */
.acurea-form-formblatt{max-width:none}
.acurea-form-formblatt label{font-size:10px;letter-spacing:.12em;margin:12px 0 2px}
.acurea-form-formblatt input[type=text],.acurea-form-formblatt input[type=email],
.acurea-form-formblatt select,.acurea-form-formblatt textarea{
  border:0;border-bottom:1px solid var(--linie);border-radius:0;height:40px;padding:0 2px;background:transparent}
.acurea-form-formblatt textarea{height:auto;min-height:62px;padding:8px 2px}
.acurea-form-formblatt select{background-position:calc(100% - 10px) 18px,calc(100% - 5px) 18px;
  background-size:5px 5px;padding-right:24px}
.acurea-form-formblatt input:focus,.acurea-form-formblatt select:focus,.acurea-form-formblatt textarea:focus{
  border-bottom:1.6px solid var(--marke);box-shadow:none;
  background:color-mix(in srgb,var(--marke) 4%,transparent)}
.acurea-form-formblatt .acurea-paar{display:grid;gap:0 18px}
@media (min-width:480px){.acurea-form-formblatt .acurea-paar{grid-template-columns:1fr 1fr}}
.acurea-form-formblatt button[type=submit]{display:flex;width:100%;justify-content:center;
  align-items:center;height:52px;margin-top:22px;font-size:16.5px}
.acurea-form-formblatt .acurea-form-hinweis{font-size:12.5px;margin-top:14px;max-width:none}
.acurea-form-formblatt .pflicht{color:var(--modul)}

/* Abbildung */
.acurea-kampagne .k-abb{margin:28px 0 0;max-width:1120px}
.acurea-kampagne .k-abb img{border:1px solid var(--tinte);display:block}
.acurea-kampagne .k-abb figcaption{font-family:"Plex Mono",monospace;font-size:11px;letter-spacing:.06em;
  color:var(--grau);margin-top:10px}

/* Ablauf: echte Sequenz, deshalb mit Minutenmarke statt Dekozahl */
.acurea-kampagne .k-ablauf{margin-top:28px;max-width:960px}
.acurea-kampagne .k-ablauf > div{display:grid;grid-template-columns:92px minmax(0,1fr);
  gap:clamp(16px,2vw,32px);padding:20px 0;border-top:1px solid var(--linie)}
.acurea-kampagne .k-ablauf > div:last-child{border-bottom:1px solid var(--linie)}
.acurea-kampagne .k-ablauf .takt{font-family:"Plex Mono",monospace;font-size:11.5px;
  letter-spacing:.08em;color:var(--modul);padding-top:3px}
.acurea-kampagne .k-ablauf p{margin:0}

/* Dunkles Vertrauensband */
.acurea-kampagne .k-band{background:var(--tinte);color:#E8E7E1}
.acurea-kampagne .k-band h2,.acurea-kampagne .k-band h3{color:#FBFBF9}
.acurea-kampagne .k-band p{color:#C9C8C1}
.acurea-kampagne .k-band .k-pgf{color:var(--marke-hell)}
.acurea-kampagne .k-karten{display:grid;gap:clamp(20px,2.6vw,40px);margin-top:26px}
@media (min-width:820px){.acurea-kampagne .k-karten{grid-template-columns:repeat(3,1fr)}}
.acurea-kampagne .k-karten > div{border-top:1px solid #3A3A34;padding-top:16px}
.acurea-kampagne .k-karten p{margin:0;font-size:15px;max-width:36ch}

/* Zäsur — einziger Serif-Einsatz, wie im übrigen Haus */
.acurea-kampagne .k-zaesur{border-top:2px solid var(--tinte);padding:clamp(40px,4vw,64px) var(--rand)}
/* Der Zäsur-Satz behält seinen Serif-Charakter, nimmt dafür aber die
   System-Serif: die Source Serif ist mit Phase 4 aus dem Theme geflogen
   (119 KB für einen einzigen Satz je Kampagnenseite). */
.acurea-kampagne .k-zaesur p{font-family:Georgia,"Times New Roman",serif;font-style:italic;
  font-size:clamp(21px,2.2vw,30px);line-height:1.34;color:var(--tinte);
  max-width:26ch;margin:0 auto;text-align:center}

/* Einwände */
.acurea-kampagne .k-fragen{max-width:820px;margin-top:24px}
.acurea-kampagne .k-fragen details{border-top:1px solid var(--linie);padding:15px 0}
.acurea-kampagne .k-fragen details:last-of-type{border-bottom:1px solid var(--linie)}
.acurea-kampagne .k-fragen summary{font-weight:600;color:var(--tinte);cursor:pointer;list-style:none;
  display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.acurea-kampagne .k-fragen summary::-webkit-details-marker{display:none}
.acurea-kampagne .k-fragen summary::after{content:"+";font-family:"Plex Mono",monospace;color:var(--modul);flex:none}
.acurea-kampagne .k-fragen details[open] summary::after{content:"–"}
.acurea-kampagne .k-fragen p{margin:10px 0 0}

/* Abschluss */
.acurea-kampagne .k-abschluss{text-align:center}
.acurea-kampagne .k-abschluss p{margin-left:auto;margin-right:auto}
.acurea-kampagne .k-abschluss .wp-element-button{display:inline-flex;align-items:center;height:52px;padding:0 34px}

/* Kampagnenseiten ziehen die V5-Radien nach (Redesign Phase 3, 2026-09-08).
   Nur die Form — Aufbau, Text und Formblatt-Prinzip bleiben unverändert. */
.acurea-kampagne .k-formblatt,
.acurea-kampagne .k-abb img{border-radius:12px}
.acurea-kampagne .wp-element-button,
.acurea-kampagne .acurea-form button[type=submit]{border-radius:8px}