/* =====================================================================
   Bayer Druck – Kampagnen-Landingpage /etiketten-check/ · v3 (Postkarte „Back to Weinberg“, Owner 17.10.2026)
   Namensraum .ec-* · CI-Tokens aus style.css · keine Bilder (Platzhalter lt. R09.06) · Leitmotiv: Durchstreichen.
   Abstandssystem: --ec-eng (eng) · --ec-norm (Abschnitt) · --ec-kopf (Kopf → Inhalt) · --ec-s3 (Inhalt → Schluss).
   Abschnitte tragen „ec“ und „ec-sec“ am selben Element → Verbundselektor .ec.ec-sec. Bewegung nur bei html[data-ec-motion="on"].
   ===================================================================== */
@font-face{font-family:"BD Cond";font-weight:700 900;font-style:normal;src:local("HelveticaNeue-CondensedBold"),local("Helvetica Neue Condensed Bold"),local("HelveticaNeue-CondensedBlack"),local("ArialNarrow-Bold"),local("Arial Narrow Bold"),local("Arial Narrow"),local("Roboto Condensed Bold"),local("DejaVu Sans Condensed Bold")}
.ec{--ec-red:var(--bd-red,#E30613);--ec-red-dark:var(--bd-red,#E30613);--ec-ink:var(--bd-ink,#1D1D1B);--ec-ink-2:var(--bd-ink-2,#2B2B2A);--ec-paper:var(--bd-paper,#fff);--ec-paper-2:var(--bd-paper-2,#f2f2f2);--ec-line:var(--bd-line,#d9d9d9);
  --ec-cond:"BD Cond","Helvetica Neue",Helvetica,Arial,sans-serif;
  --ec-serif:var(--bd-font-serif,Charter,"Bitstream Charter",Georgia,serif);
  --ec-hand:"Bradley Hand","Segoe Script","Snell Roundhand","Brush Script MT",cursive;
  --ec-eng:clamp(40px,4vw,64px);--ec-norm:clamp(80px,8vw,128px);--ec-kopf:clamp(36px,4vw,56px);--ec-s3:clamp(32px,3.5vw,48px);
  --ec-ease:cubic-bezier(.2,.7,.1,1);--ec-pop:cubic-bezier(.2,1.4,.4,1);color:var(--ec-ink)}
.ct-container-full{padding-top:0!important;padding-bottom:0!important}
/* keine Blockabstände zwischen den vollbreiten Abschnitten (Owner 18.10.: weiße Absätze) */
.entry-content > .ec{margin-block:0!important}
.entry-content > .ec + *{margin-block-start:0!important}
.entry-content > .ec-sticky + *{margin-block-start:0!important}
.ec *,.ec *::before,.ec *::after{box-sizing:border-box}
.ec .bd-wrap{max-width:1280px;position:relative;z-index:1}
.ec h1,.ec h2,.ec h3{margin:0}
.ec p{margin:0}
.ec .ec-h{font-family:var(--ec-cond);font-weight:800;text-transform:uppercase;letter-spacing:-.005em;line-height:.96;hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:10 4 4;overflow-wrap:break-word}
.ec .ec-h2{font-size:clamp(40px,4.6vw,66px)}
.ec .ec-h2--buehne{font-size:clamp(56px,8.6vw,136px);line-height:.9;letter-spacing:-.015em;max-width:none}
.ec .ec-h3{font-size:clamp(22px,2.2vw,30px);line-height:1.04}
.ec .ec-lead{font-size:clamp(17px,1.3vw,19px);line-height:1.55;max-width:56ch;color:var(--ec-ink-2)}
.ec .ec-lead--serif{font-family:var(--ec-serif);font-size:clamp(19px,1.65vw,24px);line-height:1.45;color:var(--ec-ink)}
.ec .ec-lead--weiss{color:#fff}
.ec.ec-sec{padding-block:var(--ec-norm) calc(var(--ec-norm) * .85);position:relative;overflow:visible;overflow:clip}
.ec.ec-sec--grau{background:var(--ec-paper-2)}
.ec.ec-check{background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px);background-size:100% 96px,96px 100%}
.ec.ec-sec--dunkel{background:var(--ec-ink);color:#fff}
.ec.ec-sec--dunkel h2,.ec.ec-sec--dunkel h3,.ec.ec-sec--rot h2,.ec.ec-sec--rot h3{color:#fff}
.ec.ec-sec--dunkel .ec-lead,.ec.ec-sec--dunkel .ec-mute{color:#e0e0e0}
.ec.ec-sec--rot{background:var(--ec-red);color:#fff}
.ec .ec-kopf{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;max-width:1000px;margin-bottom:var(--ec-kopf)}
.ec .ec-kopf--buehne{max-width:none}
.ec .ec-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.ec .ec-eyebrow::before{content:"";width:28px;height:2px;background:var(--ec-red)}
.ec.ec-sec--dunkel .ec-eyebrow::before,.ec.ec-sec--rot .ec-eyebrow::before{background:#fff}
/* Passerkreuze entfernt (Owner 18.10.: nicht um Aufmerksamkeit konkurrieren) */
/* ---------- Leitmotiv: Durchstreichen ---------- */
.ec-s{position:relative;display:inline-block;white-space:nowrap}
.ec-s::after{content:"";position:absolute;left:-2%;right:-2%;top:52%;height:.12em;margin-top:-.06em;background:var(--ec-red);transform:rotate(-3deg);transform-origin:center center;border-radius:2px;pointer-events:none}
.ec-s--weiss::after{background:#fff}
.ec-s--hero::after{background:var(--ec-red);height:.13em;transform:rotate(-2.5deg)}

/* Wortmasken (Skript, nur Bühnen-H2) */
.ec .ec-w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.06em;margin-bottom:-.06em}
.ec .ec-w > span{display:inline-block}
.ec .ec-mask{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
.ec .ec-mask__in{display:inline-block}

/* ---------- Laufband ---------- */
.ec-band{overflow:hidden;white-space:nowrap;font-family:var(--ec-cond);font-weight:800;text-transform:uppercase;letter-spacing:.04em;user-select:none}
.ec-band__lauf{display:inline-flex;will-change:transform}
.ec-band__lauf > span{display:inline-block;padding-right:.6em}
.ec-hero .ec-band{position:absolute;left:0;right:0;bottom:0;background:var(--ec-red);color:#fff;font-size:clamp(18px,1.9vw,28px);padding:14px 0;z-index:1}

/* ---------- Hero: Postkartenbühne ---------- */
.ec-hero{position:relative;overflow:hidden;background:var(--ec-ink);color:#fff;isolation:isolate}
.ec-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 85% 15%,rgba(227,6,19,.32),transparent 62%);pointer-events:none}
.ec-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"kamp kamp" "txt karte";column-gap:clamp(24px,4vw,72px);row-gap:clamp(20px,2.5vw,36px);align-items:center;padding-block:clamp(36px,4vw,60px) clamp(110px,12vw,170px)}
.ec-hero__kampagne{grid-area:kamp;font-family:var(--ec-cond);font-weight:800;text-transform:uppercase;font-size:clamp(64px,13.5vw,204px);line-height:.86;letter-spacing:-.02em;color:#fff;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .22em;position:relative;z-index:2}
.ec-hero__back{display:inline-block}
.ec-hero__school{position:relative;display:inline-block}
.ec-hero__weinberg{position:absolute;left:38%;bottom:-.52em;font-family:var(--ec-hand);font-weight:700;text-transform:none;color:var(--ec-red);font-size:.5em;line-height:1;letter-spacing:0;transform:rotate(-6deg);white-space:nowrap;text-shadow:0 0 28px rgba(227,6,19,.5),0 2px 0 rgba(0,0,0,.6)}
.ec-hero__txt{grid-area:txt;display:grid;gap:clamp(16px,1.8vw,24px);justify-items:start;padding-top:clamp(28px,4vw,56px)}
.ec-hero__h1{font-family:var(--ec-cond);font-weight:800;text-transform:uppercase;font-size:clamp(40px,5.4vw,84px);line-height:.92;letter-spacing:-.015em;color:#fff;hyphens:manual;-webkit-hyphens:manual}
.ec-hero__h1 .ec-zeile{display:block}
.ec-hero__h1 .ec-zeile--rot{color:var(--ec-red)}
.ec-hero .ec-hero__lead{font-family:var(--ec-serif);font-size:clamp(18px,1.5vw,22px);line-height:1.45;color:#f0f0f0;max-width:48ch;position:relative;z-index:1}
.ec-hero__cta{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center}
.ec-hero__nutzen{font-family:var(--ec-cond);font-weight:800;text-transform:uppercase;font-size:clamp(20px,1.9vw,27px);letter-spacing:.05em;color:#fff;border-top:2px solid rgba(255,255,255,.55);padding-top:14px;line-height:1.1}
.ec-hero__micro{font-size:16px;line-height:1.45;color:#e6e6e6;letter-spacing:.01em}
.ec-hero__karte{grid-area:karte;position:relative;display:grid;place-items:center;padding-top:clamp(28px,4vw,56px);perspective:1400px;z-index:2}
.ec-pk{position:relative;width:min(100%,560px);aspect-ratio:3/2;background:var(--ec-paper);color:var(--ec-ink);transform:rotate(-3deg);box-shadow:0 50px 90px -30px rgba(0,0,0,.85),0 0 0 1px rgba(0,0,0,.25);overflow:hidden;transform-style:preserve-3d;transition:transform .35s var(--ec-ease);will-change:transform}
.ec-pk__kontur{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--ec-red);stroke-width:2;stroke-dasharray:10 7;pointer-events:none}
.ec-pk__marke{position:absolute;z-index:3;right:clamp(14px,2vw,26px);top:clamp(14px,2vw,26px);width:clamp(64px,7vw,96px);aspect-ratio:1;background:var(--ec-red);color:#fff;display:grid;place-items:center;text-align:center;font-family:var(--ec-cond);font-weight:800;text-transform:uppercase;font-size:clamp(11px,1vw,14px);line-height:1.05;letter-spacing:.06em;box-shadow:0 0 0 4px #fff,0 0 0 5px var(--ec-line);transform:rotate(4deg)}
.ec-pk__marke::before{content:"";position:absolute;inset:-7px;border:4px dotted #fff;border-radius:2px;pointer-events:none}
.ec-pk__poststempel{position:absolute;z-index:3;right:clamp(84px,10vw,128px);top:clamp(8px,1.5vw,18px);width:clamp(72px,8vw,104px);aspect-ratio:1;border:2.5px solid var(--ec-ink);border-radius:50%;opacity:.6;display:grid;place-items:center;overflow:hidden;transform:rotate(-12deg)}
.ec-pk__poststempel::before{content:"";position:absolute;inset:8px;border:1.5px solid var(--ec-ink);border-radius:50%}
.ec-pk__poststempel > span{font-family:var(--ec-cond);font-weight:800;text-transform:uppercase;font-size:9px;letter-spacing:.14em;white-space:nowrap}
.ec-pk__regal{position:absolute;left:0;right:0;bottom:0;height:13%;background:var(--ec-red);z-index:1}
.ec-pk__regal::before{content:"";position:absolute;left:0;right:0;top:0;height:22%;background:var(--ec-red-dark);opacity:.9}
.ec-pk__bild{position:absolute;left:50%;bottom:12.2%;height:92%;width:auto;max-width:none;transform:translateX(-50%);z-index:2}
.ec-ph{display:grid;gap:10px;text-align:center;max-width:34ch;position:relative;z-index:1;margin-top:clamp(28px,4vw,52px)}
.ec-ph__k{font-family:var(--ec-cond);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--ec-red)}
.ec-ph__t{font-family:var(--ec-cond);font-weight:800;text-transform:uppercase;font-size:clamp(14px,1.1vw,18px);line-height:1.2;color:var(--ec-ink)}
.ec-hero__hier{position:absolute;z-index:2;right:-5%;left:auto;top:-16%;font-family:var(--ec-hand);color:var(--ec-red);font-size:clamp(30px,3.2vw,48px);font-weight:700;transform:rotate(-8deg) translateZ(50px);text-shadow:0 2px 0 #fff;line-height:1}
.ec-hero__pfeil{position:absolute;right:70%;top:90%;width:100px;height:84px;fill:none;stroke:var(--ec-red);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-10deg)}

/* ---------- Buttons ---------- */
.ec .bd-btn .wp-block-button__link{font-family:var(--ec-cond);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:17px;padding:17px 28px;min-height:58px;position:relative;overflow:hidden;isolation:isolate;transition:color .35s var(--ec-ease),box-shadow .35s var(--ec-ease)}
.ec .bd-btn .wp-block-button__link::before{content:"";position:absolute;inset:0;background:var(--ec-ink);transform:scaleX(0);transform-origin:left center;transition:transform .45s var(--ec-ease);z-index:-1}
.ec .bd-btn .wp-block-button__link:hover::before{transform:scaleX(1)}
.ec .bd-btn .wp-block-button__link:hover{color:#fff;box-shadow:0 18px 30px -16px rgba(0,0,0,.6)}
.ec .ec-btn--sek .wp-block-button__link{background:transparent;color:var(--ec-ink);box-shadow:inset 0 0 0 2px var(--ec-ink)}
.ec-hero .ec-btn--sek .wp-block-button__link{color:#fff;box-shadow:inset 0 0 0 2px #fff}
.ec-hero .ec-btn--sek .wp-block-button__link::before{background:#fff}
.ec-hero .ec-btn--sek .wp-block-button__link:hover{color:var(--ec-ink)}
.ec.ec-sec--rot .bd-btn .wp-block-button__link{background:#fff;color:var(--ec-red)}
.ec.ec-sec--rot .bd-btn .wp-block-button__link:hover{color:#fff}

/* ---------- Prüfstrecke A–D ---------- */
.ec-strecke{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:clamp(24px,4vw,72px);align-items:start}
.ec-strecke__links{position:sticky;top:clamp(90px,16vh,150px);align-self:start;height:min(66vh,600px);display:grid;place-items:center;overflow:hidden}
.ec-strecke__stand{position:absolute;left:0;bottom:0;display:flex;gap:10px;align-items:center;font-family:var(--ec-cond);font-weight:800;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--ec-ink)}
.ec-strecke__stand i{display:block;width:34px;height:3px;background:var(--ec-line);transition:background .3s}
.ec-strecke__stand i.ec-aktiv{background:var(--ec-red)}
.ec-strecke__buchstabe{position:relative;font-family:var(--ec-cond);font-weight:800;font-size:clamp(220px,30vw,520px);line-height:.8;width:100%;height:100%;display:grid;place-items:center}
.ec-strecke__buchstabe > span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateY(36px) scale(.9);color:transparent;-webkit-text-stroke:3px var(--ec-red);opacity:0;transition:opacity .45s var(--ec-ease),transform .7s var(--ec-ease),color .6s var(--ec-ease)}
.ec-strecke__buchstabe[data-l="A"] > span:nth-child(1),.ec-strecke__buchstabe[data-l="B"] > span:nth-child(2),.ec-strecke__buchstabe[data-l="C"] > span:nth-child(3),.ec-strecke__buchstabe[data-l="D"] > span:nth-child(4){opacity:1;transform:translate(-50%,-50%);color:var(--ec-red)}
.ec-strecke__rechts{display:grid;gap:clamp(28px,3vw,44px)}
.ec-tafel{background:var(--ec-paper);padding:clamp(26px,3vw,44px);display:grid;gap:16px;align-content:start;position:relative;border-left:6px solid var(--ec-line);transition:border-color .4s,box-shadow .5s var(--ec-ease)}
.ec-tafel.ec-aktiv{border-left-color:var(--ec-red);box-shadow:0 40px 70px -40px rgba(0,0,0,.35)}
.ec-tafel__k{font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ec-red)}
.ec-tafel__h{font-size:clamp(26px,2.8vw,40px)}
.ec-tafel ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:16px;line-height:1.4;color:var(--ec-ink-2);columns:1}
.ec-tafel li{padding-left:18px;position:relative}
.ec-tafel li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;background:var(--ec-red)}
.ec-tafel__txt{font-family:var(--ec-serif);font-size:17.5px;line-height:1.5;color:var(--ec-ink);padding-top:14px;border-top:1px solid var(--ec-line)}
.ec-hinweis{margin-top:var(--ec-s3);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:26px 30px;background:var(--ec-ink);color:#fff;position:relative;overflow:hidden}
.ec-hinweis::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--ec-red)}
.ec-hinweis p{font-family:var(--ec-serif);font-size:clamp(18px,1.4vw,22px);line-height:1.4;max-width:60ch}

/* ---------- Preis: rote Vollbühne ---------- */
.ec.ec-preis{min-height:100svh;display:flex;align-items:center}
.ec-preis__claim{font-size:clamp(56px,9.2vw,150px);line-height:.9;letter-spacing:-.015em;color:#fff;max-width:none;margin-bottom:var(--ec-kopf)}
.ec-preis__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,88px);align-items:start}
.ec-preis__k{font-family:var(--ec-cond);font-weight:800;text-transform:uppercase;font-size:clamp(18px,1.5vw,22px);letter-spacing:.06em;margin-bottom:16px}
.ec-liste{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ec-liste li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start;font-size:clamp(16px,1.2vw,18px);line-height:1.45}
.ec-liste--gross li{font-family:var(--ec-cond);font-weight:800;text-transform:uppercase;font-size:clamp(20px,2vw,28px);line-height:1.1;letter-spacing:.01em;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.4)}
.ec-liste svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;margin-top:0}
.ec-preis__schluss{margin-top:22px;padding-top:18px;border-top:2px solid rgba(255,255,255,.5);font-size:clamp(16px,1.2vw,18px);max-width:52ch}
.ec-preis__cta{margin-top:28px}

/* ---------- Anlässe: redaktionelle Zeilen ---------- */
.ec-anl{list-style:none;margin:0;padding:0;border-top:2px solid var(--ec-ink)}
.ec-anl li{display:grid;grid-template-columns:minmax(0,.22fr) minmax(0,.36fr) minmax(0,.42fr);gap:clamp(16px,3vw,48px);align-items:start;padding:clamp(22px,2.6vw,36px) clamp(12px,1.5vw,24px);border-bottom:2px solid var(--ec-ink);position:relative;isolation:isolate;overflow:hidden}
.ec-anl li::before{content:"";position:absolute;inset:0;background:var(--ec-red);transform:scaleX(0);transform-origin:left center;transition:transform .55s var(--ec-ease);z-index:-1}
.ec-anl li:hover::before,.ec-anl li.ec-aktiv::before{transform:scaleX(1)}
.ec-anl li:hover,.ec-anl li.ec-aktiv{color:#fff}
.ec-anl li:hover h3,.ec-anl li.ec-aktiv h3,.ec-anl li:hover .ec-anl__nr,.ec-anl li.ec-aktiv .ec-anl__nr{color:#fff}
.ec-anl li:hover p,.ec-anl li.ec-aktiv p{color:#fff}
.ec-anl__nr{font-family:var(--ec-cond);font-weight:800;font-size:clamp(56px,7vw,120px);line-height:.85;color:var(--ec-red);transition:color .4s}
.ec-anl h3{font-size:clamp(26px,2.8vw,40px);transition:color .4s}
.ec-anl p{font-size:16.5px;line-height:1.5;color:var(--ec-ink-2);max-width:40ch;transition:color .4s}

/* ---------- Für wen: Schwarz/Weiß-Split ---------- */
.ec.ec-fuerwen{padding-bottom:0}
.ec-split{display:grid;grid-template-columns:1fr 1fr;position:relative;margin-top:var(--ec-eng)}
.ec-split__trenner{position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;background:var(--ec-red);z-index:2}
.ec-split__sp{padding:clamp(40px,5vw,80px) 0 calc(var(--ec-norm) * .85)}
.ec-split__sp--dunkel{background:var(--ec-ink);color:#fff}
.ec-split__sp--dunkel h3{color:#fff}
.ec-split__sp--hell{background:var(--ec-paper-2)}
.ec-split__in{max-width:calc(640px - var(--bd-gut,24px));margin-left:auto;padding:0 clamp(24px,4vw,64px) 0 var(--bd-gut,24px);display:grid;gap:22px;align-content:start}
.ec-split__sp--hell .ec-split__in{margin-left:0;padding:0 var(--bd-gut,24px) 0 clamp(24px,4vw,64px)}
.ec-split__liste{margin:0;padding:0;list-style:none;display:grid;gap:18px;counter-reset:fw}
.ec-split__liste li{position:relative;padding-left:52px;font-size:17px;line-height:1.5;min-height:40px}
.ec-split__liste li::before{counter-increment:fw;content:counter(fw,decimal-leading-zero);position:absolute;left:0;top:-2px;font-family:var(--ec-cond);font-weight:800;font-size:26px;color:var(--ec-red);line-height:1}
.ec-split__tel{font-family:var(--ec-cond);font-weight:800;text-transform:uppercase;font-size:20px;letter-spacing:.03em;padding-top:12px;border-top:1px solid rgba(255,255,255,.3)}
.ec-split__tel a{color:#fff;text-decoration:none;border-bottom:2px solid var(--ec-red)}

/* ---------- Verkaufsförderung: Verkaufsweg + drei Gruppen ---------- */
.ec-weg{list-style:none;margin:0 0 var(--ec-kopf);padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:2px solid var(--ec-ink);border-bottom:2px solid var(--ec-ink);position:relative}
.ec-weg li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:18px 18px 18px 0;position:relative}
.ec-weg li + li{padding-left:18px;border-left:1px solid var(--ec-line)}
.ec-weg li + li::before{content:"";position:absolute;left:-7px;top:50%;width:12px;height:12px;margin-top:-6px;background:var(--ec-paper);border-right:2px solid var(--ec-red);border-bottom:2px solid var(--ec-red);transform:rotate(-45deg)}
.ec-weg__nr{font-family:var(--ec-cond);font-weight:800;font-size:clamp(28px,2.6vw,38px);line-height:1;color:var(--ec-red)}
.ec-weg__t{font-family:var(--ec-cond);font-weight:800;text-transform:uppercase;font-size:clamp(15px,1.2vw,18px);letter-spacing:.03em;line-height:1.1}
.ec-weg__t small{display:block;font-family:var(--bd-font-sans,Helvetica,Arial,sans-serif);font-weight:400;text-transform:none;letter-spacing:0;font-size:13.5px;line-height:1.35;color:var(--bd-mute,#555);margin-top:6px}
.ec-gruppe__liste{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:16px;line-height:1.4;color:var(--ec-ink)}
.ec-gruppe__liste li{padding-left:20px;position:relative;font-weight:600}
.ec-gruppe__liste li::before{content:"";position:absolute;left:0;top:.5em;width:9px;height:9px;background:var(--ec-red)}
.ec-gruppen{display:grid;grid-template-columns:5fr 4fr 3fr;gap:clamp(20px,2.5vw,36px);align-items:start}
.ec-gruppe{background:var(--ec-paper);padding:clamp(26px,3vw,40px);display:grid;gap:16px;align-content:start;border:1.5px solid var(--ec-ink);position:relative;overflow:hidden}
.ec-gruppe:nth-child(2){margin-top:clamp(40px,6vw,96px)}
.ec-gruppe:nth-child(3){margin-top:clamp(80px,12vw,192px)}
.ec-gruppe::before{content:"";position:absolute;left:0;top:0;width:0;height:6px;background:var(--ec-red);transition:width .9s var(--ec-ease)}
.ec-gruppe.ec-in::before{width:100%}
.ec-gruppe::after{content:attr(data-l);position:absolute;right:-8px;bottom:-34px;font-family:var(--ec-cond);font-weight:800;font-size:200px;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(29,29,27,.1);pointer-events:none}
.ec-gruppe > *{position:relative;z-index:1}
.ec-gruppe__k{font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ec-red)}
.ec-gruppe p{font-family:var(--ec-serif);font-size:17px;line-height:1.5}
.ec-tags{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.ec-tags li{border:1.5px solid var(--ec-ink);padding:7px 11px;font-size:13.5px;font-weight:600;line-height:1.2;letter-spacing:.01em;transition:background .25s,color .25s}
.ec-tags li:hover{background:var(--ec-ink);color:#fff}

/* ---------- FAQ zweispaltig ---------- */
.ec-faq__grid{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:clamp(28px,5vw,88px);align-items:start}
.ec-faq__links{position:sticky;top:clamp(90px,14vh,140px);display:grid;gap:18px}
.ec-faq__kontakt{display:grid;gap:10px;font-family:var(--ec-cond);font-weight:800;text-transform:uppercase;font-size:20px;letter-spacing:.03em;padding-top:14px;border-top:2px solid var(--ec-ink)}
.ec-faq__kontakt a{color:var(--ec-ink);text-decoration:none;border-bottom:2px solid var(--ec-red);justify-self:start}
.ec-faq{display:grid;gap:8px}
.ec-faq details{background:var(--ec-paper);border:1.5px solid var(--ec-ink);transition:box-shadow .3s}
.ec-faq details[open]{box-shadow:8px 8px 0 var(--ec-red)}
.ec-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 22px;font-family:var(--ec-cond);font-weight:800;text-transform:uppercase;font-size:clamp(17px,1.4vw,21px);letter-spacing:.02em;line-height:1.15}
.ec-faq summary::-webkit-details-marker{display:none}
.ec-faq summary::after{content:"+";flex:0 0 auto;font-size:30px;line-height:1;color:var(--ec-red);transition:transform .35s var(--ec-ease)}
.ec-faq details[open] summary::after{transform:rotate(45deg)}
.ec-faq details > p{padding:0 22px 20px;font-family:var(--ec-serif);font-size:17.5px;line-height:1.5;color:var(--ec-ink);max-width:64ch}

/* ---------- Prozess ---------- */
.ec.ec-system{padding-bottom:calc(var(--ec-norm) + 120px)}
.ec-prozess{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.5vw,36px);counter-reset:ec;position:relative}
.ec-prozess::before{content:"";position:absolute;left:4%;right:4%;top:34px;height:2px;background:rgba(255,255,255,.3)}
.ec-prozess__punkt{position:absolute;left:4%;top:34px;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.18),0 0 24px rgba(255,255,255,.6);z-index:2;pointer-events:none;will-change:left}
.ec-prozess li{position:relative;display:grid;gap:14px}
.ec-prozess__nr{counter-increment:ec;width:68px;height:68px;border-radius:50%;background:var(--ec-red);color:#fff;display:grid;place-items:center;font-family:var(--ec-cond);font-weight:800;font-size:30px;position:relative;z-index:1;box-shadow:0 0 0 0 rgba(227,6,19,.5);transition:box-shadow .5s,transform .5s var(--ec-pop)}
.ec-prozess__nr::before{content:counter(ec,decimal-leading-zero)}
.ec-prozess li.ec-aktiv .ec-prozess__nr{box-shadow:0 0 0 10px rgba(227,6,19,.25);transform:scale(1.12)}
.ec-prozess h3{font-family:var(--ec-cond);font-weight:800;text-transform:uppercase;font-size:clamp(22px,2vw,28px);letter-spacing:.02em}
.ec-prozess p{font-family:var(--ec-serif);font-size:17px;line-height:1.45;color:#e0e0e0}

/* ---------- Formular: Postkartenrückseite ---------- */
.ec.ec-form{padding-top:0;overflow:visible}
.ec-form__box{position:relative;margin-top:-120px;background:var(--ec-paper);display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);box-shadow:0 60px 100px -50px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.12);z-index:2}
.ec-form__kontur{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);pointer-events:none;stroke-dasharray:10 7}
.ec-form__links{padding:clamp(28px,4vw,60px);display:grid;gap:20px;align-content:start;border-right:2px solid var(--ec-ink);position:relative}
.ec-form__links .ec-h2{font-size:clamp(34px,3.4vw,50px)}
.ec-form__rechts{padding:clamp(28px,4vw,60px);position:relative}
.ec-form__marke{position:absolute;right:clamp(20px,3vw,44px);top:clamp(18px,2.6vw,36px);width:clamp(72px,7vw,100px)}
.ec-form__k{font-family:var(--ec-cond);font-weight:800;text-transform:uppercase;font-size:18px;letter-spacing:.03em;padding-top:14px;border-top:2px solid var(--ec-ink)}
.ec-form__liste{margin:0;padding:0;list-style:none;display:grid;gap:10px;font-size:16px;line-height:1.45;color:var(--ec-ink-2)}
.ec-form__liste li{padding-left:20px;position:relative}
.ec-form__liste li::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;background:var(--ec-red)}
.ec-form__hinweis{font-size:15px;line-height:1.5;color:var(--ec-ink-2)}
.ec-form__hinweis a{color:var(--ec-ink);font-weight:700;border-bottom:2px solid var(--ec-red);text-decoration:none}
.ec-form__kontakt{display:grid;gap:8px}
.ec-form__gross{font-family:var(--ec-cond);font-weight:800;font-size:clamp(28px,2.8vw,40px);line-height:1}
.ec-form__kontakt a{color:var(--ec-ink);text-decoration:none;border-bottom:2px solid var(--ec-red)}
.ec-form__kontakt .ec-mute{font-size:14px;color:var(--bd-mute,#555)}
.ec-form__frei{margin-top:18px;font-size:14.5px;line-height:1.45;color:var(--bd-mute,#555)}
.ec-form__schritt{font-family:var(--ec-cond);font-weight:800;text-transform:uppercase;font-size:clamp(20px,1.8vw,26px);letter-spacing:.02em;padding:6px 0 10px;border-bottom:2px solid var(--ec-ink);margin:8px 0 18px;display:flex;align-items:baseline;gap:12px}
.ec-form__schritt b{color:var(--ec-red);font-size:1.3em;line-height:1}
.ec-form__schritt small{font-family:var(--bd-font-sans,Helvetica,Arial,sans-serif);font-weight:400;text-transform:none;letter-spacing:0;font-size:14px;color:var(--bd-mute,#555);margin-left:auto}
.ec.ec-form .fluentform .ff-el-group{margin-bottom:22px}
.ec.ec-form .fluentform .ff-el-form-control{min-height:50px;border:0;border-bottom:2px solid var(--ec-ink);border-radius:0;background:transparent;padding-left:0;padding-right:0;font-size:17px;box-shadow:none;transition:border-color .25s,box-shadow .25s}
.ec.ec-form .fluentform .ff-el-form-control:focus{border-bottom-color:var(--ec-red);box-shadow:0 2px 0 var(--ec-red)}
.ec.ec-form .fluentform select.ff-el-form-control{background-color:transparent}
.ec.ec-form .fluentform .ff-el-input--label label{font-weight:700;font-size:15px;color:var(--ec-ink)}
.ec.ec-form .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label::after{color:var(--ec-red)}
.ec.ec-form .fluentform .ff-el-group.ff_list_inline .ff-el-input--content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:6px}
.ec.ec-form .fluentform .ff_list_inline .ff-el-form-check{margin:0;display:block}
.ec.ec-form .fluentform .ff_list_inline .ff-el-form-check-label{display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 14px;border:1.5px solid var(--ec-ink);background:#fff;cursor:pointer;font-size:15px;font-weight:600;line-height:1.2;color:var(--ec-ink);transition:background .2s,color .2s,border-color .2s;margin:0}
.ec.ec-form .fluentform .ff_list_inline .ff-el-form-check-label:hover{background:var(--ec-paper-2)}
.ec.ec-form .fluentform .ff_list_inline .ff-el-form-check-label:has(input:checked){background:var(--ec-red);border-color:var(--ec-red);color:#fff}
.ec.ec-form .fluentform .ff_list_inline input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid currentColor;margin:0;position:relative;flex:0 0 auto;background:transparent;border-radius:0}
.ec.ec-form .fluentform .ff_list_inline input[type=checkbox]:checked::after{content:"";position:absolute;left:5px;top:1px;width:6px;height:11px;border:solid currentColor;border-width:0 3px 3px 0;transform:rotate(45deg)}
.ec.ec-form .fluentform .ff-el-tc .ff-el-form-check-label{display:flex;}
.ec.ec-form .fluentform .ff-el-tc .ff_tc_checkbox{display:flex;align-items:flex-start;gap:12px}
.ec.ec-form .fluentform .ff-el-tc .ff-el-form-check-label{align-items:flex-start;gap:12px;padding:0;border:0;background:transparent;font-weight:400;font-size:14.5px;line-height:1.45;color:var(--ec-ink-2)}
.ec.ec-form .fluentform input.ff_gdpr_field{appearance:none;-webkit-appearance:none;width:22px;height:22px;border:2px solid var(--ec-ink);margin:1px 0 0;flex:0 0 auto;position:relative;background:#fff;border-radius:0}
.ec.ec-form .fluentform input.ff_gdpr_field:checked{background:var(--ec-red);border-color:var(--ec-red)}
.ec.ec-form .fluentform input.ff_gdpr_field:checked::after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.ec.ec-form .fluentform .ff-btn-submit{background:var(--ec-red)!important;color:#fff!important;border:0!important;border-radius:0!important;font-family:var(--ec-cond)!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-size:20px!important;padding:20px 32px!important;min-height:72px;width:100%;transition:background .3s,box-shadow .3s}
.ec.ec-form .fluentform .ff-btn-submit:hover{background:var(--ec-ink)!important;box-shadow:0 18px 30px -16px rgba(0,0,0,.5)}
.ec.ec-form .fluentform .ff-message-success{border:0;background:var(--ec-paper-2);border-left:6px solid var(--ec-red);padding:24px 28px;font-size:17px}
.ec.ec-form .fluentform .ff-message-success a{color:var(--ec-ink);font-weight:700;border-bottom:2px solid var(--ec-red);text-decoration:none}

/* ---------- Finale ---------- */
.ec.ec-finale{padding-block:calc(var(--ec-norm) * 1.1)}
.ec-finale__h{font-size:clamp(52px,11vw,180px);line-height:.88;letter-spacing:-.015em;color:#fff;margin-bottom:var(--ec-kopf)}
.ec-finale__micro{font-size:15px;color:#fff}

/* ---------- Mobile Sticky-CTA ---------- */
.ec-sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:saturate(1.2) blur(8px);border-top:1px solid var(--ec-line);display:none;transform:translateY(110%);transition:transform .45s var(--ec-ease)}
.ec-sticky.ec-sticky--an{transform:translateY(0)}
.ec-sticky .bd-btn,.ec-sticky .bd-btn .wp-block-button__link{width:100%}

/* ---------- Fortschritt ---------- */
.ec-fortschritt{position:fixed;left:0;top:0;height:4px;width:100%;z-index:9999;pointer-events:none}
.ec-fortschritt::before{content:"";display:block;height:100%;width:100%;background:var(--bd-red,#E30613);transform:scaleX(var(--ec-p,0));transform-origin:left center}

/* ---------- Bewegung (nur wenn erlaubt) ---------- */
html[data-ec-motion="on"] .ec-rv{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ec-ease),transform .9s var(--ec-ease)}
html[data-ec-motion="on"] .ec-rv.ec-in{opacity:1;transform:none}
html[data-ec-motion="on"] .ec-rv--2{transition-delay:.12s}html[data-ec-motion="on"] .ec-rv--3{transition-delay:.24s}
html[data-ec-motion="on"] .ec-w > span{transform:translateY(110%);transition:transform .9s var(--ec-ease);transition-delay:calc(.05s * var(--i,0))}
html[data-ec-motion="on"] .ec-in .ec-w > span{transform:none}
html[data-ec-motion="on"] .ec-s::after{clip-path:inset(-20% 100% -20% 0);transition:clip-path .7s var(--ec-ease) .6s}
html[data-ec-motion="on"] .ec-in .ec-s::after,html[data-ec-motion="on"] .ec-hero.ec-in .ec-s::after{clip-path:inset(-20% -2% -20% 0)}
html[data-ec-motion="on"] .ec-mask__in{transform:translateY(110%);transition:transform 1s var(--ec-ease) .25s}
html[data-ec-motion="on"] .ec-zeile--rot .ec-mask__in{transition-delay:.4s}
html[data-ec-motion="on"] .ec-hero.ec-in .ec-mask__in{transform:none}
html[data-ec-motion="on"] .ec-hero__kampagne{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ec-ease),transform .9s var(--ec-ease)}
html[data-ec-motion="on"] .ec-hero.ec-in .ec-hero__kampagne{opacity:1;transform:none}
html[data-ec-motion="on"] .ec-hero__weinberg{opacity:0;transform:rotate(-6deg) translateY(12px) scale(.9);transition:opacity .6s var(--ec-ease) 1.2s,transform .6s var(--ec-pop) 1.2s}
html[data-ec-motion="on"] .ec-hero.ec-in .ec-hero__weinberg{opacity:1;transform:rotate(-6deg) translateY(0) scale(1)}
html[data-ec-motion="on"] .ec-hero .ec-hero__lead,html[data-ec-motion="on"] .ec-hero .ec-hero__cta,html[data-ec-motion="on"] .ec-hero .ec-hero__nutzen,html[data-ec-motion="on"] .ec-hero .ec-hero__micro{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ec-ease),transform .8s var(--ec-ease)}
html[data-ec-motion="on"] .ec-hero .ec-hero__lead{transition-delay:.8s}html[data-ec-motion="on"] .ec-hero .ec-hero__cta{transition-delay:1s}html[data-ec-motion="on"] .ec-hero .ec-hero__nutzen{transition-delay:1.1s}html[data-ec-motion="on"] .ec-hero .ec-hero__micro{transition-delay:1.2s}
html[data-ec-motion="on"] .ec-hero.ec-in .ec-hero__lead,html[data-ec-motion="on"] .ec-hero.ec-in .ec-hero__cta,html[data-ec-motion="on"] .ec-hero.ec-in .ec-hero__nutzen,html[data-ec-motion="on"] .ec-hero.ec-in .ec-hero__micro{opacity:1;transform:none}
html[data-ec-motion="on"] .ec-pk{opacity:0;transform:rotate(-3deg) translateY(70px) rotateX(14deg);transition:transform 1.2s var(--ec-ease) .4s,opacity .8s ease .4s}
html[data-ec-motion="on"] .ec-hero.ec-in .ec-pk{opacity:1;transform:rotate(-3deg)}
html[data-ec-motion="on"] .ec-pk__kontur rect{stroke-dashoffset:1;stroke-dasharray:1;transition:stroke-dashoffset 2.2s var(--ec-ease) .9s}
html[data-ec-motion="on"] .ec-in .ec-pk__kontur rect{stroke-dashoffset:0;stroke-dasharray:10 7}
html[data-ec-motion="on"] .ec-pk__marke{opacity:0;transform:rotate(4deg) scale(1.8);transition:opacity .3s ease-out 1.7s,transform .45s var(--ec-pop) 1.7s}
html[data-ec-motion="on"] .ec-in .ec-pk__marke{opacity:1;transform:rotate(4deg) scale(1)}
html[data-ec-motion="on"] .ec-pk__poststempel{opacity:0;transform:rotate(-12deg) scale(1.6);transition:opacity .3s ease-out 2s,transform .4s var(--ec-pop) 2s}
html[data-ec-motion="on"] .ec-in .ec-pk__poststempel{opacity:.6;transform:rotate(-12deg) scale(1)}
html[data-ec-motion="on"] .ec-hero__hier{opacity:0;transform:rotate(-8deg) scale(.6) translateZ(50px);transition:opacity .4s ease 2.2s,transform .5s var(--ec-pop) 2.2s}
html[data-ec-motion="on"] .ec-hero.ec-in .ec-hero__hier{opacity:1;transform:rotate(-8deg) scale(1) translateZ(50px)}
html[data-ec-motion="on"] .ec-hero__pfeil path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .7s var(--ec-ease) 2.5s}
html[data-ec-motion="on"] .ec-hero__pfeil path:nth-child(2){transition-delay:3.1s;transition-duration:.3s}
html[data-ec-motion="on"] .ec-hero.ec-in .ec-hero__pfeil path{stroke-dashoffset:0}
html[data-ec-motion="on"] .ec-band__lauf{animation:ec-lauf 30s linear infinite}
@keyframes ec-lauf{to{transform:translateX(-50%)}}
html[data-ec-motion="on"] .ec-liste svg path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .6s var(--ec-ease)}
html[data-ec-motion="on"] .ec-in .ec-liste svg path{stroke-dashoffset:0}
html[data-ec-motion="on"] .ec-liste li:nth-child(2) svg path{transition-delay:.2s}html[data-ec-motion="on"] .ec-liste li:nth-child(3) svg path{transition-delay:.4s}html[data-ec-motion="on"] .ec-liste li:nth-child(4) svg path{transition-delay:.6s}html[data-ec-motion="on"] .ec-liste li:nth-child(5) svg path{transition-delay:.8s}
html[data-ec-motion="on"] .ec-prozess::before{transform:scaleX(0);transform-origin:left center;transition:transform 1.4s var(--ec-ease) .2s}
html[data-ec-motion="on"] .ec-prozess.ec-in::before{transform:scaleX(1)}
html[data-ec-motion="on"] .ec-prozess__punkt{opacity:0;transition:opacity .6s .8s}
html[data-ec-motion="on"] .ec-prozess.ec-in .ec-prozess__punkt{opacity:1}
html[data-ec-motion="on"] .ec-prozess__nr{transform:scale(.4);opacity:0;transition:transform .6s var(--ec-pop),opacity .4s,box-shadow .5s}
html[data-ec-motion="on"] .ec-prozess.ec-in .ec-prozess__nr{transform:none;opacity:1}
html[data-ec-motion="on"] .ec-prozess.ec-in li:nth-child(2) .ec-prozess__nr{transition-delay:.3s}html[data-ec-motion="on"] .ec-prozess.ec-in li:nth-child(3) .ec-prozess__nr{transition-delay:.6s}html[data-ec-motion="on"] .ec-prozess.ec-in li:nth-child(4) .ec-prozess__nr{transition-delay:.9s}
html[data-ec-motion="on"] .ec-prozess.ec-in li.ec-aktiv .ec-prozess__nr{transform:scale(1.12);transition-delay:0s}

/* ---------- Responsiv ---------- */
@media (max-width:1023px){
  .ec-strecke{grid-template-columns:minmax(0,1fr)}
  .ec-weg{grid-template-columns:minmax(0,1fr);border-bottom:0}
  .ec-weg li{border-bottom:1px solid var(--ec-line);padding:14px 0}
  .ec-weg li + li{padding-left:0;border-left:0}
  .ec-weg li + li::before{display:none}
  .ec-strecke__links{position:static;height:auto;display:none}
  .ec-gruppen{grid-template-columns:minmax(0,1fr)}
  .ec-gruppe:nth-child(2),.ec-gruppe:nth-child(3){margin-top:0}
  .ec-prozess{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-prozess::before,.ec-prozess__punkt{display:none}
  .ec-preis__grid,.ec-faq__grid{grid-template-columns:minmax(0,1fr)}
  .ec-faq__links{position:static}
  .ec-form__box{grid-template-columns:minmax(0,1fr);margin-top:-60px}
  .ec-form__links{border-right:0;border-bottom:2px solid var(--ec-ink)}
  .ec-anl li{grid-template-columns:minmax(0,.2fr) minmax(0,.8fr)}
  .ec-anl li p{grid-column:2}
  .ec-split{grid-template-columns:minmax(0,1fr)}
  .ec-split__trenner{display:none}
  .ec-split__in,.ec-split__sp--hell .ec-split__in{max-width:none;margin:0;padding:0 var(--bd-gut,24px)}
  .ec.ec-sec > .bd-wrap::before,.ec.ec-sec > .bd-wrap::after{display:none}
}
@media (max-width:899px){
  .ec-hero__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"kamp" "txt" "karte";padding-block:28px 120px;row-gap:28px}
  .ec-hero__kampagne{font-size:clamp(56px,17vw,120px)}
  .ec-hero__weinberg{left:34%;bottom:-.5em}
  .ec-hero__txt{padding-top:24px}
  .ec-hero__karte{padding-top:36px;perspective:none}
  .ec-pk{width:min(100%,460px)}
  .ec-hero__hier{right:-2%;top:-12%}
  .ec-sticky{display:block}
  .ec-hinweis{grid-template-columns:minmax(0,1fr)}
  .ec.ec-preis{min-height:0}
  .ec-form__marke{display:none}
}
@media (max-width:599px){
  .ec-prozess{grid-template-columns:minmax(0,1fr)}
  .ec-hero__h1{font-size:clamp(38px,11.5vw,54px)}
  .ec .ec-h2{font-size:clamp(32px,9vw,42px)}
  .ec .ec-h2--buehne{font-size:clamp(44px,13vw,64px)}
  .ec-preis__claim{font-size:clamp(44px,13vw,64px)}
  .ec-finale__h{font-size:clamp(44px,14vw,72px)}
  .ec .bd-btn,.ec .bd-btn .wp-block-button__link{width:100%}
  .ec-hero__cta{display:grid;width:100%}
  .ec-hero .ec-band{font-size:16px;padding:10px 0}
  .ec-hero__hier{font-size:30px}
  .ec-hero__pfeil{width:80px;height:66px}
  .ec-anl li{grid-template-columns:minmax(0,1fr)}
  .ec-anl li p{grid-column:1}
  .ec-anl__nr{font-size:48px}
  .ec.ec-form .fluentform .ff-el-group.ff_list_inline .ff-el-input--content{grid-template-columns:minmax(0,1fr)}
  .ec-form__links,.ec-form__rechts{padding:24px 18px}
  .ec-pk__poststempel{display:none}
}
@media (max-width:1023px){
  .ec-tafel{padding-top:clamp(30px,5vw,44px)}
  .ec-tafel::before{content:attr(data-l);position:absolute;right:12px;top:-14px;font-family:var(--ec-cond);font-weight:800;font-size:120px;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(227,6,19,.28);pointer-events:none}
  .ec-tafel.ec-aktiv::before{-webkit-text-stroke-color:var(--ec-red)}
  .ec-form__kontur{display:none}
  .ec.ec-check{background-image:none}
}
@media (max-width:899px){
  .ec-hero__kampagne{display:block}
  .ec-hero__school{display:inline-block}
  .ec-hero__weinberg{position:static;display:block;transform:rotate(-3deg);font-size:.62em;margin:.1em 0 0 .3em;text-shadow:none}
  .ec-hero .ec-band__lauf{animation:none!important;display:block;white-space:normal;text-align:center;padding:0 16px}
  .ec-hero .ec-band__lauf > span:nth-child(2){display:none}
  .ec-hero .ec-band{font-size:15px;padding:10px 0;line-height:1.3}
  .ec.ec-system{padding-bottom:var(--ec-norm)}
  .ec-form__box{margin-top:0;box-shadow:none}
  .ec-form__rechts{padding:22px 18px 26px}
  .ec-anl li::before{display:none}
}
@media (prefers-reduced-motion:reduce){.ec *,.ec *::before,.ec *::after{transition:none!important;animation:none!important}.ec-fortschritt{display:none}}

/* Korrekturrunde 18.10. (M-02, A11Y-16): Fokus je Fläche – dunkel: heller Ring (--bd-on-dark), rot: dunkler Ring mit hellem Halo; Formular wie /anfrage/ */
.ec-hero :focus-visible,.ec.ec-sec--dunkel :focus-visible,.ec-split__sp--dunkel :focus-visible,.ec-hero .bd-btn .wp-block-button__link:focus-visible,.ec.ec-sec--dunkel .bd-btn .wp-block-button__link:focus-visible{outline-color:var(--bd-on-dark)}
.ec.ec-sec--rot :focus-visible,.ec.ec-sec--rot .bd-btn .wp-block-button__link:focus-visible,.ec-hero .ec-band :focus-visible,.ec-hero .ec-band .bd-btn .wp-block-button__link:focus-visible{outline-color:var(--bd-ink);box-shadow:0 0 0 6px var(--bd-on-dark)}
.ec.ec-form .fluentform .ff-el-form-control:focus{outline:3px solid var(--bd-ink);outline-offset:2px;border-color:var(--bd-ink);box-shadow:none}
.ec.ec-form .fluentform .ff-btn-submit:focus-visible{outline:3px solid var(--bd-ink);outline-offset:3px}
/* Korrektur 18.10. (A11Y-18, WCAG 2.4.11): fokussierte Elemente nicht unter der Sticky-Leiste */
html:has(.ec-sticky--an){scroll-padding-bottom:calc(96px + env(safe-area-inset-bottom))}

/* =====================================================================
   Hero v5 (Owner-Auftrag 25.10.2026 „Hero komplett gestalterisch überprüfen“) – .ec-h5
   Ursachen alt: drei gleich laute Headline-Ebenen, CTA unter dem Falz (1440/1920), „Weinberg“ in einer Systemschrift
   (Bradley Hand nur auf macOS), Flasche als kleine Kachel in gezeichneter Postkarte, Animation unterhalb des Sichtbereichs,
   endloses Laufband. Neu: Wortspiel als präzise Komposition (SVG-Markerstrich + Marker-Lettering „WEINBERG“ wie „HIER!“),
   HIER!-Flasche (BD-B034b) als Hauptdarsteller: die Hand auf dem Etikett meldet sich (SVG), die Flasche hüpft, Markerstriche.
   Keine Karte (Owner 25.10.: „die Karte hat der Kunde in der Hand“). Eine H1, ein Haupt-CTA im ersten Bildschirm.
   ===================================================================== */
.ec-hero--v5::before{background:radial-gradient(55% 65% at 82% 40%,rgba(227,6,19,.16),transparent 65%)}
.ec-h5{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:clamp(24px,3.4vw,64px);align-items:center;min-height:min(calc(100svh - var(--bd-hdr-h,104px)),860px);padding-block:clamp(28px,3.6vw,56px)}
.ec-h5__text{display:grid;justify-items:start;align-content:center}
.ec-h5__kicker{display:flex;align-items:center;gap:12px;margin:0 0 clamp(20px,2.2vw,32px);font:800 13px/1.2 var(--ec-cond);letter-spacing:.16em;text-transform:uppercase;color:#d8d8d8}
.ec-h5__kicker::before{content:"";width:28px;height:3px;background:var(--ec-red)}
.ec-h5__spiel{margin:0;font-family:var(--ec-cond);font-weight:800;text-transform:uppercase;font-size:clamp(60px,8.2vw,132px);line-height:.84;letter-spacing:-.02em;color:#fff}
.ec-h5__z{display:block}
.ec-h5__school{position:relative;display:inline-block;transition:color .4s ease}
.ec-h5__strich{position:absolute;left:-3%;width:106%;top:24%;height:46%;overflow:visible;pointer-events:none}
.ec-h5__strich path{fill:none;stroke:var(--ec-red);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.ec-h5__strich--1 path{stroke-width:clamp(7px,.11em,15px)}
.ec-h5__strich--2 path{stroke-width:clamp(4px,.06em,8px);opacity:.9}
.ec-h5__weinberg{display:block;width:3.64em;height:auto;margin:.04em 0 0 .16em;transform:rotate(-4deg) skewX(-9deg);transform-origin:0 50%;overflow:visible}
.ec-h5__weinberg path{fill:none;stroke:var(--ec-red);stroke-width:13;stroke-linecap:round;stroke-linejoin:round}
.ec-h5__h1{margin:clamp(22px,2.6vw,36px) 0 0;font-family:var(--ec-cond);font-weight:800;text-transform:uppercase;font-size:clamp(26px,2.7vw,42px);line-height:1;letter-spacing:-.005em;color:#fff;max-width:18ch}
.ec-h5__h1 span{display:block}
.ec-hero--v5 .ec-h5__lead{margin:clamp(12px,1.4vw,18px) 0 0;font-family:var(--ec-serif);font-size:clamp(17px,1.35vw,20px);line-height:1.45;color:#e6e6e6;max-width:44ch}
.ec-h5__cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:clamp(18px,2vw,28px)}
.ec-h5__tel{font:800 16px/1.2 var(--ec-cond);letter-spacing:.06em;text-transform:uppercase;color:#fff;text-decoration:underline;text-decoration-color:var(--ec-red);text-decoration-thickness:2px;text-underline-offset:6px;min-height:44px;display:inline-flex;align-items:center}
.ec-h5__tel:hover{text-decoration-color:#fff}
.ec-h5__tel:focus-visible{outline:3px solid #fff;outline-offset:3px}
.ec-h5__nutzen{display:flex;align-items:center;gap:10px;margin:clamp(16px,1.8vw,24px) 0 0;font:800 clamp(14px,1.1vw,16px)/1.2 var(--ec-cond);letter-spacing:.14em;text-transform:uppercase;color:#fff}
.ec-h5__nutzen::before{content:"";width:18px;height:3px;background:var(--ec-red)}
/* Bild: die Flasche allein auf der Bühne, Bodenschatten, Hand als SVG deckungsgleich über dem Etikett */
.ec-h5__bild{position:relative;height:clamp(480px,75vh,740px);align-self:center}
.ec-h5__bild::after{content:"";position:absolute;left:44%;bottom:1.5%;width:52%;height:6%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(0,0,0,.75),transparent);z-index:1}
.ec-h5__flasche-box{position:absolute;left:44%;bottom:3%;height:97%;aspect-ratio:333/1238;transform:translateX(-50%) rotate(2deg);transform-origin:50% 100%;z-index:2}
.ec-h5__flasche{display:block;width:100%;height:100%;max-width:none;filter:drop-shadow(18px 26px 22px rgba(0,0,0,.45))}
.ec-h5__pfeil{position:absolute;left:-16%;top:38%;width:clamp(120px,13vw,200px);height:auto;overflow:visible;z-index:3;transform:rotate(10deg)}
.ec-h5__pfeil path{fill:none;stroke:var(--ec-red);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.ec-h5__hand{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.ec-h5__hand path{fill:none;stroke:var(--ec-red);stroke-linecap:round;stroke-linejoin:round}
.ec-h5__umriss{stroke-width:13}
.ec-h5__boden{stroke-width:7}
.ec-h5__ruf path{stroke-width:7}
.ec-h5__arm{transform-box:view-box;transform-origin:185px 1024px}
/* Tablet */
@media (max-width:1023px){.ec-h5{grid-template-columns:minmax(0,1fr) minmax(0,.62fr);min-height:0}.ec-h5__pfeil{left:-22%;width:110px}.ec-h5__bild{height:clamp(380px,56vw,520px)}}
/* Mobil: Text-Elemente direkt im Raster, Flasche rechts neben Wortspiel und H1, CTA im ersten Bildschirm */
@media (max-width:759px){
  .ec-h5{grid-template-columns:minmax(0,1fr) clamp(78px,24vw,104px);grid-template-areas:"kicker kicker" "spiel bild" "h1 bild" "lead lead" "nutzen nutzen" "cta cta";column-gap:10px;padding-block:22px 34px}
  .ec-h5__text{display:contents}
  .ec-h5__kicker{grid-area:kicker;font-size:12px}
  .ec-h5__spiel{grid-area:spiel;font-size:clamp(46px,15.2vw,66px)}
  .ec-h5__h1{grid-area:h1;font-size:clamp(22px,6.6vw,28px);margin-top:16px}
  .ec-hero--v5 .ec-h5__lead{grid-area:lead;font-size:16px;line-height:1.5}
  .ec-h5__cta{grid-area:cta;flex-direction:column;align-items:stretch;gap:6px}
  .ec-h5__cta .bd-btn,.ec-h5__cta .bd-btn .wp-block-button__link{width:100%}
  .ec-h5__tel{justify-content:center}
  .ec-h5__nutzen{grid-area:nutzen;font-size:13px;margin-top:18px}
  .ec-h5__pfeil{display:none}
  .ec-h5__strich{left:-1%;width:103%}
  .ec-h5__cta .wp-block-button__link{white-space:nowrap}
  .ec-h5__bild{grid-area:bild;height:100%;min-height:260px;align-self:stretch}
  .ec-h5__flasche-box{left:50%;bottom:0;height:100%;max-height:400px;transform:translateX(-50%) rotate(3deg)}
  .ec-h5__bild::after{left:50%;bottom:-2%;width:90%}
}
/* Animation v6 (Owner 25.10.2026 „finale Animationskorrektur“): Botschaft in der ersten Sekunde, eine präzise Handbewegung.
   0,10 s Markerstrich durch SCHOOL · 0,30–1,0 s WEINBERG schreibt sich · 1,05 s die Hand meldet sich (ein Aufstieg) ·
   1,65 s ein kurzer Akzent der Hand, drei Markerstriche. Flasche und Pfeil stehen ruhig. Keine automatische Wiederholung;
   erneut nur durch bewusste Aktivierung der Flasche (Klick, Touch, Enter/Leertaste – JS setzt role="button").
   Start ohne JS-Verzögerung: data-ec-motion wird im <head> gesetzt (functions.php), daher kein Zurückspringen. */
html[data-ec-motion="on"] .ec-hero--v5 .ec-h5__weinberg path,html[data-ec-motion="on"] .ec-hero--v5 .ec-h5__ruf path{stroke-dasharray:1;stroke-dashoffset:1}
html[data-ec-motion="on"] .ec-hero--v5 .ec-h5__strich--1{clip-path:inset(-60% 106% -60% -5%);animation:ec5-wisch .3s cubic-bezier(.6,0,.3,1) .1s both}
html[data-ec-motion="on"] .ec-hero--v5 .ec-h5__strich--2{clip-path:inset(-60% -5% -60% 106%);animation:ec5-wisch .2s cubic-bezier(.6,0,.3,1) .36s both}
html[data-ec-motion="on"] .ec-hero--v5 .ec-h5__school{animation:ec5-grau .3s ease .15s both}
html[data-ec-motion="on"] .ec-hero--v5 .ec-h5__weinberg path{animation:ec5-strich var(--d) cubic-bezier(.45,.05,.3,1) calc(.3s + var(--t)) both}
html[data-ec-motion="on"] .ec-hero--v5 .ec-h5__arm{animation:ec5-melden .55s cubic-bezier(.2,.85,.25,1.06) 1.05s both,ec5-winken 1.6s ease-in-out 1.65s 2 both}
html[data-ec-motion="on"] .ec-hero--v5 .ec-h5__ruf path{animation:ec5-strich .14s ease-out calc(1.75s + var(--r) * .05s) both}
/* bewusste Aktivierung: nur die Hand, kurz */
html[data-ec-motion="on"] .ec-hero--v5.ec-h5--meldet .ec-h5__arm{animation:ec5-nochmal .45s cubic-bezier(.3,0,.2,1) both,ec5-winken 1.6s ease-in-out .3s 2 both}
html[data-ec-motion="on"] .ec-hero--v5.ec-h5--meldet .ec-h5__ruf path{animation:ec5-ruf .6s ease-out .4s both}
.ec-h5__flasche-box[role="button"]{cursor:pointer;border-radius:4px}
.ec-h5__flasche-box[role="button"]:focus-visible{outline:3px solid #fff;outline-offset:8px}
@keyframes ec5-melden{from{translate:0 470px}to{translate:0 0}}
@keyframes ec5-nochmal{0%,100%{translate:0 0}45%{translate:0 46px}}
@keyframes ec5-winken{0%,100%{rotate:0deg}15%{rotate:-14deg}35%{rotate:9deg}55%{rotate:-14deg}75%{rotate:9deg}}
@keyframes ec5-akzent{0%,100%{rotate:0deg}40%{rotate:-6deg}}
@keyframes ec5-ruf{0%,100%{opacity:1}35%{opacity:0}}
@keyframes ec5-strich{to{stroke-dashoffset:0}}
@keyframes ec5-wisch{to{clip-path:inset(-60% -5% -60% -5%)}}
@keyframes ec5-grau{to{color:#9a9a9a}}
.ec-hero--v5 .ec-h5__school{color:#fff}
html:not([data-ec-motion="on"]) .ec-hero--v5 .ec-h5__school{color:#9a9a9a}
@media (prefers-reduced-motion:reduce){.ec-hero--v5 *{animation:none!important}.ec-hero--v5 .ec-h5__weinberg path,.ec-hero--v5 .ec-h5__ruf path,.ec-hero--v5 .ec-h5__pfeil path{stroke-dashoffset:0!important;stroke-dasharray:none!important}.ec-hero--v5 .ec-h5__strich{clip-path:none!important}.ec-hero--v5 .ec-h5__arm{translate:none!important}.ec-hero--v5 .ec-h5__school{color:#9a9a9a}}
/* Pfeil ruhig und schlanker (Teil der Komposition, keine Bewegung) */
.ec-hero--v5 .ec-h5__pfeil path{stroke-width:5}
/* „Neuer Jahrgang“ als Marke, Rest der Dachzeile ruhig (Owner D) */
.ec-hero--v5 .ec-h5__kicker{flex-wrap:wrap;gap:8px 12px}
.ec-hero--v5 .ec-h5__kicker::before{display:none}
.ec-h5__jahrgang{display:inline-block;padding:5px 9px 4px;background:var(--ec-red);color:#fff;letter-spacing:.14em}
.ec-h5__kicker-rest{color:#d8d8d8}
/* Abstände Dachzeile/Nutzen gegen allgemeine .ec-Absatzregeln absichern (Designprüfung Nr. 7/9) */
.ec-hero--v5 .ec-h5__kicker{margin:0 0 clamp(20px,2.2vw,32px)}
.ec-hero--v5 .ec-h5__nutzen{margin:clamp(18px,2vw,26px) 0 0}
@media (max-width:759px){.ec-hero--v5 .ec-h5__kicker{margin-bottom:14px}.ec-hero--v5 .ec-h5__nutzen{margin-top:18px}}
/* Mobil 390/320: Jahrgang und Nutzen stärker, Frage und CTA behalten Vorrang (Owner D) */
@media (max-width:759px){
  .ec-hero--v5 .ec-h5__kicker{font-size:12px;gap:6px 10px}
  .ec-h5__jahrgang{font-size:13px;padding:6px 10px 5px}
  .ec-hero--v5 .ec-h5__nutzen{font-size:15px;letter-spacing:.1em;margin-top:16px}
  .ec-hero--v5 .ec-h5__nutzen::before{width:22px;height:4px}
}
@media (max-width:359px){.ec-hero--v5 .ec-h5__nutzen{font-size:14px;letter-spacing:.05em;gap:8px}.ec-hero--v5 .ec-h5__nutzen::before{width:16px}}
/* Owner 28.10.2026: Formular-Stempel „Neuer Jahrgang“ verdeckte im ersten Schritt den Hinweis „Mehrere möglich“ – Hinweis um die Stempelbreite einrücken (nur solange der Stempel sichtbar ist). */
@media (min-width:900px){.fluentform fieldset>.ff-custom_html:not(.ff-custom_html ~ .ff-custom_html) .ec-form__schritt small{margin-right:calc(clamp(72px,7vw,100px) + 16px)}}
/* 03.11.2026 S4 (M-220, Owner-Go 876 nur Überlagerungen): Prozesspunkt läuft unter den Nummernkreisen durch; mobil halten die Umrissbuchstaben A–D Abstand zur Überschrift */
.ec-prozess__punkt{z-index:1}
.ec-prozess__nr{z-index:3}
@media (max-width:1023px){
  .ec-tafel::before{font-size:96px;top:-10px;right:10px}
  .ec-tafel h3{padding-right:clamp(52px,15vw,72px)}
}