.mega-card-cat { display: block !important; }
.mega-card-cat::before { display: none !important; content: none !important; }

/* Nav: fixed, scroll-reveal (wie übrige gurado-Seiten) */
.hdr-topbar { position: fixed !important; top: 0 !important; left: 0; right: 0; z-index: 52; transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1); will-change: transform; }
.hdr-topbar.nav-hidden { transform: translateY(-200%); }
.hdr { position: fixed !important; top: 38px !important; left: 0; right: 0; margin-top: 0 !important; z-index: 50; transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1), top 0.38s cubic-bezier(0.4, 0, 0.2, 1); will-change: transform; }
.hdr.topbar-gone { top: 4px !important; }
.hdr.nav-hidden { transform: translateY(-250%); }
body { padding-top: 130px; }
@media (max-width: 920px) {
  body { padding-top: 102px; }
  .hdr-ham { display: flex; }
  .hdr-cta { display: none !important; }
  .hdr-actions { display: none !important; }
  .hdr-in {
    grid-template-columns: 1fr auto !important;
    max-width: none;
    width: calc(100% - 32px);
    padding: 0 8px 0 16px;
  }
  .hdr-in .nav { display: none; }
}

/* Hero-Wrap wie Startseite: max 90% / 1728px */
.hero .wrap { width: min(90%, 1728px) !important; }

/* Hero-Bildkarte (echtes Foto statt Cutout) */
.eh-hero-media { position: relative; }
.eh-hero-photo { width: 86%; max-width: 480px; margin-left: auto; margin-right: 0; display: block; aspect-ratio: 4/3; object-fit: cover; border-radius: var(--rl); border: 1px solid var(--line); box-shadow: var(--shadow-m); }
@media (max-width: 900px) { .eh-hero-media { margin-top: 40px; } .eh-hero-photo { width: 100%; max-width: none; aspect-ratio: 16/11; } }

/* ── Hamburger Button ─────────────────────────────────────── */
.hdr-ham {
  display: none;
  width: 34px; height: 34px;
  border-radius: 8px;
  background: var(--cyan);
  border: none;
  flex-direction: column; align-items: center; justify-content: center; gap: 4px;
  cursor: pointer; padding: 0; margin-left: 6px; flex-shrink: 0;
  transform: rotate(-1.5deg);
  transition: transform .18s, filter .18s;
}
.hdr-ham:hover { filter: brightness(1.08); transform: rotate(-1.5deg) scale(1.06); }
.hdr-ham span {
  display: block; width: 16px; height: 2px;
  background: #fff; border-radius: 999px;
  transition: transform .26s cubic-bezier(.4,0,.2,1), opacity .2s;
}
.hdr-ham.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.hdr-ham.open span:nth-child(2) { opacity: 0; }
.hdr-ham.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* ── Mobile Nav Drawer ────────────────────────────────────── */
.ham-panel {
  position: fixed; inset: 0;
  z-index: 48;
  background: var(--surface);
  display: flex; flex-direction: column;
  padding: 88px 0 24px;
  opacity: 0; pointer-events: none;
  transform: translateY(-8px);
  transition: opacity .22s, transform .28s cubic-bezier(.4,0,.2,1);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ham-panel.open { opacity: 1; pointer-events: auto; transform: none; }

.ham-nav {
  display: flex; flex-direction: column;
  padding: 0 24px;
  border-top: 1px solid var(--line);
}
.ham-nav-item {
  font-family: var(--head); font-weight: 700; font-size: 1.3rem;
  color: var(--ink); padding: 12px 0;
  border-bottom: 1px solid var(--line);
  text-decoration: none;
  display: flex; align-items: center; justify-content: space-between;
  transition: color .15s;
}
.ham-nav-item:last-child { border-bottom: 0; }
.ham-nav-item:hover { color: var(--green); }
.ham-nav-item span { opacity: .35; font-weight: 400; }

/* Accordion wrapper */
.ham-acc { border-bottom: 1px solid var(--line); }
.ham-acc-btn {
  width: 100%; display: flex; align-items: center; justify-content: space-between;
  background: none; border: none; text-align: left; cursor: pointer;
  border-bottom: none !important; outline: none;
}
.ham-acc-btn:hover { color: var(--ink) !important; }
.ham-acc-btn:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; border-radius: 4px; }
.ham-chev {
  font-size: .7rem; opacity: .4; transition: transform .22s cubic-bezier(.4,0,.2,1);
  flex-shrink: 0;
}
.ham-acc-btn[aria-expanded="true"] .ham-chev { transform: rotate(180deg); opacity: .7; }
.ham-acc-body {
  display: flex; flex-direction: column; gap: 0;
  padding: 0 0 12px 0;
}
.ham-acc-body[hidden] { display: none; }
.ham-sub-item {
  display: flex; flex-direction: column; gap: 2px;
  padding: 10px 12px; border-radius: 8px;
  text-decoration: none;
  transition: background .15s;
}
.ham-sub-item:hover { background: oklch(97% .005 145); }
.ham-sub-cat {
  font-family: var(--head); font-weight: 700; font-size: .95rem;
  color: var(--ink);
}
.ham-sub-title {
  font-size: .8rem; color: var(--muted); line-height: 1.3;
}

