@font-face{font-family:Comfortaa;src:url("../fonts/comfortaa-variable.woff2") format("woff2"),url("../fonts/comfortaa-variable.ttf") format("truetype");font-weight:300 700;font-display:swap}
@font-face{font-family:Roboto;src:url("../fonts/roboto-variable.woff2") format("woff2"),url("../fonts/roboto-variable.ttf") format("truetype");font-weight:100 900;font-display:swap}
:root{--ag-petrol:#003b40;--ag-petrol-2:#0b4a4f;--ag-teal:#0d5c63;--ag-aqua:#19efe4;--ag-aqua-2:#14e3cf;--ag-ink:#0b3c40;--ag-muted:#6b7280;--ag-soft:#f7f9fb;--ag-sand:#f5f2eb;--ag-border:#e6ecef;--ag-warn:#ff7c32;--ag-gold:#c2a15c;--ag-radius:18px;--ag-shadow:0 10px 24px rgba(0,0,0,.05);--ag-shadow-hover:0 16px 32px rgba(0,0,0,.08)}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{color:var(--ag-ink);font-family:Roboto,Arial,sans-serif;background:#fff}
body:has(.ag-page){overflow-x:hidden}
body:has(.ag-page) .navbar-container{min-height:0}
.ag-page *{box-sizing:border-box}
.ag-page h1,.ag-page h2,.ag-page p{margin-top:0}
.ag-page h1,.ag-page h2{font-family:Comfortaa,Roboto,sans-serif;font-weight:700;letter-spacing:-.02em}
.ag-page h1{font-size:clamp(34px,3.8vw,56px);line-height:1.08}
.ag-page h2{font-size:clamp(26px,2.6vw,38px);line-height:1.18}
.ag-page h3{font-size:20px;font-weight:700}
.ag-page p{line-height:1.65}
.ag-page a{color:inherit}
.ag-page :focus-visible,.ag-public-footer :focus-visible{outline:3px solid var(--ag-aqua-2);outline-offset:3px}
.ag-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.ag-section{padding:clamp(64px,8vw,112px) 0;position:relative}
.ag-section-soft{background:radial-gradient(circle at 10% 0,rgba(20,227,207,.1),transparent 35%),var(--ag-soft)}
.ag-section-sand{background:var(--ag-sand)}
.ag-section-dark{background:radial-gradient(circle at 85% 20%,rgba(25,239,228,.17),transparent 30%),var(--ag-petrol);color:#fff}
.ag-section-head{max-width:760px;margin-bottom:40px}
.ag-section-head p:not(.ag-eyebrow){font-size:18px;color:var(--ag-muted)}
.ag-section-dark .ag-section-head p:not(.ag-eyebrow){color:#c9dddd}
.ag-eyebrow{font-size:12px!important;font-weight:700!important;letter-spacing:.12em;text-transform:uppercase;color:var(--ag-teal);margin-bottom:12px!important}
.ag-section-dark .ag-eyebrow,.ag-hero .ag-eyebrow{color:var(--ag-aqua)}
.ag-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border-radius:10px;text-decoration:none;font-weight:700;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.ag-btn:hover,.ag-btn:focus-visible{transform:translateY(-2px);box-shadow:var(--ag-shadow-hover)}
.ag-btn-primary{background:var(--ag-petrol);color:#fff!important}
.ag-btn-aqua{background:var(--ag-aqua);color:var(--ag-petrol)!important}
.ag-btn-secondary{border-color:rgba(255,255,255,.45);color:#fff!important}
.ag-btn-light{background:#fff;color:var(--ag-petrol)!important;border-color:var(--ag-border)}
.ag-link{font-weight:700;color:var(--ag-teal)!important;text-decoration-thickness:1px;text-underline-offset:4px}
.ag-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Hero */
.ag-hero{color:#fff;background:linear-gradient(90deg,#003b40 0%,#003b40 60%,#6feef0 100%);padding:clamp(70px,9vw,125px) 0;position:relative;overflow:hidden}
.ag-hero:after{content:"";position:absolute;inset:-30% -10% auto auto;width:55%;aspect-ratio:1;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 68%);pointer-events:none}
.ag-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:55px;position:relative;z-index:1}
/* main.css setzt global h1{color:#00fff7}. Eine Regel am Element schlaegt die
   vom Hero geerbte Schriftfarbe, deshalb wird sie hier zurueckgeholt - genauso
   wie es .ag-hero-v2 h1 in hero-v2.css bereits tut. */
.ag-page .ag-hero h1{color:#fff}
.ag-hero-copy{max-width:680px}.ag-hero-copy>p:not(.ag-eyebrow){font-size:clamp(18px,2vw,21px);font-weight:300;max-width:620px;color:#e0eeee}
.ag-hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:28px 0 22px}
.ag-proof-pills{display:flex;gap:10px;flex-wrap:wrap}.ag-proof-pills span{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 11px;font-size:13px;background:rgba(0,0,0,.08)}
.ag-hero-visual{position:relative}.ag-hero-visual>img{width:115%;max-width:none;transform:translateX(-4%);filter:drop-shadow(0 22px 35px rgba(0,0,0,.2))}
.ag-orbit{background:rgba(255,255,255,.94);color:var(--ag-ink);border-radius:var(--ag-radius);padding:24px;box-shadow:0 24px 60px rgba(0,0,0,.18);display:grid;gap:13px}
.ag-orbit-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ag-border);padding-bottom:12px}.ag-orbit-row:last-child{border:0;padding:0}.ag-orbit-row span{color:var(--ag-muted)}.ag-orbit-row strong{font-size:22px}

/* Prep-Hero: Das Nutzenversprechen bleibt links, die konkreten Ergebnisse
   werden rechts als eigenstaendige Module statt als Aufzaehlung gezeigt. */
.ag-product-hero{padding-block:clamp(68px,7vw,100px)}
.ag-product-hero .ag-hero-grid{grid-template-columns:minmax(520px,1fr) minmax(460px,1fr);gap:clamp(70px,6vw,86px)}
.ag-product-hero-copy h1{max-width:620px;font-size:clamp(36px,3vw,42px)}
.ag-product-deliverables{background:rgba(255,255,255,.97);color:var(--ag-ink);border:1px solid rgba(255,255,255,.7);border-radius:22px;padding:clamp(25px,3vw,36px);box-shadow:0 28px 70px rgba(0,24,27,.24);backdrop-filter:blur(10px)}
.ag-product-deliverables h2{margin:0 0 15px;font-size:clamp(25px,2.1vw,31px);font-weight:400;color:var(--ag-petrol)}
.ag-product-deliverables-intro{margin:0 0 24px;color:#516668;font-size:15.5px;line-height:1.58!important}
.ag-product-output-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #dce8e8}
.ag-product-output{min-width:0;min-height:92px;padding:20px 18px 20px 0;border:0;border-bottom:1px solid #dce8e8;background:transparent;display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:center}
.ag-product-output:nth-child(odd){border-right:1px solid #dce8e8}
.ag-product-output:nth-child(even){padding-left:20px}
.ag-product-output:nth-last-child(-n+2){border-bottom:0}
.ag-product-output-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e3f7f4;color:var(--ag-teal);font-size:16px}
.ag-product-output-icon svg{width:19px;height:19px}
.ag-product-output h3{margin:0;color:var(--ag-petrol);font-size:15.5px;font-weight:400;line-height:1.38}

@media(max-width:1120px){
  .ag-product-hero .ag-hero-grid{grid-template-columns:1fr}
  .ag-product-deliverables{max-width:760px}
}
@media(max-width:620px){
  .ag-product-output-grid{grid-template-columns:1fr}
  .ag-product-output{min-height:0;padding:17px 0;border-right:0!important;border-bottom:1px solid #dce8e8!important}
  .ag-product-output:nth-child(even){padding-left:0}
  .ag-product-output:last-child{border-bottom:0!important}
  .ag-product-deliverables{padding:22px 18px}
}

/* Section kit */
.ag-trust-strip{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:auto;font-weight:700;color:#758487;letter-spacing:.02em;white-space:nowrap}
.ag-jump-nav{position:sticky;top:78px;z-index:50;background:var(--ag-petrol);border-bottom:1px solid rgba(255,255,255,.14);box-shadow:none;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}
/* Oben steht die Leiste im dunklen Umfeld von Referenzen und Herausforderungen.
   Sobald sie sich anheftet und ueber hellen Inhalt wandert, wird sie hell. */
.ag-jump-nav.is-stuck{background:rgba(255,255,255,.94);border-bottom-color:var(--ag-border);box-shadow:0 6px 18px rgba(0,0,0,.03)}
.ag-jump-nav .ag-container{display:flex;gap:28px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ag-jump-nav .ag-container::-webkit-scrollbar{display:none}
@media(max-width:640px){
  /* Abblendkante als Hinweis, dass rechts noch Eintraege stehen */
  .ag-jump-nav .ag-container{gap:20px;mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent)}
  .ag-jump-nav a{font-size:14px}
}.ag-jump-nav a{padding:15px 0;text-decoration:none;font-family:Roboto,Arial,sans-serif;font-weight:400;font-size:15px;white-space:nowrap;border-bottom:2px solid transparent}.ag-jump-nav a{color:rgba(255,255,255,.82)}
.ag-jump-nav a:hover,.ag-jump-nav a.is-active{color:var(--ag-aqua);border-color:var(--ag-aqua)}
.ag-jump-nav.is-stuck a{color:var(--ag-ink)}
.ag-jump-nav.is-stuck a:hover,.ag-jump-nav.is-stuck a.is-active{color:var(--ag-teal);border-color:var(--ag-aqua-2)}
.ag-product-split{display:grid;grid-template-columns:1fr 1fr;gap:26px}.ag-product-panel{border-radius:var(--ag-radius);padding:clamp(24px,4vw,42px);background:#fff;box-shadow:var(--ag-shadow);transition:.2s}.ag-product-panel:hover{transform:translateY(-2px);box-shadow:var(--ag-shadow-hover)}.ag-product-panel>p{color:var(--ag-muted)}
.ag-give-get{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.ag-give-get div{background:var(--ag-soft);padding:14px;border-radius:12px}.ag-give-get small{display:block;color:var(--ag-muted);margin-bottom:6px}.ag-give-get strong{display:block}
.ag-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--flow-columns,6),1fr);position:relative}.ag-flow:before{content:"";height:2px;background:var(--ag-border);position:absolute;left:5%;right:5%;top:20px}.ag-flow li{position:relative;text-align:center;padding:0 10px}.ag-flow li>span{width:40px;height:40px;display:grid;place-items:center;margin:0 auto 14px;border-radius:50%;background:var(--ag-petrol);color:var(--ag-aqua);font-weight:700;position:relative}.ag-flow strong,.ag-flow small{display:block}.ag-flow small{color:var(--ag-muted);margin-top:5px;line-height:1.4}
.ag-human-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.ag-human-grid img{width:100%;max-height:440px;object-fit:contain}.ag-decision-flow{display:grid;gap:16px}.ag-decision-flow div{display:flex;gap:16px;align-items:center;font-size:18px}.ag-decision-flow span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(25,239,228,.13);color:var(--ag-aqua);font-weight:700}
.ag-metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ag-metric-band{background:#fff;border-radius:var(--ag-radius);padding:25px;box-shadow:var(--ag-shadow);display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.ag-metric-band>div strong,.ag-metric-band>div span{display:block}.ag-metric-band>div strong{font-family:Comfortaa;font-size:26px}.ag-metric-band>div span{font-size:12px;color:var(--ag-muted)}.ag-metric-track{height:7px;background:#dfe8e8;border-radius:99px;position:relative}.ag-metric-track i{display:block;width:var(--metric-end);height:100%;background:var(--ag-aqua-2);border-radius:inherit}.ag-metric-track b{position:absolute;right:0;top:-22px;color:var(--ag-teal)}.ag-metric-band>p{grid-column:1/-1;margin:0;font-weight:700}.ag-metric-band>p small{display:block;color:var(--ag-muted);font-weight:400;margin-top:5px}
.ag-audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.ag-icon-feature{padding:12px 4px}.ag-icon-feature i{font-style:normal;width:48px;height:48px;border-radius:14px;background:#dffbf7;display:grid;place-items:center;font-size:22px}.ag-icon-feature p{color:var(--ag-muted)}
.ag-standard-tools{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.ag-standard-tools input{flex:1;min-width:240px;border:1px solid var(--ag-border);border-radius:12px;padding:13px 15px}.ag-filter-chip{border:1px solid var(--ag-border);background:#fff;border-radius:999px;padding:9px 13px}.ag-filter-chip.is-active{background:var(--ag-petrol);color:#fff}.ag-standard-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ag-standard-item{background:#fff;border-radius:14px;padding:18px;box-shadow:var(--ag-shadow);display:flex;flex-direction:column;min-height:150px}.ag-standard-item h3{margin:0 0 8px}.ag-standard-item p{font-size:14px;color:var(--ag-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ag-standard-links{margin-top:auto;display:flex;gap:12px;flex-wrap:wrap;font-size:13px;font-weight:700;color:var(--ag-teal)}.ag-badge{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:5px 9px;background:#dffbf7;color:var(--ag-teal);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.ag-badge-warn{background:#fff0e8;color:#a74000}
.ag-narrative{display:grid;grid-template-columns:90px 1fr;column-gap:22px;align-items:center;margin:0;padding:26px;background:#fff;border-radius:var(--ag-radius);box-shadow:var(--ag-shadow)}.ag-narrative img{width:90px;height:90px;border-radius:50%;object-fit:cover;grid-row:1/3}.ag-narrative blockquote{font-size:21px;line-height:1.5;margin:0}.ag-narrative figcaption span,.ag-narrative figcaption strong{display:block}.ag-narrative figcaption span{color:var(--ag-muted)}
.ag-final-cta{border-radius:var(--ag-radius);background:radial-gradient(circle at 90% 20%,rgba(25,239,228,.2),transparent 35%),var(--ag-petrol);color:#fff;padding:clamp(28px,5vw,54px);display:flex;align-items:center;justify-content:space-between;gap:25px}.ag-final-cta h2{max-width:720px;color:#fff}.ag-final-cta p:not(.ag-eyebrow){color:#c9dddd;margin-bottom:0}

/* Showcase and screenshots */
.ag-showcase{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:clamp(30px,6vw,75px);align-items:start;margin:0 0 100px}.ag-showcase:last-child{margin-bottom:0}.ag-showcase-copy{position:sticky;top:85px}.ag-showcase-copy>p:not(.ag-eyebrow){color:var(--ag-muted);font-size:18px}.ag-showcase-steps{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:8px}.ag-showcase-steps button{width:100%;display:flex;gap:12px;align-items:center;text-align:left;border:0;background:transparent;border-radius:12px;padding:12px;color:var(--ag-muted);font-weight:700}.ag-showcase-steps button span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--ag-border);font-size:12px}.ag-showcase-steps button.is-active,.ag-showcase-steps button:hover{background:var(--ag-soft);color:var(--ag-ink)}.ag-showcase-steps button.is-active span{background:var(--ag-petrol);color:var(--ag-aqua)}.ag-shot-panel{display:none}.ag-shot-panel.is-active{display:block;animation:agFade .25s ease}@keyframes agFade{from{opacity:.4;transform:translateY(4px)}}
.ag-shot{margin:0;background:#fff;border-radius:16px;box-shadow:0 22px 55px rgba(0,59,64,.13);overflow:hidden;border:1px solid var(--ag-border)}.ag-shot-bar{height:42px;background:#f2f5f6;display:flex;align-items:center;gap:6px;padding:0 14px;color:#778589;font-size:12px}.ag-shot-bar i{width:9px;height:9px;border-radius:50%;background:#d1d9dc}.ag-shot-bar i:first-child{background:#ff8c6c}.ag-shot-bar i:nth-child(2){background:#ffc760}.ag-shot-bar i:nth-child(3){background:#64d39c}.ag-shot-bar span{margin-left:10px}.ag-shot-stage{aspect-ratio:var(--shot-ratio);background:radial-gradient(circle at 15% 10%,rgba(20,227,207,.12),transparent 35%),#fbfcfc;display:grid;place-items:center;padding:7%}.ag-shot-stage>img{width:100%;height:100%;object-fit:cover}.ag-shot-spec{text-align:center;max-width:620px}.ag-shot-spec .ag-shot-id{display:block;color:var(--ag-teal);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}.ag-shot-spec>strong{display:block;font-family:Comfortaa;font-size:clamp(19px,2.4vw,28px)}.ag-shot-spec p{color:var(--ag-muted);margin:12px auto}.ag-shot-spec small{color:var(--ag-teal);line-height:1.6}
.ag-shot-stage.has-crop{position:relative;overflow:hidden;padding:0}
.ag-shot-stage.has-crop>img{position:absolute;top:0;left:var(--shot-crop-x,0);width:var(--shot-crop-scale,100%);height:auto;max-width:none;object-fit:contain;transform:translateY(var(--shot-crop-offset))}

/* PREP-07: Dokumentquellen werden bewusst als Prozess visualisiert. So bleibt
   die Aussage auch ohne einen weiteren UI-Screenshot sofort verstaendlich. */
.ag-source-stage{position:relative;overflow:hidden;padding:clamp(26px,4.5vw,50px);background:radial-gradient(circle at 12% 15%,rgba(25,239,228,.18),transparent 34%),linear-gradient(145deg,#f7fbfb,#eef6f6)}
.ag-source-stage::before{content:"";position:absolute;width:290px;aspect-ratio:1;border:1px solid rgba(13,92,99,.08);border-radius:50%;right:-145px;bottom:-170px;box-shadow:0 0 0 38px rgba(13,92,99,.025),0 0 0 78px rgba(13,92,99,.018)}
.ag-source-flow-canvas{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:minmax(64px,82px) minmax(100px,1fr) minmax(190px,225px);align-items:center;gap:clamp(16px,2.5vw,28px)}
.ag-source-files{list-style:none;padding:0;margin:0;display:grid;gap:clamp(7px,1.1vw,10px)}
.ag-source-file{position:relative;height:clamp(48px,5.3vw,58px);border:1px solid rgba(13,92,99,.12);border-radius:13px;background:rgba(255,255,255,.94);box-shadow:0 8px 20px rgba(0,59,64,.07);display:grid;place-items:center;transition:transform .2s ease,box-shadow .2s ease}
.ag-source-file:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(0,59,64,.13)}
.ag-source-file img{width:40%;height:40%;object-fit:contain}
.ag-source-file.ag-source-more span{color:var(--ag-teal);font:600 27px/1 Comfortaa,Roboto,sans-serif;transform:translateY(-4px)}
.ag-source-connections{position:relative;height:100%;min-height:300px}
.ag-source-route,.ag-source-spine,.ag-source-trunk{position:absolute;display:block;background:rgba(13,92,99,.25)}
.ag-source-route{left:0;width:54%;height:2px}
.ag-source-route-one{top:8%}.ag-source-route-two{top:29%}.ag-source-route-three{top:50%}.ag-source-route-four{top:71%}.ag-source-route-five{top:92%}
.ag-source-spine{left:54%;top:8%;bottom:8%;width:2px;background:linear-gradient(var(--ag-teal),var(--ag-aqua-2),var(--ag-teal))}
.ag-source-trunk{left:54%;right:0;top:50%;height:2px;background:linear-gradient(90deg,var(--ag-aqua-2),var(--ag-teal))}
.ag-source-trunk::after{content:"";position:absolute;right:-1px;top:50%;width:9px;height:9px;border-top:2px solid var(--ag-teal);border-right:2px solid var(--ag-teal);transform:translateY(-50%) rotate(45deg)}
.ag-source-route i,.ag-source-trunk i{position:absolute;top:50%;left:0;width:8px;height:8px;border-radius:50%;background:var(--ag-aqua-2);box-shadow:0 0 0 5px rgba(20,227,207,.12);transform:translateY(-50%);animation:agSourceTravel 2.8s ease-in-out infinite}
.ag-source-route-two i{animation-delay:.3s}.ag-source-route-three i{animation-delay:.6s}.ag-source-route-four i{animation-delay:.9s}.ag-source-route-five i{animation-delay:1.2s}.ag-source-trunk i{animation-delay:1.5s}
@keyframes agSourceTravel{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 8px);opacity:0}}
.ag-source-destination{min-height:180px;border-radius:22px;padding:26px 22px;background:radial-gradient(circle at 90% 0,rgba(25,239,228,.18),transparent 48%),var(--ag-petrol);box-shadow:0 20px 45px rgba(0,59,64,.2);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.ag-source-destination>span{color:var(--ag-aqua);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ag-source-destination img{width:min(100%,185px);height:auto;margin:16px 0 18px}
.ag-source-destination strong{font-family:Comfortaa,Roboto,sans-serif;font-size:14px;line-height:1.4}
.ag-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ag-comparison section{padding:30px;background:#f0f3f4;border-radius:var(--ag-radius);color:#677476}.ag-comparison .is-positive{background:var(--ag-petrol);color:#fff;box-shadow:var(--ag-shadow-hover)}.ag-comparison ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}.ag-comparison li{display:flex;gap:10px}.ag-comparison .is-positive .ag-eyebrow{color:var(--ag-aqua)}

/* Prep-Vorher/Nachher: Aus zwei unverbundenen Boxen wird ein sichtbarer
   Zustandswechsel. Der Pfeil bleibt dekorativ, die Inhalte sind semantisch. */
.ag-product-transformation .ag-section-head{max-width:720px;margin-bottom:clamp(38px,5vw,56px)}
.ag-product-comparison{grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr);gap:0;align-items:stretch}
.ag-product-comparison .ag-product-state{position:relative;overflow:hidden;padding:clamp(28px,3vw,38px);border:1px solid #dbe5e6;border-radius:20px;background:rgba(255,255,255,.84);color:#607173;box-shadow:0 16px 42px rgba(0,59,64,.07)}
.ag-product-comparison .ag-product-state::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:#c8d4d5}
.ag-product-comparison .ag-product-state.is-positive{border-color:var(--ag-petrol);background:linear-gradient(145deg,#064d51,var(--ag-petrol));color:#e5f0f0;box-shadow:0 22px 50px rgba(0,59,64,.18)}
.ag-product-comparison .ag-product-state.is-positive::before{background:var(--ag-aqua)}
.ag-product-state-label{display:flex;align-items:center;gap:11px}
.ag-product-state-label .ag-eyebrow{margin:0!important}
.ag-product-state-icon{width:32px;height:32px;flex:0 0 32px;border-radius:50%;display:grid;place-items:center;background:#e7eded;color:#637476;font-size:15px;font-weight:700}
.ag-product-state.is-positive .ag-product-state-icon{background:var(--ag-aqua);color:var(--ag-petrol)}
.ag-product-comparison h3{margin:22px 0 0;font-family:Comfortaa,Roboto,sans-serif;font-size:clamp(20px,2vw,25px);line-height:1.3;color:var(--ag-teal)}
.ag-product-comparison .is-positive h3{color:#fff}
.ag-product-comparison ul{margin-top:28px;gap:15px}
.ag-product-comparison li{gap:12px;align-items:flex-start;line-height:1.48}
.ag-product-comparison li>span{width:22px;height:22px;flex:0 0 22px;margin-top:1px;border-radius:50%;display:grid;place-items:center;background:#edf2f2;color:#728184;font-size:12px;font-weight:700}
.ag-product-comparison .is-positive li>span{background:rgba(25,239,228,.15);color:var(--ag-aqua)}
.ag-product-transition{position:relative;display:grid;place-items:center}
.ag-product-transition::before{content:"";position:absolute;width:100%;height:1px;background:#b9cbcc}
.ag-product-transition>span{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #b9cbcc;color:var(--ag-teal);font-size:24px;box-shadow:0 8px 22px rgba(0,59,64,.1)}

@media(max-width:760px){
  .ag-product-comparison{grid-template-columns:1fr}
  .ag-product-transition{height:64px}
  .ag-product-transition::before{width:1px;height:100%}
  .ag-product-transition>span{transform:rotate(90deg)}
}
.ag-checklist{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 28px}.ag-checklist li{display:flex;gap:12px;align-items:flex-start}.ag-checklist span{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;background:#dffbf7;color:var(--ag-teal);border-radius:50%;font-size:13px;font-weight:700}
.ag-faq-list{max-width:850px;margin-inline:auto}.ag-faq-list details{border-bottom:1px solid var(--ag-border)}.ag-faq-list summary{list-style:none;padding:22px 0;font-size:18px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;gap:20px}.ag-faq-list summary::-webkit-details-marker{display:none}.ag-faq-list summary span{color:var(--ag-teal);font-size:24px}.ag-faq-list details[open] summary span{transform:rotate(45deg)}.ag-faq-list details p{color:var(--ag-muted);padding:0 36px 20px 0}

/* Pricing, forms and concept diagrams */
.ag-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.ag-price-card{padding:clamp(25px,4vw,42px);border-radius:var(--ag-radius);background:#fff;box-shadow:var(--ag-shadow)}.ag-price-card h2{font-size:30px}.ag-price-scope{display:flex;gap:8px;flex-wrap:wrap}.ag-price-scope span{background:var(--ag-soft);border-radius:999px;padding:6px 10px;font-size:12px}.ag-term-toggle{display:flex;background:var(--ag-soft);border-radius:12px;padding:4px;margin:22px 0}.ag-term-toggle button{flex:1;border:0;background:transparent;border-radius:9px;padding:9px;font-weight:700}.ag-term-toggle button.is-active{background:#fff;box-shadow:var(--ag-shadow)}.ag-term{display:none;margin:26px 0}.ag-term.is-active{display:block}.ag-price-amount{font-family:Comfortaa;font-size:42px;font-weight:700}.ag-price-unit{display:block;color:var(--ag-muted)}.ag-price-note{color:var(--ag-teal);font-size:13px}.ag-price-card .ag-checklist{grid-template-columns:1fr;margin:25px 0}.ag-addon{display:flex;justify-content:space-between;gap:25px;align-items:center;background:var(--ag-sand);border-radius:var(--ag-radius);padding:28px}.ag-addon strong{font-size:25px}
.ag-contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px}.ag-booking-card,.ag-contact-card{background:#fff;border-radius:var(--ag-radius);padding:32px;box-shadow:var(--ag-shadow)}.ag-form-field{margin-bottom:18px}.ag-form-field label{display:block;font-weight:700;margin-bottom:7px}.ag-form-field input,.ag-form-field textarea{width:100%;border:1px solid var(--ag-border);border-radius:10px;padding:12px 14px;background:#fbfcfc}.ag-form-field input:focus,.ag-form-field textarea:focus{outline:3px solid rgba(20,227,207,.25);border-color:var(--ag-teal)}.ag-form-field .errorlist{list-style:none;padding:5px 0 0;color:#a74000}.ag-help{font-size:13px;color:var(--ag-muted)}
.ag-concept-matrix{display:grid;grid-template-columns:130px repeat(4,1fr);gap:5px;background:#fff;padding:18px;border-radius:var(--ag-radius);box-shadow:var(--ag-shadow)}.ag-concept-matrix>*{padding:15px;border-radius:8px;background:var(--ag-soft)}.ag-concept-matrix .is-head{background:var(--ag-petrol);color:#fff;font-weight:700}.ag-concept-matrix .is-hit{background:#dffbf7;color:var(--ag-teal);text-align:center;font-weight:700}
.ag-notice{border-left:4px solid var(--ag-warn);background:#fff5ef;padding:20px 22px;border-radius:0 12px 12px 0}.ag-two-col{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.ag-plain-list{display:grid;gap:14px;padding:0;list-style:none}.ag-plain-list li{padding-bottom:14px;border-bottom:1px solid var(--ag-border)}

/* Footer */
.ag-public-footer{background:var(--ag-petrol);color:#fff;padding:64px 0 25px;margin:0!important;border-radius:0!important}.ag-footer-brand{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:30px}.ag-footer-brand img{width:180px}.ag-footer-brand p{color:#c4d9da;max-width:440px}.ag-footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:36px 0}.ag-footer-grid h2{font:700 13px Roboto;text-transform:uppercase;letter-spacing:.1em;color:var(--ag-aqua)}.ag-footer-grid a{display:block;color:#fff;text-decoration:none;margin:10px 0;font-size:14px}.ag-footer-grid a:hover{text-decoration:underline}.ag-footer-copy{color:#9dbabb;font-size:13px;margin:0}

@media(max-width:1050px){.ag-hero-grid{grid-template-columns:1fr}.ag-hero{background:linear-gradient(145deg,var(--ag-petrol) 0%,var(--ag-petrol) 72%,#36cfd0 130%)}.ag-hero-visual{max-width:720px}.ag-metric-grid{grid-template-columns:1fr}.ag-standard-list{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.ag-container{width:min(100% - 28px,1180px)}.ag-section{padding:58px 0}.ag-product-split,.ag-human-grid,.ag-showcase,.ag-comparison,.ag-price-grid,.ag-contact-grid,.ag-two-col{grid-template-columns:1fr}.ag-showcase-copy{position:static}.ag-showcase{margin-bottom:70px}.ag-flow{grid-template-columns:1fr;text-align:left;gap:18px}.ag-flow:before{left:19px;right:auto;top:20px;bottom:20px;width:2px;height:auto}.ag-flow li{display:grid;grid-template-columns:40px 1fr;text-align:left;column-gap:14px;padding:0}.ag-flow li>span{grid-row:1/3;margin:0}.ag-flow small{grid-column:2}.ag-audience-grid,.ag-standard-list{grid-template-columns:1fr}.ag-trust-strip{justify-content:flex-start}.ag-checklist{grid-template-columns:1fr}.ag-final-cta{align-items:flex-start;flex-direction:column}.ag-narrative{grid-template-columns:65px 1fr}.ag-narrative img{width:65px;height:65px}.ag-narrative blockquote{font-size:18px}.ag-footer-brand{display:block}.ag-footer-brand p{margin-top:20px}.ag-footer-grid{grid-template-columns:1fr 1fr}.ag-concept-matrix{font-size:12px;grid-template-columns:90px repeat(4,1fr);overflow:auto}.ag-concept-matrix>*{padding:8px}.ag-shot-stage{padding:5%}.ag-shot-spec p{font-size:13px}.ag-shot-spec small{display:none}}
@media(max-width:540px){.ag-source-stage{aspect-ratio:auto;min-height:430px;padding:28px 20px}.ag-source-flow-canvas{grid-template-columns:1fr;grid-template-rows:auto 86px auto;gap:12px}.ag-source-files{grid-template-columns:repeat(5,1fr);gap:7px}.ag-source-file{height:54px}.ag-source-connections{min-height:86px;width:94%;justify-self:center}.ag-source-route{top:0;width:2px;height:50%}.ag-source-route-one{left:10%}.ag-source-route-two{left:30%}.ag-source-route-three{left:50%}.ag-source-route-four{left:70%}.ag-source-route-five{left:90%}.ag-source-route i{top:0;left:50%;animation:agSourceTravelVertical 2.8s ease-in-out infinite}.ag-source-spine{left:10%;right:10%;top:50%;bottom:auto;width:auto;height:2px}.ag-source-trunk{left:50%;right:auto;top:50%;bottom:0;width:2px;height:auto}.ag-source-trunk::after{right:auto;left:50%;top:auto;bottom:-1px;transform:translateX(-50%) rotate(135deg)}.ag-source-trunk i{left:50%;top:0;animation:agSourceTravelVertical 2.8s ease-in-out infinite;animation-delay:1.5s}.ag-source-destination{width:min(100%,260px);min-height:155px;justify-self:center;padding:22px}.ag-source-destination img{width:170px;margin:12px 0 15px}} 
@keyframes agSourceTravelVertical{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:calc(100% - 8px);opacity:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ag-page *{animation:none!important;transition:none!important}}

/* Metrik-Band: die beiden auto-Spalten konnten unter 640px nicht schrumpfen,
   dadurch war die Landing horizontal scrollbar (441px in 390px Viewport). */
@media(max-width:640px){.ag-metric-band{grid-template-columns:minmax(0,1fr) minmax(46px,.55fr) minmax(0,1fr);gap:12px;padding:20px}.ag-metric-band>div strong{font-size:20px;overflow-wrap:anywhere}}

/* Gabelung unter dem Hero: rahmenlos, eine kurze Liste und ein Bild je Produkt.
   Ersetzt die beiden umrandeten Produktpanels auf der Landing. */
.ag-fork{background:#fff}
.ag-fork-head{max-width:640px;margin-bottom:clamp(40px,5vw,66px)}
.ag-fork-head h2{margin:0}
.ag-fork-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,78px)}
.ag-fork-arm{min-width:0}
.ag-fork-arm h3{font-size:29px;font-family:Comfortaa,Roboto,sans-serif;letter-spacing:-.02em;line-height:1.2;margin:12px 0 14px;color:var(--ag-ink)}
/* Der Platzhalter tritt in der Gabelung zurueck - er ist Beiwerk, nicht Inhalt. */
.ag-fork-arm .ag-shot-spec>strong{font-size:20px}
.ag-fork-arm .ag-shot-spec p{font-size:13.5px;margin:10px auto}
.ag-fork-arm .ag-shot-spec small{font-size:12px}
.ag-fork-lead{color:var(--ag-muted);font-size:17px;max-width:none}
.ag-fork-list{margin:26px 0 30px;display:grid;gap:12px}
.ag-fork-list li{display:flex;gap:11px;align-items:flex-start;font-size:15.5px;line-height:1.5}
.ag-fork-list li::before{content:"";flex:0 0 18px;height:18px;margin-top:3px;border-radius:50%;background:var(--ag-aqua-2) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23003b40' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.5 4.5L19 7'/></svg>") center/11px no-repeat}
.ag-fork-arm .ag-link{display:inline-flex;margin-top:26px}
@media(max-width:820px){.ag-fork-grid{grid-template-columns:1fr;gap:56px}.ag-fork-arm h3{font-size:25px}}

/* Die beiden Arme der Gabelung teilen sich ihre Zeilen, damit Vorspann,
   Aufzaehlung und vor allem die beiden Produktbilder nebeneinander auf
   gleicher Hoehe beginnen - auch wenn die Texte unterschiedlich lang sind. */
@supports (grid-template-rows: subgrid){
  @media(min-width:821px){
    /* row-gap:0 - der gap der Gabelung ist als Spaltenabstand gedacht und
       wuerde als Zeilenabstand sechsmal zwischen die Elemente geraten. Den
       Rhythmus tragen die Raender der Elemente selbst. */
    .ag-fork-grid{grid-template-rows:repeat(6,auto);row-gap:0}
    .ag-fork-arm{display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:0;align-content:start}
    .ag-fork-arm .ag-link{justify-self:start;align-self:start}
    .ag-fork-arm .ag-shot{align-self:stretch}
  }
}

/* Die Produkte sollen unmittelbar auf die Herausforderungen folgen - sie sind
   deren Antwort. Ohne das eigene Polster klaffte dazwischen eine Luecke. */
.ag-challenges + .ag-section.ag-fork{padding-top:34px}

/* "Mehr Zeit für das Wesentliche": Fliesstext statt drei Kennzahlbaendern,
   daneben eine einzelne Modellrechnung. */
.ag-benefit-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:start}
.ag-benefit-copy{display:grid;gap:18px;max-width:78ch}
.ag-benefit-copy p{font-size:17.5px;line-height:1.7;color:var(--ag-ink)}
.ag-benefit-figure{margin:0;padding:clamp(28px,3vw,38px);border-radius:var(--ag-radius);background:var(--ag-petrol);color:#fff;display:grid;gap:6px;box-shadow:var(--ag-shadow)}
.ag-benefit-figure figcaption{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ag-aqua)}
.ag-benefit-figure strong{font-family:Comfortaa,Roboto,sans-serif;font-size:clamp(34px,3.6vw,50px);line-height:1.05;letter-spacing:-.02em;margin-top:6px}
.ag-benefit-figure span{font-size:15px;color:rgba(255,255,255,.72);line-height:1.5}
@media(max-width:820px){.ag-benefit-grid{grid-template-columns:1fr;gap:30px}}

/* Beraterabschnitt: gespiegelt zum Nutzenabschnitt - Kernaussage links,
   Text rechts, damit die beiden Bloecke sich nicht doppeln. */
.ag-advisor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);gap:clamp(32px,5vw,64px);align-items:start}
.ag-advisor-grid .ag-benefit-copy p:last-child{margin-top:4px}
@media(max-width:820px){.ag-advisor-grid{grid-template-columns:1fr;gap:30px}}

/* ---------- Beraterseite ---------- */
/* Kapazitaetskarte im Hero: dieselbe helle Karte wie auf den Produktseiten,
   aber mit Zahlen statt Ergebnisliste. */
.ag-scale-card{color:var(--ag-ink);border:2px solid transparent;border-radius:22px;padding:clamp(25px,3vw,34px);background-image:linear-gradient(#fdfcf8,#fdfcf8),linear-gradient(135deg,#e8cd7a 0%,#b8912f 26%,#f4e6b0 50%,#b8912f 74%,#e8cd7a 100%);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 28px 70px rgba(0,24,27,.28)}
.ag-scale-card>.ag-eyebrow{color:var(--ag-teal);margin:0 0 18px!important}
.ag-scale-jump{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
.ag-scale-figure{display:grid;gap:6px}
.ag-scale-figure span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ag-muted)}
.ag-scale-figure.is-after span{color:var(--ag-teal)}
.ag-scale-jump b{font-family:Comfortaa,Roboto,sans-serif;font-size:clamp(30px,3vw,40px);font-weight:700;line-height:1;color:#748889}
.ag-scale-jump i{font-style:normal;font-size:24px;color:#b9cbcc;line-height:1.5}
.ag-scale-figure.is-after b{color:var(--ag-petrol)}
.ag-page .ag-scale-card>p{margin:10px 0 0;color:#516668;font-size:15.5px;line-height:1.55}
.ag-scale-rows{margin:24px 0 0;padding:20px 0 0;border-top:1px solid #dce8e8;display:grid;gap:13px}
.ag-scale-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:10px;font-size:15px}
.ag-scale-row span{color:#516668}
.ag-scale-row s{color:var(--ag-muted);text-decoration:line-through;font-variant-numeric:tabular-nums}
.ag-scale-row em{font-style:normal;color:#b9cbcc}
.ag-scale-row strong{color:var(--ag-petrol);font-variant-numeric:tabular-nums}
.ag-page .ag-scale-card .ag-scale-note{margin:16px 0 0;color:var(--ag-muted);font-size:12.5px}

/* 70/30-Balken */
.ag-split-bar{display:grid;grid-template-columns:70fr 30fr;border:1px solid rgba(0,59,64,.14);border-radius:14px;overflow:hidden;box-shadow:var(--ag-shadow);margin:clamp(30px,4vw,44px) 0 clamp(28px,4vw,40px)}
.ag-split-bar>*{padding:20px 24px;font-weight:700;font-size:17px}
.ag-split-bar .is-toil{background:#eef3f4;color:#111}
.ag-split-bar .is-judgement{background:var(--ag-petrol);color:var(--ag-aqua);text-align:right}
.ag-split-cols{display:grid;grid-template-columns:70fr 30fr;gap:clamp(24px,4vw,48px)}
.ag-split-cols h3{margin:0 0 18px;font-size:15px;text-transform:uppercase;letter-spacing:.1em}
.ag-split-cols .is-toil h3{color:var(--ag-warn)}
.ag-split-cols .is-judgement h3{color:var(--ag-teal)}
.ag-split-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.ag-split-cols li{padding-left:20px;position:relative;color:var(--ag-muted);line-height:1.5}
.ag-split-cols li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:#c8d4d5}
.ag-split-cols .is-judgement li{color:var(--ag-ink)}
.ag-split-cols .is-judgement li::before{background:var(--ag-aqua-2)}

/* Mandatsverlauf: sieben Stationen, zwei Zustaende ueber ein Datenattribut.
   Ohne JS bleibt der Heute-Zustand stehen - die Umschaltung ist Zugabe. */
.ag-track-switch{display:inline-flex;gap:6px;padding:6px;border-radius:999px;background:#eaf1f2;margin-bottom:clamp(26px,3vw,36px)}
.ag-track-switch button{border:0;background:transparent;border-radius:999px;padding:10px 20px;color:var(--ag-muted);font-size:15px;cursor:pointer;display:flex;align-items:center;gap:9px}
.ag-track-switch button strong{font-variant-numeric:tabular-nums}
.ag-track-switch button.is-active{background:#fff;color:var(--ag-ink);box-shadow:0 4px 14px rgba(0,59,64,.1)}
.ag-track[data-state="heute"] .ag-track-switch button.is-active strong{color:var(--ag-warn)}
.ag-track[data-state="auditguide"] .ag-track-switch button.is-active strong{color:var(--ag-teal)}
.ag-track-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.ag-track-station{min-width:0;border:1px solid var(--ag-border);border-radius:16px;background:#fff;padding:20px 16px;display:grid;align-content:start;gap:8px;box-shadow:var(--ag-shadow)}
.ag-track-num{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--ag-muted);font-variant-numeric:tabular-nums}
.ag-track-station h3{margin:0;font-size:15.5px;line-height:1.3}
.ag-track-station p{margin:0;font-size:13.5px;line-height:1.45;color:var(--ag-muted)}
.ag-track-days{justify-self:start;margin-top:6px;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.ag-track-days.is-today{background:#fff1e8;color:#c2551d}
.ag-track-days.is-ag{background:#e0f9f6;color:var(--ag-teal)}
.ag-page .ag-track-note{margin:clamp(26px,3vw,34px) 0 0;max-width:900px;color:var(--ag-muted);line-height:1.6}
.ag-track[data-state="heute"] .is-ag{display:none}
.ag-track[data-state="auditguide"] .is-today{display:none}

/* Die neue Rechnung */
.ag-ledger{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);border-radius:var(--ag-radius);overflow:hidden;border:1px solid var(--ag-border)}
.ag-ledger>*{padding:18px clamp(16px,2vw,26px);display:flex;align-items:center;border-bottom:1px solid var(--ag-border)}
.ag-ledger>.is-head{background:#f2f7f7;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ag-muted)}
.ag-ledger>.is-head.is-after{color:var(--ag-teal)}
.ag-ledger>.is-row-end{border-right:0}
.ag-ledger>.is-label{font-weight:700}
.ag-ledger>.is-before{color:var(--ag-muted);font-variant-numeric:tabular-nums}
.ag-ledger>.is-after{background:rgba(20,227,207,.07);color:var(--ag-petrol);font-weight:700;font-variant-numeric:tabular-nums}
.ag-ledger>*:nth-last-child(-n+3){border-bottom:0}
.ag-page .ag-ledger-note{margin:16px 0 0;color:var(--ag-muted);font-size:13.5px;font-style:italic}

/* Zeilenliste fuer Nachweis-, Dokumenten- und Markenblöcke */
.ag-deflist{display:grid;gap:12px;margin:0;padding:0}
.ag-deflist>div{display:grid;grid-template-columns:minmax(120px,.42fr) minmax(0,1fr);gap:clamp(14px,2vw,26px);align-items:baseline;border:1px solid var(--ag-border);border-radius:14px;padding:18px clamp(16px,2vw,24px);background:#fff}
.ag-deflist dt{font-weight:700;color:var(--ag-teal)}
.ag-deflist dd{margin:0;color:var(--ag-muted);line-height:1.55}
.ag-deflist>div.is-accent{border-color:var(--ag-aqua-2);background:rgba(20,227,207,.06)}
.ag-deflist>div.is-accent dd{color:var(--ag-ink)}

/* Werkbank: zwei Seiten, dazwischen der Pfeil aus der Produktgegenueberstellung */
.ag-bench{display:grid;grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr);align-items:stretch}
.ag-bench-side{border:1px solid var(--ag-border);border-radius:20px;background:#fff;padding:clamp(26px,3vw,36px);box-shadow:var(--ag-shadow)}
.ag-bench-side.is-yours{border-color:var(--ag-petrol);background:linear-gradient(145deg,#064d51,var(--ag-petrol));color:#e5f0f0;box-shadow:0 22px 50px rgba(0,59,64,.18)}
.ag-bench-side h3{margin:0 0 20px;font-size:19px}
.ag-bench-side.is-yours h3{color:#fff}
.ag-bench-side ul{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.ag-bench-side li{padding-left:20px;position:relative;line-height:1.5;color:var(--ag-muted)}
.ag-bench-side.is-yours li{color:#cfe3e3}
.ag-bench-side li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:#c8d4d5}
.ag-bench-side.is-yours li::before{background:var(--ag-aqua)}
.ag-page .ag-bench-claim{margin:clamp(44px,5.5vw,68px) 0 0;text-align:center;font-size:clamp(17px,1.8vw,21px);font-weight:700;color:var(--ag-teal);text-wrap:balance}

@media(max-width:1100px){
  .ag-track-list{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ag-ledger{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:900px){
  .ag-split-cols{grid-template-columns:1fr}
  .ag-split-bar>*{padding:16px;font-size:14.5px}
  .ag-bench{grid-template-columns:1fr}
  .ag-scale-row{grid-template-columns:minmax(0,1fr) auto auto auto}
}
@media(max-width:760px){
  .ag-track-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ag-track-switch{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .ag-track-switch button{justify-content:center;padding:10px 8px;font-size:14px}
  .ag-deflist>div{grid-template-columns:1fr;gap:6px}
  .ag-ledger{grid-template-columns:minmax(0,1fr) auto auto;font-size:14px}
  .ag-ledger>*{padding:14px 12px}
}
@media(max-width:460px){.ag-track-list{grid-template-columns:1fr}}

/* Rechenstrecke: zwei Regler, die Tabelle rechnet live mit. Ohne JS bleiben die
   im Markup gerenderten Ausgangswerte stehen. */
.ag-calc{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(28px,4vw,56px);align-items:start}
.ag-calc-controls{display:grid;gap:26px;border:1px solid var(--ag-border);border-radius:var(--ag-radius);background:#fff;padding:clamp(24px,3vw,32px);box-shadow:var(--ag-shadow)}
.ag-calc-field{display:grid;gap:12px}
.ag-calc-field label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:15px;color:var(--ag-muted)}
.ag-calc-field output{font-family:Comfortaa,Roboto,sans-serif;font-size:22px;font-weight:700;color:var(--ag-petrol);font-variant-numeric:tabular-nums}
.ag-calc-field input[type=range]{width:100%;height:26px;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
.ag-calc-field input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:#e2ebec}
.ag-calc-field input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:#e2ebec}
.ag-calc-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:var(--ag-petrol);border:3px solid #fff;box-shadow:0 2px 8px rgba(0,59,64,.28)}
.ag-calc-field input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--ag-petrol);border:3px solid #fff;box-shadow:0 2px 8px rgba(0,59,64,.28)}
.ag-calc-headline{border-radius:var(--ag-radius);background:radial-gradient(circle at 88% 15%,rgba(25,239,228,.22),transparent 40%),var(--ag-petrol);color:#fff;padding:clamp(22px,3vw,30px);margin-bottom:18px;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.ag-calc-headline b{font-family:Comfortaa,Roboto,sans-serif;font-size:clamp(34px,3.6vw,48px);font-weight:700;line-height:1;color:var(--ag-aqua);font-variant-numeric:tabular-nums}
.ag-calc-headline span{color:#cfe3e3;font-size:17px}
@media(max-width:900px){.ag-calc{grid-template-columns:1fr}}

/* Goldrahmen um die Rechenstrecke: zwei Verlaeufe uebereinander - der innere
   fuellt die Padding-Box, der aeussere faerbt den Rand metallisch. */
.ag-calc-frame{border:2px solid transparent;border-radius:calc(var(--ag-radius) + 8px);padding:clamp(20px,2.6vw,32px);background-image:linear-gradient(#fdfcf8,#fdfcf8),linear-gradient(135deg,#e8cd7a 0%,#b8912f 26%,#f4e6b0 50%,#b8912f 74%,#e8cd7a 100%);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 18px 46px rgba(120,90,20,.13)}

/* Preisseite: je Produkt ein eigener Abschnitt - Preiskarte links, Leistungen rechts */
.ag-price-product{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(28px,4vw,60px);align-items:start}
.ag-price-product .ag-price-card{background:#fff;border:1px solid var(--ag-border)}
.ag-price-features h3{margin:0 0 20px;font-size:17px;text-transform:uppercase;letter-spacing:.1em;color:var(--ag-teal)}
.ag-page .ag-price-features>p{margin:0 0 24px;color:var(--ag-muted);font-size:17px;line-height:1.6;max-width:56ch}
.ag-price-features .ag-checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 30px}
.ag-page .ag-price-product+.ag-help{margin:22px 0 0}
@media(max-width:900px){.ag-price-product{grid-template-columns:1fr}.ag-price-features .ag-checklist{grid-template-columns:1fr}}

/* Ersparnis als Werbeplakette, nicht als Fussnote */
.ag-price-badge{display:inline-block;margin-left:12px;transform:translateY(-8px);background:var(--ag-aqua);color:var(--ag-petrol);border-radius:999px;padding:6px 14px;font-family:Comfortaa,Roboto,sans-serif;font-size:17px;font-weight:700;letter-spacing:.01em;box-shadow:0 6px 16px rgba(20,227,207,.35)}
.ag-term-toggle button em{font-style:normal;margin-left:6px;background:rgba(13,92,99,.1);color:var(--ag-teal);border-radius:999px;padding:2px 8px;font-size:12px}
.ag-term-toggle button.is-active em{background:var(--ag-aqua);color:var(--ag-petrol)}
.ag-page .ag-price-note{margin:10px 0 0;color:var(--ag-teal);font-size:13.5px}

/* Ausbaustufen: Auswahlkarten und Detailmatrix teilen exakt dasselbe
   Spaltenraster, damit das Auge oben und unten dieselbe Stufe wiederfindet.
   Nur eine Spalte traegt einen Preis - und damit als einzige die Laufzeitwahl. */
.ag-tier-wrap{overflow-x:auto;padding:4px 4px 8px}
.ag-tier{display:grid;grid-template-columns:minmax(250px,1.45fr) repeat(4,minmax(158px,1fr));min-width:880px}
.ag-tier>*{padding:13px clamp(12px,1.3vw,18px);display:flex;align-items:center;font-size:14.5px;border-bottom:1px solid var(--ag-border)}

/* Kopfzeile: vier Auswahlkarten */
.ag-tier-head{align-items:stretch!important;flex-direction:column;gap:9px;padding:22px clamp(14px,1.4vw,20px) 24px!important;border-bottom:1px solid var(--ag-border);background:#fff}
.ag-tier-head.is-corner{background:transparent;border-bottom-color:transparent;justify-content:flex-end}
.ag-tier-head strong{font-family:Comfortaa,Roboto,sans-serif;font-size:20px;font-weight:700;color:var(--ag-petrol)}
.ag-tier-head .ag-tier-for{color:var(--ag-muted);font-size:13px;line-height:1.4;min-height:36px}
.ag-tier-price{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-top:auto}
.ag-tier-price b{font-family:Comfortaa,Roboto,sans-serif;font-size:29px;font-weight:700;color:var(--ag-petrol);font-variant-numeric:tabular-nums}
.ag-tier-price em{font-style:normal;font-size:13px;color:var(--ag-muted)}
.ag-tier-price .ag-tier-flag{background:var(--ag-aqua);color:var(--ag-petrol);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}
.ag-tier-ask{font-family:Comfortaa,Roboto,sans-serif;font-size:19px;color:var(--ag-teal);margin-top:auto}
.ag-tier-cta{margin-top:4px;display:inline-flex;justify-content:center;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:700;text-decoration:none;border:1px solid var(--ag-border);color:var(--ag-teal)}
.ag-tier-cta.is-primary{background:var(--ag-aqua);border-color:var(--ag-aqua);color:var(--ag-petrol)}

/* Laufzeitwahl steckt in der Team-Spalte - sie gilt nur dort */
/* Die Groessenwahl der Beraterlizenz sieht aus wie die Laufzeitwahl, heisst
   aber anders: sie waehlt keine Laufzeit. */
.ag-tier-terms,.ag-consult-sizes{display:flex;gap:4px;background:rgba(255,255,255,.16);border-radius:999px;padding:3px}
.ag-tier-terms button,.ag-consult-sizes button{flex:1;border:0;background:transparent;border-radius:999px;padding:6px 4px;font-size:12px;font-weight:700;color:#bcd6d7;cursor:pointer}
.ag-tier-terms button.is-active,.ag-consult-sizes button.is-active{background:#fff;color:var(--ag-petrol)}

/* Hervorgehobene Spalte durchgehend von oben bis unten */
.ag-tier .is-pick{background:rgba(20,227,207,.09)}
.ag-tier .is-pick.ag-tier-head{background:var(--ag-petrol)}
.ag-tier .is-pick.ag-tier-head strong,.ag-tier .is-pick.ag-tier-head .ag-tier-price b{color:#fff}
.ag-tier .is-pick.ag-tier-head .ag-tier-for{color:#a9c9ca}
.ag-tier .is-pick.ag-tier-head .ag-tier-price em{color:#a9c9ca}
.ag-tier-pick-flag{align-self:flex-start;background:var(--ag-aqua);color:var(--ag-petrol);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}

/* Merkmalsgruppen */
.ag-tier-group{grid-column:1/-1;background:var(--ag-petrol);color:#fff;font-family:Comfortaa,Roboto,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:11px clamp(12px,1.3vw,18px)!important}
.ag-tier .is-label{color:var(--ag-ink)}
.ag-tier .is-value{justify-content:center;text-align:center;color:var(--ag-muted)}
.ag-tier .is-yes{color:var(--ag-teal);font-weight:700}
.ag-tier .is-no{color:#c3ced0}
.ag-tier .is-pick.is-value{color:var(--ag-ink);font-weight:700}
.ag-tier>*:nth-last-child(-n+5){border-bottom:0}
.ag-page .ag-tier-note{margin:16px 0 0;color:var(--ag-muted);font-size:13.5px}
.ag-tier-frame{border:1px solid var(--ag-border);border-radius:var(--ag-radius);background:#fff;overflow:hidden;box-shadow:var(--ag-shadow)}

/* Erweiterungen stehen direkt unter der Leiter, damit sie als Zusatz zur
   Basis gelesen werden und nicht als Nachforderung. */
.ag-extension-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,24px);margin-top:clamp(26px,3vw,36px)}
.ag-extension{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;align-items:center;border:1px dashed #cfdcdd;border-radius:var(--ag-radius);background:#fff;padding:20px clamp(16px,2vw,24px)}
.ag-extension>i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e3f7f4;color:var(--ag-teal);font-style:normal;font-size:24px;font-weight:700}
.ag-extension h3{margin:0 0 4px;font-size:16px}
.ag-page .ag-extension p{margin:0;color:var(--ag-muted);font-size:14px;line-height:1.45}
.ag-extension strong{font-family:Comfortaa,Roboto,sans-serif;font-size:20px;color:var(--ag-petrol);white-space:nowrap}
.ag-extension strong small{display:block;font-family:Roboto,sans-serif;font-size:12px;font-weight:400;color:var(--ag-muted)}

/* Kombiangebot: beide Produkte bleiben getrennt, der Bogen verbindet sie */
.ag-combo{display:grid;grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);align-items:stretch}
.ag-combo-side{border:1px solid var(--ag-border);border-radius:20px;background:#fff;padding:clamp(24px,3vw,32px);box-shadow:var(--ag-shadow)}
.ag-combo-side p.ag-eyebrow{margin:0 0 8px!important}
.ag-combo-side h3{margin:0 0 14px;font-size:19px}
.ag-page .ag-combo-side>p{margin:0;color:var(--ag-muted);line-height:1.55}
.ag-combo-plus{display:grid;place-items:center;position:relative}
.ag-combo-plus::before{content:"";position:absolute;width:100%;height:1px;background:#c8d4d5}
.ag-combo-plus>span{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--ag-aqua);color:var(--ag-petrol);font-size:24px;font-weight:700;box-shadow:0 8px 22px rgba(20,227,207,.4)}

@media(max-width:760px){.ag-extension-grid{grid-template-columns:1fr}.ag-combo{grid-template-columns:1fr}.ag-combo-plus{height:56px}.ag-combo-plus::before{width:1px;height:100%}}


/* Groessenwaehler: eine Frage, genau eine Stufe. Alle Stufen liegen im Markup,
   ohne JavaScript bleibt die empfohlene sichtbar. */
.ag-picker-question{font-size:15px;font-weight:700;color:var(--ag-ink);margin:0 0 12px!important}
.ag-picker-sizes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:clamp(22px,3vw,30px)}
.ag-picker-sizes button{border:0;box-shadow:inset 0 0 0 1px var(--ag-border);background:#fff;color:var(--ag-ink);border-radius:999px;padding:13px 22px;font-size:15px;font-weight:700;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}
.ag-picker-sizes button:hover{box-shadow:inset 0 0 0 1px var(--ag-teal)}
.ag-picker-sizes button.is-active{background:var(--ag-petrol);color:#fff;box-shadow:0 8px 20px rgba(0,59,64,.22)}
.ag-picker-panel{display:none}
.ag-picker-panel.is-active{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,4vw,44px);align-items:start}
.ag-picker-card{border-radius:20px;background:linear-gradient(150deg,#064d51,var(--ag-petrol));color:#fff;padding:clamp(26px,3vw,34px);box-shadow:0 22px 50px rgba(0,59,64,.18);display:flex;flex-direction:column;gap:16px}
.ag-picker-name{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.ag-picker-name strong{font-family:Comfortaa,Roboto,sans-serif;font-size:24px;font-weight:700;color:#fff}
.ag-page .ag-picker-who{margin:0;font-size:15px;line-height:1.55;color:#a9c9ca}
.ag-picker-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding-top:4px}
.ag-picker-price b{font-family:Comfortaa,Roboto,sans-serif;font-size:clamp(34px,3.4vw,46px);font-weight:700;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.ag-picker-price b.is-ask{font-size:clamp(26px,2.4vw,32px);color:var(--ag-aqua)}
.ag-picker-unit{font-size:14px;color:#a9c9ca;margin-top:-8px}
.ag-picker-scope{display:flex;flex-wrap:wrap;gap:8px}
.ag-picker-scope span{background:rgba(255,255,255,.12);border-radius:999px;padding:6px 12px;font-size:12.5px;color:#cfe3e3}
.ag-picker-cta{justify-content:center;margin-top:auto}
.ag-picker-detail h3{margin:0 0 16px;font-size:15px;text-transform:uppercase;letter-spacing:.1em;color:var(--ag-teal)}
.ag-picker-has{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 28px}
.ag-picker-has li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.45}
.ag-picker-has li>span{color:var(--ag-teal);font-weight:700}

/* Tiefe: die vollstaendige Matrix, zugeklappt bis jemand vergleichen will */
.ag-deep{margin-top:clamp(34px,4vw,48px);border-top:1px solid var(--ag-border);padding-top:clamp(24px,3vw,32px)}
.ag-deep>summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;font-family:Comfortaa,Roboto,sans-serif;font-size:20px;font-weight:700;color:var(--ag-ink)}
.ag-deep>summary::-webkit-details-marker{display:none}
.ag-deep>summary em{font-family:Roboto,sans-serif;font-style:normal;font-size:13px;font-weight:400;color:var(--ag-muted)}
.ag-deep-caret{width:26px;height:26px;flex:0 0 26px;border-radius:50%;display:grid;place-items:center;background:var(--ag-petrol);color:var(--ag-aqua);font-size:13px;transition:transform .2s ease}
.ag-deep[open] .ag-deep-caret{transform:rotate(180deg)}
.ag-deep>.ag-tier-frame{margin-top:22px}
.ag-tier-headprice{font-size:14px;color:var(--ag-muted)}
.ag-tier-headprice em{font-style:normal;font-size:12px}
.ag-tier .is-pick.ag-tier-head .ag-tier-headprice{color:var(--ag-aqua)}
.ag-tier-headprice.is-ask{color:var(--ag-teal)}

@media(max-width:900px){
  .ag-picker-panel.is-active{grid-template-columns:1fr}
  .ag-picker-has{grid-template-columns:1fr}
}

/* Beraterlizenz: Grundgebuehr plus Credits, daneben der Ablauf und die
   Vorgaenge, die tatsaechlich abgerechnet werden. */
.ag-consult{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,50px);align-items:start}
.ag-consult-card{border-radius:20px;background:linear-gradient(150deg,#064d51,var(--ag-petrol));color:#fff;padding:clamp(26px,3vw,34px);box-shadow:0 22px 50px rgba(0,59,64,.18);display:flex;flex-direction:column;gap:14px}
/* Die Plakette am Preis stand bisher ohne Stil da - sie gilt fuer die
   Laufzeitersparnis der Produktstufen wie fuer die Teamersparnis der
   Beraterlizenz. */
.ag-picker-price .ag-tier-flag{align-self:center;background:var(--ag-aqua);color:var(--ag-petrol);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}
/* Groessenwahl der Beraterlizenz sitzt in der dunklen Karte, Frage und
   Ersparnishinweis brauchen deshalb helle Schrift. */
.ag-consult-card .ag-picker-question{margin:6px 0 0!important;font-size:13px;font-weight:700;color:#cfe3e3}
.ag-page .ag-consult-saving{margin:0;font-size:12.5px;line-height:1.45;color:#a9c9ca}
.ag-consult-credit{margin-top:6px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;gap:4px}
.ag-consult-credit-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ag-aqua)}
.ag-consult-credit>span:last-child{font-size:13.5px;line-height:1.5;color:#a9c9ca}
.ag-tbd{border-bottom:2px dashed var(--ag-aqua);padding-bottom:2px;color:var(--ag-aqua)}
.ag-consult-steps{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:16px}
.ag-consult-steps li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;align-items:start}
.ag-consult-steps li>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--ag-petrol);color:var(--ag-aqua);font-size:14px;font-weight:700}
.ag-consult-steps h3{margin:4px 0 4px;font-size:16px}
.ag-page .ag-consult-steps p{margin:0;color:var(--ag-muted);font-size:14.5px;line-height:1.5}
.ag-consult-ops{border:1px solid var(--ag-border);border-radius:var(--ag-radius);background:#fff;padding:22px clamp(18px,2vw,26px)}
.ag-consult-ops h3{margin:0 0 14px;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--ag-teal)}
.ag-consult-ops dl{margin:0;display:grid;gap:15px}
.ag-consult-ops dl>div{display:grid;grid-template-columns:minmax(150px,.4fr) minmax(0,1fr);gap:6px 22px;align-items:baseline}
.ag-consult-ops dt{font-weight:700;color:var(--ag-teal);font-size:14.5px}
.ag-consult-ops dd{margin:0;color:var(--ag-muted);font-size:14px;line-height:1.5}
.ag-page .ag-consult-ops>p{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--ag-border);color:var(--ag-muted);font-size:13.5px;line-height:1.5}
.ag-page .ag-consult-link{margin:22px 0 0}
@media(max-width:760px){.ag-consult-ops dl>div{grid-template-columns:1fr;gap:3px}}
@media(max-width:900px){.ag-consult{grid-template-columns:1fr}}

/* Preisseite: der Kopf traegt keine Preise mehr - die Einordnung passiert im
   Waehler darunter. Der obere Abstand muss trotzdem die feste Hauptnavigation
   aufnehmen; sonst liegt die Eyebrow unter der Navbar. Unten bleibt der Hero
   kompakt, damit Frage und Preis weiterhin frueh sichtbar werden. */
.ag-pricing-hero{padding:clamp(78px,5vw,88px) 0 clamp(42px,4.4vw,64px)}
.ag-pricing-hero .ag-hero-copy{max-width:820px}
.ag-pricing-hero .ag-hero-copy h1{font-size:clamp(32px,3.2vw,46px)}
.ag-page .ag-pricing-hero .ag-hero-copy>p{font-size:17px;max-width:70ch}
.ag-pricing-hero+.ag-jump-nav+.ag-section{padding-top:clamp(34px,3.6vw,48px)}
.ag-picker-reassure{font-size:13px;color:#a9c9ca;text-align:center;margin-top:-4px}
.ag-extension-grid.is-single{grid-template-columns:minmax(0,1fr)}
/* Klickflaechen: 44px Mindesthoehe fuer alles, was getippt wird */
.ag-tier-terms button,.ag-consult-sizes button{min-height:44px;padding:6px 10px}
.ag-deep>summary{min-height:48px;padding:6px 0}

/* ---------- Warum AuditGuide ---------- */
/* Einsatzfelder: fuenf Auditphasen mit ihrem Entlastungsanteil als Balken */
.ag-phases{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.ag-phase{display:grid;grid-template-columns:44px minmax(0,1.25fr) minmax(120px,.55fr) minmax(0,1.6fr);gap:clamp(14px,2vw,26px);align-items:center;border:1px solid var(--ag-border);border-radius:var(--ag-radius);background:#fff;padding:18px clamp(16px,2vw,24px);box-shadow:var(--ag-shadow)}
.ag-phase-num{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--ag-petrol);color:var(--ag-aqua);font-family:Comfortaa,Roboto,sans-serif;font-size:15px;font-weight:700}
.ag-phase h3{margin:0;font-size:17px}
.ag-phase-bar{display:grid;gap:6px}
.ag-phase-track{height:8px;border-radius:999px;background:#e6eeee;overflow:hidden}
.ag-phase-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--ag-teal),var(--ag-aqua-2))}
.ag-phase-value{font-size:14px;font-weight:700;color:var(--ag-teal);font-variant-numeric:tabular-nums}
.ag-page .ag-phase>p{margin:0;color:var(--ag-muted);font-size:14.5px;line-height:1.5}
.ag-page .ag-phase-note{margin:20px 0 0;color:var(--ag-muted);font-size:14px;line-height:1.6;max-width:88ch}

/* Der Massstab: zwei Faktoren, ein Ergebnis */
.ag-formula{display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr) 54px minmax(0,1fr);align-items:stretch;gap:0}
.ag-formula-op{display:grid;place-items:center;font-family:Comfortaa,Roboto,sans-serif;font-size:28px;color:var(--ag-aqua)}
.ag-formula-block{border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(255,255,255,.06);padding:clamp(22px,2.6vw,30px);display:flex;flex-direction:column;gap:10px}
.ag-formula-block.is-result{border-color:var(--ag-aqua);background:rgba(25,239,228,.12)}
.ag-formula-block strong{font-family:Comfortaa,Roboto,sans-serif;font-size:20px;font-weight:700;color:#fff}
.ag-formula-block.is-result strong{color:var(--ag-aqua)}
.ag-page .ag-formula-block>p{margin:0;color:#bcd6d7;font-size:14.5px;line-height:1.5}
.ag-page .ag-formula-note{margin:clamp(24px,3vw,32px) 0 0;color:#cfe3e3;font-size:16px;line-height:1.6;max-width:92ch}

/* Praxistest: je Zeile die Kennzahl UND ihre Lage auf der Skala. Gezeichnet
   wird nur, was gemessen ist - Spanne und Streuung, keine erfundenen
   Einzelpunkte. */
.ag-spread{border:1px solid var(--ag-border);border-radius:var(--ag-radius);background:#fff;box-shadow:var(--ag-shadow);padding:clamp(20px,2.4vw,30px) clamp(18px,2.4vw,34px)}
.ag-spread-row{display:grid;grid-template-columns:minmax(200px,.9fr) minmax(0,1.6fr) minmax(112px,.5fr);gap:clamp(18px,2.6vw,34px);align-items:center;padding:clamp(18px,2.2vw,26px) 0;border-bottom:1px solid #eef3f4}
.ag-spread-row:last-of-type{border-bottom:0}
.ag-spread-label{display:flex;flex-direction:column;gap:5px;min-width:0}
.ag-spread-label .ag-eyebrow{margin:0!important}
.ag-spread-label strong{font-family:Comfortaa,Roboto,sans-serif;font-size:18px;font-weight:700;color:var(--ag-petrol)}
.ag-page .ag-spread-label>span{color:var(--ag-muted);font-size:13.5px;line-height:1.45}
.ag-scale{position:relative;height:76px;min-width:0}
.ag-scale-axis{position:absolute;left:0;right:0;top:36px;height:2px;background:#e2ebec;border-radius:2px}
.ag-scale-band{position:absolute;top:25px;height:24px;border-radius:8px}
.ag-scale-band.is-tight{background:rgba(20,227,207,.24);box-shadow:inset 0 0 0 1px rgba(13,92,99,.4)}
.ag-scale-band.is-wide{background:rgba(255,124,50,.16);box-shadow:inset 0 0 0 1px rgba(194,85,29,.32)}
.ag-scale-band.is-ag{background:var(--ag-aqua);top:44px;height:13px;border-radius:7px}
.ag-scale-band.is-llm{background:#93a8a9;top:19px;height:13px;border-radius:7px}
.ag-scale-edge{position:absolute;top:20px;width:2px;height:34px;border-radius:2px}
.ag-scale-cap{position:absolute;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.ag-scale-tick{position:absolute;top:54px;font-size:11.5px;color:#9aacad}
.ag-spread-value{text-align:right;min-width:0}
.ag-spread-value b{display:block;font-family:Comfortaa,Roboto,sans-serif;font-size:clamp(24px,2.4vw,31px);font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}
.ag-page .ag-spread-value>span{display:block;margin:4px 0 0;font-size:12.5px;color:var(--ag-muted);line-height:1.4}
.ag-spread-row.is-headline{background:linear-gradient(150deg,#064d51,var(--ag-petrol));color:#fff;border-radius:16px;padding-inline:clamp(16px,2vw,26px);margin-top:10px;border-bottom:0}
.ag-spread-row.is-headline .ag-eyebrow{color:var(--ag-aqua)}
.ag-spread-row.is-headline strong{color:#fff}
.ag-page .ag-spread-row.is-headline .ag-spread-label>span,.ag-page .ag-spread-row.is-headline .ag-spread-value>span{color:#a9c9ca}
.ag-spread-row.is-headline .ag-scale-axis{background:rgba(255,255,255,.22)}
.ag-spread-row.is-headline .ag-scale-tick{color:#8fadae}
.ag-page .ag-spread-read{margin:clamp(18px,2.2vw,24px) 0 0;padding-top:clamp(16px,2vw,20px);border-top:1px solid var(--ag-border);font-size:15px;line-height:1.6;color:var(--ag-ink);text-wrap:pretty}

/* Welche Assistenten gemeint sind - als neutrale Nennung, nicht als Logo */
.ag-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(22px,2.6vw,30px)}
.ag-tools span{border:1px solid var(--ag-border);background:#fff;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:700;color:var(--ag-petrol)}
.ag-page .ag-tools-note{margin:12px 0 0;color:var(--ag-muted);font-size:13.5px}

.ag-page .ag-method{margin:0 0 clamp(24px,3vw,32px);display:flex;flex-wrap:wrap;gap:8px}
.ag-method span{background:var(--ag-soft);border:1px solid var(--ag-border);border-radius:999px;padding:7px 13px;font-size:13px;color:var(--ag-ink)}
.ag-page .ag-source{margin:clamp(20px,2.4vw,28px) 0 0;color:var(--ag-muted);font-size:13px;line-height:1.6;max-width:92ch}

@media(max-width:1100px){
  .ag-formula{grid-template-columns:1fr;gap:14px}
  .ag-formula-op{height:34px}
}
@media(max-width:900px){
  .ag-spread-row{grid-template-columns:minmax(0,1fr) minmax(104px,auto);row-gap:14px}
  .ag-scale{grid-column:1/-1;height:70px}
  .ag-scale-cap{font-size:11px}
}
@media(max-width:820px){
  .ag-phase{grid-template-columns:40px minmax(0,1fr);row-gap:10px}
  .ag-phase-num{width:40px;height:40px}
  .ag-phase-bar,.ag-phase>p{grid-column:2}
}
.ag-page .ag-limit-link{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--ag-border)}
.ag-bench-side.is-yours .ag-limit-link{border-top-color:rgba(255,255,255,.18)}
/* Jede Abschnittsfrage bekommt ihre Antwort direkt darunter, nicht erst im Bild */
.ag-page .ag-lead-answer{margin:16px 0 0;font-size:17px;line-height:1.65;color:var(--ag-muted);max-width:80ch}
.ag-section-dark .ag-lead-answer,.ag-page .ag-section-dark .ag-lead-answer{color:#cfe3e3}
.ag-page .ag-spread-axis-title{margin:0 0 6px;padding-bottom:14px;border-bottom:1px solid var(--ag-border);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--ag-muted)}
/* Modellnamen stehen auf eigener Zeile und behalten ihre Schreibweise -
   sonst zerfaellt die Aufzaehlung in der schmalen Spalte. */
.ag-models{display:block;margin-top:3px;text-transform:none;letter-spacing:0;font-weight:400;font-size:12.5px;line-height:1.4}
/* Abschnittseinleitungen laufen so breit wie die Diagramme darunter - der
   Deckel von .ag-section-head galt fuer Kopfzeilen ohne Fliesstext. */
.ag-page .ag-section-head:has(.ag-lead-answer){max-width:none}
.ag-page .ag-lead-answer{max-width:none}
/* Weisse Schlagzeile statt Alt-Aqua - nur dort, wo es gesetzt ist */
.ag-page .ag-hero-weiss .ag-hero-copy h1{color:#fff}
/* Bildmarke als ruhige Flaeche rechts im Hero - dekorativ, deshalb aus dem
   Vorlesefluss genommen und nie ueber dem Text. */
.ag-hero-mit-marke{position:relative}
.ag-hero-marke{position:absolute;right:0;top:50%;transform:translateY(-50%);width:clamp(180px,20vw,300px);opacity:.14;pointer-events:none;user-select:none}
.ag-hero-mit-marke .ag-hero-copy{position:relative;z-index:1}
.ag-hero-marke-icon{width:auto;font-size:clamp(200px,22vw,340px);line-height:1;color:#fff;display:block}
@media(max-width:900px){.ag-hero-marke{display:none}}

/* ---------------------------------------------------------------------------
   Erstgespraech
   Die Seite lief frueher mit eigenen Tokens und eigenem Button in einem
   <style>-Block im Template - sie sah aus wie eine fremde Seite an der Stelle,
   an der Vertrauen entscheidet. Alles hier laeuft jetzt ueber die Bausteine der
   uebrigen Site; nur was es sonst nirgends gibt, steht in diesem Abschnitt.
   --------------------------------------------------------------------------- */
/* Der Kopf uebernimmt die Masse von .ag-product-hero unveraendert - eigene
   Spaltenbreiten hatten die Ueberschrift hier in acht Zeilen zerlegt. Die
   Zeile bricht ueber <br> im Text, nicht ueber eine Breitenbegrenzung. */
.ag-consult-hero{padding-block:clamp(56px,5.5vw,78px)}
.ag-consult-hero .ag-hero-grid{align-items:center}
.ag-consult-hero .ag-product-hero-copy h1{max-width:none;text-wrap:balance}
.ag-consult-hero .ag-hero-copy>p:not(.ag-eyebrow){max-width:56ch}
.ag-consult-hero .ag-hero-actions{margin:26px 0 18px}
.ag-consult-hero .ag-proof-pills{margin-top:2px}

.ag-consult-booking-section{padding-bottom:clamp(48px,6vw,72px)}
.ag-consult-booking{display:grid;grid-template-columns:minmax(230px,.42fr) minmax(0,1fr);gap:clamp(24px,3vw,38px);align-items:start}
.ag-consult-rail{position:sticky;top:150px}
.ag-consult-mini-agenda{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:0}
.ag-consult-mini-agenda li{display:grid;grid-template-columns:78px 1fr;gap:12px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--ag-border)}
.ag-consult-mini-agenda li:last-child{border-bottom:0}
.ag-consult-mini-agenda b{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ag-teal)}
.ag-consult-mini-agenda span{font-size:15px;line-height:1.4}
.ag-consult-rail .ag-help{margin-top:18px}

/* Kein iframe (Bookings bootet im Fremd-Rahmen nicht durch) - stattdessen ein
   Uebergang, der die Fakten des Termins zeigt, bevor die Microsoft-Seite kommt. */
.ag-consult-booking-panel{border:1px solid var(--ag-border);border-radius:var(--ag-radius);background:radial-gradient(circle at 18% 8%,rgba(20,227,207,.14),transparent 42%),#fff;box-shadow:var(--ag-shadow);padding:clamp(30px,4vw,52px);display:grid;justify-items:center;text-align:center;gap:0}
.ag-consult-booking-panel h3{margin:0 0 20px;font-family:Comfortaa,Roboto,sans-serif;font-size:clamp(23px,2.4vw,30px)}
.ag-consult-booking-facts{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.ag-consult-booking-facts li{display:flex;align-items:center;gap:8px;border:1px solid var(--ag-border);border-radius:999px;padding:8px 15px;font-size:14px;font-weight:700;background:#fff}
.ag-consult-booking-facts span{font-size:14px}
.ag-consult-booking-cta{min-height:54px;padding:15px 32px;font-size:17px}
.ag-consult-booking-panel .ag-help{margin:20px 0 0;max-width:46ch}

/* Ablauf als Zeitraster - die Zeitspalte traegt die Aussage, nicht die Nummer */
.ag-consult-agenda{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#fff;border-radius:var(--ag-radius);box-shadow:var(--ag-shadow);overflow:hidden}
.ag-consult-agenda li{display:grid;gap:14px;padding:clamp(24px,3vw,34px);border-right:1px solid var(--ag-border)}
.ag-consult-agenda li:last-child{border-right:0}
.ag-consult-agenda-time{justify-self:start;border-radius:999px;background:var(--ag-petrol);color:var(--ag-aqua);padding:6px 13px;font-size:12.5px;font-weight:700;letter-spacing:.05em}
.ag-consult-agenda h3{margin:0 0 8px}
.ag-consult-agenda p{margin:0;color:var(--ag-muted)}

.ag-consult-promises{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.ag-consult-promises article{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--ag-radius);padding:24px}
.ag-consult-promises article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(25,239,228,.14);color:var(--ag-aqua);font-weight:700;margin-bottom:14px}
.ag-consult-promises h3{margin:0 0 8px;color:#fff}
.ag-consult-promises p{margin:0;color:#c9dddd;font-size:15px}
.ag-consult-host{display:grid;grid-template-columns:96px 1fr;column-gap:22px;align-items:center;margin:34px 0 0;padding:26px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--ag-radius)}
.ag-consult-host img{width:96px;height:96px;border-radius:50%;object-fit:cover;grid-row:1/3}
.ag-consult-host blockquote{margin:0 0 10px;font-size:19px;line-height:1.5;color:#fff}
.ag-consult-host figcaption strong,.ag-consult-host figcaption span{display:block}
.ag-consult-host figcaption span{color:#c9dddd;font-size:14px}

/* Referenzband: dieselben Kacheln wie auf der Startseite, hier aber auf hellem
   Grau mit feiner Goldkante statt auf Schwarz - der Abschnitt steht zwischen
   zwei hellen Flaechen, eine dunkle Insel haette ihn zerschnitten. Die Kacheln
   brauchen dafuer eine eigene Kante, weiss auf hellgrau verliert sie sonst.
   Die Regeln greifen ueber drei Klassen, weil hero-v2.css spaeter geladen wird. */
.ag-consult-refband{border-radius:var(--ag-radius);background:#f5f6f7;border:1px solid rgba(194,161,92,.55);padding:clamp(24px,3vw,34px);text-align:center;margin-bottom:clamp(28px,4vw,44px)}
.ag-consult-refband .ag-hero-v2-trust-label{color:var(--ag-muted)}
/* Drei Kacheln statt der vier auf der Startseite - auf breitem Schirm duerfen
   sie deutlich weiter auseinander stehen, sonst klumpen sie in der Mitte. */
.ag-consult-refband .ag-hero-v2-trust-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px clamp(30px,7vw,132px);margin:0;padding:0;list-style:none}
.ag-consult-refband .ag-hero-v2-trust-list .ag-hero-v2-reference-logo{border-color:rgba(194,161,92,.4);box-shadow:0 3px 12px rgba(0,24,27,.06)}

.ag-consult-trust{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,54px);align-items:start}
/* Die Stimme eines Auditors traegt hier mehr als jede Selbstbeschreibung -
   deshalb ausgeschrieben statt als Hinweisfeld wie auf der Startseite. */
.ag-consult-quote{display:grid;grid-template-columns:84px minmax(0,1fr);column-gap:22px;row-gap:14px;align-items:start;margin:0;padding:clamp(24px,3vw,32px);border-radius:var(--ag-radius);background:var(--ag-soft);box-shadow:var(--ag-shadow)}
.ag-consult-quote img{width:84px;height:84px;border-radius:50%;object-fit:cover;grid-row:1/3}
.ag-consult-quote blockquote{margin:0;font-size:clamp(17px,1.6vw,20px);font-style:italic;line-height:1.55;color:var(--ag-ink)}
.ag-consult-quote blockquote::before{content:"„";float:left;margin:-2px 6px 0 -6px;font-family:Comfortaa,Roboto,sans-serif;font-size:44px;line-height:1;color:var(--ag-aqua-2)}
.ag-consult-quote figcaption strong,.ag-consult-quote figcaption span{display:block}
.ag-consult-quote figcaption span{color:var(--ag-muted);font-size:14px}

/* Datenschutz ohne Fachsprache: Aussage fett, Erklaerung darunter im Klartext.
   Die technische Fassung steht auf der Sicherheitsseite. */
.ag-consult-data h3{margin:0 0 6px;font-size:20px}
.ag-consult-data dl{margin:0}
.ag-consult-data dt{margin-top:20px;font-weight:700;font-size:16.5px}
.ag-consult-data dd{margin:5px 0 0;color:var(--ag-muted);line-height:1.6}

/* Das Formular ist der Ausweichweg und traegt deshalb den ruhigen Button */
.ag-consult-message{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(28px,4vw,54px);align-items:start}
.ag-consult-message>div>p:not(.ag-eyebrow):not(.ag-help){color:var(--ag-muted);font-size:17px}
.ag-consult-message .ag-checklist{grid-template-columns:1fr;gap:12px}
.ag-consult-message .ag-contact-card form>.ag-btn{width:100%}
.ag-consult-closing{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:46px;text-align:center}
.ag-consult-closing span{color:var(--ag-muted)}

.ag-consult-thanks{display:grid;place-items:center;min-height:62vh}
.ag-consult-thanks-card{max-width:760px;margin-inline:auto;text-align:center;background:#fff;border-radius:var(--ag-radius);box-shadow:var(--ag-shadow);padding:clamp(30px,5vw,58px)}
.ag-consult-thanks-mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 20px;border-radius:50%;background:#dffbf7;color:var(--ag-teal);font-size:26px;font-weight:700}
.ag-consult-thanks-card h1{font-size:clamp(28px,3vw,40px)}
.ag-consult-thanks-card>p{color:var(--ag-muted);max-width:56ch;margin-inline:auto}
.ag-consult-thanks-next{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:38px;text-align:left}
.ag-consult-thanks-next article{background:var(--ag-soft);border-radius:14px;padding:24px;display:grid;align-content:start;gap:10px}
.ag-consult-thanks-next h2{font-size:19px;margin:0}
.ag-consult-thanks-next p{margin:0;color:var(--ag-muted);font-size:15px}
.ag-consult-thanks-next .ag-btn{justify-self:start;margin-top:6px}

@media(max-width:1120px){
  .ag-consult-hero .ag-hero-grid{grid-template-columns:1fr}
  .ag-consult-booking{grid-template-columns:1fr}
  .ag-consult-rail{position:static}
  .ag-consult-promises{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  .ag-consult-agenda{grid-template-columns:1fr}
  .ag-consult-agenda li{border-right:0;border-bottom:1px solid var(--ag-border)}
  .ag-consult-agenda li:last-child{border-bottom:0}
  .ag-consult-trust,.ag-consult-message,.ag-consult-thanks-next{grid-template-columns:1fr}
  .ag-consult-quote{grid-template-columns:1fr;justify-items:start}
  .ag-consult-quote img{grid-row:auto}
}
@media(max-width:620px){
  .ag-consult-promises{grid-template-columns:1fr}
  .ag-consult-booking-panel{padding:28px 20px}
  .ag-consult-booking-facts{flex-direction:column;align-items:stretch}
  .ag-consult-booking-facts li{justify-content:center}
  .ag-consult-host{grid-template-columns:1fr;justify-items:start;row-gap:14px}
  .ag-consult-host img{grid-row:auto}
}