/* ImmobilienGuru v2 - EINE Stylesheet. Tokens oben, danach Komponenten (BEM). Rechner-Stile (.tool) werden aus dem alten Design uebernommen und angehaengt (build_css.py). */
@font-face{font-family:Montserrat;src:url(/assets/fonts/montserrat.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Roboto;src:url(/assets/fonts/roboto.woff2) format("woff2");font-weight:300 700;font-display:swap}

:root{
  --ig-primary:#0074D9;--ig-primary-dark:#0058a5;--ig-primary-light:#e8f4fd;--ig-primary-gradient:linear-gradient(135deg,#0074D9 0%,#00a1ff 100%);
  --ig-success:#10b981;--ig-success-light:#ecfdf5;--ig-warning:#f59e0b;--ig-warning-light:#fffbeb;--ig-danger:#ef4444;--ig-danger-light:#fef2f2;
  --ig-text:#1a1a2e;--ig-text-secondary:#4b5563;--ig-text-muted:#6b7280;--ig-bg:#fff;--ig-bg-secondary:#f5f8fc;--ig-bg-card:#fff;--ig-border:#e5e7eb;--ig-border-focus:#0074D9;
  --ig-shadow-sm:0 1px 2px rgba(0,0,0,.05);--ig-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--ig-shadow-lg:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
  --ig-radius:12px;--ig-radius-sm:8px;--ig-radius-lg:20px;--ig-transition:.2s ease;
  --ig-font:Montserrat,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ig-body:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ig-dark:#0b1220;--wrap:1180px;--wrap-narrow:760px;--gap:clamp(16px,3vw,32px);--sec:clamp(40px,7vw,88px);
}
[data-theme=dark]{
  --ig-text:#f1f5f9;--ig-text-secondary:#cbd5e1;--ig-text-muted:#94a3b8;--ig-bg:#0f172a;--ig-bg-secondary:#162033;--ig-bg-card:#1e293b;--ig-border:#334155;--ig-primary-light:#1e3a5f;
  --ig-shadow-sm:0 1px 2px rgba(0,0,0,.3);--ig-shadow:0 4px 6px -1px rgba(0,0,0,.4);--ig-shadow-lg:0 10px 25px -5px rgba(0,0,0,.5);color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--ig-body);font-size:17px;line-height:1.65;color:var(--ig-text);background:var(--ig-bg);-webkit-font-smoothing:antialiased}
