/* Startseite im Stil von Juris Seite (Serif-Überschriften, kursiver Akzent, Pillen-Knöpfe,
   Wechsel dunkel/hell, nummerierte FAQ) – in den ImChekO-Farben Navy, Grün und warmes Creme. */
:root{--ink:#0F1B2D;--ink2:#16253B;--cream:#F7F4EF;--sand:#EFE9DF;--green:#0B7F57;--mint:#9FE3C6;--onink:#E9EEF4;--onink2:#AEBBCB;--line:rgba(11,127,87,.45)}
.h-serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.3px}
.acc{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:600;color:var(--green)}
.dark .acc{color:var(--mint)}
.eb{display:block;font-size:12px;font-weight:800;letter-spacing:2.6px;text-transform:uppercase;color:var(--green);margin-bottom:12px}
.dark .eb{color:var(--mint)}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:16px 26px;font:800 13px 'Plus Jakarta Sans',system-ui,sans-serif;letter-spacing:1.3px;text-transform:uppercase;text-decoration:none;border:0;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.pill:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(15,27,45,.15)}
.pill.g{background:var(--green);color:#fff}.pill.n{background:var(--ink);color:#fff}
.pill.o{background:transparent;color:var(--ink);border:1.5px solid rgba(15,27,45,.2)}
.dark .pill.o{color:var(--onink);border-color:rgba(233,238,244,.3)}
.hairline{height:1px;background:linear-gradient(90deg,transparent,var(--line) 50%,transparent);margin:0 auto;max-width:900px}
section.s{padding:84px 0}
.dark{background:var(--ink);color:var(--onink)}
.dark .muted{color:var(--onink2)}
.sandbg{background:var(--sand)}
.h1{font-size:clamp(38px,6vw,64px);line-height:1.06;margin:0}
.h2{font-size:clamp(30px,4.2vw,46px);line-height:1.12;margin:0 0 14px}
.lead2{font-size:18px;line-height:1.65;max-width:560px}
/* Kopf */
header.hh{position:sticky;top:0;z-index:20;background:rgba(15,27,45,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
header.hh .wrap{display:flex;align-items:center;height:68px;gap:20px}
header.hh .logo{color:#fff}
header.hh nav a{color:var(--onink);font-size:14px;font-weight:600;text-decoration:none}
header.hh nav a:hover{color:#fff}
header.hh .pill{padding:11px 18px;font-size:11.5px}
/* Hero */
.hero2{padding:70px 0 90px;background:radial-gradient(900px 500px at 85% 30%,rgba(11,127,87,.22),transparent 60%),var(--ink)}
.hgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.stores{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 14px}
.store{display:inline-flex;align-items:center;gap:12px;background:#fff;color:var(--ink);border-radius:999px;padding:10px 22px 10px 14px;text-decoration:none;min-width:200px}
.store svg{width:28px;height:28px}
.store small{display:block;font-size:10.5px;letter-spacing:.6px;color:#5B6676}
.store b{display:block;font-size:16px;line-height:1.1}
.weblink{color:var(--onink2);font-size:14px}
.weblink a{color:#fff;font-weight:700}
/* Handy */
.phone{width:290px;height:560px;margin:0 auto;border-radius:46px;background:#05080D;padding:12px;box-shadow:0 40px 80px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.08) inset;position:relative}
.screen{background:var(--cream);border-radius:36px;height:100%;overflow:hidden;padding:30px 18px 18px;color:var(--ink)}
.notch{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:96px;height:26px;border-radius:20px;background:#05080D}
.mini-eb{font-size:8.5px;font-weight:800;letter-spacing:1.6px;color:var(--green);margin-top:22px}
.mini-h{font-weight:800;font-size:21px;line-height:1.12;margin:6px 0 10px;letter-spacing:-.4px}
.mini-h i{color:var(--green)}
.mini-card{background:#fff;border-radius:18px;padding:8px;box-shadow:0 3px 12px rgba(90,70,50,.08)}
.mini-in{margin-top:10px;background:#fff;border:1px solid #E8E2D8;border-radius:999px;padding:9px 10px 9px 14px;font-size:11px;color:#9C9486;display:flex;justify-content:space-between;align-items:center}
.mini-in span{width:24px;height:24px;border-radius:50%;background:var(--ink);display:inline-block}
.mini-btn{margin-top:8px;background:var(--ink);color:#fff;border-radius:999px;text-align:center;padding:11px;font-weight:800;font-size:11.5px}
/* Kennzahlen */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(233,238,244,.12)}
.stat{padding:30px 10px;text-align:center;border-right:1px solid rgba(233,238,244,.12)}
.stat:last-child{border-right:0}
.stat b{display:block;font-family:Georgia,serif;font-weight:400;font-size:36px;color:#fff}
.stat span{font-size:13px;color:var(--onink2)}
/* Erkennst du dich? */
.sym{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px}
.sym label{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;cursor:pointer;font-weight:600;line-height:1.45;transition:border-color .15s}
.sym input{appearance:none;-webkit-appearance:none;width:24px;height:24px;border-radius:50%;border:2px solid #CFC7BA;flex:none;margin:0;display:grid;place-items:center;transition:all .15s}
.sym input:checked{background:var(--green);border-color:var(--green)}
.sym input:checked::after{content:'';width:9px;height:5px;border-left:2.4px solid #fff;border-bottom:2.4px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.sym label:has(input:checked){border-color:var(--green)}
.symres{margin-top:22px;padding:22px 24px;border-radius:20px;background:var(--ink);color:var(--onink);display:none;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap}
.symres.on{display:flex}
/* Schritte */
.steps2{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:36px}
.steps2 .n{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:56px;line-height:1;color:var(--green)}
.steps2 h3{font-size:19px;margin:10px 0 6px}
/* Vorteile */
.bens{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.ben{background:#fff;border-radius:22px;padding:26px;border:1px solid var(--border)}
.dark .ben{background:var(--ink2);border-color:rgba(233,238,244,.08)}
.ben .ic{width:46px;height:46px;border-radius:14px;background:#E6F6EF;display:grid;place-items:center;margin-bottom:16px}
.dark .ben .ic{background:rgba(159,227,198,.12)}
.ben .ic svg{width:22px;height:22px;stroke:var(--green);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dark .ben .ic svg{stroke:var(--mint)}
.ben h3{font-size:18px;margin:0 0 6px}
.ben p{margin:0;font-size:15px}
/* Pakete */
.pk3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px;align-items:stretch}
.pkc{background:#fff;border:1px solid var(--border);border-radius:26px;padding:30px;display:flex;flex-direction:column}
.pkc.pop{background:var(--ink);color:var(--onink);border-color:var(--ink);transform:translateY(-10px);box-shadow:0 26px 50px rgba(15,27,45,.22)}
.pkc .code{font-size:12px;font-weight:800;letter-spacing:2.4px}
.pkc .pr{font-family:Georgia,serif;font-size:48px;line-height:1;margin:14px 0 4px}
.pkc .du{font-size:13px;color:var(--muted)}
.pkc.pop .du{color:var(--onink2)}
.pkc ul{list-style:none;padding:0;margin:20px 0 26px;flex:1}
.pkc li{padding:7px 0 7px 26px;position:relative;font-size:15px;border-bottom:1px solid rgba(15,27,45,.06)}
.pkc.pop li{border-color:rgba(233,238,244,.08)}
.pkc li:before{content:'';position:absolute;left:3px;top:15px;width:10px;height:5px;border-left:2.2px solid var(--green);border-bottom:2.2px solid var(--green);transform:rotate(-45deg)}
.pkc.pop li:before{border-color:var(--mint)}
.popb{display:inline-block;background:var(--green);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:1.6px;border-radius:999px;padding:5px 11px;margin-left:8px;vertical-align:middle}
details.cmp{margin-top:30px;background:#fff;border:1px solid var(--border);border-radius:22px;overflow:hidden}
details.cmp summary{cursor:pointer;padding:20px 24px;font-weight:800;list-style:none;display:flex;justify-content:space-between}
details.cmp summary::-webkit-details-marker{display:none}
details.cmp summary:after{content:'+';font-size:22px;line-height:1;color:var(--green)}
details.cmp[open] summary:after{content:'–'}
table.cmpt{width:100%;border-collapse:collapse;font-size:14.5px}
table.cmpt th,table.cmpt td{padding:11px 14px;border-top:1px solid #F0EBE3;text-align:center}
table.cmpt th:first-child,table.cmpt td:first-child{text-align:left}
table.cmpt td.y{color:var(--green);font-weight:800}table.cmpt td.n{color:#CFC7BA}
table.cmpt tr.sec td{background:var(--tint);font-size:11.5px;font-weight:800;letter-spacing:1.6px;color:var(--green);text-align:left}
table.cmpt .pcol{background:rgba(14,159,110,.07)}
/* Beispielbericht */
.rep{background:var(--ink2);border-radius:26px;padding:30px;border:1px solid rgba(233,238,244,.08)}
.rep .row2{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid rgba(233,238,244,.08);font-size:15px}
.dot2{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:10px;vertical-align:middle}
.ring2{width:84px;height:84px;border-radius:50%;background:conic-gradient(#0E9F6E 0 72%,#E8B931 0 92%,#C23B3B 0);display:grid;place-items:center;flex:none}
.ring2 div{width:66px;height:66px;border-radius:50%;background:var(--ink2);display:grid;place-items:center;font-family:Georgia,serif;font-size:24px;color:#fff}
.two2{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
/* Profis */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}
.cbox{border-radius:22px;padding:26px}
.cbox.them{background:rgba(233,238,244,.05);border:1px solid rgba(233,238,244,.1)}
.cbox.us{background:var(--green);color:#fff}
.cbox .big{font-family:Georgia,serif;font-size:40px;line-height:1.1;margin:8px 0}
/* FAQ */
.faq{margin-top:30px;border-top:1px solid var(--border)}
.faq details{border-bottom:1px solid var(--border);padding:22px 0}
.faq summary{cursor:pointer;list-style:none;display:flex;gap:20px;align-items:baseline;font-weight:700;font-size:18px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .no{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:26px;color:var(--green);width:40px;flex:none}
.faq summary:after{content:'+';margin-left:auto;font-size:24px;color:var(--green);font-weight:400}
.faq details[open] summary:after{content:'–'}
.faq p{margin:12px 0 0 60px;color:var(--muted);max-width:720px}
/* Abschluss */
.final{text-align:center;padding:100px 0;background:radial-gradient(700px 360px at 50% 0%,rgba(11,127,87,.25),transparent 70%),var(--ink)}
.final .stores{justify-content:center}
footer.f2{background:#0A1220;color:var(--onink2);padding:40px 0}
footer.f2 a{color:var(--onink);text-decoration:none;margin-right:18px;font-size:14px;line-height:2.2}
/* Einblenden beim Scrollen */
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
@media(max-width:480px){header.hh nav a.hide-s{display:none}header.hh .wrap{gap:10px}}
@media(max-width:860px){
  .hgrid,.steps2,.bens,.pk3,.compare,.two2{grid-template-columns:1fr}
  .sym{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid rgba(233,238,244,.12)}
  .pkc.pop{transform:none}
  section.s{padding:64px 0}.hero2{padding:44px 0 64px}
  header.hh nav a.hide-m{display:none}
  .faq p{margin-left:0}
  .ben{display:grid;grid-template-columns:46px 1fr;column-gap:16px;padding:20px}.ben .ic{grid-row:span 2;margin:0}.ben h3{margin-top:2px}
  .bens{gap:10px}
  .phone{transform:scale(.92)}
  table.cmpt{font-size:13px}table.cmpt th,table.cmpt td{padding:9px 6px}
}
footer.f2 .wrap{display:block!important}footer.f2 a{display:inline-block}