.ham-ctas {
  display: flex; flex-direction: column; gap: 10px;
  padding: 16px 24px 0;
}
.ham-ctas .btn { justify-content: center; font-size: 1.05rem; }

.ham-lang {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 12px 24px 6px;
}
.ham-lang-btn {
  background: none; border: none; cursor: pointer;
  font-family: var(--head); font-weight: 700; font-size: .9rem;
  color: var(--muted); padding: 4px 8px; border-radius: 6px;
  transition: color .15s, background .15s;
}
.ham-lang-btn.active { color: var(--ink); background: var(--line); }
.ham-lang-sep { color: var(--muted); font-size: .85rem; }

/* FEATURE-STRIP (unter Hero) */
.eh-featstrip { background:#fff; border-top:1px solid var(--line); border-bottom:1px solid var(--line); overflow:hidden; }
.eh-featstrip-marquee { padding:clamp(22px,2.4vw,34px) 0; }
.eh-featstrip-track { gap:clamp(40px,5vw,72px); animation-duration:38s; }
.eh-feat { display:flex; align-items:center; gap:11px; font-size:1.15rem; font-weight:700; color:var(--ink); line-height:1.35; white-space:nowrap; }
.eh-feat-ck { flex-shrink:0; width:26px; height:26px; border-radius:50%; background:#25b4de; color:#fff; display:grid; place-items:center; font-size:.85rem; font-weight:800; }
@media(max-width:640px){ .eh-feat { font-size:1.02rem; } }

/* INTRO-SECTION */
.eh-intro { padding:clamp(56px,7vw,110px) 0; background:var(--bg); }
.eh-intro-card { display:flex; flex-direction:column; align-items:center; gap:clamp(24px,3vw,40px); }
.eh-intro-side { padding:0; display:flex; flex-direction:column; align-items:center; text-align:center; gap:clamp(18px,2.2vw,26px); }
.eh-intro .eh-intro-side h2 { color:var(--ink); }
.eh-intro .eh-intro-side h2 .hl { color:var(--cyan); }
.eh-intro-cta { justify-content:center; }

@media(max-width:900px){ .eh-intro-card { grid-template-columns:1fr; } }
.eh-eyebrow { display:inline-flex; align-items:center; gap:10px; font-size:.72rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--green); margin:0 0 18px; }
.eh-eyebrow::before { content:""; width:34px; height:2px; background:var(--green); border-radius:2px; }
.eh-intro h2 { font-size:clamp(2rem,3.4vw,3rem); font-weight:700; letter-spacing:-.035em; line-height:1.05; color:var(--ink); margin:0; text-wrap:balance; }
.eh-intro h2 .hl { color:var(--cyan); }
.eh-intro-body { display:flex; flex-direction:column; gap:18px; }
.eh-intro-body p { margin:0; font-size:clamp(1.02rem,1.2vw,1.14rem); font-weight:500; line-height:1.6; color:var(--text); text-wrap:pretty; }
.eh-intro-body p strong { color:var(--ink); font-weight:700; }
.eh-intro-body p a { color:var(--green-press); font-weight:700; text-decoration:none; box-shadow:inset 0 -1px 0 0 color-mix(in srgb, var(--green) 45%, transparent); transition:box-shadow .18s, color .18s; }
.eh-intro-body p a:hover { color:var(--ink); box-shadow:inset 0 -1px 0 0 var(--ink); }
.eh-intro-body { padding:0; display:flex; flex-direction:column; align-items:center; gap:18px; justify-content:center; }
.eh-intro-body p { max-width:38em; text-align:center; }
.hero .eh-eyebrow { margin-bottom:14px; }
.eh-intro-cta { margin-top:10px; display:flex; gap:14px; flex-wrap:wrap; }
@media(max-width:900px){ .eh-intro-in { grid-template-columns:1fr; } }

/* PRODUKT-KARTEN (Links statt Modal) */
.eh-prods .mtall { grid-template-columns:repeat(3,1fr); max-width:1160px; margin-inline:auto; }
@media(max-width:980px){ .eh-prods .mtall { grid-template-columns:1fr 1fr; } }
@media(max-width:560px){ .eh-prods .mtall { grid-template-columns:1fr; } }

/* Sektions-Bausteine (identisch zu den übrigen gurado-Seiten) */
.gs-section { padding:clamp(50px,6vw,98px) 0; }
.gs-head { text-align:center; max-width:34em; margin:0 auto clamp(34px,4vw,56px); }
.gs-head .lead { margin-top:16px; }
.gs-h2 { font-size:clamp(2rem,3.4vw,3rem); letter-spacing:-.035em; line-height:1.05; color:var(--ink); text-wrap:balance; margin:0; }
a.tcard { text-decoration:none; color:inherit; }
@media(max-width:860px){
  .vgal { height:auto; }
  .vcard { height:auto !important; min-height:300px !important; cursor:default; }
  .vcard:not(.open) .vc-inner { top:auto !important; left:14px !important; right:14px !important; bottom:14px !important; width:auto !important; flex-direction:column !important; align-items:flex-start !important; padding:18px 20px 22px !important; }
  .vcard:not(.open) .vc-head { writing-mode:horizontal-tb !important; transform:none !important; position:static !important; white-space:normal !important; font-size:1.15rem !important; }
  .vcard:not(.open) .vc-detail { display:block !important; max-height:300px !important; opacity:1 !important; margin-top:8px !important; }
  .vcard:not(.open) .vc-short { display:none !important; }
  .vcard:not(.open) .vc-long { display:inline !important; }
  .vc-arrow { display:none !important; }
}

/* FAQ (Verlauf wie Gutscheinsystem-Seite) */
.faq { background:linear-gradient(135deg,#0e5570 0%,#1c6f64 52%,#8bc220 100%) !important; }
.faq .wrap { position:relative; z-index:2; }
.faq .bx { position:absolute; z-index:1; border-radius:6px; box-shadow:0 8px 20px -8px rgba(20,30,15,.35); }
@media(max-width:560px){ .faq .bx { display:none; } }
/* ── Intelligente Rabatte ────────────────────────────────────── */
.fr-net{padding:clamp(50px,6vw,98px) 0 clamp(40px,4.6vw,72px);background:var(--surface);}
.fr-net .wrap{width:80%;max-width:1400px;}
.fr-net-board{position:relative;margin-top:clamp(30px,3.6vw,48px);display:grid;gap:clamp(18px,2.2vw,30px);}
.fr-hq{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,2vw,28px);align-items:center;padding:clamp(22px,2.4vw,32px);border-radius:22px;background:var(--bg-dark);color:#fff;}
@media(max-width:700px){.fr-hq{grid-template-columns:1fr;}}
.fr-hq-tag{font-family:var(--head);font-weight:700;font-size:clamp(1.24rem,1.7vw,1.6rem);letter-spacing:-.025em;}
.fr-hq p{margin:0;font-size:1rem;line-height:1.55;color:rgba(255,255,255,.74);max-width:52em;text-wrap:pretty;}
.fr-net-board{--wgap:clamp(14px,1.6vw,22px);--wline:rgba(40,34,22,.22);}
.fr-wires{position:relative;height:46px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--wgap);}
.fr-wires::before{content:"";position:absolute;top:0;left:50%;height:23px;border-left:2px solid var(--wline);}
.fr-wires::after{content:"";position:absolute;top:22px;height:0;
  left:calc((100% - 2 * var(--wgap)) / 6);right:calc((100% - 2 * var(--wgap)) / 6);border-top:2px solid var(--wline);}
.fr-wires i{position:relative;}
.fr-wires i::before{content:"";position:absolute;left:50%;top:22px;bottom:0;border-left:2px solid var(--wline);}
.fr-shops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--wgap);}
@media(max-width:820px){.fr-shops{grid-template-columns:1fr;}.fr-wires{display:none;}}
.fr-shop{display:flex;flex-direction:column;gap:10px;padding:clamp(20px,2.2vw,28px);border-radius:18px;background:var(--bg);border:1px solid var(--line);}
.fr-shop-top{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.fr-shop-name{font-family:var(--head);font-weight:700;font-size:1.06rem;color:var(--ink);}
.fr-chip{font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:999px;background:color-mix(in srgb,var(--acc) 18%,#fff);color:var(--ink);}
.fr-shop-val{font-family:var(--head);font-weight:700;font-size:clamp(1.6rem,2.4vw,2.1rem);letter-spacing:-.03em;color:var(--acc);line-height:1;}
.fr-shop p{margin:0;font-size:.98rem;line-height:1.5;color:var(--text);text-wrap:pretty;}
.fr-net-note{margin:clamp(20px,2.4vw,30px) auto 0;text-align:center;font-size:1rem;line-height:1.6;color:var(--text);max-width:46em;}

/* Zwei Sichten */
.fr-views{padding:clamp(50px,6vw,98px) 0;background:var(--bg);}
.fr-views .wrap{width:60%;max-width:1200px;}
@media(max-width:1100px){.fr-views .wrap{width:min(1600px,100% - 56px);}}
.fr-cmp{margin-top:clamp(28px,3.4vw,44px);border-radius:var(--r,18px);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-s);overflow:hidden;}
.fr-cmp-row{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr) minmax(0,1fr);}
.fr-cmp-row + .fr-cmp-row{border-top:1px solid var(--line);}
.fr-cmp-row > *{padding:clamp(18px,2vw,26px) clamp(16px,1.8vw,26px);}
.fr-cmp-row > * + *{border-left:1px solid var(--line);}
.fr-cmp-head{background:var(--bg);}
.fr-cmp-who{display:flex;align-items:center;gap:12px;font-family:var(--head);font-weight:700;font-size:clamp(1.08rem,1.3vw,1.28rem);letter-spacing:-.02em;color:var(--ink);}
.fr-cmp-topic{font-family:var(--head);font-weight:700;font-size:1rem;color:var(--ink);letter-spacing:-.01em;}
.fr-cmp-row p{margin:0;font-size:1rem;line-height:1.55;color:var(--text);text-wrap:pretty;}
@media(max-width:860px){
  .fr-cmp-row{grid-template-columns:1fr;}
  .fr-cmp-row > * + *{border-left:0;border-top:1px solid var(--line);}
  .fr-cmp-head{display:none;}
  .fr-cmp-row p::before{content:attr(data-role);display:block;font-family:var(--head);font-weight:700;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-deep);margin-bottom:6px;}
}