img,svg,video{max-width:100%;height:auto}
a{color:var(--ig-primary);text-decoration:none}a:hover{color:var(--ig-primary-dark)}
[data-theme=dark] a{color:#6cb8ff}
[data-theme=dark] a.btn,[data-theme=dark] a.btn:hover{color:#fff}
[data-theme=dark] a.btn--ghost{color:#6cb8ff}
[data-theme=dark] a.btn--light,[data-theme=dark] a.btn--light:hover{color:var(--ig-primary)}
[data-theme=dark] .hero a.btn{color:var(--ig-primary)}
[data-theme=dark] .hero a.btn--ghost{color:#fff}
h1,h2,h3,h4{font-family:var(--ig-font);color:var(--ig-text);line-height:1.2;letter-spacing:-.015em;margin:0 0 .5em}
p{margin:0 0 1em}
[hidden]{display:none!important}
.icon{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-.2em}
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:8px 14px;border-radius:8px;z-index:100}.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--ig-primary);outline-offset:2px;border-radius:4px}
.wrap{width:min(100% - 2*var(--gap),var(--wrap));margin-inline:auto}.wrap--narrow{width:min(100% - 2*var(--gap),var(--wrap-narrow))}.wrap--tool{width:min(100% - 2*var(--gap),600px)}.wrap--auth{width:min(100% - 2*var(--gap),440px)}

/* ---------- Buttons / Formulare */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font:700 1rem/1 var(--ig-font);padding:15px 26px;border:0;border-radius:var(--ig-radius);background:var(--ig-primary);color:#fff;cursor:pointer;transition:transform var(--ig-transition),box-shadow var(--ig-transition),background var(--ig-transition);box-shadow:0 6px 16px rgba(0,116,217,.3)}
.btn:hover{background:var(--ig-primary-dark);color:#fff;transform:translateY(-1px)}
.btn--ghost{background:transparent;color:var(--ig-primary);box-shadow:inset 0 0 0 2px var(--ig-primary)}.btn--ghost:hover{background:var(--ig-primary-light);color:var(--ig-primary-dark)}
[data-theme=dark] .btn--ghost{color:#6cb8ff;box-shadow:inset 0 0 0 2px #6cb8ff}
.btn--light{background:#fff;color:var(--ig-primary);box-shadow:none}.btn--light:hover{background:#eaf4ff;color:var(--ig-primary-dark)}
.btn--danger{background:var(--ig-danger);box-shadow:none}.btn--danger:hover{background:#c92f2f}
.btn--sm{padding:10px 18px;font-size:.9rem}.btn--block{display:flex;width:100%;margin-top:12px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.form__label{display:block;font:600 .85rem var(--ig-font);margin-bottom:14px;color:var(--ig-text-secondary)}
.form__input{display:block;width:100%;margin-top:6px;padding:13px 15px;font:400 1rem var(--ig-body);color:var(--ig-text);background:var(--ig-bg-card);border:2px solid var(--ig-border);border-radius:var(--ig-radius);transition:border-color var(--ig-transition)}
.form__input:focus{border-color:var(--ig-border-focus);outline:0}
.form--inline{display:flex;flex-wrap:wrap;gap:10px}.form--inline .form__input{flex:1 1 220px;margin:0}
.form__hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form__msg{flex-basis:100%;margin:6px 0 0;font-size:.9rem}.form__msg--ok{color:var(--ig-success)}.form__msg--error{color:var(--ig-danger)}
.form__hint,.auth__links{font-size:.85rem;color:var(--ig-text-muted);text-align:center}
.panel{background:var(--ig-bg-secondary);border:1px solid var(--ig-border);border-radius:var(--ig-radius);padding:18px 20px;margin-bottom:16px}

/* ---------- Kopf */

/* ---------- Hero / Sektionen */
.hero{background:var(--ig-primary);color:#fff;padding:var(--sec) 0}
.hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:center}
.hero__title{font:800 clamp(2rem,5vw,3.4rem)/1.1 var(--ig-font);color:#fff;margin-bottom:.5em}.hero__title span{font-weight:300;display:block}
.hero__lead{font-size:1.15rem;color:#e8f4ff;max-width:34em}.hero__lead a{color:#fff;text-decoration:underline}
.hero__media{display:flex;justify-content:center}.hero__media img{max-height:640px;width:auto;filter:drop-shadow(0 24px 40px rgba(0,0,0,.35))}
.hero .btn{background:#fff;color:var(--ig-primary);box-shadow:none}.hero .btn--ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px #fff}
.stores{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
.store{display:inline-flex;align-items:center;gap:10px;background:#000;color:#fff;border-radius:10px;padding:9px 16px 9px 12px;font:600 1.15rem var(--ig-font);line-height:1.1;border:1px solid rgba(255,255,255,.25)}.store:hover{color:#fff;background:#111}
.store .icon{width:28px;height:28px;fill:#fff;stroke:none}.store small{display:block;font:500 .6rem var(--ig-font);text-transform:uppercase;letter-spacing:.04em}
.stores--sm .store{font-size:.9rem;padding:6px 12px 6px 9px}
.section{padding:var(--sec) 0}.section--tint{background:var(--ig-bg-secondary)}
.section--blue{background:var(--ig-primary);color:#fff}.section--blue h2,.section--blue p{color:#fff}
.section__title{font:800 clamp(1.6rem,3.5vw,2.4rem) var(--ig-font)}.section__title--center,.section__lead--center{text-align:center}
.section__lead{color:var(--ig-text-secondary);font-size:1.1rem;max-width:44em}.section__lead--center{margin-inline:auto}
.grid{display:grid;gap:var(--gap)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.hero__grid,.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.hero__media{order:-1}.hero__media img{max-height:380px}}
@media (min-width:600px) and (max-width:900px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}
.feature{display:block;background:var(--ig-bg-card);border:1px solid var(--ig-border);border-radius:var(--ig-radius-lg);padding:26px;color:var(--ig-text);transition:transform var(--ig-transition),box-shadow var(--ig-transition)}
a.feature:hover{transform:translateY(-3px);box-shadow:var(--ig-shadow-lg);color:var(--ig-text)}
.feature__icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--ig-primary-light);color:var(--ig-primary);font-size:1.5rem;margin-bottom:14px}
.feature__title{font:700 1.2rem var(--ig-font)}.feature__text{color:var(--ig-text-secondary);margin:0}.feature__cta{display:inline-block;margin-top:12px;font:700 .9rem var(--ig-font);color:var(--ig-primary)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--gap)*2);align-items:center}.split--reverse .split__media{order:-1}
.split__media img{border-radius:var(--ig-radius-lg);box-shadow:var(--ig-shadow-lg);width:100%}
@media (max-width:900px){.split{grid-template-columns:1fr}.split--reverse .split__media{order:0}}
.quote{margin:0 0 1em;padding:0 0 0 18px;border-left:4px solid var(--ig-primary);font-style:italic;color:var(--ig-text-secondary)}
.stats{background:var(--ig-dark);color:#fff;padding:36px 0}.stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);text-align:center}
.stat__value{display:block;font:800 clamp(1.8rem,4vw,2.8rem) var(--ig-font);color:#4cb0ff}.stat__label{font-size:.9rem;color:#cbd5e1}
@media (max-width:700px){.stats__grid{grid-template-columns:repeat(2,1fr)}}
.partners{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;padding:0;margin:20px 0 0}.partners a{font:600 1rem var(--ig-font);color:var(--ig-text-secondary)}
.faq{border-bottom:1px solid var(--ig-border);padding:14px 0}.faq summary{cursor:pointer;font:700 1.05rem var(--ig-font);list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";float:right;color:var(--ig-primary)}.faq[open] summary::after{content:"\2212"}.faq p{margin:10px 0 0;color:var(--ig-text-secondary)}
.pricing{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap);max-width:820px;margin:32px auto 0}
@media (max-width:700px){.pricing{grid-template-columns:1fr}}
.plan{border:2px solid var(--ig-border);border-radius:var(--ig-radius-lg);padding:30px;background:var(--ig-bg-card)}.plan--pro{border-color:var(--ig-primary);box-shadow:var(--ig-shadow-lg)}
.plan__name{font:700 1.1rem var(--ig-font);color:var(--ig-text-secondary)}.plan__price{font:800 2rem var(--ig-font);margin:0 0 16px}
.plan__list{list-style:none;padding:0;margin:0 0 18px}.plan__list li{display:flex;gap:8px;padding:6px 0;color:var(--ig-text)}.plan__list .icon{color:var(--ig-success)}

/* ---------- Inhalte */
.page__title{font:800 clamp(1.8rem,4.5vw,2.8rem) var(--ig-font);margin-bottom:.4em}
.crumbs{display:flex;gap:8px;font-size:.85rem;color:var(--ig-text-muted);margin-bottom:12px}
.article__meta{color:var(--ig-text-muted);font-size:.9rem}.article__img{width:100%;border-radius:var(--ig-radius-lg);margin:12px 0 24px}
.prose{font-size:1.06rem}.prose h2{font-size:1.6rem;margin-top:1.6em}.prose h3{font-size:1.25rem;margin-top:1.4em}
.prose img{border-radius:var(--ig-radius);margin:1em 0}.prose ul,.prose ol{padding-left:1.4em;margin:0 0 1em}.prose li{margin:.3em 0}
.prose table{width:100%;border-collapse:collapse;margin:1em 0;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--ig-border);padding:8px 12px;text-align:left}.prose th{background:var(--ig-bg-secondary)}
.prose blockquote{margin:1.2em 0;padding:4px 0 4px 18px;border-left:4px solid var(--ig-primary);color:var(--ig-text-secondary)}
.embed{position:relative;aspect-ratio:16/9;margin:1.2em 0;border-radius:var(--ig-radius);overflow:hidden;background:#000}.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.card{display:flex;flex-direction:column;background:var(--ig-bg-card);border:1px solid var(--ig-border);border-radius:var(--ig-radius-lg);overflow:hidden;color:var(--ig-text);transition:transform var(--ig-transition),box-shadow var(--ig-transition)}.card:hover{transform:translateY(-3px);box-shadow:var(--ig-shadow-lg);color:var(--ig-text)}
.card__img{width:100%;aspect-ratio:16/9;object-fit:cover}.card__body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 20px}.card__title{font:700 1.05rem/1.3 var(--ig-font)}.card__text{font-size:.9rem;color:var(--ig-text-secondary)}
.pager{display:flex;gap:6px;justify-content:center;margin-top:32px;flex-wrap:wrap}.pager__item{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--ig-border);border-radius:10px;font:600 .9rem var(--ig-font)}.pager__item.is-active{background:var(--ig-primary);border-color:var(--ig-primary);color:#fff}
.azbar{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0;position:sticky;top:78px;background:var(--ig-bg);padding:8px 0;z-index:5}.azbar a{min-width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--ig-bg-secondary);font:700 .85rem var(--ig-font)}
.hub__letter{font:800 1.5rem var(--ig-font);color:var(--ig-primary);margin:1.4em 0 .4em;scroll-margin-top:140px}
.hub{list-style:none;padding:0;margin:0;columns:3 240px;column-gap:var(--gap)}.hub li{break-inside:avoid;padding:4px 0}
.toolgrid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.toolgrid__item{display:block;height:100%;padding:16px 18px;background:var(--ig-bg-card);border:1px solid var(--ig-border);border-radius:var(--ig-radius);color:var(--ig-text)}.toolgrid__item:hover{border-color:var(--ig-primary);box-shadow:var(--ig-shadow);color:var(--ig-text)}
.toolgrid__name{font:700 1rem var(--ig-font)}.toolgrid__desc{display:block;margin-top:4px;font-size:.85rem;color:var(--ig-text-muted)}
.badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:99px;background:var(--ig-primary);color:#fff;font:700 .65rem var(--ig-font);vertical-align:middle}
.toolfilter{margin:0 0 12px}
.related{margin-top:32px;padding:20px;background:var(--ig-bg-secondary);border:1px solid var(--ig-border);border-radius:var(--ig-radius)}.related__title{font:700 .8rem var(--ig-font);text-transform:uppercase;letter-spacing:.06em;color:var(--ig-text-muted)}
.chip{display:inline-block;margin:4px 6px 4px 0;padding:8px 16px;background:var(--ig-bg-card);border:1px solid var(--ig-border);border-radius:99px;font:500 .9rem var(--ig-font);color:var(--ig-text)}.chip:hover{border-color:var(--ig-primary);color:var(--ig-primary)}
.tool__sub{color:var(--ig-text-muted);margin-top:-4px}.tool__wiki{font-size:.9rem;margin-top:20px}

/* ---------- Suche / Einwilligung / Fuss */
.search{width:min(92vw,620px);margin:8vh auto auto;border:0;border-radius:var(--ig-radius-lg);padding:14px;background:var(--ig-bg-card);color:var(--ig-text);box-shadow:var(--ig-shadow-lg)}.search::backdrop{background:rgba(8,15,30,.55)}
.search__bar{display:flex;gap:8px;align-items:center}.search__bar .form__input{margin:0}
.search__list{list-style:none;margin:10px 0 0;padding:0;max-height:55vh;overflow:auto}.search__item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;color:var(--ig-text);font:600 .95rem var(--ig-font)}.search__item:hover{background:var(--ig-bg-secondary)}.search__thumb{width:52px;height:38px;border-radius:6px;object-fit:cover}.search__empty{padding:14px;color:var(--ig-text-muted)}
.consent{position:fixed;left:12px;right:12px;bottom:12px;z-index:90;max-width:760px;margin:auto;background:#10192b;color:#e8eefc;border-radius:16px;padding:16px 20px;box-shadow:0 20px 50px rgba(0,0,0,.4);display:flex;gap:16px;align-items:center;flex-wrap:wrap}.consent p{margin:0;flex:1 1 280px;font-size:.9rem}.consent a{color:#8fcbff}.consent__btns{display:flex;gap:8px}

/* ---------- App-Rahmen (/app/...) */
body.is-app{font-size:16px;padding:calc(56px + env(safe-area-inset-top)) 0 calc(64px + env(safe-area-inset-bottom));background:var(--ig-bg-secondary);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}
.appbar{position:fixed;top:0;left:0;right:0;z-index:60;height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;display:flex;align-items:center;gap:8px;background:var(--ig-primary);color:#fff}
.appbar__title{flex:1;font:700 1.1rem var(--ig-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:6px}.appbar__back,.appbar__btn{display:grid;place-items:center;width:42px;height:42px;border:0;background:transparent;color:#fff;font-size:1.4rem;border-radius:50%}
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom);background:var(--ig-bg-card);border-top:1px solid var(--ig-border)}
.tabbar__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 7px;font:600 .68rem var(--ig-font);color:var(--ig-text-muted)}.tabbar__item .icon{width:23px;height:23px}.tabbar__item.is-active{color:var(--ig-primary)}
.appmain .section{padding:20px 0}.appmain .wrap,.appmain .wrap--narrow,.appmain .wrap--tool,.appmain .wrap--auth{width:min(100% - 28px,640px)}
.appmain .page__title{font-size:1.5rem}.appmain .crumbs{display:none}
.appsec{width:min(100% - 28px,640px);margin:18px auto}.app__hello{font:800 1.5rem var(--ig-font)}.app__h{font:700 .85rem var(--ig-font);text-transform:uppercase;letter-spacing:.07em;color:var(--ig-text-muted)}
.apptiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.apptile{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:18px 8px;background:var(--ig-bg-card);border-radius:var(--ig-radius);font:600 .8rem var(--ig-font);color:var(--ig-text);box-shadow:var(--ig-shadow-sm);overflow-wrap:anywhere;hyphens:auto}.apptile .icon{width:28px;height:28px;color:var(--ig-primary)}
.appcard{display:flex;align-items:center;gap:14px;padding:16px;margin-bottom:10px;background:var(--ig-bg-card);border-radius:var(--ig-radius);color:var(--ig-text);box-shadow:var(--ig-shadow-sm)}.appcard .icon{width:30px;height:30px;color:var(--ig-primary)}.appcard small{display:block;color:var(--ig-text-muted)}
.appcard--pro{background:var(--ig-primary);color:#fff}.appcard--pro .icon,.appcard--pro small{color:#e8f4ff}
.splash{position:fixed;inset:0;z-index:100;background:var(--ig-primary);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;overflow:hidden}
.splash::before{content:"";position:absolute;width:220vmax;height:220vmax;left:50%;top:50%;margin:-110vmax 0 0 -110vmax;background:repeating-conic-gradient(rgba(255,255,255,.2) 0 5deg,transparent 5deg 12.857deg);-webkit-mask:radial-gradient(circle,#000 0,rgba(0,0,0,.35) 9%,transparent 22%);mask:radial-gradient(circle,#000 0,rgba(0,0,0,.35) 9%,transparent 22%);animation:rays 90s linear infinite}
.splash::after{content:"";position:absolute;width:90vmin;height:90vmin;left:50%;top:50%;margin:-45vmin 0 0 -45vmin;background:radial-gradient(circle,rgba(255,255,255,.5),rgba(124,196,255,.22) 35%,transparent 70%)}
.splash>*{position:relative;z-index:1}
@keyframes rays{to{transform:rotate(360deg)}}
.splash__logo{width:min(46vmin,220px);height:auto;filter:drop-shadow(0 10px 30px rgba(0,40,100,.35))}.splash__name{font:800 2rem var(--ig-font);margin:14px 0 0}.splash__claim{font:300 1.05rem var(--ig-font);margin:0}
body.is-app .splash~*{display:none}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* ---------- Pro-Gate (Dialog) */
.progate{width:min(92vw,430px);border:0;border-radius:20px;padding:28px 24px 22px;background:var(--ig-bg-card);color:var(--ig-text);box-shadow:var(--ig-shadow-lg);text-align:center}.progate::backdrop{background:rgba(8,15,30,.6);backdrop-filter:blur(4px)}
.progate__close{position:absolute;top:10px;right:14px;border:0;background:none;font-size:1.6rem;color:var(--ig-text-muted);cursor:pointer}
.progate__title{font:800 1.35rem var(--ig-font)}.progate__sub{color:var(--ig-text-secondary);font-size:.9rem}
.progate__list{list-style:none;padding:0;margin:0 0 14px;text-align:left}.progate__list li{display:flex;flex-direction:column;padding:8px 12px;margin-bottom:6px;background:var(--ig-bg-secondary);border-radius:10px;font-size:.8rem;color:var(--ig-text-secondary)}.progate__list b{font:700 .9rem var(--ig-font);color:var(--ig-text)}
.progate__price{font-size:1.1rem;margin:0}.progate__price strong{font:800 2rem var(--ig-font);color:var(--ig-primary)}.progate__hint{font-size:.78rem;color:var(--ig-text-muted)}
.progate-badge{text-align:center;font-size:.78rem;color:var(--ig-text-muted);margin:6px 0 16px}.progate-badge.is-limit{color:var(--ig-danger)}

/* Vorschau im Handy-Rahmen (cxmxo.com/admin): Platz fuer die simulierte Statusleiste */
body.is-preview.is-app{padding-top:82px}body.is-preview .appbar{height:82px;padding-top:26px}

/* =====================================================================
   Optik wie die WordPress-Version (v1): Kopf, Bänder, Seitenleiste, Fuß
   ===================================================================== */
:root{--wrap:1200px;--gap:clamp(18px,3.6vw,50px);--blue:#0074D9;--bandgrad:linear-gradient(135deg,#0074D9 0%,#0065cb 100%);--arial:Roboto,"Helvetica Neue",Arial,sans-serif;--mont:Montserrat,sans-serif}
.wrap{width:min(100% - 2*var(--gap),var(--wrap))}
.meta{background:#f8f8f8;font:400 11px/30px Roboto,sans-serif}.meta__in{display:flex}.meta a{color:#000;padding:0 11px;border-left:1px solid #e1e1e1}.meta a:first-child{padding-left:0;border:0}
.head{position:sticky;top:0;z-index:50;background:#fff}
.head__in{display:flex;align-items:center;min-height:89px;gap:20px}
.head__logo{display:flex;align-items:center;gap:8px;font:800 20px/1 Montserrat,sans-serif;color:#000;letter-spacing:-.02em}.head__logo:hover{color:#000}
.menu{display:flex;align-items:center;margin-left:auto}
.menu__link{display:block;font:600 16px/89px Roboto,sans-serif;color:#000;padding:0 8px;cursor:pointer;list-style:none;white-space:nowrap}.menu__link::-webkit-details-marker{display:none}.menu__link:hover{color:var(--blue)}
.menu__group{position:relative}
.menu__sub{position:absolute;top:calc(100% - 14px);left:0;min-width:230px;max-height:70vh;overflow:auto;background:#fff;border:1px solid #e1e1e1;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:6px 0}
.menu__sub a{display:block;padding:8px 18px;color:#000;font:500 14px Roboto,sans-serif}.menu__sub a:hover{background:#f4f9ff;color:var(--blue)}
.menu__cta{margin-left:14px;background:var(--blue);color:#fff;font:700 15px/1 Roboto,sans-serif;padding:15px 30px 14px;border-radius:10px}.menu__cta:hover{background:#0062b8;color:#fff}
.head__burger{display:none;margin-left:auto}
@media (max-width:900px){
  .head__burger{display:inline-grid}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;background:#fff;border-bottom:1px solid #e1e1e1;padding:8px var(--gap) 18px;max-height:80vh;overflow:auto;margin:0}
  .menu.is-open{display:flex}
  .menu__link{line-height:44px}.menu__sub{position:static;box-shadow:none;border:0;padding:0 0 0 14px}.menu__cta{margin:8px 0 0;text-align:center}
}
/* Kopf der Startseite: Handy links, Text rechts */
.hero1{background:var(--bandgrad);color:#fff;min-height:clamp(460px,54vw,770px);display:flex;align-items:center}
.hero1__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:center;padding:30px 0}
.hero1__media{display:flex;justify-content:center}.hero1__media img{max-height:min(700px,78vh);width:auto}
.hero1__title{font:300 clamp(2rem,3.45vw,3rem)/1.1 Montserrat,sans-serif;color:#fff;margin:0 0 .5em}.hero1__title b{font-weight:900}
.hero1__lead{font:300 21px/1.65 Roboto,sans-serif;color:#fff;max-width:470px}.hero1__lead strong,.hero1__lead b{font-weight:700}.hero1__lead a{color:#fff;text-decoration:underline}
.hero1 .stores{margin:26px 0 0}.hero1 .store{font-size:1.5rem;padding:10px 20px 10px 14px}.hero1 .store .icon{width:36px;height:36px}.hero1 .store small{font-size:.62rem}
@media (max-width:800px){.hero1__grid{grid-template-columns:1fr;text-align:center}.hero1__media{order:-1}.hero1__lead{margin-inline:auto}.hero1 .stores{justify-content:center}.hero1__media img{max-height:380px}}
/* Bänder */
.bandw{background:#fff;padding:clamp(48px,7vw,100px) 0;text-align:center;font-family:var(--arial);color:#000}
.bandw__in{display:flex;flex-direction:column;align-items:center}
.bandw__title{font:800 28px/1.1 var(--mont);color:#000;margin:0 0 18px;max-width:564px}
.bandw__text{font:300 21px/1.65 var(--arial);max-width:564px;margin:0 0 30px;color:#000}.bandw__text b,.bandw__text strong{font-weight:700}.bandw__text p{margin:0 0 12px}
.btnf{display:inline-block;background:var(--blue);color:#fff;font:900 24px/18px var(--arial);padding:25px 50px 23px;border-radius:10px;border:0;cursor:pointer}.btnf:hover{background:#0062b8;color:#fff}
.btnf--grad{background:linear-gradient(135deg,#0074D9,#00a1ff);box-shadow:0 6px 16px rgba(0,116,217,.3);border-radius:10px;padding:16px 26px}
.btnf--block{display:block;width:100%;text-align:center;font:700 22px/1 Montserrat,sans-serif;padding:29px 18px;border-radius:10px;margin:0 0 22px}
.btnw{display:inline-block;background:#fff;color:#000;font:900 24px/18px var(--arial);padding:25px 50px 23px;border-radius:10px;border:0;cursor:pointer}.btnw:hover{background:#eef6ff;color:#000}
.partners2__title{font:600 20px var(--mont);margin:60px 0 24px}.partners2{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:24px 60px;padding:0;margin:0}.partners2 a{display:flex;flex-direction:column;align-items:center;gap:8px;color:#000;font:700 9px var(--arial)}.partners2 img{height:34px;width:auto;max-width:150px}
.bandb{background:var(--bandgrad);color:#fff;min-height:clamp(420px,42vw,640px);display:flex;align-items:center;font-family:Roboto,sans-serif}
.bandb__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:center}
.bandb__media{display:flex;justify-content:center;align-self:stretch;align-items:center;overflow:hidden}.bandb__media img{max-height:min(560px,60vh);width:auto;border-radius:6px}
.bandb__title{font:300 clamp(2rem,3.45vw,3rem)/1.1 Montserrat,sans-serif;color:#fff;margin:0 0 .5em}.bandb__title b{font-weight:900}
.bandb__text p{font:300 21px/1.65 Roboto,sans-serif;color:#fff;max-width:470px;margin:0 0 26px}
.bandb--center .bandb__media img{max-height:min(640px,78vh);border-radius:0;filter:drop-shadow(0 20px 30px rgba(0,0,0,.3))}
.bandb__text--c{text-align:center}.bandb__h2{font:600 34px/1.1 var(--mont);color:#fff;margin:0 0 14px}.bandb__logo{margin:6px auto 12px}
.bandb__list{list-style:none;padding:0;margin:0 0 22px;font:700 21px/1.65 var(--arial)}.bandb__list li{color:#fff}
.bandb .bandb__small{font:300 17px var(--arial);color:#fff;margin:0 0 20px;max-width:none}.bandb .bandb__small a{color:#fff}
@media (max-width:800px){.bandb__grid{grid-template-columns:1fr;text-align:center}.bandb__text p{margin-inline:auto}.bandb__media{order:-1}.bandb__media img{max-height:320px}}
.procard{max-width:570px;margin:20px auto;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:30px;text-align:center;font-family:var(--arial)}.procard__title{font:800 24px var(--mont);margin:0 0 10px}.procard__small{font:400 11px var(--arial);color:#888;margin:20px 0 0}
.stores--col{flex-direction:column;align-items:flex-start}.stores--col .store{font-size:1.5rem;padding:10px 20px 10px 14px}.stores--col .store .icon{width:36px;height:36px}.stores--col .store small{font-size:.62rem}
.bandw .stores--col{align-items:center}
/* Seiten mit Seitenleiste */
.cols{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:94px;align-items:start}
@media (max-width:1000px){.cols{grid-template-columns:1fr;gap:40px}}
.plain{max-width:880px;margin-left:calc((100% - min(100% - 2*var(--gap),1200px))/2)}
.page__main{font:300 21px/1.65 var(--arial);color:#000}
.ptitle{font:800 28px/1.3 var(--mont);color:#000;margin:0 0 18px}
.prose{font:300 21px/1.65 var(--arial);color:#000}.prose h1,.prose h2,.prose h3,.prose h4{font-family:var(--mont);font-weight:600;color:#000;letter-spacing:0;line-height:1.1}
.prose h1{font-size:28px;font-weight:800}.prose h2{font-size:28px;margin:1.4em 0 .6em}.prose h3{font-size:22px;margin:1.3em 0 .5em}.prose ul a{font-weight:700;text-decoration:none}.prose strong,.prose b{font-weight:700}.prose strong{font-weight:700}.prose a{color:#000;text-decoration:underline}
.article__img{width:100%;border-radius:0;margin:0 0 20px}
.side{font-family:var(--arial)}.side__t{font:800 28px/1.1 var(--mont);margin:0 0 14px}.side__t--2{margin-top:50px}.side img{width:100%;border-radius:0}.side .stores{margin:16px 0}
.relposts{margin-top:40px}.relposts h2{font:700 17px var(--arial)}.relposts ul{padding-left:18px}.relposts a{color:#000}
.pl{margin:0 0 70px}.pl__img{width:100%;margin-bottom:18px}.pl__t{font:800 28px/1.2 var(--mont);margin:0 0 14px}.pl__t a{color:#000}.pl__x{font:300 21px/1.65 var(--arial);color:#000}.pl__more{font:700 21px var(--arial);color:#000}
/* Hero mit Logo (Rechner-, Trainings- und Navigationsseiten) */
.phero{background:linear-gradient(180deg,#1b3b8f 0%,#12307a 100%);color:#fff;text-align:center;padding:70px 0 150px;clip-path:polygon(0 0,100% 0,100% 100%,74% 90%,0 100%)}
.phero__in{display:flex;flex-direction:column;align-items:center;gap:14px}.phero__logo{width:140px;height:140px;max-width:none}.phero__title{font:700 24px Montserrat,sans-serif;color:#fff;margin:0}.phero p{color:#dfe8ff;margin:0}
.stack{max-width:565px;width:calc(100% - 2*var(--gap));margin:0 auto;font-family:var(--arial)}.stack__img{display:block;margin:0 auto 14px;max-width:120px}.stack__text{font:300 21px/1.65 var(--arial);margin:0 0 20px;color:#000}.stack__text h1{font:800 28px var(--mont);margin:0 0 6px}.stack__text p{margin:0}
.section--tool{padding-top:40px}.tool__quick{font:300 21px/1.65 var(--arial);margin:0 0 18px;color:#000}.tool__quick b{font-weight:700}.tool__quick a{color:#000}
.tool__h{font:700 24px Montserrat,sans-serif;margin:0 0 4px;color:#1a1a2e}
/* Fuß */
.foot{background:#fff;color:#000;padding:64px 0 0;font-family:var(--arial)}
.foot__in{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--gap)}
@media (max-width:800px){.foot__in{grid-template-columns:1fr}}
.foot__col h2{font:800 28px/1.1 var(--mont);color:#000;margin:0 0 16px}.foot__col p{font:300 21px/1.65 var(--arial);margin:0 0 12px}.foot__col a{color:#000}.foot .store{color:#fff}.foot__small{font-size:13px!important}
.foot__col--links{display:flex;flex-direction:column;gap:7px}.foot__col--links a{font:700 21px/1.65 var(--arial)}
.socket{font:400 11px/1.6 var(--arial);padding:34px 0 30px}.socket__in{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.socket a,.socket button{color:#000;font:700 11px var(--arial);background:none;border:0;padding:0;cursor:pointer}.socket__r{display:flex;gap:14px;flex-wrap:wrap}
[data-theme=dark] .bandw,[data-theme=dark] .foot{background:var(--ig-bg);color:#f1f5f9}
[data-theme=dark] .bandw__title,[data-theme=dark] .bandw__text,[data-theme=dark] .page__main,[data-theme=dark] .prose,[data-theme=dark] .prose h1,[data-theme=dark] .prose h2,[data-theme=dark] .prose h3,[data-theme=dark] .ptitle,[data-theme=dark] .pl__t a,[data-theme=dark] .pl__x,[data-theme=dark] .pl__more,[data-theme=dark] .foot__col h2,[data-theme=dark] .foot a,[data-theme=dark] .socket a,[data-theme=dark] .socket button,[data-theme=dark] .partners2 a,[data-theme=dark] .prose a,[data-theme=dark] .side__t,[data-theme=dark] .stack__text,[data-theme=dark] .tool__quick,[data-theme=dark] .tool__quick a,[data-theme=dark] .tool__h{color:#f1f5f9}
[data-theme=dark] .head,[data-theme=dark] .menu__sub{background:var(--ig-bg-card)}[data-theme=dark] .meta{background:#0b1220}[data-theme=dark] .meta a,[data-theme=dark] .menu__link,[data-theme=dark] .head__logo,[data-theme=dark] .menu__sub a{color:#f1f5f9}

.wrap--tool{width:min(100% - 2*var(--gap),600px)}.wrap--narrow{width:min(100% - 2*var(--gap),760px)}.wrap--auth{width:min(100% - 2*var(--gap),440px)}

@media (max-width:700px){.hero1__lead,.bandb__text p,.bandw__text,.page__main,.prose,.pl__x,.stack__text,.foot__col p,.tool__quick{font-size:18px}.foot__col--links a,.pl__more{font-size:18px}.bandw__title,.ptitle,.prose h1,.prose h2,.side__t,.pl__t,.foot__col h2{font-size:24px}.btnf,.btnw{font-size:20px;padding:21px 36px}.bandb__h2{font-size:28px}}

.appbar__brand{flex:1;display:flex;align-items:center;gap:10px;color:#fff;font:800 1.15rem Montserrat,sans-serif;min-width:0}.appbar__brand img{flex:none;background:#fff;border-radius:50%;padding:2px}.appbar__brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media (max-width:700px){.hero1__lead,.bandb__text p,.bandw__text,.page__main,.prose,.pl__x,.stack__text,.foot__col p,.tool__quick{font-size:18px}.foot__col--links a,.pl__more{font-size:18px}.bandw__title,.ptitle,.prose h1,.prose h2,.side__t,.pl__t,.foot__col h2{font-size:24px}.btnf,.btnw{font-size:20px;padding:21px 36px}.bandb__h2{font-size:28px}}

/* =====================================================================
   Mega-Menü 2027 (Website) + Menü-Sheet (Handy/App) nach Mockup "ImmoGuru Mega-Menü im modernen UI-Design"
   ===================================================================== */
.head__in{position:relative}
.menu{gap:2px}
.menu__item{position:static}
.menu__link{font:600 16px/44px Montserrat,Roboto,sans-serif;color:#0b1f3a;padding:0 16px;border-radius:12px;background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;position:relative}
.menu__link .icon{width:15px;height:15px;transition:transform .2s}
.menu__link:hover{background:#f1f6fe;color:var(--blue)}
.menu__link[aria-expanded=true]{background:#eaf3ff;color:var(--blue)}.menu__link[aria-expanded=true] .icon{transform:rotate(180deg)}
.menu__link[aria-expanded=true]::after{content:"";position:absolute;left:16px;right:16px;bottom:-2px;height:3px;border-radius:3px;background:var(--blue)}
.menu__search{width:46px;height:46px;border-radius:50%;border:0;background:#eef2f8;color:#0b1f3a;display:inline-grid;place-items:center;cursor:pointer;margin-left:10px}.menu__search:hover{background:#e1e9f5}.menu__search .icon{width:22px;height:22px}
.menu__cta{display:inline-flex;align-items:center;gap:10px;margin-left:10px;background:var(--blue);color:#fff;font:700 16px/1 Montserrat,sans-serif;padding:16px 28px;border-radius:12px;box-shadow:0 8px 20px rgba(0,116,217,.28)}.menu__cta .icon{width:20px;height:20px}.menu__cta:hover{background:#0062b8;color:#fff}
.mega{position:absolute;z-index:60;top:calc(100% - 8px);left:0;width:min(960px,100%);background:#fff;border-radius:24px;box-shadow:0 30px 70px rgba(10,37,88,.25),0 0 0 1px rgba(10,37,88,.05);padding:20px}
.mega[hidden]{display:none}
.mega__grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px}
.mega__cats{display:flex;flex-direction:column;gap:2px}
.mmall{display:flex;align-items:center;gap:16px;padding:14px 16px;margin-bottom:8px;border-radius:16px;background:linear-gradient(135deg,#eef4ff,#e4eeff);color:#0b1f3a}
.mmall__i{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,#1a73e8,#0a5bd0);color:#fff;box-shadow:0 8px 18px rgba(26,115,232,.35)}.mmall__i .icon{width:30px;height:30px}
.mmall__go{margin-left:auto;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#d9e7ff;color:#1a73e8}
.mmrow__t{display:flex;flex-direction:column;min-width:0;text-align:left}.mmrow__t b{font:700 16px/1.25 Montserrat,sans-serif;color:#0b1f3a}.mmrow__t small{font:400 13px/1.35 Roboto,sans-serif;color:#5b6b83;margin-top:2px}
.mmcat,.mmrow{display:flex;align-items:center;gap:14px;padding:9px 10px;border-radius:14px;color:#0b1f3a}.mmcat:hover,.mmrow:hover{background:#f2f7ff}
.mmcat .mmrow__t b{font-weight:600;font-size:15.5px}
.mmcat>.icon:last-child,.mmrow>.icon:last-child{margin-left:auto;width:18px;height:18px;color:#7b8aa3;flex:none}
.mmi{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;flex:none}.mmi .icon{width:22px;height:22px}
.mmi--blue{background:#e6f0ff;color:#1a73e8}.mmi--cyan{background:#dff6fb;color:#0891b2}.mmi--orange{background:#fff0d9;color:#e08a00}.mmi--purple{background:#efe7ff;color:#7c3aed}
.mmi--red{background:#ffe6e9;color:#e5484d}.mmi--green{background:#e1f7e8;color:#16a34a}.mmi--yellow{background:#fff3cc;color:#d99a00}.mmi--indigo{background:#e5e9ff;color:#4f46e5}.mmi--violet{background:#ece8ff;color:#6d4aff}
.mega__main{display:flex;flex-direction:column;gap:14px;min-width:0}
.mmpromo{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:24px 26px;border-radius:20px;background:linear-gradient(135deg,#e9f1ff,#dce9ff)}
.mmpromo__b{display:inline-block;background:#0b1f3a;color:#fff;font:600 12px/1 Montserrat,sans-serif;padding:8px 14px;border-radius:99px}
.mmpromo h3{font:800 32px/1.1 Montserrat,sans-serif;color:#0b1f3a;margin:16px 0 8px;letter-spacing:-.02em}.mmpromo p{font:400 16px Roboto,sans-serif;color:#33425b;margin:0 0 18px}
.mmpromo__cta{display:inline-flex;align-items:center;gap:10px;background:var(--blue);color:#fff;font:700 16px/1 Montserrat,sans-serif;padding:15px 24px;border-radius:12px}.mmpromo__cta:hover{background:#0062b8;color:#fff}.mmpromo__cta .icon{width:18px;height:18px}
.mmpromo__art{flex:none;width:230px;max-width:42%;height:auto;margin:-14px -6px -14px 0;filter:drop-shadow(0 14px 18px rgba(20,60,140,.18))}
.mega__h{font:700 20px Montserrat,sans-serif;color:#0b1f3a;margin:6px 0 0}
.mmpop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mmcard,.mmmore{min-width:0}.mmcard .mmrow__t small{overflow-wrap:anywhere}
.mmcard{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:#fff;box-shadow:0 2px 10px rgba(10,37,88,.08),0 0 0 1px rgba(10,37,88,.06);color:#0b1f3a}.mmcard:hover{box-shadow:0 8px 24px rgba(10,37,88,.14),0 0 0 1px rgba(26,115,232,.3)}
.mmcard__go{margin-left:auto;flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:0 1px 6px rgba(10,37,88,.18);color:#0b1f3a}.mmcard__go .icon{width:16px;height:16px}
.mmmore{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:#eef4ff;color:#0b1f3a}.mmmore:hover{background:#e4eeff}
.mega--list{left:0;right:auto;width:380px;max-width:calc(100vw - 32px);padding:12px;display:flex;flex-direction:column;gap:2px}.mega--r{left:auto;right:0}
.menu__item:has(.mega--list){position:relative}
/* Handy: Menü als Sheet */
@media (max-width:900px){.menu{display:none!important}}
.sheet{width:min(100%,520px);max-width:100%;height:100%;max-height:none;margin:0 0 0 auto;padding:0;border:0;background:#fff;color:#0b1f3a;overflow:auto;flex-direction:column}
.sheet[open]{display:flex}.sheet::backdrop{background:rgba(8,15,30,.5)}
.sheet__top{display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top)) 18px 10px}
.sheet__brand{display:flex;align-items:center;gap:10px;font:800 24px Montserrat,sans-serif;color:#0b1f3a;letter-spacing:-.02em}
.sheet__x{width:44px;height:44px;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 10px rgba(10,37,88,.15);display:grid;place-items:center;cursor:pointer;color:#0b1f3a}.sheet__x .icon{width:22px;height:22px}
.sheet__search{display:flex;align-items:center;gap:12px;margin:6px 18px 10px;padding:15px 18px;border-radius:16px;border:0;background:#f1f5fb;color:#64748b;font:400 16px Roboto,sans-serif;cursor:pointer;text-align:left}.sheet__search .icon{width:20px;height:20px}
.sheet__list{display:flex;flex-direction:column;padding:4px 10px;flex:1}
.sheet__row{display:flex;align-items:center;gap:14px;padding:11px 10px;border-radius:16px;color:#0b1f3a}.sheet__row:hover{background:#f2f7ff}
.sheet__row .mmi{width:48px;height:48px;border-radius:14px}
.sheet__row .mmrow__t b{font:700 18px/1.2 Montserrat,sans-serif}.sheet__row>.icon:last-child{margin-left:auto;width:20px;height:20px;color:#7b8aa3}
.badge2{font:700 11px/1 Montserrat,sans-serif;font-style:normal;background:#d7f5df;color:#15803d;padding:5px 9px;border-radius:99px;margin-left:10px;vertical-align:middle}
.sheet__sep{border:0;border-top:1px solid #e5eaf2;margin:10px 14px}
.sheet__cta{position:sticky;bottom:0;display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 18px calc(18px + env(safe-area-inset-bottom));padding:19px;border-radius:16px;background:linear-gradient(135deg,#1a73e8,#0a62d8);color:#fff;font:700 17px Montserrat,sans-serif;box-shadow:0 10px 24px rgba(26,115,232,.35)}.sheet__cta:hover{color:#fff}.sheet__cta .icon{width:22px;height:22px}
[data-theme=dark] .sheet{background:#0f172a;color:#f1f5f9}

@media (max-width:1200px){.menu__link{padding:0 11px;font-size:15px}.menu__cta{padding:14px 20px;font-size:15px}.menu__search{width:42px;height:42px}}
/* Burger (Handy): eigener Knopf, vorher ging die .iconbtn-Regel beim Zusammenbauen verloren */
.head__burger{width:46px;height:46px;border-radius:13px;border:0;background:#eef3fb;color:#0b1f3a;place-items:center;cursor:pointer;margin-left:auto;padding:0}
.head__burger .icon{width:24px;height:24px}.head__burger:hover{background:#e2ebf8}
@media (max-width:900px){.head__burger{display:inline-grid}.head__in{min-height:76px}}
@media (min-width:901px){.head__burger{display:none}}
.iconbtn{display:inline-grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;font-size:1.4rem}

@media (min-width:901px){.head__burger.iconbtn,.head__burger{display:none!important}}

.appsplash{z-index:200;transition:opacity .5s ease}.appsplash.is-out{opacity:0;pointer-events:none}.is-app .cols{display:block}

/* aus dem WordPress-Rechner-Design uebernommen (Design System v2.0), unter .tool gekapselt */
.tool p.center { text-align: center;}
.tool .small {
  font-size: 12px;
  color: var(--ig-text-muted);
  line-height: 1.4;
  font-weight: 400;}
@media (max-width: 768px) {
  .tool .small { font-size: 13px;}
}
.tool .small a {
  font-weight: 600;
  color: var(--ig-primary);}
@media (max-width: 768px) {
  .tool .small a { color: var(--ig-primary); font-weight: 500;}
}
.tool p + p.small {
  margin-top: 16px;
  padding-bottom: 8px;}
.tool .x-small {
  font-size: 11px;
  color: var(--ig-text-muted);
  line-height: 1.4;}
@media (max-width: 768px) {
  .tool .x-small { font-size: 11px;}
}
.tool .x-small a {
  font-size: 11px;
  color: var(--ig-text-muted);
  font-weight: 600;}
.tool p + p.x-small {
  margin-top: -8px;
  padding-bottom: 8px;}
.tool div.x-small {
  margin-top: 32px;}
.tool .large {
  font-size: 28px;
  font-weight: 700;}
.tool .large a { font-size: 28px;}
@media (max-width: 767px) {
  .tool .large { font-size: 22px;}
  .tool .large a { font-size: 22px;}
}
.tool iframe { border-width: 0;}
.tool div#tipp {
  margin-top: 16px;
  padding: 16px;
  background: var(--ig-primary-light);
  border-left: 4px solid var(--ig-primary);
  border-radius: 0 var(--ig-radius-sm) var(--ig-radius-sm) 0;}
.tool .blue { background-color: var(--ig-primary);}
@media (min-width: 768px) {
  .tool .form-control { max-width: 540px;}
}
.tool input[type="text"], .tool input[type="number"], .tool select {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid var(--ig-border);
  border-radius: var(--ig-radius-sm);
  margin: 4px 0;
  box-sizing: border-box;
  font-size: 15px;
  color: var(--ig-text);
  background: var(--ig-bg);
  transition: border-color var(--ig-transition), box-shadow var(--ig-transition);
  -webkit-appearance: none;}
.tool input[type="text"]:focus, .tool input[type="number"]:focus, .tool select:focus {
  outline: none;
  border-color: var(--ig-border-focus);
  box-shadow: 0 0 0 3px rgba(0, 116, 217, 0.15);}
.tool input[type="text"]:hover, .tool input[type="number"]:hover, .tool select:hover {
  border-color: #b0b8c4;}
[data-theme="dark"] .tool input[type="text"], [data-theme="dark"] .tool input[type="number"], [data-theme="dark"] .tool select {
  background: var(--ig-bg-secondary);
  color: var(--ig-text);
  border-color: var(--ig-border);}
@media (max-width: 768px) {
  .tool input[type="text"], .tool select { font-size: 16px;}
}
@media (max-width: 767px) {
  .tool input[type="text"], .tool input[type="number"], .tool select { font-size: 16px;}
}
.tool ::placeholder {
  color: var(--ig-text-muted);
  font-weight: 300;}
.tool select + div { margin-top: 16px;}
.tool textarea {
  min-height: 150px;
  border: 2px solid var(--ig-border);
  border-radius: var(--ig-radius-sm);
  padding: 12px 16px;}
.tool input[type="range"] {
  width: 100%;
  height: 6px;
  -webkit-appearance: none;
  background: var(--ig-border);
  border-radius: 3px;
  outline: none;
  margin: 12px 0;}
@media (min-width: 768px) {
  .tool input[type="range"], .tool textarea { max-width: 540px;}
}
.tool input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  background: var(--ig-primary);
  border-radius: 50%;
  cursor: pointer;
  box-shadow: var(--ig-shadow);
  transition: transform var(--ig-transition);}
.tool input[type="range"]::-webkit-slider-thumb:hover {
  transform: scale(1.15);}
.tool input[type="range"]::-moz-range-thumb {
  width: 24px;
  height: 24px;
  background: var(--ig-primary);
  border-radius: 50%;
  cursor: pointer;
  border: none;
  box-shadow: var(--ig-shadow);}
.tool .scale { position: relative;}
.tool .scale-label { position: absolute; font-size: 13px; color: var(--ig-text-muted);}
.tool input[type="radio"] {
  margin: 0 6px;
  accent-color: var(--ig-primary);}
.tool p + input.form-control { margin-top: -8px;}
.tool div + p, .tool p + input[type="date"], .tool input[type="date"] + button, .tool select + button, .tool button + p {
  margin-top: 24px !important;}
.tool input[type="date"] {
  width: 100%;
  font-size: 16px;
  padding: 12px 16px;
  border: 2px solid var(--ig-border);
  border-radius: var(--ig-radius-sm);}
@media (min-width: 767px) {
  .tool input[type="date"] { width: 540px;}
}
.tool .button {
  display: block;
  width: 100%;
  background: var(--ig-primary-gradient);
  color: #ffffff;
  padding: 18px 24px;
  border: none;
  border-radius: var(--ig-radius);
  cursor: pointer;
  margin: 24px 0;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.01em;
  transition: transform var(--ig-transition), box-shadow var(--ig-transition), opacity var(--ig-transition);
  box-shadow: 0 4px 14px rgba(0, 116, 217, 0.35);}
@media (min-width: 768px) {
  .tool .button { width: 540px;}
}
.tool .button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 116, 217, 0.45);}
.tool .button:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 116, 217, 0.3);}
.tool .button-small {
  display: inline-block;
  background: var(--ig-primary-gradient);
  color: #ffffff;
  padding: 10px 20px;
  border: none;
  border-radius: var(--ig-radius-sm);
  cursor: pointer;
  margin: 8px 4px 8px 0;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: transform var(--ig-transition), box-shadow var(--ig-transition);
  box-shadow: 0 2px 8px rgba(0, 116, 217, 0.25);}
@media (min-width: 768px) {
  .tool .button-small { width: auto; min-width: 200px;}
}
.tool .button-small:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 116, 217, 0.35);}
.tool .button-small a { color: #ffffff; font-size: 15px; text-decoration: none;}
.tool .button-xs {
  display: inline-block;
  background: var(--ig-primary);
  color: #ffffff;
  padding: 6px 14px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  margin: 4px 4px 4px 0;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background var(--ig-transition);}
.tool .button-xs:hover { background: var(--ig-primary-dark);}
.tool .button-xs a { color: #ffffff; font-size: 13px; text-decoration: none;}
.tool .button-inline {
  background: var(--ig-bg);
  color: var(--ig-primary);
  font-weight: 600;
  margin: 0 6px 6px 0;
  padding: 10px 20px;
  border: 2px solid var(--ig-primary);
  border-radius: var(--ig-radius-sm);
  font-size: 15px;
  cursor: pointer;
  transition: all var(--ig-transition);}
.tool .button-inline:hover {
  background: var(--ig-primary);
  color: #fff;}
.tool .button-green {
  display: block;
  width: 100%;
  background: linear-gradient(135deg, #10b981 0%, #34d399 100%);
  color: #ffffff;
  padding: 16px 24px;
  border: none;
  border-radius: var(--ig-radius);
  cursor: pointer;
  margin: 8px 0 24px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: transform var(--ig-transition), box-shadow var(--ig-transition);
  box-shadow: 0 4px 14px rgba(16, 185, 129, 0.35);}
@media (min-width: 768px) {
  .tool .button-green { width: 540px;}
}
.tool .button-green:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(16, 185, 129, 0.45);}
.tool .button-small-green {
  display: inline-block;
  background: linear-gradient(135deg, #10b981 0%, #34d399 100%);
  color: #ffffff;
  padding: 10px 20px;
  border: none;
  border-radius: var(--ig-radius-sm);
  cursor: pointer;
  margin: 8px 4px 8px 0;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: transform var(--ig-transition), box-shadow var(--ig-transition);}
.tool .button-small-green:hover { transform: translateY(-1px);}
.tool .button-small-green a { color: #ffffff; font-size: 15px; text-decoration: none;}
.tool .button-grey {
  display: block;
  width: 100%;
  background: #e5e7eb;
  color: #9ca3af;
  padding: 18px 24px;
  border: none;
  border-radius: var(--ig-radius);
  cursor: not-allowed;
  margin: 24px 0;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;}
@media (min-width: 768px) {
  .tool .button-grey { width: 540px;}
}
.tool .button-small-grey {
  display: inline-block;
  background: #e5e7eb;
  color: #9ca3af;
  padding: 10px 20px;
  border: none;
  border-radius: var(--ig-radius-sm);
  cursor: not-allowed;
  margin: 8px 4px 8px 0;
  font-size: 15px;
  text-decoration: none;}
.tool .button-small-grey a { color: #9ca3af; font-size: 15px; text-decoration: none;}
.tool .text-right { text-align: right;}
.tool .text-bold { font-weight: 700;}
.tool .text-success { color: var(--ig-success);}
.tool .text-warning { color: var(--ig-warning);}
.tool .text-danger { color: var(--ig-danger);}
.tool .text-muted { color: var(--ig-text-muted);}
.tool th, .tool td {
  text-align: left;
  padding: 12px 16px;
  border-bottom: 1px solid var(--ig-border);}
@media (max-width: 767px) {
  .tool th, .tool td { padding: 10px 14px;}
}
.tool th {
  background: var(--ig-bg-secondary);
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--ig-text-secondary);}
.tool tr:last-child td { border-bottom: none;}
.tool tr:nth-child(even) { background-color: var(--ig-bg-secondary);}
.tool tr:hover { background-color: var(--ig-primary-light); transition: background var(--ig-transition);}
[data-theme="dark"] .tool table { border-color: var(--ig-border);}
[data-theme="dark"] .tool th { background: #0f172a;}
[data-theme="dark"] .tool tr:nth-child(even) { background-color: #162032;}
[data-theme="dark"] .tool tr:hover { background-color: #1e3a5f;}
.tool .result-box {
  width: 100%;
  background: var(--ig-primary-gradient);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 24px 0;
  padding: 24px;
  border-radius: var(--ig-radius-lg);
  box-shadow: 0 8px 30px rgba(0, 116, 217, 0.3);
  position: relative;
  overflow: hidden;}
.tool .result-box::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
  pointer-events: none;}
.tool .result-box p { color: #fff;}
@media (max-width: 767px) {
  .tool .result-box { width: 100%;}
}
.tool .result-box-success {
  background: linear-gradient(135deg, #10b981 0%, #34d399 100%);
  box-shadow: 0 8px 30px rgba(16, 185, 129, 0.3);}
.tool .result-box-warning {
  background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
  box-shadow: 0 8px 30px rgba(245, 158, 11, 0.3);}
.tool .result-box-danger {
  background: linear-gradient(135deg, #ef4444 0%, #f87171 100%);
  box-shadow: 0 8px 30px rgba(239, 68, 68, 0.3);}
.tool .kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px;
  margin: 16px 0;}
.tool .kpi-card {
  background: var(--ig-bg-card);
  border: 1px solid var(--ig-border);
  border-radius: var(--ig-radius);
  padding: 16px;
  text-align: center;
  transition: transform var(--ig-transition), box-shadow var(--ig-transition);}
.tool .kpi-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--ig-shadow);}
.tool .kpi-card .kpi-value {
  font-size: 24px;
  font-weight: 700;
  color: var(--ig-primary);
  margin: 4px 0;}
.tool .kpi-card .kpi-label {
  font-size: 12px;
  color: var(--ig-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.03em;}
.tool .kpi-card.kpi-success .kpi-value { color: var(--ig-success);}
.tool .kpi-card.kpi-warning .kpi-value { color: var(--ig-warning);}
.tool .kpi-card.kpi-danger .kpi-value { color: var(--ig-danger);}
.tool .info-box {
  background: var(--ig-primary-light);
  border-left: 4px solid var(--ig-primary);
  border-radius: 0 var(--ig-radius-sm) var(--ig-radius-sm) 0;
  padding: 14px 18px;
  margin: 16px 0;
  font-size: 14px;
  color: var(--ig-text);}
.tool .info-box-success {
  background: var(--ig-success-light);
  border-left-color: var(--ig-success);}
.tool .info-box-warning {
  background: var(--ig-warning-light);
  border-left-color: var(--ig-warning);}
.tool .info-box-danger {
  background: var(--ig-danger-light);
  border-left-color: var(--ig-danger);}
.tooltip-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--ig-border);
  color: var(--ig-text-muted);
  font-size: 11px;
  font-weight: 700;
  cursor: help;
  margin-left: 6px;
  vertical-align: middle;
  transition: background var(--ig-transition);}
.tooltip-trigger:hover { background: var(--ig-primary); color: #fff;}
.tooltip-content {
  display: none;
  position: absolute;
  background: var(--ig-text);
  color: #fff;
  padding: 10px 14px;
  border-radius: var(--ig-radius-sm);
  font-size: 13px;
  font-weight: 400;
  max-width: 280px;
  z-index: 100;
  box-shadow: var(--ig-shadow-lg);
  line-height: 1.4;}
.tooltip-trigger:hover + .tooltip-content, .tooltip-content:hover { display: block;}
.tool .dark-mode-toggle {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--ig-bg-card);
  border: 2px solid var(--ig-border);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  z-index: 50;
  box-shadow: var(--ig-shadow);
  transition: transform var(--ig-transition);}
.tool .dark-mode-toggle:hover { transform: scale(1.1);}
.tool ::-webkit-scrollbar {
  width: 4px;
  background-color: transparent;}
.tool ::-webkit-scrollbar-thumb {
  background-color: var(--ig-border);
  border-radius: 2px;}
.tool ::-webkit-scrollbar-thumb:hover {
  background-color: var(--ig-text-muted);}
.tool .chart-container {
  max-width: 100%;
  min-height: 250px; 
  overflow: hidden;
  margin: 20px 0;
  padding: 16px;
  background: var(--ig-bg-card);
  border: 1px solid var(--ig-border);
  border-radius: var(--ig-radius);}
.tool .chart-container canvas {
  margin-top: -10px;}
.tool input.is-valid {
  border-color: var(--ig-success) !important;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15) !important;}
.tool input.is-invalid {
  border-color: var(--ig-danger) !important;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15) !important;}
.tool .validation-message {
  font-size: 12px;
  margin: 2px 0 8px;
  font-weight: 500;}
.tool .validation-message.valid { color: var(--ig-success);}
.tool .validation-message.invalid { color: var(--ig-danger);}
.tool .related-tools {
  margin: 32px 0 16px;
  padding: 20px;
  background: var(--ig-bg-secondary);
  border-radius: var(--ig-radius);
  border: 1px solid var(--ig-border);}
.tool .related-tools h3 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--ig-text-muted);
  margin: 0 0 12px;}
.tool .related-tools a {
  display: inline-block;
  padding: 8px 16px;
  margin: 4px;
  background: var(--ig-bg);
  border: 1px solid var(--ig-border);
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  color: var(--ig-text);
  transition: all var(--ig-transition);}
.tool .related-tools a:hover {
  background: var(--ig-primary);
  color: #fff;
  border-color: var(--ig-primary);}
@media print {
  .tool .button, .tool .no-app, .tool .progate-overlay, .tool .progate-modal, .tool .dark-mode-toggle, .tool .related-tools { display: none !important;}
  .tool canvas { max-width: 100% !important; height: auto !important;}
  .tool .chart-container { max-width: 100%; overflow: visible; box-shadow: none; border: 1px solid #ddd;}
  .tool .result-box { box-shadow: none; background: #0074D9 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact;}
  .tool .kpi-card { box-shadow: none; border: 1px solid #ddd;}
}
.tool .logo-svg {
  width: 60px;
  height: 60px;
  float: right;
  margin: 0 0 20px 20px;
  background-image: url("data:image/svg+xml,%3Csvg id='Capa_1' enable-background='new 0 0 513.463 513.463' height='512' viewBox='0 0 513.463 513.463' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cg%3E%3Cpath d='m328.223 130.021-173.616 59.697-48.001 100.69c-1.262 2.503-2.471 5.042-3.63 7.614l-.175.367c10.21 14.98 22.55 28.39 36.59 39.8l56.46 37.47h131.93l45.5-36.83c14.36-11.55 26.97-25.18 37.37-40.45v-80.452z' fill='%23e94444'/%3E%3Cg%3E%3Cpath d='m373.273 188.184-134.587-20.237-99.293 25.711v166.524 15.896l61.411 41.561h131.383l41.086-45.662z' fill='%23ffbd86'/%3E%3C/g%3E%3Cpath d='m365.684 393.62-3.565 24.184c-3.23 21.913-13.63 42.138-29.574 57.513-1.105 1.065-2.792 1.244-4.095.433l-19.056-11.857c-9.027 19.257-25.803 33.776-46.156 39.946l-7.007 2.124-5.794-1.851c-19.886-6.355-36.224-20.71-45.085-39.613l-.284-.606-19.056 11.857c-1.303.811-2.99.632-4.095-.433-15.944-15.375-26.344-35.6-29.574-57.513l-3.565-24.184-2.377-21.876 85.966-42.43h77.48l57.557 46.857z' fill='%23f9f7f8'/%3E%3Cpath d='m309.849 329.314h-77.48l-85.966 42.43 2.377 21.876 3.565 24.184c3.228 21.902 13.619 42.117 29.55 57.489 1.113 1.074 2.806 1.274 4.119.456l19.055-11.857.284.606c8.862 18.903 25.2 33.258 45.087 39.613l5.792 1.851 7.007-2.124c20.353-6.17 37.129-20.689 46.156-39.946l19.055 11.857c1.312.816 3.004.619 4.117-.454 15.536-14.99 25.807-34.603 29.301-55.878-5.075 10.216-11.896 19.579-20.223 27.601-1.093 1.053-2.774 1.204-4.063.402l-11.67-7.261c-3.872-2.409-8.941-1.173-11.321 2.717-9.546 15.603-24.533 27.271-42.22 32.633l-7.007 2.124-5.794-1.851c-17.311-5.532-31.933-17.125-41.275-32.504-2.322-3.822-7.255-5.105-11.121-2.856l-12.03 6.998c-1.303.811-2.99.632-4.095-.433-5.711-5.507-10.708-11.639-14.92-18.247-4.288-6.728-1.665-15.83 5.629-19.064 4.307-1.909 8.407-4.352 12.233-7.307l30.395-23.474c2.685-2.073 5.981-3.198 9.374-3.198h46.941c3.392 0 6.689 1.125 9.374 3.198l30.395 23.474c10.447 8.068 22.93 12.333 36.099 12.333 2.035 0 4.054-.11 6.054-.314l3.061-20.768 1.722-17.448z' fill='%23efedef'/%3E%3Cpath d='m306.238 367.654-2.762 12.928c-2.763 12.93-14.186 22.171-27.408 22.171-6.487 0-12.773-2.25-17.787-6.367l-.142-.117c-1.108-.91-2.706-.91-3.814 0l-.142.117c-5.013 4.117-11.3 6.367-17.787 6.367-13.222 0-24.646-9.241-27.408-22.171l-2.762-12.928-5.421-28.828h110.779z' fill='%23ffbd86'/%3E%3Cg%3E%3Cpath d='m288.235 306.21c9.683 0 19.062 3.384 26.514 9.568l46.14 38.285c4.926 4.087 11.126 6.325 17.527 6.325h14.166c3.417 0 5.442 3.822 3.524 6.649l-7.124 10.502c-12.66 18.664-38.437 22.786-56.287 9.002l-30.395-23.473c-6.187-4.778-13.783-7.369-21.599-7.369h-46.938c-7.817 0-15.413 2.592-21.599 7.369l-30.395 23.473c-17.85 13.785-43.627 9.662-56.287-9.002l-7.124-10.502c-1.918-2.828.107-6.649 3.524-6.649h14.166c6.401 0 12.601-2.237 17.527-6.325l46.14-38.285c7.452-6.183 16.831-9.568 26.514-9.568z' fill='%23f9f7f8'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='m146.659 391.173-4.641-6.842c-2.974-4.384.167-10.31 5.465-10.31h9.742c6.401 0 12.601-2.237 17.527-6.325l46.14-38.285c7.452-6.183 16.83-9.568 26.514-9.568h62.008c4.308 0 8.555.674 12.6 1.962l-7.264-6.028c-7.452-6.183-16.83-9.568-26.513-9.568h-62.008c-9.683 0-19.062 3.384-26.514 9.568l-46.14 38.285c-4.926 4.087-11.126 6.325-17.527 6.325h-14.166c-3.417 0-5.442 3.822-3.524 6.649l7.124 10.502c5.651 8.331 13.933 13.769 22.939 16.006-.604-.76-1.207-1.554-1.762-2.371z' fill='%23efedef'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath d='m279.83 296.348-6.575 9.863c-3.572 5.358-9.585 8.576-16.024 8.576-6.439 0-12.452-3.218-16.024-8.576l-6.575-9.863c-1.1-1.65.083-3.861 2.066-3.861h41.065c1.984 0 3.168 2.21 2.067 3.861z' fill='%23f6a96c'/%3E%3Cg id='XMLID_492_'%3E%3Cg%3E%3Cpath d='m139.393 193.658v89.977c3.449-4.192 7.229-8.653 11.255-13.205 22.54-25.479 42.85-42.479 57.189-47.868l.027-.01c15.677-5.9 32.117-8.891 48.866-8.891 28.602 0 56.443 8.831 80.514 25.54 13.695 9.506 25.828 21.299 36.027 34.872v-85.888l-134.587-20.236z' fill='%23f6a96c'/%3E%3Cpath d='m441.771 173.16-29.505-48.092-194.782 38.747-38.393 47.549 21.711-7.534v.01c17.53-6.6 36.34-10.18 55.93-10.18 67.66 0 126.15 42.72 153.92 104.72 20.35-29.83 32.24-65.89 32.24-104.72-.001-6.93-.381-13.77-1.121-20.5z' fill='%23ee6161'/%3E%3Cpath d='m344.091 29.24c-26.05-13.88-55.79-21.74-87.36-21.74-59.96 0-113.3 28.35-147.34 72.38l-11.392 33.74 237.546-31.866 7.034-15.14 20.495-22.923z' fill='%23f79595'/%3E%3Cpath d='m245.661 62.15c-96.51-8.95-136.27 17.73-136.27 17.73-24.34 31.46-38.82 70.93-38.82 113.78 0 30.02 7.11 58.38 19.73 83.49l56.101-70.221 167.257-139.053z' fill='%23ee6161'/%3E%3Cpath d='m441.771 173.16h-.01c-158.48-36.66-240.96 30.67-240.96 30.67v.01c-43.02 16.17-98 94.55-98 94.55-4.61-6.77-8.79-13.86-12.5-21.23 0 0 0 0 0-.01.11-1.41 11.58-142.27 155.36-215h.01c27.63-13.98 60.15-25.44 98.42-32.91 53.07 28.25 90.84 81.43 97.68 143.92z' fill='%23f37c7c'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath d='m392.582 352.888h-11.809v-10.526c44.283-36.954 69.617-90.935 69.617-148.703 0-27.996-5.852-55.016-17.394-80.308-1.72-3.77-6.168-5.43-9.937-3.71-3.768 1.72-5.429 6.169-3.709 9.937 6.445 14.124 10.953 28.837 13.517 43.98-78.18-16.163-137.041-6.936-173.186 4.016-36.937 11.191-57.905 26.082-62.612 29.664-12.758 4.896-25.014 11.376-36.533 19.372-24.223 16.815-44.243 39.635-58.533 66.477-1.396-2.411-2.729-4.855-4.009-7.327 1.143-9.72 7.713-53.9 36.604-101.85 19.048-31.613 43.964-58.699 74.056-80.504 37.068-26.86 82.217-45.765 134.198-56.25 24.182 13.312 45.326 32.226 61.407 55.717 1.453 2.123 3.804 3.265 6.196 3.265 1.459 0 2.935-.426 4.229-1.313 3.418-2.34 4.292-7.007 1.953-10.425-36.18-52.848-95.957-84.4-159.906-84.4l-.241.003c-4.142 0-7.5 3.357-7.5 7.5s3.358 7.5 7.5 7.5l.241-.003c22.137 0 43.733 4.099 63.84 11.797-27.471 6.843-52.985 16.094-76.337 27.703-49.783-4.384-84.738.539-107.15 6.5 24.867-22.418 55.657-37.56 88.733-43.329 4.081-.712 6.812-4.597 6.1-8.677-.712-4.082-4.593-6.814-8.677-6.101-44.351 7.735-84.91 30.999-114.205 65.507-29.639 34.911-45.961 79.396-45.961 125.257 0 57.363 25.044 111.101 68.82 148.034v11.196h-10.012c-4.365 0-8.346 2.396-10.39 6.252s-1.792 8.496.658 12.107l7.125 10.503c5.641 8.317 13.554 14.408 22.783 17.698l2.855 19.373c.549 3.728 3.752 6.407 7.411 6.407.364 0 .732-.026 1.103-.081 4.098-.604 6.93-4.416 6.326-8.514l-2.126-14.426c.127.001.255.008.382.008 10.217 0 20.072-3.351 28.344-9.739l15.028-11.605.273 1.278c3.479 16.284 18.091 28.104 34.743 28.104 7.068 0 13.992-2.129 19.835-6.055 5.837 3.923 12.765 6.055 19.837 6.055 16.652 0 31.263-11.819 34.743-28.104l.556-2.604 16.744 12.931c8.376 6.469 18.373 9.819 28.726 9.735l-2.137 14.499c-2.815 19.101-11.682 37.063-25.083 50.932l-16.259-10.118c-1.819-1.131-4.035-1.432-6.092-.823-2.055.608-3.751 2.067-4.661 4.008-8.111 17.304-23.252 30.408-41.541 35.952l-4.773 1.447-3.569-1.141c-17.839-5.7-32.628-18.694-40.577-35.651l-.284-.606c-.91-1.94-2.606-3.399-4.661-4.009-2.056-.609-4.273-.309-6.093.823l-16.261 10.118c-6.494-6.712-11.92-14.354-16.153-22.759-1.863-3.699-6.372-5.187-10.072-3.324s-5.188 6.372-3.325 10.072c5.48 10.881 12.686 20.666 21.413 29.08 3.583 3.459 9.038 4.036 13.267 1.406l12.199-7.592c10.241 17.362 26.646 30.552 45.981 36.73l5.793 1.851c.742.237 1.512.355 2.282.355.733 0 1.466-.107 2.176-.322l7.007-2.124c19.658-5.96 36.34-19.065 46.82-36.523l12.254 7.625c4.227 2.631 9.683 2.052 13.263-1.402 17.045-16.437 28.334-38.39 31.788-61.817l2.867-19.451c9.229-3.29 17.142-9.381 22.783-17.698l7.124-10.502c2.45-3.612 2.703-8.252.659-12.108s-6.027-6.25-10.391-6.25zm-11.81-30.669v-58.879c8.248 10.473 15.386 21.988 21.255 34.341-6.277 8.739-13.38 16.954-21.255 24.538zm-115.895-140.546c35.088-10.499 92.796-19.248 169.949-2.37.375 4.751.563 9.537.563 14.355 0 31.942-8.408 62.623-23.933 89.425-14.292-26.838-34.306-49.66-58.528-66.474-28.697-19.921-61.962-30.451-96.197-30.451-1.897 0-3.791.038-5.682.102 4.315-1.573 8.917-3.117 13.828-4.587zm-95.789 47.259c26.174-18.17 56.48-27.773 87.644-27.773s61.47 9.604 87.644 27.773c7.599 5.275 14.747 11.203 21.397 17.699v101.733c-.031-.025-.064-.046-.095-.072l-46.139-38.285c-8.779-7.285-19.896-11.297-31.303-11.297h-.966l1.376-2.063c2.298-3.446 1.366-8.103-2.08-10.4s-8.103-1.367-10.4 2.08l-9.149 13.724c-2.186 3.279-5.843 5.236-9.783 5.236s-7.598-1.957-9.784-5.236l-9.149-13.724c-2.298-3.446-6.955-4.377-10.4-2.08-3.446 2.298-4.378 6.954-2.08 10.4l1.376 2.063h-.966c-11.407 0-22.524 4.012-31.303 11.297l-46.139 38.284c-.602.5-1.24.947-1.893 1.369v-102.257c6.873-6.8 14.29-12.986 22.192-18.471zm-54.592-143.373c5.811-3.292 38.291-19.668 105.251-17.525-6.989 4.269-13.761 8.764-20.286 13.508-31.758 23.09-58.03 51.773-78.089 85.252-19.54 32.613-29.279 63.127-34.07 83.681-6.044-18.071-9.229-37.212-9.229-56.817 0-39.114 12.878-77.135 36.423-108.099zm-3.068 212.099c5.68-11.953 12.549-23.119 20.465-33.314v57.114c-7.562-7.377-14.397-15.344-20.465-23.8zm184.713 81.357c-2.01 9.409-10.453 16.238-20.074 16.238-4.739 0-9.365-1.656-13.015-4.653l-.154-.127c-3.864-3.173-9.472-3.172-13.346.01l-.13.107c-3.662 3.007-8.288 4.663-13.027 4.663-9.621 0-18.063-6.829-20.074-16.238l-1.776-8.311 2.201-1.7c4.848-3.744 10.891-5.806 17.016-5.806h46.938c6.125 0 12.168 2.062 17.016 5.805l.484.374zm86.634-5.685c-4.949 7.296-12.469 12.081-21.174 13.473-8.706 1.396-17.344-.809-24.322-6.197l-30.395-23.475c-7.46-5.76-16.759-8.933-26.184-8.933h-46.938c-9.425 0-18.724 3.173-26.184 8.934l-30.396 23.474c-6.978 5.388-15.615 7.594-24.321 6.197-8.706-1.392-16.226-6.177-21.174-13.473l-3.691-5.442h8.051c8.132 0 16.057-2.859 22.316-8.053l46.14-38.285c6.092-5.056 13.808-7.84 21.724-7.84h11.386c5.02 5.425 12.088 8.576 19.618 8.576s14.599-3.151 19.618-8.576h11.386c7.917 0 15.632 2.784 21.725 7.84l46.14 38.286c6.259 5.192 14.184 8.052 22.315 8.052h8.051z'/%3E%3Cpath d='m257.231 236.563c4.142 0 7.5-3.357 7.5-7.5v-3.635c0-4.143-3.358-7.5-7.5-7.5s-7.5 3.357-7.5 7.5v3.635c0 4.142 3.358 7.5 7.5 7.5z'/%3E%3Cpath d='m172.702 263.393 5.455 3.848c6.728 4.746 14.538 7.13 22.361 7.13 7.292 0 14.595-2.071 21.044-6.232l7.087-4.572c3.48-2.245 4.482-6.887 2.236-10.368-2.247-3.479-6.888-4.482-10.368-2.235l-7.087 4.571c-8.2 5.29-18.653 5.074-26.628-.551l-5.456-3.848c-3.385-2.388-8.064-1.578-10.452 1.807s-1.577 8.062 1.808 10.45z'/%3E%3Cpath d='m285.813 263.565 7.087 4.573c6.45 4.161 13.752 6.231 21.045 6.231 7.822 0 15.633-2.385 22.36-7.13l5.456-3.848c3.385-2.388 4.193-7.066 1.806-10.451-2.388-3.385-7.067-4.194-10.452-1.807l-5.456 3.848c-7.975 5.626-18.427 5.841-26.627.552l-7.087-4.572c-3.479-2.245-8.122-1.244-10.368 2.235-2.245 3.483-1.244 8.124 2.236 10.369z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes slideUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.02); }
}
.tool .animate-fade-in { animation: fadeIn 0.4s ease-out;}
.tool .animate-slide-up { animation: slideUp 0.5s ease-out;}
.tool .animate-pulse { animation: pulse 2s ease-in-out infinite;}
.tool .counter-animated {
  display: inline-block;
  transition: transform 0.1s ease;}
.tool .ig-toast {
  position: fixed;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  background: var(--ig-text);
  color: #fff;
  padding: 12px 24px;
  border-radius: var(--ig-radius);
  font-size: 14px;
  font-weight: 500;
  z-index: 10000;
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
  pointer-events: none;}
.tool .ig-toast-show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);}
.tool .ig-fav-btn {
  position: fixed;
  top: 12px;
  right: 12px;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: var(--ig-bg-card);
  box-shadow: var(--ig-shadow);
  font-size: 20px;
  cursor: pointer;
  z-index: 100;
  color: var(--ig-text-muted);
  transition: transform 0.2s, color 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;}
.tool .ig-fav-btn:hover { transform: scale(1.1);}
.tool .ig-fav-active { color: var(--ig-danger);}
@media print {
  .tool .ig-fav-btn { display: none;}
}
.tool .search-box {
  width: 100%;
  font-size: 18px;
  padding: 16px 20px;
  border: 2px solid var(--ig-border);
  border-radius: var(--ig-radius);
  background: var(--ig-bg-card);
  color: var(--ig-text);
  outline: none;
  transition: border-color 0.2s;}
.tool .search-box:focus { border-color: var(--ig-primary);}
@media (min-width: 768px) {
  .tool .search-box { width: 540px;}
}
.tool .cat-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0;}
.tool .cat-btn {
  padding: 6px 14px;
  border: 2px solid var(--ig-border);
  border-radius: 20px;
  background: var(--ig-bg-card);
  color: var(--ig-text-secondary);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;}
.tool .cat-btn:hover, .tool .cat-btn.active {
  border-color: var(--ig-primary);
  color: var(--ig-primary);
  background: var(--ig-primary-light);}
.tool-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin: 16px 0;}
@media (min-width: 500px) {
  .tool-grid { grid-template-columns: 1fr 1fr;}
}
.tool-card {
  display: block;
  padding: 16px;
  background: var(--ig-bg-card);
  border: 2px solid var(--ig-border);
  border-radius: var(--ig-radius-sm);
  text-decoration: none;
  color: var(--ig-text);
  transition: border-color 0.2s, box-shadow 0.2s;}
.tool-card:hover {
  border-color: var(--ig-primary);
  box-shadow: var(--ig-shadow);}
.tool-card .tool-title {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 4px;}
.tool-card .tool-cat {
  font-size: 12px;
  color: var(--ig-text-muted);}
.tool .recent-section, .tool .fav-section {
  margin: 20px 0;
  padding: 16px;
  background: var(--ig-bg-secondary);
  border-radius: var(--ig-radius-sm);}
.tool .recent-section h3, .tool .fav-section h3 {
  font-size: 14px;
  color: var(--ig-text-secondary);
  margin: 0 0 8px 0;}
.tool .recent-list, .tool .fav-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;}
.tool .recent-list a, .tool .fav-list a {
  display: inline-block;
  padding: 6px 12px;
  background: var(--ig-bg-card);
  border: 1px solid var(--ig-border);
  border-radius: 6px;
  font-size: 13px;
  color: var(--ig-text);
  text-decoration: none;
  transition: border-color 0.2s;}
.tool .recent-list a:hover, .tool .fav-list a:hover {
  border-color: var(--ig-primary);
  color: var(--ig-primary);}
.tool .faq-section h3 {
  font-size: 16px;
  margin: 24px 0 12px;}
.tool .faq-item {
  border: 1px solid var(--ig-border);
  border-radius: var(--ig-radius-sm);
  margin-bottom: 8px;
  overflow: hidden;}
.tool .faq-q {
  padding: 14px 40px 14px 16px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  background: var(--ig-bg-card);
  transition: background 0.15s;}
.tool .faq-q:hover { background: var(--ig-bg-secondary);}
.tool .faq-q::after {
  content: '+';
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: var(--ig-text-muted);
  transition: transform 0.2s;}
.tool .faq-item.open .faq-q::after {
  content: '\2212';}
.tool .faq-a {
  display: none;
  padding: 0 16px 14px;
  font-size: 13px;
  color: var(--ig-text-secondary);
  line-height: 1.6;}
.tool .faq-item.open .faq-a { display: block;}
.tool .kpi-card {
  transition: transform 0.15s ease, box-shadow 0.15s ease;}
.tool .kpi-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--ig-shadow);}
.tool input.form-control:valid:not(:placeholder-shown) {
  border-color: var(--ig-success);}
.tool table tr {
  transition: background 0.1s;}
.tool table tr:hover {
  background: var(--ig-bg-secondary);}
.tool .info-box {
  transition: all 0.3s ease;}
.tool .cat-kaufen { --cat-color: #0074D9;}
.tool .cat-rendite { --cat-color: #10b981;}
.tool .cat-finanzierung { --cat-color: #8b5cf6;}
.tool .cat-investition { --cat-color: #f59e0b;}
.tool .cat-steuern { --cat-color: #ef4444;}
.tool .cat-vermieten { --cat-color: #ec4899;}
.tool .cat-weg { --cat-color: #06b6d4;}
.tool .cat-markt { --cat-color: #6366f1;}
.tool-card[data-cat] { border-left: 3px solid var(--cat-color, var(--ig-border));}
.tool-card .tool-cat-dot {
    display: inline-block; width: 8px; height: 8px; border-radius: 50%;
    background: var(--cat-color, var(--ig-text-muted)); margin-right: 4px; vertical-align: middle;}
.tool .skeleton {
  background: linear-gradient(90deg, var(--ig-border) 25%, var(--ig-bg-secondary) 50%, var(--ig-border) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: var(--ig-radius-sm);}
@keyframes shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
.tool .skeleton-text { height: 16px; margin: 8px 0;}
.tool .skeleton-card { height: 80px; margin: 12px 0;}

.tr2{--tb:var(--ig-blue,#0074d9);--tbd:#005fb3;max-width:860px;margin:0 auto;font-family:Montserrat,Roboto,sans-serif;color:var(--ig-text,#0f172a)}
.tr2 *{box-sizing:border-box}.tr2__load{text-align:center;padding:60px 0;color:var(--ig-text-muted,#64748b)}
.tr2__top{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:linear-gradient(135deg,#0074d9,#0a4fa8);color:#fff;border-radius:20px;padding:24px 26px;box-shadow:0 10px 30px rgba(0,116,217,.25)}
.tr2__lvl{display:inline-block;background:rgba(255,255,255,.2);border-radius:999px;padding:3px 12px;font:700 12px/1.6 Montserrat,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.tr2__hello h2{margin:8px 0 4px;font:800 28px/1.15 Montserrat,sans-serif;color:#fff}.tr2__hello p{margin:0 0 12px;opacity:.9;font:500 14px/1.4 Roboto,sans-serif}
.tr2__bar{height:10px;border-radius:99px;background:rgba(255,255,255,.25);overflow:hidden}.tr2__bar i{display:block;height:100%;background:#fff;border-radius:99px;transition:width .5s ease}
.tr2__bar--s{height:6px;background:var(--ig-bg-secondary,#e2e8f0);margin-top:6px}.tr2__bar--s i{background:var(--tb)}.tr2__bar--p{flex:1;background:var(--ig-bg-secondary,#e2e8f0)}.tr2__bar--p i{background:var(--tb)}
.tr2__stats{display:flex;gap:12px;align-items:center}.tr2__stat{text-align:center;font:600 11px/1.3 Roboto,sans-serif;display:flex;flex-direction:column;align-items:center;gap:2px}
.tr2__stat--s{background:rgba(255,255,255,.14);border-radius:14px;padding:12px 14px;min-width:76px}.tr2__stat--s b{font:800 24px/1 Montserrat,sans-serif}
.tr2__ring0{fill:none;stroke:rgba(255,255,255,.25);stroke-width:7}.tr2__ring1{fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset .6s}.tr2__stat text{fill:#fff;font:800 18px Montserrat,sans-serif}
.tr2__cta{display:flex;align-items:center;gap:16px;margin:18px 0;padding:18px 22px;background:var(--ig-bg-card,#fff);border:2px solid var(--tb);border-radius:18px;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}
.tr2__cta:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,116,217,.2)}.tr2__cta small{display:block;color:var(--tb);font:700 12px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.05em}.tr2__cta b{font:700 18px/1.3 Montserrat,sans-serif}
.tr2__cta-i{width:48px;height:48px;border-radius:14px;background:var(--tb);color:#fff;display:grid;place-items:center;flex:none}.tr2__go{margin-left:auto;font-size:32px;color:var(--tb);line-height:1}
.tr2__due{background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;padding:16px 20px;margin-bottom:18px;color:#7c2d12}.tr2__due h3{margin:0 0 4px;font:700 16px Montserrat,sans-serif;color:#9a3412}.tr2__due p{margin:0 0 10px;font-size:14px}
.tr2__chips{display:flex;flex-wrap:wrap;gap:8px}.tr2__chip{display:inline-flex;gap:8px;align-items:center;background:#fff;border:1px solid #fdba74;border-radius:999px;padding:6px 14px;font:600 13px Roboto,sans-serif;color:#9a3412;text-decoration:none}.tr2__chip em{background:#ea580c;color:#fff;border-radius:99px;padding:0 8px;font-style:normal;font-size:12px}
.tr2__search input{width:100%;padding:13px 18px;border:1px solid var(--ig-border,#e2e8f0);border-radius:14px;font:500 15px Roboto,sans-serif;background:var(--ig-bg-card,#fff);color:inherit;margin-bottom:14px}.tr2__search input:focus{outline:2px solid var(--tb);border-color:transparent}
.tr2__chapters{display:grid;gap:12px}.tr2__ch{background:var(--ig-bg-card,#fff);border:1px solid var(--ig-border,#e2e8f0);border-radius:16px;overflow:hidden}.tr2__ch[hidden]{display:none}
.tr2__ch summary{display:flex;align-items:center;gap:14px;padding:14px 18px;cursor:pointer;list-style:none}.tr2__ch summary::-webkit-details-marker{display:none}
.tr2__ci{width:42px;height:42px;border-radius:12px;background:rgba(0,116,217,.1);color:var(--tb);display:grid;place-items:center;flex:none}.tr2__ct{flex:1;min-width:0}.tr2__ct b{display:block;font:700 16px/1.3 Montserrat,sans-serif}.tr2__ct small{color:var(--ig-text-muted,#64748b);font:500 13px Roboto,sans-serif}
.tr2__chev{font-size:26px;color:var(--ig-text-muted,#94a3b8);transition:transform .2s}.tr2__ch[open] .tr2__chev{transform:rotate(90deg)}
.tr2__mods{padding:4px 12px 12px;display:grid;gap:6px}.tr2__mod{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;text-decoration:none;color:inherit;background:var(--ig-bg-secondary,#f1f5f9);transition:background .15s}.tr2__mod[hidden]{display:none}.tr2__mod:hover{background:rgba(0,116,217,.12)}
.tr2__mn{font:700 12px Montserrat,sans-serif;color:var(--tb);background:var(--ig-bg-card,#fff);border-radius:8px;padding:3px 8px;flex:none}.tr2__mt{flex:1;font:600 15px/1.3 Roboto,sans-serif}.tr2__mt small{display:block;color:var(--ig-text-muted,#64748b);font-weight:400;font-size:12px}
.tr2__stars{display:inline-flex;gap:2px;flex:none}.tr2__stars i{font-style:normal;color:#cbd5e1;font-size:16px}.tr2__stars i.on{color:#f59e0b}
.tr2__play{max-width:640px;margin:0 auto}.tr2__ph{display:flex;align-items:center;gap:14px;margin-bottom:22px}.tr2__x{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:26px;line-height:1;color:var(--ig-text-muted,#64748b);text-decoration:none;background:var(--ig-bg-secondary,#f1f5f9)}
.tr2__combo{background:#f59e0b;color:#fff;border-radius:99px;padding:3px 12px;font:700 12px Montserrat,sans-serif;white-space:nowrap}
.tr2__card{background:var(--ig-bg-card,#fff);border:1px solid var(--ig-border,#e2e8f0);border-radius:22px;padding:28px 26px;box-shadow:0 8px 28px rgba(15,23,42,.07);animation:tr2in .25s ease}@keyframes tr2in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.tr2__lab{margin:0 0 10px;color:var(--tb);font:700 12px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.06em}.tr2__q{margin:0 0 22px;font:600 21px/1.5 Roboto,sans-serif}
.tr2__gap{display:inline-block;min-width:90px;border-bottom:3px solid var(--tb);color:var(--tb);font-weight:700;text-align:center}.tr2__gap.is-ok{color:#16a34a;border-color:#16a34a}.tr2__gap.is-bad{color:#dc2626;border-color:#dc2626}
.tr2__opts{display:grid;gap:10px}.tr2__opt{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:14px 16px;border:2px solid var(--ig-border,#e2e8f0);border-radius:14px;background:var(--ig-bg-card,#fff);color:inherit;font:500 16px/1.4 Roboto,sans-serif;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}
.tr2__opt:hover:not(:disabled){border-color:var(--tb);background:rgba(0,116,217,.06)}.tr2__opt:active:not(:disabled){transform:scale(.99)}.tr2__opt kbd{flex:none;width:26px;height:26px;border-radius:8px;background:var(--ig-bg-secondary,#f1f5f9);display:grid;place-items:center;font:700 12px Montserrat,sans-serif;color:var(--ig-text-muted,#64748b)}
.tr2__opt.is-ok{border-color:#16a34a;background:rgba(22,163,74,.12)}.tr2__opt.is-ok kbd{background:#16a34a;color:#fff}.tr2__opt.is-bad{border-color:#dc2626;background:rgba(220,38,38,.1);animation:tr2sh .3s}.tr2__opt.is-bad kbd{background:#dc2626;color:#fff}.tr2__opt:disabled{cursor:default}
@keyframes tr2sh{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.tr2__fb{min-height:28px;margin-top:16px;font:500 15px/1.5 Roboto,sans-serif;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.tr2__fb .ok{color:#16a34a}.tr2__fb .bad{color:#dc2626}.tr2__next{margin-left:auto;background:var(--tb);color:#fff;border:0;border-radius:12px;padding:10px 26px;font:700 14px Montserrat,sans-serif;cursor:pointer}
.tr2__done{text-align:center}.tr2__big{font:800 30px Montserrat,sans-serif;margin-bottom:8px}.tr2__done .tr2__stars i{font-size:44px;margin:0 3px}.tr2__score{font:700 18px Roboto,sans-serif;margin:14px 0 4px}.tr2__xp{color:var(--ig-text-muted,#64748b);margin:0 0 22px}
.tr2__acts{display:grid;gap:10px}.tr2__back{color:var(--tb);font:600 14px Roboto,sans-serif;padding:8px}
[data-theme=dark] .tr2__due{background:#2a1a0c;border-color:#7c2d12;color:#fed7aa}[data-theme=dark] .tr2__due h3{color:#fdba74}[data-theme=dark] .tr2__chip{background:#1f1309;color:#fdba74}
@media(max-width:640px){.tr2__top{grid-template-columns:1fr;padding:20px}.tr2__stats{justify-content:space-between}.tr2__hello h2{font-size:24px}.tr2__q{font-size:18px}.tr2__card{padding:22px 18px}.tr2__cta b{font-size:16px}}

.h2{--hb:#0b66e4;--hd:#0647b3;font-family:Montserrat,Roboto,sans-serif;color:var(--ig-text,#0f172a);overflow:hidden}.h2 *{box-sizing:border-box}.h2 h1,.h2 h2,.h2 h3{font-family:Montserrat,sans-serif;margin:0}
.h2 .wrap{max-width:1180px}
.h2btn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--hb);border-radius:12px;padding:15px 26px;font:700 15px/1 Montserrat,sans-serif;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.12);transition:transform .15s}.h2btn:hover{transform:translateY(-2px)}.h2btn svg{width:18px;height:18px}
.h2btn--b{background:linear-gradient(180deg,#1a74f0,#0b5fd6);color:#fff;box-shadow:0 8px 20px rgba(11,102,228,.3)}.h2btn--w{background:#fff;color:var(--hb)}.h2btn--full{width:100%;justify-content:center}
.h2hero{position:relative;background:linear-gradient(135deg,#0b66e4 0%,#0a55c9 55%,#0647b3 100%);color:#fff;padding:56px 0 110px}
.h2hero__in{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}.h2hero__ph{position:relative;display:flex;justify-content:center}
.h2phone{width:270px;aspect-ratio:9/18.5;background:#10131a;border-radius:42px;padding:10px;box-shadow:0 30px 60px rgba(0,20,80,.45);transform:rotate(-4deg);flex:none}.h2phone__scr{height:100%;border-radius:33px;background:#0b66e4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px;overflow:hidden;position:relative}
.h2phone__scr p{font:800 25px/1.2 Montserrat,sans-serif;color:#fff;margin:0}.h2phone__scr u{text-decoration-color:#fff;text-underline-offset:6px}.h2phone__scr img{width:78%;height:auto;margin-top:6px}
.h2phone--s{width:210px;transform:none}.h2phone--b{margin-right:-40px;position:relative;z-index:1;transform:rotate(-3deg)}.h2phone__scr--ui{background:#fff;padding:0;justify-content:flex-start;align-items:stretch;text-align:left}
.h2ui{padding:30px 14px 14px;font:500 10px/1.3 Roboto,sans-serif;color:#0f172a}.h2ui__t{font:800 13px Montserrat,sans-serif;margin-bottom:10px}.h2ui__l{color:#64748b;margin:7px 0 3px}.h2ui__i{border:1px solid #cbd5e1;border-radius:7px;padding:7px 9px;font-weight:600}.h2ui__b{margin:12px 0;background:#0b66e4;color:#fff;border-radius:8px;text-align:center;padding:9px;font-weight:700}
.h2ui__k{display:grid;grid-template-columns:1fr 1fr;gap:6px}.h2ui__k span{background:#eaf2ff;border-radius:8px;padding:7px}.h2ui__k small{display:block;color:#64748b;font-size:8px}.h2ui__k b{font:800 12px Montserrat,sans-serif;color:#0b66e4}.h2ui__c{height:70px;display:flex;align-items:flex-end;gap:8px;margin-top:12px;border-bottom:1px solid #e2e8f0}.h2ui__c i{flex:1;background:#2b86f5;border-radius:3px 3px 0 0}.h2ui__c i:nth-child(n+2){background:#8dbbf7}
.h2note{position:absolute;font:italic 500 19px/1.3 "Segoe Script","Bradley Hand","Comic Sans MS",cursive;color:rgba(255,255,255,.92);transform:rotate(-6deg)}.h2note--l{left:0;top:22%}.h2note--r{right:0;bottom:-70px;transform:rotate(-4deg);max-width:230px;text-align:center}
.h2chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.16);border-radius:999px;padding:7px 16px;font:600 12px Roboto,sans-serif;margin-bottom:18px}.h2chip svg{width:15px;height:15px}
.h2hero h1{font:800 42px/1.12 Montserrat,sans-serif;color:#fff;margin-bottom:18px}.h2hero__lead{font:400 18px/1.55 Roboto,sans-serif;opacity:.95;margin:0 0 22px;max-width:560px}
.h2checks{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;max-width:520px;font:600 14px Roboto,sans-serif}.h2checks li,.h2ticks li{display:flex;align-items:center;gap:10px}.h2checks svg{flex:none;width:22px;height:22px;background:#fff;color:var(--hb);border-radius:50%;padding:4px}
.h2hero__act{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.h2hero__act .stores{margin:0}.h2wave{position:absolute;left:0;bottom:-1px;width:100%;height:60px;fill:var(--ig-bg,#fff)}
.h2sec{padding:64px 0;background:var(--ig-bg,#fff)}.h2head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;flex-wrap:wrap}.h2eyebrow{display:block;color:var(--hb);font:700 12px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.h2eyebrow--w{color:rgba(255,255,255,.75)}
.h2 h2{font:800 32px/1.2 Montserrat,sans-serif}.h2head p,.h2calc__tx>p{color:var(--ig-text-muted,#475569);font:400 16px/1.55 Roboto,sans-serif;margin:8px 0 0}.h2more{color:var(--hb);font:700 14px Montserrat,sans-serif;text-decoration:none;display:inline-flex;gap:8px;align-items:center}.h2more svg{width:18px;height:18px}
.h2cats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.h2cat{position:relative;display:flex;flex-direction:column;gap:6px;background:var(--ig-bg-card,#fff);border:1px solid var(--ig-border,#e5eaf2);border-radius:16px;padding:20px 16px 16px;text-decoration:none;color:inherit;box-shadow:0 2px 10px rgba(15,23,42,.04);transition:transform .15s,box-shadow .15s}.h2cat:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(15,23,42,.1)}
.h2cat__i{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:10px}.h2cat b{font:700 15px/1.3 Montserrat,sans-serif}.h2cat small{color:var(--ig-text-muted,#64748b);font:400 12px Roboto,sans-serif}.h2cat__a{position:absolute;right:14px;bottom:10px;color:var(--ig-text-muted,#64748b);font-size:20px}
.h2calc{background:var(--ig-bg-secondary,var(--ig-tint));padding:60px 0}.h2calc__in{display:grid;grid-template-columns:.9fr 1fr 1fr;gap:22px;align-items:start}.h2ticks{list-style:none;padding:0;margin:20px 0 26px;display:grid;gap:12px;font:500 15px Roboto,sans-serif}.h2ticks svg{flex:none;width:22px;height:22px;background:var(--hb);color:#fff;border-radius:50%;padding:4px}
.h2card{background:var(--ig-bg-card,#fff);border-radius:18px;padding:22px;box-shadow:0 6px 24px rgba(15,23,42,.08);border:1px solid var(--ig-border,#e5eaf2)}.h2form label,.h2form legend{display:block;font:500 13px Roboto,sans-serif;color:var(--ig-text-muted,#475569);margin-bottom:14px}.h2form fieldset{border:0;padding:0;margin:0}
.h2form input:not([type=radio]),.h2form select{display:block;width:100%;margin-top:6px;padding:12px 14px;border:1px solid var(--ig-border,#cbd5e1);border-radius:10px;font:500 15px Roboto,sans-serif;background:var(--ig-bg-card,#fff);color:var(--ig-text,#0f172a)}.h2form input:focus,.h2form select:focus{outline:2px solid var(--hb);border-color:transparent}
.h2radio{display:inline-flex!important;align-items:center;gap:8px;margin-right:22px!important;color:var(--ig-text,#0f172a)!important}.h2radio input{accent-color:var(--hb);width:18px;height:18px;margin:0}
.h2res h3{font:700 15px Montserrat,sans-serif;margin-bottom:14px}.h2kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.h2kpis span{background:var(--ig-tint);border-radius:10px;padding:10px}.h2kpis span.is-r{background:#fee9e9}.h2kpis small{display:block;font:500 11px Roboto,sans-serif;color:var(--ig-text-muted,#64748b)}.h2kpis b{font:800 18px Montserrat,sans-serif;color:#0b66e4}.h2kpis .is-r b{color:#dc2626}
.h2bars{height:210px;display:flex;gap:14px;align-items:flex-end;border-bottom:1px solid var(--ig-border,#e2e8f0);padding-bottom:0;margin-top:30px}.h2bar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.h2bar i{width:100%;border-radius:5px 5px 0 0;background:#7db3f7;transition:height .5s}.h2bar i.c0{background:#1f77f2}.h2bar b{position:absolute;top:0;font:700 11px Roboto,sans-serif;color:var(--ig-text-muted,#64748b);transform:translateY(-6px)}.h2bar span{position:absolute;bottom:-26px;font:500 11px Roboto,sans-serif;color:var(--ig-text-muted,#64748b)}
.h2res{padding-bottom:44px}
.h2why{position:relative;background:linear-gradient(135deg,#0b66e4,#0647b3);color:#fff;padding:64px 0}.h2why__bg{position:absolute;right:-60px;top:-30px;width:420px;opacity:.1;filter:brightness(0) invert(1)}.h2why h2{color:#fff}.h2why__sub{font:500 17px Roboto,sans-serif;opacity:.95;margin:8px 0 34px}
.h2adv{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;position:relative}.h2adv__i span{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#fff;color:var(--hb);margin-bottom:14px}.h2adv__i b{display:block;font:700 17px Montserrat,sans-serif;margin-bottom:6px}.h2adv__i p{margin:0;font:400 14px/1.55 Roboto,sans-serif;opacity:.92}
.h2app__in{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.h2app__ph{display:flex;justify-content:center}.h2app p{color:var(--ig-text-muted,#475569);font:400 16px/1.55 Roboto,sans-serif;margin:10px 0 0}.h2app .stores{margin-top:6px}
.h2faq__in{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}.h2faq p{color:var(--ig-text-muted,#475569);font:400 16px/1.55 Roboto,sans-serif}.h2faq__l{background:var(--ig-bg-card,#fff);border:1px solid var(--ig-border,#e5eaf2);border-radius:16px;overflow:hidden}
.h2faq details{border-bottom:1px solid var(--ig-border,#e5eaf2);padding:0 22px}.h2faq details:last-child{border:0}.h2faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;padding:18px 0;font:700 15px Montserrat,sans-serif}.h2faq summary::-webkit-details-marker{display:none}.h2faq summary span{font-size:22px;color:var(--ig-text-muted,#64748b);line-height:1}.h2faq details[open] summary span{transform:rotate(45deg)}.h2faq details p{margin:0 0 18px;font-size:15px}
.h2cta{padding:10px 0 60px;background:var(--ig-bg,#fff)}.h2cta__in{display:flex;align-items:center;gap:26px;flex-wrap:wrap;background:linear-gradient(135deg,#0b66e4,#0647b3);color:#fff;border-radius:22px;padding:26px 34px}.h2cta__in h2{color:#fff;font-size:26px}.h2cta__in p{margin:6px 0 0;font:400 15px Roboto,sans-serif;opacity:.92}.h2cta__in>div{flex:1;min-width:240px}.h2cta__in .stores{margin:0}.h2cta__in img{flex:none}
[data-theme=dark] .h2ui{color:#0f172a}
@media(max-width:1000px){.h2hero__in,.h2app__in,.h2faq__in{grid-template-columns:1fr}.h2calc__in{grid-template-columns:1fr}.h2cats{grid-template-columns:repeat(3,1fr)}.h2adv{grid-template-columns:1fr 1fr}.h2note--l,.h2note--r{display:none}.h2hero h1{font-size:34px}.h2hero{padding-bottom:90px}}
@media(max-width:620px){.h2cats{grid-template-columns:1fr 1fr}.h2adv{grid-template-columns:1fr}.h2checks{grid-template-columns:1fr}.h2hero h1{font-size:28px}.h2 h2{font-size:25px}.h2phone{width:220px}.h2phone--s{width:170px}.h2phone--b{margin-right:-30px}.h2kpis{grid-template-columns:1fr}.h2cta__in{padding:22px}.h2sec,.h2calc,.h2why{padding:44px 0}}
/* App-Seite */
.h2hero--dl{padding:22px 0 100px}.h2crumb{font:500 13px Roboto,sans-serif;opacity:.9;margin-bottom:26px}.h2crumb a{color:#fff;text-decoration:none}.h2hero__in--dl{grid-template-columns:1fr 1fr}.h2hero--dl h1{font-size:54px;font-weight:300;margin-bottom:8px}.h2hero--dl h1 span{font-weight:800}
.h2hero__sub{font:800 24px/1.3 Montserrat,sans-serif;margin:0 0 14px}.h2hero--dl .stores{margin:22px 0}.h2mini{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:30px}.h2mini div{text-align:center;font:600 12px Roboto,sans-serif}.h2mini span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.18);margin:0 auto 8px}.h2mini b{font-weight:600}
.h2hero__ph--dl{justify-content:center;padding:0}.h2phone--f{margin-left:-14px;transform:rotate(3deg) translateY(36px)}.h2center{text-align:center;margin-bottom:30px}.h2center p{color:var(--ig-text-muted,#475569);font:400 16px Roboto,sans-serif;margin:8px 0 0}
.h2feat{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.h2feat__i{background:var(--ig-bg-card,#fff);border:1px solid var(--ig-border,#e5eaf2);border-radius:16px;padding:22px 18px;box-shadow:0 2px 10px rgba(15,23,42,.04)}.h2feat__i span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--ig-tint);color:var(--hb);margin-bottom:14px}.h2feat__i b{display:block;font:700 16px Montserrat,sans-serif;margin-bottom:6px}.h2feat__i p{margin:0;color:var(--ig-text-muted,#64748b);font:400 13px/1.5 Roboto,sans-serif}
.h2shots{background:linear-gradient(135deg,#0b66e4,#0647b3);color:#fff;padding:60px 0 20px;overflow:hidden}.h2shots h2{color:#fff}.h2shots p{font:400 16px/1.55 Roboto,sans-serif;opacity:.95}.h2shots__in{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center}.h2shots .stores{margin-top:22px}
.h2phones{display:flex;justify-content:center;align-items:flex-end;margin-bottom:-60px}.h2phones .h2phone{transform:none}.h2phone--l{margin-right:-34px;transform:translateY(-20px)!important}.h2phone--r{margin-left:-34px;transform:translateY(-20px)!important}.h2phone--c{width:240px;z-index:2}
.h2get{position:relative;background:#0f172a;color:#fff;padding:70px 0;overflow:hidden}.h2get h2{color:#fff}.h2get p{font:400 16px Roboto,sans-serif;opacity:.9;margin:8px 0 22px}.h2get__img{position:absolute;right:4%;top:50%;transform:translateY(-50%);width:340px;height:auto;opacity:.95}.h2get .wrap{position:relative}
@media(max-width:1000px){.h2hero__in--dl,.h2shots__in{grid-template-columns:1fr}.h2feat{grid-template-columns:1fr 1fr}.h2hero--dl h1{font-size:40px}.h2get__img{opacity:.25;right:-60px}.h2hero__ph--dl{margin-top:20px}}
@media(max-width:620px){.h2feat{grid-template-columns:1fr}.h2mini{grid-template-columns:1fr 1fr}.h2phone--c{width:190px}.h2phones .h2phone--s{width:150px}.h2phone--f{margin-left:-40px}}
/* Training-Landingpage */
.tl{background:var(--ig-bg-secondary,#f5f8fd)}.tl__hero{padding:54px 0 96px;overflow:hidden}.tl__bg{position:absolute;right:-70px;top:-60px;width:560px;opacity:.1;filter:brightness(0) invert(1)}.tl__heroin{position:relative;display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center}
.tl__eyebrow{display:block;font:700 12px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.05em;opacity:.9;margin-bottom:12px}.tl__eyebrow--b{color:var(--hb);opacity:1;font-size:11px}.tl__hero h1{font:800 46px/1.12 Montserrat,sans-serif;color:#fff;margin-bottom:16px}
.tl__checks{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px 26px;font:600 14px Roboto,sans-serif}.tl__checks li{display:flex;align-items:center;gap:9px}.tl__checks svg{width:24px;height:24px;background:#fff;color:var(--hb);border-radius:50%;padding:5px}
.tl__guru{position:relative;text-align:center}.tl__guru img{width:190px;height:auto;filter:drop-shadow(0 12px 24px rgba(0,0,0,.25))}.tl__guru .h2note{position:static;display:block;margin-top:6px;transform:rotate(-5deg)}
.tl__sec{background:transparent;padding:46px 0}.tl h2{font-size:28px}.tl__pill{display:inline-flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--ig-border,#dbe3f0);border-radius:999px;padding:10px 18px;color:var(--hb);font:700 13px Montserrat,sans-serif;text-decoration:none}.tl__pill svg{width:16px;height:16px}
.tl__areas{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tl__area{position:relative;display:flex;flex-direction:column;gap:6px;background:var(--ig-bg-card,#fff);border:1px solid var(--ig-border,#e5eaf2);border-radius:16px;padding:18px;text-decoration:none;color:inherit;box-shadow:0 3px 14px rgba(15,23,42,.05);transition:transform .15s,box-shadow .15s;min-height:136px}.tl__area:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(15,23,42,.1)}
.tl__ai{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin-bottom:8px}.tl__area b{font:700 16px/1.3 Montserrat,sans-serif}.tl__area small{color:var(--ig-text-muted,#64748b);font:400 12px/1.4 Roboto,sans-serif}.tl__go{position:absolute;right:16px;top:18px;color:var(--hb);font-size:26px;line-height:1}
.tl__how{padding:46px 0;background:linear-gradient(180deg,var(--ig-tint),#f5f8fd)}.tl__howin{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.tl__how h2{margin-bottom:20px}.tl__steps{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:18px}.tl__steps li{display:flex;gap:14px;align-items:flex-start}.tl__steps span{flex:none;width:34px;height:34px;border-radius:50%;background:var(--hb);color:#fff;display:grid;place-items:center;font:800 15px Montserrat,sans-serif}.tl__steps b{display:block;font:700 15px Montserrat,sans-serif}.tl__steps small{color:var(--ig-text-muted,#64748b);font:400 14px Roboto,sans-serif}
.tl__phones{display:flex;justify-content:center;align-items:flex-end}.tl__p1{margin-right:-30px;transform:rotate(-2deg)!important}.tl__p2{transform:rotate(2deg) translateY(24px)!important}.tl__bar{height:7px;border-radius:99px;background:#e2e8f0;overflow:hidden;margin:6px 0 10px}.tl__bar i{display:block;height:100%;background:var(--hb);border-radius:99px}.tl__row{display:flex;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #eef2f7;font-weight:500}.tl__row em{font-style:normal;color:#94a3b8;width:16px}.tl__row em.ok{color:#16a34a}.tl__sel{border-color:var(--hb)!important;background:#eaf2ff}
.tl__sub{color:var(--ig-text-muted,#475569);font:400 15px Roboto,sans-serif;margin:6px 0 16px}.tl__tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tl__tabs button{border:1px solid var(--ig-border,#dbe3f0);background:#fff;color:var(--ig-text-muted,#64748b);border-radius:10px;padding:9px 18px;font:600 13px Montserrat,sans-serif;cursor:pointer}.tl__tabs button.is-on{background:var(--hb);border-color:var(--hb);color:#fff}
.tl__lesson{display:grid;grid-template-columns:1fr 1fr;gap:26px;background:var(--ig-bg-card,#fff);border:1px solid var(--ig-border,#e5eaf2);border-radius:20px;padding:24px;box-shadow:0 6px 24px rgba(15,23,42,.06);margin-bottom:20px}.tl__lt{grid-column:1;grid-row:1}.tl__lt[hidden]{display:none}.tl__lm{grid-column:2;grid-row:1;position:relative}
.tl__lt h3{font:800 24px/1.25 Montserrat,sans-serif;margin:4px 0 12px}.tl__lt p{color:var(--ig-text-muted,#475569);font:400 15px/1.6 Roboto,sans-serif;margin:0 0 16px}.tl__learn{background:var(--ig-tint);border-radius:12px;padding:16px 18px;margin-bottom:18px;font:500 14px Roboto,sans-serif;color:#0f172a}.tl__learn ul{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}.tl__learn li{display:flex;gap:10px;align-items:center}.tl__learn svg{flex:none;width:20px;height:20px;background:var(--hb);color:#fff;border-radius:50%;padding:4px}
.tl__lm img{width:100%;height:100%;min-height:260px;object-fit:cover;border-radius:14px;display:block}.tl__chips{position:absolute;right:-6px;top:22px;display:grid;gap:10px;width:200px}.tl__chips span{display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center;background:rgba(255,255,255,.96);border-radius:12px;padding:10px 12px;box-shadow:0 8px 20px rgba(15,23,42,.15)}.tl__chips svg{grid-row:span 2;width:34px;height:34px;padding:7px;border-radius:9px;background:var(--ig-tint);color:var(--hb)}.tl__chips b{font:700 13px Montserrat,sans-serif;color:#0f172a}.tl__chips small{font:400 11px Roboto,sans-serif;color:var(--ig-text-muted,#64748b)}
.tl__two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tl__card{background:var(--ig-bg-card,#fff);border:1px solid var(--ig-border,#e5eaf2);border-radius:20px;padding:22px;box-shadow:0 6px 24px rgba(15,23,42,.06)}.tl__ch{display:flex;gap:12px;align-items:center;margin-bottom:16px}.tl__ch>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--hb);color:#fff;flex:none}.tl__ch b{display:block;font:700 16px Montserrat,sans-serif}.tl__ch small{color:var(--ig-text-muted,#64748b);font:400 13px Roboto,sans-serif}
.tl__qbox{border:1px solid var(--ig-border,#e5eaf2);border-radius:14px;padding:16px}.tl__qn{font:500 12px Roboto,sans-serif;color:var(--ig-text-muted,#64748b)}.tl__bar--q{margin:6px 0 14px}.tl__qq{font:700 16px/1.45 Montserrat,sans-serif;margin:0 0 14px!important;color:var(--ig-text,#0f172a)!important}.tl__opt{display:block;width:100%;text-align:left;margin-bottom:8px;padding:12px 14px;border:1.5px solid var(--ig-border,#dbe3f0);border-radius:10px;background:var(--ig-bg-card,#fff);color:inherit;font:500 14px Roboto,sans-serif;cursor:pointer}.tl__opt:hover:not(:disabled){border-color:var(--hb);background:var(--ig-tint)}.tl__opt.is-ok{border-color:#16a34a;background:rgba(22,163,74,.12)}.tl__opt.is-bad{border-color:#dc2626;background:rgba(220,38,38,.1)}.tl__qbox .h2btn{margin-top:6px}
.tl__pgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.tl__pbox{border:1px solid var(--ig-border,#e5eaf2);border-radius:14px;padding:14px}.tl__pbox>b{display:block;font:700 14px Montserrat,sans-serif}.tl__pbox>small{color:var(--ig-text-muted,#64748b);font:400 12px Roboto,sans-serif}.tl__pbox ul{list-style:none;padding:0;margin:8px 0 0}.tl__pbox li{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid var(--ig-tint);font:500 13px Roboto,sans-serif}.tl__pbox i{font-style:normal;color:#94a3b8}.tl__pbox i.ok{color:#16a34a;font-weight:700}
.tl__stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tl__stats div{border:1px solid var(--ig-border,#e5eaf2);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:2px}.tl__stats svg{color:var(--hb);width:22px;height:22px;margin-bottom:4px}.tl__stats b{font:800 22px Montserrat,sans-serif}.tl__stats small{color:var(--ig-text-muted,#64748b);font:400 11px Roboto,sans-serif}
.tl__more{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.tl__area--s{min-height:0;padding:14px}.tl__area--s .tl__go{top:14px}.tl__faqh{display:flex;gap:14px;align-items:flex-start}.tl__q{flex:none;width:44px;height:44px;border-radius:12px;background:var(--ig-tint);color:var(--hb);display:grid;place-items:center;font:800 20px Montserrat,sans-serif}
#alle .tr2{max-width:none}
@media(max-width:1000px){.tl__heroin,.tl__howin,.tl__lesson,.tl__two{grid-template-columns:1fr}.tl__areas{grid-template-columns:1fr 1fr}.tl__more{grid-template-columns:1fr 1fr}.tl__lm{grid-column:1;grid-row:auto}.tl__lm img{min-height:200px}.tl__chips{position:static;width:auto;grid-template-columns:1fr;margin-top:10px}.tl__guru{display:none}.tl__hero h1{font-size:34px}}
@media(max-width:620px){.tl__areas{grid-template-columns:1fr}.tl__pgrid{grid-template-columns:1fr}.tl__lesson{padding:16px}.tl__hero h1{font-size:28px}}
/* Designsystem 2027 (Lernen-Bereich): Tokens, einheitlicher Kopf .igh, Lexikon .lx, Lektion .tp */
:root{--ig-brand:#0075dc;--ig-deep:#1c397f;--ig-light:#f4f8fd;--ig-ok:#16a34a;--ig-bad:#dc2626}
.h2,.tl,.lx,.tp{--hb:var(--ig-brand)}
.igh{position:relative;background:linear-gradient(135deg,var(--ig-brand) 0%,#0a5cc0 55%,var(--ig-deep) 100%);color:#fff;padding:26px 0 82px;overflow:hidden;font-family:Montserrat,Roboto,sans-serif}
.igh__bg{position:absolute;right:-30px;top:-20px;height:130%;width:auto;opacity:.14;pointer-events:none}
.igh__in{position:relative;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;max-width:1180px}
.igh__crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:500 13px Roboto,sans-serif;margin-bottom:18px;opacity:.92}.igh__crumb a{color:#fff;text-decoration:none;display:inline-flex}.igh__crumb a:hover{text-decoration:underline}.igh__crumb b{font-weight:500;opacity:.8}.igh__crumb span{opacity:.6}
.igh h1{font:800 40px/1.15 Montserrat,sans-serif;color:#fff;margin:0 0 14px;max-width:760px}.igh__lead{font:400 17px/1.55 Roboto,sans-serif;margin:0 0 20px;max-width:680px;opacity:.96}
.igh__checks{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px 26px;font:600 14px Roboto,sans-serif}.igh__checks li{display:flex;align-items:center;gap:9px}.igh__checks svg{flex:none;width:24px;height:24px;background:#fff;color:var(--ig-brand);border-radius:50%;padding:5px}
.igh__guru{position:relative;display:flex;align-items:center;gap:14px}.igh__guru img{width:160px;height:auto;filter:drop-shadow(0 10px 22px rgba(0,0,0,.25))}.igh__note{font:italic 500 19px/1.3 "Segoe Script","Bradley Hand","Comic Sans MS",cursive;color:rgba(255,255,255,.95);transform:rotate(-6deg);white-space:nowrap}
.igh__wave{position:absolute;left:0;bottom:-1px;width:100%;height:56px;fill:var(--ig-light)}
.tl,.lx-page,body:has(.lx),body:has(.tp){background:var(--ig-light)}
/* Lexikon */
.lx{padding:30px 0 60px;background:var(--ig-light);font-family:Montserrat,Roboto,sans-serif;color:var(--ig-text,#0f172a)}.lx__grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;max-width:1180px}
.lx h2{font:800 24px/1.2 Montserrat,sans-serif;margin:0}.lx__h2{margin-top:30px!important}.lx__sub{color:var(--ig-text-muted,#475569);font:400 15px Roboto,sans-serif;margin:6px 0 16px}
.lx__cats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.lx__cat{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;background:var(--ig-bg-card,#fff);border:1.5px solid var(--ig-border,#e5eaf2);border-radius:14px;padding:14px;cursor:pointer;font:inherit;color:inherit;transition:transform .15s,box-shadow .15s,border-color .15s}.lx__cat:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(15,23,42,.08)}.lx__cat.is-on{border-color:var(--ig-brand);background:var(--ig-tint)}
.lx__cat span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;margin-bottom:6px}.lx__cat b{font:700 14px/1.3 Montserrat,sans-serif}.lx__cat small{color:var(--ig-text-muted,#64748b);font:400 12px Roboto,sans-serif}
.lx__az{display:flex;flex-wrap:wrap;gap:4px;margin:14px 0 6px;position:sticky;top:78px;z-index:5;background:var(--ig-light);padding:8px 0}.lx__az a,.lx__az span{min-width:30px;height:30px;display:grid;place-items:center;border-radius:8px;font:600 13px Roboto,sans-serif;text-decoration:none;color:var(--ig-text-muted,#64748b)}.lx__az a:hover,.lx__az a.is-on{background:var(--ig-brand);color:#fff}.lx__az a.is-off{opacity:.3;pointer-events:none}.lx__az span{color:#cbd5e1}
.lx__letter{font:800 26px Montserrat,sans-serif;margin:22px 0 10px;scroll-margin-top:130px}.lx__none{padding:30px;text-align:center;color:var(--ig-text-muted,#64748b)}
.lx__term{background:var(--ig-bg-card,#fff);border:1px solid var(--ig-border,#e5eaf2);border-radius:14px;margin-bottom:10px;box-shadow:0 2px 8px rgba(15,23,42,.04);overflow:hidden}.lx__term[hidden],.lx__grp[hidden]{display:none}.lx__term summary{display:flex;align-items:center;gap:14px;padding:12px 16px;cursor:pointer;list-style:none}.lx__term summary::-webkit-details-marker{display:none}
.lx__ti{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;flex:none}.lx__term summary b{flex:1;font:700 15px/1.35 Montserrat,sans-serif}.lx__chev{color:var(--ig-brand);display:grid;transition:transform .2s}.lx__term[open] .lx__chev{transform:rotate(180deg)}
.lx__body{padding:0 18px 18px 70px}.lx__body p{margin:0 0 14px;color:var(--ig-text-muted,#475569);font:400 15px/1.65 Roboto,sans-serif}.lx__tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}.lx__tools small{width:100%;font:600 12px Roboto,sans-serif;color:var(--ig-text-muted,#64748b)}.lx__tools a,.lx__read{display:inline-flex;align-items:center;gap:6px;background:var(--ig-tint);color:var(--ig-brand);border-radius:10px;padding:8px 14px;font:700 13px Montserrat,sans-serif;text-decoration:none}.lx__tools svg,.lx__read svg{width:15px;height:15px}.lx__read{background:var(--ig-brand);color:#fff}
.lx__side{display:grid;gap:16px;position:sticky;top:80px}.lx__box{background:var(--ig-bg-card,#fff);border:1px solid var(--ig-border,#e5eaf2);border-radius:18px;padding:18px;box-shadow:0 4px 16px rgba(15,23,42,.05)}.lx__box h3{font:800 17px/1.3 Montserrat,sans-serif;margin:0 0 6px;display:flex;align-items:center;gap:8px}.lx__box h3 svg{color:var(--ig-brand);width:20px;height:20px}.lx__box p,.lx__box>small{color:var(--ig-text-muted,#64748b);font:400 13px/1.5 Roboto,sans-serif;margin:0 0 10px}
.lx__app{text-align:center}.lx__ph{margin:8px auto 14px;transform:none;width:150px}.lx__app .stores{justify-content:center;flex-wrap:wrap;gap:8px}.lx__app .store{transform:scale(.88)}
.lx__sf input{width:100%;padding:12px 14px;border:1.5px solid var(--ig-border,#dbe3f0);border-radius:10px;font:500 14px Roboto,sans-serif;background:var(--ig-bg-card,#fff);color:inherit;margin-bottom:8px}.lx__sf input:focus{outline:2px solid var(--ig-brand);border-color:transparent}
.lx__learn img{float:right;margin:0 0 6px 10px}.lx__learn .h2btn{clear:both}.lx__pop{list-style:none;padding:0;margin:8px 0 0}.lx__pop li a{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--ig-tint);color:inherit;text-decoration:none;font:500 14px Roboto,sans-serif}.lx__pop span{flex:none;width:24px;height:24px;border-radius:7px;background:var(--ig-tint);color:var(--ig-brand);display:grid;place-items:center;font:700 12px Montserrat,sans-serif}.lx__pop a svg{margin-left:auto;width:15px;height:15px;color:#94a3b8}
/* Lektion: Quiz-Dashboard */
.tp{padding:26px 0 60px;background:var(--ig-light)}.tr2--play{max-width:1180px}.tp__grid{display:grid;grid-template-columns:290px minmax(0,1fr) 280px;gap:22px;align-items:start}
.tp__nav{background:var(--ig-bg-card,#fff);border:1px solid var(--ig-border,#e5eaf2);border-radius:18px;box-shadow:0 4px 16px rgba(15,23,42,.05)}.tp__navh{list-style:none;cursor:pointer;padding:14px 16px}.tp__navh::-webkit-details-marker{display:none}.tp__back{display:block;background:var(--ig-light);border-radius:10px;padding:10px 14px;color:var(--ig-brand);text-decoration:none;font:700 13px Montserrat,sans-serif}.tp__navb{padding:0 18px 18px}
.tp__eyebrow{display:block;color:var(--ig-brand);font:700 11px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.05em;margin:4px 0 6px}.tp__navb h2{font:800 20px/1.25 Montserrat,sans-serif;margin:0 0 10px}.tp__cnt{font:400 13px Roboto,sans-serif;color:var(--ig-text-muted,#64748b);margin:0 0 6px}
.tp__bar{height:8px;border-radius:99px;background:#e2e8f0;overflow:hidden}.tp__bar i{display:block;height:100%;background:var(--ig-brand);border-radius:99px;transition:width .4s}.tp__list{list-style:none;padding:0;margin:14px 0 0;max-height:540px;overflow:auto}.tp__list a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:inherit;text-decoration:none;font:500 14px Roboto,sans-serif}.tp__list a:hover{background:var(--ig-tint)}.tp__list a.is-cur{background:var(--ig-tint);color:var(--ig-deep);font-weight:600}
.tp__n{flex:none;width:24px;height:24px;border-radius:7px;background:var(--ig-tint);display:grid;place-items:center;font:700 11px Montserrat,sans-serif;color:var(--ig-text-muted,#64748b)}.is-cur .tp__n{background:var(--ig-brand);color:#fff}.tp__t{flex:1}.tp__list em{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid #cbd5e1;display:grid;place-items:center;font-style:normal;font-size:11px;color:#fff}.tp__list em.ok{background:var(--ig-ok);border-color:var(--ig-ok)}.tp__list em.cur{border:5px solid var(--ig-brand)}
.tp__card{background:var(--ig-bg-card,#fff);border:1px solid var(--ig-border,#e5eaf2);border-radius:20px;padding:24px;box-shadow:0 6px 24px rgba(15,23,42,.06);animation:tr2in .25s ease}.tp__qh{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tp__flag{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--ig-tint);color:var(--ig-brand);font-size:17px}.tp__qn{color:var(--ig-text-muted,#64748b);font:500 14px Roboto,sans-serif}
.tp__qp{display:flex;align-items:center;gap:12px;margin-bottom:20px}.tp__qp .tp__bar{flex:1}.tp__qp b{font:600 13px Roboto,sans-serif;color:var(--ig-text-muted,#64748b)}.tp__q{font:800 21px/1.45 Montserrat,sans-serif;margin:0 0 20px;color:var(--ig-text,#0f172a)}
.tp__gap{display:inline-block;min-width:96px;border-bottom:3px solid var(--ig-brand);color:var(--ig-brand);text-align:center}.tp__gap.is-ok{color:var(--ig-ok);border-color:var(--ig-ok)}.tp__gap.is-bad{color:var(--ig-bad);border-color:var(--ig-bad)}
.tp__opts{display:grid;gap:10px}.tp__opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:13px 16px;border:1.5px solid var(--ig-border,#dbe3f0);border-radius:12px;background:var(--ig-bg-card,#fff);color:inherit;font:500 16px/1.4 Roboto,sans-serif;cursor:pointer;transition:border-color .15s,background .15s}.tp__opt:hover:not(:disabled){border-color:var(--ig-brand);background:var(--ig-tint)}
.tp__l{flex:none;width:30px;height:30px;border-radius:8px;background:var(--ig-tint);display:grid;place-items:center;font:700 13px Montserrat,sans-serif;color:var(--ig-text-muted,#64748b)}.tp__ot{flex:1}.tp__radio{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid #cbd5e1}
.tp__opt.is-sel{border-color:var(--ig-brand);background:var(--ig-tint)}.tp__opt.is-sel .tp__l{background:var(--ig-brand);color:#fff}.tp__opt.is-sel .tp__radio{border:7px solid var(--ig-brand)}
.tp__opt.is-ok{border-color:var(--ig-ok);background:rgba(22,163,74,.1)}.tp__opt.is-ok .tp__l{background:var(--ig-ok);color:#fff}.tp__opt.is-ok .tp__radio{border:7px solid var(--ig-ok)}.tp__opt.is-bad{border-color:var(--ig-bad);background:rgba(220,38,38,.08);animation:tr2sh .3s}.tp__opt.is-bad .tp__l{background:var(--ig-bad);color:#fff}.tp__opt.is-bad .tp__radio{border:7px solid var(--ig-bad)}.tp__opt:disabled{cursor:default}
.tp__fb{display:flex;gap:14px;margin-top:18px;padding:16px 18px;border-radius:14px;background:var(--ig-tint)}.tp__fb p{margin:4px 0 0;color:var(--ig-text-muted,#64748b);font:400 14px/1.6 Roboto,sans-serif}.tp__fb b{font:800 17px Montserrat,sans-serif}.tp__fb.ok>div>b{color:var(--ig-ok)}.tp__fb.bad>div>b{color:var(--ig-bad)}.tp__fi{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 20px Montserrat,sans-serif}.tp__fb.ok .tp__fi{background:var(--ig-ok)}.tp__fb.bad .tp__fi{background:var(--ig-bad)}
.tp__nv{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.tp__prev,.tp__next{border-radius:12px;padding:14px 24px;font:700 15px Montserrat,sans-serif;cursor:pointer;border:1.5px solid var(--ig-brand)}.tp__prev{background:var(--ig-bg-card,#fff);color:var(--ig-brand)}.tp__next{background:var(--ig-brand);color:#fff}.tp__prev:disabled,.tp__next:disabled{opacity:.4;cursor:default}
.tp__right{display:grid;gap:16px}.tp__box{background:var(--ig-bg-card,#fff);border:1px solid var(--ig-border,#e5eaf2);border-radius:18px;padding:18px;box-shadow:0 4px 16px rgba(15,23,42,.05)}.tp__box h3{font:800 17px Montserrat,sans-serif;margin:0 0 12px;display:flex;align-items:center;gap:8px}.tp__box p{margin:0;color:var(--ig-text-muted,#64748b);font:400 14px/1.65 Roboto,sans-serif}.tp__ring{display:flex;align-items:center;gap:14px;font:500 14px/1.45 Roboto,sans-serif}.tp__ring .r0{fill:none;stroke:#e2e8f0;stroke-width:7}.tp__ring .r1{fill:none;stroke:var(--ig-brand);stroke-width:7;stroke-linecap:round}.tp__ring text{font:800 15px Montserrat,sans-serif;fill:var(--ig-text,#0f172a)}.tp__bulb{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ig-tint);color:var(--ig-brand);font:800 15px Georgia,serif}
.tp__done{text-align:center;padding:10px 0}
@media(max-width:1100px){.tp__grid{grid-template-columns:260px minmax(0,1fr)}.tp__right{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.igh__guru{display:none}.igh__in{grid-template-columns:1fr}.igh h1{font-size:32px}.lx__grid{grid-template-columns:1fr}.lx__side{position:static;grid-template-columns:1fr 1fr}.lx__cats{grid-template-columns:repeat(2,1fr)}.tp__grid{grid-template-columns:1fr}.tp__right{grid-template-columns:1fr}.tp__side{order:1}.tp__main{order:0}.tp__right{order:2}.tp__list{max-height:360px}}
@media(max-width:620px){.igh{padding:20px 0 70px}.igh h1{font-size:26px}.igh__lead{font-size:15px}.lx__side{grid-template-columns:1fr}.lx__body{padding-left:18px}.lx__az a,.lx__az span{min-width:26px;height:26px;font-size:12px}.tp__card{padding:18px}.tp__q{font-size:18px}.tp__nv{flex-direction:column-reverse}.tp__prev,.tp__next{width:100%}}
.tp__navh{display:flex;gap:10px;align-items:center;justify-content:space-between}.tp__back{flex:1}.tp__tog{font:700 13px Montserrat,sans-serif;color:var(--ig-brand);white-space:nowrap}@media(min-width:1000px){.tp__tog{display:none}.tp__navh{cursor:default}}
.lx__ph .h2phone__scr p{color:#fff;margin:0}.lx__ph .h2phone__scr{padding:14px}

.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:root{--ig-tint:#eaf3ff;--ig-on-tint:#1c397f}
[data-theme=dark]{--ig-light:#0b1220;--ig-tint:#15253f;--ig-on-tint:#cfe3ff}
.tp__list a.is-cur{color:var(--ig-on-tint)}.tp__fb p,.tl__learn,.lx__tools small{color:var(--ig-text-muted,#475569)}.tl__learn{color:var(--ig-text)}
[data-theme=dark] .tp__opt:hover:not(:disabled),[data-theme=dark] .lx__cat.is-on{background:#13233f}
[data-theme=dark] .tl__tabs button,[data-theme=dark] .tl__pill{background:var(--ig-bg-card,#111c2e);color:#cbd5e1;border-color:#26354d}[data-theme=dark] .tl__tabs button.is-on{background:var(--ig-brand);color:#fff}
[data-theme=dark] .tp__fb b,[data-theme=dark] .lx__body p{color:inherit}
.h2note--r{bottom:40px!important;right:3%!important}

/* App-Startseite 2027, Abzeichen, Tab-Leiste mit hervorgehobenem Lernen */
.ah{--hb:var(--ig-brand,#0075dc);padding:6px 14px 20px;font-family:Montserrat,Roboto,sans-serif;color:var(--ig-text,#0f172a)}.ah *{box-sizing:border-box}
.ah__hero{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;background:linear-gradient(135deg,var(--ig-brand,#0075dc),var(--ig-deep,#1c397f));color:#fff;border-radius:22px 22px 22px 22px;padding:20px 18px 52px;overflow:hidden}.ah__wm{position:absolute;right:-30px;top:-10px;height:150%;opacity:.12;pointer-events:none}
.ah__ht{position:relative;z-index:1;flex:1}.ah__ht small{font:600 14px Roboto,sans-serif;opacity:.95}.ah__ht h1{font:800 24px/1.18 Montserrat,sans-serif;color:#fff;margin:4px 0 8px}.ah__ht p{margin:0;font:400 13px/1.45 Roboto,sans-serif;opacity:.95}
.ah__guru{position:relative;z-index:1;text-align:center;flex:none}.ah__guru img{width:96px;height:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.25))}.ah__guru span{display:block;font:italic 500 13px/1.25 "Segoe Script","Bradley Hand",cursive;transform:rotate(-5deg);margin-top:2px}
.ah__search{display:flex;align-items:center;gap:10px;width:calc(100% - 28px);margin:-28px 14px 16px;position:relative;z-index:2;background:var(--ig-bg-card,#fff);border:1px solid var(--ig-border,#e5eaf2);border-radius:14px;padding:14px 16px;box-shadow:0 8px 22px rgba(15,23,42,.1);color:var(--ig-text-muted,#64748b);font:500 14px Roboto,sans-serif;text-align:left;cursor:pointer}.ah__search svg{flex:none;color:var(--ig-text,#0f172a)}.ah__search span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ah__quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:22px}.ah__quick a{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:inherit}.ah__quick span{display:grid;place-items:center;width:100%;max-width:84px;height:54px;border-radius:27px;background:var(--ig-tint);color:var(--ig-brand,#0075dc)}.ah__quick b{font:700 13px Montserrat,sans-serif}
.ah__sec{margin-bottom:22px}.ah__h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ah__h h2{font:800 19px Montserrat,sans-serif;margin:0}.ah__h a{display:inline-flex;align-items:center;gap:2px;color:var(--ig-brand,#0075dc);font:600 12px Montserrat,sans-serif;text-decoration:none}.ah__h svg{width:14px;height:14px}
.ah__row{scroll-padding:0 14px;display:grid;grid-auto-flow:column;grid-auto-columns:46%;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -14px;padding:2px 14px 6px;scrollbar-width:none}.ah__row::-webkit-scrollbar{display:none}.ah__row--3{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);grid-auto-columns:auto;overflow:visible;margin:12px 0 0;padding:0}
.ah__card{scroll-snap-align:start;display:flex;flex-direction:column;background:var(--ig-bg-card,#fff);border:1px solid var(--ig-border,#e5eaf2);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 3px 12px rgba(15,23,42,.06)}.ah__card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.ah__card b{font:700 13px/1.3 Montserrat,sans-serif;padding:10px 10px 2px}.ah__card small{padding:0 10px 12px;color:var(--ig-text-muted,#64748b);font:400 11.5px/1.4 Roboto,sans-serif}.ah__card--c b{padding-top:8px}.ah__card--p b{padding-bottom:12px}.ah__tag{padding:8px 10px 0!important;color:var(--ig-brand,#0075dc)!important;font:700 10px Montserrat,sans-serif!important;text-transform:uppercase;letter-spacing:.04em}
.ah__unl{background:linear-gradient(135deg,var(--ig-tint),var(--ig-tint));border-radius:18px;padding:18px;margin-bottom:22px}.ah__crown{display:inline-flex;align-items:center;gap:6px;color:var(--ig-brand,#0075dc);font:700 13px Montserrat,sans-serif}.ah__crown svg{width:18px;height:18px}.ah__unl h2{font:800 19px/1.25 Montserrat,sans-serif;margin:6px 0 10px}.ah__unl ul{list-style:none;padding:0;margin:0 0 14px;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;font:500 12.5px Roboto,sans-serif}.ah__unl li{display:flex;gap:6px;align-items:center}.ah__unl li svg{width:16px;height:16px;color:var(--ig-brand,#0075dc)}
.ah__btn{display:inline-flex;justify-content:center;background:var(--ig-brand,#0075dc);color:#fff;border-radius:12px;padding:12px 20px;font:700 14px Montserrat,sans-serif;text-decoration:none;box-shadow:0 6px 16px rgba(0,117,220,.3)}.ah__btn--s{padding:10px 14px;font-size:12px;white-space:nowrap;flex:none}
.ah__cont{display:flex;align-items:center;gap:12px;background:var(--ig-bg-card,#fff);border:1px solid var(--ig-border,#e5eaf2);border-radius:16px;padding:8px;text-decoration:none;color:inherit;box-shadow:0 3px 12px rgba(15,23,42,.06)}.ah__cont img{width:104px;height:78px;object-fit:cover;border-radius:10px;flex:none}.ah__cont>span:nth-child(2){flex:1;min-width:0}.ah__cont small{display:block;color:var(--ig-brand,#0075dc);font:700 10px Montserrat,sans-serif;text-transform:uppercase}.ah__cont b{display:block;font:700 14px/1.3 Montserrat,sans-serif}.ah__cont em{display:block;font:400 11.5px Roboto,sans-serif;color:var(--ig-text-muted,#64748b);font-style:normal;margin:2px 0 6px}
.ah__bar{display:block;height:6px;border-radius:99px;background:#e2e8f0;overflow:hidden}.ah__bar u{display:block;height:100%;background:var(--ig-brand,#0075dc);border-radius:99px}.ah__play{flex:none;width:42px;height:42px;border-radius:50%;background:var(--ig-tint);color:var(--ig-brand,#0075dc);display:grid;place-items:center;margin-right:4px}
.ah__lp{display:flex;flex-direction:column;gap:3px;background:var(--ig-bg-card,#fff);border:1px solid var(--ig-border,#e5eaf2);border-radius:14px;padding:12px 10px;text-decoration:none;color:inherit}.ah__lp span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;margin-bottom:4px}.ah__lp b{font:700 13px Montserrat,sans-serif}.ah__lp small{color:var(--ig-text-muted,#64748b);font:400 11px Roboto,sans-serif}
.ah__prog{display:flex;justify-content:space-around;margin-top:12px;background:var(--ig-tint);border-radius:12px;padding:10px;font:500 12px Roboto,sans-serif}.ah__prog span{display:inline-flex;align-items:center;gap:5px}.ah__prog svg{width:16px;height:16px;color:#ea580c}.ah__prog b{font:800 14px Montserrat,sans-serif}
.ah__az{display:flex;align-items:center;gap:14px;background:var(--ig-tint);border-radius:16px;padding:14px;text-decoration:none;color:inherit}.ah__az>span{flex:none;width:52px;height:52px;border-radius:14px;background:var(--ig-brand,#0075dc);color:#fff;display:grid;place-items:center;font:800 16px Montserrat,sans-serif}.ah__az div{flex:1}.ah__az b{display:block;font:800 16px Montserrat,sans-serif}.ah__az small{font:400 12px/1.4 Roboto,sans-serif;color:var(--ig-text-muted,#64748b)}.ah__az svg{color:var(--ig-brand,#0075dc)}
.ah__ask{display:flex;align-items:center;gap:12px;background:var(--ig-tint);border-radius:16px;padding:12px 14px}.ah__ask div{flex:1}.ah__ask b{display:block;font:800 14px Montserrat,sans-serif}.ah__ask small{font:400 11.5px Roboto,sans-serif;color:var(--ig-text-muted,#64748b)}
@media(min-width:700px){.ah{max-width:720px;margin:0 auto}.ah__row{grid-auto-columns:30%}}
/* Tab-Leiste: Lernen in der Mitte hervorgehoben */
.tabbar__item.tabbar__item--hero{position:relative}.tabbar__item.tabbar__item--hero .icon{width:50px;height:50px;box-sizing:border-box;padding:13px;margin-top:-26px;border-radius:50%;background:var(--ig-brand,#0075dc);color:#fff;stroke:#fff;box-shadow:0 6px 16px rgba(0,117,220,.45);border:4px solid var(--ig-bg,#fff)}.tabbar__item.tabbar__item--hero span{font-weight:700;color:var(--ig-brand,#0075dc)}
/* Abzeichen */
.igb{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.igb__i{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:12px 6px;border-radius:14px;background:var(--ig-bg-card,#fff);border:1px solid var(--ig-border,#e5eaf2);opacity:.55;filter:grayscale(.9)}.igb__i.is-on{opacity:1;filter:none;box-shadow:0 6px 16px rgba(15,23,42,.08)}.igb__i span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c)}.igb__i b{font:700 12px/1.25 Montserrat,sans-serif}.igb__i small{font:400 11px Roboto,sans-serif;color:var(--ig-text-muted,#64748b)}
.tr2__badges{margin:18px 0}.tr2__badges h3{font:800 18px Montserrat,sans-serif;margin:0 0 10px}
.igb__toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,30px);opacity:0;z-index:400;display:flex;align-items:center;gap:12px;background:#0f172a;color:#fff;border-radius:16px;padding:12px 18px;box-shadow:0 14px 34px rgba(0,0,0,.35);transition:transform .35s,opacity .35s}.igb__toast.is-in{transform:translate(-50%,0);opacity:1}.igb__toast span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--c) 25%,#fff);color:var(--c)}.igb__toast small{display:block;font:600 11px Roboto,sans-serif;opacity:.7;text-transform:uppercase}.igb__toast b{font:800 15px Montserrat,sans-serif}
@media(max-width:560px){.igb{grid-template-columns:repeat(4,1fr);gap:6px}.igb__i{padding:10px 4px}.igb__i span{width:44px;height:44px}.igb__i b{font-size:10.5px}}.ah__card b,.ah__lp b,.ah__cont b,.ah__quick b,.ah__az b,.ah__ask b{color:var(--ig-text,#0f172a)}.ah__card small,.ah__lp small,.ah__cont em,.ah__az small,.ah__ask small{color:var(--ig-text-muted,#64748b)}

/* Staedte-Uebersicht und App-Varianten der Lernen-Seiten */
.stk{padding:30px 0 56px;background:var(--ig-light,#f4f8fd);font-family:Montserrat,Roboto,sans-serif;color:var(--ig-text,#0f172a)}.stk .wrap{max-width:1180px}.stk--app{padding:14px 0 0}.stk__h1{font:800 22px Montserrat,sans-serif;margin:0 0 4px}
.stk__bar{display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:20px;position:sticky;top:76px;z-index:5;background:var(--ig-light,#f4f8fd);padding:8px 0}.stk__chips{display:flex;gap:8px;flex-wrap:wrap}.stk__chips button{border:1px solid var(--ig-border,#dbe3f0);background:var(--ig-bg-card,#fff);color:var(--ig-text,#0f172a);border-radius:999px;padding:9px 18px;font:600 13px Montserrat,sans-serif;cursor:pointer}.stk__chips button.is-on{background:var(--ig-brand,#0075dc);border-color:var(--ig-brand,#0075dc);color:#fff}
.stk__bar input{min-width:240px;padding:11px 16px;border:1.5px solid var(--ig-border,#dbe3f0);border-radius:12px;font:500 14px Roboto,sans-serif;background:var(--ig-bg-card,#fff);color:inherit}.stk__bar input:focus{outline:2px solid var(--ig-brand,#0075dc);border-color:transparent}
.stk__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stk__card{display:flex;flex-direction:column;background:var(--ig-bg-card,#fff);border:1px solid var(--ig-border,#e5eaf2);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 3px 12px rgba(15,23,42,.06);transition:transform .15s,box-shadow .15s}.stk__card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(15,23,42,.12)}.stk__card[hidden]{display:none}
.stk__card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.stk__ph{aspect-ratio:16/9;display:grid;place-items:center;background:linear-gradient(135deg,#0075dc,#1c397f);position:relative;overflow:hidden}.stk__ph b{font:800 52px Montserrat,sans-serif;color:rgba(255,255,255,.9)}.stk__ph::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(0deg,rgba(255,255,255,.14),transparent)}
.stk__b{display:flex;flex-direction:column;gap:3px;padding:12px 14px 14px}.stk__b b{font:700 16px Montserrat,sans-serif}.stk__b small{color:var(--ig-text-muted,#64748b);font:400 12px Roboto,sans-serif}.stk__meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.stk__meta i{font:600 11px Roboto,sans-serif;font-style:normal;background:var(--ig-tint,#eaf3ff);color:var(--ig-brand,#0075dc);border-radius:8px;padding:4px 8px}
.stk__none{padding:30px;text-align:center;color:#64748b}.stk__cta{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:30px;background:linear-gradient(135deg,#0075dc,#1c397f);color:#fff;border-radius:20px;padding:22px 26px}.stk__cta b{display:block;font:800 20px Montserrat,sans-serif}.stk__cta small{font:400 14px Roboto,sans-serif;opacity:.92}.stk__cta .h2btn{background:#fff;color:#0075dc;box-shadow:none}
@media(max-width:1000px){.stk__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.stk__grid{grid-template-columns:repeat(2,1fr);gap:10px}.stk__bar{top:60px}.stk__bar input{min-width:0;width:100%}.stk__ph b{font-size:38px}.stk__b{padding:10px}.stk__b b{font-size:14px}}
.is-app .lx{padding-top:8px}.is-app .lx__grid{grid-template-columns:1fr}.is-app .lx__side{display:none}.is-app .lx__az{top:56px}.is-app .lx__cats{grid-template-columns:repeat(2,1fr)}.is-app .stk__bar{top:56px}.is-app .stk__cta{display:none}
/* Scrollbars: App ohne klobige Standard-Leiste (wie auf dem Handy), Website mit schlanker Leiste */
html{scrollbar-width:thin;scrollbar-color:#9db8d9 transparent}html:has(body.is-app){scrollbar-width:none}html:has(body.is-app)::-webkit-scrollbar,body.is-app ::-webkit-scrollbar{width:0;height:0;display:none}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#9db8d9;border-radius:99px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}

/* Website 2027: Rechner-Uebersicht, Artikelseiten, Blog */
.rcg,.art,.bl2{background:var(--ig-light,#f4f8fd);font-family:Montserrat,Roboto,sans-serif;color:var(--ig-text,#0f172a)}.rcg .wrap,.art .wrap,.bl2 .wrap{max-width:1180px}
.rcg{padding:30px 0 60px}.rcg__bar{display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap;position:sticky;top:76px;z-index:5;background:var(--ig-light,#f4f8fd);padding:8px 0 14px}.rcg__chips{display:flex;gap:8px;flex-wrap:wrap}.rcg__chips button{border:1px solid var(--ig-border,#dbe3f0);background:var(--ig-bg-card,#fff);color:var(--ig-text,#0f172a);border-radius:999px;padding:9px 16px;font:600 13px Montserrat,sans-serif;cursor:pointer}.rcg__chips button i{font-style:normal;opacity:.6;margin-left:4px}.rcg__chips button.is-on{background:var(--ig-brand,#0075dc);border-color:var(--ig-brand,#0075dc);color:#fff}
.rcg__s{display:flex;align-items:center;gap:8px;background:var(--ig-bg-card,#fff);border:1.5px solid var(--ig-border,#dbe3f0);border-radius:12px;padding:0 14px;min-width:260px}.rcg__s svg{color:#64748b;flex:none}.rcg__s input{border:0;background:transparent;padding:11px 0;font:500 14px Roboto,sans-serif;color:inherit;width:100%;outline:0}.rcg__s:focus-within{border-color:var(--ig-brand,#0075dc)}
.rcg__sec{margin-top:26px}.rcg__sec[hidden]{display:none}.rcg__sec h2{font:800 22px Montserrat,sans-serif;margin:0 0 14px}.rcg__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rcg__card{display:flex;gap:14px;align-items:flex-start;background:var(--ig-bg-card,#fff);border:1px solid var(--ig-border,#e5eaf2);border-radius:16px;padding:16px;text-decoration:none;color:inherit;box-shadow:0 3px 12px rgba(15,23,42,.05);transition:transform .15s,box-shadow .15s}.rcg__card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(15,23,42,.1)}.rcg__card[hidden]{display:none}
.rcg__i{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px}.rcg__t b{display:block;font:700 15px/1.3 Montserrat,sans-serif}.rcg__t small{display:block;margin-top:3px;color:var(--ig-text-muted,#64748b);font:400 12.5px/1.45 Roboto,sans-serif}.rcg__none{padding:30px;text-align:center;color:#64748b}
/* Artikel */
.art{padding:30px 0 60px}.art__grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.art__main{background:var(--ig-bg-card,#fff);border:1px solid var(--ig-border,#e5eaf2);border-radius:20px;padding:30px 34px;box-shadow:0 4px 18px rgba(15,23,42,.05);min-width:0}
.art__facts{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-wrap:wrap;gap:10px}.art__facts li{background:var(--ig-tint,#eaf3ff);border-radius:12px;padding:10px 16px}.art__facts small{display:block;font:500 11px Roboto,sans-serif;color:var(--ig-text-muted,#64748b)}.art__facts b{font:800 17px Montserrat,sans-serif;color:var(--ig-brand,#0075dc)}
.art__img{width:100%;max-height:380px;object-fit:cover;border-radius:14px;margin:0 0 22px;display:block}.art__main .prose{font-size:17px;line-height:1.7}.art__main .prose h2{font:800 24px/1.3 Montserrat,sans-serif;margin:28px 0 10px}.art__main .prose h3{font:700 19px/1.3 Montserrat,sans-serif;margin:22px 0 8px}.art__main .prose img{max-width:100%;height:auto;border-radius:12px}.art__main .prose table{display:block;overflow-x:auto;max-width:100%}
.art__side{display:grid;gap:16px;position:sticky;top:84px}.art__box{background:var(--ig-bg-card,#fff);border:1px solid var(--ig-border,#e5eaf2);border-radius:18px;padding:20px;box-shadow:0 4px 16px rgba(15,23,42,.05)}.art__box>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--ig-tint,#e3f0fd);color:var(--ig-brand,#0075dc);margin-bottom:10px}.art__box h3{font:800 17px/1.3 Montserrat,sans-serif;margin:0 0 6px}.art__box p{margin:0 0 14px;color:var(--ig-text-muted,#64748b);font:400 14px/1.55 Roboto,sans-serif}
.art__cta{background:linear-gradient(135deg,#0075dc,#1c397f);border:0;color:#fff}.art__cta h3,.art__cta p{color:#fff}.art__cta p{opacity:.92}.art__cta>span{background:rgba(255,255,255,.18);color:#fff}.art__cta .h2btn{background:#fff;color:#0075dc;box-shadow:none}.art__link{display:inline-flex;gap:6px;align-items:center;color:var(--ig-brand,#0075dc);font:700 14px Montserrat,sans-serif;text-decoration:none}.art__link svg{width:16px;height:16px}
.art__rel{list-style:none;padding:0;margin:8px 0 0}.art__rel li a{display:block;padding:9px 0;border-top:1px solid var(--ig-border,#eef2f7);color:inherit;text-decoration:none;font:500 14px Roboto,sans-serif}.art__rel li a:hover{color:var(--ig-brand,#0075dc)}
/* Blog */
.bl2{padding:30px 0 60px}.bl2__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.bl2__card{display:flex;flex-direction:column;background:var(--ig-bg-card,#fff);border:1px solid var(--ig-border,#e5eaf2);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 3px 14px rgba(15,23,42,.06);transition:transform .15s,box-shadow .15s}.bl2__card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(15,23,42,.12)}
.bl2__img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.bl2__ph{aspect-ratio:16/9;background:linear-gradient(135deg,#0075dc,#1c397f)}.bl2__b{display:flex;flex-direction:column;gap:6px;padding:14px 16px 18px}.bl2__b small{color:var(--ig-brand,#0075dc);font:700 11px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.04em}.bl2__b b{font:800 16px/1.35 Montserrat,sans-serif}.bl2__b em{font:400 13.5px/1.5 Roboto,sans-serif;font-style:normal;color:var(--ig-text-muted,#64748b)}
.bl2__pg{display:flex;gap:8px;justify-content:center;margin-top:30px;flex-wrap:wrap}.bl2__pg a,.bl2__pg b{min-width:40px;height:40px;display:grid;place-items:center;border-radius:10px;font:700 14px Montserrat,sans-serif;text-decoration:none}.bl2__pg a{background:var(--ig-bg-card,#fff);border:1px solid var(--ig-border,#dbe3f0);color:var(--ig-text,#0f172a)}.bl2__pg b{background:var(--ig-brand,#0075dc);color:#fff}
@media(max-width:1000px){.art__grid{grid-template-columns:1fr}.art__side{position:static;grid-template-columns:1fr 1fr}.rcg__grid{grid-template-columns:repeat(2,1fr)}.bl2__grid{grid-template-columns:repeat(2,1fr)}.art__main{padding:22px 20px}}
@media(max-width:620px){.rcg__grid,.bl2__grid{grid-template-columns:1fr}.art__side{grid-template-columns:1fr}.rcg__s{min-width:0;width:100%}.rcg__bar{top:60px}.art__main .prose{font-size:16px}}

.art__grid--one{grid-template-columns:minmax(0,880px);justify-content:center}.art__grid--one .art__side{display:none}

/* =====================================================================
   Rechner-Seiten Layout 2027 (Mockup "Kaufnebenkosten-Rechner im blauen ImmoGuru-Design"): blauer Kopf mit Guru-Wasserzeichen, Karten, Diagramme
   gilt fuer Website UND App (/app/...). Wird NACH dem Rechner-CSS eingebunden.
   ===================================================================== */
.rhero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#0a67db 0%,#0b52bd 55%,#0a43a3 100%);padding:44px 0 118px;clip-path:polygon(0 0,100% 0,100% 90%,62% 100%,0 91%)}
.rhero::before{content:"";position:absolute;right:max(-90px,calc(50% - 760px));top:-40px;width:min(600px,52vw);aspect-ratio:1;background:rgba(255,255,255,.16);-webkit-mask:url(/assets/logo-line.svg) no-repeat center/contain;mask:url(/assets/logo-line.svg) no-repeat center/contain;pointer-events:none}
.rhero__in{position:relative}
.rcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font:400 15px Roboto,sans-serif;color:#cfe3ff;margin:0 0 30px}.rcrumb a{color:#cfe3ff}.rcrumb a:hover{color:#fff}.rcrumb .icon{width:18px;height:18px;color:#fff}.rcrumb .icon-s{width:14px;height:14px;opacity:.7}
.rhero__t{font:800 clamp(2rem,4.4vw,3.5rem)/1.08 Montserrat,sans-serif;color:#fff;margin:0 0 16px;letter-spacing:-.02em;max-width:14em}
.rhero__lead{font:300 clamp(1.05rem,1.6vw,1.35rem)/1.5 Roboto,sans-serif;color:#eaf3ff;max-width:36em;margin:0 0 26px}
.rhero__chips{display:flex;flex-wrap:wrap;gap:12px 28px;list-style:none;padding:0;margin:0}.rhero__chips li{display:flex;align-items:center;gap:10px;font:500 16px Roboto,sans-serif;color:#fff}
.rhero__chips i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;color:#0a58c4}.rhero__chips .icon{width:15px;height:15px;stroke-width:3}
.rbody{background:#f4f8fd;margin-top:-56px;padding:70px 0 70px;position:relative}
.rbody__in{position:relative}
/* Karten */
.rc2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.rc2__col{display:flex;flex-direction:column;gap:24px;min-width:0}
.rc2__card{background:#fff;border-radius:22px;padding:28px;box-shadow:0 10px 34px rgba(12,60,140,.08),0 0 0 1px rgba(12,60,140,.05)}
.rc2__head{display:flex;gap:16px;align-items:flex-start;margin:0 0 22px}.rc2__head--s{align-items:center;margin-bottom:18px}
.rc2__head h2{font:700 21px/1.2 Montserrat,sans-serif;color:#0b1f3a;margin:0 0 4px}.rc2__head p{font:400 15px/1.45 Roboto,sans-serif;color:#5b6b83;margin:0}
.rc2__num{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#0a67db,#0b52bd);color:#fff;font:700 21px Montserrat,sans-serif;box-shadow:0 6px 14px rgba(10,103,219,.35)}
.rc2__hi{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e6f0ff;color:#0a67db}.rc2__hi .icon{width:26px;height:26px}
.tool .rc2__l{display:flex;align-items:center;gap:8px;font:500 17px Roboto,sans-serif;color:#1d2b44;margin:20px 0 9px}.tool .rc2__l--p{margin-top:22px}
.rc2__help{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e9eff8;color:#5b6b83;font:600 12px Roboto,sans-serif;cursor:help;position:relative}
.rc2__help:hover::after,.rc2__help:focus::after{content:attr(data-tip);position:absolute;left:26px;top:-8px;width:240px;background:#0b1f3a;color:#fff;font:400 13px/1.45 Roboto,sans-serif;padding:10px 12px;border-radius:10px;z-index:20;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.tool .rc2__field{display:flex;align-items:stretch;height:56px;border:1.5px solid #cfdff3;border-radius:14px;background:#fff;overflow:hidden;position:relative}
.tool .rc2__field:focus-within{border-color:#0a67db;box-shadow:0 0 0 4px rgba(10,103,219,.12)}
.rc2__fi{display:grid;place-items:center;width:58px;background:#f3f7fd;border-right:1.5px solid #e1ecf9;color:#0a67db;flex:none}.rc2__fi .icon{width:22px;height:22px}
.tool .rc2__field .form-control{flex:1;min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none;height:auto;margin:0;padding:0 16px;font:400 18px Roboto,sans-serif;color:#0b1f3a;appearance:none;-webkit-appearance:none}
.tool .rc2__field .form-control:focus{outline:0;box-shadow:none}
.rc2__suf{display:grid;place-items:center;padding:0 18px;color:#5b6b83;font:400 18px Roboto,sans-serif}.rc2__suf--chev{pointer-events:none;position:absolute;right:0;top:0;bottom:0}.rc2__suf--chev .icon{width:18px;height:18px}
.rc2__radios{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.rc2__radio{position:relative;display:flex;align-items:center;gap:10px;padding:14px 14px;border:1.5px solid #d6e3f4;border-radius:14px;background:#fff;cursor:pointer;margin:0}
.rc2__radio input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.rc2__rdot{order:2;margin-left:auto;flex:none;width:22px;height:22px;border-radius:50%;border:2px solid #b9cde6;background:#fff;display:grid;place-items:center}
.rc2__rtxt{display:flex;flex-direction:column;min-width:0}.rc2__rtxt b{font:600 17px Roboto,sans-serif;color:#0b1f3a}.rc2__rtxt small{font:400 13px/1.3 Roboto,sans-serif;color:#5b6b83}
.rc2__radio:has(input:checked){border-color:#0a67db;background:#f3f8ff;box-shadow:0 0 0 3px rgba(10,103,219,.1)}
.rc2__radio input:checked~.rc2__rdot{border-color:#0a67db;background:radial-gradient(circle,#0a67db 0 42%,#fff 46%)}
.rc2__radio:has(input:focus-visible){outline:3px solid #0a67db;outline-offset:2px}
.tool .button.rc2__go{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;height:60px;margin:26px 0 14px;border:0;border-radius:14px;background:linear-gradient(135deg,#0a62d8,#0b86f4);color:#fff;font:700 19px Montserrat,sans-serif;box-shadow:0 12px 26px rgba(10,103,219,.35);cursor:pointer;position:relative;padding:0 22px}
.rc2__go .icon{width:24px;height:24px}.rc2__go .icon:last-child{position:absolute;right:22px}
.rc2__trust{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;padding:0;margin:0;font:400 13.5px Roboto,sans-serif;color:#33425b}.rc2__trust li{display:flex;align-items:center;gap:7px}.rc2__trust .icon{width:18px;height:18px;padding:3px;border-radius:50%;background:#0a67db;color:#fff;stroke-width:3.2}
/* Ergebnis */
.rc2__kgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rc2__kpi{border:1px solid #dbe8f8;border-radius:16px;padding:14px 12px 12px;background:#f8fbff;display:flex;flex-direction:column;gap:2px;min-width:0}
.rc2__kpi span{font:500 13px Roboto,sans-serif;color:#1d2b44;white-space:nowrap}.rc2__kpi b{font:800 clamp(16px,1.9vw,24px)/1.15 Montserrat,sans-serif;color:#0a58c4;letter-spacing:-.02em;white-space:nowrap}.rc2__kpi small{font:400 12.5px Roboto,sans-serif;color:#5b6b83}
.rc2__kpi.is-high b{color:#e5484d}.rc2__kpi.is-mid b{color:#e08a00}
.rc2__tw{overflow-x:auto;overflow-y:hidden;border-radius:14px;border:1px solid #e3edf9}
.rc2__table{width:100%;border-collapse:collapse;font:400 15.5px Roboto,sans-serif;color:#0b1f3a;min-width:0}
.rc2__table th{background:#f1f6fd;font:500 14px Roboto,sans-serif;color:#33425b;padding:12px 14px;text-align:left;text-transform:none;letter-spacing:0}.rc2__table .r{text-align:right}
.rc2__table td{padding:12px 14px;border-top:1px solid #e8eff9;white-space:nowrap}.rc2__table td:first-child{display:flex;align-items:center;gap:10px;white-space:nowrap}
.rc2__ti{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;flex:none}.rc2__ti .icon{width:18px;height:18px}.rc2__ti--b{background:#e6f0ff;color:#0a67db}
.rc2__table tfoot td{background:#eef4ff;border-top:1px solid #d5e4f8;font-size:16.5px}.rc2__table tfoot td:last-child,.rc2__table tfoot td:nth-child(3) b{color:#0a58c4}
/* Diagramme */
.rc2__svg svg{display:block;width:100%;height:auto}
.rc2__grid{stroke:#e3ecf8;stroke-width:1}.rc2__ax{font:400 11.5px Roboto,sans-serif;fill:#5b6b83}
.rc2__dwrap{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:20px;align-items:center}
.rc2__dv{font:800 21px Montserrat,sans-serif;fill:#0b1f3a}.rc2__ds{font:400 13px Roboto,sans-serif;fill:#5b6b83}
.rc2__legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.rc2__legend li{display:flex;align-items:center;gap:10px;font:400 15px Roboto,sans-serif;color:#33425b}.rc2__legend i{width:16px;height:16px;border-radius:50%;flex:none}.rc2__legend b{margin-left:auto;font:700 15px Roboto,sans-serif;color:#0b1f3a;padding-left:6px}
.tool .button.rc2__print{width:auto;margin:22px auto 0;display:flex;background:#fff;color:#0a58c4;border:1.5px solid #cfdff3;box-shadow:none;padding:14px 28px}.rc2__note{text-align:center;color:#5b6b83;margin-top:14px}
/* Einfacher Rechner in Karte (alle uebrigen Rechner) */
.rc1{max-width:780px;margin:0 auto;background:#fff;border-radius:22px;padding:30px;box-shadow:0 10px 34px rgba(12,60,140,.08),0 0 0 1px rgba(12,60,140,.05)}
.rc1 .tool .form-control,.rc1 .form-control{border:1.5px solid #cfdff3;border-radius:14px;background:#fff;min-height:54px;font-size:17px}
.rc1 .button{border-radius:14px}
/* Unterer Hinweis + weitere Rechner */
.rinfo{display:flex;align-items:center;gap:22px;margin:26px 0 0;padding:22px 28px;border-radius:22px;background:linear-gradient(135deg,#e5efff,#dbe8ff)}
.rinfo img{width:84px;height:84px;flex:none}.rinfo__t{flex:1;min-width:0}.rinfo h3{font:700 21px Montserrat,sans-serif;color:#0b1f3a;margin:0 0 4px}.rinfo p{font:400 15.5px/1.5 Roboto,sans-serif;color:#33425b;margin:0}
.rinfo__go{display:inline-flex;align-items:center;gap:12px;background:#fff;color:#0a58c4;font:700 16px Montserrat,sans-serif;padding:16px 24px;border-radius:99px;box-shadow:0 6px 18px rgba(10,60,140,.14);white-space:nowrap}.rinfo__go:hover{color:#0a58c4;box-shadow:0 10px 24px rgba(10,60,140,.22)}.rinfo__go .icon{width:20px;height:20px}
.rrel{margin-top:22px}.rrel h3{font:700 13px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.07em;color:#5b6b83;margin:0 0 10px}
@media (max-width:1000px){.rc2{grid-template-columns:1fr}.rc2__col{display:contents}.rc2__form{order:1}.rc2__kpis{order:2}.rc2__detail{order:3}.rc2__chart{order:4}.rc2__donut{order:5}.rc2__dwrap{grid-template-columns:minmax(0,200px) 1fr}.rhero{padding:34px 0 100px}}
@media (max-width:640px){.rc2__card{padding:20px 16px;border-radius:18px}.rc2__dwrap{grid-template-columns:1fr;justify-items:center}.rc2__legend{width:100%}.rinfo{flex-direction:column;text-align:center;align-items:center}.rc2__head h2{font-size:19px}.rc2__radios{grid-template-columns:1fr}.rc2__kpi{padding:12px 10px}.rc2__kpi span{font-size:12px}.rc2__kpi small{font-size:11px}.rbody{padding-top:56px}}
/* App-Rahmen: kompakter Kopf, Karten untereinander */
.is-app .rhero{padding:22px 0 76px;clip-path:polygon(0 0,100% 0,100% 92%,60% 100%,0 94%)}.is-app .rcrumb{display:none}.is-app .rhero__t{font-size:1.75rem;margin-bottom:10px}.is-app .rhero__lead{font-size:1rem;margin-bottom:16px}.is-app .rhero__chips{gap:8px 16px}.is-app .rhero__chips li{font-size:13.5px}.is-app .rhero__chips i{width:22px;height:22px}
.is-app .rbody{padding:52px 0 30px;margin-top:-40px}.is-app .rbody .wrap{width:min(100% - 24px,720px)}.is-app .rc2{grid-template-columns:1fr}.is-app .rinfo{flex-direction:column;text-align:center}.is-app .rinfo__go{width:100%;justify-content:center}
/* Dunkel */
[data-theme=dark] .rbody{background:#0b1220}
[data-theme=dark] .rc2__card,[data-theme=dark] .rc1,[data-theme=dark] .rinfo{background:#16213a;box-shadow:0 0 0 1px #26365a}
[data-theme=dark] .rinfo{background:linear-gradient(135deg,#16284d,#10213f)}
[data-theme=dark] .rc2__head h2,[data-theme=dark] .rinfo h3,[data-theme=dark] .tool .rc2__l,[data-theme=dark] .rc2__rtxt b,[data-theme=dark] .rc2__kpi span,[data-theme=dark] .rc2__table,[data-theme=dark] .rc2__legend b,[data-theme=dark] .rc2__legend li{color:#eaf1fd}
[data-theme=dark] .rc2__head p,[data-theme=dark] .rc2__rtxt small,[data-theme=dark] .rc2__kpi small,[data-theme=dark] .rc2__trust,[data-theme=dark] .rinfo p,[data-theme=dark] .rc2__note,[data-theme=dark] .rrel h3{color:#9db0cf}
[data-theme=dark] .tool .rc2__field,[data-theme=dark] .rc2__radio{background:#0f1930;border-color:#2c3f66}
[data-theme=dark] .rc2__fi{background:#142140;border-color:#2c3f66;color:#6cb0ff}
[data-theme=dark] .tool .rc2__field .form-control{color:#eaf1fd}[data-theme=dark] .tool .rc2__field select option{background:#16213a;color:#eaf1fd}
[data-theme=dark] .rc2__suf{color:#9db0cf}
[data-theme=dark] .rc2__radio:has(input:checked){background:#12264a;border-color:#3d8df5}
[data-theme=dark] .rc2__kpi{background:#0f1930;border-color:#26365a}[data-theme=dark] .rc2__kpi b{color:#6cb0ff}[data-theme=dark] .rc2__kpi.is-high b{color:#ff7a80}
[data-theme=dark] .rc2__tw{border-color:#26365a}[data-theme=dark] .rc2__table th{background:#10203d;color:#b4c4de}[data-theme=dark] .rc2__table td{border-color:#223357}[data-theme=dark] .rc2__table tfoot td{background:#12264a;border-color:#2c4672}
[data-theme=dark] .rc2__table tfoot td:last-child,[data-theme=dark] .rc2__table tfoot td:nth-child(3) b{color:#6cb0ff}
[data-theme=dark] .rc2__ti--b,[data-theme=dark] .rc2__hi{background:#16305c;color:#6cb0ff}[data-theme=dark] .rc2__help{background:#26365a;color:#c3d2ea}
[data-theme=dark] .rc2__dv{fill:#eaf1fd}[data-theme=dark] .rc2__ds,[data-theme=dark] .rc2__ax{fill:#9db0cf}[data-theme=dark] .rc2__grid{stroke:#26365a}
[data-theme=dark] .rc2__go,[data-theme=dark] .rc2__num{color:#fff}[data-theme=dark] .rinfo__go{background:#0f1930;color:#6cb0ff}[data-theme=dark] .tool .button.rc2__print{background:#16213a;color:#6cb0ff;border-color:#2c3f66}
[data-theme=dark] .rc1 .form-control{background:#0f1930;border-color:#2c3f66;color:#eaf1fd}
/* Feinschliff Tabelle/Donut + dunkle Buttons */
.rc2__table th,.rc2__table td{padding:11px 10px}.rc2__table td:first-child{white-space:normal;gap:8px}.rc2__ti{width:28px;height:28px}.rc2__ti .icon{width:16px;height:16px}.rc2__table{font-size:14.5px}.rc2__table tfoot td{font-size:15px}
.rc2__dwrap{grid-template-columns:minmax(0,165px) minmax(0,1fr);gap:16px}.rc2__legend li{font-size:14px;gap:8px}.rc2__legend b{font-size:14px}.rc2__legend{gap:12px}
[data-theme=dark] .menu__cta,[data-theme=dark] .mmpromo__cta,[data-theme=dark] .sheet__cta,[data-theme=dark] .rhero a,[data-theme=dark] .btnf,[data-theme=dark] .btnw{color:#fff}[data-theme=dark] .btnw{color:#000}
@media (max-width:640px){.rc2__kgrid{gap:8px}.rc2__kpi{padding:10px 8px}.rc2__kpi b{font-size:14px;letter-spacing:-.03em}.rc2__kpi span{font-size:11.5px;white-space:normal}.rc2__kpi small{font-size:10.5px}}
@media (max-width:640px){.rc2__dwrap{grid-template-columns:minmax(0,1fr);justify-items:center}.rc2__legend{width:100%}.rc2__svg--d{width:min(220px,100%)}}

/* Mockup-Feinabstimmung (Desktop/Tablet): kleinere, dichtere Typografie wie im Entwurf */
@media (min-width:641px){
.rc2__card{padding:22px;border-radius:18px}.rc2{gap:20px}.rc2__col{gap:20px}
.rc2__head{gap:12px;margin-bottom:16px}.rc2__head h2{font-size:17px}.rc2__head p{font-size:12.5px}
.rc2__num{width:36px;height:36px;font-size:16px}.rc2__hi{width:38px;height:38px;border-radius:11px}.rc2__hi .icon{width:21px;height:21px;stroke-width:2.5}
.tool .rc2__l{font-size:14px;margin:14px 0 6px}.rc2__help{width:17px;height:17px;font-size:11px}
.tool .rc2__field{height:44px;border-radius:11px}.rc2__fi{width:44px}.rc2__fi .icon{width:19px;height:19px}.tool .rc2__field .form-control{font-size:14.5px;padding:0 12px}.rc2__suf{font-size:14.5px;padding:0 14px}
.rc2__radio{padding:10px 12px;border-radius:11px}.rc2__rtxt b{font-size:14.5px}.rc2__rtxt small{font-size:11.5px}.rc2__rdot{width:19px;height:19px}
.tool .button.rc2__go{height:46px;font-size:15px;margin:18px 0 10px;border-radius:11px}.rc2__go .icon{width:20px;height:20px}
.rc2__trust{font-size:11.5px;gap:6px 16px}.rc2__trust .icon{width:15px;height:15px;padding:2.5px}
.rc2__kpi{padding:12px 12px 10px}.rc2__kpi span{font-size:12px}.rc2__kpi b{font-size:clamp(18px,2.3vw,26px);color:#0a58c4}.rc2__kpi small{font-size:11px}.rc2__kpi.is-high b,.rc2__kpi.is-mid b{color:#0a58c4}
.rc2__table{font-size:13px}.rc2__table th,.rc2__table td{padding:8px 10px}.rc2__table th{font-size:12px}.rc2__table tfoot td{font-size:13.5px}
.rc2__ti{background:none;color:#0a67db;width:22px;height:22px}.rc2__ti .icon{width:18px;height:18px;stroke-width:2.4}
.rc2__legend li{font-size:13px}.rc2__legend b{font-size:13px}.rc2__legend{gap:11px}
.rc2__ax{font-size:10.5px}
.rinfo{padding:16px 22px;border-radius:16px}.rinfo img{width:64px;height:64px}.rinfo h3{font-size:17px}.rinfo p{font-size:13px}.rinfo__go{font-size:13.5px;padding:11px 18px}
.rhero__t{font-size:clamp(2rem,3.9vw,3.05rem)}.rhero__lead{font-size:clamp(1rem,1.5vw,1.2rem)}.rhero__chips li{font-size:14px}.rhero__chips i{width:22px;height:22px}
}
.menu__link--active{color:var(--blue)}.menu__link--active::after{content:"";position:absolute;left:16px;right:16px;bottom:-2px;height:3px;border-radius:3px;background:var(--blue)}
[data-theme=dark] .rc2__kpi.is-high b,[data-theme=dark] .rc2__kpi.is-mid b{color:#6cb0ff}
[data-theme=dark] .rc2__rdot{background:#0f1930;border-color:#4a6492}[data-theme=dark] .rc2__radio input:checked~.rc2__rdot{border-color:#6cb0ff;background:radial-gradient(circle,#6cb0ff 0 42%,#0f1930 46%)}

/* Automatisches Zwei-Karten-Layout fuer alle uebrigen Rechner */
.rc2--auto .rc2__card .form-control{border:1.5px solid #cfdff3;border-radius:11px;min-height:46px;background:#fff}
.rc2--auto .rc2__card .button{border-radius:11px}
.rc2--auto .rc2__card p{max-width:none}
.rc2--auto .rc2__card table{width:100%}
.rc2--auto .rc2__col:last-child .rc2__card{min-height:200px}
[data-theme=dark] .rc2--auto .rc2__card .form-control{background:#0f1930;border-color:#2c3f66;color:#eaf1fd}
.rc2--auto .rc2__card{overflow:hidden}.rc2--auto .rc2__card .button,.rc2--auto .rc2__card .form-control,.rc2--auto .rc2__card select{max-width:100%;box-sizing:border-box}.rc2--auto .rc2__card canvas,.rc2--auto .rc2__card img{max-width:100%;height:auto}
.rc2--auto .rc2__card [style*="width"]{max-width:100%}
.tool .tooltip-content{background:#0b1f3a;color:#fff;border-radius:10px;padding:10px 12px;font:400 13px/1.45 Roboto,sans-serif;box-shadow:0 10px 24px rgba(0,0,0,.25)}
[data-theme=dark] .tool .tooltip-content{background:#e8f0ff;color:#0b1f3a}
/* Dunkelmodus fuer uebernommene Rechner-Bausteine (Tooltips, Info-Boxen, Tabellen, Checklisten) */
[data-theme=dark] .tool .tooltip-trigger{background:#334155;color:#e2e8f0}
[data-theme=dark] .tool .info-box,[data-theme=dark] .tool .info-box *{color:#eaf1fd}
[data-theme=dark] .tool .info-box{background:#16305c;border-color:#2c4d85}
[data-theme=dark] .tool .info-box-warning{background:#3d2f10;border-color:#7a5a16}[data-theme=dark] .tool .info-box-success{background:#10362a;border-color:#1f6b4c}[data-theme=dark] .tool .info-box-danger{background:#3d1a1d;border-color:#7a2a30}
[data-theme=dark] .tool table,[data-theme=dark] .tool th,[data-theme=dark] .tool td{background:#16213a;color:#eaf1fd;border-color:#2c3f66}
[data-theme=dark] .tool tr:nth-child(even) td{background:#12203c}
[data-theme=dark] .tool .small,[data-theme=dark] .tool .x-small,[data-theme=dark] .tool small{color:#9db0cf}
[data-theme=dark] .tool [style*="background"]{color:#0b1f3a}