/* uttek-Markenfarben (Nachbesserung Auftrag #1, 20.10.2026) – generiert von gen_theme.py: Braun/Messing → uttek-Blau; danach Marken-Ebene. */
:root{--brass:#7ea8d4;--brass-d:#3f7ab9;--brass-soft:#7ea8d41f;--warn:#7ea8d4}
code{color:#b9d0e8}
.btn{color:#0e1216}
.btn:hover{background:#94b6db}
.btn-paypal{background:#6b9ace;border-color:#6b9ace}
.hero{background:radial-gradient(1000px 500px at 85% -10%,#7ea8d422,transparent 60%),radial-gradient(800px 400px at -10% 110%,#3a6ea522,transparent 60%)}
.phero{background:radial-gradient(900px 420px at 90% 0,#7ea8d41c,transparent 60%)}
.tier-hl{box-shadow:0 20px 50px -25px #7ea8d466}
.save{border:1px solid #7ea8d455}
.pay-opt:has(input:checked){background:#7ea8d410}
.upd-off{border-color:#7ea8d444}
.credit-bal{background:rgba(118,162,210,.12)}
.founder-note{background:rgba(118,162,210,.10);border:1px solid rgba(118,162,210,.35)}
.badge.b-founder{background:#76a2d2}
.app-ic{background:rgba(118,162,210,.15);color:#76a2d2}
.btn.btn-klarna,a.btn.btn-klarna{color:#0f1317}
.promo-banner{background:#ecf2f8}
.promo-badge{background:#ecf2f8;border:1px solid #b3cbe6}
.ae-steps li{background:var(--bg2,#e7edf3)}
.ae-steps li.on{background:var(--accent,#3e79b9)}
.ae-var{border:1px solid var(--line,#d3dbe4)}
.ae-var.on{border-color:var(--accent,#3e79b9);box-shadow:0 0 0 2px rgba(62,121,185,.25)}
.ae-frame{background:#eff2f6}
.ae-price{background:var(--bg2,#eaf0f6)}
.ae-price .ae-total strong{color:var(--accent-d,#274d75)}
.ae-share{border:1px solid var(--line,#d3dbe4)}
.ae-sugg{outline:2px solid var(--accent,#3e79b9)}
.st-kpi{border:1px solid var(--line,#d3dbe4)}
.st-bar{fill:var(--accent,#3e79b9)}
.st-bar:hover{fill:#274d75}
.st-ht{background:#e7edf3}
.st-ht i{background:var(--accent,#3e79b9)}
.st-hints li.st-warn{color:#274d75}
.tfb-item.st-arbeit{border-left-color:#4581c1}
.tfb-prio.p-mittel{background:#e1eaf4;color:#224468}
.tfb-stb.s-arbeit{background:#e1eaf4}
.adm-qb a.on{background:#3d77b6}
.tfb-btn:focus-visible{outline:3px solid #a6c3e1}
.vf-bar{background:#d6e2ef;color:#224265;border-bottom:1px solid #407ec0}
.kpi-link:hover,.kpi-link:focus-visible{border-color:var(--brass,#3d77b6)}
.kpi-link:focus-visible{outline:3px solid var(--brass,#3d77b6)}
.ae-promo .ae-promo-in{background:linear-gradient(135deg,#f1f5fa,#e1eaf4);border:1px solid #b6cde6}
.theme-dark .ae-promo .ae-promo-in,.theme-dark .ae-box{background:linear-gradient(135deg,#18212a,#13191f);border-color:#243e5a}
.ae-kicker{color:var(--brass,#3d77b6)}
.ae-pts svg{color:var(--brass,#3d77b6)}
.ae-btn{background:linear-gradient(135deg,#4380c0,#35689f)!important;box-shadow:0 10px 24px -12px #35689faa}
.ae-steps b{background:var(--brass,#3d77b6)}
.ae-box{background:linear-gradient(135deg,#f1f5fa,#e1eaf4);border:1px solid #b6cde6}
.ae-box-ic{color:var(--brass,#3d77b6)}
.ae-tin:nth-of-type(1):checked~.ae-tbar>.ae-tl:nth-child(1){background:var(--brass,#3d77b6)}
.ae-tin:nth-of-type(1):focus-visible~.ae-tbar>.ae-tl:nth-child(1){outline:3px solid var(--brass,#3d77b6)}
.ae-tin:nth-of-type(2):checked~.ae-tbar>.ae-tl:nth-child(2){background:var(--brass,#3d77b6)}
.ae-tin:nth-of-type(2):focus-visible~.ae-tbar>.ae-tl:nth-child(2){outline:3px solid var(--brass,#3d77b6)}
.ae-tin:nth-of-type(3):checked~.ae-tbar>.ae-tl:nth-child(3){background:var(--brass,#3d77b6)}
.ae-tin:nth-of-type(3):focus-visible~.ae-tbar>.ae-tl:nth-child(3){outline:3px solid var(--brass,#3d77b6)}
.ae-tin:nth-of-type(4):checked~.ae-tbar>.ae-tl:nth-child(4){background:var(--brass,#3d77b6)}
.ae-tin:nth-of-type(4):focus-visible~.ae-tbar>.ae-tl:nth-child(4){outline:3px solid var(--brass,#3d77b6)}
:root{--ink:#ffffff;--card:#ffffff;--card2:#f6f7f9;--line:#d5d9e0;--brass:#3e79b9;--brass-d:#274d75;--brass-soft:#dce7f2;--text:#1b1d21;--muted:#4c525c;--ok:#1f7a45;--warn:#274d75;--err:#b3261e;--r:10px;--r-lg:12px;--shadow:none;--fd:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
html{scroll-behavior:auto}
body{background:#fff;color:var(--text);font-size:17px;line-height:1.65}
@media (min-width:1100px){body{font-size:18px}}
a{color:#224367;text-decoration:underline;text-underline-offset:2px}
a:hover{color:#162b41}
h1,h2,h3{font-family:var(--f);font-weight:700;letter-spacing:0;color:#14161a}
h1{font-size:clamp(1.9rem,3.6vw,2.7rem);line-height:1.2}
h2{font-size:clamp(1.45rem,2.4vw,1.95rem);line-height:1.25}
h3{font-size:1.18rem}
*,*::before,*::after{transition:none!important;animation:none!important}
code{background:#f1f2f4;color:#172c44}
.testbar{background:#e8eff6;color:#172c44;border-bottom:1px solid #aec8e4}
.hd{background:#fff;backdrop-filter:none;border-bottom:1px solid var(--line)}
.logo{color:#14161a}
.logo em{color:#224367}
.nav a{color:#1b1d21;font-size:1rem;font-weight:500;text-decoration:none}
.nav a:hover,.nav a.on{background:#f3f4f6;color:#14161a}
.nav a.on{box-shadow:inset 0 -3px 0 var(--brass);border-radius:6px 6px 0 0}
.lang-sel a{color:#4c525c!important}
.burger span{background:#1b1d21}
.btn{background:var(--brass);border-color:#34669c;color:#14161a;border-radius:8px;font-weight:700;text-decoration:none}
.btn:hover{background:#376ca4;color:#14161a;transform:none;text-decoration:none}
.btn-ghost{background:#fff;color:#1b1d21;border-color:#9aa1ab}
.btn-ghost:hover{background:#f3f4f6;border-color:#4c525c}
.linkbtn{color:#224367}
.flash{background:#f6f7f9;color:var(--text)}
.eyebrow{color:#224367;letter-spacing:.06em}
.hero,.phero{background:#f2f4f7;border-bottom:1px solid var(--line)}
.hero{padding:56px 0 46px}
.lead,.lead-sm,.pc-tag,.feat p,.faq details p,.chat-consent{color:#2b2f36}
label{color:#2b2f36}
.frame{box-shadow:none;border-color:var(--line)}
.frame-bar{background:#eef0f3;color:#4c525c}
.frame-bar i{background:#c7ccd4}
.float-card{box-shadow:none;background:#fff;border-color:var(--line)}
.sec-alt,.feature-band{background:#f2f4f7;border-color:var(--line)}
.usp,.card,.pcard,.tier,.stat,.pm{background:#fff;border:1px solid var(--line);box-shadow:none}
.pcard.soon{background:#fafafa}
.tier-hl{border:2px solid var(--brass);box-shadow:none}
.tier-flag{color:#14161a}
.usp-ic,.feat-ic,.pc-ic{background:#dce7f2;color:#224367}
.from b{color:#14161a;font-family:var(--f);font-weight:800}
.badge{letter-spacing:.02em}
.b-ok{background:#e3f3e9;color:#1f6b3d}
.b-soon{background:#e1eaf3;color:#1d3956}
.b-new{background:#d9f2e3;color:#14653a}
.b-idea,.b-soft,.status{background:#eef0f3;color:#2b2f36}
.b-err{background:#fde8e6;color:#9d2119}
input,select,textarea{background:#fff;color:#1b1d21;border:1px solid #9aa1ab}
input:focus,select:focus,textarea:focus{outline:3px solid #94b6db;border-color:#274d75}
.cmp{background:#fff;border:1px solid var(--line)}
.cmp thead th{background:#f3f4f6;font-family:var(--f);color:#14161a}
.cmp td.no{color:#6b7079}
.cmp td.yes{color:#1f6b3d;font-weight:700}
.tbl th{color:#4c525c}
.tbl td,.tbl th{border-color:var(--line)}
.bar,.kubar{background:#eef0f3}
.b-saas{background:#9aa1ab}
.pay-opt{background:#fff}
.pay-opt:has(input:checked){background:#eaf0f7;border-color:var(--brass)}
.pl-transfer{background:#4c525c;color:#fff}
.fake-card{background:#eef0f3;color:#1b1d21}
.upd{background:#eef8f1;border-color:#b9dfc6}
.draft{background:#fde8e6;color:#9d2119;border-color:#f3b8b2}
.km-ok{background:#eef8f1}
.km-over{background:#fde8e6;color:#9d2119}
.maillog pre{background:#f6f7f9}
.ft{background:#f3f4f6;border-top:1px solid var(--line);color:#1b1d21}
.ft a{color:#1b1d21;text-decoration:none}
.ft a:hover{text-decoration:underline}
.ft h4{color:#14161a;letter-spacing:.04em}
.chat-btn{box-shadow:0 2px 8px rgba(0,0,0,.15)}
.chat{box-shadow:0 8px 30px rgba(0,0,0,.18);background:#fff;color:#1b1d21}
.chat-hd{background:#f3f4f6}
.cm-bot{background:#eef0f3;color:#1b1d21}
.cm-err{background:#fde8e6;color:#9d2119}
a.feat-link:hover,a.feat-link:focus-visible{transform:none;box-shadow:none;border-color:var(--brass)}
.credit-bal,.founder-note{background:#eaf0f7;border:1px solid #aec8e4}
.badge.b-founder{background:#3e79b9;color:#14161a}
.app-ic{background:#dce7f2;color:#224367}
.app-lic{border-top:1px solid var(--line)}
.lightbox{background:rgba(0,0,0,.85)}
.muted{color:var(--muted)}
.trustbar{background:#f3f4f6;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.95rem}
.trustbar ul{list-style:none;margin:0;padding:12px 0;display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center}
.trustbar li{display:flex;gap:8px;align-items:center}
.trustbar .ic{color:#1f6b3d}
.seo-text{max-width:860px}
.seo-text h2{margin-top:1.2em}
.seo-text p{color:#2b2f36}
.hero-claim{font-size:1.15rem;font-weight:700;color:#224367;margin:0 0 .4em}
.sec-cta{margin-top:18px}
.sec-cta .alt{margin-left:14px;font-size:.98rem}
@media (max-width:700px){body{font-size:17px}
.hero{padding:34px 0 30px}
.trustbar ul{justify-content:flex-start;padding:10px 0}
.nav a{padding:12px 14px}}
.logo,.logo:hover,.btn,.pm,.pcard a.btn,.crumbs a{text-decoration:none}
.pm{color:var(--text)}
/* ---- Marken-Ebene: wie die uttek-Werkzeuge (ut.css): ruhig, hell, Blau als Hauptfarbe, Messing nur im Logo ---- */
:root{--ink:#F5F6F8;--card:#FFFFFF;--card2:#F0F2F5;--line:#E2E5EA;--text:#1C2028;--muted:#5D6573;--brass:#2F5D8C;--brass-d:#264D75;--brass-soft:#E6EEF6;--primary:#2F5D8C;--ok:#2E7D4F;--warn:#8A5A00;--err:#B3261E;--r:10px;--r-lg:14px;--shadow:0 1px 2px rgba(20,24,32,.06),0 8px 24px -12px rgba(20,24,32,.18);--fd:var(--f)}
body{background:#F5F6F8;color:#1C2028}
h1,h2,h3,h4{font-family:var(--f);font-weight:700;letter-spacing:-.015em;color:#1C2028}
a{color:#2F5D8C}a:hover{color:#1E3F60}
.eyebrow{color:#2F5D8C;font-weight:700;letter-spacing:.08em}
.hd{background:#fff;border-bottom:1px solid #E2E5EA}.hd a,.hd .logo{color:#1C2028}
.logo img{background:#121316;border-radius:50%;padding:3px;box-shadow:0 0 0 1.5px #E8B26A}
.logo em{color:#5D6573}
.hero{background:linear-gradient(135deg,#2F5D8C,#264D75);color:#fff}
.hero-txt h1,.hero-txt p,.hero-txt li,.hero-txt b,.hero-txt strong{color:#fff}.hero-txt .eyebrow{color:#DCE7F3}.hero-txt .muted{color:#DCE7F3}
.hero-txt a:not(.btn){color:#fff;text-decoration:underline}
.hero .btn{background:#fff;color:#1E3F60;border:0}.hero .btn:hover{background:#E6EEF6;color:#1E3F60}
.hero .founder-note{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);color:#fff}.hero .founder-note b{color:#fff}
.hero .badge{background:#fff;color:#1E3F60}
.float-card,.float-card b,.float-card small{color:#1C2028}
.btn{background:#2F5D8C;color:#fff;border-color:#2F5D8C}.btn:hover{background:#264D75;color:#fff}
.btn-ghost,.btn.btn-ghost{background:#fff;color:#2F5D8C;border:1px solid #2F5D8C}.btn-ghost:hover{background:#E6EEF6;color:#1E3F60}
.promo-banner{background:#E6EEF6;color:#1C2028;border-bottom:1px solid #C9D8E8}.promo-banner a{color:#1E3F60}
.testbar{background:#1C2028;color:#fff}
.ft{background:#1C2028;color:#C9CED6}.ft a{color:#fff}.ft h3,.ft h4,.ft b,.ft strong{color:#fff}
.pcard{background:#fff;border:1px solid #E2E5EA;box-shadow:var(--shadow)}.pcard:hover{border-color:#2F5D8C}
.badge{color:#1C2028}.badge.b-ok{background:#E3F2E8;color:#1F5E3A}.badge.b-new,.b-founder{background:#E6EEF6;color:#1E3F60}
.from,.price,.pm b{color:#1C2028}
.ft .muted,.ft p,.ft span,.ft em,.ft small,.ft li,.ft .xsmall{color:#C9CED6}.ft .logo span,.ft .logo{color:#fff}
.tier-flag{background:#2F5D8C;color:#fff}
.ae-btn{background:linear-gradient(135deg,#2F5D8C,#264D75)!important;color:#fff!important;box-shadow:0 10px 24px -12px #264D75aa}
.save,.save b,b.save{color:#1F5E3A}
.badge.b-founder{background:#E6EEF6;color:#1E3F60}
.tbl td.neg,td.neg,.neg{color:#B3261E}.tbl td.pos,td.pos,.pos{color:#1F5E3A}
.hero .ticks svg,.hero .ticks .ic,.hero-txt svg{color:#BFD3EA;stroke:currentColor}
/* 1.7.5 Tool des Tages */
.totd .totd-k{margin:0 0 .5rem;display:flex;gap:.5rem;align-items:center}
.totd-card{background:#fff;border:1px solid #D5DBE3;border-radius:12px;padding:.8rem 1rem;margin-top:.7rem}
.totd-card h2{font-size:1.15rem;margin:0 0 .3rem}.totd-card h2 a{color:#1E3F60}
.totd-card p{margin:.2rem 0;color:#1C2028}.totd-cta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem!important}
.demo-list{columns:3 15rem;list-style:none;padding:0;margin:0}.demo-list li{padding:.25rem 0;break-inside:avoid}
/* 1.7.5 Logo-Familie + Slogan */
.hd .logo img,.logo img{background:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
.logo span{white-space:nowrap}.logo em{color:#2F5D8C!important;margin-left:.15em}
.slogan{font:600 1.3rem/1.3 var(--fd,inherit);color:#2F5D8C;margin:.2rem 0 .6rem;letter-spacing:.01em}
.slogan::before{content:"";display:inline-block;width:.55em;height:.55em;border-radius:50%;background:#E8B26A;margin-right:.45em;vertical-align:.12em}
@media (min-width:900px){.hd .logo img{width:56px;height:56px}.hd .logo{font-size:2rem;gap:12px}}
@media (min-width:900px){.hd,.hd *{overflow:visible}.hd .logo img{width:84px;height:84px;margin:0 0 -44px;position:relative;z-index:30;filter:drop-shadow(0 6px 14px rgba(15,30,50,.35));border:3px solid #fff!important;border-radius:24px!important;background:#fff!important}.pg-home .hero{padding-top:max(var(--hero-pt,0px),70px)}}
/* 1.7.7 Blaues Kopfband auf allen Seiten (wie Startseite) */
.pband{background:linear-gradient(135deg,#2F5D8C,#264D75)!important;color:#fff;border-bottom:0!important}
.pband-t{padding:64px 0 34px}.pband-thin{height:58px}.phero.pband{padding-top:64px}
.pband h1,.pband h2,.pband h3,.pband .lead,.pband p,.pband li,.pband label{color:#fff!important}
.pband .muted,.pband .small,.pband .xsmall{color:#E3EBF5!important}
.pband a:not(.btn){color:#fff!important;text-decoration:underline;text-decoration-color:#ffffff99}
.pband .crumbs,.pband .crumbs a{color:#E3EBF5!important;text-decoration:none}
.pband .btn:not(.btn-ghost){background:#fff!important;color:#1E3F60!important;border-color:#fff!important}
.pband .btn-ghost,.pband .btn.btn-ghost,.pband a.btn[class*=ghost],.pband .btn-o{background:transparent!important;color:#fff!important;border:1.5px solid #fff!important}
.pband .badge{background:#fff!important;color:#1E3F60!important}
.pband .frame{box-shadow:0 10px 30px rgba(10,25,45,.35)}
.sec-afterband{padding-top:28px}
@media (max-width:899px){.pband-t{padding:28px 0 22px}.pband-thin{height:10px}.phero.pband{padding-top:24px}}
@media (min-width:900px){.hd .logo img{width:84px!important;height:84px!important}}
/* 1.7.7 Slogan neben dem Logo */
.logo .lg-t{display:flex;flex-direction:column;line-height:1.05}.logo .lg-t b{font-weight:700}
.logo .lg-t small{font:500 .78rem/1.2 var(--fb,inherit);color:#2F5D8C;letter-spacing:.01em;margin-top:3px;white-space:nowrap}
@media (min-width:900px){.hd .logo .lg-t small{font-size:.92rem}}
@media (max-width:520px){.hd .logo .lg-t small{font-size:.68rem}}
@media (min-width:900px){.hd .logo .lg-t small{font-size:.8rem}.hd nav a,.hd nav button{white-space:nowrap}}
/* en-header fix: brand block never shrinks under nav */
.hd-in>.logo{flex-shrink:0;white-space:nowrap}