/* =========================================================
   Omnaro Kurier & Lieferdienste - Grundlayout
   Wird im Frontend UND im Gutenberg-Editor geladen.
   ========================================================= */

:root{
  --navy:#09182A; --navy-2:#102A42;
  --blue:#1E7BE8; --cyan:#2FB8EE; --violet:#7B3FD4;
  --grad:linear-gradient(135deg,#2FB8EE 0%,#1E7BE8 52%,#7B3FD4 100%);
  --paper:#F7F9FC; --paper-2:#EDF2F8; --paper-3:#DFE8F2; --white:#fff;
  --ink:#0E1B26; --muted:#59697A; --muted-l:#AEC0D0;
  --line:rgba(14,27,38,.1); --line-2:rgba(14,27,38,.18); --line-d:rgba(247,249,252,.15);
  --wrap:1280px; --gut:clamp(20px,5vw,60px); --sec:clamp(68px,8vw,120px);
  --r:16px; --r-l:24px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --fd:"Manrope","Helvetica Neue",Arial,sans-serif;
  --fb:"Inter","Helvetica Neue",Arial,sans-serif;
}

body{font-family:var(--fb);color:var(--ink);background:var(--paper);line-height:1.66}
h1,h2,h3,h4{font-family:var(--fd);font-weight:800;line-height:1.09;letter-spacing:-.028em;text-wrap:balance}
img{max-width:100%;height:auto}

/* ---------- Grundraster ---------- */
.wrap-in{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut);width:100%;box-sizing:border-box}
.sec{padding-block:var(--sec)}
.sec-alt{background:var(--paper-2);border-block:1px solid var(--line)}
.sec-dark{background:var(--navy);color:#F2F6FA}
.sec-dark h1,.sec-dark h2,.sec-dark h3{color:#fff}
.head-block{max-width:56ch;margin-bottom:clamp(30px,4vw,52px)}

.h-xl{font-size:clamp(2.3rem,5.2vw,4.3rem);letter-spacing:-.036em}
.h-lg{font-size:clamp(1.95rem,3.7vw,3.05rem);letter-spacing:-.032em}
.h-md{font-size:clamp(1.4rem,2.3vw,1.95rem)}
.lede{font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.66;color:var(--muted);max-width:62ch}
.lede--s{font-size:.98rem}
.sec-dark .lede,.phead .lede,.kside .lede,.hero .lede{color:var(--muted-l)}

.eyebrow{font-family:var(--fd);font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.17em;
  color:var(--blue);display:flex;align-items:center;gap:11px;margin:0 0 18px}
.eyebrow::before{content:"";width:26px;height:3px;border-radius:3px;background:var(--grad);flex:0 0 auto}
.sec-dark .eyebrow,.kside .eyebrow,.hero .eyebrow{color:var(--cyan)}
.crumb{font-family:var(--fd);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;
  color:var(--cyan);margin:0 0 16px}

/* Wortmarke im Fliesstext */
img.ol{display:inline-block;height:1.45em;width:auto;vertical-align:-.36em;margin:0}
h1 img.ol,h2 img.ol{height:1.32em;vertical-align:-.26em}

/* ---------- Buttons ---------- */
.wp-block-button .wp-block-button__link{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--fd);font-weight:700;font-size:.97rem;padding:16px 28px;
  border-radius:999px !important;border:2px solid transparent;text-decoration:none;width:auto;
  transition:background-color .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease),box-shadow .4s var(--ease),transform .35s var(--ease)}
.btn-grad .wp-block-button__link{background:var(--grad);color:#fff;border:0;padding:18px 30px;
  box-shadow:0 12px 30px -14px rgba(30,123,232,.95)}
