/* Standort-Layout — Layout-CSS (gescopt unter .aend-fin). Quelle: Prototyp dev.aendring.de/ratgeber-hero-mockup.html */
:root{--paper:#f3ede3;--ink:#1b2330;--navy:#1b2740;--gold:#c39a44;--gold-deep:#a97f24;--card:#fffdf9;--gold-tint:#f1e7cf;--navy-tint:#e5e8ef;--line:#e6ddcd;--muted:#6c6a63;--serif:'Bricolage Grotesque',sans-serif;--sans:'Inter',sans-serif;}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:90px}
body{background:var(--paper);font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.6}
.wrap{max-width:1430px;margin:0 auto;padding:0 40px}
h1,h2,h3{font-family:var(--serif);line-height:1.12;letter-spacing:-.01em;color:var(--navy)}
a{color:inherit}
.eyebrow{display:inline-flex;align-items:center;gap:9px;background:var(--gold-tint);color:var(--gold-deep);font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;padding:6px 13px;border-radius:100px}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold-deep)}
/* transition */
.aend-fin .fsb-price{bottom:96px!important}
.sheet{background:var(--card);border-radius:32px 32px 0 0;margin-top:-54px;position:relative;z-index:3;box-shadow:0 -16px 40px rgba(27,39,64,.10)}
.sheet .grid{padding-top:74px}
/* 3-col */
.grid{display:grid;grid-template-columns:230px minmax(0,1fr) 350px;gap:52px;padding-bottom:64px}
.toc{position:sticky;top:122px;align-self:start}
.toc .ttl{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.toc ul{list-style:none;border-left:2px solid var(--line)}
.toc li a{display:block;padding:4px 0 4px 14px;margin-left:-2px;font-size:13px;line-height:1.35;color:var(--muted);text-decoration:none;border-left:2px solid transparent}
.toc li a:hover{color:var(--ink)}
.toc li.active a{color:var(--navy);font-weight:600;border-left-color:var(--gold-deep)}
/* eeat */
.eeat{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted);padding-bottom:18px;margin-bottom:26px;border-bottom:1px solid var(--line)}
.eeat .ea{display:flex;align-items:center;gap:8px}
.eeat .ea b{color:var(--ink);font-weight:600}
.eeat .ico{width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-family:var(--serif);font-weight:700;font-size:12px}
.eeat .dot{width:4px;height:4px;border-radius:50%;background:var(--line)}
/* article */
/* „Antwort-zuerst" Lead-Absatz (KI/GEO) — direkte Antwort oben im Artikel */
.art p.art-answer{font-size:18.5px;line-height:1.62;color:var(--ink);font-weight:500;margin:0 0 34px;padding-left:18px;border-left:3px solid var(--gold-deep)}
.art-answer b,.art-answer strong{color:var(--navy);font-weight:700}
@media(max-width:560px){.art p.art-answer{font-size:17px;padding-left:14px}}
.art h2{font-size:29px;margin:0 0 16px}
.art h2.mt{margin-top:46px}
.art p{font-size:16.5px;line-height:1.72;color:#3a3a36;margin-bottom:18px}
.art p b{color:var(--navy);font-weight:600}
.art h3{font-size:19px;color:var(--navy);margin:28px 0 8px}
.art ul,.art ol{margin:0 0 22px;padding-left:1.6em}
.art li{font-size:16.5px;line-height:1.72;color:#3a3a36;margin-bottom:9px}
.art li:last-child{margin-bottom:0}
.art li strong,.art li b{color:var(--navy);font-weight:600}
/* Hervorgehobener Abschnitt als Kachel (Backend: Darstellung = Kachel-Variante) */
.art .sec-card{border-radius:20px;padding:30px 34px;margin:40px 0}
.art .sec-card h2{font-size:25px;margin:0 0 14px}
.art .sec-card > :last-child{margin-bottom:0}
.art .sec-card--gold{background:var(--gold-tint);border:1px solid #e6d3a8}
.art .sec-card--cream{background:var(--card);border:1px solid var(--line)}
.art .sec-card--navy{background:var(--navy);border:1px solid var(--navy)}
.art .sec-card--navy h2{color:#fff}
.art .sec-card--navy p,.art .sec-card--navy li{color:#d7dce4}
.art .sec-card--navy strong,.art .sec-card--navy b,.art .sec-card--navy li strong,.art .sec-card--navy li b{color:#fff}
.art .sec-card--navy a{color:var(--gold)}
/* inline pitch — gold-tint */
.pitch{background:var(--gold-tint);color:var(--ink);border:1px solid #e6d3a8;border-radius:20px;padding:32px 34px;margin:36px 0}
.pitch h3{color:var(--navy);font-size:23px;margin-bottom:10px}
.pitch p{color:#5b5645;font-size:15.5px;margin-bottom:20px;line-height:1.55}
.pitch .pc-checks{display:flex;flex-wrap:wrap;gap:10px 22px;margin-bottom:24px}
.pitch .pc-checks span{display:inline-flex;align-items:center;gap:9px;font-size:14.5px;color:var(--ink)}
.pitch .pc-checks i{color:var(--gold-deep);font-style:normal;font-weight:700}
.pc-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.btn-navy{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--navy);color:#fff;font-weight:600;font-size:15px;padding:14px 24px;border-radius:100px;text-decoration:none}
/* Textfarbe im Hover/Active halten: hello-elementor reset.css setzt a:hover,a:active
   {color:#333366} (Spez. 0,1,1) und wuerde die weisse Schrift sonst dunkelblau faerben. */
.btn-navy:hover,.btn-navy:active,.btn-navy:focus-visible{color:#fff}
.btn-navy.full{width:100%;padding:14px 18px}
.pc-meta{font-size:13.5px;color:var(--muted)}
.pc-meta b{color:var(--ink)}
/* rail */
.rail{position:sticky;top:122px;align-self:start;display:flex;flex-direction:column;gap:18px}
.rcard{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px 22px}
.rcard.cta{background:var(--gold-tint);border-color:#e6d3a8}
.rcard .rk{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:9px}
.rcard.bez .rk{color:var(--muted)}
.rcard h4{font-family:var(--serif);font-size:20px;color:var(--navy);margin-bottom:13px;line-height:1.2}
.rchecks{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:18px}
.rchecks li{display:flex;gap:9px;font-size:14px;color:var(--ink)}
.rchecks i{color:var(--gold-deep);font-style:normal;font-weight:700}
.rmeta{text-align:center;font-size:12.5px;color:var(--muted);margin-top:11px}
.bez-list{list-style:none;display:flex;flex-direction:column}
.bez-list li a{display:flex;align-items:center;justify-content:space-between;padding:10px 0;font-size:14px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.bez-list li a:hover{color:var(--gold-deep)}
.bez-list li a span.ar{color:var(--gold-deep)}
.bez-all{display:block;margin-top:13px;font-size:14px;font-weight:600;color:var(--navy);text-decoration:none}
.bez-all:hover{color:var(--gold-deep)}
/* live-dashboard band + rich app window */
.lifeband{background:var(--navy);color:#fff;position:relative;z-index:3}
.lifeband .lg{display:grid;grid-template-columns:.92fr 1.08fr;gap:50px;align-items:center;padding-top:74px;padding-bottom:74px}
.lb-copy .eyebrow{background:rgba(195,154,68,.16);color:var(--gold)}
.lb-copy .eyebrow::before{background:var(--gold)}
.lb-copy h2{color:#fff;font-size:36px;margin:16px 0 16px}
.lb-copy p{color:#c4cbd8;font-size:16.5px;line-height:1.65;margin-bottom:22px;max-width:430px}
.lb-checks{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:28px}
.lb-checks li{display:flex;gap:11px;font-size:15.5px;color:#eef1f5}
.lb-checks i{color:var(--gold);font-style:normal;font-weight:700}
.btn-gold{display:inline-flex;align-items:center;gap:9px;background:var(--gold);color:#23272e;font-weight:600;font-size:15.5px;padding:14px 26px;border-radius:100px;text-decoration:none}
.appwin{background:var(--card);border-radius:16px;box-shadow:0 34px 80px rgba(0,0,0,.42);overflow:hidden}
.aw-bar{display:flex;align-items:center;gap:12px;padding:13px 18px;background:#fbf7ef;border-bottom:1px solid var(--line)}
.aw-dots{display:flex;gap:6px}.aw-dots i{width:11px;height:11px;border-radius:50%;background:#e2d8c6}
.aw-title{font-family:var(--serif);font-weight:800;font-size:14px;color:var(--navy)}
.aw-title small{font-family:var(--sans);font-weight:500;color:var(--muted);margin-left:6px;font-size:12px}
.aw-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;background:var(--gold-tint);color:var(--gold-deep);font-size:11px;font-weight:700;padding:5px 11px;border-radius:100px}
.aw-live i{width:6px;height:6px;border-radius:50%;background:var(--gold-deep)}
.aw-body{padding:22px 22px 24px}
.aw-flow{display:flex;justify-content:space-between;position:relative;margin-bottom:24px}
.aw-flow::before{content:"";position:absolute;left:22px;right:22px;top:17px;height:2px;background:#ece4d5}
.aw-flow::after{content:"";position:absolute;left:22px;width:38%;top:17px;height:2px;background:var(--gold-deep)}
.aw-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;flex:1;z-index:1}
.aw-step .nd{width:36px;height:36px;border-radius:50%;background:#fff;border:1.5px solid #e0d6c4;display:grid;place-items:center;font-weight:700;font-size:13px;color:#c2b59c}
.aw-step.done .nd{background:var(--gold-tint);border-color:#e6d3a6;color:var(--gold-deep)}
.aw-step.now .nd{border:2px solid var(--gold-deep);color:var(--gold-deep)}
.aw-step .lb{font-size:11px;color:var(--muted);text-align:center;font-weight:600;max-width:74px;line-height:1.25}
.aw-step.now .lb,.aw-step.done .lb{color:var(--navy)}
.aw-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.aw-panel{border:1px solid var(--line);border-radius:12px;padding:14px}
.aw-panel h5{font-family:var(--serif);font-weight:800;font-size:13px;color:var(--navy);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.aw-panel h5 .cnt{margin-left:auto;background:var(--gold-tint);color:var(--gold-deep);font-size:11px;font-weight:800;padding:2px 8px;border-radius:100px}
.aw-doc{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--ink);margin-bottom:10px}
.aw-doc:last-child{margin-bottom:0}
.aw-doc .dc{width:20px;height:20px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:11px;font-weight:700}
.aw-doc .dc.ok{background:#e1f5ee;color:#1d9e75}
.aw-doc .dc.wait{background:#eee7d8;color:var(--muted)}
.aw-bub{font-size:11.5px;line-height:1.45;padding:8px 11px;border-radius:12px;margin-bottom:8px;max-width:90%}
.aw-bub.in{background:#f1ece1;border-bottom-left-radius:4px}
.aw-bub.out{background:var(--navy);color:#eef1f5;border-bottom-right-radius:4px;margin-left:auto}
.aw-bub small{display:block;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;opacity:.5;margin-bottom:2px}
/* use-case-grid — festes band (nach artikel, vor live-dashboard) */
.aend-fin .ucband{padding:72px 0;position:relative;z-index:3}
.aend-fin .uc-head{max-width:680px;margin:0 auto 34px;text-align:center}
.aend-fin .uc-head h2{font-size:36px;color:var(--navy);margin-top:14px}
@media(max-width:980px){.aend-fin .ucband{padding:48px 0}.aend-fin .uc-head h2{font-size:30px}}
.aend-fin .ucband .bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.aend-fin .ucband .tile{border-radius:var(--r);padding:28px;display:flex;flex-direction:column;min-height:340px;position:relative;overflow:hidden;transition:transform .18s ease;border:1px solid rgba(0,0,0,.04);text-decoration:none;color:var(--ink)}
.aend-fin .ucband .tile:hover{transform:translateY(-4px)}
.aend-fin .ucband .tile h3{font-family:var(--serif);font-weight:800;font-size:25px;margin-bottom:8px;max-width:13ch;color:var(--navy)}
.aend-fin .ucband .tile p{font-size:15px;opacity:.72;font-weight:400}
.aend-fin .ucband .tile .arr{position:absolute;top:26px;right:26px;width:46px;height:46px;border-radius:999px;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:20px}
.aend-fin .ucband .tile img{border-radius:22px;width:100%;height:152px;object-fit:cover;margin-top:auto}
.aend-fin .ucband .t-sand{background:var(--sand)}
.aend-fin .ucband .t-gold{background:var(--gold-tint)}
.aend-fin .ucband .t-navy{background:var(--navy-tint)}
@media(max-width:900px){
.aend-fin .ucband .bento{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;margin-left:-32px;margin-right:-32px;padding:0 32px 18px;scroll-padding-left:32px;scrollbar-width:none}
.aend-fin .ucband .bento::-webkit-scrollbar{display:none}
.aend-fin .ucband .bento .tile{flex:0 0 60%;scroll-snap-align:start;min-height:330px}
.aend-fin .ucband .bento .tile:hover{transform:none}
.aend-fin .ucband .tile{min-height:0}
.aend-fin .ucband .tile h3{font-size:23px}
}
@media(max-width:600px){
.aend-fin .ucband .tile{padding:22px}
.aend-fin .ucband .tile img{height:140px;margin-top:16px}
.aend-fin .ucband .bento{gap:12px;margin-left:-20px;margin-right:-20px;padding:0 20px 14px;scroll-padding-left:20px}
.aend-fin .ucband .bento .tile{flex:0 0 70%;min-height:0;padding:18px}
.aend-fin .ucband .bento .tile h3{font-size:19px;margin-bottom:6px}
.aend-fin .ucband .bento .tile p{font-size:13px}
.aend-fin .ucband .bento .tile img{height:110px;margin-top:14px}
.aend-fin .ucband .bento .tile .arr{width:38px;height:38px;font-size:16px;top:16px;right:16px}
}
/* faq — startseite style */
.faq-band{background:var(--card);border-top:1px solid var(--line);padding:70px 0 84px;position:relative;z-index:3}
.faq-band .fh{text-align:center;max-width:680px;margin:0 auto 38px}
.faq-band .fh h2{font-size:36px;margin-top:14px}
.faqs{margin:0 auto;display:grid;gap:12px;max-width:880px}
.faq{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:2px 24px}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 0;font-family:var(--serif);font-weight:800;font-size:18px;line-height:1.25;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:none!important}
.faq summary:hover{color:var(--gold-deep)}
.faq-ic{flex:0 0 auto;width:27px;height:27px;border-radius:50%;background:var(--gold-tint);color:var(--gold-deep);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:19px;line-height:1;transition:transform .25s ease}
.faq[open] .faq-ic{transform:rotate(45deg)}
.faq-a{padding:0 0 22px;font-size:16px;line-height:1.65;opacity:.8;max-width:74ch;font-weight:400}

/* ===== RESPONSIVE ===== */
@media(max-width:980px){
  .grid{grid-template-columns:minmax(0,1fr);gap:0;padding-bottom:44px}
  .grid>*{min-width:0}
  .toc ul{max-width:100%}
  .sheet{margin-top:-40px;border-radius:26px 26px 0 0}
  .sheet .grid{padding-top:44px}
  .toc{position:static;margin-bottom:26px}
  .toc .ttl{display:none}
  .toc ul{display:flex;gap:4px;overflow-x:auto;border-left:none;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}
  .toc ul::-webkit-scrollbar{display:none}
  .toc li a{border-left:none;border-bottom:2px solid var(--line);white-space:nowrap;padding:8px 14px;margin:0}
  .toc li.active a{border-left:none;border-bottom-color:var(--gold-deep)}
  .rail{position:static;margin-top:30px;flex-direction:row;flex-wrap:wrap}
  .rail .rcard{flex:1;min-width:260px}
  .rail .rcard.cta{display:none}
  .lifeband .lg{grid-template-columns:1fr;gap:30px;padding-top:52px;padding-bottom:52px}
  .lb-copy p{max-width:none}
  .faq-band .fh h2,.lb-copy h2{font-size:30px}
  .art h2{font-size:26px}
}
@media(max-width:600px){
  .wrap{padding:0 20px}
  .sheet .grid{padding-top:40px}
  .pitch{padding:26px 22px}
  .rail{flex-direction:column}
  .rail .rcard{min-width:0}
  .aw-cols{grid-template-columns:1fr}
  .aw-step .lb{font-size:9px;max-width:56px}
  .aw-step .nd{width:30px;height:30px;font-size:12px}
  .aw-flow::before,.aw-flow::after{top:14px}
  .lifeband .lg{padding-top:42px;padding-bottom:42px}
  .faq-band{padding:50px 0 60px}
  .faq summary{font-size:16px}
}

/* ===== HERO (FSB) ===== */
/* Hero hinter den (sticky) Header ziehen -> der Header liegt UEBER dem Hero-Bild.
   Nur >=769px (Mobil bleibt der Hero unter dem Header, vgl. .fsb-l-Paddings).
   --aend-hd-h liefert aend-header.js (echte Hoehe von .aend-hdr). */
@media(min-width:769px){body.aend-standort-page .aend-fin > .fsb{margin-top:calc(-1 * var(--aend-hd-h, 74px));}}
.aend-fin .fsb{position:relative;min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:var(--paper);overflow:hidden;}.aend-fin .fsb-l{position:relative;display:flex;flex-direction:column;justify-content:safe center;padding:64px;padding-top:calc(var(--aend-hd-h, 102px) + 44px);max-width:760px;margin-left:auto;width:100%;}.aend-fin .fsb-bc{position:absolute;top:calc(var(--aend-hd-h, 96px) + 18px);left:64px;right:48px;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:7px;flex-wrap:wrap;}.aend-fin .fsb-bc a{color:var(--muted);text-decoration:none;}.aend-fin .fsb-bc a:hover{color:var(--gold-deep);}.aend-fin .fsb-bc > span:last-child{color:var(--ink);font-weight:600;}.aend-fin .fsb-bc-sep{color:#c9c2b4;}.aend-fin .fsb .ey{display:inline-flex;align-items:center;gap:9px;background:var(--gold-tint);color:var(--gold-deep);font-weight:700;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border-radius:999px;align-self:flex-start;margin-bottom:24px;}.aend-fin .fsb .ey .d{width:7px;height:7px;border-radius:50%;background:var(--gold-deep);}.aend-fin .fsb h1{font-family:var(--serif);font-weight:800;letter-spacing:-.025em;line-height:1.04;font-size:clamp(42px,4.2vw,64px);color:var(--ink);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;}.aend-fin .fsb h1 em{font-style:normal;color:var(--gold-deep);}.aend-fin .fsb .sub{color:var(--muted);font-size:19px;max-width:46ch;margin:22px 0 0;line-height:1.5;}.aend-fin .fsb .cta{display:flex;align-items:center;gap:14px 18px;margin-top:30px;flex-wrap:wrap;}.aend-fin .fsb-ctameta{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);}.aend-fin .fsb-ctameta b{color:var(--ink);font-weight:700;}.aend-fin .fsb-ctameta .tm{flex:0 0 16px;width:16px;height:16px;color:var(--gold-deep);}.aend-fin .fsb .btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:16px;padding:16px 28px;border-radius:999px;border:0;cursor:pointer;text-decoration:none;}.aend-fin .fsb .btn-navy{background:var(--navy);color:#fff;}.aend-fin .fsb .btn-navyline{background:transparent;color:var(--navy);border:1.5px solid #cdc2ac;}.aend-fin .fsb-trust{display:flex;gap:14px 26px;margin-top:26px;flex-wrap:wrap;}.aend-fin .fsb-trust .tck{display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:500;color:#3a4150;}.aend-fin .fsb-trust .tck i{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--gold-tint);color:var(--gold-deep);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;font-style:normal;}.aend-fin .fsb-r{position:relative;background:#2a3344 center/cover no-repeat;}.aend-fin .fsb-chip{position:absolute;background:var(--card);border-radius:16px;padding:14px 15px;box-shadow:0 18px 42px rgba(0,0,0,.22);}.aend-fin .fsb-chip.fsb-dash{top:calc(var(--aend-hd-h, 96px) + 28px);right:max(34px, calc((100vw - 1430px) / 2));width:300px;padding:18px 19px;border-radius:18px;box-shadow:0 24px 54px rgba(0,0,0,.30);}.aend-fin .fsb-chip.fsb-dash .dhead{display:flex;align-items:center;gap:9px;}.aend-fin .fsb-chip.fsb-dash .dhead .ddot{width:9px;height:9px;border-radius:50%;background:#1d9e75;}.aend-fin .fsb-chip.fsb-dash .dhead b{font-size:15px;font-weight:700;color:var(--ink);}.aend-fin .fsb-chip.fsb-dash .live{margin-left:auto;background:var(--gold-tint);color:var(--gold-deep);font-weight:800;font-size:9.5px;letter-spacing:.04em;padding:3px 7px;border-radius:6px;}.aend-fin .fsb-chip.fsb-dash .dproj-l{margin-top:13px;font-size:11.5px;color:var(--muted);}.aend-fin .fsb-chip.fsb-dash .dproj{font-size:15px;font-weight:700;color:var(--ink);margin-top:2px;}.aend-fin .fsb-chip.fsb-dash .dsteps{list-style:none;margin:13px 0 0;padding:0;display:flex;flex-direction:column;gap:9px;}.aend-fin .fsb-chip.fsb-dash .dstep{display:flex;align-items:center;gap:11px;font-size:13.5px;color:var(--ink);}.aend-fin .fsb-chip.fsb-dash .dstep.todo{color:var(--muted);}.aend-fin .fsb-chip.fsb-dash .dico{flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;}.aend-fin .fsb-chip.fsb-dash .dico.done{background:#e3f5ec;color:#1d9e75;}.aend-fin .fsb-chip.fsb-dash .dico.active{background:var(--navy);}.aend-fin .fsb-chip.fsb-dash .dico.active::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);}.aend-fin .fsb-chip.fsb-dash .dico.todo{background:#efece6;color:var(--muted);font-weight:700;}.aend-fin .fsb-chip.fsb-dash .dbar{height:6px;border-radius:99px;background:var(--line);margin-top:15px;overflow:hidden;}.aend-fin .fsb-chip.fsb-dash .dbar i{display:block;height:100%;background:var(--gold);}.aend-fin .fsb-chip.fsb-dash .dfoot{display:flex;justify-content:space-between;margin-top:9px;font-size:11.5px;color:var(--muted);}.aend-fin .fsb-chip.fsb-price{left:34px;bottom:34px;display:flex;align-items:center;gap:12px;}.aend-fin .fsb-chip.fsb-price .ic{width:42px;height:42px;border-radius:11px;background:var(--gold-tint);color:var(--gold-deep);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:22px;font-weight:800;}.aend-fin .fsb-chip.fsb-price .lt{font-size:11px;color:var(--muted);}.aend-fin .fsb-chip.fsb-price .lv{font-size:14px;font-weight:800;font-family:var(--serif);}
@media(max-width:900px){.aend-fin .fsb{grid-template-columns:1fr;grid-template-rows:auto minmax(560px,58vh);min-height:0;}.aend-fin .fsb-l{padding:26px 22px 30px;justify-content:flex-start;}.aend-fin .fsb-bc{position:static;left:auto;right:auto;top:auto;margin-bottom:30px;}.aend-fin .fsb h1{font-size:36px;}.aend-fin .fsb-r{display:flex;align-items:center;padding:0 14px;}.aend-fin .fsb-chip.fsb-dash{position:static;width:100%;padding:40px;}.aend-fin .fsb-chip.fsb-dash .dsteps{gap:7px;}.aend-fin .fsb-chip.fsb-price{display:none;}}
/* Tablet 2-Spalten-Hero (901-1024): hinter den Header gezogen + Burger-Header.
   Inhalt OBEN ausrichten statt zentrieren und um die Header-Hoehe nach unten
   padden, sonst rutschen Breadcrumb/Eyebrow/H1 bei wenig Hoehe unter die Pille.
   Breadcrumb in den Fluss (wie <=900), damit die Reihenfolge stimmt. */
@media (min-width: 901px) and (max-width: 1024px) {
  body.aend-standort-page .aend-fin .fsb-l {
    justify-content: flex-start;
    padding-top: calc(var(--aend-hd-h, 102px) + 22px);
  }
  body.aend-standort-page .aend-fin .fsb-bc {
    position: static;
    left: auto;
    right: auto;
    top: auto;
    margin-bottom: 20px;
  }
}

/* Hero hinter den Header (Desktop+Tablet): der globale Header ist nur eine
   schwebende Pille (transparentes header-Element), daher kein Transparenz-Override
   noetig. Der Pull-up laeuft per CSS-Variable (auf <html> via standort.js gesetzt),
   nicht per inline-marginTop — letzteres wird von Elementor auf <main> weggewischt.
   .aend-standort-up wird nur >=769px gesetzt (Mobil bleibt der Hero unter dem Header). */
@media(min-width:769px){html.aend-standort-up body.aend-standort-page .aend-standort{margin-top:calc(-1 * var(--aend-hd-h, 102px));}}
/* Im gestapelten Hero (769–900px) Top-Abstand, damit die creme-Inhalte
   (Breadcrumb/Eyebrow) unter der Header-Pille starten statt darunter zu verschwinden. */
@media(min-width:769px) and (max-width:900px){body.aend-standort-page .aend-fin .fsb-l{padding-top:calc(var(--aend-hd-h, 102px) + 18px);}}

/* ===== FESTE BAENDER (3-Schritte, Warum, Final-CTA) =====
   Quelle: live /berlin/ inline-<style>. Tokens via marken-design.css.
   3-Schritte nutzt die .steps-Komponente der Startseite (siehe unten).
   Preise/Aufschlaege kommen jetzt aus [aendring_preise] (preise.css, eine Quelle). */
/* shared utilities */
.aend-fin section.pad{padding:90px 0;}
.aend-fin .sec-head{text-align:center;max-width:700px;margin:0 auto 50px;}
.aend-fin .sec-head h2{font-size:40px;margin:10px 0;}
.aend-fin .sec-head p{color:#4b5563;font-size:17px;}
.aend-fin .btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;padding:14px 26px;border-radius:12px;cursor:pointer;transition:.15s;text-decoration:none;}
.aend-fin .btn--p{background:var(--accent);color:#fff;}
.aend-fin .btn--p:hover{background:var(--accent-ink);}
.aend-fin .btn--ghost{background:transparent;color:var(--ink);border:1px solid #d8cfbf;}
.aend-fin .btn--light{background:#fff;color:var(--ink);}
/* 3-Schritte — .steps-Komponente der Startseite (Quelle: startseite.css). Scroll-Spy via standort.js initSteps. */
.aend-fin .steps{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:42px 52px}
.aend-fin .step{display:grid;grid-template-columns:auto 1fr;column-gap:24px;padding:28px 0;border-top:1px solid var(--line)}
.aend-fin .step:first-child{border-top:none;padding-top:0}
.aend-fin .step-n{grid-column:1;grid-row:1;font-family:var(--serif);font-weight:800;font-size:28px;line-height:1.1;color:#d3c8af;transition:color .3s ease}
.aend-fin .step h3{grid-column:2;grid-row:1;font-family:var(--serif);font-weight:800;font-size:40px;letter-spacing:-.02em;line-height:1.04;color:#cabfa9;transition:color .3s ease;margin:0}
.aend-fin .step p{grid-column:2;grid-row:2;font-size:16px;line-height:1.55;opacity:.7;font-weight:400;max-width:60ch;margin-top:12px}
.aend-fin .step.on .step-n{color:var(--gold-deep)}
.aend-fin .step.on h3{color:var(--ink)}
@media(max-width:900px){.aend-fin .steps{padding:34px 34px}.aend-fin .step h3{font-size:32px}}
@media(max-width:600px){.aend-fin .steps{padding:26px 22px}.aend-fin .step{column-gap:15px;padding:22px 0}.aend-fin .step-n{font-size:21px}.aend-fin .step h3{font-size:25px}.aend-fin .step p{font-size:15px}}
/* 3-Schritte als Gold-Panel mit weissen Karten — Optik der Startseite
   (Quelle startseite.css: .step-panel/.step-card/.step-k/.step-ttl/.step-txt). */
.aend-fin .step-panel{background:#eee6d5;border:1px solid var(--line);border-radius:28px;padding:48px;}
.aend-fin .step-panel .sec-head{text-align:left;max-width:none;margin:0 0 36px;}
.aend-fin .step-panel .eyebrow{background:transparent;padding:0;}
.aend-fin .step-panel .eyebrow::before{display:none;}
.aend-fin .step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.aend-fin .step-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px;}
.aend-fin .step-card .step-k{color:var(--gold-deep);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px;}
.aend-fin .step-card .step-ttl{font-family:var(--serif);font-size:21px;font-weight:800;color:var(--ink);margin:0 0 8px;line-height:1.12;}
.aend-fin .step-card .step-txt{color:var(--muted);font-size:15px;line-height:1.5;margin:0;}
@media(max-width:900px){.aend-fin .step-grid{grid-template-columns:1fr;}.aend-fin .step-panel{padding:32px 22px;border-radius:22px;}}
/* Warum (Vergleich) */
.aend-fin .cmp3{max-width:960px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;}
.aend-fin .cmp3-row{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;align-items:stretch;}
.aend-fin .cmp3-row > div{padding:16px 20px;display:flex;align-items:center;gap:11px;font-size:14px;line-height:1.3;border-bottom:1px solid var(--line);min-width:0;overflow-wrap:break-word;}
.aend-fin .cmp3-row:last-child > div{border-bottom:0;}
.aend-fin .cmp3-row .crit{color:var(--muted);font-weight:500;background:#faf8f2;}
.aend-fin .cmp3-row .us{background:var(--gold-tint);color:var(--ink);font-weight:600;box-shadow:inset 1px 0 0 rgba(177,134,47,.22),inset -1px 0 0 rgba(177,134,47,.22);border-bottom-color:rgba(177,134,47,.16);}
.aend-fin .cmp3-head > div{font-family:var(--serif);font-weight:600;font-size:16px;color:var(--ink);}
.aend-fin .cmp3-head .us{background:var(--gold);color:#fff;flex-direction:column;align-items:flex-start;gap:3px;box-shadow:none;}
.aend-fin .cmp3-head .us .nm{font-size:18px;}
.aend-fin .cmp3-head .us .tag{font-family:var(--sans);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.92;}
/* WARUM AENDRING — Fokus-Karte (Option 1): aendring gross + Alternativen kompakt. */
.aend-fin .cmpf{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;align-items:start;max-width:1040px;margin:0 auto;}
.aend-fin .cmpf-main{background:var(--card);border:1.5px solid #d9b75e;border-radius:20px;padding:30px 32px;box-shadow:0 14px 34px rgba(28,43,62,.10);}
.aend-fin .cmpf-head{display:flex;align-items:center;gap:11px;margin-bottom:22px;}
.aend-fin .cmpf-brand{font-family:var(--serif);font-weight:800;font-size:24px;color:var(--navy);}
.aend-fin .cmpf-badge{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-deep);background:var(--gold-tint);padding:5px 11px;border-radius:20px;}
.aend-fin .cmpf-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:15px;}
.aend-fin .cmpf-list li{display:flex;align-items:center;gap:13px;font-size:16px;color:var(--ink);line-height:1.3;}
.aend-fin .cmpf-ic{flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#caa44e;color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.aend-fin .cmpf-alts{display:flex;flex-direction:column;gap:14px;}
.aend-fin .cmpf-alt{background:#faf6ee;border:1px solid var(--line);border-radius:16px;padding:18px 20px;}
.aend-fin .cmpf-alt-h{font-size:14px;font-weight:600;color:#5f5e5a;margin-bottom:12px;}
.aend-fin .cmpf-alt-r{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--muted);line-height:1.35;}
.aend-fin .cmpf-alt-r + .cmpf-alt-r{margin-top:9px;}
.aend-fin .cmpf-ds{flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:#e7ded0;color:#9a9081;font-size:12px;display:flex;align-items:center;justify-content:center;}
.aend-fin .cmpf-xs{flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:#f0d9d9;color:#a94b4b;font-size:11px;display:flex;align-items:center;justify-content:center;}
@media(max-width:900px){.aend-fin .cmpf{grid-template-columns:1fr;}.aend-fin .cmpf-main{padding:26px 22px;}}
.aend-fin .cmp3 .mk{flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;line-height:1;}
.aend-fin .cmp3 .yes{background:var(--gold);color:#fff;}
.aend-fin .cmp3 .mid{background:#ebe8e0;color:#8a8270;}
.aend-fin .cmp3 .no{background:#f2ddd7;color:#b5644f;}
/* Final-CTA */
.aend-fin .final-band{background:var(--ink);color:#fff;border-radius:28px;padding:64px;text-align:center;}
.aend-fin .final-band h2{color:#fff;font-size:42px;}
.aend-fin .final-band p{color:#c3c9d4;font-size:18px;margin:14px 0 28px;}
/* responsive */
@media(max-width:900px){
.aend-fin .cmp3{overflow-x:auto;}
.aend-fin .cmp3-row{min-width:700px;}
}
@media(max-width:600px){
.aend-fin section.pad{padding:56px 0;}
.aend-fin .final-band{padding:40px 22px;}
.aend-fin .final-band h2,.aend-fin .sec-head h2{font-size:30px;}
}

/* ==== Foerderung-Ratgeber-Grafiken (kses-sicher: HTML/CSS, keine SVG) — nur auf /foerderung/ genutzt ==== */
.aend-standort .art .fdr-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 4px;}
.aend-standort .art .fdr-stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 14px;text-align:center;}
.aend-standort .art .fdr-stat b{display:block;font-family:var(--serif);font-weight:800;font-size:24px;color:var(--navy);line-height:1;}
.aend-standort .art .fdr-stat span{display:block;font-size:12.5px;color:var(--muted);margin-top:7px;line-height:1.35;}
.aend-standort .art .fdr-stat--gold{background:var(--gold);border-color:var(--gold-deep);}
.aend-standort .art .fdr-stat--gold b{color:var(--navy);}
.aend-standort .art .fdr-stat--gold span{color:#5c4a1e;font-weight:600;}

.aend-standort .art .fdr-bars{margin:22px 0 6px;display:flex;flex-direction:column;gap:12px;}
.aend-standort .art .fdr-bar{display:grid;grid-template-columns:minmax(96px,34%) 1fr auto;align-items:center;gap:12px;}
.aend-standort .art .fdr-bar .l{font-size:13.5px;font-weight:600;color:var(--ink);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;}
.aend-standort .art .fdr-bar .track{height:34px;background:#f0e9dd;border-radius:8px;overflow:hidden;}
.aend-standort .art .fdr-bar .fill{display:block;height:100%;background:var(--navy);border-radius:8px;}
.aend-standort .art .fdr-bar .fill-gold{background:var(--gold);}
.aend-standort .art .fdr-bar .v{font-family:var(--serif);font-weight:800;font-size:16px;color:var(--navy);white-space:nowrap;}
.aend-standort .art .fdr-cap{font-size:12.5px;color:var(--muted);margin:12px 0 0;}

.aend-standort .art table.fdr-table{border-collapse:collapse;width:100%;margin:20px 0 4px;font-size:14.5px;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;}
.aend-standort .art table.fdr-table th,.aend-standort .art table.fdr-table td{text-align:left;padding:11px 13px;border-bottom:1px solid var(--line);overflow-wrap:break-word;}
.aend-standort .art table.fdr-table thead th{background:var(--navy);color:#f3ede3;font-family:var(--serif);font-weight:700;font-size:13px;}
.aend-standort .art table.fdr-table tbody tr:nth-child(even){background:#fbf7ef;}
.aend-standort .art table.fdr-table tbody tr:last-child td{border-bottom:0;}

.aend-standort .art ol.fdr-tl{list-style:none;margin:22px 0 6px;padding:0;position:relative;}
.aend-standort .art ol.fdr-tl::before{content:"";position:absolute;left:18px;top:12px;bottom:12px;width:2px;background:var(--line);}
.aend-standort .art ol.fdr-tl li{position:relative;padding:0 0 18px 52px;}
.aend-standort .art ol.fdr-tl li:last-child{padding-bottom:0;}
.aend-standort .art ol.fdr-tl .n{position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:800;font-size:16px;background:var(--card);color:var(--muted);border:2px solid var(--line);}
.aend-standort .art ol.fdr-tl li.aend .n{background:var(--navy);color:var(--gold);border-color:var(--navy);}
.aend-standort .art ol.fdr-tl li b{display:block;font-size:15.5px;color:var(--ink);}
.aend-standort .art ol.fdr-tl li .d{display:block;font-size:13.5px;color:var(--muted);margin-top:2px;}

.aend-standort .art .fdr-calc{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin:20px 0 4px;overflow-x:auto;}
.aend-standort .art .fdr-calc + .fdr-calc{margin-top:14px;}
.aend-standort .art .fdr-calc-h{font-family:var(--serif);font-weight:800;font-size:16px;color:var(--ink);margin-bottom:12px;}
.aend-standort .art table.fdr-calc-t{border-collapse:collapse;width:100%;font-size:13.5px;}
.aend-standort .art table.fdr-calc-t td{padding:8px 0;border-bottom:1px solid var(--line);color:#3a4150;}
.aend-standort .art table.fdr-calc-t td:first-child{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;padding-right:10px;}
.aend-standort .art table.fdr-calc-t td:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600;}
.aend-standort .art table.fdr-calc-t td.pos{color:#1d7a52;}
.aend-standort .art table.fdr-calc-t td.neg{color:var(--muted);}
.aend-standort .art table.fdr-calc-t tr.sum td{border-bottom:0;border-top:2px solid var(--navy);padding-top:11px;font-family:var(--serif);font-weight:800;color:var(--navy);font-size:16px;}
.aend-standort .art .fdr-calc-note{font-size:12px;color:var(--muted);margin:12px 0 0;line-height:1.5;}

@media (max-width:560px){
	.aend-standort .art .fdr-bar{grid-template-columns:1fr auto;}
	.aend-standort .art .fdr-bar .track{grid-column:1 / -1;order:3;}
}