@font-face{font-family:'Geist';src:url(../fonts/geist-latin-ext.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Geist';src:url(../fonts/geist-latin.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Geist Mono';src:url(../fonts/geistmono-latin.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* fotoboxpreisvergleich.de · "Messwert" – hell, datengetrieben */
:root{--pa:#F6F8F7;--w:#fff;--ink:#0C1A14;--i2:#33463D;--g:#6B7D74;--ln:#E3E9E6;--ln2:#D3DDD8;--em:#0F9D6B;--em2:#0A6E4B;--mi:#DDF6EA;--mi2:#EEFBF4;--li:#C8F169;--am:#F5B83D;
--f:'Geist',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;--m:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;--r:14px;--r2:22px;--sh:0 1px 2px rgba(12,26,20,.06),0 8px 24px -12px rgba(12,26,20,.18);--sh2:0 30px 60px -30px rgba(12,26,20,.35);--max:1240px}
*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--pa);color:var(--ink);font:400 16.5px/1.62 var(--f);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}
img{max-width:100%;height:auto;display:block}a{color:inherit}.mono{font-family:var(--m);font-feature-settings:"zero"}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 14px;border-radius:8px;z-index:99}.skip:focus{left:8px}
.ic{width:18px;height:18px;flex:none}
.eyebrow{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--em2);margin:0 0 14px}
.lbl{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--g);margin:0 0 10px}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;text-decoration:none;font:600 15px/1 var(--f);padding:14px 18px;border-radius:12px;transition:.15s}.btn:hover{background:var(--em2)}.btn .ic{width:16px}
/* header */
.hd{position:sticky;top:0;z-index:40;background:rgba(246,248,247,.86);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--ln)}
.hd-in{max-width:var(--max);margin:0 auto;display:flex;align-items:center;gap:22px;padding:12px 24px;height:66px}
.brand img{height:30px;width:auto}
.hd-q{display:flex;align-items:center;gap:10px;flex:0 1 330px;height:40px;padding:0 10px 0 12px;border:1px solid var(--ln2);border-radius:11px;background:var(--w);color:var(--g);text-decoration:none;font-size:14px}.hd-q span{flex:1}.hd-q:hover{border-color:var(--em)}
kbd{font-size:11px;border:1px solid var(--ln2);border-bottom-width:2px;border-radius:6px;padding:2px 7px;color:var(--g);background:var(--pa)}
.is-home .hd-q{visibility:hidden}
.hd-nav{display:flex;gap:2px;margin-left:auto}.hd-nav a{font-size:14.5px;font-weight:500;text-decoration:none;padding:8px 11px;border-radius:9px;color:var(--i2)}.hd-nav a:hover{background:var(--mi);color:var(--ink)}
.hd-tg{display:none;margin-left:auto;background:var(--w);border:1px solid var(--ln2);border-radius:10px;width:42px;height:42px;place-items:center;color:var(--ink)}
@media (max-width:1060px){.hd-q{display:none}}
@media (max-width:860px){.hd-in{height:60px;padding:10px 16px}.hd-tg{display:grid}.hd-nav{position:absolute;left:12px;right:12px;top:64px;flex-direction:column;background:var(--w);border:1px solid var(--ln);border-radius:16px;padding:8px;box-shadow:var(--sh2);display:none}.hd-nav.is-open{display:flex}.hd-nav a{padding:12px}.brand img{height:27px}}
/* home hero / search */
.h-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--ln);background:radial-gradient(900px 420px at 80% -10%,#d6f5e6 0,transparent 60%),radial-gradient(700px 380px at 0% 110%,#eef9c9 0,transparent 55%),var(--pa)}
.h-grid{position:absolute;inset:0;background-image:linear-gradient(var(--ln) 1px,transparent 1px),linear-gradient(90deg,var(--ln) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%);opacity:.8}
.h-in{position:relative;max-width:960px;margin:0 auto;padding:84px 24px 76px;text-align:center}
.h-in h1{font:640 clamp(42px,6.4vw,82px)/1 var(--f);letter-spacing:-.045em;margin:0 0 20px;text-wrap:balance}.h-in h1 span{color:var(--em)}
.h-in .lede{font-size:clamp(17px,1.5vw,19px);color:var(--i2);max-width:680px;margin:0 auto 34px}
.q{position:relative;max-width:780px;margin:0 auto;text-align:left}
.q-box{display:flex;align-items:center;gap:12px;background:var(--w);border:1.5px solid var(--ink);border-radius:18px;padding:0 16px 0 20px;height:72px;box-shadow:var(--sh2),0 0 0 6px rgba(15,157,107,.08)}
.q-box .ic{width:24px;height:24px;color:var(--em)}
.q-box input{flex:1;border:0;outline:0;background:none;font:500 20px/1 var(--f);color:var(--ink);min-width:0;letter-spacing:-.01em}.q-box input::placeholder{color:#94a39b}
.q-box:focus-within{box-shadow:var(--sh2),0 0 0 6px rgba(15,157,107,.22)}
.q-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0 0}
.qchip input,.fchip input{position:absolute;opacity:0;width:1px;height:1px}
.qchip span{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--ln2);border-radius:999px;background:var(--w);font-size:14px;font-weight:500;cursor:pointer;transition:.15s}
.qchip span::before{content:"";width:8px;height:8px;border-radius:50%;border:1.5px solid var(--g)}
.qchip input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}.qchip input:checked+span::before{background:var(--li);border-color:var(--li)}.qchip input:focus-visible+span{outline:2px solid var(--em);outline-offset:2px}
.q-res{margin-top:18px;background:var(--w);border:1px solid var(--ln);border-radius:18px;box-shadow:var(--sh);overflow:hidden}
.q-sg{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0;padding:14px 16px}.q-sg .mono{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--g);margin-right:4px}
.sg{border:1px dashed var(--ln2);background:var(--pa);border-radius:9px;padding:6px 11px;font:500 14px var(--f);cursor:pointer;color:var(--i2)}.sg:hover{border-color:var(--em);color:var(--em2)}
.q-grp{padding:6px 8px 8px}.q-grp+.q-grp{border-top:1px solid var(--ln)}.q-gh{font:500 11px var(--m);letter-spacing:.06em;text-transform:uppercase;color:var(--g);margin:8px 10px 6px}
.q-it{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:10px;border-radius:12px;text-decoration:none}
.q-it:hover,.q-it.is-act{background:var(--mi2)}
.q-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--mi);color:var(--em2);font:600 12px var(--m)}
.q-it b{display:block;font-weight:600;font-size:15.5px}.q-it small{display:block;color:var(--g);font-size:13px}
.q-p{font:600 15px var(--m);color:var(--ink);white-space:nowrap}.q-p em{font-style:normal;color:var(--g);font-weight:400;font-size:12px;margin-right:4px}
.q-none{padding:18px;color:var(--g);margin:0}
@media (max-width:640px){.h-in{padding:52px 16px 44px}.q-box{height:62px;border-radius:15px;padding:0 12px 0 14px}.q-box input{font-size:17px}.q-box kbd{display:none}.q-chips{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;margin-left:-16px;margin-right:-16px;padding-left:16px}.qchip{flex:none}}
/* kpis */
.h-kpis{border-bottom:1px solid var(--ln);background:var(--w)}
.h-w{max-width:var(--max);margin:0 auto;padding:0 24px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.h-kpis .h-w{display:grid;grid-template-columns:repeat(4,1fr)}
.kpi{padding:22px 22px;border-left:1px solid var(--ln)}.kpi:first-child{border-left:0}
.kpi b{display:block;font:600 clamp(26px,2.6vw,36px)/1.05 var(--m);letter-spacing:-.03em}.kpi span{font-size:13px;color:var(--g)}
@media (max-width:760px){.h-kpis .h-w,.kpis{grid-template-columns:1fr 1fr}.kpi:nth-child(3){border-left:0}.kpi:nth-child(n+3){border-top:1px solid var(--ln)}}
/* sections */
.h-sec{padding:clamp(56px,7vw,96px) 0}
.sh{max-width:640px;margin-bottom:30px}.sh h2{font:640 clamp(30px,3.6vw,46px)/1.05 var(--f);letter-spacing:-.035em;margin:0 0 12px}.sh p{color:var(--i2);margin:0 0 18px}
.h-reg{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}
.ccs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cc{position:relative;display:block;border-radius:var(--r2);overflow:hidden;text-decoration:none;color:#fff;min-height:340px;box-shadow:var(--sh)}
.cc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.cc:hover img{transform:scale(1.04)}
.cc::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(8,20,14,.82))}
.cc-b{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:22px}.cc-b span{display:block;font-size:12px;opacity:.85}.cc-b b{display:block;font:640 34px/1.05 var(--f);letter-spacing:-.03em;margin:4px 0 8px}
.cc-k{display:inline-block!important;background:var(--li);color:var(--ink);padding:5px 9px;border-radius:7px;font-size:12.5px!important;opacity:1!important}
.bls{background:var(--w);border:1px solid var(--ln);border-radius:var(--r2);padding:18px;box-shadow:var(--sh)}
.bl{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:10px 8px;border-radius:10px;text-decoration:none}.bl+.bl{border-top:1px solid var(--ln)}.bl:hover{background:var(--mi2)}
.bl-k{font-size:12px;background:var(--pa);border:1px solid var(--ln);border-radius:7px;text-align:center;padding:4px 0;color:var(--em2)}.bl b{font-weight:550}.bl .mono:last-child{font-size:13px;color:var(--g)}
@media (max-width:980px){.h-reg{grid-template-columns:1fr}}
@media (max-width:640px){.ccs{grid-template-columns:1fr}.cc{min-height:240px}.h-w{padding:0 16px}}
.h-ps{background:var(--w);border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.h-2{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
@media (max-width:980px){.h-2{grid-template-columns:1fr;gap:28px}}
/* price bars */
.pbars{margin:0;background:var(--pa);border:1px solid var(--ln);border-radius:var(--r2);padding:22px 22px 16px}
.pbars figcaption,.strip figcaption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-weight:600;margin-bottom:14px}.pbars figcaption .mono,.strip figcaption .mono{font-weight:400;font-size:12px;color:var(--g)}
.pbars ol{list-style:none;padding:0;margin:0}
.pbars li{display:grid;grid-template-columns:minmax(120px,1.1fr) 2fr 70px;gap:12px;align-items:center;padding:6px 0;font-size:14px}
.pb-n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-b{height:12px;background:var(--w);border-radius:6px;overflow:hidden;border:1px solid var(--ln)}.pb-b i{display:block;height:100%;background:linear-gradient(90deg,var(--em),#47c08f);border-radius:6px}
.pbars li:first-child .pb-b i{background:var(--li)}
.pb-p{text-align:right;font-weight:600}.pb-f{font-size:11.5px;color:var(--g);margin:12px 0 0}
@media (max-width:560px){.pbars li{grid-template-columns:1fr 64px;gap:4px 10px}.pb-b{grid-column:1/-1;grid-row:2}.pbars{padding:16px}}
/* home text */
.h-txt .h-ph{margin:0 0 18px;border-radius:var(--r2);overflow:hidden;box-shadow:var(--sh)}.h-ph figcaption{font-size:12px;color:var(--g);padding:8px 12px;background:var(--w)}
.tldr{background:var(--w);border:1px solid var(--ln);border-radius:var(--r2);padding:20px 22px;box-shadow:var(--sh)}
.tldr-h{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--em2);margin:0 0 10px}
.tldr ul{margin:0;padding:0;list-style:none}.tldr li{position:relative;padding:0 0 10px 20px;font-size:15px}.tldr li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:3px;background:var(--li);border:1.5px solid var(--em)}
.tldr strong{background:linear-gradient(transparent 60%,var(--mi) 60%)}
.h-gd{background:var(--w);border-top:1px solid var(--ln)}
.gds{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gd{display:flex;flex-direction:column;border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;text-decoration:none;background:var(--pa);transition:.2s}.gd:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.gd img{aspect-ratio:16/10;object-fit:cover;width:100%}.gd span{font-size:11.5px;color:var(--em2);padding:14px 16px 0;text-transform:uppercase;letter-spacing:.05em}.gd b{padding:4px 16px 18px;font-weight:600;font-size:17px;line-height:1.3;letter-spacing:-.01em}
@media (max-width:980px){.gds{grid-template-columns:1fr 1fr}}@media (max-width:520px){.gds{grid-template-columns:1fr}}
.h-faqw{max-width:860px}
/* prose */
.prose{font-size:17px;line-height:1.72;color:#1b2b23}
.prose h2{font:640 clamp(26px,2.6vw,34px)/1.12 var(--f);letter-spacing:-.03em;margin:52px 0 14px;color:var(--ink)}
.prose h2::before{content:"";display:block;width:34px;height:4px;border-radius:2px;background:var(--em);margin-bottom:16px}
.prose h3{font-weight:620;font-size:20px;margin:28px 0 8px}
.prose a{color:var(--em2);font-weight:550;text-decoration-thickness:1.5px;text-underline-offset:3px}
.prose ol,.prose ul{padding-left:1.25em}.prose li{margin-bottom:8px}.prose li::marker{color:var(--em);font-weight:600;font-family:var(--m)}
.prose>*:first-child{margin-top:0}
sup.src a{font:500 10px/1 var(--m);color:var(--em2);text-decoration:none;background:var(--mi);padding:2px 5px;border-radius:5px;margin-left:2px;vertical-align:2px}
/* tables */
.tbl{margin:28px 0;overflow-x:auto;background:var(--w);border:1px solid var(--ln);border-radius:var(--r);box-shadow:var(--sh)}
.tbl table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:560px}
.tbl caption{caption-side:top;text-align:left;font:500 12px/1.4 var(--m);letter-spacing:.03em;color:var(--g);padding:14px 16px;border-bottom:1px solid var(--ln)}
.tbl th,.tbl td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--ln);vertical-align:top}.tbl tr:last-child>*{border-bottom:0}
.tbl thead th{font:500 11.5px var(--m);letter-spacing:.05em;text-transform:uppercase;color:var(--g);background:var(--pa)}
.tbl tbody th{font-weight:600}.tbl tbody th a{color:var(--ink);text-decoration:none}.tbl tbody th a:hover{color:var(--em2)}
.tbl .num,.tbl th.right{text-align:right;white-space:nowrap}.tbl td.num{font-family:var(--m);font-weight:500}
.tbl tbody tr:hover{background:var(--mi2)}
/* boxes */
.box{margin:28px 0;padding:20px 22px;border-radius:var(--r);background:var(--w);border:1px solid var(--ln)}
.box-t{font:500 11.5px var(--m);letter-spacing:.06em;text-transform:uppercase;color:var(--em2);margin:0 0 8px}.box p:last-child,.box ul:last-child{margin-bottom:0}
.box-calc{background:var(--ink);color:#e6efe9;border:0}.box-calc .box-t{color:var(--li)}.box-calc strong{color:var(--li)}
.box-tip{background:#fbfde9;border-color:#e6f2a8}.box-warn{background:#fff6e5;border-color:#f6dca0}
.box-check ul{list-style:none;padding:0}.box-check li{position:relative;padding-left:30px}.box-check li::before{content:"";position:absolute;left:0;top:.2em;width:18px;height:18px;border-radius:6px;border:1.5px solid var(--em);background:var(--mi2)}
.box-steps ol{list-style:none;padding:0;counter-reset:s;margin:0}.box-steps li{counter-increment:s;position:relative;padding:12px 0 12px 54px;border-top:1px solid var(--ln)}.box-steps li:first-child{border-top:0}
.box-steps li::before{content:counter(s);position:absolute;left:0;top:10px;width:36px;height:36px;border-radius:11px;background:var(--mi);color:var(--em2);display:grid;place-items:center;font:600 15px var(--m)}
/* faq */
.faq{margin:60px 0 0}.faq h2{font:640 clamp(26px,2.6vw,34px)/1.12 var(--f);letter-spacing:-.03em;margin:0 0 16px}
.faq details{background:var(--w);border:1px solid var(--ln);border-radius:var(--r);margin-bottom:10px;transition:.15s}.faq details[open]{box-shadow:var(--sh)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;font-weight:600;font-size:16.5px}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"";flex:none;width:26px;height:26px;border-radius:8px;background:var(--mi) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A6E4B' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/16px no-repeat}
.faq details[open] summary::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A6E4B' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E")}
.faq-a{padding:0 18px 14px;color:var(--i2)}.faq-a p{margin:0 0 6px}
/* sources */
.sources{margin:44px 0 0;font-size:13px;color:var(--g)}.sources h2{font:500 11.5px var(--m);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin:0 0 10px}
.sources ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.sources li{display:grid;grid-template-columns:38px 1fr;padding:7px 0;border-top:1px solid var(--ln)}.sources .sid{font:500 11px var(--m);color:var(--em2)}.sources li:target{background:var(--mi)}
.sources a{color:var(--i2)}
@media (max-width:760px){.sources ol{grid-template-columns:1fr}}
/* article */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--g);margin-bottom:22px}.crumbs a{text-decoration:none;color:var(--i2)}.crumbs a:hover{color:var(--em2)}
.a-hd{border-bottom:1px solid var(--ln);background:linear-gradient(180deg,var(--w),var(--pa))}
.a-hd-in{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:54px 24px 54px}
.a-copy h1{font:640 clamp(36px,4.6vw,60px)/1.02 var(--f);letter-spacing:-.04em;margin:0 0 16px;text-wrap:balance}
.a-copy .lede{font-size:clamp(17px,1.4vw,19px);color:var(--i2);margin:0 0 22px;max-width:580px}
.a-meta{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;font-size:12px;color:var(--i2)}.a-meta li{display:flex;align-items:center;gap:6px;background:var(--w);border:1px solid var(--ln);border-radius:8px;padding:6px 10px}.a-meta .ic{width:14px;height:14px;color:var(--em)}
.a-ph{margin:0;border-radius:var(--r2);overflow:hidden;box-shadow:var(--sh2);position:relative;outline:1px solid rgba(12,26,20,.06)}.a-ph img{width:100%;aspect-ratio:16/10;object-fit:cover}
.a-ph figcaption{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.9);backdrop-filter:blur(6px);font-size:12px;padding:5px 10px;border-radius:8px}
.a-hd.is-legal .a-hd-in{grid-template-columns:1fr;max-width:900px}
.a-wrap{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:64px;padding:52px 24px 90px}
.a-wrap.is-legal{grid-template-columns:minmax(0,820px);justify-content:center}
.a-main{max-width:760px;min-width:0}
.a-side{position:sticky;top:90px;align-self:start;display:grid;gap:16px}
.toc{background:var(--w);border:1px solid var(--ln);border-radius:var(--r);padding:16px 18px}.toc-t{font:500 11.5px var(--m);letter-spacing:.06em;text-transform:uppercase;color:var(--g);margin:0 0 8px}
.toc ol{list-style:none;padding:0;margin:0;counter-reset:t}.toc li{counter-increment:t}.toc a{display:grid;grid-template-columns:26px 1fr;padding:6px 0;font-size:14px;text-decoration:none;color:var(--i2)}.toc a::before{content:counter(t,decimal-leading-zero);font:500 11px/1.9 var(--m);color:var(--em)}.toc a:hover{color:var(--ink)}
.toc-progress{display:none}
.a-cta{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;background:var(--ink);color:#fff;border-radius:var(--r);padding:16px 18px;text-decoration:none}.a-cta .mono{font-size:11px;color:var(--li);text-transform:uppercase;letter-spacing:.06em}.a-cta b{grid-row:2;font-weight:600}.a-cta .ic{grid-row:1/3;grid-column:2;color:var(--li)}
.rel{margin-top:56px}.rel>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rel a{display:flex;flex-direction:column;gap:4px;background:var(--w);border:1px solid var(--ln);border-radius:var(--r);padding:16px;text-decoration:none;position:relative}.rel a:hover{border-color:var(--em)}.rel span{font-size:11px;color:var(--em2);text-transform:uppercase}.rel b{font-weight:600;padding-right:20px}.rel .ic{position:absolute;right:14px;bottom:16px;width:16px;color:var(--em)}
@media (max-width:980px){.a-hd-in{grid-template-columns:1fr;gap:28px;padding:34px 16px 34px}.a-wrap{grid-template-columns:1fr;gap:24px;padding:30px 16px 60px}.a-side{position:static;order:-1}.a-side .toc,.a-side .a-cta{display:none}.rel>div{grid-template-columns:1fr}}
.kv{display:grid;grid-template-columns:230px 1fr;margin:14px 0 30px;font-size:15px;background:var(--w);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden}.kv dt,.kv dd{margin:0;padding:11px 16px;border-bottom:1px solid var(--ln)}.kv dt{font:500 11.5px/1.7 var(--m);letter-spacing:.03em;text-transform:uppercase;color:var(--g);background:var(--pa)}
@media (max-width:640px){.kv{grid-template-columns:1fr}.kv dt{border:0;padding-bottom:0}}
/* term (Region) */
.t-hd{border-bottom:1px solid var(--ln);background:linear-gradient(180deg,var(--w),var(--pa))}
.t-hd-in{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;padding:44px 24px 26px}
.t-copy h1{font:640 clamp(38px,5vw,66px)/1 var(--f);letter-spacing:-.045em;margin:0 0 14px}
.t-copy .lede{font-size:18px;color:var(--i2);margin:0 0 24px;max-width:600px}
.t-copy .kpis{background:var(--w);border:1px solid var(--ln);border-radius:var(--r);box-shadow:var(--sh)}.t-copy .kpi{padding:14px 16px}.t-copy .kpi b{font-size:clamp(20px,2vw,26px)}.t-copy .kpi span{font-size:12px}
.t-ph{margin:0;border-radius:var(--r2);overflow:hidden;box-shadow:var(--sh2);position:relative}.t-ph img{width:100%;aspect-ratio:4/3;object-fit:cover}.t-ph figcaption{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.9);font-size:12px;padding:5px 10px;border-radius:8px}
.t-strip{max-width:var(--max);margin:0 auto;padding:0 24px 34px}
.strip{margin:0;background:var(--w);border:1px solid var(--ln);border-radius:var(--r);padding:18px 22px 12px}
.strip-ax{position:relative;height:46px;margin:4px 8px 0;border-bottom:2px solid var(--ink)}
.strip-ax .d{position:absolute;bottom:-7px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--em);border:2px solid var(--w);box-shadow:0 0 0 1px var(--em)}
.strip-ax .d:nth-child(even){bottom:6px}.strip-ax .d.is-rec{background:var(--li);box-shadow:0 0 0 1px var(--em2)}
.strip-med{position:absolute;top:0;bottom:-2px;width:0;border-left:1.5px dashed var(--am)}.strip-med em{position:absolute;top:-4px;left:6px;font:500 10.5px var(--m);font-style:normal;color:#a77714;white-space:nowrap}
.strip-t{position:relative;height:22px;margin:0 8px}.strip-t span{position:absolute;transform:translateX(-50%);font:500 11px var(--m);color:var(--g);top:6px;white-space:nowrap}
.t-body{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:270px minmax(0,1fr);gap:40px;padding:40px 24px 90px}
.t-side{position:sticky;top:86px;align-self:start;display:grid;gap:16px}
.flt{background:var(--w);border:1px solid var(--ln);border-radius:var(--r);padding:16px}
.flt-h{display:flex;align-items:center;gap:8px;font-weight:600;margin:0 0 6px}.flt-h .ic{color:var(--em)}
.flt fieldset{border:0;padding:12px 0 0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.flt legend{font:500 11px var(--m);letter-spacing:.06em;text-transform:uppercase;color:var(--g);padding:0;margin-bottom:6px;width:100%;float:left}
.fchip span{display:inline-flex;gap:6px;align-items:center;padding:7px 11px;border:1px solid var(--ln2);border-radius:9px;font-size:13.5px;cursor:pointer;background:var(--pa)}.fchip em{font:500 11px var(--m);font-style:normal;color:var(--g)}
.fchip input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}.fchip input:checked+span em{color:var(--li)}.fchip input:focus-visible+span{outline:2px solid var(--em);outline-offset:2px}
.flt select{width:100%;font:500 14px var(--f);padding:9px 10px;border:1px solid var(--ln2);border-radius:9px;background:var(--pa);color:var(--ink)}
.flt-n{font-size:12.5px;color:var(--g);margin:14px 0 0;padding-top:12px;border-top:1px solid var(--ln)}.flt-n b{color:var(--ink)}
.cities{background:var(--w);border:1px solid var(--ln);border-radius:var(--r);padding:14px}.city{display:grid;grid-template-columns:1fr auto;gap:0 8px;padding:10px;border-radius:10px;text-decoration:none}.city:hover{background:var(--mi2)}.city span{grid-row:2;font-size:12px;color:var(--g)}.city .ic{grid-row:1/3;grid-column:2;align-self:center;color:var(--em)}
.res-hd{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}.res-hd h2{font:640 26px/1.1 var(--f);letter-spacing:-.03em;margin:0}.res-hd p{font-size:12px;color:var(--g);margin:0}
.rows{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.r{display:grid;grid-template-columns:40px minmax(0,1fr) 210px;gap:18px;background:var(--w);border:1px solid var(--ln);border-radius:var(--r);padding:18px 18px 18px 14px;transition:.15s}
.r:hover{border-color:var(--ln2);box-shadow:var(--sh)}
.r.is-rec{border-color:var(--em);box-shadow:0 0 0 3px var(--mi)}
.r.is-soon{background:repeating-linear-gradient(135deg,var(--w) 0 14px,var(--pa) 14px 28px);border-style:dashed}
.r-no{font:500 12px var(--m);color:var(--g);padding-top:4px}
.r-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:4px}
.r h3{font:620 19px/1.25 var(--f);letter-spacing:-.015em;margin:0}.r h3 a{text-decoration:none}.r h3 a:hover{color:var(--em2)}
.tag-rec{display:inline-flex;align-items:center;gap:5px;background:var(--li);color:var(--ink);font:600 11.5px var(--f);padding:4px 8px;border-radius:7px}.tag-rec .ic{width:13px;height:13px}
.tag-soon{font:500 11px var(--m);background:#fff3d6;color:#8a5f00;padding:4px 8px;border-radius:7px;border:1px solid #f4dea0}
.r-meta{display:flex;align-items:center;gap:5px;font-size:13.5px;color:var(--g);margin:0 0 8px}.r-meta .ic{width:14px;height:14px;color:var(--em)}
.r-kurz{font-size:14.5px;color:var(--i2);margin:0 0 10px}
.r-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.chip{font:500 12px var(--f);padding:4px 9px;border-radius:7px;background:var(--pa);border:1px solid var(--ln);color:var(--i2)}
.chip-spiegel{background:#f2efff;border-color:#e2dcff;color:#4b3aa6}.chip-360{background:#e9f6ff;border-color:#cfe9fb;color:#0d5d8f}.chip-fotograf{background:#fff3ea;border-color:#fbdcc6;color:#9a4a12}.chip-versand{background:#fbfde9;border-color:#e6f2a8;color:#5b6b06}
.r-dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;font-size:13.5px}.r-dl dt{font:500 10.5px var(--m);letter-spacing:.05em;text-transform:uppercase;color:var(--g)}.r-dl dd{margin:2px 0 0;color:var(--ink)}
.r-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right;border-left:1px dashed var(--ln2);padding-left:18px}
.r-price{margin:0 0 4px;line-height:1}.r-price b{display:block;font:600 30px/1 var(--m);letter-spacing:-.04em}.r-ab{font:500 11px var(--m);color:var(--g);text-transform:uppercase}.r-na{font:500 13px var(--m);color:var(--g)}.r-soon{font:600 22px var(--m);color:#8a5f00}
.r-src,.r-web,.r-more{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;text-decoration:none;color:var(--i2)}.r-src .ic,.r-web .ic,.r-more .ic{width:14px;height:14px}.r-src{font-family:var(--m);font-size:11.5px;color:var(--g)}.r-src:hover,.r-web:hover{color:var(--em2)}
.r-more{margin-top:auto;font-weight:600;color:var(--ink);background:var(--mi);padding:7px 11px;border-radius:9px}.r-more:hover{background:var(--ink);color:#fff}
.r[hidden]{display:none}.empty{padding:20px;background:var(--w);border-radius:var(--r);border:1px dashed var(--ln2);color:var(--g)}
.t-intro{margin-top:50px}.t-fine{font-size:12.5px;color:var(--g);margin:34px 0 0}.t-fine a{color:var(--em2)}
@media (max-width:1060px){.t-hd-in{grid-template-columns:1fr;gap:26px;padding:32px 16px 20px}.t-ph img{aspect-ratio:16/9}.t-strip{padding:0 16px 24px}.t-body{grid-template-columns:1fr;gap:20px;padding:24px 16px 60px}.t-side{position:static}}
@media (max-width:700px){.r{grid-template-columns:1fr;gap:12px;padding:16px}.r-no{display:none}.r-side{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;text-align:left;border-left:0;border-top:1px dashed var(--ln2);padding:12px 0 0}.r-price{flex-basis:100%}.r-price b{display:inline;font-size:26px;margin-left:4px}.r-more{margin-top:0}.r-dl{grid-template-columns:1fr}}
@media (max-width:700px){.t-copy .kpis{grid-template-columns:1fr 1fr}}
/* single */
.s{max-width:980px;margin:0 auto;padding:44px 24px 90px}
.s-hd{display:grid;grid-template-columns:1fr 280px;gap:28px;align-items:start;margin-bottom:28px}
.s-hd h1{font:640 clamp(34px,4.4vw,54px)/1.04 var(--f);letter-spacing:-.04em;margin:0 0 12px}.s-hd .lede{font-size:17.5px;color:var(--i2);margin:0 0 14px}
.s-price{background:var(--w);border:1px solid var(--ln);border-radius:var(--r2);padding:20px;box-shadow:var(--sh);display:grid;gap:10px}.s-price .mono{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--g);margin:0}.s-big{font:600 44px/1 var(--m);letter-spacing:-.04em;margin:0}
.s-price .btn{justify-content:center}
.s-dl{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 24px;background:var(--w);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden}.s-dl div{padding:14px 18px;border-bottom:1px solid var(--ln)}.s-dl div:nth-child(odd){border-right:1px solid var(--ln)}
.s-dl dt{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--g)}.s-dl dd{margin:4px 0 0;font-size:15px}
.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:7px 12px;border-radius:999px;background:var(--w);border:1px solid var(--ln2);text-decoration:none;font-size:14px}.pill:hover{border-color:var(--em);color:var(--em2)}
@media (max-width:760px){.s{padding:30px 16px 60px}.s-hd{grid-template-columns:1fr}.s-dl{grid-template-columns:1fr}.s-dl div:nth-child(odd){border-right:0}}
/* footer */
.ft{background:var(--ink);color:#c9d6cf}
.ft-in{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px;padding:64px 24px 40px}
.ft-a p{max-width:440px;font-size:14.5px;margin:18px 0 0}.ft-stand{font-size:12px;color:var(--li)!important}
.ft-h{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#7f948a;margin:0 0 10px}
.ft ul{list-style:none;padding:0;margin:0 0 22px}.ft li{padding:3px 0}.ft a{color:#e6efe9;text-decoration:none;font-size:14.5px}.ft a:hover{color:var(--li)}
.ft-2{columns:2}
.ft-bot{max-width:var(--max);margin:0 auto;padding:18px 24px 26px;border-top:1px solid #23362c;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px;color:#7f948a}.ft-bot a{font-size:12px;color:#c9d6cf}
@media (max-width:860px){.ft-in{grid-template-columns:1fr;gap:26px;padding:44px 16px 26px}}
.e404{max-width:760px;margin:0 auto;padding:110px 24px;text-align:center}.e404 h1{font:640 clamp(36px,5vw,60px)/1 var(--f);letter-spacing:-.04em;margin:0 0 14px}.e404 .lede{color:var(--i2)}
@media (prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}

@media(max-width:760px){.flt{padding:12px 14px}.flt fieldset{min-width:0}.flt fieldset:first-of-type{flex-wrap:nowrap;max-width:calc(100% + 28px);overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:12px 14px 2px}.flt fieldset:first-of-type::-webkit-scrollbar{display:none}.flt fieldset:first-of-type .fchip{flex:0 0 auto}.flt fieldset:first-of-type legend{position:absolute;left:-9999px}.flt fieldset+fieldset{display:inline-flex;width:auto;vertical-align:top;padding-top:10px}.flt fieldset+fieldset legend{display:none}.flt fieldset:last-of-type{width:100%}.flt-n{margin-top:10px;padding-top:8px}}
.t-side,.t-main{min-width:0}
.t-side{grid-template-columns:minmax(0,1fr)}@media (max-width:1060px){.t-body{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.flt{overflow:hidden}}
.fchip,.qchip{position:relative}
/* ---- Logos, Paketarten, Paketart-Filter (Messwert) ---- */
.r-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}
.r-logo{flex:none;width:76px;height:40px;display:grid;place-items:center;background:var(--w);border:1px solid var(--ln);border-radius:10px;padding:4px 8px;box-sizing:border-box}
.r-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
.r-logo.is-dark{background:var(--ink);border-color:var(--ink)}
.r-logo.is-mono{background:var(--mi2);border-color:var(--mi);font:650 15px/1 var(--m);letter-spacing:.04em;color:var(--em2)}
.r-typ{list-style:none;margin:10px 0 4px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.r-typ li{display:inline-flex;align-items:center;gap:6px;padding:5px 9px 5px 7px;border:1px solid var(--ln);border-radius:8px;background:var(--w);font-size:12.5px;color:var(--i2)}
.r-typ li .ic{width:16px;height:16px;color:var(--em)}
.r-typ li b{font:600 12.5px/1 var(--m);color:var(--ink)}
.r-typ li.na{background:transparent;border-style:dashed;color:var(--g)}.r-typ li.na b{font-weight:400;color:var(--g)}.r-typ li.na .ic{color:var(--g)}
.r-typ li.is-on{border-color:var(--em);background:var(--mi2);box-shadow:inset 0 0 0 1px var(--em)}
.r.is-na .r-price b{color:var(--g)}
.flt-typ{display:grid;gap:6px}
.tchip{position:relative;display:block;cursor:pointer}.tchip input{position:absolute;opacity:0;width:1px;height:1px}
.tchip span{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--ln2);border-radius:10px;background:var(--w);font-size:14px;font-weight:500;color:var(--i2)}
.tchip span .ic{width:18px;height:18px;color:var(--em)}
.tchip em{margin-left:auto;font:400 11.5px var(--m);font-style:normal;color:var(--g)}
.tchip input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}.tchip input:checked+span .ic{color:var(--li)}.tchip input:checked+span em{color:#b9c8c0}
.tchip input:focus-visible+span{outline:2px solid var(--em);outline-offset:2px}
.r-main{min-width:0}
@media (max-width:760px){.r-logo{width:64px;height:34px}.flt-typ{grid-template-columns:1fr 1fr}.tchip:first-of-type{grid-column:1/-1}.tchip em{display:none}}
@media(min-width:761px){.flt fieldset.flt-typ{display:grid;grid-template-columns:1fr;gap:6px}.flt-typ legend{float:none}.tchip span{width:100%;box-sizing:border-box}}
@media(max-width:760px){.flt-typ .tchip{flex:none}.flt-typ .tchip span{white-space:nowrap;padding:8px 12px}.flt-typ .tchip:first-of-type{grid-column:auto}}
.r-logo{overflow:hidden}.r-logo.is-wide{width:156px;padding:4px 8px}.sb-mc .r-logo.is-wide{width:100%}@media (max-width:760px){.r-logo.is-wide{width:124px}}.r-logo img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;margin:0!important}
/* ---- Such-Autocomplete (Orte/PLZ via OpenStreetMap) ---- */
.q-ac{position:absolute;left:0;right:0;top:80px;z-index:40;background:var(--w);border:1px solid var(--ln2);border-radius:18px;box-shadow:0 24px 60px -18px rgba(12,26,20,.35),0 2px 6px rgba(12,26,20,.06);max-height:min(470px,64vh);overflow:auto;overscroll-behavior:contain;padding:6px}
.q-ac[hidden]{display:none}
.q-acg+.q-acg{border-top:1px solid var(--ln);margin-top:4px;padding-top:4px}
.q-ach{font:500 10.5px var(--m);letter-spacing:.08em;text-transform:uppercase;color:var(--g);margin:10px 12px 4px}
.q-op{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 10px;border-radius:12px;cursor:pointer;min-height:48px;box-sizing:border-box}
.q-op.is-act{background:var(--mi2);box-shadow:inset 3px 0 0 var(--em)}
.q-op:hover{background:var(--mi2)}
.q-oi{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--mi);color:var(--em2)}
.q-oi .ic{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.q-oi-osm{background:var(--pa);color:var(--i2);border:1px solid var(--ln)}
.q-oi-a{background:#FFF6E0;color:#8a5a00}
.q-ot{min-width:0}.q-ot b{display:block;font-weight:600;font-size:15.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.q-ot small{display:block;color:var(--g);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.q-ot mark{background:var(--li);color:var(--ink);border-radius:3px;padding:0 1px}
.q-or{font-size:12.5px;color:var(--em2);white-space:nowrap}
.q-acl{margin:10px 12px;color:var(--g);font-size:13.5px;display:flex;align-items:center;gap:8px}
.q-spin{width:12px;height:12px;border-radius:50%;border:2px solid var(--ln2);border-top-color:var(--em);animation:qspin .8s linear infinite}
@keyframes qspin{to{transform:rotate(360deg)}}
.q-acf{margin:6px 6px 2px;padding:8px 8px 4px;border-top:1px solid var(--ln);font-size:11px;color:var(--g)}.q-acf a{color:var(--g)}
.q-near .q-gh{color:var(--em2)}
@media (max-width:640px){.q-ac{top:70px;border-radius:15px;max-height:62vh;padding:4px}.q-op{grid-template-columns:32px minmax(0,1fr);gap:10px}.q-or{grid-column:2;justify-self:start;margin-top:-2px}.q-oi{width:32px;height:32px}}
@media (prefers-reduced-motion:reduce){.q-spin{animation:none}}

/* Landeshauptstädte-Kacheln (Start, Alle Regionen) */
.cts-h{margin:22px 0 10px}
.cts{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px;margin:0 0 8px}
.ct{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;align-items:center;padding:12px 12px 11px;background:var(--w);border:1px solid var(--ln);border-radius:12px;text-decoration:none;color:inherit;box-shadow:var(--sh);transition:border-color .15s,transform .15s}
.ct:hover{border-color:var(--em2);transform:translateY(-1px)}.ct:focus-visible{outline:2px solid var(--em2);outline-offset:2px}
.ct-k{grid-row:1/3;font-size:11px;width:34px;text-align:center;padding:5px 0;border-radius:7px;background:var(--pa);border:1px solid var(--ln);color:var(--em2)}
.ct b{font-weight:600;font-size:15px;line-height:1.2}.ct-n{font-size:12px;color:var(--g)}
.prose .cts{margin:18px 0 26px}.prose .ct{text-decoration:none}
.bls .bl-g{margin:14px 0 4px}.bls .bl-g:first-child{margin-top:0}
@media (max-width:640px){.cts{grid-template-columns:1fr 1fr;gap:8px}.ct{padding:10px}.ct b{font-size:14px}}
@media (prefers-reduced-motion:reduce){.ct{transition:none}.ct:hover{transform:none}}
.h-hero{overflow:visible;overflow-x:clip;z-index:6}
/* ===== Anbieter-Steckbrief (sb) ===== */
.s.sb{max-width:var(--max);padding:28px 24px 90px}
.sb-hero{position:relative;display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:stretch;background:radial-gradient(700px 300px at 85% -20%,#d6f5e6 0,transparent 60%),radial-gradient(500px 260px at -5% 120%,#eef9c9 0,transparent 55%),var(--w);border:1px solid var(--ln);border-radius:var(--r2);padding:30px;box-shadow:var(--sh);overflow:hidden}
.sb-id{display:flex;gap:24px;align-items:center;min-width:0}
.sb-logo{flex:none;width:168px;height:112px;display:grid;place-items:center;background:var(--w);border:1px solid var(--ln);border-radius:18px;padding:14px;box-sizing:border-box;box-shadow:var(--sh)}
.sb-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.sb-logo.is-dark{background:var(--ink);border-color:var(--ink)}
.sb-logo.is-mono{background:linear-gradient(135deg,var(--mi) 0,var(--mi2) 100%);border-color:var(--mi);font:650 42px/1 var(--m);letter-spacing:.04em;color:var(--em2)}
.sb-id h1{font-size:clamp(28px,3.4vw,44px);line-height:1.05;letter-spacing:-.02em;margin:6px 0 10px;hyphens:auto}
.sb-loc{display:flex;align-items:center;gap:6px;color:var(--i2);margin:0 0 14px;font-size:15px}.sb-loc .ic{width:17px;height:17px;color:var(--em)}
.sb-chips{display:flex;flex-wrap:wrap;gap:8px}
.sb-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:var(--mi2);border:1px solid var(--mi);color:var(--em2);font-size:13px;font-weight:550}.sb-chip .ic{width:15px;height:15px}
.sb-price{display:flex;flex-direction:column;gap:12px;justify-content:center;background:var(--ink);color:#fff;border-radius:18px;padding:22px}
.sb-price>.mono{margin:0;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#9FB5AA}
.sb-big{margin:0;font:650 46px/1 var(--m);letter-spacing:-.03em;color:var(--li)}.sb-big small{font:500 16px/1 var(--f);color:#C9D6CF;margin-right:8px;letter-spacing:0}.sb-na{font:600 24px/1.1 var(--f);color:#fff}
.sb-price .btn{background:var(--li);color:var(--ink)}.sb-price .btn:hover{background:#d9fb86}
.sb-src{display:inline-flex;gap:8px;align-items:flex-start;font-size:13px;color:inherit;text-decoration:none;opacity:.9}.sb-src .ic{width:16px;height:16px;flex:none;margin-top:1px}.sb-src span{display:flex;flex-direction:column}.sb-src small{opacity:.75}
.sb-src:hover span{text-decoration:underline}
.sb-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;margin-top:22px;align-items:start}
.sb-main,.sb-side{display:flex;flex-direction:column;gap:22px;min-width:0}
.sb-card{background:var(--w);border:1px solid var(--ln);border-radius:var(--r2);padding:24px;box-shadow:var(--sh)}
.sb-card h2{display:flex;align-items:center;gap:10px;font-size:19px;margin:0 0 16px;letter-spacing:-.01em}.sb-card h2 .ic{width:20px;height:20px;color:var(--em)}
.sb-pts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.sb-pt{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;border:1px dashed var(--ln2);background:var(--pa);color:var(--g)}
.sb-pt .ic{width:24px;height:24px}.sb-pt span{font-size:13px}.sb-pt b{font:600 15px/1.2 var(--f)}.sb-pt b small{font-weight:500;font-size:12px}.sb-pt em{font-style:normal;font-size:12px;font-weight:500;color:var(--g)}
.sb-pt.has{border:1px solid var(--mi);background:var(--mi2);color:var(--ink)}.sb-pt.has .ic{color:var(--em)}.sb-pt.has b{font:650 20px/1.1 var(--m);color:var(--em2)}
.sb-note{margin:16px 0 0;font-size:14px;color:var(--i2)}.sb-note .mono{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--g);margin-right:6px}
.sb-li{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.sb-li li{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--ln);border-radius:12px;font-weight:550}.sb-li .ic{width:22px;height:22px;color:var(--em);flex:none}
.sb-lg{margin:0 0 14px;font-size:16px}.sb-card .pills{display:flex;flex-wrap:wrap;gap:8px}.pill.is-more{color:var(--g)}
.sb-faq .faq{margin:0}.sb-faq .faq h2{font-size:19px}
.sb-dl{margin:0 0 16px;display:grid;gap:0}.sb-dl div{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--ln)}.sb-dl div:first-child{border-top:0;padding-top:0}
.sb-dl dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--g);padding-top:3px}.sb-dl dd{margin:0;hyphens:auto}
.sb-ko .btn{width:100%;box-sizing:border-box}
.sb-q p{margin:0 0 12px;color:var(--i2);font-size:14px}.sb-q .sb-src{color:var(--em2)}
.sb-map{margin:0;background:var(--w);border:1px solid var(--ln);border-radius:var(--r2);overflow:hidden;box-shadow:var(--sh)}
.sb-map-v{position:relative;height:230px;overflow:hidden;background:#e8eee9}
.sb-map-t{position:absolute;width:768px;height:768px;display:grid;grid-template-columns:repeat(3,256px);filter:saturate(.75) contrast(.97)}.sb-map-t img{display:block;width:256px;height:256px}
.sb-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);color:var(--em2);filter:drop-shadow(0 4px 6px rgba(12,26,20,.35))}.sb-pin .ic{width:40px;height:40px;fill:var(--li);stroke:var(--ink);stroke-width:1.6}
.sb-map figcaption{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:space-between;padding:10px 14px;font-size:12px;color:var(--g)}.sb-map figcaption a{color:var(--em2)}.sb-osm{flex-basis:100%;font-size:11px}
.sb-more{margin-top:34px}
.sb-more-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}.sb-more-h h2{font-size:22px;margin:0}.sb-more-h a{display:inline-flex;gap:6px;align-items:center;color:var(--em2);font-weight:550;text-decoration:none;white-space:nowrap}.sb-more-h .ic{width:16px;height:16px}
.sb-sl{list-style:none;margin:0;padding:4px 2px 16px;display:grid;grid-auto-flow:column;grid-auto-columns:230px;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-x:contain}
.sb-sl:focus-visible{outline:2px solid var(--em2);outline-offset:4px;border-radius:12px}
.sb-mc{scroll-snap-align:start}.sb-mc a{height:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--w);border:1px solid var(--ln);border-radius:18px;text-decoration:none;color:inherit;box-shadow:var(--sh);transition:border-color .15s,transform .15s}
.sb-mc a:hover{border-color:var(--em2);transform:translateY(-2px)}.sb-mc .r-logo{width:100%;height:56px}.sb-mc b{font-size:15px;line-height:1.25}
.sb-mc-o{display:flex;gap:5px;align-items:center;font-size:13px;color:var(--g)}.sb-mc-o .ic{width:14px;height:14px;flex:none}
.sb-mc-p{margin-top:auto;font:650 18px/1 var(--m);color:var(--em2)}.sb-mc-p small{font:500 12px var(--f);color:var(--g)}
@media (max-width:1020px){.sb-grid{grid-template-columns:1fr}.sb-side{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sb-side .sb-q{grid-column:1/-1}}
@media (max-width:820px){.sb-hero{grid-template-columns:1fr;padding:22px}}
@media (max-width:640px){.s.sb{padding:18px 14px 60px}.sb-id{flex-direction:column;align-items:flex-start;gap:16px}.sb-logo{width:132px;height:88px}.sb-logo.is-mono{font-size:34px}
.sb-side{display:flex}.sb-card{padding:18px}.sb-pts{grid-template-columns:1fr 1fr}.sb-li{grid-template-columns:1fr 1fr}.sb-big{font-size:40px}.sb-sl{grid-auto-columns:78%}.sb-more-h{flex-direction:column;gap:4px}}
@media (prefers-reduced-motion:reduce){.sb-mc a{transition:none}.sb-mc a:hover{transform:none}}
.sb-mc .r-logo{overflow:hidden;padding:6px 10px}.sb-mc .r-logo img{max-height:44px;max-width:100%;width:auto;height:auto;object-fit:contain}
.cts-more{margin:6px 0 0;font-weight:600}.cts-more a{color:inherit}
.t-sum{margin:14px 0 4px;padding:12px 14px;border:1px solid var(--ln);border-left:4px solid var(--em);border-radius:12px;background:var(--mi2);font-size:15px;line-height:1.5;max-width:62ch}.t-sum .mono{font-size:12px;color:var(--g);white-space:nowrap}
.t-json{margin:10px 0 0;font-size:12px}.t-json a{color:var(--g)}
/* Empfehlung oben (Wien/NÖ) */
.t-rec{margin:12px 0 6px;padding:14px 16px;border:1px solid var(--em);border-left:4px solid var(--em2);border-radius:12px;background:var(--w);max-width:62ch;box-shadow:0 10px 30px -22px rgba(12,26,20,.35)}
.t-rec-k{margin:0 0 6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--em2)}
.t-rec-h{margin:0 0 6px;font-size:16px;line-height:1.45}.t-rec-w{margin:0 0 6px;font-size:14px;line-height:1.5;color:var(--i2)}.t-rec-n{margin:0 0 10px;font-size:12px;color:var(--g)}
.t-rec-c{margin:0}.t-rec-c .btn{display:inline-block;padding:9px 14px;border-radius:999px;background:var(--em2);color:#fff;font-weight:600;font-size:14px;text-decoration:none}
/* Für Anbieter / Premium */
.vg{margin:28px 0}.vg-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.vg-c{border:1px solid var(--ln);border-radius:16px;padding:20px;background:var(--w)}.vg-c.is-pm{border:2px solid var(--em);background:var(--mi2)}
.vg-k{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--g)}.vg-p{margin:6px 0 8px;font:700 34px/1 var(--f);color:var(--ink)}.vg-p small{font-size:15px;font-weight:500;color:var(--g)}
.vg-c p{font-size:15px;line-height:1.5}.vg-t td.c,.vg-t th.c{text-align:center;width:90px}.vg-t td.y{color:var(--em2)}.vg-t td.n{color:var(--g)}.vg-t .ic{width:18px;height:18px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.vg-n{font-size:14px;color:var(--i2)}
.tag-pm{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:var(--ink);color:var(--li);font:600 11px/1.4 var(--m,monospace);letter-spacing:.04em}.tag-pm .ic{width:12px;height:12px}
.r.is-pm{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink),0 16px 40px -28px rgba(12,26,20,.45)}
.pm-pks{list-style:none;padding:0;margin:12px 0 4px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.pm-pk{border:1px solid var(--ln);border-radius:12px;padding:10px 12px;background:var(--pa)}.pm-pk.is-top{border-color:var(--em);background:var(--mi2)}
.pm-pk-n{margin:0;font-weight:600;font-size:14px}.pm-pk-p{margin:2px 0 6px;font:700 18px/1.2 var(--f);color:var(--em2)}.pm-pk ul{list-style:none;padding:0;margin:0;font-size:13px;line-height:1.5}.pm-pk li .ic{width:13px;height:13px;color:var(--em);margin-right:4px;vertical-align:-2px}
.pm-demo{margin:22px 0;padding:16px;border:1px dashed var(--ln2);border-radius:18px;background:var(--pa)}.pm-demo-l{margin:0 0 10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--g)}.pm-demo .rows{margin:0}.pm-tbl{margin-top:12px}
.af{margin:30px 0;padding:24px;border:1px solid var(--ln);border-radius:18px;background:var(--w);box-shadow:0 20px 50px -38px rgba(12,26,20,.4)}
.af-k{margin:0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--em2)}.af-h{margin:4px 0 14px}
.af-tier{border:0;padding:0;margin:0 0 14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.af-tier legend{font-weight:600;margin-bottom:8px}
.af-tier label{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--ln);border-radius:12px;padding:12px;cursor:pointer}.af-tier label:has(input:checked){border-color:var(--em);background:var(--mi2)}.af-tier b{display:block}.af-tier span{font-size:14px}
.af-g{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.af label{font-size:14px;font-weight:500}
.af input:not([type=radio]):not([type=checkbox]),.af textarea{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:10px 12px;border:1px solid var(--ln2);border-radius:10px;font:inherit;background:var(--w)}
.af input:focus,.af textarea:focus{outline:2px solid var(--em);outline-offset:1px}.af .hp{position:absolute;left:-9999px}
.af-pay{display:flex;gap:8px;font-size:14px;background:var(--pa);border-radius:12px;padding:10px 12px}.af .ck{display:flex;gap:8px;margin:12px 0;font-weight:400}
.af-msg{min-height:1.4em;font-size:14px}.af-msg.ok{color:var(--em2);font-weight:600}.af-msg.err{color:#B42318}
.t-pmh{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0;padding:12px 14px;border:1px dashed var(--ln2);border-radius:12px;font-size:14px;color:var(--i2)}.t-pmh .ic{width:16px;height:16px;color:var(--em)}.t-pmh a{font-weight:600;color:var(--em2)}
.sb-pmh{border-style:dashed}.pmh-k{margin:0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--g)}.pmh-h{margin:4px 0}.sb-pmh p{font-size:14px}.pmh-a{font-weight:600;color:var(--em2)}
@media (max-width:760px){.vg-cards,.af-tier,.af-g{grid-template-columns:1fr}}

.t-exp{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0 6px}.t-exp-b{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-weight:600;font-size:14.5px}.t-exp-b:hover{background:var(--em2)}.t-exp-b.is-sec{background:var(--w);color:var(--ink);border:1px solid var(--ln2)}.t-exp-b.is-sec:hover{border-color:var(--em2);color:var(--em2)}.t-exp-j{font-size:12.5px;color:var(--g)}
/* Preisindex */
.pi{margin:0 0 40px}.pi h2{margin-top:44px}.pi-sum{margin:0 0 18px}.pi-x{margin:0 0 8px}
.pi-ctl{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin:8px 0 18px;padding:12px 14px;background:var(--mi2);border:1px solid var(--ln2);border-radius:12px}
.pi-ctl label{display:inline-flex;gap:8px;align-items:center;font-weight:600;font-size:14.5px}.pi-ctl select{font:inherit;padding:7px 10px;border:1px solid var(--ln2);border-radius:8px;background:#fff}.pi-ctl small{font-weight:400;color:var(--g)}
.pi-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:26px;align-items:start}.pi-grid h3{margin-top:0}
@media (max-width:960px){.pi-grid{grid-template-columns:1fr}}
.pi-tbl table,.pi-rk table,.pi-land table{font-size:14px}.pi-tbl th[data-s]{cursor:pointer;white-space:nowrap}.pi-tbl th[data-s]:after{content:" ↕";color:var(--g);font-size:11px}.pi-tbl th[aria-sort=ascending]:after{content:" ↑";color:var(--em2)}.pi-tbl th[aria-sort=descending]:after{content:" ↓";color:var(--em2)}
.pi-tbl tbody th small{display:block;font-weight:400;color:var(--g);font-size:12px}.pi-tbl tr.is-few td,.pi-tbl tr.is-few th a{color:var(--g)}.pi-few{font-style:normal;font-size:11.5px;background:#FFF4DB;color:#8A5A00;border-radius:6px;padding:1px 6px;white-space:nowrap}
.pi-bxc{min-width:150px}.pi-bx{position:relative;display:block;height:16px;min-width:140px}.pi-bx i{position:absolute;top:50%;transform:translateY(-50%)}.pi-bx .w{height:2px;background:var(--ln2)}.pi-bx .b{height:12px;background:var(--mi);border:1px solid var(--em);border-radius:3px}.pi-bx .m{width:3px;height:16px;background:var(--em2);margin-left:-1px}.pi-bx.is-na{color:var(--g);font-size:12px;height:auto}
.pi-map{margin:0}.pi-map svg{width:100%;height:auto;display:block}.pi-map path{stroke:#fff;stroke-width:1.2;transition:fill .2s}.pi-map a:hover path,.pi-map a:focus path{stroke:var(--ink);stroke-width:2}
.pi-map .c0,.pi-lg .c0{fill:#E6F7C2;background:#E6F7C2}.pi-map .c1,.pi-lg .c1{fill:#B9E4A6;background:#B9E4A6}.pi-map .c2,.pi-lg .c2{fill:#6FC79A;background:#6FC79A}.pi-map .c3,.pi-lg .c3{fill:#239A72;background:#239A72}.pi-map .c4,.pi-lg .c4{fill:#0A5E41;background:#0A5E41}.pi-map .cx,.pi-lg .cx{fill:#E3E9E6;background:#E3E9E6}
.pi-map figcaption{font-size:12.5px;color:var(--g);margin-top:8px}.pi-lg{list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 6px;padding:0;color:var(--i2)}.pi-lg li{display:inline-flex;gap:6px;align-items:center}.pi-lg i{width:14px;height:14px;border-radius:3px;display:inline-block}
.pi-land tr.is-vs th{font-weight:500;color:var(--g)}.pi-land small,.pi-box small{color:var(--g);font-size:11.5px}.pi-rk .mono{color:var(--g);font-size:12px;margin-left:4px}
.pi-box{margin:28px 0;padding:18px 20px;background:var(--w);border:1px solid var(--ln2);border-left:4px solid var(--em);border-radius:12px}.pi-box h2{margin:0 0 6px;font-size:20px}.pi-box p{margin:0 0 10px;font-size:14px;color:var(--i2)}.pi-box table{font-size:14px}
.pi-box b.lo{color:var(--em2)}.pi-box b.hi{color:#B4461B}.pi-box b.eq{color:var(--g)}.pi-box tr.is-few td{color:var(--g)}.pi-box-l{margin:10px 0 0!important}
.is-pi .a-wrap{grid-template-columns:minmax(0,1fr)}.is-pi .a-side{display:none}.is-pi .a-main{max-width:none}.is-pi .a-meta li:nth-child(-n+2){display:none}
.is-pi .pi-sum{font-size:15.5px;line-height:1.6}.pi .tbl{overflow-x:auto}.pi-land table,.pi-tbl table{min-width:640px}
.pi-kurz{margin:0 0 18px}.pi-kh{margin:0 0 10px;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}.pi-kh strong{font-size:18px}.pi-kh .mono{font-size:12px;color:var(--g)}
.pi-ks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.45fr) minmax(0,1.45fr) minmax(0,.9fr);gap:10px}
.pi-k{background:var(--w);border:1px solid var(--ln2);border-radius:12px;padding:14px 14px 12px;display:flex;flex-direction:column;gap:4px;min-width:0}
.pi-k-med{background:var(--mi2);border-color:#BFE8D3}.pi-kl{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--g)}.pi-k b{font-size:26px;line-height:1.15;color:var(--ink);font-weight:700}
.pi-k-rk b,.pi-k-st b{font-size:16px}.pi-k-rk b span{display:flex;gap:8px;align-items:baseline}.pi-k-rk b i{font-style:normal;flex:1;min-width:0;hyphens:auto}.pi-k-rk b u{text-decoration:none;white-space:nowrap}.pi-k-rk .lo:before{content:"↓ ";color:var(--em2)}.pi-k-rk .hi:before{content:"↑ ";color:#B4461B}.pi-k small{font-size:12px;color:var(--g);line-height:1.4}
.pi-voll{margin:10px 0 0;font-size:13.5px;color:var(--i2)}.pi-voll summary{cursor:pointer;color:var(--em2);font-weight:600;font-size:13.5px}.pi-voll p{margin:8px 0 0;line-height:1.6}
@media (max-width:1100px){.pi-ks{grid-template-columns:repeat(2,minmax(0,1fr))}.pi-k-st{grid-column:1/-1}}
@media (max-width:640px){.pi-k-rk{grid-column:1/-1}}
.pi-kurz ul.pi-ks{padding:0;margin:0}.pi-kurz li.pi-k{margin:0;list-style:none}.pi-kurz li.pi-k:before{display:none}
@media (max-width:480px){.pi-k b{font-size:22px}.pi-k-rk b{font-size:15px}.pi-k{padding:12px}}
.t-note{margin:0 0 14px;padding:12px 14px;border:1px solid #F1D9A6;background:#FFF8E8;border-radius:12px;font-size:14px;line-height:1.55;color:var(--i2)}.t-note strong{color:var(--ink);margin-right:4px}.t-note a{color:var(--em2);font-weight:600}
.umk{margin:26px 0 0}.umk h2{margin:0 0 6px}.umk-hint{margin:0 0 12px;color:var(--g);font-size:14px}
.umk-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.umk-i{background:var(--w);border:1px solid var(--ln2);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px;min-width:0;margin:0}
.umk-t{display:flex;gap:10px;align-items:center;min-width:0}.umk-t h3{margin:0;font-size:16px}.umk-t h3 a{color:var(--ink);text-decoration:none}.umk-t p{margin:2px 0 0;font-size:11.5px;color:var(--g)}.umk-t p a{color:var(--em2)}.umk-t .r-logo{flex:none}
.umk-lg{margin:0;font-size:13px;color:var(--i2)}.umk-lg span{display:block;font-family:var(--m);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--g)}
.umk-p{margin:auto 0 0;display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.umk-p b{font-size:18px;color:var(--ink)}.umk-p small{color:var(--g)}
@media (max-width:640px){.umk-l{grid-template-columns:1fr}}
/* Slogan (Hero, Footer) – Zahl live, Sternchen verlinkt auf Methodik */
.h-slogan{display:inline-block;max-width:760px;margin:-4px auto 22px;padding:9px 18px 9px 14px;border:1px solid var(--ln2);border-radius:999px;background:rgba(255,255,255,.72);backdrop-filter:blur(6px);font:550 clamp(14px,1.25vw,16px)/1.4 var(--f);color:var(--ink);letter-spacing:-.005em;text-wrap:balance;box-shadow:var(--sh)}
.h-slogan::before{content:"";display:inline-block;vertical-align:middle;margin:0 10px 2px 0;width:8px;height:8px;border-radius:50%;background:var(--em);box-shadow:0 0 0 4px var(--mi)}
.sl-st{color:var(--em2);text-decoration:none;font-weight:700;margin-left:1px}
.sl-st:hover{color:var(--em)}
.ft-sl{font:560 15.5px/1.45 var(--f)!important;color:#fff;max-width:460px!important}
.ft-sl .sl-st{color:var(--li)}
@media (max-width:640px){.h-slogan{display:block;border-radius:16px;padding:11px 14px;margin:0 auto 20px;text-align:left;font-size:14px}.h-slogan::before{display:inline-block;margin:0 9px 1px 0;vertical-align:middle}}
/* ---------- Umkreissuche ---------- */
.q-umk{margin:14px 0 0;font-size:14px}.q-umk a{display:inline-flex;align-items:center;gap:7px;color:var(--em2);font-weight:550;text-decoration:none;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.6);border:1px solid var(--ln)}.q-umk a:hover{border-color:var(--em);color:var(--em)}.q-umk .ic{width:16px;height:16px}
.a-wrap:has(.umk-app){grid-template-columns:minmax(0,1fr)}.a-wrap:has(.umk-app) .a-side{display:none}.a-main:has(.umk-app){max-width:none}
.a-main:has(.umk-app)>.prose>:not(.umk-app):not(link):not(script){max-width:760px}
.prose .umk-app ol,.prose .umk-app ul{list-style:none;margin:0;padding:0}.prose .umk-app li{margin:0;padding:0}.prose .umk-app li::before{content:none!important}
.prose .umk-app p{margin:0}.prose .umk-app a{text-decoration:none}.prose .umk-app h3{margin:0;font-size:17px;line-height:1.25;letter-spacing:-.01em}
.umk-app{margin:0 0 56px}
.umk-q{display:flex;gap:10px;align-items:stretch}.umk-in{position:relative;flex:1;min-width:0}
.umk-q .q-box{height:58px;border-radius:16px;box-shadow:var(--sh);background:var(--w);border:1.5px solid var(--ink)}
.umk-q .q-box input{font-size:17px}
.umk-ac{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:1200}
.umk-geo{display:inline-flex;align-items:center;gap:8px;padding:0 18px;border-radius:16px;border:1px solid var(--ln2);background:var(--w);font:550 15px/1 var(--f);color:var(--ink);cursor:pointer;box-shadow:var(--sh)}.umk-geo:hover{border-color:var(--em);color:var(--em2)}.umk-geo .ic{width:18px;height:18px;color:var(--em)}.umk-geo.is-busy{opacity:.6;cursor:progress}
.umk-rad{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:16px 0 0;padding:14px 18px;background:var(--w);border:1px solid var(--ln);border-radius:var(--r)}
.umk-rad label{font-size:14px;color:var(--i2);white-space:nowrap}.umk-rad label b{display:inline-block;min-width:62px;color:var(--ink);font-variant-numeric:tabular-nums}
.umk-rad input[type=range]{--p:21%;width:100%;height:6px;-webkit-appearance:none;appearance:none;border-radius:99px;background:linear-gradient(90deg,var(--em) var(--p),var(--ln) var(--p));outline-offset:6px}
.umk-rad input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--w);border:2px solid var(--em);box-shadow:0 2px 8px rgba(12,26,20,.25);cursor:grab}
.umk-rad input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--w);border:2px solid var(--em);cursor:grab}
.umr{display:flex;gap:6px}.umr-b{font:500 12.5px/1 var(--m);padding:7px 9px;border-radius:8px;border:1px solid var(--ln);background:var(--pa);color:var(--i2);cursor:pointer}.umr-b:hover{border-color:var(--em)}.umr-b.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.umk-ex{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 0!important;font-size:13px}.umk-ex .mono{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--g);margin-right:4px}
.umk-ex .sg{font:500 13px/1 var(--f);padding:7px 11px;border-radius:8px;border:1px solid var(--ln);background:var(--w);color:var(--ink);cursor:pointer}.umk-ex .sg:hover{border-color:var(--em);color:var(--em2)}
.umk-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;margin-top:22px;align-items:start}
.umk-side{position:sticky;top:88px}.umk-flt .is-0{opacity:.45}
.umk-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"hd map" "list map" "vs map";gap:0 22px;align-items:start}
.umk-map-w{grid-area:map;position:sticky;top:88px}
.umk-map{height:min(72vh,680px);border-radius:var(--r2);overflow:hidden;border:1px solid var(--ln);background:linear-gradient(135deg,#eef4f1,#f8fbf9);box-shadow:var(--sh);z-index:1}
.umk-map-ph{height:100%;display:grid;place-items:center;text-align:center;padding:24px;background-image:linear-gradient(#e3e9e6 1px,transparent 1px),linear-gradient(90deg,#e3e9e6 1px,transparent 1px);background-size:32px 32px}
.umk-map-ph p{display:grid;gap:6px;justify-items:center;max-width:300px;background:rgba(255,255,255,.85);padding:18px 20px;border-radius:14px;border:1px solid var(--ln)}.umk-map-ph .ic{width:26px;height:26px;color:var(--em)}.umk-map-ph span{font-size:13px;color:var(--g)}
.umk-hd{grid-area:hd;padding:2px 0 12px}.umk-n{font-size:15.5px;color:var(--i2)}.umk-n b{color:var(--ink)}.umk-note{font-size:11.5px;color:var(--g);margin-top:4px!important}
.umk-more{margin-left:6px;font:550 13px/1 var(--f);padding:7px 11px;border-radius:8px;border:1px solid var(--em);background:var(--mi2);color:var(--em2);cursor:pointer}
.umk-list{grid-area:list;display:grid;gap:10px}
.umk-c{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:14px 16px;background:var(--w);border:1px solid var(--ln);border-radius:var(--r);transition:border-color .15s,box-shadow .15s}
.umk-c:hover,.umk-c.is-on{border-color:var(--em);box-shadow:0 0 0 3px var(--mi),var(--sh)}
.umk-no{font-size:12px;color:var(--g);padding-top:3px}
.umk-ct{display:flex;align-items:center;gap:12px}.umk-ct>div{min-width:0;flex:1}.umk-ct h3 a{color:var(--ink)}.umk-ct h3 a:hover{color:var(--em2)}
.umk-o{font-size:13px;color:var(--g);margin-top:2px!important}
.umk-km{flex:none;align-self:flex-start;font-size:12px;color:var(--em2);background:var(--mi2);border:1px solid var(--mi);padding:5px 8px;border-radius:8px;white-space:nowrap}.umk-km b{font-size:14px;color:var(--ink)}
.umk-c .r-chips{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:5px}
.umk-typ{display:flex!important;flex-wrap:wrap;gap:5px;margin-top:8px!important}.umk-typ li{font-size:12px;padding:4px 8px;border-radius:7px;background:var(--pa);border:1px solid var(--ln);display:flex;gap:6px}.umk-typ li span{color:var(--g)}.umk-typ li.is-on{border-color:var(--em);background:var(--mi2)}
.umk-lg{font-size:12.5px;color:var(--i2);margin-top:8px!important}.umk-lg span{color:var(--g);margin-right:4px}
.umk-cs{display:grid;justify-items:end;align-content:start;gap:4px;text-align:right;min-width:112px}
.umk-cs .r-price{font-size:13px}.umk-cs .r-price b{font-size:21px;letter-spacing:-.02em}.umk-cs .r-src{font-size:11.5px;color:var(--g)}.umk-cs .r-dt{font-size:10.5px;color:var(--g)}
.umk-go{margin-top:6px;font:550 12.5px/1 var(--f);padding:8px 11px;border-radius:9px;background:var(--ink);color:#fff!important}.umk-go:hover{background:var(--em2)}
.umk-vs{grid-area:vs;margin-top:14px}.umk-vs details{background:var(--w);border:1px dashed var(--ln2);border-radius:var(--r);padding:12px 16px}.umk-vs summary{cursor:pointer;font-size:14px}.umk-vs summary .mono{font-size:11px;color:var(--g);margin-left:6px}
.umk-vs ul{display:grid;gap:4px;margin-top:10px!important}.umk-vs li{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:5px 0;border-top:1px solid var(--ln)}.umk-vs li span{color:var(--g);white-space:nowrap}
.umk-attr{font-size:11px;color:var(--g);margin-top:16px!important}.umk-attr a{color:var(--g)!important;text-decoration:underline!important}
.umk-pin{display:grid!important;place-items:center}.umk-pin span{display:grid;place-items:center;width:26px;height:26px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);background:var(--ink);border:2px solid #fff;box-shadow:0 3px 8px rgba(12,26,20,.35);color:#fff;font:600 10.5px/1 var(--m)}
.umk-pin span{transform:none;border-radius:50%}.umk-pin.is-on span{background:var(--em);transform:scale(1.25);box-shadow:0 0 0 5px rgba(15,157,107,.25)}
.umk-ctr span{display:block;width:18px;height:18px;border-radius:50%;background:var(--li);border:3px solid var(--ink);box-shadow:0 0 0 6px rgba(200,241,105,.35)}
.umk-map .leaflet-popup-content{font:14px/1.45 var(--f);margin:12px 14px}.umk-map .leaflet-popup-content a{color:var(--em2);font-weight:600}
@media (max-width:1180px){.umk-main{grid-template-columns:1fr;grid-template-areas:"map" "hd" "list" "vs"}.umk-map-w{position:relative;top:0;margin-bottom:16px}.umk-map{height:420px}}
@media (max-width:900px){.umk-grid{grid-template-columns:1fr}.umk-side{position:static}.umk-flt .flt-typ{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.umk-q{flex-wrap:wrap}.umk-in{flex:1 1 100%}.umk-geo{height:44px;flex:1}.umk-q .q-box{height:54px}
 .umk-rad{grid-template-columns:1fr;gap:10px;padding:12px 14px}.umr{justify-content:space-between}.umr-b{flex:1;padding:8px 0}
 .umk-map{height:300px;border-radius:16px}.umk-c{grid-template-columns:minmax(0,1fr);padding:13px 14px}.umk-no{display:none}
 .umk-cs{grid-template-columns:1fr auto;justify-items:start;text-align:left;align-items:center;border-top:1px solid var(--ln);padding-top:10px;min-width:0}.umk-cs .r-price{grid-row:span 2}.umk-cs .r-src,.umk-cs .r-dt{justify-self:end}.umk-go{grid-column:1/-1;justify-self:stretch;text-align:center;padding:10px}
 .umk-flt{padding:12px}}
/* Umkreis-Karten: einspaltig, Preiszeile unten */
.umk-grid{grid-template-columns:250px minmax(0,1fr)}
@media (min-width:1181px){.umk-main{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}
.umk-c{grid-template-columns:auto minmax(0,1fr)}
.umk-cs{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px 14px;text-align:left;min-width:0;border-top:1px solid var(--ln);padding-top:10px;margin-top:2px}
.umk-cs .r-price{margin:0 auto 0 0!important;display:flex;align-items:baseline;gap:5px}.umk-cs .r-price b{font-size:20px}
.umk-go{margin-top:0}
@media (max-width:640px){.umk-c{grid-template-columns:minmax(0,1fr)}.umk-cs{grid-column:1}.umk-cs .r-price{flex:1 1 100%}.umk-go{flex:1 1 100%}}
@media (max-width:900px){.umk-grid{grid-template-columns:minmax(0,1fr)}.umk-side,.umk-flt{min-width:0;max-width:100%}.umk-flt fieldset{min-width:0}}
@media (max-width:640px){.umk-flt .flt-typ,.umk-flt .flt-leist{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:4px;scrollbar-width:none}.umk-flt .tchip,.umk-flt .fchip{flex:none}}
.umk-cs .umk-sr{display:grid;gap:2px;font-size:11px;color:var(--g);text-align:right}.umk-cs .umk-sr a{color:var(--g)!important;text-decoration:underline!important;text-decoration-color:var(--ln2)!important}
@media (max-width:640px){.umk-cs .umk-sr{text-align:left;flex:1}}
/* Blog: Übersicht /blog/, Teaser „Neu im Blog“, „Weitere Beiträge“ */
.blg-in{max-width:var(--max);margin:0 auto;padding:0 24px}
.blg-hero{padding:56px 0 40px;background:linear-gradient(180deg,var(--mi2),var(--pa));border-bottom:1px solid var(--ln)}
.blg-bc{display:flex;gap:8px;font:500 12.5px/1 'Geist Mono',ui-monospace,monospace;color:var(--g);margin:0 0 22px}.blg-bc a{color:var(--i2);text-decoration:none}.blg-bc a:hover{color:var(--em2)}
.blg-k{font:500 12px/1.2 'Geist Mono',ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--em2);margin:0 0 10px}
.blg-hero h1{font:650 clamp(40px,6vw,68px)/1.02 var(--f);letter-spacing:-.035em;margin:0 0 16px;color:var(--ink)}
.blg-lede{font-size:18.5px;line-height:1.6;color:var(--i2);max-width:680px;margin:0 0 20px}
.blg-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0}.blg-meta span{font:500 12.5px/1 'Geist Mono',ui-monospace,monospace;padding:8px 11px;background:var(--w);border:1px solid var(--ln);border-radius:8px;color:var(--i2)}
.blg-list{padding:44px 0 80px}
.blg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.blg-card{background:var(--w);border:1px solid var(--ln);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(12,26,20,.04),0 8px 24px -12px rgba(12,26,20,.12);transition:transform .18s,border-color .18s,box-shadow .18s}
.blg-card:hover{transform:translateY(-2px);border-color:var(--em);box-shadow:0 14px 34px -14px rgba(10,110,75,.28)}
.blg-a{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.blg-img{display:block;aspect-ratio:16/9;background:var(--mi2);overflow:hidden}.blg-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.blg-card:hover .blg-img img{transform:scale(1.03)}
.blg-body{display:flex;flex-direction:column;gap:9px;padding:18px 20px 20px;flex:1}
.blg-kk{font:500 11.5px/1.3 'Geist Mono',ui-monospace,monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--g)}
.blg-t{font:650 20px/1.25 var(--f);letter-spacing:-.015em;color:var(--ink)}
.blg-d{font-size:15px;line-height:1.55;color:var(--i2)}
.blg-more{margin-top:auto;padding-top:6px;font-weight:600;font-size:14.5px;color:var(--em2)}
.blg-lead{grid-column:1/-1}.blg-lead .blg-a{display:grid;grid-template-columns:1.25fr 1fr}.blg-lead .blg-img{aspect-ratio:auto;min-height:320px}.blg-lead .blg-body{padding:32px 34px;justify-content:center}.blg-lead .blg-t{font-size:clamp(26px,2.6vw,34px)}.blg-lead .blg-d{font-size:16.5px}
.blg-pag{display:flex;gap:8px;justify-content:center;margin-top:36px}.blg-pag a,.blg-pag span{min-width:40px;padding:10px 12px;text-align:center;border-radius:10px;border:1px solid var(--ln);background:var(--w);text-decoration:none;color:var(--ink);font-weight:600}.blg-pag span{background:var(--ink);color:#fff;border-color:var(--ink)}
.blg-teaser{padding:64px 0;background:var(--pa);border-top:1px solid var(--ln)}
.blg-th{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 24px}.blg-th h2{font:650 clamp(28px,3.2vw,40px)/1.1 var(--f);letter-spacing:-.03em;margin:0}
.blg-all{flex:none;font-weight:600;color:var(--em2);text-decoration:none;padding:10px 14px;border:1px solid var(--ln2);border-radius:10px;background:var(--w)}.blg-all:hover{border-color:var(--em)}
.is-article .blg-teaser{margin-top:40px}
@media (max-width:960px){.blg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blg-lead .blg-a{grid-template-columns:1fr}.blg-lead .blg-img{min-height:0;aspect-ratio:16/9}.blg-lead .blg-body{padding:22px}}
@media (max-width:640px){.blg-in{padding:0 16px}.blg-hero{padding:32px 0 28px}.blg-grid{grid-template-columns:1fr;gap:16px}.blg-th{flex-direction:column;align-items:flex-start}.blg-teaser{padding:44px 0}.blg-list{padding:28px 0 56px}}
@media (min-width:961px){.blg-g2{grid-template-columns:repeat(2,minmax(0,1fr))}.blg-g2 .blg-card:not(.blg-lead) .blg-img{aspect-ratio:16/8}}
.blg-th h2{color:var(--ink)}