.btn-grad .wp-block-button__link:hover{box-shadow:0 20px 42px -16px rgba(123,63,212,.8);transform:translateY(-2px)}
.btn-solid .wp-block-button__link{background:var(--navy);color:#fff;border-color:var(--navy)}
.btn-solid .wp-block-button__link:hover{background:var(--navy-2);border-color:var(--navy-2);transform:translateY(-2px)}
.btn-out .wp-block-button__link{background:transparent;color:var(--ink);border-color:var(--line-2)}
.btn-out .wp-block-button__link:hover{border-color:var(--navy);background:rgba(14,27,38,.04);transform:translateY(-2px)}
.btn-out-l .wp-block-button__link{background:rgba(255,255,255,.07);color:#fff;border-color:rgba(255,255,255,.38)}
.btn-out-l .wp-block-button__link:hover{background:rgba(255,255,255,.16);border-color:#fff;transform:translateY(-2px)}
.btn-row{gap:14px;margin-top:4px}
.btn-row--top{margin-top:clamp(30px,4vw,48px)}

/* ---------- Kopfbereich ---------- */
.site-header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.95);
  backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.site-header .hdr-in{max-width:var(--wrap);margin-inline:auto;padding:14px var(--gut);
  min-height:82px;gap:clamp(14px,2.4vw,38px);box-sizing:border-box}
.site-header .wp-block-site-logo img{height:clamp(38px,4.8vw,50px);width:auto}
.hdr-right{gap:clamp(12px,1.8vw,28px)}
.site-header .wp-block-navigation{font-size:.95rem;font-weight:500;gap:clamp(12px,1.8vw,28px)}
.site-header .wp-block-navigation a{text-decoration:none;padding:9px 2px;position:relative}
.site-header .wp-block-navigation a::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:3px;
  border-radius:3px;background:var(--grad);transition:right .4s var(--ease)}
.site-header .wp-block-navigation a:hover::after,
.site-header .wp-block-navigation a.is-current::after,
.site-header .wp-block-navigation .current-menu-item a::after{right:0}
.hdr-cta .wp-block-button__link{padding:13px 22px;font-size:.89rem}

/* ---------- Hero: ein Cover mit Bild, Text darauf ---------- */
.wp-block-cover.hero{background:var(--navy);color:#F2F6FA;position:relative;overflow:hidden;
  min-height:clamp(540px,74vh,780px);padding:0;align-items:center}
.hero .wp-block-cover__image-background{object-fit:cover;object-position:62% 50%}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:
  linear-gradient(100deg,rgba(9,24,42,.96) 0%,rgba(9,24,42,.9) 30%,rgba(9,24,42,.55) 56%,rgba(9,24,42,.3) 74%,rgba(9,24,42,.6) 100%),
  linear-gradient(to top,rgba(9,24,42,.8) 0%,rgba(9,24,42,0) 42%)}
.wp-block-cover.hero>.wp-block-cover__inner-container,
.hero .wp-block-cover__inner-container{position:relative!important;z-index:3!important;width:100%;
  max-width:var(--wrap);margin-inline:auto;padding:clamp(72px,9vw,124px) var(--gut)}
.hero-copy{max-width:660px}
.hero h1{color:#fff;font-size:clamp(2.2rem,4.5vw,4rem);letter-spacing:-.038em;margin:0 0 20px;
  text-shadow:0 2px 30px rgba(9,24,42,.55)}
