/* InfluencerFee Design v2 — Tokens + Komponenten (Mockup 18.10.)
   Wird nach den Seiten-Styles geladen und ueberschreibt sie ueber die gemeinsamen Klassen. */

/* ── TOKENS ── */
:root{
  --navy:#101735;
  --primary:#6246FF;
  --primary-dark:#4B32E0;
  --primary-light:#EFEBFF;
  --blue:#6246FF;
  --blue-dark:#4B32E0;
  --blue-light:#EFEBFF;
  --blue-mid:#2E6BFF;
  --accent:#2E6BFF;
  --bg:#F7F9FF;
  --surface:#fff;
  --text-2:#65708A;
  --border:#E6EAF4;
  --success:#168A63;
  --gray-50:#F7F9FF;
  --gray-100:#EEF1F9;
  --gray-200:#E6EAF4;
  --gray-300:#D3D9E8;
  --gray-400:#8A94AD;
  --gray-500:#65708A;
  --gray-700:#2B3556;
  --gray-900:#101735;
  --radius:20px;
  --radius-input:12px;
  --shadow:0 1px 2px rgba(16,23,53,.05),0 4px 14px rgba(16,23,53,.05);
  --shadow-md:0 8px 24px rgba(16,23,53,.08);
  --shadow-lg:0 20px 48px rgba(16,23,53,.12);
  --grad:linear-gradient(135deg,#6246FF 0%,#2E6BFF 100%);
}
html{scroll-padding-top:88px;}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--navy);-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4{letter-spacing:-.02em;}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px;}
.wrap,.header-inner,.footer-grid,.footer-bottom,.footer-disclaimer{max-width:1200px;}