/* Strukturwahl */
.fr-pick{padding:clamp(56px,6.5vw,104px) 0;background:var(--bg-dark);color:#fff;}
.fr-pick .wrap{width:80%;max-width:1400px;}
.fr-pick h2{margin:0;font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-.035em;line-height:1.05;color:#fff;text-wrap:balance;}
.fr-pick .lead{margin:16px 0 0;max-width:36em;color:rgba(255,255,255,.72);}
.fr-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(28px,3.2vw,40px);}
.fr-tab{font-family:var(--head);font-weight:700;font-size:1rem;color:#fff;background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.2);border-radius:999px;padding:12px 22px;cursor:pointer;transition:background .18s,border-color .18s,color .18s;}
.fr-tab:hover{background:rgba(255,255,255,.14);}
.fr-tab[aria-selected="true"]{background:#5ec9ec;border-color:#5ec9ec;color:var(--ink);}
.fr-panels{margin-top:clamp(22px,2.6vw,32px);}
.fr-panel{display:none;}
.fr-panel.on{display:block;}
.fr-panel-lead{margin:0 0 clamp(18px,2vw,26px);font-size:clamp(1.04rem,1.25vw,1.2rem);font-weight:600;line-height:1.5;color:#fff;max-width:40em;}
.fr-rows{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,18px);}
@media(max-width:980px){.fr-rows{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.fr-rows{grid-template-columns:1fr;}}
.fr-row{padding:clamp(18px,2vw,26px);border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);}
.fr-row b{display:block;font-family:var(--head);font-size:clamp(1.2rem,1.5vw,1.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.14;color:#fff;margin-bottom:10px;text-wrap:pretty;}
.fr-row span{font-size:1rem;line-height:1.55;color:rgba(255,255,255,.72);font-weight:500;text-wrap:pretty;}

/* Abrechnungsperiode */
.fr-cycle{padding:clamp(50px,6vw,98px) 0;background:var(--surface);}
.fr-cycle-in{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(36px,5vw,90px);align-items:start;}
.fr-cycle-in .gs-head{text-align:left;margin:0;position:sticky;top:150px;}
.fr-cycle-in .gs-head .lead{margin-left:0;}
.fr-ax{display:flex;flex-direction:column;}
.fr-it{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(18px,2vw,30px);padding-bottom:clamp(26px,3vw,40px);}
.fr-it:last-child{padding-bottom:0;}
.fr-rail{position:relative;display:flex;flex-direction:column;align-items:center;}
.fr-rail .n{width:42px;height:42px;border-radius:50%;background:var(--cyan-soft);color:var(--cyan-deep);display:grid;place-items:center;font-family:var(--head);font-weight:700;font-size:1.06rem;flex-shrink:0;}
.fr-it:not(:last-child) .fr-rail::after{content:"";flex:1;width:2px;background:var(--line);margin-top:8px;}
.fr-bd{padding-top:5px;display:flex;flex-direction:column;gap:9px;}
.fr-bd h3{margin:0;font-size:clamp(1.24rem,1.6vw,1.62rem);font-weight:700;letter-spacing:-.025em;line-height:1.14;color:var(--ink);text-wrap:pretty;}
.fr-bd p{margin:0;font-size:1.02rem;line-height:1.55;color:var(--text);max-width:34em;text-wrap:pretty;}
@media(max-width:900px){.fr-cycle-in{grid-template-columns:1fr;}.fr-cycle-in .gs-head{position:static;}}

/* E-Geld */
.fr-eg{position:relative;padding:clamp(66px,8vw,124px) 0;color:#fff;overflow:hidden;}
.fr-eg::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;z-index:0;
  background:linear-gradient(180deg,rgba(14,20,24,.88),rgba(14,20,24,.74)),url("/uploads/manager-working-financial-analysis-while-standing-with-laptop.971e046d.webp") center 35%/cover no-repeat;}
.fr-eg-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,4.5vw,72px);align-items:center;}
@media(max-width:980px){.fr-eg-in{grid-template-columns:1fr;}}
.fr-eg h2{margin:0;font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-.035em;line-height:1.05;color:#fff;text-wrap:balance;}
.fr-eg .lead{margin:18px 0 0;max-width:30em;color:rgba(255,255,255,.78);}
.fr-eg-list{list-style:none;margin:0 clamp(16px,3vw,54px) 0 auto;max-width:500px;padding:clamp(8px,1vw,14px) clamp(22px,2.4vw,34px);border-radius:22px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(18px) saturate(1.3);display:block;}
.fr-eg-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:clamp(9px,1vw,12px) 0;font-size:clamp(1.02rem,1.2vw,1.16rem);line-height:1.4;color:#fff;font-weight:600;text-wrap:pretty;}

/* Start & Anbindung */
.fr-start{padding:clamp(50px,6vw,98px) 0;background:var(--bg);}
.fr-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.8vw,24px);margin-top:clamp(28px,3.4vw,44px);}
@media(max-width:860px){.fr-start-grid{grid-template-columns:1fr;}}
.fr-start-card{display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding:clamp(22px,2.4vw,32px);border-radius:var(--r,18px);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-s);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s,border-color .2s;}
.fr-start-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-m);border-color:var(--line-2);}
.fr-start-card h3{margin:0;font-size:clamp(1.14rem,1.4vw,1.34rem);font-weight:700;letter-spacing:-.02em;line-height:1.18;color:var(--ink);}
.fr-start-card p{margin:0;font-size:1rem;line-height:1.55;color:var(--text);text-wrap:pretty;}
.fr-start-card a{color:var(--ink);font-weight:700;text-decoration:none;box-shadow:inset 0 -1px 0 0 var(--green);}
.fr-start-card a:hover{color:var(--cyan-deep);}
.fr-start-card a{box-shadow:inset 0 -1px 0 0 var(--cyan);}
.fr-start-list{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:7px;width:100%;}
.fr-start-list li{position:relative;padding-left:20px;font-size:.96rem;line-height:1.45;color:var(--text);text-wrap:pretty;}
.fr-start-list li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--cyan);}
.fr-start-link{margin-top:auto;padding-top:4px;font-weight:700;font-size:.98rem;color:var(--ink);text-decoration:none;}