.hero .lede{color:#E2ECF5;max-width:52ch;margin-bottom:32px;text-shadow:0 1px 18px rgba(9,24,42,.6)}
.chip{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 18px 8px 10px;
  font-size:.83rem;font-weight:500;color:#E7EFF6;margin:0 0 22px;width:auto}
.chip strong{display:inline-flex;background:var(--grad);color:#fff;font-family:var(--fd);font-weight:800;
  font-size:.67rem;letter-spacing:.12em;text-transform:uppercase;padding:5px 11px;border-radius:999px}

/* ---------- Gestaltete Bilder ---------- */
.wp-block-column.pic{position:relative;isolation:isolate}
.wp-block-column.pic::before{content:"";position:absolute;right:-16px;top:-16px;width:46%;height:46%;
  border-radius:var(--r-l);background:var(--grad);opacity:.92;z-index:-2}
.wp-block-column.pic::after{content:"";position:absolute;left:-18px;bottom:-18px;width:110px;height:110px;
  border-radius:var(--r-l);background:var(--grad);opacity:.28;z-index:-2}
figure.pic-in{position:relative;border-radius:var(--r-l);overflow:hidden;margin:0;
  box-shadow:0 44px 90px -56px rgba(9,24,42,.85);background:var(--navy-2)}
figure.pic-in img{width:100%;display:block;filter:saturate(1.1) contrast(1.06);transition:transform 1.2s var(--ease)}
figure.pic-in::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(145deg,rgba(47,184,238,.3),rgba(123,63,212,.26));mix-blend-mode:soft-light}
.wp-block-column.pic:hover figure.pic-in img{transform:scale(1.045)}

/* ---------- Seitenkopf ---------- */
.phead{background:var(--navy);color:#F2F6FA;position:relative;overflow:hidden}
.phead::before{content:"";position:absolute;right:-12%;top:-70%;width:60%;height:230%;
  background:radial-gradient(closest-side,rgba(47,184,238,.24),transparent 70%)}
.phead::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--grad)}
.phead .wrap-in{padding-block:clamp(52px,6.5vw,96px);position:relative}
.phead h1{color:#fff;margin:0}
.phead-grid{gap:clamp(26px,5vw,64px)}

/* ---------- Kacheln ---------- */
.tiles{gap:clamp(16px,2vw,24px)}
.wp-block-column.tile{background:var(--white);border:1px solid var(--line);border-radius:var(--r);
  padding:clamp(24px,2.8vw,34px);position:relative;overflow:hidden;
  transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.wp-block-column.tile:hover{transform:translateY(-5px);box-shadow:0 30px 58px -42px rgba(9,24,42,.55)}
.wp-block-column.tile h3{font-size:1.14rem;margin:0 0 9px}
.wp-block-column.tile p{color:var(--muted);font-size:.95rem;margin:0}
.wp-block-column.tile::before{content:"";display:block;width:56px;height:56px;border-radius:16px;
  background-image:var(--ico);background-color:transparent;background-repeat:no-repeat;background-position:center;
  background-size:100% 100%;margin-bottom:20px;box-shadow:0 12px 24px -14px rgba(47,184,238,.85)}
.tile--fahren{--ico:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%232FB8EE'/%3E%3Cstop offset='.52' stop-color='%231E7BE8'/%3E%3Cstop offset='1' stop-color='%237B3FD4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='56' height='56' rx='16' fill='url(%23g)'/%3E%3Cg fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='28' cy='28' r='11'/%3E%3Ccircle cx='28' cy='28' r='3.6'/%3E%3Cpath d='M28 17v7.4M18 33.6l6.6-3.8M38 33.6l-6.6-3.8'/%3E%3C/g%3E%3C/svg%3E")}
.tile--team{--ico:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%232FB8EE'/%3E%3Cstop offset='.52' stop-color='%231E7BE8'/%3E%3Cstop offset='1' stop-color='%237B3FD4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='56' height='56' rx='16' fill='url(%23g)'/%3E%3Cg fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='23' cy='23' r='4.4'/%3E%3Cpath d='M15 38c0-4.2 3.6-7 8-7s8 2.8 8 7'/%3E%3Cpath d='M33 19.5a4.2 4.2 0 0 1 0 8M35 31c2.8.8 4.6 3 4.6 5.8'/%3E%3C/g%3E%3C/svg%3E")}
.tile--weg{--ico:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%232FB8EE'/%3E%3Cstop offset='.52' stop-color='%231E7BE8'/%3E%3Cstop offset='1' stop-color='%237B3FD4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='56' height='56' rx='16' fill='url(%23g)'/%3E%3Cg fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='15' y='17' width='26' height='22' rx='3'/%3E%3Cpath d='M15 24h26M23 13v6M33 13v6'/%3E%3C/g%3E%3C/svg%3E")}

/* ---------- Haken-Listen ---------- */
ul.tick{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
ul.tick li{position:relative;padding-left:32px;font-size:.98rem;line-height:1.55}
ul.tick li::before{content:"";position:absolute;left:0;top:.12em;width:20px;height:20px;border-radius:50%;background:var(--grad)}
ul.tick li::after{content:"";position:absolute;left:6px;top:.53em;width:8px;height:5px;
  border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}

/* ---------- Duo-Spalten ---------- */
.duo{gap:clamp(30px,5vw,76px)}

/* ---------- Schritte ---------- */
.steps{gap:clamp(18px,2.4vw,30px)}
.wp-block-column.step h3{font-size:1.1rem;margin:0 0 8px}
.wp-block-column.step p{color:var(--muted);font-size:.95rem;margin:0}
.wp-block-column.step p.step-num{color:#fff;margin:0 0 16px}
.step-num{width:42px;height:42px;border-radius:13px;background:var(--grad);color:#fff;
  display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:800;
  font-size:1.02rem;margin:0 0 18px}

/* ---------- Hinweisblock ---------- */
.wp-block-column.note{border:1px dashed var(--line-2);border-radius:var(--r);
  padding:clamp(22px,3vw,32px);background:rgba(47,184,238,.07)}
.wp-block-column.note p{color:var(--muted);font-size:.95rem;margin:0 0 11px}
.wp-block-column.note p:last-child{margin-bottom:0}
.note-label{display:inline-block;font-family:var(--fd);font-weight:800;font-size:.68rem;letter-spacing:.15em;
  text-transform:uppercase;color:#fff !important;background:var(--grad);padding:6px 12px;border-radius:999px;
  margin:0 0 14px;width:auto}

/* ---------- Kontaktbox ---------- */
.kbox{border-radius:var(--r-l);overflow:hidden;box-shadow:0 50px 100px -62px rgba(9,24,42,.75);
  background:var(--white);gap:0}
.wp-block-column.kside{position:relative;background:var(--navy);color:#F2F6FA;
  padding:clamp(28px,3.6vw,46px);overflow:hidden;display:flex;flex-direction:column}
.wp-block-column.kside::before{content:"";position:absolute;left:-30%;top:-20%;width:100%;height:80%;
  background:radial-gradient(closest-side,rgba(47,184,238,.42),transparent 72%)}
.wp-block-column.kside::after{content:"";position:absolute;right:-30%;bottom:-25%;width:100%;height:80%;
  background:radial-gradient(closest-side,rgba(123,63,212,.4),transparent 70%)}
.wp-block-column.kside > *{position:relative;z-index:2}
.wp-block-column.kside h2{color:#fff;margin:0 0 14px}
.wp-block-column.kside .lede{color:#CBDBE9;font-size:1rem;margin-bottom:28px}
.kitems{display:flex;flex-direction:column;gap:14px;margin-top:auto}
.kitem{display:grid;grid-template-columns:58px 1fr;align-items:center;column-gap:18px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:16px;
  padding:16px 20px;transition:background-color .35s var(--ease),transform .35s var(--ease),border-color .35s var(--ease)}
.kitem:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.34);transform:translateY(-2px)}
.kitem::before{content:"";grid-row:1 / span 2;grid-column:1;width:58px;height:58px;border-radius:17px;
  background-image:var(--ico);background-repeat:no-repeat;background-position:center;background-size:100% 100%;
  box-shadow:0 10px 22px -12px rgba(47,184,238,.9)}
.kitem-label{grid-column:2;margin:0 0 3px;font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;
  color:#9FB6CA;font-family:var(--fd);font-weight:700;align-self:end}
.kitem-value{grid-column:2;margin:0;font-family:var(--fd);font-weight:800;font-size:1.06rem;
  letter-spacing:-.012em;line-height:1.25;color:#fff;word-break:break-word;align-self:start}
.kitem-value a{color:#fff;text-decoration:none}
.kitem--mail{--ico:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 58'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%232FB8EE'/%3E%3Cstop offset='.52' stop-color='%231E7BE8'/%3E%3Cstop offset='1' stop-color='%237B3FD4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='58' height='58' rx='17' fill='url(%23g)'/%3E%3Cg fill='none' stroke='%23fff' stroke-width='2.3' stroke-linejoin='round'%3E%3Crect x='15' y='21' width='28' height='17' rx='2'/%3E%3Cpath d='m15.6 21.6 13.4 9.4 13.4-9.4'/%3E%3C/g%3E%3C/svg%3E")}
.kitem--pin{--ico:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 58'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%232FB8EE'/%3E%3Cstop offset='.52' stop-color='%231E7BE8'/%3E%3Cstop offset='1' stop-color='%237B3FD4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='58' height='58' rx='17' fill='url(%23g)'/%3E%3Cg fill='none' stroke='%23fff' stroke-width='2.3' stroke-linejoin='round'%3E%3Cpath d='M29 43s9-7 9-14a9 9 0 1 0-18 0c0 7 9 14 9 14z'/%3E%3Ccircle cx='29' cy='28.4' r='3.3'/%3E%3C/g%3E%3C/svg%3E")}
.kitem--clock{--ico:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 58'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%232FB8EE'/%3E%3Cstop offset='.52' stop-color='%231E7BE8'/%3E%3Cstop offset='1' stop-color='%237B3FD4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='58' height='58' rx='17' fill='url(%23g)'/%3E%3Cg fill='none' stroke='%23fff' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='29' cy='29' r='11.5'/%3E%3Cpath d='M29 23v6l3.8 2.6'/%3E%3C/g%3E%3C/svg%3E")}
.wp-block-column.kform{padding:clamp(26px,3.4vw,46px);background:var(--white)}

/* ---------- Formular ---------- */
.omn-form .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.omn-form .f{display:flex;flex-direction:column;gap:7px;margin:0}
.omn-form .f--full,.omn-form .consent,.omn-form .err.f--full{grid-column:1/-1}
.omn-form label{font-family:var(--fd);font-weight:700;font-size:.86rem}
.omn-form .req{color:var(--blue);font-weight:800}
.omn-form .hint{font-size:.79rem;color:var(--muted);font-weight:400;line-height:1.45}
.omn-form input[type=text],.omn-form select,.omn-form textarea{
  font-family:var(--fb);font-size:.99rem;color:var(--ink);background:var(--paper);
  border:1.5px solid var(--line-2);border-radius:12px;padding:14px 15px;width:100%;box-sizing:border-box;
  transition:border-color .3s var(--ease),box-shadow .3s var(--ease),background-color .3s var(--ease)}
.omn-form textarea{min-height:120px;resize:vertical}
.omn-form select{appearance:none;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%2359697A' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}
.omn-form input:focus,.omn-form select:focus,.omn-form textarea:focus{
  border-color:var(--blue);background:var(--white);box-shadow:0 0 0 3px rgba(30,123,232,.16);outline:none}
.omn-form [aria-invalid="true"]{border-color:#C23A22;background:rgba(194,58,34,.05)}
.omn-form .err{display:none;font-size:.82rem;color:#A32C17;font-weight:500}
.omn-form .err.show{display:block}
.omn-form .err::before{content:"";display:inline-block;width:6px;height:6px;background:#C23A22;
  border-radius:50%;margin-right:7px;vertical-align:1px}
.omn-form .consent{display:flex;gap:12px;align-items:flex-start;margin:2px 0 0}
.omn-form .consent input{width:20px;height:20px;margin-top:3px;accent-color:var(--blue);cursor:pointer;flex:0 0 auto}
.omn-form .consent label{font-family:var(--fb);font-weight:400;font-size:.87rem;color:var(--muted);line-height:1.55}
.omn-form .consent a{color:var(--blue)}
.omn-form .ffoot{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:24px}
.omn-form .ffoot small{font-size:.81rem;color:var(--muted);max-width:40ch;line-height:1.5}
.omn-form .summary{border:1.5px solid #C23A22;background:rgba(194,58,34,.07);border-radius:12px;
  padding:14px 16px;margin-bottom:20px;font-size:.9rem;color:#8E2513;font-weight:500}
.omn-form .summary ul{margin:8px 0 0;padding-left:18px}
.omn-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.omn-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;
  font-family:var(--fd);font-weight:700;font-size:.97rem;padding:18px 30px;border:0;border-radius:999px;
  background:var(--grad);color:#fff;box-shadow:0 12px 30px -14px rgba(30,123,232,.95);
  transition:box-shadow .4s var(--ease),transform .35s var(--ease)}
.omn-btn:hover{box-shadow:0 20px 42px -16px rgba(123,63,212,.8);transform:translateY(-2px)}
.omn-success .smark{width:56px;height:56px;border-radius:50%;background:var(--grad);
  display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.omn-success .smark svg{width:27px;height:21px}
.omn-success h2{font-size:clamp(1.4rem,2.3vw,1.95rem);margin:0 0 14px}
.omn-success p{color:var(--muted);margin:0 0 14px}
.omn-again{color:var(--blue);font-family:var(--fd);font-weight:700;text-decoration:none}

/* ---------- Rechtstexte ---------- */
.legal{max-width:78ch}
.legal h2{font-size:clamp(1.2rem,2vw,1.55rem);margin:40px 0 12px}
.legal h2:first-child{margin-top:0}
.legal p,.legal li{color:var(--muted);font-size:.97rem}
.legal .wp-block-list{margin:12px 0;padding-left:20px;display:flex;flex-direction:column;gap:7px}
.legal-dl{display:grid;grid-template-columns:minmax(150px,.32fr) 1fr;gap:12px 22px;margin:18px 0 0}
.legal-dl .dt{font-family:var(--fd);font-weight:700;font-size:.9rem;color:var(--ink);margin:0}
.legal-dl .dd{margin:0}

/* ---------- Fussbereich ---------- */
.site-footer{background:var(--navy);color:#F2F6FA;padding-block:clamp(52px,6.5vw,86px) 0;position:relative}
.site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--grad)}
.site-footer .wrap-in{position:relative}
.ft-grid{gap:clamp(26px,3.4vw,54px)}
.site-footer figure.ft-logo{margin:0 0 20px}
.site-footer figure.ft-logo img{height:54px!important;width:auto!important;max-width:100%}
footer.wp-block-template-part{margin-top:0!important}
main.wp-block-group{margin-top:0!important}
.entry-content > *{margin-block-start:0!important}
.wp-block-cover.hero{min-height:clamp(540px,74vh,780px)!important}
header.wp-block-template-part{margin-bottom:0!important}
.site-footer p{color:var(--muted-l);font-size:.95rem}
.ft-brand p{max-width:34ch;margin:0 0 22px}
.site-footer h4{font-family:var(--fd);font-size:.73rem;text-transform:uppercase;letter-spacing:.16em;
  color:var(--cyan);margin:0 0 16px}
ul.ft-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
ul.ft-list a{color:var(--muted-l);text-decoration:none;font-size:.94rem;transition:color .3s var(--ease)}
ul.ft-list a:hover{color:var(--cyan)}
.ft-bottom{margin-top:clamp(34px,4.5vw,58px);border-top:1px solid var(--line-d);padding-block:22px 30px;
  gap:14px 28px;font-size:.83rem}
.ft-bottom p{margin:0;font-size:.83rem}
.ft-legal a{color:var(--muted-l);text-decoration:none;margin-left:22px}
.ft-legal a:first-child{margin-left:0}
.ft-legal a:hover{color:var(--cyan)}
.ft-acc{display:none}

/* ---------- Responsive ---------- */
@media (max-width:1020px){
  .kbox{border-radius:var(--r)}
}
@media (max-width:781px){
  .wp-block-cover.hero{min-height:clamp(500px,80vh,700px)}
  .hero .wp-block-cover__image-background{object-position:66% 50%}
  .hero::after{background:linear-gradient(180deg,rgba(9,24,42,.93) 0%,rgba(9,24,42,.74) 46%,rgba(9,24,42,.94) 100%)}
  .hero-copy{max-width:none}
  .duo,.tiles,.steps,.phead-grid,.ft-grid,.kbox{gap:32px}
  .kbox{gap:0}
  .wp-block-column.pic::before{width:52%;height:38%;right:-10px;top:-10px}
  .wp-block-column.pic::after{width:76px;height:76px;left:-10px;bottom:-10px}
  .site-header .hdr-in{min-height:70px}
  .hdr-cta{display:none}
  .omn-form .fgrid{grid-template-columns:1fr}
  .legal-dl{grid-template-columns:1fr;gap:4px 0}
  .legal-dl .dt{margin-top:10px}
  .ft-brand{text-align:center}
  .site-footer figure.ft-logo img{margin-inline:auto}
  .ft-brand p{max-width:none;margin-inline:auto}
  .ft-brand .wp-block-buttons{justify-content:center}
  .ft-bottom{justify-content:center;text-align:center}
  .site-footer .ft-col{border-top:1px solid var(--line-d);padding-top:4px}
  .site-footer h4{margin-top:18px}
}

/* Flex-Container unabhaengig von den generierten Layout-Klassen absichern */
.site-header .hdr-in{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap}
.hdr-right{display:flex;align-items:center;flex-wrap:nowrap}
.ft-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.wp-block-buttons.btn-row{display:flex;flex-wrap:wrap;align-items:center}