/* ── HEADER ── */
.site-header{height:72px;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--border);}
.header-inner{gap:24px;}
.logo-icon{width:40px;height:40px;}
.logo-text{font-size:19px;font-weight:800;letter-spacing:-.03em;color:var(--navy);}
.logo-text span{color:var(--primary);}
.main-nav{gap:4px;}
.nav-link{font-size:14px;font-weight:600;color:var(--gray-700);padding:9px 13px;border-radius:10px;}
.nav-link:hover,.nav-item:hover>.nav-link{background:var(--primary-light);color:var(--primary);}
.nav-cta{background:var(--grad);border-radius:12px;padding:11px 22px;font-size:14px;font-weight:700;box-shadow:0 6px 16px rgba(98,70,255,.28);}
.nav-cta:hover{background:var(--grad);filter:brightness(1.06);box-shadow:0 8px 22px rgba(98,70,255,.38);}
.nav-drop{border-radius:18px;border-color:var(--border);box-shadow:var(--shadow-lg);}
.drop-link:hover{background:var(--bg);}
.drop-title{color:var(--navy);}
.drop-all{background:var(--primary-light);color:var(--primary);border-radius:12px;}
.drop-all:hover{background:#e3dcff;}
.search-box{border-radius:20px;}
.search-submit{background:var(--grad);}
.mob-hero{background:linear-gradient(135deg,#101735 0%,#6246FF 100%);}
.mob-foot-solid{background:var(--grad);}
#read-progress{background:var(--grad);}

/* ── BUTTONS / LINKS ── */
.v2-btn,.output-cta,.platform-cta,.usecase-link{font-weight:700;}
.v2-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 26px;border-radius:14px;background:var(--grad);color:#fff;font-size:16px;border:0;cursor:pointer;box-shadow:0 10px 24px rgba(98,70,255,.3);transition:transform .15s,box-shadow .15s,filter .15s;font-family:inherit;}
.v2-btn:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 14px 30px rgba(98,70,255,.38);}
.v2-btn-block{width:100%;}
.v2-btn-ghost{background:#fff;color:var(--primary);border:1.5px solid var(--border);box-shadow:none;}
.v2-btn-ghost:hover{border-color:var(--primary);box-shadow:var(--shadow);}
.usecase-link,.platform-cta{color:var(--primary);}

/* ── SECTIONS (gemeinsam) ── */
.section{padding:88px 0;}
.section-eyebrow{color:var(--primary);font-weight:800;letter-spacing:.1em;}
.section-title{font-size:clamp(30px,3.4vw,42px);line-height:1.15;font-weight:800;letter-spacing:-.03em;color:var(--navy);}
.section-sub{color:var(--text-2);font-size:17px;}

/* ── CARDS ── */
.platform-card,.usecase-card,.post-card,.faq-item,.inf-card,.niche-hub-card,.calc-inputs,.guide-card,.related-card{border-radius:20px;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s,border-color .18s;}
.platform-card:hover,.usecase-card:hover,.post-card:hover,.inf-card:hover,.niche-hub-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#d4cdff;}
.post-card-img{border-radius:20px 20px 0 0;overflow:hidden;}
.calc-section .calc-output{border-radius:20px;background:linear-gradient(160deg,#101735 0%,#26206B 60%,#4B32E0 120%);color:#fff;box-shadow:var(--shadow-lg);}
.calc-output{border-radius:0 20px 20px 0;}
.output-cta{color:#fff;}
.calc-select,select,input[type=number],input[type=text],input[type=email],input[type=search]{border-radius:12px;border-color:var(--border);}
.p-tab{border-radius:12px;font-weight:700;}
.p-tab.active,.mode-btn.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px rgba(98,70,255,.18);}
.platform-tabs,.mode-toggle{background:var(--gray-100);border-radius:14px;}
input[type=range]{accent-color:var(--primary);}
.verdict-fair{background:#E8F7F1;color:var(--success);}
.faq-q{font-weight:700;color:var(--navy);}
.breadcrumbs a{color:var(--primary);}

/* ── FOOTER ── */
.site-footer{background:var(--navy);padding:64px 0 32px;}
.footer-brand .footer-logo{font-size:20px;letter-spacing:-.03em;}
.footer-brand .footer-logo span{color:#9C8CFF;}
.footer-col h4{color:#fff;letter-spacing:.1em;}
.footer-col a:hover,.footer-bottom a:hover{color:#B7ACFF;}

/* ═════════════ HOME HERO V2 ═════════════ */
.v2-hero{position:relative;overflow:hidden;padding:56px 0 52px;background:
  radial-gradient(900px 480px at 8% -8%,#E9E4FF 0%,transparent 60%),
  radial-gradient(800px 460px at 100% 0%,#DCEBFF 0%,transparent 58%),var(--bg);border-bottom:0;}
.v2-hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:56px;align-items:start;}
.v2-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid #DCD4FF;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 2px 8px rgba(98,70,255,.08);}
.v2-badge i{width:8px;height:8px;border-radius:50%;background:var(--primary);display:block;}
.v2-hero h1{font-size:clamp(40px,4.6vw,64px);line-height:1.06;font-weight:800;letter-spacing:-.035em;margin:20px 0 20px;color:var(--navy);}
.v2-grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.v2-lead{font-size:18px;line-height:1.6;color:var(--text-2);max-width:520px;margin:0 0 28px;}
.v2-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px;max-width:560px;}
.v2-chip{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:14px;line-height:1.3;}
.v2-chip b{display:block;color:var(--navy);font-weight:700;font-size:14px;}
.v2-chip span{color:var(--text-2);font-size:12.5px;}
.v2-chip-ic{width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:var(--shadow);}
.v2-chip-ic svg{width:20px;height:20px;}

.v2-collage{position:relative;height:430px;max-width:540px;}
.v2-ph{position:absolute;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lg);border:4px solid #fff;background:var(--gray-100);}
.v2-ph img{width:100%;height:100%;object-fit:cover;display:block;}
.v2-ph-main{left:12%;top:8%;width:62%;height:78%;z-index:2;}
.v2-ph-a{left:0;top:0;width:30%;height:34%;z-index:3;}
.v2-ph-b{right:0;top:2%;width:30%;height:30%;z-index:3;border-radius:50%;}
.v2-ph-c{right:2%;bottom:6%;width:30%;height:34%;z-index:3;}
.v2-plat{position:absolute;z-index:4;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px;box-shadow:0 10px 22px rgba(16,23,53,.22);}
.v2-plat svg{width:24px;height:24px;}
.v2-plat-ig{left:4%;top:44%;background:linear-gradient(135deg,#F9A13A,#E2306C 55%,#7B3FE4);}
.v2-plat-tt{right:24%;top:2%;background:#101735;}
.v2-plat-yt{right:30%;bottom:2%;background:#FF2B2B;}
.v2-plat-in{right:0;top:52%;background:#0A66C2;}
.v2-follower{position:absolute;left:18%;bottom:12%;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:var(--shadow-md);font-size:12px;color:var(--text-2);}
.v2-follower b{display:block;font-size:17px;color:var(--navy);line-height:1.1;}
.v2-follower em{font-style:normal;font-weight:800;font-size:11px;color:var(--success);background:#E8F7F1;border-radius:999px;padding:3px 8px;}

.v2-calc{background:#fff;border:1px solid var(--border);border-radius:24px;padding:30px;box-shadow:var(--shadow-lg);}
.v2-calc h2{font-size:21px;font-weight:800;letter-spacing:-.02em;margin:0 0 18px;}
.v2-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px;}
.v2-tab{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 6px;border-radius:12px;border:1.5px solid var(--border);background:#fff;font:700 13.5px/1 inherit;font-family:inherit;color:var(--gray-700);cursor:pointer;transition:all .15s;}
.v2-tab svg{width:16px;height:16px;flex-shrink:0;}
.v2-tab:hover{border-color:#cbc1ff;}
.v2-tab.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary);}
.v2-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:18px;}
.v2-field label{display:block;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:7px;}
.v2-field select,.v2-field input{width:100%;height:50px;padding:0 14px;border:1.5px solid var(--border);border-radius:12px;background:#fff;font:600 15px/1 inherit;font-family:inherit;color:var(--navy);}
.v2-field select:focus,.v2-field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(98,70,255,.12);}
.v2-result{margin-top:20px;padding:20px;border-radius:18px;background:var(--bg);border:1px solid var(--border);}
.v2-result-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.v2-result-lbl{font-size:13px;font-weight:700;color:var(--text-2);}
.v2-rate{font-size:clamp(30px,3.2vw,38px);font-weight:800;letter-spacing:-.03em;color:var(--primary);line-height:1.1;margin:6px 0 4px;white-space:nowrap;}
.v2-meta{font-size:12.5px;color:var(--text-2);}
.v2-result .hero-verdict{font-size:12px;font-weight:800;padding:6px 12px;border-radius:999px;white-space:nowrap;}
.v2-spark{margin-top:10px;position:relative;}
.v2-spark svg{width:100%;height:64px;display:block;}
.v2-avg{position:absolute;left:50%;top:-4px;transform:translateX(-50%);background:var(--primary);color:#fff;font-size:12px;font-weight:800;padding:4px 10px;border-radius:8px;white-space:nowrap;}
.v2-axis{display:flex;justify-content:space-between;font-size:11.5px;color:var(--gray-400);margin-top:4px;}
.v2-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--border);}
.v2-mini div{font-size:11.5px;color:var(--text-2);}
.v2-mini b{display:block;font-size:14px;color:var(--navy);margin-bottom:2px;}
.v2-note{margin-top:12px;font-size:11.5px;line-height:1.5;color:var(--text-2);}

.v2-stats{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.v2-stats-in{display:grid;grid-template-columns:repeat(4,1fr);}
.v2-stat{display:flex;align-items:center;gap:16px;padding:30px 24px;border-left:1px solid var(--border);}
.v2-stat:first-child{border-left:0;padding-left:0;}
.v2-stat-ic{width:48px;height:48px;border-radius:14px;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.v2-stat-ic svg{width:22px;height:22px;}
.v2-stat b{display:block;font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--navy);line-height:1;}
.v2-stat span{font-size:13px;color:var(--text-2);}

.v2-tools{padding:80px 0 72px;background:var(--bg);}
.v2-tools-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px;flex-wrap:wrap;}
.v2-tools-head h2{font-size:clamp(28px,3vw,38px);line-height:1.15;font-weight:800;letter-spacing:-.03em;margin:0 0 10px;max-width:520px;}
.v2-tools-head p{color:var(--text-2);font-size:16px;max-width:560px;margin:0;}
.v2-link{font-weight:700;color:var(--primary);display:inline-flex;align-items:center;gap:6px;}
.v2-link:hover{text-decoration:underline;}
.v2-tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.v2-tool{display:flex;flex-direction:column;gap:12px;padding:26px;border-radius:22px;border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s;}
.v2-tool:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.v2-tool-ic{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;}
.v2-tool-ic svg{width:24px;height:24px;}
.v2-tool h3{font-size:18px;font-weight:800;letter-spacing:-.02em;margin:0;}
.v2-tool p{font-size:14px;line-height:1.55;color:var(--text-2);margin:0;flex:1;}
.v2-tool .v2-link{font-size:14px;}
.v2-tool-ig{background:linear-gradient(160deg,#FFF1F6,#fff 70%);}.v2-tool-ig .v2-tool-ic{background:linear-gradient(135deg,#F9A13A,#E2306C 55%,#7B3FE4);}
.v2-tool-tt{background:linear-gradient(160deg,#E9F9FB,#fff 70%);}.v2-tool-tt .v2-tool-ic{background:#101735;}
.v2-tool-yt{background:linear-gradient(160deg,#FFEEEE,#fff 70%);}.v2-tool-yt .v2-tool-ic{background:#FF2B2B;}
.v2-tool-in{background:linear-gradient(160deg,#E8F1FF,#fff 70%);}.v2-tool-in .v2-tool-ic{background:#0A66C2;}
.v2-creators{display:grid;grid-template-columns:repeat(4,1fr) 1.1fr;gap:16px;margin-top:20px;}
.v2-creator{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .18s;}
.v2-creator:hover{transform:translateY(-2px);}
.v2-creator img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--gray-100);}
.v2-creator b{display:block;font-size:14px;font-weight:700;color:var(--navy);line-height:1.2;}
.v2-creator span{font-size:12px;color:var(--text-2);}
.v2-creator-all{background:var(--primary-light);border-color:#DCD4FF;}
.v2-creator-all b{color:var(--primary);}

@media(max-width:1100px){
  .v2-hero-grid{grid-template-columns:1fr;gap:40px;}
  .v2-collage{display:none;}
  .v2-tool-grid{grid-template-columns:repeat(2,1fr);}
  .v2-creators{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:700px){
  .v2-hero{padding:32px 0 36px;}
  .v2-hero h1{font-size:38px;line-height:1.1;}
  .v2-lead{font-size:16px;}
  .v2-chips{grid-template-columns:repeat(2,1fr);}
  .v2-calc{padding:20px;border-radius:20px;}
  .v2-tabs{grid-template-columns:repeat(2,1fr);}
  .v2-fields{grid-template-columns:1fr;}
  .v2-mini{grid-template-columns:repeat(2,1fr);}
  .v2-stats-in{grid-template-columns:repeat(2,1fr);}
  .v2-stat{padding:20px 12px;border-left:0;border-top:1px solid var(--border);}
  .v2-stat:nth-child(-n+2){border-top:0;}
  .v2-tool-grid,.v2-creators{grid-template-columns:1fr;}
  .section{padding:56px 0;}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;}}

/* ═════════════ RATGEBER-HUB (blog.php) ═════════════ */
.v2-bhero{padding:28px 0 44px;background:radial-gradient(800px 420px at 0% 0%,#ECE8FF 0%,transparent 60%),var(--bg);}
.v2-crumbs{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--text-2);margin-bottom:36px;}
.v2-crumbs a{color:var(--text-2);}.v2-crumbs a:hover{color:var(--primary);}
.v2-eyebrow{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin-bottom:18px;}
.v2-bhero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center;}
.v2-bhero-single{grid-template-columns:minmax(0,760px);}
.v2-bhero h1{font-size:clamp(36px,4.4vw,60px);line-height:1.08;font-weight:800;letter-spacing:-.035em;color:var(--navy);margin:0 0 20px;}
.v2-bhero .v2-lead{margin-bottom:28px;}
.v2-search{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:6px 6px 6px 18px;max-width:560px;box-shadow:var(--shadow);color:var(--gray-400);}
.v2-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px rgba(98,70,255,.12);}
.v2-search input{flex:1;border:0;outline:0;background:transparent;font:500 16px/1 inherit;font-family:inherit;color:var(--navy);height:46px;min-width:0;}
.v2-search button{height:46px;padding:0 22px;border:0;border-radius:12px;background:var(--grad);color:#fff;font:700 14px/1 inherit;font-family:inherit;cursor:pointer;}
.v2-feature{position:relative;display:block;overflow:hidden;min-height:340px;padding:34px;border-radius:28px;background:linear-gradient(135deg,#DDE4FF 0%,#EADFFB 55%,#FBE3EE 100%);box-shadow:var(--shadow-md);}
.v2-feature-tag{display:inline-block;padding:7px 14px;border-radius:999px;background:#fff;color:var(--primary);font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:20px;}
.v2-feature h2{font-size:clamp(26px,2.6vw,34px);line-height:1.15;font-weight:800;letter-spacing:-.03em;color:var(--navy);max-width:420px;margin:0 0 14px;}
.v2-feature p{font-size:15px;line-height:1.6;color:var(--text-2);max-width:380px;margin:0 0 24px;}
.v2-feature::after{content:"";position:absolute;right:-70px;bottom:-90px;width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,#6246FF,#7FA2FF);}
.v2-feature .v2-btn{position:relative;z-index:2;padding:13px 22px;font-size:15px;}
.v2-feature-chip{position:absolute;z-index:3;right:28px;bottom:50px;transform:rotate(-6deg);background:#fff;border-radius:16px;padding:14px 20px;box-shadow:var(--shadow-lg);}
.v2-feature-chip small{display:block;font-size:12px;font-weight:700;color:var(--navy);}
.v2-feature-chip b{display:block;font-size:24px;font-weight:800;color:var(--primary);letter-spacing:-.02em;}

/* Kategorie-Chips, Karten, Paginierung (blog.php) */
.cats-wrap{background:var(--bg);border:0;position:static;padding:8px 0 20px;}
.cat-pill{border-radius:999px;border:1.5px solid var(--border);background:#fff;color:var(--navy);font-weight:700;padding:11px 18px;box-shadow:var(--shadow);}
.cat-pill:hover{border-color:#cbc1ff;color:var(--primary);}
.cat-pill.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 8px 18px rgba(98,70,255,.28);}
.cat-pill.active span{opacity:.85!important;}

/* ═════════════ DUNKLE HEROES -> HELLER STANDARD ═════════════ */
.hub-hero,.blog-hero,.cmp-hero,.cat-hero,.analyzer-hero{background:radial-gradient(800px 420px at 0% 0%,#ECE8FF 0%,transparent 60%),radial-gradient(700px 400px at 100% 0%,#DCEBFF 0%,transparent 60%),var(--bg);color:var(--navy);border-bottom:1px solid var(--border);}
.hub-hero h1,.blog-hero h1,.cmp-hero h1,.cat-hero h1,.analyzer-hero h1,.hub-hero h2,.cat-hero h2{color:var(--navy);}
.hub-hero h1 em,.hub-hero h1 span,.blog-hero h1 span,.cmp-hero h1 span,.cmp-hero h1 em,.cat-hero h1 span,.analyzer-hero h1 span,.analyzer-hero h1 em{color:var(--primary);font-style:normal;}
.hub-hero p,.blog-hero p,.cmp-hero p,.cat-hero p,.analyzer-hero p,.blog-hero-sub{color:var(--text-2);}
.hub-hero [class*="eyebrow"],.blog-hero [class*="eyebrow"],.cmp-hero [class*="eyebrow"],.cat-hero [class*="eyebrow"],.analyzer-hero [class*="eyebrow"]{color:var(--primary);}
.hub-hero [class*="stat-val"],.hub-hero strong,.blog-hero strong,.cmp-hero strong,.cat-hero strong,.cat-hero [class*="stat"] b,.analyzer-hero strong{color:var(--navy);}
.hub-hero [class*="stat-label"],.hub-hero [class*="stat-lbl"],.cat-hero [class*="label"],.stat-item{color:var(--text-2);}
.stats-bar{background:#fff;border:1px solid var(--border);border-radius:16px;}
.blog-search input,.blog-search button{border-radius:12px;}
.blog-search button,.hero-badge-dot{background:var(--primary);}
.hero-badge{background:#fff!important;border:1px solid #DCD4FF!important;color:var(--primary)!important;}
.hero-badge span{color:var(--primary)!important;}

/* Werkzeug-Heroes (Rechner) -> Marken-Verlauf */
.tool-hero{background:linear-gradient(135deg,#101735 0%,#2A1F8F 60%,#6246FF 130%)!important;}

/* Container einheitlich 1200 */
.bc-inner,.hub-hero-inner,.cat-hero-inner,.hero-inner,.hub-main,.cats-inner,.post-hero-content,.post-layout,.cmp-wrap,.analyzer-wrap,.page-wrap{max-width:1200px;}
.v2-feature p{max-width:330px;}
.v2-bhero h1{font-size:clamp(34px,4vw,54px);}

/* Mobil: Rechner direkt nach H1 */
@media(max-width:1100px){
  .v2-hero-grid{display:flex;flex-direction:column;gap:28px;}
  .v2-hero-left{display:contents;}
  .v2-badge{order:1;align-self:flex-start;}
  .v2-hero h1{order:2;margin:0;}
  .v2-lead{order:3;margin:0;}
  .v2-hero-right{order:4;}
  .v2-chips{order:5;margin-top:0;}
}

/* Startseite: dunkler Ergebnis-Block */
.calc-section .output-cta{display:block;text-align:center;background:#fff;color:var(--primary);border-radius:12px;padding:13px 18px;font-weight:800;}
.calc-section .output-verdict{background:rgba(22,138,99,.22)!important;}
.calc-section .verdict-text,.calc-section .output-verdict *{color:#8DF0C8;}
.output-cta{color:var(--primary);}

/* Rechtstexte */
.legal-wrap{line-height:1.7;}
.legal-wrap .subtitle{margin-bottom:40px;color:var(--text-2);}
.legal-wrap h1{color:var(--navy);}

/* ROI-Rechner: Sensitivitaet + Annahmen */
.roi-extra{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;padding:0 28px 28px;}
.roi-box{background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:24px;}
.roi-h{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--navy);margin:0 0 6px;}
.roi-sub{font-size:13.5px;color:var(--text-2);margin:0 0 16px;line-height:1.5;}
.roi-tablewrap{overflow-x:auto;}
.roi-table{width:100%;border-collapse:separate;border-spacing:6px;font-size:14px;}
.roi-table th{font-size:12px;font-weight:700;color:var(--text-2);text-align:center;padding:6px;}
.roi-table tbody th{text-align:left;white-space:nowrap;}
.roi-table td{text-align:center;font-weight:800;padding:14px 8px;border-radius:12px;background:#fff;border:1px solid var(--border);}
.roi-table td.pos{background:#E8F7F1;color:#0F6B4C;border-color:#BFE9D8;}
.roi-table td.mid{background:#FFF6DD;color:#7A5200;border-color:#F1DEA6;}
.roi-table td.neg{background:#FDECEC;color:#A12020;border-color:#F4C5C5;}
.roi-table td.base{outline:2px solid var(--primary);outline-offset:1px;}
.roi-assump{display:grid;gap:8px;margin:0 0 14px;}
.roi-assump div{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;background:#fff;border:1px solid var(--border);border-radius:12px;font-size:14px;}
.roi-assump dt{color:var(--text-2);}.roi-assump dd{margin:0;font-weight:800;color:var(--navy);}
.roi-note{font-size:12.5px;line-height:1.5;color:var(--text-2);margin:0;}
@media(max-width:900px){.roi-extra{grid-template-columns:1fr;padding:0 16px 16px;}}

/* ═════════════ A11Y / RESPONSIVE-ABNAHME ═════════════ */
:root{--text-2:#5B6682;--gray-400:#5B6682;--gray-500:#5B6682;}
/* Menue: Hamburger bis 1100px, darueber kompakter */
.nav-link{padding:9px 10px;font-size:13.5px;}
@media(max-width:1100px){.main-nav{display:none;}.hamburger{display:flex;}.mob-search-btn{display:flex;margin-left:auto;}}
/* Kontrast */
.verdict-fair,.hero-verdict.verdict-fair{color:#0F6B4C;}
.p-tab{color:var(--gray-700);}
.v2-creator-all span{color:#4B5675;}
.cat-pill.active span{opacity:1!important;color:#fff;}
.cta-box p,.cta-strip-inner p,.cta-strip p,.calc-cta p,.sidebar-cta p,.cta-box h3,.calc-cta h2,.calc-cta h3{color:#fff;}
.cta-box p,.cta-strip p,.cta-strip-inner p,.calc-cta p,.sidebar-cta p{color:#F3F0FF;}
.footer-col a,.footer-links a{color:rgba(255,255,255,.74);}
.footer-disclaimer{color:rgba(255,255,255,.62);}
.footer-bottom,.footer-bottom span{color:rgba(255,255,255,.7);}
.footer-bottom a{color:rgba(255,255,255,.78);}
.footer-brand p{color:rgba(255,255,255,.72);}
.footer-brand .footer-logo span,.footer-logo span{color:#A99BFF;}
.infobox-name p{color:#C3C8DC;}
p a:not([class]),li a:not([class]){text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;}
.table-wrap:focus-visible,.growth-table-wrap:focus-visible,.roi-tablewrap:focus-visible{outline:2px solid var(--primary);outline-offset:2px;}
.roi-extra{align-items:start;}

/* Footer mit erhoehter Spezifitaet (Footer-Partial laedt danach) */
.site-footer .footer-col a{color:rgba(255,255,255,.76);}
.site-footer .footer-col a:hover,.site-footer .footer-bottom a:hover{color:#fff;}
.site-footer .footer-brand p{color:rgba(255,255,255,.74);}
.site-footer .footer-disclaimer{color:rgba(255,255,255,.64);}
.site-footer .footer-bottom,.site-footer .footer-bottom span{color:rgba(255,255,255,.72);}
.site-footer .footer-bottom a{color:rgba(255,255,255,.8);}
.site-footer .footer-brand .footer-logo span{color:#A99BFF;}
/* Analyzer / Badges */
.badge-below,.compare-badge.badge-below,.no.vc-tag{color:#A61B1B;}
.badge-avg{color:#7A5200;}
.badge-above{color:#0F6B4C;}
.es-bk-max{color:#5B6682;}
.accent .kpi-hero-lbl,#igErBenchmark{color:#4B32E0;}
.infobox-grade{background:#047857;}
.es-score-max{color:rgba(255,255,255,.92);}
.v2-follower em{color:#0F6B4C;}

/* Abnahme Runde 3 */
input[type=email],input[type=text],input[type=search],input[type=number]{min-width:0;}
.rel-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:16px;}
.sidebar-cta p,.cta-strip p,.cta-strip-inner p,.cta-box p{color:#fff!important;opacity:1!important;}
.es-score-max{color:#fff;}
.accent .kpi-hero-lbl,#igErBenchmark{color:#4B32E0!important;}
.good{color:#0F6B4C;}
.error-code{color:#6F7A9A;}
@media(max-width:480px){
  .header-inner{gap:10px;padding:0 16px;}
  .logo-text{font-size:16px;}
  .logo-icon{width:34px;height:34px;}
}

/* Helle Heroes: Zusatztexte (waren weiss auf dunkel) lesbar machen */
:is(.hub-hero,.blog-hero,.cmp-hero,.cat-hero,.analyzer-hero) :where(span,p,div,li,small,label,a,em,dt,dd){color:var(--text-2);}
:is(.hub-hero,.blog-hero,.cmp-hero,.cat-hero,.analyzer-hero) :where(strong,b){color:var(--navy);}
:is(.hub-hero,.cmp-hero,.cat-hero,.analyzer-hero) :where([class*="stat-val"],[class*="stat-num"],[class*="-val"],[class*="-num"]){color:var(--navy);}
:is(.hub-hero,.cmp-hero,.cat-hero,.analyzer-hero) h1 :where(span,em){color:var(--primary);}
:is(.hub-hero,.blog-hero,.cmp-hero,.cat-hero,.analyzer-hero) :where([class*="eyebrow"],.hero-badge,.hero-badge *){color:var(--primary);}
::placeholder{color:#7C87A3;opacity:1;}
.hub-hero .hub-stat span{color:var(--text-2);}
.hub-hero .hub-stat strong{color:var(--navy);}

/* Schrift: selbst gehostet, Fallback mit angepassten Metriken gegen Layout-Spruenge */
body{font-family:'Inter','Inter Fallback',system-ui,-apple-system,'Segoe UI',sans-serif;}