/* scarlettkim.de · Look „Crystal Teal“, Redesign 23.10.2026 nach Scarletts Kommentaren:
   dunkler, viele Verläufe, wenig Weiß, nur 2 Schriften (Montserrat in allen Stärken + Pinyon Script nur für den Namen),
   Akzentwörter als Verlaufs-Text statt Serifenschrift, Zahlen neon-leuchtend.
   Buttons: auf Türkis/dunkel = grauer Verlaufs-Button, auf hellem Grund = lila Verlaufs-Button. */
:root{
  --tief:#0A1F22;          /* fast schwarzes Petrol */
  --nacht:#10333A;
  --petrol:#1F4E55;
  --teal:#3D8C96;
  --teal-text:#2F737C; /* Teal für kleinen Text auf hellem Grund (Kontrast ≥ 4,5:1) */
  --aqua:#48C7CE;
  --neon:#40F4FF;           /* nur Leuchten, Details */
  --nebel:#E4EEEE;          /* helle Flächen statt Weiß */
  --nebel2:#D3E3E4;
  --text:#14282B;
  --text-hell:#E8F4F5;
  --gedaempft:#4F6467;
  --gedaempft-hell:rgba(232,244,245,0.72);
  --linie:rgba(31,78,85,0.14);
  --linie-hell:rgba(255,255,255,0.16);
  --verlauf-dunkel:linear-gradient(160deg,#0A1F22 0%,#123A40 45%,#245E66 100%);
  --verlauf-teal:linear-gradient(135deg,#1F4E55 0%,#3D8C96 55%,#48C7CE 100%);
  --verlauf-hell:linear-gradient(170deg,#EAF2F2 0%,#D5E6E7 100%);
  --verlauf-text:linear-gradient(90deg,#1F4E55 0%,#3D8C96 45%,#48C7CE 100%);
  --verlauf-text-hell:linear-gradient(90deg,#48C7CE 0%,#9DF3F7 55%,#FFFFFF 100%);
  --verlauf-lila:linear-gradient(135deg,#7B5CC6 0%,#A88EE2 100%);
  --verlauf-lila-hover:linear-gradient(135deg,#6C4DB8 0%,#9B7EDB 100%);
  --verlauf-grau:linear-gradient(135deg,#F4F6F6 0%,#D9DFE0 55%,#BCC7C8 100%);
  --sans:'Montserrat',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --script:'Pinyon Script','Snell Roundhand',cursive;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;scroll-behavior:smooth;}
body{font-family:var(--sans);background:var(--nebel);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.65;overflow-x:hidden;font-size:16.5px;font-weight:400;}
img{max-width:100%;display:block;height:auto;}
a{color:inherit;}
.wrap{width:100%;max-width:1160px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px));}
section{padding:110px 0;position:relative;}
@media(max-width:760px){section{padding:76px 0;}}
h1,h2,h3{font-family:var(--sans);margin:0;color:inherit;text-wrap:balance;}
h1,h2{font-weight:800;text-transform:uppercase;letter-spacing:0.01em;line-height:1.12;}
h3{font-weight:700;font-size:20px;line-height:1.3;}
p{margin:0 0 16px;}
:focus-visible{outline:2px solid var(--aqua);outline-offset:3px;}

/* Akzentwörter: fett, Verlauf von Petrol zu Türkis (auf hell) bzw. Türkis zu Weiß (auf dunkel) */
h1 em,h2 em,.grad{font-style:normal;background:var(--verlauf-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.dunkel h1 em,.dunkel h2 em,.dunkel .grad{background-image:var(--verlauf-text-hell);}
.script{font-family:var(--script);font-weight:400;text-transform:none;letter-spacing:0;}

/* Flächen */
.dunkel{background:var(--verlauf-dunkel);color:var(--text-hell);}
.hell{background:var(--verlauf-hell);color:var(--text);}
.teal{background:var(--verlauf-teal);color:#fff;}

/* Label-Pill mit Verlauf */
.eyebrow{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:#fff;background:var(--verlauf-teal);padding:8px 18px;border-radius:100px;margin:0 0 20px;box-shadow:0 10px 24px -12px rgba(31,78,85,0.7);}
.dunkel .eyebrow{background:linear-gradient(135deg,rgba(72,199,206,0.35),rgba(64,244,255,0.15));border:1px solid rgba(72,199,206,0.45);box-shadow:0 0 24px -6px rgba(64,244,255,0.35);}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--sans);font-weight:700;font-size:15px;letter-spacing:0.02em;color:#fff;background:var(--verlauf-lila);padding:17px 32px;border-radius:100px;border:none;cursor:pointer;box-shadow:0 18px 36px -12px rgba(123,92,198,0.65);transition:transform .2s,box-shadow .2s,background .2s;}
.btn:hover{transform:translateY(-3px);background:var(--verlauf-lila-hover);box-shadow:0 24px 44px -14px rgba(123,92,198,0.75);}
.btn.grau{background:var(--verlauf-grau);color:var(--petrol);box-shadow:0 18px 36px -12px rgba(0,0,0,0.45);}
.btn.grau:hover{background:linear-gradient(135deg,#FFFFFF 0%,#E6EBEB 55%,#C9D3D4 100%);}
.btn.linie{background:transparent;color:var(--text-hell);border:1.5px solid var(--linie-hell);box-shadow:none;}
.btn.linie:hover{background:rgba(255,255,255,0.08);}
.btn .pfeil{transition:transform .2s;}
.btn:hover .pfeil{transform:translateX(4px);}

/* Header */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(10,31,34,0.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--linie-hell);}
.hbar{max-width:1160px;margin:0 auto;padding:14px max(24px,env(safe-area-inset-right,0px)) 14px max(24px,env(safe-area-inset-left,0px));display:flex;align-items:center;justify-content:space-between;gap:20px;}
.logo{text-decoration:none;color:#fff;font-weight:800;letter-spacing:0.22em;font-size:14px;text-transform:uppercase;white-space:nowrap;}
.logo span{background:var(--verlauf-text-hell);-webkit-background-clip:text;background-clip:text;color:transparent;}
nav.main{display:flex;gap:30px;}
nav.main a{text-decoration:none;font-size:12.5px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--gedaempft-hell);transition:color .2s;}
nav.main a:hover,nav.main a.active{color:#fff;}
nav.main a.active{background:var(--verlauf-text-hell);-webkit-background-clip:text;background-clip:text;color:transparent;}
header .btn{padding:11px 22px;font-size:13px;}
.burger{display:none;background:none;border:none;font-size:26px;color:#fff;cursor:pointer;}
@media(max-width:900px){
  nav.main{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--tief);border-bottom:1px solid var(--linie-hell);}
  nav.main.open{display:flex;}
  nav.main a{padding:16px max(24px,env(safe-area-inset-left,0px));border-top:1px solid var(--linie-hell);}
  header .btn{display:none;}
  .burger{display:block;}
}

/* Hero */
.hero{padding:0;overflow:hidden;background:radial-gradient(900px 600px at 78% 40%,rgba(72,199,206,0.28),rgba(72,199,206,0) 70%),var(--verlauf-dunkel);color:var(--text-hell);}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:120px;background:linear-gradient(180deg,rgba(10,31,34,0),rgba(10,31,34,0.35));pointer-events:none;}
.hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;align-items:center;padding:70px 0 0;}
.hero-text{padding-bottom:70px;}
.topline{font-size:15px;font-weight:600;letter-spacing:0.04em;color:var(--aqua);margin:0 0 14px;}
.hero h1{font-size:clamp(28px,3.1vw,42px);margin-bottom:24px;max-width:640px;}
.hero .lead{font-size:clamp(17px,1.8vw,19px);font-weight:400;color:var(--text-hell);max-width:540px;margin-bottom:14px;}
.lead-small{font-size:15px;color:var(--gedaempft-hell);max-width:540px;margin-bottom:30px;}
.lead-small b{color:#fff;font-weight:700;}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;}
.btn-sub{font-size:13.5px;color:var(--gedaempft-hell);max-width:470px;margin:14px 0 0;line-height:1.55;}
.hero-tag{font-size:11.5px;font-weight:700;letter-spacing:0.24em;text-transform:uppercase;color:var(--aqua);margin:18px 0 0;}
.hero-side{position:relative;align-self:end;display:flex;flex-direction:column;align-items:center;}
.hero-photo{position:relative;width:100%;max-width:460px;}
.hero-photo::before{content:"";position:absolute;left:8%;right:8%;top:10%;bottom:0;border-radius:240px 240px 0 0;background:linear-gradient(180deg,rgba(72,199,206,0.55),rgba(61,140,150,0.15));box-shadow:0 0 80px -10px rgba(64,244,255,0.35);}
.hero-photo img{position:relative;z-index:2;-webkit-mask-image:linear-gradient(to bottom,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,#000 82%,transparent 100%);}
.hero-badges{display:flex;margin:0;position:relative;z-index:3;}
.hero-side .hero-badges{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);background:rgba(10,31,34,0.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(72,199,206,0.35);border-radius:20px;padding:16px 8px;width:max-content;max-width:100%;}
.hero-badges>div{padding:0 20px;text-align:center;border-left:1px solid var(--linie-hell);}
.hero-badges>div:first-child{border-left:none;}
.hero-badges b{display:block;font-size:26px;font-weight:800;line-height:1.1;color:#E9FEFF;text-shadow:0 0 6px rgba(64,244,255,0.9),0 0 18px rgba(64,244,255,0.6),0 0 36px rgba(64,244,255,0.35);font-variant-numeric:tabular-nums;}
.hero-badges span{display:block;font-size:11px;letter-spacing:0.04em;color:var(--gedaempft-hell);margin-top:6px;line-height:1.35;}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;text-align:center;padding-top:40px;gap:0;}
  .hero-text{order:2;padding:30px 0 70px;}
  .hero-side{order:1;}
  .hero-photo{max-width:320px;}
  .hero h1,.hero .lead,.lead-small,.btn-sub{margin-left:auto;margin-right:auto;}
  .hero-cta{justify-content:center;}
  .hero-side .hero-badges{position:relative;bottom:auto;left:auto;transform:none;margin-top:-30px;}
  .hero-badges>div{padding:0 12px;}
  .hero-badges b{font-size:21px;}
  .hero-badges span{font-size:10.5px;}
}

/* Laufband */
.marquee{overflow:hidden;white-space:nowrap;background:linear-gradient(90deg,#1F4E55,#3D8C96 40%,#48C7CE 70%,#7B5CC6);padding:16px 0;}
.marquee .track{display:inline-block;animation:scroll 34s linear infinite;}
.marquee span{font-weight:800;text-transform:uppercase;letter-spacing:0.1em;font-size:17px;color:#fff;margin:0 22px;}
.marquee i{font-style:normal;color:var(--neon);font-size:13px;vertical-align:middle;text-shadow:0 0 10px rgba(64,244,255,0.8);}
@keyframes scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.marquee .track{animation:none;}}

/* Abschnitts-Köpfe */
.sec-head{text-align:center;max-width:820px;margin:0 auto 54px;}
.sec-head h2{font-size:clamp(26px,3.3vw,42px);margin-bottom:18px;}
.sec-head p{font-size:clamp(16.5px,1.8vw,18.5px);color:var(--gedaempft);max-width:660px;margin:0 auto;letter-spacing:0.005em;}
.sec-head p.sec-sub{margin-top:14px;}
.dunkel .sec-head p,.teal .sec-head p{color:var(--gedaempft-hell);}
.zentriert{text-align:center;}

/* Nummern-Kacheln (Wünsche) */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:860px){.cards3{grid-template-columns:1fr;}}
.ncard{background:rgba(255,255,255,0.55);border:1px solid rgba(255,255,255,0.8);border-radius:24px;padding:34px 30px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 20px 44px -22px rgba(31,78,85,0.45);transition:transform .2s,box-shadow .2s;}
.ncard:hover{transform:translateY(-4px);box-shadow:0 28px 54px -22px rgba(31,78,85,0.55);}
.ncard .n{font-size:56px;font-weight:800;line-height:1;margin-bottom:22px;background:var(--verlauf-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.ncard h3{margin-bottom:10px;}
.ncard p{margin:0;color:var(--gedaempft);font-size:15.5px;}

/* Schmerz-Kästchen */
.pain{max-width:780px;margin:0 auto;display:grid;gap:12px;}
.pain .row{display:flex;gap:16px;align-items:flex-start;border-radius:18px;padding:18px 22px;transition:transform .2s,box-shadow .2s;background:rgba(255,255,255,0.06);border:1px solid var(--linie-hell);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
.pain .row:hover{transform:translateY(-2px);box-shadow:0 18px 36px -16px rgba(0,0,0,0.5);}
.hell .pain .row{background:rgba(255,255,255,0.6);border-color:rgba(255,255,255,0.85);}
.pain .ic{flex-shrink:0;width:22px;height:22px;border-radius:50%;margin-top:2px;background:rgba(72,199,206,0.2);box-shadow:inset 0 0 0 6px rgba(72,199,206,0.15),inset 0 0 0 11px var(--aqua),0 0 14px rgba(64,244,255,0.45);}
.pain p{margin:0;font-size:16px;color:inherit;}
.pain p b{font-weight:700;}
.dunkel .pain p b{color:#fff;}
.bridge{text-align:center;margin:46px auto 0;font-size:clamp(19px,2.2vw,24px);font-weight:700;max-width:700px;}

/* Hervorgehobene Box */
.offerbox{max-width:820px;margin:50px auto 0;border-radius:30px;background:linear-gradient(135deg,#0E2C31 0%,#1F4E55 45%,#2E7A84 100%);color:#fff;padding:48px 44px;text-align:center;box-shadow:0 34px 70px -26px rgba(64,244,255,0.45);border:1px solid rgba(255,255,255,0.18);display:flex;flex-direction:column;align-items:center;gap:26px;}
.offerbox p.big{font-size:clamp(20px,2.5vw,28px);font-weight:800;text-transform:uppercase;line-height:1.25;margin:0;max-width:620px;}
.offerbox p.big em{font-style:normal;background:var(--verlauf-text-hell);-webkit-background-clip:text;background-clip:text;color:transparent;}
.offerbox p{margin:0;color:rgba(255,255,255,0.85);max-width:560px;}
@media(max-width:560px){.offerbox{padding:36px 22px;}}

/* Ansatz-Karten */
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:860px){.team{grid-template-columns:1fr;}}
.tcard{position:relative;border-radius:24px;padding:32px 28px;background:rgba(255,255,255,0.6);border:1px solid rgba(255,255,255,0.85);box-shadow:0 22px 48px -24px rgba(31,78,85,0.5);transition:transform .2s;}
.tcard:hover{transform:translateY(-4px);}
.dunkel .tcard,.teal .tcard{background:rgba(255,255,255,0.08);border-color:var(--linie-hell);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:none;}
.tcard .icon{width:64px;height:64px;margin-bottom:18px;filter:drop-shadow(0 8px 14px rgba(31,78,85,0.35));}
.tcard .n{font-size:11.5px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:var(--teal);margin-bottom:8px;}
.dunkel .tcard .n,.teal .tcard .n{color:var(--aqua);}
.tcard h3{margin-bottom:10px;}
.tcard p{margin:0;font-size:15.5px;color:var(--gedaempft);}
.dunkel .tcard p,.teal .tcard p{color:var(--gedaempft-hell);}

/* Geschichte */
.story-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:64px;align-items:center;}
@media(max-width:860px){.story-grid{grid-template-columns:1fr;gap:34px;}}
.story-photo{position:relative;max-width:460px;justify-self:center;width:100%;}
.story-photo img{border-radius:28px;box-shadow:0 34px 70px -30px rgba(0,0,0,0.7);}
.story-photo::before{content:"";position:absolute;inset:-14px 14px 14px -14px;border-radius:32px;background:var(--verlauf-teal);opacity:0.55;z-index:-1;}
.story-photo{z-index:0;}
.story-hey{font-size:clamp(28px,3.4vw,40px);font-weight:800;text-transform:uppercase;line-height:1.1;margin:0 0 20px;}
.story-hey .script{font-size:1.7em;font-weight:400;text-transform:none;margin-left:6px;background:var(--verlauf-text-hell);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:8px;}
.hell .story-hey .script{background-image:var(--verlauf-text);}
.story-jahr{font-size:clamp(18px,2vw,21px);font-weight:500;line-height:1.5;margin:0 0 24px;}
.story-jahr b{font-weight:800;color:var(--aqua);}
.hell .story-jahr b{color:var(--teal);}
.story-heute{font-size:13px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:var(--aqua);margin:0 0 14px;}
.story-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.story-list li{position:relative;padding:16px 20px 16px 54px;border-radius:16px;background:rgba(255,255,255,0.07);border:1px solid var(--linie-hell);font-size:15.5px;}
.story-list li::before{content:"";position:absolute;left:18px;top:18px;width:22px;height:22px;background:url("../img/icon-haken.png") center/contain no-repeat;}
.hell .story-list li{background:rgba(255,255,255,0.6);border-color:rgba(255,255,255,0.85);}

/* E-Mail-Serie */
.freebie-main{display:grid;grid-template-columns:0.85fr 1.15fr;border-radius:32px;overflow:hidden;box-shadow:0 40px 80px -36px rgba(31,78,85,0.7);background:rgba(255,255,255,0.72);border:1px solid rgba(255,255,255,0.9);}
@media(max-width:860px){.freebie-main{grid-template-columns:1fr;}}
.freebie-main .img{position:relative;background:radial-gradient(400px 320px at 50% 40%,rgba(64,244,255,0.35),rgba(64,244,255,0) 70%),var(--verlauf-dunkel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:46px 30px;color:#fff;text-align:center;}
.freebie-main .img .kristall-gross{width:110px;filter:drop-shadow(0 0 30px rgba(64,244,255,0.55));animation:schweben 5s ease-in-out infinite;}
@keyframes schweben{0%,100%{transform:translateY(0) rotate(-4deg);}50%{transform:translateY(-10px) rotate(4deg);}}
@media (prefers-reduced-motion:reduce){.freebie-main .img .kristall-gross{animation:none;}}
.freebie-main .img .gross{font-size:clamp(46px,6vw,72px);font-weight:800;line-height:1;text-shadow:0 0 22px rgba(64,244,255,0.6);}
.freebie-main .img .klein{font-size:12px;font-weight:700;letter-spacing:0.24em;text-transform:uppercase;color:var(--aqua);}
.freebie-main .img .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
.freebie-main .img .chips span{font-size:12px;font-weight:600;padding:7px 14px;border-radius:100px;background:rgba(255,255,255,0.1);border:1px solid var(--linie-hell);}
.freebie-main .body{padding:46px 46px;min-width:0;}
@media(max-width:560px){.freebie-main .body{padding:32px 22px;}}
.lektionen{display:grid;gap:12px;margin:20px 0 22px;}
.lektionen>div{border-radius:16px;padding:16px 20px;background:var(--verlauf-hell);border:1px solid rgba(31,78,85,0.08);}
.lektionen .n{display:block;font-size:13px;font-weight:800;letter-spacing:0.06em;background:var(--verlauf-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.lektionen p{margin:4px 0 0;font-size:15px;color:var(--gedaempft);}
.optin-claim{font-weight:800;margin:0 0 18px;}
.badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:#fff;background:var(--verlauf-teal);border-radius:100px;padding:6px 14px;margin-bottom:16px;}
form.optin{display:flex;flex-direction:column;gap:12px;max-width:500px;}
.optin .row{display:flex;gap:10px;flex-wrap:wrap;}
.optin input[type=text],.optin input[type=email]{flex:1;min-width:180px;padding:15px 20px;border-radius:100px;border:1.5px solid rgba(31,78,85,0.2);background:rgba(255,255,255,0.9);font-family:var(--sans);font-size:15px;color:var(--text);}
.dunkel .optin input[type=text],.dunkel .optin input[type=email]{background:rgba(255,255,255,0.08);border-color:var(--linie-hell);color:#fff;}
.dunkel .optin input::placeholder{color:rgba(232,244,245,0.6);}
.optin label.consent{font-size:12px;color:var(--gedaempft);line-height:1.55;display:flex;gap:10px;align-items:flex-start;}
.dunkel .optin label.consent{color:var(--gedaempft-hell);}
.optin label.consent input{margin-top:3px;accent-color:var(--teal);}
.optin .btn{align-self:flex-start;}
.optin [hidden],.optin-meldung[hidden]{display:none!important;}
.optin-meldung{margin:0;padding:14px 18px;border-radius:14px;background:rgba(72,199,206,0.14);border:1px solid var(--aqua, #48C7CE);font-weight:700;line-height:1.5;}
.optin-note{font-size:12.5px;letter-spacing:0.06em;color:var(--gedaempft);margin:14px 0 0;}
.dunkel .optin-note{color:var(--gedaempft-hell);}

/* Newsletter + Blog: Bild + Text nebeneinander */
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.split.bild-rechts .split-bild{order:2;}
@media(max-width:860px){.split{grid-template-columns:1fr;gap:34px;}.split.bild-rechts .split-bild{order:0;}}
.split-text{min-width:0;}
.split-text h2{font-size:clamp(26px,3.2vw,40px);margin-bottom:18px;}
.split-text p{color:var(--gedaempft);}
.dunkel .split-text p{color:var(--gedaempft-hell);}
.split-bild{position:relative;max-width:480px;justify-self:center;width:100%;}
.split-bild img{border-radius:28px;box-shadow:0 34px 70px -30px rgba(0,0,0,0.6);}
.split-bild .glow{position:absolute;inset:auto -20px -20px auto;width:90px;filter:drop-shadow(0 0 22px rgba(64,244,255,0.6));}
.vorteile{list-style:none;padding:0;margin:20px 0 28px;display:grid;gap:10px;}
.vorteile li{position:relative;padding-left:34px;font-weight:500;}
.vorteile li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;background:url("../img/icon-kristallstern.png") center/contain no-repeat;}

/* Folgen */
.folgen .btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:6px;}

/* Footer */
footer{background:var(--tief);color:var(--gedaempft-hell);padding:64px 0 30px;font-size:14px;border-top:1px solid var(--linie-hell);}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;}
@media(max-width:760px){.fgrid{grid-template-columns:1fr;gap:28px;}}
.fname{font-size:16px;font-weight:800;letter-spacing:0.22em;text-transform:uppercase;color:#fff;margin:0 0 6px;}
.ftag{font-weight:700;margin-top:14px;background:var(--verlauf-text-hell);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;}
footer img.siegel{width:64px;margin-bottom:16px;}
footer h4,footer .f-titel{font-size:12px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:#fff;margin:0 0 14px;}
footer a{display:block;text-decoration:none;margin-bottom:8px;}
footer a:hover{color:#fff;}
.fbottom{border-top:1px solid var(--linie-hell);margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12.5px;}
.fbottom a{display:inline;margin-left:18px;}

/* Einblenden: Inhalte bleiben sichtbar, nur eine leichte Bewegung */
.reveal{opacity:0.001;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease;}
.reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}}

/* Kristalle in den Ecken (Script) */
.kristall{position:fixed;bottom:-6px;z-index:40;pointer-events:none;opacity:0;will-change:transform,opacity;filter:drop-shadow(0 0 24px rgba(64,244,255,0.45));}
.kristall svg{width:100%;height:auto;display:block;}
.kristall-l{left:1.2vw;width:clamp(48px,5.5vw,92px);transform-origin:50% 100%;}
.kristall-r{right:3vw;width:clamp(84px,10.5vw,170px);transform-origin:50% 100%;}
@media(max-width:760px){.kristall-l{width:30px;left:6px;}.kristall-r{width:44px;right:8px;}}
@media print{.kristall{display:none;}}

/* ===== Freebie-Seite ===== */
.fb-hero .hero-grid{padding-bottom:70px;}
@media(min-width:901px){.fb-hero .hero-grid{grid-template-columns:1.05fr 0.95fr;}}
.fb-hero .hero-text{padding-bottom:0;}
.fb-formcard{background:rgba(255,255,255,0.08);border:1px solid var(--linie-hell);border-radius:24px;padding:26px;max-width:540px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.fb-formcard .optin-claim{color:#fff;}
.fb-mockup{position:relative;justify-self:center;max-width:460px;width:100%;}
.fb-mockup .kristall-gross{width:min(260px,60%);margin:0 auto;filter:drop-shadow(0 0 50px rgba(64,244,255,0.6));animation:schweben 5s ease-in-out infinite;}
.fb-pill{display:block;width:max-content;margin:22px auto 0;background:var(--verlauf-grau);border-radius:100px;padding:12px 24px;font-size:13px;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;color:var(--petrol);box-shadow:0 18px 36px -12px rgba(0,0,0,0.5);}
@media(max-width:900px){.fb-formcard{margin:0 auto;text-align:left;}}
.tage{max-width:840px;margin:0 auto;display:grid;gap:14px;}
.tag{display:grid;grid-template-columns:100px 1fr;gap:22px;align-items:start;border-radius:20px;padding:22px 26px;background:rgba(255,255,255,0.6);border:1px solid rgba(255,255,255,0.85);box-shadow:0 16px 36px -22px rgba(31,78,85,0.45);transition:transform .2s;}
.tag:hover{transform:translateY(-2px);}
.tag .tn{font-size:26px;font-weight:800;line-height:1.1;background:var(--verlauf-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.tag .tl{font-size:11px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--teal);}
.tag h3{margin:4px 0 6px;}
.tag p{margin:0;font-size:15.5px;color:var(--gedaempft);}
@media(max-width:560px){.tag{grid-template-columns:1fr;gap:6px;padding:20px;}}
.faq{max-width:780px;margin:0 auto;display:grid;gap:12px;}
.faq details{border-radius:16px;padding:18px 22px;background:rgba(255,255,255,0.07);border:1px solid var(--linie-hell);}
.faq summary{cursor:pointer;font-weight:700;list-style:none;position:relative;padding-right:30px;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";position:absolute;right:0;top:-4px;font-size:24px;font-weight:400;color:var(--aqua);transition:transform .2s;}
.faq details[open] summary::after{transform:rotate(45deg);}
.faq details p{margin:12px 0 0;color:var(--gedaempft-hell);}
.fb-mockup .kristall-gross{display:block;}
.hero-grid>*{min-width:0;}
@media(max-width:900px){
  .hero-grid{grid-template-columns:minmax(0,1fr);}
  .hero-side .hero-badges{width:100%;max-width:360px;padding:14px 4px;}
  .hero-badges>div{flex:1;padding:0 6px;}
  .hero-badges span{font-size:10px;}
}

/* ===== Runde 2 (Kommentare 23.10. mittags) ===== */
.marquee{background:linear-gradient(90deg,#0E2C31 0%,#1F4E55 30%,#3D8C96 65%,#48C7CE 100%);}
/* schwebende Symbole */
@keyframes schweben2{0%,100%{transform:translateY(0) rotate(0deg) scale(1);}50%{transform:translateY(-14px) rotate(12deg) scale(1.08);}}
@keyframes sanft{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
.schwebe{position:absolute;pointer-events:none;filter:drop-shadow(0 0 16px rgba(64,244,255,0.6));animation:schweben2 6s ease-in-out infinite;z-index:4;}
.hero-side .h1s{width:46px;top:16%;left:2%;}
.hero-side .h2s{width:30px;top:6%;right:10%;animation-delay:-2.5s;}
.schwebe-sanft{animation:sanft 4.5s ease-in-out infinite;}
.schwebe-sanft.d2{animation-delay:-1.5s;}.schwebe-sanft.d3{animation-delay:-3s;}
@media (prefers-reduced-motion:reduce){.schwebe,.schwebe-sanft{animation:none;}}
/* Blog-Grafik: gestapelte Guide-Karten */
.guide-stapel{position:relative;height:420px;max-width:440px;margin:0 auto;}
.guide{position:absolute;left:0;right:0;border-radius:22px;padding:24px 26px;background:rgba(255,255,255,0.08);border:1px solid var(--linie-hell);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 30px 60px -30px rgba(0,0,0,0.7);transition:transform .4s;}
.guide span{display:block;font-size:11px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--aqua);margin-bottom:8px;}
.guide b{display:block;font-size:20px;font-weight:800;text-transform:uppercase;line-height:1.2;color:#fff;}
.guide i{display:block;height:8px;border-radius:8px;background:rgba(255,255,255,0.14);margin-top:14px;}
.guide i.kurz{width:60%;}
.guide.g3{top:0;transform:rotate(-6deg) translateX(-20px);opacity:0.55;}
.guide.g2{top:60px;transform:rotate(4deg) translateX(24px);opacity:0.8;}
.guide.g1{top:150px;background:linear-gradient(150deg,rgba(72,199,206,0.35),rgba(31,78,85,0.55));border-color:rgba(72,199,206,0.5);box-shadow:0 30px 70px -26px rgba(64,244,255,0.45);}
.guide-stapel:hover .g3{transform:rotate(-9deg) translateX(-34px);}
.guide-stapel:hover .g2{transform:rotate(7deg) translateX(36px);}
.guide-stapel .s1{width:54px;top:110px;right:-10px;}
.guide-stapel .s2{width:56px;bottom:10px;left:-6px;animation-delay:-3s;}
@media(max-width:560px){.guide-stapel{height:380px;}.guide b{font-size:17px;}}
.guide{background:linear-gradient(150deg,#163F45,#10333A);}
.guide-stapel{height:470px;}
.guide.g3{top:0;opacity:1;}
.guide.g2{top:92px;opacity:1;}
.guide.g1{top:200px;background:linear-gradient(150deg,#2A6E77 0%,#1F4E55 60%,#163F45 100%);}
.guide-stapel .s1{top:150px;}
@media(max-width:560px){.guide-stapel{height:420px;}.guide.g2{top:80px;}.guide.g1{top:170px;}}
.nachweise{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}
.nachweise span{font-size:12px;font-weight:600;letter-spacing:0.02em;padding:7px 14px;border-radius:100px;background:linear-gradient(135deg,rgba(72,199,206,0.22),rgba(72,199,206,0.06));border:1px solid rgba(72,199,206,0.4);color:#E9FEFF;}

/* ===== Runde 4 (Kommentare 13:03–13:08) ===== */
/* Laufband hell, damit es sich vom dunklen Hero abhebt */
.marquee{background:linear-gradient(90deg,#48C7CE 0%,#9DF3F7 45%,#E4F7F8 70%,#7FDCE0 100%);box-shadow:0 0 40px -6px rgba(64,244,255,0.55);}
.marquee span{color:var(--petrol);}
.marquee i{color:var(--teal);text-shadow:none;}
/* Sterne kreisen um das Hero-Foto */
@keyframes kreisen{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@keyframes funkeln{0%,100%{opacity:0.35;transform:scale(0.8);}50%{opacity:1;transform:scale(1.15);}}
.orbit{position:absolute;inset:4% -4% 18% -4%;z-index:3;pointer-events:none;animation:kreisen 26s linear infinite;}
.orbit .st{position:absolute;filter:drop-shadow(0 0 12px rgba(64,244,255,0.8));animation:funkeln 3s ease-in-out infinite;}
.orbit .st1{width:34px;top:0;left:50%;}
.orbit .st2{width:22px;top:45%;right:0;animation-delay:-1s;}
.orbit .st3{width:28px;bottom:0;left:30%;animation-delay:-2s;}
.orbit .st4{width:18px;top:30%;left:0;animation-delay:-0.5s;}
@media (prefers-reduced-motion:reduce){.orbit,.orbit .st{animation:none;}}
/* schöne Kristalle in „Kennst du das?“ */
.mit-kristallen{overflow:hidden;}
.mit-kristallen .wrap{position:relative;z-index:1;}
.deko-kristall{position:absolute;pointer-events:none;filter:drop-shadow(0 20px 30px rgba(31,78,85,0.35)) drop-shadow(0 0 30px rgba(64,244,255,0.35));animation:schweben 7s ease-in-out infinite;}
.dk1{width:120px;left:4%;top:90px;}
.dk2{width:80px;right:6%;bottom:70px;animation-delay:-3s;}
.deko-stern{position:absolute;pointer-events:none;filter:drop-shadow(0 0 12px rgba(64,244,255,0.7));animation:funkeln 4s ease-in-out infinite;}
.ds1{width:40px;right:12%;top:120px;}
.ds2{width:26px;left:12%;bottom:120px;animation-delay:-2s;}
@media(max-width:860px){.dk1{width:70px;left:-10px;top:40px;}.dk2{width:54px;right:-6px;}.ds1{right:4%;top:60px;}}
@media (prefers-reduced-motion:reduce){.deko-kristall,.deko-stern{animation:none;}}
/* Guide-Karten: Bewegung kommt per Script beim Scrollen */
.guide{transition:none;will-change:transform;}

/* Expertise-Block in der Geschichte */
.expertise{margin-top:26px;padding:22px 22px 18px;border-radius:20px;background:linear-gradient(150deg,rgba(72,199,206,0.16),rgba(255,255,255,0.03));border:1px solid rgba(72,199,206,0.35);}
.expertise-titel{font-size:12px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:var(--aqua);margin:0 0 12px;}
.expertise .nachweise{margin-top:0;}
.nachweise span.top{background:var(--verlauf-teal);border-color:transparent;color:#fff;font-weight:700;box-shadow:0 0 18px -4px rgba(64,244,255,0.5);}
.expertise-omr{font-size:14px;color:var(--gedaempft-hell);margin:14px 0 10px;}
.expertise-omr b{color:#fff;}
.expertise-logos{font-size:11px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--gedaempft-hell);margin:0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;}
.expertise-logos span{color:#E9FEFF;font-weight:800;letter-spacing:0.08em;}
.story-links{display:flex;flex-direction:column;align-items:center;min-width:0;}
.story-cta{margin-top:26px;}

/* ===== Über-mich-Seite ===== */
.ue-hero .story-hey{margin-bottom:14px;}
.ue-hero .hero-text{padding-bottom:80px;}
.ue-foto{position:relative;max-width:420px;margin:0 auto 70px;}
.ue-foto img{border-radius:220px 220px 28px 28px;box-shadow:0 40px 80px -30px rgba(0,0,0,0.75),0 0 60px -10px rgba(64,244,255,0.35);}
@media(max-width:900px){.ue-foto{max-width:300px;margin:0 auto;}.ue-hero .hero-text{padding-bottom:70px;}}
.zeitstrahl{max-width:860px;margin:0 auto;position:relative;display:grid;gap:18px;}
.zeitstrahl::before{content:"";position:absolute;left:118px;top:10px;bottom:10px;width:2px;background:linear-gradient(180deg,var(--aqua),var(--teal),var(--petrol));border-radius:2px;}
.zs{display:grid;grid-template-columns:100px 1fr;gap:38px;align-items:start;position:relative;}
.zs::after{content:"";position:absolute;left:112px;top:22px;width:14px;height:14px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 5px rgba(72,199,206,0.2),0 0 18px rgba(64,244,255,0.7);}
.zs-jahr{font-size:20px;font-weight:800;text-align:right;padding-top:14px;background:var(--verlauf-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.zs-text{border-radius:20px;padding:22px 26px;background:rgba(255,255,255,0.6);border:1px solid rgba(255,255,255,0.85);box-shadow:0 18px 40px -24px rgba(31,78,85,0.45);}
.zs-text h3{margin-bottom:8px;}
.zs-text p{margin:0;color:var(--gedaempft);font-size:15.5px;}
.zs.heute .zs-text{background:var(--verlauf-dunkel);color:var(--text-hell);border-color:rgba(72,199,206,0.4);}
.zs.heute .zs-text p{color:var(--gedaempft-hell);}
@media(max-width:620px){.zeitstrahl::before{left:8px;}.zs{grid-template-columns:1fr;gap:8px;padding-left:30px;}.zs::after{left:2px;top:6px;}.zs-jahr{text-align:left;padding-top:0;}}
.ue-zitat{padding:90px 0;text-align:center;}
.zitat{font-size:clamp(24px,3.4vw,40px);font-weight:800;text-transform:uppercase;line-height:1.2;max-width:800px;margin:0 auto 14px;}
.zitat-von{font-size:12px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:rgba(255,255,255,0.8);margin:0;}
.fakten{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media(max-width:980px){.fakten{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.fakten{grid-template-columns:1fr;}}
.fakt{border-radius:20px;padding:22px 22px;background:rgba(255,255,255,0.07);border:1px solid var(--linie-hell);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;flex-direction:column;gap:6px;transition:transform .2s;}
.fakt:hover{transform:translateY(-3px);}
.fakt span{font-size:11px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--aqua);}
.fakt b{font-size:18px;font-weight:800;line-height:1.3;color:#fff;}
.fakt small{font-size:13px;color:var(--gedaempft-hell);line-height:1.45;}
.fakt.breit{grid-column:1/-1;background:linear-gradient(150deg,rgba(72,199,206,0.2),rgba(255,255,255,0.04));border-color:rgba(72,199,206,0.4);}
.fakt.breit b{font-size:17px;font-weight:600;}
.karte-link{text-decoration:none;color:inherit;display:block;}
.karte-link .mehr{display:inline-block;margin-top:16px;font-weight:700;font-size:14px;color:var(--teal);}

/* Über-mich Runde 2 */
.zs-jahr{font-size:17px;}
.reise{overflow:hidden;}
.polaroids{position:relative;height:560px;max-width:960px;margin:0 auto;}
.pol{position:absolute;margin:0;background:#F4F8F8;padding:12px 12px 44px;border-radius:6px;box-shadow:0 34px 70px -30px rgba(0,0,0,0.8);transition:transform .4s;}
.pol img{border-radius:3px;object-fit:cover;width:100%;height:100%;}
.pol figcaption{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-size:12px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--petrol);}
.pol.p1{width:270px;height:440px;left:4%;top:40px;transform:rotate(-6deg);}
.pol.p2{width:380px;height:300px;left:50%;top:0;transform:translateX(-50%) rotate(3deg);z-index:2;}
.pol.p3{width:270px;height:380px;right:4%;top:110px;transform:rotate(7deg);}
.pol:hover{transform:rotate(0) scale(1.03);z-index:5;}
.pol.p2:hover{transform:translateX(-50%) scale(1.03);}
.polaroids .s1{width:50px;left:46%;bottom:30px;}
@media(max-width:860px){.polaroids{height:auto;display:grid;gap:22px;justify-items:center;}.pol{position:relative;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:min(320px,90%)!important;height:auto!important;}.pol img{height:auto;}.polaroids .s1{display:none;}}
.zitat span{display:block;background:var(--verlauf-text-hell);-webkit-background-clip:text;background-clip:text;color:transparent;}
.steckbrief{position:relative;max-width:860px;margin:0 auto;border-radius:28px;padding:40px 44px 34px;background:linear-gradient(150deg,rgba(72,199,206,0.14),rgba(255,255,255,0.03));border:1px solid rgba(72,199,206,0.35);box-shadow:0 0 60px -20px rgba(64,244,255,0.35);}
.sb-siegel{position:absolute;top:-34px;right:34px;width:84px;filter:drop-shadow(0 0 20px rgba(64,244,255,0.5));}
.steckbrief dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 40px;}
.steckbrief dl>div{display:flex;flex-direction:column;gap:4px;padding:16px 0;border-bottom:1px dashed rgba(72,199,206,0.35);}
.steckbrief dt{font-size:11px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--aqua);}
.steckbrief dd{margin:0;font-size:17px;font-weight:700;color:#fff;line-height:1.35;}
.sb-ehrlich{margin:24px 0 0;font-size:16px;color:var(--gedaempft-hell);}
.sb-ehrlich b{color:#fff;}
@media(max-width:700px){.steckbrief{padding:34px 22px 26px;}.steckbrief dl{grid-template-columns:1fr;}.sb-siegel{width:64px;top:-28px;right:20px;}}
.zs{grid-template-columns:118px 1fr;}
.zs-jahr{font-size:15px;}
.zeitstrahl::before{left:136px;}
.zs::after{left:130px;}
@media(max-width:620px){.zs{grid-template-columns:1fr;}.zeitstrahl::before{left:8px;}.zs::after{left:2px;}}

/* Ergebnisse */
.ergebnisse{padding-top:0;}
.erg-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:860px;margin:0 auto;}
@media(max-width:700px){.erg-grid{grid-template-columns:1fr;}}
.erg{border-radius:26px;padding:34px 30px;text-align:center;background:linear-gradient(150deg,rgba(72,199,206,0.18),rgba(255,255,255,0.03));border:1px solid rgba(72,199,206,0.4);box-shadow:0 0 60px -24px rgba(64,244,255,0.5);}
.erg b{display:block;font-size:clamp(56px,7vw,84px);font-weight:800;line-height:1;color:#E9FEFF;text-shadow:0 0 8px rgba(64,244,255,0.9),0 0 24px rgba(64,244,255,0.6),0 0 48px rgba(64,244,255,0.35);font-variant-numeric:tabular-nums;}
.erg span{display:block;margin-top:12px;font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:0.04em;color:#fff;}
.erg small{display:block;margin-top:6px;font-size:14px;color:var(--gedaempft-hell);}
.erg-note{text-align:center;max-width:620px;margin:30px auto 0;color:var(--gedaempft-hell);font-weight:500;}

/* Über mich Runde 3: Bento-Raster */
.ue-zitat .zitat{text-transform:none;font-size:clamp(30px,4.4vw,54px);}
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(150px,auto);gap:16px;grid-template-areas:"jahr studium studium reise" "korea ki motto reise" "tipp tipp hormozi kaffee" "test test ehrlich ehrlich";}
.bt{position:relative;overflow:hidden;border-radius:24px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;background:rgba(255,255,255,0.07);border:1px solid var(--linie-hell);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .25s,box-shadow .25s;}
.bt:hover{transform:translateY(-4px);box-shadow:0 24px 50px -24px rgba(64,244,255,0.45);}
.bt span{font-size:11px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--aqua);position:relative;z-index:2;}
.bt b{font-size:18px;font-weight:800;line-height:1.3;color:#fff;position:relative;z-index:2;}
.bt small{font-size:14px;color:var(--gedaempft-hell);position:relative;z-index:2;}
.bt .gross{font-size:clamp(44px,5vw,64px);line-height:1;background:var(--verlauf-text-hell);-webkit-background-clip:text;background-clip:text;color:transparent;}
.bt-icon{position:absolute;top:18px;right:18px;width:48px;filter:drop-shadow(0 0 14px rgba(64,244,255,0.5));animation:sanft 4.5s ease-in-out infinite;}
.bt-jahr{grid-area:jahr;}
.bt-studium{grid-area:studium;}
.bt-reise{grid-area:reise;padding:0;}
.bt-reise .bt-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.bt-reise .bt-over{position:relative;z-index:2;margin-top:auto;padding:22px;background:linear-gradient(180deg,rgba(10,31,34,0) 0%,rgba(10,31,34,0.85) 45%);display:flex;flex-direction:column;gap:6px;min-height:55%;justify-content:flex-end;}
.bt-reise b{font-size:16px;font-weight:700;}
.bt-korea{grid-area:korea;}
.bt-ki{grid-area:ki;}
.bt-motto{grid-area:motto;background:var(--verlauf-teal);border-color:transparent;}
.bt-motto span{color:rgba(255,255,255,0.85);}
.bt-motto b{font-size:22px;text-transform:uppercase;}
.bt-tipp{grid-area:tipp;}
.bt-hormozi{grid-area:hormozi;}
.bt-kaffee{grid-area:kaffee;}
.bt-kaffee i{position:absolute;top:14px;right:18px;font-style:normal;font-size:40px;}
.bt-test{grid-area:test;background:linear-gradient(150deg,rgba(72,199,206,0.22),rgba(255,255,255,0.04));border-color:rgba(72,199,206,0.45);}
.bt-ehrlich{grid-area:ehrlich;}
.bt-ehrlich b{font-weight:600;font-size:17px;}
@media(max-width:900px){
  .bento{grid-template-columns:1fr 1fr;grid-template-areas:"jahr korea" "studium studium" "reise reise" "ki motto" "tipp tipp" "hormozi kaffee" "test test" "ehrlich ehrlich";}
  .bt-reise{min-height:340px;}
}
@media(max-width:420px){.bt{padding:18px;}.bt b{font-size:16px;}.bt-icon{width:38px;}}
.bt-reise .bt-bg{object-position:22% 40%;}
.ergebnisse{padding-top:110px;background:radial-gradient(700px 400px at 50% 30%,rgba(72,199,206,0.18),rgba(72,199,206,0) 70%),var(--verlauf-dunkel);}
.ergebnisse .sec-head{margin-bottom:46px;}
@media(max-width:760px){.ergebnisse{padding-top:76px;}}
.bt-hormozi small{font-style:italic;}

/* ===== Navigation mit Kostenlos-Menü ===== */
.dropdown{position:relative;}
.dropdown>a{display:inline-flex;align-items:center;gap:6px;}
.pfeil-runter{font-size:10px;transition:transform .2s;}
.dd-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(6px);min-width:270px;padding:10px;border-radius:18px;background:rgba(10,31,34,0.96);border:1px solid rgba(72,199,206,0.35);box-shadow:0 30px 60px -20px rgba(0,0,0,0.7),0 0 40px -16px rgba(64,244,255,0.4);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;z-index:60;}
.dd-menu::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px;}
.dropdown:hover .dd-menu,.dropdown:focus-within .dd-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.dropdown:hover .pfeil-runter{transform:rotate(180deg);}
.dd-menu a{display:block;padding:12px 14px;border-radius:12px;text-transform:none;letter-spacing:0;}
.dd-menu a:hover{background:rgba(72,199,206,0.14);}
.dd-menu b{display:block;font-size:14px;font-weight:700;color:#fff;}
.dd-menu small{display:block;font-size:12px;color:var(--gedaempft-hell);margin-top:2px;}
@media(max-width:900px){
  .dropdown>a{padding:16px max(24px,env(safe-area-inset-left,0px));border-top:1px solid var(--linie-hell);display:flex;}
  .dd-menu{position:static;transform:none;opacity:1;visibility:visible;min-width:0;padding:0 0 8px 18px;background:none;border:none;box-shadow:none;}
  .dd-menu a{padding:10px max(24px,env(safe-area-inset-left,0px));border-top:none;}
}

/* ===== Seiten-Hero (Unterseiten ohne Foto) ===== */
.seiten-hero{padding:90px 0 80px;text-align:center;}
.seiten-hero .wrap{position:relative;}
.seiten-hero h1{font-size:clamp(28px,3.6vw,46px);max-width:860px;margin:0 auto 20px;}
.seiten-hero .lead{max-width:640px;margin:0 auto;}
.seiten-hero .sh1{width:44px;left:6%;top:10px;}
.seiten-hero .sh2{width:28px;right:8%;bottom:0;animation-delay:-2s;}

/* ===== Kostenlos-Seite ===== */
.featured{display:grid;grid-template-columns:0.8fr 1.2fr;gap:0;border-radius:32px;overflow:hidden;text-decoration:none;color:inherit;background:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.9);box-shadow:0 40px 80px -36px rgba(31,78,85,0.7);transition:transform .25s;}
.featured:hover{transform:translateY(-4px);}
.f-bild{display:flex;align-items:center;justify-content:center;padding:50px;background:radial-gradient(360px 280px at 50% 45%,rgba(64,244,255,0.4),rgba(64,244,255,0) 70%),var(--verlauf-dunkel);}
.f-bild .kristall-gross{width:130px;filter:drop-shadow(0 0 40px rgba(64,244,255,0.6));animation:schweben 5s ease-in-out infinite;}
.f-text{padding:46px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;}
.f-text h2{font-size:clamp(22px,2.6vw,32px);}
.f-text p{color:var(--gedaempft);margin:0 0 8px;}
@media(max-width:860px){.featured{grid-template-columns:1fr;}.f-text{padding:30px 24px;}}
.status{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:0.16em;text-transform:uppercase;padding:5px 12px;border-radius:100px;}
.status.jetzt{background:var(--verlauf-teal);color:#fff;box-shadow:0 0 16px -4px rgba(64,244,255,0.6);}
.status.bald{background:rgba(255,255,255,0.12);color:var(--gedaempft-hell);border:1px solid var(--linie-hell);}
.hell .status.bald{background:rgba(31,78,85,0.08);color:var(--gedaempft);border-color:rgba(31,78,85,0.15);}
.dl-tag{font-size:11px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--teal);}
.dunkel .dl-tag{color:var(--aqua);}
.dl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media(max-width:980px){.dl-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:620px){.dl-grid{grid-template-columns:1fr;}}
.dl{position:relative;border-radius:24px;padding:26px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:rgba(255,255,255,0.07);border:1px solid var(--linie-hell);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .25s,box-shadow .25s;}
.dl:hover{transform:translateY(-4px);box-shadow:0 24px 50px -24px rgba(64,244,255,0.45);}
.dl-icon{position:absolute;top:20px;right:20px;width:46px;filter:drop-shadow(0 0 14px rgba(64,244,255,0.5));}
.dl h3{color:#fff;margin-top:6px;padding-right:40px;}
.dl p{color:var(--gedaempft-hell);font-size:15px;margin:0 0 10px;flex:1;}
.btn.klein{padding:12px 22px;font-size:13.5px;}
.bald-hinweis{font-size:13px;color:var(--gedaempft-hell);font-style:italic;}
.anfordern{margin-top:46px;display:grid;grid-template-columns:0.9fr 1.1fr;gap:40px;align-items:center;border-radius:30px;padding:40px;background:linear-gradient(150deg,rgba(72,199,206,0.18),rgba(255,255,255,0.03));border:1px solid rgba(72,199,206,0.4);scroll-margin-top:100px;}
.anfordern h3{font-size:clamp(22px,2.6vw,30px);font-weight:800;text-transform:uppercase;color:#fff;margin-bottom:12px;}
.anfordern p{color:var(--gedaempft-hell);margin:0;}
@media(max-width:860px){.anfordern{grid-template-columns:1fr;padding:30px 22px;}}
.wahl-label{font-size:12px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--aqua);}
select.wahl{appearance:none;-webkit-appearance:none;padding:15px 44px 15px 20px;border-radius:100px;border:1.5px solid var(--linie-hell);background:rgba(255,255,255,0.08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2348C7CE' stroke-width='2' fill='none'/%3E%3C/svg%3E") right 20px center no-repeat;color:#fff;font-family:var(--sans);font-size:15px;}
select.wahl option{color:#14282B;}
.anfordern.hervor{animation:aufleuchten 1.4s ease;}
@keyframes aufleuchten{0%{box-shadow:0 0 0 0 rgba(64,244,255,0.7);}100%{box-shadow:0 0 0 24px rgba(64,244,255,0);}}

/* ===== Blog-Seite ===== */
.filter{display:flex;flex-direction:column;gap:14px;margin-bottom:26px;padding:24px;border-radius:24px;background:rgba(255,255,255,0.6);border:1px solid rgba(255,255,255,0.85);box-shadow:0 18px 40px -26px rgba(31,78,85,0.45);}
.filter-zeile{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.filter-label{font-size:11px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--teal);min-width:56px;}
.chips{display:flex;flex-wrap:wrap;gap:8px;}
.chip{font-family:var(--sans);font-size:13px;font-weight:600;padding:8px 16px;border-radius:100px;border:1.5px solid rgba(31,78,85,0.18);background:rgba(255,255,255,0.7);color:var(--text);cursor:pointer;transition:all .2s;}
.chip:hover{border-color:var(--teal);}
.chip.aktiv{background:var(--verlauf-teal);color:#fff;border-color:transparent;box-shadow:0 8px 18px -8px rgba(31,78,85,0.6);}
.suche{padding:14px 20px;border-radius:100px;border:1.5px solid rgba(31,78,85,0.18);background:#fff;font-family:var(--sans);font-size:15px;color:var(--text);}
.treffer{font-size:13px;color:var(--gedaempft);margin:0 0 16px;}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media(max-width:980px){.guide-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:620px){.guide-grid{grid-template-columns:1fr;}}
.guide-karte{border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:10px;background:rgba(255,255,255,0.65);border:1px solid rgba(255,255,255,0.9);box-shadow:0 18px 40px -26px rgba(31,78,85,0.45);transition:transform .25s,box-shadow .25s;}
.guide-karte:hover{transform:translateY(-4px);box-shadow:0 26px 50px -24px rgba(31,78,85,0.55);}
.guide-karte[hidden]{display:none!important;}
.gk-kopf{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.guide-karte h3{font-size:19px;}
.guide-karte p{margin:0;color:var(--gedaempft);font-size:15px;flex:1;}
.gk-fuss{display:flex;gap:8px;flex-wrap:wrap;padding-top:12px;border-top:1px solid rgba(31,78,85,0.1);}
.gk-fuss span{font-size:11.5px;font-weight:600;padding:5px 12px;border-radius:100px;background:rgba(72,199,206,0.14);color:var(--petrol);}
.leer{text-align:center;color:var(--gedaempft);padding:30px 0;}
.nl-band-text{max-width:600px;margin:14px auto 28px;color:rgba(255,255,255,0.85);}
.teal h2{font-size:clamp(26px,3.3vw,40px);}
.teal h1 em,.teal h2 em,.teal .grad{background-image:linear-gradient(90deg,#FFFFFF 0%,#D9FBFC 50%,#9DF3F7 100%);}
nav.main .dd-menu a{text-transform:none;letter-spacing:0;font-size:14px;color:#fff;}
nav.main .dd-menu a small{letter-spacing:0;}
.pfeil-runter{font-size:11px;}

/* ===== Mehr Farbabwechslung zwischen Abschnitten (Über mich, 23.10.) ===== */
/* Tiefsee: fast schwarzes Nachtblau-Petrol mit Aqua-Leuchten */
.tiefsee{background:radial-gradient(800px 420px at 50% 20%,rgba(64,244,255,0.22),rgba(64,244,255,0) 70%),linear-gradient(180deg,#061417 0%,#0B2428 100%);color:var(--text-hell);}
.tiefsee .sec-head p,.tiefsee .erg-note{color:var(--gedaempft-hell);}
.tiefsee h2 em{background-image:var(--verlauf-text-hell);}
.tiefsee .eyebrow{background:linear-gradient(135deg,rgba(72,199,206,0.35),rgba(64,244,255,0.15));border:1px solid rgba(72,199,206,0.45);}
.ergebnisse.tiefsee{background:radial-gradient(800px 420px at 50% 20%,rgba(64,244,255,0.22),rgba(64,244,255,0) 70%),linear-gradient(180deg,#061417 0%,#0B2428 100%);}
/* Mint: hell mit Kristallstern-Muster */
.mint{position:relative;background:linear-gradient(170deg,#E3F4F4 0%,#CDEBEC 100%);color:var(--text);overflow:hidden;}
.mint::before{content:"";position:absolute;inset:0;background:url("../img/muster-kristallsterne.webp") center/340px repeat;opacity:0.18;pointer-events:none;}
.mint .wrap{position:relative;z-index:1;}
.mint .sec-head p{color:var(--gedaempft);}
.mint .pol{box-shadow:0 34px 60px -28px rgba(31,78,85,0.6);}
/* Aqua: leuchtender Verlauf mit dunkler Schrift */
.aqua{background:linear-gradient(120deg,#3D8C96 0%,#48C7CE 45%,#9DF3F7 100%);color:var(--tief);}
.aqua .zitat{color:var(--tief);}
.aqua .zitat span{background-image:linear-gradient(90deg,#0A1F22 0%,#1F4E55 100%);}
.aqua .zitat-von{color:rgba(10,31,34,0.7);}
/* Petrol: etwas heller und grüner als der Einstieg */
.petrol{background:radial-gradient(700px 400px at 85% 10%,rgba(72,199,206,0.18),rgba(72,199,206,0) 70%),linear-gradient(160deg,#12393F 0%,#1F4E55 55%,#2B6E77 100%);}
.aqua .zitat{max-width:920px;}
.aqua .zitat span{display:inline;}

/* ===== E-Mail-Serie nach Allies Aufbau ===== */
.von-wem{font-size:13px;font-weight:600;letter-spacing:0.04em;color:var(--aqua);margin:-4px 0 22px;}
.ueberblick{list-style:none;margin:0 auto;padding:0;max-width:820px;display:grid;gap:12px;counter-reset:t;}
.ueberblick li{display:flex;align-items:center;gap:22px;padding:18px 24px;border-radius:18px;background:rgba(255,255,255,0.06);border:1px solid var(--linie-hell);transition:transform .2s,border-color .2s;}
.ueberblick li:hover{transform:translateX(6px);border-color:rgba(72,199,206,0.5);}
.ueberblick span{flex-shrink:0;min-width:70px;font-size:13px;font-weight:800;letter-spacing:0.16em;text-transform:uppercase;color:var(--aqua);text-shadow:0 0 12px rgba(64,244,255,0.6);}
.ueberblick b{font-size:18px;font-weight:700;color:#fff;}
@media(max-width:560px){.ueberblick li{flex-direction:column;align-items:flex-start;gap:4px;}}
.anders{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
@media(max-width:1000px){.anders{grid-template-columns:repeat(3,1fr);}}
@media(max-width:640px){.anders{grid-template-columns:1fr 1fr;}}
@media(max-width:420px){.anders{grid-template-columns:1fr;}}
.an{border-radius:22px;padding:22px 20px;background:rgba(255,255,255,0.08);border:1px solid var(--linie-hell);display:flex;flex-direction:column;gap:8px;transition:transform .2s;}
.an:hover{transform:translateY(-4px);}
.an img{width:40px;filter:drop-shadow(0 0 12px rgba(64,244,255,0.5));animation:sanft 4.5s ease-in-out infinite;}
.an b{font-size:16px;font-weight:800;color:#fff;}
.an p{margin:0;font-size:14px;color:var(--gedaempft-hell);}
.lp-start{max-width:900px;margin:0 auto 22px;display:flex;gap:20px;align-items:center;padding:18px 24px;border-radius:18px;background:rgba(72,199,206,0.14);border:1px dashed rgba(31,78,85,0.3);}
.lp-start p{margin:0;font-size:15px;color:var(--text);}
@media(max-width:620px){.lp-start{flex-direction:column;align-items:flex-start;gap:6px;}}
.lp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media(max-width:980px){.lp-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){.lp-grid{grid-template-columns:1fr;}}
.lp-tag{border-radius:24px;padding:26px;display:flex;flex-direction:column;gap:8px;background:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.9);box-shadow:0 20px 44px -26px rgba(31,78,85,0.5);transition:transform .25s,box-shadow .25s;}
.lp-tag:hover{transform:translateY(-4px);box-shadow:0 28px 54px -24px rgba(31,78,85,0.6);}
.lp-kopf{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;}
.lp-nr{font-size:13px;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;padding:6px 14px;border-radius:100px;background:var(--verlauf-teal);color:#fff;box-shadow:0 0 16px -4px rgba(64,244,255,0.6);white-space:nowrap;}
.lp-saeule{font-size:11px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--teal);}
.lp-tag h3{font-size:21px;margin-top:6px;}
.lp-sub{margin:4px 0 0;font-size:12px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--gedaempft);}
.lp-liste{list-style:none;margin:0;padding:0;display:grid;gap:8px;flex:1;}
.lp-liste li{position:relative;padding-left:24px;font-size:15px;color:var(--text);line-height:1.5;}
.lp-liste li::before{content:"";position:absolute;left:0;top:6px;width:12px;height:12px;border-radius:50%;background:var(--aqua);box-shadow:0 0 10px rgba(64,244,255,0.7);}
.lp-aufgabe{margin:10px 0 0;padding-top:12px;border-top:1px solid rgba(31,78,85,0.12);font-size:14px;color:var(--gedaempft);}
.lp-aufgabe b{color:var(--petrol);}
.lp-aufgabe span{display:inline-block;margin-left:6px;font-size:12px;font-weight:700;color:var(--teal);}
.lp-bonus{background:var(--verlauf-dunkel);color:var(--text-hell);border-color:rgba(72,199,206,0.4);}
.lp-bonus h3{color:#fff;}
.lp-bonus p{margin:0;color:var(--gedaempft-hell);}

/* Newsletter-Seite: Link unter dem Formular */
.mehr-link{margin:14px 0 0;font-size:14px;font-weight:600;}
.mehr-link a{color:var(--petrol);text-decoration:underline;text-underline-offset:3px;}

/* E-Mail-Serie: Überleitungen */
.bruecke{max-width:760px;margin:44px auto 0;text-align:center;font-size:clamp(19px,2.2vw,24px);font-weight:700;line-height:1.4;color:var(--tief);text-wrap:balance;}
.bruecke em{font-style:normal;background:var(--verlauf-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.bruecke-band{padding:84px 0;text-align:center;}
.bruecke-band h2{color:var(--tief);max-width:900px;margin:0 auto 26px;text-wrap:balance;}
.bruecke-band h2 span{display:block;font-weight:500;text-transform:none;font-size:.6em;margin-top:12px;letter-spacing:0;}

/* Hervorgehobene Wörter im Fließtext (wie bei Allie) */
.hl{font-weight:700;color:var(--teal);}
.dunkel .hl,.tiefsee .hl,.petrol .hl,.hero .hl,.lp-bonus .hl{color:var(--aqua);}

/* Fahrplan mit 5 Karten: 3 oben, 2 mittig darunter */
@media(min-width:1000px){.lp-fuenf{grid-template-columns:repeat(6,1fr);}.lp-fuenf .lp-tag{grid-column:span 2;}.lp-fuenf .lp-tag:nth-child(4){grid-column:2/4;}.lp-fuenf .lp-tag:nth-child(5){grid-column:4/6;}}

/* E-Mail-Serie: schlichte Listen wie die Vorlage */
.roundup{list-style:none;padding:0;margin:0 auto;max-width:760px;display:grid;gap:22px;}
.roundup>li>b{display:block;font-size:17px;font-weight:800;color:var(--tief);}
.roundup>li>b span{color:var(--teal);}
.roundup ol{margin:8px 0 0;padding-left:22px;color:var(--gedaempft,#4a5a5c);font-size:15px;display:grid;gap:3px;}
.anders-liste{list-style:none;padding:0;margin:0 auto;max-width:760px;display:grid;gap:14px;font-size:16px;color:var(--gedaempft-hell);}
.anders-liste li{padding-left:28px;position:relative;}
.anders-liste li::before{content:"";position:absolute;left:0;top:.45em;width:10px;height:10px;border-radius:50%;background:var(--aqua);box-shadow:0 0 10px var(--aqua);}
.anders-liste b{color:#fff;font-weight:800;}

/* Leitspruch-Unterzeile im Fuß */
.ftag-unter{margin:2px 0 0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gedaempft-hell);}

/* Blog: Bibliothek-Kopf + Filter (24.10.) */
.bib-hero{padding:110px 0 90px;text-align:center;}
.bib-eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:var(--aqua);margin-bottom:14px;}
.bib-titel{font-size:clamp(46px,9vw,124px);line-height:.95;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;margin:0 0 22px;}
.bib-titel span{text-transform:none;font-weight:300;font-style:italic;letter-spacing:-.01em;background:var(--verlauf-text-hell);-webkit-background-clip:text;background-clip:text;color:transparent;}
.bib-unter{font-size:clamp(16px,1.6vw,19px);font-weight:600;color:rgba(255,255,255,.88);max-width:640px;margin:0 auto;}
.bib-liste{padding-top:56px;}
.bib-filter{max-width:720px;margin:0 auto 28px;display:grid;gap:22px;}
.bib-filter .filter-label{display:block;margin-bottom:10px;color:var(--gedaempft);font-weight:600;letter-spacing:.2em;}
.bib-filter .suche{width:100%;max-width:460px;box-sizing:border-box;}
.sortierung{padding:12px 18px;border-radius:100px;border:1.5px solid rgba(31,78,85,0.18);background:#fff;font-family:var(--sans);font-size:15px;color:var(--text);}
.bib-liste .treffer{max-width:720px;margin:0 auto 34px;padding-bottom:24px;border-bottom:1px solid rgba(31,78,85,.15);color:var(--gedaempft);}
.bib-liste .treffer b{color:var(--tief);}
.gk-pfeil{margin-left:auto;font-size:20px;font-weight:700;color:var(--teal);transition:transform .2s;}
.guide-karte:hover .gk-pfeil{transform:translateX(5px);}
.gk-fuss{align-items:center;}
.gk-fuss .gk-pfeil{background:none;padding:0;font-size:20px;color:var(--teal);}
.hero.bib-hero h1.bib-titel{font-size:clamp(44px,8.6vw,120px);line-height:.95;max-width:none;}
.hero.bib-hero h1.bib-titel span{font-weight:300;}
.gk-fuss .gk-datum{background:none;padding:0;font-weight:600;color:var(--gedaempft);font-size:12px;}

/* Blog-Artikel (24.10.) */
.guide-karte.karte-link{display:flex;}
.artikel-hero{padding:80px 0 70px;}
.artikel-hero .wrap{max-width:860px;}
.artikel-hero h1{font-size:clamp(30px,4.4vw,52px);margin:14px 0 20px;}
.zurueck{color:var(--aqua);text-decoration:none;font-weight:700;font-size:14px;}
.artikel-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:26px;font-size:13px;font-weight:600;color:var(--gedaempft-hell);}
.artikel-meta span+span::before{content:"·";margin-right:10px;}
.artikel-text{max-width:760px;font-size:17px;line-height:1.7;}
.artikel-text h2{font-size:clamp(22px,2.6vw,30px);margin:54px 0 14px;text-wrap:balance;}
.artikel-text h2 span{display:block;font-size:12px;letter-spacing:.25em;color:var(--teal);margin-bottom:8px;}
.artikel-text ul{padding-left:22px;display:grid;gap:8px;}
.artikel-intro{font-size:19px;font-weight:500;}
.artikel-box{margin:26px 0;padding:18px 22px;border-radius:18px;background:rgba(255,255,255,.7);border:1px solid rgba(31,78,85,.12);font-size:16px;}
.artikel-box.hervorgehoben{background:var(--verlauf-teal);color:#fff;border:none;}
.pruef{display:inline-block;margin-top:6px;background:#FFF3C4;color:#6b5400;font-size:13px;font-weight:600;padding:2px 8px;border-radius:6px;}
.prompt-box{position:relative;margin:18px 0 22px;border-radius:18px;background:var(--tief);color:#E8F4F5;padding:22px 22px 20px;box-shadow:0 18px 40px -26px rgba(10,31,34,.8);}
.prompt-box pre{margin:0;white-space:pre-wrap;font-family:var(--sans);font-size:15px;line-height:1.6;}
.prompt-box .kopieren{position:absolute;top:12px;right:12px;border:0;border-radius:100px;padding:7px 14px;font-family:var(--sans);font-size:12px;font-weight:700;background:var(--aqua);color:var(--tief);cursor:pointer;}
.prompt-box pre{padding-top:22px;}

/* Artikel: Foto neben Headline, Tipp-Kästen, scrollbare Prompts (24.10.) */
.artikel-hero .wrap{max-width:1120px;}
.artikel-kopf{display:grid;gap:40px;align-items:center;}
.artikel-kopf>*{min-width:0;}
@media(min-width:900px){.artikel-kopf{grid-template-columns:1.35fr .65fr;}}
.artikel-foto{position:relative;max-width:360px;justify-self:center;}
.artikel-foto img:first-child{width:100%;border-radius:28px;display:block;box-shadow:0 30px 60px -30px rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.18);}
.artikel-foto .glow{position:absolute;width:56px;top:-18px;right:-14px;filter:drop-shadow(0 0 14px rgba(64,244,255,.7));animation:schweben 5s ease-in-out infinite;}
.tipp-box{margin:22px 0;padding:18px 22px;border-radius:18px;background:linear-gradient(120deg,rgba(72,199,206,.22),rgba(157,243,247,.35));border-left:5px solid var(--aqua);font-size:16px;}
.prompt-box pre{max-height:320px;overflow-y:auto;padding-right:8px;}
.prompt-box pre::-webkit-scrollbar{width:8px}.prompt-box pre::-webkit-scrollbar-thumb{background:rgba(72,199,206,.5);border-radius:8px}

.artikel-inhalt{margin:26px 0 10px;padding:20px 24px;border-radius:18px;background:var(--tief);color:#E8F4F5;}
.artikel-inhalt b{color:var(--aqua);letter-spacing:.15em;text-transform:uppercase;font-size:12px;}
.artikel-inhalt ol{margin:10px 0 0;padding-left:22px;display:grid;gap:4px;}
.artikel-text ol{padding-left:22px;display:grid;gap:6px;}
.artikel-text h3{font-size:18px;margin:28px 0 6px;text-transform:none;}
.tipp-box code,.artikel-text code{font-size:14px;background:rgba(10,31,34,.08);padding:1px 6px;border-radius:6px;}

/* Artikel: große Banner-Überschriften + Schritt-Badges (24.10.) */
section.artikel{overflow-x:clip;}
.artikel-banner{margin:70px calc(50% - 50vw) 34px;padding:64px max(16px,calc(50vw - 380px));text-align:left;position:relative;}
.artikel-banner h2{margin:6px 0 0!important;font-size:clamp(28px,4.4vw,48px)!important;line-height:1.05;text-transform:uppercase;}
.artikel-banner p{margin:12px 0 0;font-size:17px;}
.ab-klein{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.28em;text-transform:uppercase;}
.artikel-banner.dunkel-b{background:var(--verlauf-dunkel);color:#fff;}
.artikel-banner.dunkel-b .ab-klein{color:var(--aqua);}
.artikel-banner.dunkel-b h2{background:var(--verlauf-text-hell);-webkit-background-clip:text;background-clip:text;color:transparent;}
.artikel-banner.dunkel-b p{color:var(--gedaempft-hell);}
.artikel-banner.aqua-b{background:linear-gradient(120deg,#3D8C96 0%,#48C7CE 50%,#9DF3F7 100%);color:var(--tief);}
.artikel-banner.aqua-b .ab-klein{color:var(--tief);opacity:.75;}
.artikel-banner.mint-b{background:linear-gradient(120deg,#E4EEEE,#CFEFF0);color:var(--tief);border-top:1px solid rgba(31,78,85,.12);border-bottom:1px solid rgba(31,78,85,.12);}
.artikel-banner.mint-b .ab-klein{color:var(--teal);}
.artikel-text h2>span{display:inline-block!important;padding:6px 14px;border-radius:100px;background:var(--verlauf-teal);color:#fff!important;font-size:11px!important;letter-spacing:.22em!important;margin-bottom:12px!important;}
.artikel-text h2>span{display:table!important;}
.gk-fuss .gk-thema{background:var(--petrol);color:#fff;}

/* Meta-Ads-Artikel: Prompt-Label, Ziel- und Wichtig-Kästen */
.prompt-label{margin:26px 0 -8px;font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--teal);}
.ziel-box{margin:14px 0 18px;padding:14px 20px;border-radius:14px;background:rgba(255,255,255,.75);border:1.5px solid rgba(61,140,150,.35);font-size:16px;}
.wichtig-box{margin:20px 0;padding:16px 20px;border-radius:16px;background:#FFF6DC;border-left:5px solid #E2B33C;font-size:16px;}
.tipp-box p{margin:8px 0 0;}

/* Artikel interaktiv: Inhalt, Lesebalken, aufklappbare Prompts, Checkliste (24.10.) */
html{scroll-behavior:smooth;}
.artikel-banner,.artikel-text h2{scroll-margin-top:90px;}
.inhalt-box{margin:30px 0 10px;padding:22px 26px;border-radius:20px;background:#fff;border:1px solid rgba(31,78,85,.12);box-shadow:0 18px 40px -28px rgba(31,78,85,.5);}
.inhalt-box>b{font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:var(--teal);}
.inhalt-box ol{margin:10px 0 0;padding-left:22px;display:grid;gap:6px;font-weight:600;}
.inhalt-box ol ol{margin:6px 0 4px;font-weight:500;font-size:15px;}
.inhalt-box a{color:var(--tief);text-decoration:none;border-bottom:1px solid rgba(61,140,150,.35);}
.inhalt-box a:hover{color:var(--teal);border-color:var(--teal);}
.lesebalken{position:fixed;top:0;left:0;right:0;height:4px;z-index:60;background:transparent;}
.lesebalken span{display:block;height:100%;width:0;background:linear-gradient(90deg,#3D8C96,#48C7CE,#40F4FF);box-shadow:0 0 10px rgba(64,244,255,.6);}
.prompt-auf{margin:22px 0;}
.prompt-auf summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:100px;background:var(--verlauf-dunkel);color:#fff;font-weight:700;font-size:14px;box-shadow:0 12px 26px -14px rgba(10,31,34,.8);transition:transform .2s;}
.prompt-auf summary::-webkit-details-marker{display:none;}
.prompt-auf summary::before{content:"▸";color:var(--aqua);transition:transform .2s;}
.prompt-auf[open] summary::before{transform:rotate(90deg);}
.prompt-auf summary:hover{transform:translateY(-2px);}
.prompt-auf .pa-auf{display:none;}
.prompt-auf[open] .pa-auf{display:inline;}
.prompt-auf[open] .pa-zu{display:none;}
.prompt-auf .prompt-box{margin-top:14px;}
.check-box{margin:40px 0 10px;padding:24px 26px;border-radius:20px;background:linear-gradient(120deg,rgba(72,199,206,.18),rgba(157,243,247,.32));border:1px solid rgba(61,140,150,.3);}
.check-box>b{font-size:18px;}
.check-box p{margin:6px 0 12px;}
.check-box label{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid rgba(31,78,85,.1);cursor:pointer;font-size:16px;}
.check-box input{width:20px;height:20px;accent-color:var(--teal);flex:none;margin-top:2px;}
.check-box label.erledigt{color:var(--gedaempft);text-decoration:line-through;}
.check-stand{margin:12px 0 0!important;font-weight:700;color:var(--petrol);}
.check-liste{list-style:none;padding:0;margin:0;}
.check-liste li{padding:10px 0 10px 32px;border-top:1px solid rgba(31,78,85,.1);position:relative;font-size:16px;}
.check-liste li::before{content:"✓";position:absolute;left:4px;top:9px;font-weight:800;color:var(--teal);}

/* Connector-Artikel: Übersichtstabelle, Karten, Tage, Plugins, FAQ (24.10.) */
.tab-wrap{overflow-x:auto;margin:22px 0;}
.conn-tabelle{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;font-size:15px;box-shadow:0 18px 40px -28px rgba(31,78,85,.5);}
.conn-tabelle th{text-align:left;padding:12px 14px;background:var(--tief);color:#fff;font-size:12px;letter-spacing:.15em;text-transform:uppercase;}
.conn-tabelle td{padding:11px 14px;border-top:1px solid rgba(31,78,85,.1);vertical-align:middle;}
.conn-tabelle a{color:var(--tief);font-weight:700;text-decoration:none;}
.conn-tabelle a:hover{color:var(--teal);}
.conn-de{display:inline-block;padding:4px 10px;border-radius:100px;font-size:11.5px;font-weight:700;white-space:nowrap;}
.conn-de.ja{background:rgba(72,199,206,.22);color:var(--petrol);}
.conn-de.teil{background:#FFF0C7;color:#7A5A00;}
.conn-de.us{background:#ECE7F6;color:#5B3F8C;}
.conn-liste{display:grid;gap:34px;margin-top:30px;}
.conn{scroll-margin-top:90px;background:#fff;border-radius:24px;padding:26px 26px 20px;border:1px solid rgba(31,78,85,.1);box-shadow:0 24px 50px -34px rgba(31,78,85,.55);}
.conn-kopf{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:6px;}
.conn-kopf>div{flex:1;min-width:0;}
.conn-nr{font-size:34px;font-weight:800;line-height:1;background:var(--verlauf-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.conn h2{margin:0!important;font-size:clamp(20px,2.4vw,26px)!important;}
.conn-kurz{margin:4px 0 0;color:var(--gedaempft);font-weight:600;}
.conn-teil h3{margin:18px 0 4px!important;font-size:13px!important;letter-spacing:.18em;text-transform:uppercase!important;color:var(--teal);}
.conn .wichtig-box b{display:block;margin-bottom:4px;}
.conn .wichtig-box p{margin:6px 0 0;}
.conn-link{margin:16px 0 0;font-size:14px;font-weight:600;}
.conn-link a{color:var(--teal);}
.faq{margin:22px 0;display:grid;gap:10px;}
.faq details{background:#fff;border-radius:16px;border:1px solid rgba(31,78,85,.12);padding:4px 20px;}
.faq summary{cursor:pointer;font-weight:700;padding:12px 0;list-style:none;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";float:right;color:var(--teal);font-weight:800;}
.faq details[open] summary::after{content:"–";}
.artikel .faq details p{color:var(--text);margin:0 0 14px;line-height:1.65;}
.artikel .faq summary{padding-right:28px;position:relative;}
.artikel .faq summary::after{position:absolute;right:0;top:12px;transform:none;}
.artikel .faq details[open] summary::after{transform:none;}
/* FAQ auf dunklen Abschnitten (E-Mail-Serie) */
.faq.faq-dunkel{max-width:780px;margin:0 auto;gap:12px;text-align:left;}
.faq.faq-dunkel details{background:rgba(255,255,255,0.08);border:1px solid var(--linie-hell);padding:4px 22px;color:#fff;}
.faq.faq-dunkel summary{color:#fff;padding:16px 34px 16px 0;position:relative;}
.faq.faq-dunkel summary::after{content:"+";float:none;position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:22px;font-weight:700;color:var(--aqua);}
.faq.faq-dunkel details[open] summary::after{content:"–";transform:translateY(-50%);}
.faq.faq-dunkel details p{margin:0 0 16px;color:var(--gedaempft-hell);}
.blog-hinweis{text-align:center;margin:28px 0 0;}
.blog-hinweis p{margin:0 0 14px;color:var(--gedaempft);}
.tage,.plugins,.modi{display:grid;gap:16px;margin:22px 0;}
@media(min-width:760px){.tage{grid-template-columns:1fr 1fr;}.plugins,.modi{grid-template-columns:repeat(3,1fr);}}
.tag,.plugin,.modus{background:#fff;border-radius:20px;padding:20px 22px;border:1px solid rgba(31,78,85,.1);min-width:0;}
.tag h3,.plugin h3,.modus h3{margin:6px 0 8px!important;font-size:18px!important;}
.tag-nr{display:inline-block;padding:5px 12px;border-radius:100px;background:var(--verlauf-teal);color:#fff;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;}
.plugin p,.modus p,.tag p{font-size:15px;}
.quellen{display:grid;gap:8px;}
.quellen a{color:var(--teal);}

/* Artikel-Kopf: mobil mittig, Desktop links neben dem Foto; Banner bündig mit Text (24.10.) */
.artikel-kopf-text .lead{margin-left:0;margin-right:0;max-width:600px;}
@media(max-width:899px){
  .artikel-kopf-text{text-align:center;}
  .artikel-kopf-text h1,.artikel-kopf-text .lead{margin-left:auto!important;margin-right:auto!important;}
  .artikel-meta{justify-content:center;}
}
.artikel-banner{padding-left:max(24px,calc(50vw - 380px));padding-right:max(24px,calc(50vw - 380px));}

/* Connector-Artikel: 4-Tage-Plan als Zeitleiste, Plugins untereinander (Kommentare 24.10.) */
.tage{display:block!important;position:relative;margin:26px 0;padding-left:0;}
.tage .tag{display:grid;grid-template-columns:96px 1fr;gap:6px 20px;align-items:start;padding:20px 22px;margin:0 0 14px;border-radius:20px;background:#fff;border:1px solid rgba(31,78,85,.1);box-shadow:0 14px 30px -24px rgba(31,78,85,.5);}
.tage .tag .tag-nr{grid-row:1 / span 3;align-self:start;text-align:center;padding:10px 0;font-size:12px;}
.tage .tag h3{grid-column:2;margin:2px 0 6px!important;}
.tage .tag ul,.tage .tag p{grid-column:2;margin:0 0 6px;}
.tage .tag ul{padding-left:18px;}
@media(max-width:560px){.tage .tag{grid-template-columns:1fr;}.tage .tag .tag-nr{grid-row:auto;justify-self:start;padding:6px 14px;}.tage .tag h3,.tage .tag ul,.tage .tag p{grid-column:1;}}
.plugins{display:block!important;margin:22px 0;}
.plugins .plugin{margin:0 0 16px;padding:22px 24px;border-left:5px solid var(--aqua);}
.plugins .plugin h3{font-size:20px!important;}
.plugins .plugin ul{columns:2;column-gap:28px;padding-left:18px;margin:6px 0 10px;}
.plugins .plugin li{break-inside:avoid;margin-bottom:4px;}
@media(max-width:560px){.plugins .plugin ul{columns:1;}}
.modi{grid-template-columns:1fr!important;}
@media(min-width:760px){.modi{grid-template-columns:repeat(3,1fr)!important;}}
.plugins .plugin ul{display:block!important;}
.tage .tag ul{display:block!important;}
.tage .tag ul li{margin-bottom:4px;}

/* Workspace-Agents-Artikel: Ablauf-Schritte, Vergleichstabelle, Hinweis (24.10.) */
.ablauf{margin:20px 0;padding:22px 24px;border-radius:20px;background:#fff;border:1px solid rgba(31,78,85,.12);}
.ablauf>b{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--teal);}
.ablauf ol{list-style:none;counter-reset:ab;padding:0;margin:12px 0 0;display:grid;gap:10px;}
.ablauf li{counter-increment:ab;position:relative;padding-left:44px;font-size:16px;}
.ablauf li::before{content:counter(ab);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--verlauf-teal);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;}
.vergleich td:first-child{font-weight:700;}
.vergleich td,.vergleich th{font-size:14px;}
.hinweis-klein{font-size:14px;color:var(--gedaempft);}
.artikel-hero h1{font-size:clamp(28px,3.6vw,46px);}

/* Steckbrief-Kasten (Funktion, Verfügbarkeit, Geeignet für) */
.steckbrief{margin:18px 0 22px;padding:16px 20px;border-radius:16px;background:var(--verlauf-dunkel);color:#E8F4F5;display:grid;gap:4px;}
.steckbrief p{margin:0;font-size:15px;}
.steckbrief b{color:var(--aqua);}

/* Rechtsseiten: Impressum + Datenschutz */
.seiten-hero.kurz{padding-bottom:56px;}
.rechtstext{max-width:760px;margin:0 auto;}
.rechtstext h2{font-size:22px;margin:38px 0 12px;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;}
@media (max-width:520px){.rechtstext h2{font-size:18px;}}
.rechtstext h2:first-of-type{margin-top:0;}
.rechtstext p,.rechtstext li{font-size:16px;line-height:1.7;margin:0 0 14px;}
.rechtstext ul{padding-left:22px;margin:0 0 14px;}
.rechtstext a{color:var(--teal);font-weight:600;overflow-wrap:anywhere;}
.rechtstext .stand{font-size:13px;color:var(--gedaempft);}
mark.platzhalter{background:#FFF1A8;color:#1A1A1A;padding:1px 4px;border-radius:4px;}

/* Cookie-Banner (assets/js/consent.js) */
#cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:1000;padding:0 max(16px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));pointer-events:none;}
#cookie-banner .cb-box{pointer-events:auto;max-width:720px;margin:0 auto;background:#102A2E;color:#E8F4F5;border:1px solid rgba(72,199,206,0.35);border-radius:18px;padding:20px 22px;box-shadow:0 18px 50px rgba(0,0,0,0.35);font-family:var(--sans);}
#cookie-banner .cb-titel{font-weight:800;font-size:16px;margin:0 0 8px;color:#fff;}
#cookie-banner .cb-text{font-size:13.5px;line-height:1.6;margin:0 0 14px;color:rgba(232,244,245,0.85);}
#cookie-banner a{color:#48C7CE;font-weight:600;}
#cookie-banner .cb-details{display:flex;flex-direction:column;gap:8px;margin:0 0 14px;font-size:13.5px;}
#cookie-banner .cb-details label{display:flex;gap:10px;align-items:flex-start;line-height:1.5;}
#cookie-banner .cb-details input{margin-top:3px;accent-color:#48C7CE;}
#cookie-banner .cb-knoepfe{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
#cookie-banner .cb-btn{font-family:inherit;font-weight:700;font-size:14px;padding:11px 18px;border-radius:100px;border:1.5px solid #48C7CE;background:#48C7CE;color:#102A2E;cursor:pointer;}
#cookie-banner .cb-ablehnen{background:transparent;color:#fff;}
#cookie-banner .cb-link{font-family:inherit;background:none;border:0;color:#48C7CE;font-weight:600;font-size:14px;text-decoration:underline;cursor:pointer;padding:8px 4px;}
#cookie-banner [hidden]{display:none!important;}
@media (max-width:520px){#cookie-banner .cb-btn{flex:1 1 100%;}}
.fbottom button.cookie-link{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;}

/* Barrierefreiheit */
.skip-link{position:absolute;left:12px;top:-60px;z-index:2000;background:#fff;color:#102A2E;font-weight:700;padding:12px 18px;border-radius:12px;text-decoration:none;transition:top .15s;}
.skip-link:focus{top:12px;}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.inhalt-box b,.conn-teil h3,.conn-link a,.ablauf b,.rechtstext a{color:var(--teal-text)!important;}
pre:focus-visible{outline:2px solid var(--aqua);outline-offset:2px;}

/* Freebie-Cover (KI-Produktfinder) */
.fb-cover img{display:block;width:100%;max-width:340px;margin:0 auto;border-radius:14px;box-shadow:0 40px 80px -30px rgba(0,0,0,0.65),0 0 0 1px rgba(255,255,255,0.08);transform:rotate(-3deg);}
@media (prefers-reduced-motion:no-preference){.fb-cover img{transition:transform .3s;}.fb-cover img:hover{transform:rotate(0) scale(1.02);}}
.pf-schritte{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}