/* ── Werbegemeinschaften ─────────────────────────────────────── */
.wg-tech{padding:clamp(56px,6.5vw,104px) 0;background:var(--bg-dark);color:#fff;}
.wg-tech h2{margin:0;font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-.035em;line-height:1.05;color:#fff;text-wrap:balance;max-width:18em;}
.wg-tech .lead{margin:16px 0 0;max-width:38em;color:rgba(255,255,255,.72);}
.wg-tech .wrap{width:80%;max-width:1400px;}
@media(max-width:1100px){.wg-tech .wrap{width:min(1600px,100% - 56px);}}
.wg-tech-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin-top:clamp(30px,3.6vw,48px);}
@media(max-width:1000px){.wg-tech-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.wg-tech-grid{grid-template-columns:1fr;}}
.wg-tech-it{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:clamp(22px,2.4vw,30px);border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);}
.wg-tech-it h3{margin:0 0 7px;font-size:clamp(1.14rem,1.4vw,1.34rem);font-weight:700;letter-spacing:-.02em;line-height:1.16;color:#fff;text-wrap:pretty;}
.wg-tech-it p{margin:0;font-size:1rem;line-height:1.55;color:rgba(255,255,255,.72);text-wrap:pretty;}
.fr-ax-plain .fr-it:not(:last-child) .fr-rail::after{display:none;}
.wg-models{background:var(--bg);}
.wg-adv{padding:clamp(50px,6vw,98px) 0;background:var(--surface);}
.wg-adv .wrap{width:80%;max-width:1400px;}
@media(max-width:1100px){.wg-adv .wrap{width:min(1600px,100% - 56px);}}
.wg-adv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin-top:clamp(28px,3.4vw,44px);}
@media(max-width:900px){.wg-adv-grid{grid-template-columns:1fr;}}
.wg-adv-it{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:clamp(22px,2.4vw,32px);border-radius:var(--r,18px);background:var(--bg);border:1px solid var(--line);}
.wg-adv-wide{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(16px,2vw,26px);align-items:center;margin-top:0;padding:clamp(22px,2.4vw,30px) clamp(24px,2.6vw,34px);border-radius:var(--r,18px);background:var(--bg);border:1px solid var(--line);}
@media(max-width:760px){.wg-adv-wide{grid-template-columns:auto minmax(0,1fr);}.wg-adv-wide .btn{grid-column:1 / -1;justify-self:start;}}
.wg-adv-wide b{display:block;font-family:var(--head);font-size:1.14rem;color:var(--ink);letter-spacing:-.01em;margin-bottom:5px;}
.wg-adv-wide p{margin:0;font-size:1.04rem;line-height:1.55;color:var(--text);text-wrap:pretty;}
.wg-adv-it p{margin:0;font-size:1.04rem;line-height:1.55;color:var(--text);text-wrap:pretty;}
.wg-adv-it b{display:block;font-family:var(--head);font-size:1.08rem;color:var(--ink);letter-spacing:-.01em;margin-bottom:5px;}
.cp-rules{list-style:none;margin:0 clamp(16px,3vw,54px) 0 auto;max-width:520px;padding:clamp(10px,1.2vw,16px) clamp(22px,2.4vw,32px);border-radius:22px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(18px) saturate(1.3);}
.cp-rules li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:clamp(11px,1.3vw,15px) 0;color:#fff;text-wrap:pretty;}
.cp-rules b{display:block;font-family:var(--head);font-size:.98rem;font-weight:700;color:#5ec9ec;letter-spacing:-.01em;}
.cp-rules span.v{font-size:clamp(1.02rem,1.2vw,1.16rem);font-weight:600;line-height:1.35;}
.cp-note{margin:clamp(22px,2.6vw,32px) 0 0;max-width:34em;color:rgba(255,255,255,.78);}
.cp-demo{padding:clamp(56px,6.5vw,104px) 0;background:var(--bg-dark);color:#fff;}
.cp-demo .wrap{width:80%;max-width:1200px;}
@media(max-width:1100px){.cp-demo .wrap{width:min(1600px,100% - 56px);}}
.cp-demo .gs-h2{color:#fff;}
.cp-demo .lead{color:rgba(255,255,255,.74);}
.cp-code{margin:clamp(30px,3.6vw,48px) auto 0;max-width:640px;padding:clamp(22px,2.4vw,30px) clamp(24px,2.6vw,34px);border-radius:22px;
  background:rgba(239,168,30,.10);border:1.5px dashed rgba(239,168,30,.5);}
.cp-code-h{display:block;font-family:var(--head);font-size:clamp(1.14rem,1.4vw,1.3rem);font-weight:700;letter-spacing:-.02em;color:#fff;margin-bottom:clamp(14px,1.6vw,18px);}
.cp-code-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,26px);}
@media(max-width:640px){.cp-code-rows{grid-template-columns:1fr;gap:12px;}}
.cp-cond-lb{display:block;font-size:.84rem;font-weight:600;color:rgba(255,255,255,.58);margin-bottom:3px;}
.cp-cond-v{font-family:var(--head);font-size:clamp(1.02rem,1.2vw,1.16rem);font-weight:700;letter-spacing:-.02em;color:var(--amber);line-height:1.2;}
.cp-arrow{width:2px;height:clamp(26px,3vw,44px);margin:0 auto;background:rgba(255,255,255,.22);}
.cp-books{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,1.8vw,24px);}
@media(max-width:820px){.cp-books{grid-template-columns:1fr;}}
.cp-book{padding:clamp(22px,2.4vw,30px);border-radius:22px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);}
.cp-book-ok{background:rgba(139,194,32,.09);border-color:rgba(139,194,32,.34);}
.cp-book h3{margin:0 0 clamp(12px,1.4vw,16px);font-size:clamp(1.14rem,1.4vw,1.34rem);font-weight:700;letter-spacing:-.02em;color:#fff;}
.cp-row{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;gap:14px;align-items:center;padding:11px 0;border-top:1px solid rgba(255,255,255,.1);}
.cp-row-lb{font-size:.92rem;font-weight:600;color:rgba(255,255,255,.55);}
.cp-row-v{font-family:var(--head);font-size:1.04rem;font-weight:700;letter-spacing:-.01em;color:#fff;}
.cp-mark{width:22px;height:22px;display:grid;place-items:center;}
.cp-mark svg{width:16px;height:16px;}
.cp-mark.is-ok{color:#a8d63a;}
.cp-mark.is-no{color:rgba(255,255,255,.42);}
.cp-verdict{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;margin:clamp(16px,1.8vw,22px) 0 0;padding-top:clamp(14px,1.6vw,18px);border-top:1px solid rgba(255,255,255,.12);
  font-size:1rem;line-height:1.5;color:rgba(255,255,255,.76);text-wrap:pretty;}
.cp-verdict.is-ok{color:#fff;font-weight:600;}
.cp-icb-off{--icb-bg:rgba(255,255,255,.1);--icb-fg:rgba(255,255,255,.5);}
.wg-links{padding:clamp(50px,6vw,98px) 0;background:var(--bg);}
.wg-links-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin-top:clamp(28px,3.4vw,44px);}
@media(max-width:900px){.wg-links-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.wg-links-grid{grid-template-columns:1fr;}}
.wg-link{display:flex;flex-direction:column;gap:8px;padding:clamp(20px,2.2vw,28px);border-radius:var(--r,18px);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-s);text-decoration:none;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s,border-color .2s;}
.wg-link:hover{transform:translateY(-3px);box-shadow:var(--shadow-m);border-color:var(--line-2);}
.wg-link b{font-family:var(--head);font-size:1.1rem;font-weight:700;letter-spacing:-.02em;color:var(--ink);}
.wg-link span{font-size:.98rem;line-height:1.5;color:var(--text);text-wrap:pretty;}
.wg-link{position:relative;padding-right:clamp(62px,5.4vw,74px);}
.wg-link::after{content:"→";position:absolute;top:clamp(16px,1.8vw,22px);right:clamp(16px,1.8vw,22px);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line-2);font-family:var(--head);font-weight:700;font-size:1rem;color:var(--ink);transition:background .2s,color .2s,border-color .2s,transform .2s;}
.wg-link:hover::after,.wg-link:focus-visible::after{background:var(--ink);border-color:var(--ink);color:#fff;transform:translateX(3px);}
.wg-link:hover b,.wg-link:focus-visible b{text-decoration:underline;text-decoration-color:var(--green);text-decoration-thickness:2px;text-underline-offset:4px;}
/* Footer (Variante 1b) */
.gf{position:relative;
  --f-blue:#0e3a54; --f-blue-2:#0a2c40;
  --f-line:rgba(255,255,255,.12); --f-line-soft:rgba(255,255,255,.07);
  --f-txt:rgba(255,255,255,.6); --f-txt-strong:#fff;
  --cy:#25b4de; --gr:#8bc220;
  background:linear-gradient(165deg,var(--f-blue) 0%,var(--f-blue-2) 100%);color:var(--f-txt);
  font-family:var(--head);overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);}
.gf-wrap{position:relative;z-index:3;width:min(1640px,100%);margin-inline:auto;padding:clamp(38px,4vw,64px) clamp(24px,4vw,64px);}
.gf .ico{width:1em;height:1em;display:inline-block;vertical-align:-.12em;flex:0 0 auto;}
.gf .logo-white{height:34px;width:auto;filter:brightness(0) invert(1);user-select:none;}
.gf .f-tag{margin:18px 0 0;max-width:30ch;font-size:.98rem;line-height:1.55;color:var(--f-txt);font-weight:500;}
.gf .f-col h4{margin:0 0 14px;color:var(--f-txt-strong);font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}
.gf .f-col a{position:relative;display:block;width:fit-content;padding:6px 0;color:var(--f-txt);font-weight:600;font-size:.96rem;transition:color .2s,transform .2s;}
.gf .f-col a::after{content:"";position:absolute;left:0;bottom:3px;height:2px;width:0;border-radius:2px;background:var(--cy);transition:width .26s cubic-bezier(.2,.8,.2,1);}
.gf .f-col a:hover{color:var(--f-txt-strong);transform:translateX(3px);}
.gf .f-col a:hover::after{width:100%;}
.gf .f-contact{display:flex;flex-direction:column;gap:13px;margin-top:22px;}
.gf .f-contact a,.gf .f-contact span{display:inline-flex;align-items:center;gap:11px;color:var(--f-txt);font-weight:600;font-size:.96rem;transition:color .2s;}
.gf .f-contact a:hover{color:var(--f-txt-strong);}
.gf .f-contact .ico{font-size:1.05rem;color:var(--cy);}
.gf .f-socials{display:flex;gap:12px;}
.gf .soc{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:1.18rem;color:var(--f-txt-strong);background:rgba(255,255,255,.07);border:1px solid var(--f-line);transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s,border-color .2s,box-shadow .2s;}
.gf .soc:hover{transform:translateY(-4px);background:var(--cy);border-color:var(--cy);box-shadow:0 14px 26px -12px var(--cy);}
.gf .soc.s-li:hover{background:#0a66c2;border-color:#0a66c2;box-shadow:0 14px 26px -12px #0a66c2;}
.gf .soc.s-fb:hover{background:#1877f2;border-color:#1877f2;box-shadow:0 14px 26px -12px #1877f2;}
.gf .f-apps{display:flex;flex-wrap:wrap;gap:12px;}
.gf .appbtn{display:inline-flex;align-items:center;gap:12px;padding:11px 18px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid var(--f-line);color:var(--f-txt-strong);transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s,border-color .2s;min-width:168px;}
.gf .appbtn:hover{transform:translateY(-3px);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);}
.gf .appbtn .ico{font-size:1.5rem;color:#fff;}
.gf .appbtn .l{display:flex;flex-direction:column;line-height:1.12;}
.gf .appbtn .l small{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--f-txt);}
.gf .appbtn .l b{font-size:1.02rem;font-weight:700;letter-spacing:-.01em;}
.gf .lang{position:relative;display:inline-block;}
.gf .lang>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--f-line);color:var(--f-txt-strong);font-weight:600;font-size:.92rem;transition:background .2s,border-color .2s;}
.gf .lang>summary::-webkit-details-marker{display:none;}
.gf .lang>summary:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.26);}
.gf .lang>summary .chev{margin-left:2px;font-size:.9rem;color:var(--f-txt);transition:transform .25s;}
.gf .lang[open]>summary .chev{transform:rotate(180deg);}
.gf .lang>summary .globe{color:var(--cy);font-size:1.05rem;}
.gf .lang-menu{position:absolute;left:0;bottom:calc(100% + 8px);min-width:160px;background:#0c2c40;border:1px solid var(--f-line);border-radius:14px;padding:6px;box-shadow:0 18px 40px -16px rgba(0,0,0,.6);display:flex;flex-direction:column;z-index:9;}
.gf .lang-menu a{padding:9px 12px;border-radius:9px;color:var(--f-txt);font-weight:600;font-size:.92rem;transition:background .15s,color .15s;}
.gf .lang-menu a:hover{background:rgba(255,255,255,.08);color:#fff;}
.gf .lang-menu a[aria-current="true"]{color:var(--cy);}
.gf .f-btm{position:relative;z-index:3;width:min(1640px,100%);margin-inline:auto;padding:20px clamp(24px,4vw,64px);display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;justify-content:space-between;border-top:1px solid var(--f-line-soft);font-size:.86rem;color:var(--f-txt);}
.gf .f-btm .legal{display:flex;flex-wrap:wrap;gap:8px 22px;}
.gf .f-btm .legal a{transition:color .2s;font-weight:600;}
.gf .f-btm .legal a:hover{color:#fff;}
.gf-b{padding-bottom:clamp(60px,9vw,120px);}
.gf-b .top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:clamp(26px,3vw,52px);align-items:start;}
.gf-b .brand-tag{grid-column:1;}
.gf-b .b-actions{margin-top:clamp(40px,4.5vw,60px);display:flex;flex-wrap:wrap;gap:34px 60px;align-items:flex-end;}
.gf-b .giant{position:absolute;left:0;right:0;bottom:-.16em;z-index:1;margin:0;pointer-events:none;font-weight:700;letter-spacing:-.04em;line-height:.8;text-align:center;white-space:nowrap;font-size:clamp(7rem,23vw,21rem);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(37,180,222,.05));-webkit-background-clip:text;background-clip:text;color:transparent;transition:transform .25s ease-out;}
.gf-b .sq{position:absolute;z-index:2;border-radius:7px;box-shadow:0 8px 22px -8px rgba(0,0,0,.5);transition:transform .2s ease-out;}
@media(max-width:920px){ .gf-b .top{grid-template-columns:1fr 1fr;} .gf-b .brand-tag{grid-column:1/-1;} }
@media(max-width:540px){ .gf-b .top{grid-template-columns:1fr;} }
/* Footer — Markenverlauf wie Startseite */
.gf { background: linear-gradient(135deg, #0e5570 0%, #1c6f64 52%, #46661a 100%) !important; }