:root{
  --ink:#151821;
  --muted:#625d55;
  --soft:#8b8377;
  --paper:#fbf7ee;
  --cream:#fffdf8;
  --sand:#f2eadc;
  --night:#0b111d;
  --night2:#151d2c;
  --gold:#d3a238;
  --gold2:#f1d277;
  --green:#267b56;
  --line:rgba(21,24,33,.12);
  --line2:rgba(211,162,56,.30);
  --shadow:0 24px 70px rgba(30,23,10,.13);
  --radius:30px;
  --max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  background:
    radial-gradient(circle at 85% 0%,rgba(211,162,56,.18),transparent 34rem),
    radial-gradient(circle at 7% 26%,rgba(11,17,29,.06),transparent 28rem),
    linear-gradient(180deg,#fffaf0 0%,#fbf7ee 45%,#f1e8d9 100%);
  line-height:1.62;
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.serif{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.04em}
.badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;border-radius:999px;
  background:#fff4d9;border:1px solid var(--line2);
  color:#7e5812;text-transform:uppercase;letter-spacing:.12em;
  font-size:12px;font-weight:950
}
.badge:before{content:"";color:var(--gold)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 24px;border-radius:999px;border:1px solid transparent;
  font-weight:950;white-space:nowrap;transition:.22s ease;cursor:pointer
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,#f8db7e,#d3a238 52%,#98661f);color:#151006;box-shadow:0 18px 44px rgba(211,162,56,.25)}
.btn-dark{background:#111722;color:#fff}
.btn-soft{background:#fffdf8;border-color:var(--line);color:#1e222c}
.card{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:rgba(255,253,248,.78);
  box-shadow:var(--shadow)
}
header{
  position:sticky;top:0;z-index:50;background:rgba(255,250,240,.88);
  backdrop-filter:blur(18px);border-bottom:1px solid rgba(21,24,33,.09)
}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:980;letter-spacing:-.03em}
.logo{
  width:46px;height:46px;border-radius:16px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(145deg,#1b2332,#090c12);
  box-shadow:inset 0 0 0 1px rgba(211,162,56,.38),0 12px 28px rgba(0,0,0,.12)
}
.logo svg{width:27px}
.nav-links{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:820;color:#3f3a34}
.nav-links a:not(.btn){opacity:.82}
.nav-links a:not(.btn):hover{opacity:1;color:#7e5812}
.mobile-hint{display:none;font-size:13px;color:#776f66;font-weight:850}

/* HERO */
.hero{position:relative;overflow:hidden}
.hero:before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(255,250,240,.98) 0%,rgba(255,250,240,.91) 38%,rgba(255,250,240,.54) 63%,rgba(255,250,240,.22) 100%),
    url("https://images.unsplash.com/photo-1526243741027-444d633d7365?auto=format&fit=crop&w=2200&q=86") center/cover no-repeat;
}
.hero-grid{
  position:relative;z-index:2;
  display:grid;grid-template-columns:.93fr 1.07fr;gap:48px;align-items:center;
  min-height:780px;padding:74px 0
}
.hero h1{font-size:clamp(46px,7.1vw,92px);line-height:.98;margin:22px 0 20px;font-weight:500}
.hero h1 .gold{color:var(--gold);display:block}
.hero p{font-size:clamp(17px,1.75vw,22px);color:#57514a;margin:0 0 28px;max-width:660px}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:28px}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:670px}
.stat{padding:17px;border:1px solid rgba(21,24,33,.11);border-radius:20px;background:rgba(255,253,248,.78);box-shadow:0 12px 34px rgba(0,0,0,.045)}
.stat strong{display:block;font-family:Georgia,serif;font-size:32px;color:#7e5812;line-height:1;font-weight:500}
.stat span{display:block;margin-top:8px;color:#746d63;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:950}
.visual-stack{position:relative;min-height:560px}
.photo-main{
  position:absolute;right:0;top:18px;width:82%;height:500px;border-radius:42px;overflow:hidden;
  background:url("https://images.unsplash.com/photo-1519682337058-a94d519337bc?auto=format&fit=crop&w=1500&q=86") center/cover no-repeat;
  box-shadow:0 34px 95px rgba(38,28,12,.22);border:1px solid rgba(211,162,56,.24)
}
.photo-main:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.42))}
.reader-panel{
  position:absolute;left:0;bottom:34px;width:56%;min-height:250px;border-radius:32px;padding:24px;
  background:rgba(255,253,248,.94);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.78);
  box-shadow:0 26px 70px rgba(0,0,0,.18)
}
.reader-panel b{font-family:Georgia,serif;font-size:31px;line-height:1.08;display:block;margin-bottom:12px}
.reader-panel p{font-size:15px;margin:0 0 18px;color:#60584f}
.reader-bars{display:grid;gap:8px}
.reader-bars span{height:9px;border-radius:999px;background:#eadfca;display:block}
.reader-bars span:nth-child(1){width:96%;background:#d3a238}
.reader-bars span:nth-child(2){width:78%}
.reader-bars span:nth-child(3){width:88%}
.voucher-chip{
  position:absolute;right:30px;bottom:22px;padding:16px 18px;border-radius:22px;
  background:#0b111d;color:#fff;box-shadow:0 18px 42px rgba(0,0,0,.25)
}
.voucher-chip strong{display:block;color:var(--gold2);font-family:Georgia,serif;font-size:26px;line-height:1}
.voucher-chip span{font-size:13px;color:#eadfca}

/* SECTIONS */
section{padding:86px 0}
.section-head{text-align:center;width:min(850px,100%);margin:0 auto 44px}
.section-head h2{font-size:clamp(34px,5vw,62px);line-height:1.05;margin:18px 0 14px;font-weight:500}
.section-head p{color:var(--muted);font-size:18px;margin:0}
.intro-grid{
  display:grid;grid-template-columns:1.12fr .88fr;gap:30px;align-items:stretch;
  padding:38px;background:linear-gradient(135deg,#fffdf8,#f7eedc)
}
.intro-grid h2{font-size:clamp(32px,4.5vw,56px);line-height:1.05;margin:16px 0;font-weight:500}
.intro-grid p{font-size:18px;color:#5f584f;margin:0}
.dark-card{border-radius:24px;padding:30px;background:#111722;color:#fff;display:grid;align-content:center}
.dark-card strong{display:block;font-family:Georgia,serif;font-size:40px;line-height:1.05;color:var(--gold2);font-weight:500;margin-bottom:12px}
.dark-card span{color:#eadfca}

/* EBOOK PRODUCT */
.ebook-layout{display:grid;grid-template-columns:1.72fr .88fr;gap:28px;align-items:start}
.ebook-main{padding:36px}
.ebook-hero{display:grid;grid-template-columns:1.03fr .97fr;gap:30px;align-items:center}
.ebook-hero h2{font-size:clamp(32px,4.4vw,56px);line-height:1.05;margin:16px 0 14px;font-weight:500}
.ebook-hero p{color:#5f584f;margin:0;font-size:18px}
.photo-frame{border-radius:25px;overflow:hidden;border:1px solid rgba(21,24,33,.12);background:#fff;position:relative}
.photo-frame img{width:100%;aspect-ratio:1.34/1;object-fit:cover}
.photo-frame .caption{position:absolute;left:16px;right:16px;bottom:16px;padding:12px 14px;border-radius:16px;background:rgba(255,253,248,.92);font-weight:950;color:#7e5812}
.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}
.kpi{padding:18px;border-radius:19px;border:1px solid rgba(21,24,33,.11);background:#fffaf0}
.kpi b{display:block;font-family:Georgia,serif;font-size:30px;color:#7e5812;line-height:1;font-weight:500}
.kpi span{display:block;margin-top:8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#70675c;font-weight:950}
.app-features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.app-feature{padding:19px;border-radius:20px;background:#fffdf8;border:1px solid var(--line)}
.app-feature small{display:inline-block;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:#f7ead0;color:#805b16;font-weight:950;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.app-feature h3{font-family:Georgia,serif;font-size:25px;line-height:1.14;margin:0 0 8px;font-weight:500}
.app-feature p{margin:0;color:#625b52;font-size:14px}
.book-shelf{margin-top:28px;padding:24px;border-radius:26px;background:#111722;color:#fff;overflow:hidden}
.shelf-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}
.shelf-head h3{font-family:Georgia,serif;font-size:32px;line-height:1.08;margin:0;font-weight:500}
.shelf-head span{color:#d9cdb8;font-size:14px}
.covers{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.cover{min-height:190px;border-radius:18px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.cover b{font-family:Georgia,serif;font-size:21px;line-height:1.12}
.cover small{text-transform:uppercase;letter-spacing:.09em;font-weight:950;color:rgba(255,255,255,.82)}
.cover:nth-child(1){background:linear-gradient(150deg,#d3a238,#704615)}
.cover:nth-child(2){background:linear-gradient(150deg,#4d82b8,#152a4a)}
.cover:nth-child(3){background:linear-gradient(150deg,#a8547b,#402039)}
.cover:nth-child(4){background:linear-gradient(150deg,#4f9b72,#193929)}
.cover:nth-child(5){background:linear-gradient(150deg,#9b6b39,#322113)}
.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.category{padding:18px;border:1px solid rgba(21,24,33,.1);border-radius:18px;background:#fffdf8}
.category b{display:block;margin-bottom:6px;color:#171922}
.category span{color:#736c62;font-size:13px}
.travel-panel{padding:28px;position:sticky;top:98px}
.travel-panel h3{font-family:Georgia,serif;font-size:36px;line-height:1.06;margin:16px 0 12px;font-weight:500}
.travel-panel p{color:#625b52;margin:0 0 16px}
.travel-photo{border-radius:22px;min-height:290px;margin:18px 0;background:url("https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=1200&q=86") center/cover no-repeat;border:1px solid rgba(21,24,33,.12)}
.travel-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.travel-list li{display:flex;gap:9px;color:#49443e}
.travel-list li:before{content:"";color:var(--green);font-weight:950}

/* IMAGE STORY */
.image-story{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch}
.story-photo{min-height:430px;border-radius:var(--radius);overflow:hidden;position:relative;box-shadow:var(--shadow);border:1px solid var(--line)}
.story-photo.one{background:url("https://images.unsplash.com/photo-1524995997946-a1c2e315a42f?auto=format&fit=crop&w=1600&q=86") center/cover no-repeat}
.story-photo.two{background:url("https://images.unsplash.com/photo-1513475382585-d06e58bcb0e0?auto=format&fit=crop&w=1600&q=86") center/cover no-repeat}
.story-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.61))}
.story-photo div{position:absolute;left:24px;right:24px;bottom:24px;color:#fff;z-index:2}
.story-photo h3{font-family:Georgia,serif;font-size:36px;line-height:1.06;margin:0 0 8px;font-weight:500}
.story-photo p{margin:0;color:#eadfca}

/* COMFORT */
.use-cases{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.use-card{padding:26px;min-height:230px}
.use-card .pill{display:inline-flex;margin-bottom:18px;padding:8px 12px;border-radius:999px;background:#111722;color:var(--gold2);font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.use-card h3{font-family:Georgia,serif;font-size:27px;line-height:1.14;margin:0 0 9px;font-weight:500}
.use-card p{color:#69645d;margin:0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.step{padding:30px}
.step-num{width:50px;height:50px;border-radius:17px;display:grid;place-items:center;background:#fff3d0;border:1px solid rgba(211,162,56,.32);font-weight:950;color:#805b16;margin-bottom:18px}
.step h3{font-family:Georgia,serif;font-size:29px;line-height:1.12;margin:0 0 10px;font-weight:500}
.step p{color:#69645d;margin:0}

/* PACKAGES */
.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.package{padding:32px;position:relative;display:flex;flex-direction:column}
.package.featured{border-color:rgba(211,162,56,.55);box-shadow:0 28px 90px rgba(211,162,56,.16);background:linear-gradient(180deg,#fffdf8,#fff6e1)}
.package.featured:before{content:"Meistgewählt";position:absolute;top:18px;right:18px;padding:7px 12px;border-radius:999px;background:#111722;color:var(--gold2);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:950}
.package h3{font-family:Georgia,serif;font-size:31px;margin:0 0 8px;line-height:1.1;font-weight:500}
.price{font-family:Georgia,serif;font-size:60px;color:#805b16;line-height:1;margin:18px 0 8px}
.price small{font-family:Inter,Arial,sans-serif;font-size:15px;color:#746d63;letter-spacing:0}
.package p{color:#69645d;margin:0}
.package ul{list-style:none;margin:24px 0 28px;padding:0;display:grid;gap:12px}
.package li{display:flex;gap:10px;color:#3d3934}
.package li:before{content:"";color:var(--green);font-weight:950}
.package .btn{margin-top:auto;width:100%}

/* FAQ CONTACT LEGAL */
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
details{border:1px solid rgba(21,24,33,.12);border-radius:19px;background:#fffdf8;box-shadow:0 10px 28px rgba(0,0,0,.04);overflow:hidden}
summary{padding:20px 22px;cursor:pointer;font-weight:950;list-style:none}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";float:right;color:#805b16;font-weight:950}
details[open] summary:after{content:"−"}
details div{padding:0 22px 22px;color:#625b52}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}
.panel{padding:34px}
.panel h2{font-size:clamp(34px,4.5vw,56px);line-height:1.04;margin:16px 0 14px;font-weight:500}
.panel p{color:#5e584f;margin:0 0 18px}
form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:grid;gap:8px;font-size:13px;font-weight:950;color:#332f2a}
input,select,textarea{width:100%;border:1px solid rgba(21,24,33,.15);border-radius:15px;background:#fffdf8;color:#161922;padding:14px 15px;font:inherit;outline:none}
textarea{grid-column:1/-1;min-height:120px;resize:vertical}
form button{grid-column:1/-1}
.form-note{grid-column:1/-1;color:#7c756b;font-size:13px}
.legal-wrap{padding:34px}
.legal-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.legal-tabs a{padding:10px 14px;border-radius:999px;background:#fff3d0;border:1px solid rgba(211,162,56,.3);font-weight:950;color:#7a5517}
.legal-wrap details{margin-top:14px}
.legal-wrap h3{font-family:Georgia,serif;font-size:28px;line-height:1.14;margin:26px 0 10px;font-weight:500;color:#171922}
.legal-wrap p,.legal-wrap li{color:#5f584f}
.legal-wrap ul{padding-left:22px}
.notice{margin-top:22px;padding:17px 19px;border-radius:18px;border:1px solid rgba(211,162,56,.3);background:#fff6df;color:#675832}
footer{padding:44px 0;background:#0b111d;color:#cfc6b7}
.footer{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}
.footer strong{color:#fff}
.footer a{color:#f1d37a;margin-left:14px}

@media(max-width:1060px){
  .hero-grid,.intro-grid,.ebook-layout,.ebook-hero,.image-story,.contact-grid{grid-template-columns:1fr}
  .visual-stack{min-height:500px}
  .travel-panel{position:static}
  .kpi-row,.app-features,.use-cases{grid-template-columns:repeat(2,1fr)}
  .covers{grid-template-columns:repeat(3,1fr)}
  .nav-links a:not(.btn){display:none}
  .mobile-hint{display:block}
}
@media(max-width:820px){
  .categories,.steps,.packages{grid-template-columns:1fr}
  .faq-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .container{width:min(100% - 28px,var(--max))}
  .nav{height:68px}
  .brand{font-size:18px}
  .logo{width:40px;height:40px}
  .nav-links .btn{display:none}
  .hero:before{background:linear-gradient(180deg,rgba(255,250,240,.96),rgba(255,250,240,.87)),url("https://images.unsplash.com/photo-1526243741027-444d633d7365?auto=format&fit=crop&w=1100&q=82") center/cover no-repeat}
  .hero-grid{min-height:auto;padding:58px 0}
  .hero-stats,.kpi-row,.app-features,.use-cases,.covers{grid-template-columns:1fr}
  .visual-stack{min-height:420px}
  .photo-main{width:100%;height:330px;top:20px}
  .reader-panel{left:10px;bottom:8px;width:78%;min-height:205px}
  .voucher-chip{right:8px;bottom:4px}
  section{padding:66px 0}
  .intro-grid,.ebook-main,.travel-panel,.panel,.legal-wrap,.package,.step,.use-card{padding:24px}
  form{grid-template-columns:1fr}
  .footer a{display:block;margin:8px 0 0}
}

/* V7 CATEGORY + BENTO SCHLIFF */
.category-showcase{
  margin-top:28px;
  border-radius:30px;
  overflow:hidden;
  border:1px solid rgba(21,24,33,.11);
  background:#fffdf8;
  box-shadow:0 16px 45px rgba(30,23,10,.08);
}
.category-hero{
  min-height:245px;
  padding:28px;
  display:grid;
  align-items:end;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(11,17,29,.92),rgba(11,17,29,.46),rgba(11,17,29,.18)),
    url("https://images.unsplash.com/photo-1507842217343-583bb7270b66?auto=format&fit=crop&w=1800&q=86") center/cover no-repeat;
}
.category-hero h3{
  margin:0 0 8px;
  font-family:Georgia,serif;
  font-size:clamp(30px,4vw,46px);
  line-height:1.05;
  font-weight:500;
}
.category-hero p{
  margin:0;
  max-width:650px;
  color:#eee4d3;
  font-size:17px;
}
.categories{
  padding:18px;
  background:
    radial-gradient(circle at 90% 10%,rgba(211,162,56,.16),transparent 20rem),
    #fffaf0;
}
.category{
  min-height:132px;
  position:relative;
  overflow:hidden;
  border-color:rgba(21,24,33,.10);
  background:#fffdf8;
  transition:.22s ease;
}
.category:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 36px rgba(30,23,10,.10);
  border-color:rgba(211,162,56,.32);
}
.category:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:7px;
  background:var(--cat,#d3a238);
}
.category b{
  font-size:16px;
  padding-left:4px;
}
.category span{
  display:block;
  padding-left:4px;
  line-height:1.55;
}
.category small{
  display:inline-flex;
  margin:0 0 12px 4px;
  padding:5px 9px;
  border-radius:999px;
  background:color-mix(in srgb, var(--cat,#d3a238) 16%, white);
  color:#5d4415;
  font-size:10px;
  font-weight:950;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.category.hist{--cat:#c9912c}.category.roman{--cat:#cf6f6a}.category.krimi{--cat:#526f9e}
.category.sach{--cat:#699269}.category.business{--cat:#a77738}.category.ratgeber{--cat:#6f9e8a}
.category.fantasy{--cat:#8f67a8}.category.kinder{--cat:#5c9fb8}.category.reise{--cat:#d3a238}
.category-note{
  margin-top:16px;
  padding:16px 18px;
  border-radius:18px;
  background:#111722;
  color:#eadfca;
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}
.category-note b{
  color:#f1d277;
  font-family:Georgia,serif;
  font-size:24px;
  font-weight:500;
}
.bento{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:24px;
  align-items:stretch;
}
.bento-main{
  padding:34px;
  min-height:430px;
  display:grid;
  align-content:end;
  color:#fff;
  background:
    linear-gradient(180deg,rgba(11,17,29,.12),rgba(11,17,29,.84)),
    url("https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1600&q=86") center/cover no-repeat;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.bento-main h2{
  font-family:Georgia,serif;
  font-size:clamp(34px,5vw,58px);
  line-height:1.05;
  font-weight:500;
  margin:16px 0 12px;
}
.bento-main p{max-width:660px;color:#efe6d5;font-size:18px;margin:0}
.bento-side{
  display:grid;
  gap:16px;
}
.bento-card{
  padding:24px;
  border-radius:24px;
  background:#fffdf8;
  border:1px solid rgba(21,24,33,.11);
  box-shadow:0 14px 38px rgba(30,23,10,.07);
}
.bento-card strong{
  display:block;
  font-family:Georgia,serif;
  font-size:28px;
  line-height:1.12;
  font-weight:500;
  margin-bottom:8px;
}
.bento-card p{margin:0;color:#625b52}
.bento-card.dark{
  background:#111722;
  color:#fff;
}
.bento-card.dark p{color:#d9cdb8}
.bento-card.dark strong{color:#f1d277}
.discovery-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.discovery-card{
  min-height:230px;
  border-radius:26px;
  padding:22px;
  color:#fff;
  display:grid;
  align-content:end;
  overflow:hidden;
  box-shadow:0 18px 45px rgba(0,0,0,.12);
}
.discovery-card h3{
  font-family:Georgia,serif;
  font-size:27px;
  line-height:1.12;
  margin:0 0 8px;
  font-weight:500;
}
.discovery-card p{margin:0;color:#f0e7d6;font-size:14px}
.discovery-card.one{background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.7)),url("https://images.unsplash.com/photo-1544716278-ca5e3f4abd8c?auto=format&fit=crop&w=900&q=85") center/cover no-repeat}
.discovery-card.two{background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.7)),url("https://images.unsplash.com/photo-1506880018603-83d5b814b5a6?auto=format&fit=crop&w=900&q=85") center/cover no-repeat}
.discovery-card.three{background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.7)),url("https://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=900&q=85") center/cover no-repeat}
.discovery-card.four{background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.7)),url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=900&q=85") center/cover no-repeat}
.travel-photo{
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.18)),
    url("https://images.unsplash.com/photo-1542314831-068cd1dbfeeb?auto=format&fit=crop&w=1200&q=86") !important;
}
.travel-benefits{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:18px;
}
.travel-benefit{
  padding:14px 15px;
  border-radius:16px;
  background:#fffaf0;
  border:1px solid rgba(21,24,33,.10);
}
.travel-benefit b{display:block;color:#171922;margin-bottom:3px}
.travel-benefit span{font-size:13px;color:#6c655c}
@media(max-width:1060px){
  .bento{grid-template-columns:1fr}
  .discovery-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .category-hero{min-height:210px;padding:22px}
  .category-note{align-items:flex-start}
  .bento-main{padding:24px;min-height:350px}
  .discovery-grid{grid-template-columns:1fr}
}


/* V8 TEXT + PREMIUM POLISH */
.section-head p{max-width:760px;margin-inline:auto}
.category small:before{
  content:"";
  display:inline-block;
  width:7px;height:7px;border-radius:50%;
  background:var(--cat,#d3a238);
  margin-right:6px;
  vertical-align:1px;
}
.category b:after{
  content:"";
  display:block;
  width:34px;height:2px;border-radius:99px;
  background:var(--cat,#d3a238);
  margin-top:9px;margin-bottom:10px;
}
.premium-copy-band{
  margin-top:28px;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:16px;
}
.copy-card{
  padding:24px;
  border-radius:24px;
  border:1px solid rgba(21,24,33,.11);
  background:#fffdf8;
  box-shadow:0 14px 34px rgba(30,23,10,.07);
}
.copy-card b{
  display:block;
  font-family:Georgia,serif;
  font-size:27px;
  font-weight:500;
  line-height:1.12;
  margin-bottom:8px;
}
.copy-card p{margin:0;color:#625b52}
.copy-card.gold{
  background:linear-gradient(145deg,#fff7df,#f5e5bd);
  border-color:rgba(211,162,56,.35);
}
.copy-card.dark{
  background:#111722;
  color:#fff;
}
.copy-card.dark p{color:#dfd3bf}
.copy-card.dark b{color:#f1d277}
.reader-mock{
  margin-top:28px;
  border-radius:30px;
  overflow:hidden;
  border:1px solid rgba(21,24,33,.12);
  background:#111722;
  color:#fff;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  min-height:360px;
}
.reader-mock-image{
  background:
    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.5)),
    url("https://images.unsplash.com/photo-1516979187457-637abb4f9353?auto=format&fit=crop&w=1200&q=86") center/cover no-repeat;
}
.reader-mock-content{
  padding:32px;
  display:grid;
  align-content:center;
}
.reader-mock-content h3{
  font-family:Georgia,serif;
  font-size:clamp(30px,4vw,48px);
  line-height:1.05;
  font-weight:500;
  margin:0 0 14px;
  color:#f1d277;
}
.reader-mock-content p{margin:0 0 18px;color:#eadfca;font-size:17px}
.reader-list{display:grid;gap:10px;margin-top:4px}
.reader-list span{
  display:flex;align-items:center;gap:10px;
  color:#fff;
}
.reader-list span:before{
  content:"";
  width:24px;height:24px;border-radius:50%;
  display:grid;place-items:center;
  background:#f1d277;color:#151006;font-weight:950;
  flex:0 0 auto;
}
.bento-main .badge{background:rgba(255,244,217,.95)}
.discovery-card{
  transition:.22s ease;
}
.discovery-card:hover{transform:translateY(-4px)}
.use-card{
  transition:.22s ease;
}
.use-card:hover{transform:translateY(-3px);box-shadow:0 20px 54px rgba(30,23,10,.12)}
.copy-transition{
  height:1px;
  width:min(880px,80%);
  margin:10px auto -20px;
  background:linear-gradient(90deg,transparent,rgba(211,162,56,.45),transparent);
}
@media(max-width:1060px){
  .premium-copy-band,.reader-mock{grid-template-columns:1fr}
  .reader-mock-image{min-height:260px}
}
@media(max-width:620px){
  .premium-copy-band{grid-template-columns:1fr}
  .reader-mock-content{padding:24px}
}


/* V9 FINAL OPTIMIERUNG · SPACING · TYPO · FOOTER */
:root{
  --footer:#080d17;
  --footer2:#101827;
}
body{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
section{
  position:relative;
}
section + section:before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:min(980px,82%);
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(211,162,56,.22),transparent);
}
.section-head{
  margin-bottom:50px;
}
.section-head h2{
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}
.section-head p{
  line-height:1.72;
}
.card{
  transition:box-shadow .22s ease, transform .22s ease, border-color .22s ease;
}
.card:hover{
  border-color:rgba(211,162,56,.22);
}
.hero-actions .btn,
.package .btn,
form .btn{
  min-height:52px;
}
.ebook-main,
.travel-panel,
.panel,
.legal-wrap{
  box-shadow:0 28px 80px rgba(30,23,10,.12);
}
.kpi-row{
  margin-top:28px;
}
.kpi{
  min-height:112px;
  display:grid;
  align-content:center;
}
.app-features{
  margin-top:28px;
}
.app-feature{
  min-height:178px;
}
.book-shelf{
  margin-top:32px;
}
.categories{
  gap:14px;
}
.category{
  padding:20px 20px 18px;
}
.category b{
  letter-spacing:-.01em;
}
.category span{
  font-size:14px;
}
.packages{
  margin-top:10px;
}
.package{
  min-height:560px;
}
.package ul{
  margin-top:26px;
}
.package li{
  line-height:1.52;
}
.faq-grid details{
  min-height:78px;
}
summary{
  line-height:1.35;
}
details div{
  line-height:1.72;
}
.contact-grid{
  align-items:stretch;
}
form.panel{
  align-content:start;
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(211,162,56,.55);
  box-shadow:0 0 0 4px rgba(211,162,56,.10);
}
.footer-new{
  padding:58px 0 34px;
  background:
    radial-gradient(circle at 84% 0%,rgba(211,162,56,.16),transparent 30rem),
    linear-gradient(180deg,var(--footer2),var(--footer));
  color:#d6cebf;
}
.footer-top{
  display:grid;
  grid-template-columns:1.15fr .85fr .85fr .95fr;
  gap:34px;
  align-items:start;
}
.footer-brand{
  display:flex;
  gap:14px;
  align-items:flex-start;
}
.footer-logo{
  width:50px;
  height:50px;
  border-radius:17px;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(145deg,#1d2738,#080c14);
  box-shadow:inset 0 0 0 1px rgba(211,162,56,.45);
  flex:0 0 auto;
}
.footer-logo svg{width:29px}
.footer-brand strong{
  display:block;
  color:#fff;
  font-size:22px;
  letter-spacing:-.03em;
  margin-bottom:8px;
}
.footer-brand p{
  margin:0;
  color:#c7bdac;
  line-height:1.65;
  max-width:360px;
}
.footer-col h4{
  margin:0 0 16px;
  color:#fff;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.footer-col a{
  display:block;
  color:#cfc6b7;
  margin:9px 0;
  transition:.18s ease;
}
.footer-col a:hover{
  color:#f1d277;
  transform:translateX(2px);
}
.footer-note{
  padding:18px 20px;
  border-radius:22px;
  border:1px solid rgba(211,162,56,.22);
  background:rgba(255,255,255,.04);
}
.footer-note b{
  display:block;
  color:#f1d277;
  font-family:Georgia,serif;
  font-size:24px;
  line-height:1.1;
  font-weight:500;
  margin-bottom:8px;
}
.footer-note span{
  color:#d6cebf;
  line-height:1.6;
}
.footer-bottom{
  margin-top:38px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.11);
  display:flex;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
  font-size:13px;
  color:#a99f91;
}
.footer-bottom a{
  color:#f1d277;
  margin-left:14px;
}
@media(max-width:1060px){
  .footer-top{
    grid-template-columns:1fr 1fr;
  }
  .package{
    min-height:auto;
  }
}
@media(max-width:700px){
  section + section:before{width:88%}
  .footer-top{
    grid-template-columns:1fr;
  }
  .footer-bottom a{
    display:inline-block;
    margin:8px 12px 0 0;
  }
}


/* V10 PREMIUM HEADER · HERO CUT · QUOTE/AD STRIPS · FINAL POLISH */
.site-header{
  position:sticky;
  top:0;
  z-index:60;
  background:rgba(255,250,240,.72);
  backdrop-filter:blur(22px);
  border-bottom:1px solid rgba(21,24,33,.08);
  box-shadow:0 12px 30px rgba(30,23,10,.05);
}
.nav-premium{
  height:82px;
  border-left:1px solid rgba(21,24,33,.06);
  border-right:1px solid rgba(21,24,33,.06);
}
.brand-premium{
  gap:13px;
}
.logo-premium{
  width:54px;
  height:54px;
  border-radius:19px;
  background:
    radial-gradient(circle at 28% 22%,rgba(241,210,119,.35),transparent 28px),
    linear-gradient(145deg,#172033,#070b13);
  box-shadow:
    inset 0 0 0 1px rgba(211,162,56,.52),
    0 16px 34px rgba(0,0,0,.14);
}
.logo-premium svg{width:32px}
.brand-text{
  display:grid;
  line-height:1.05;
}
.brand-text strong{
  font-size:25px;
  letter-spacing:-.045em;
}
.brand-text small{
  margin-top:6px;
  color:#766d60;
  font-size:11px;
  letter-spacing:.09em;
  text-transform:uppercase;
  font-weight:900;
}
.nav-links-premium{
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,253,248,.64);
  border:1px solid rgba(21,24,33,.08);
  gap:18px;
}
.header-tools{
  display:flex;
  align-items:center;
  gap:12px;
}
.flag-row{
  display:flex;
  align-items:center;
  gap:4px;
  padding:8px 9px;
  border-radius:999px;
  background:#fffdf8;
  border:1px solid rgba(21,24,33,.10);
  box-shadow:0 10px 24px rgba(30,23,10,.06);
}
.flag-row span{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f6efe1;
  font-size:15px;
  line-height:1;
}
.hamburger-visual{
  width:46px;
  height:46px;
  border-radius:16px;
  border:1px solid rgba(21,24,33,.12);
  background:#111722;
  display:grid;
  place-items:center;
  padding:0;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(0,0,0,.10);
}
.hamburger-visual i{
  display:block;
  width:20px;
  height:2px;
  border-radius:99px;
  background:#f1d277;
  margin:2px 0;
}
.hero{
  margin-top:-1px;
}
.hero:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:105px;
  background:linear-gradient(180deg,rgba(251,247,238,0),#fbf7ee 72%);
  pointer-events:none;
  z-index:1;
}
.hero-grid{
  padding-top:64px;
  padding-bottom:88px;
}
.visual-stack{
  transform:translateY(8px);
}
.photo-main{
  height:485px;
  background-position:center 42%;
}
.reader-panel{
  border:1px solid rgba(211,162,56,.22);
}
.voucher-chip{
  border:1px solid rgba(241,210,119,.25);
}
section{
  padding-top:92px;
  padding-bottom:92px;
}
.quote-strip,
.ap-strip{
  margin:8px 0;
  padding:0;
}
.quote-inner,
.ap-inner{
  width:min(var(--max),calc(100% - 40px));
  margin-inline:auto;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 22px 64px rgba(30,23,10,.12);
}
.quote-inner{
  min-height:185px;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  background:
    linear-gradient(90deg,rgba(11,17,29,.96),rgba(11,17,29,.82)),
    url("https://images.unsplash.com/photo-1521587760476-6c12a4b040da?auto=format&fit=crop&w=1600&q=86") center/cover no-repeat;
  color:#fff;
}
.quote-mark{
  display:grid;
  place-items:center;
  min-height:185px;
  background:rgba(255,255,255,.035);
  border-right:1px solid rgba(255,255,255,.10);
}
.quote-mark span{
  width:82px;
  height:82px;
  border-radius:28px;
  display:grid;
  place-items:center;
  background:rgba(241,210,119,.12);
  border:1px solid rgba(241,210,119,.28);
  color:#f1d277;
  font-family:Georgia,serif;
  font-size:64px;
  line-height:1;
}
.quote-copy{
  padding:34px;
  display:grid;
  align-content:center;
}
.quote-copy blockquote{
  margin:0 0 14px;
  font-family:Georgia,serif;
  font-size:clamp(26px,3.2vw,42px);
  line-height:1.12;
  color:#fff8df;
}
.quote-copy cite{
  font-style:normal;
  color:#d8ccba;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
}
.ap-inner{
  display:grid;
  grid-template-columns:1fr auto;
  gap:24px;
  align-items:center;
  padding:30px 34px;
  background:
    radial-gradient(circle at 88% 18%,rgba(211,162,56,.28),transparent 18rem),
    linear-gradient(135deg,#fff8e5,#fffdf8 45%,#f2eadc);
  border:1px solid rgba(211,162,56,.28);
}
.ap-inner h3{
  margin:0 0 8px;
  font-family:Georgia,serif;
  font-size:clamp(28px,4vw,44px);
  line-height:1.08;
  font-weight:500;
  color:#171922;
}
.ap-inner p{
  margin:0;
  max-width:770px;
  color:#5c554b;
  font-size:17px;
}
.ap-badge{
  width:112px;
  height:112px;
  border-radius:32px;
  display:grid;
  place-items:center;
  text-align:center;
  color:#151006;
  font-weight:950;
  background:linear-gradient(145deg,#f8db7e,#d3a238);
  box-shadow:0 18px 42px rgba(211,162,56,.25);
}
.copy-transition{
  margin-top:0;
  margin-bottom:0;
}
.card,
.copy-card,
.bento-card,
.discovery-card,
.use-card,
.package,
details{
  border-radius:28px;
}
.category-showcase,
.reader-mock,
.book-shelf{
  border-radius:32px;
}
.footer-new{
  margin-top:26px;
}
@media(max-width:1120px){
  .nav-links-premium{display:none}
  .header-cta{display:none}
}
@media(max-width:760px){
  .nav-premium{height:76px}
  .brand-text small{display:none}
  .brand-text strong{font-size:21px}
  .logo-premium{width:46px;height:46px}
  .flag-row span{width:25px;height:25px;font-size:14px}
  .quote-inner,.ap-inner{
    width:min(100% - 28px,var(--max));
  }
  .quote-inner{
    grid-template-columns:1fr;
  }
  .quote-mark{
    min-height:92px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.10);
  }
  .ap-inner{
    grid-template-columns:1fr;
  }
  .ap-badge{
    width:88px;
    height:88px;
    border-radius:26px;
  }
  section{padding-top:72px;padding-bottom:72px}
}
@media(max-width:520px){
  .flag-row{display:none}
}


/* V11 · LEGAL IN HEADER · MODERN VISUAL REPLACEMENT · FINAL GRAPHIC POLISH */
.site-header-v11{
  background:linear-gradient(180deg,rgba(255,250,240,.84),rgba(255,250,240,.68));
}
.nav-v11{
  height:84px;
  max-width:1380px;
}
.logo-v11{
  width:58px;
  height:58px;
  border-radius:21px;
  transform:translateY(1px);
}
.logo-v11 svg{width:34px}
.brand-v11 .brand-text strong{
  font-size:27px;
}
.nav-main-v11{
  gap:10px;
  padding:8px;
}
.nav-main-v11 a,
.nav-main-v11 button{
  appearance:none;
  border:0;
  background:transparent;
  color:#38342f;
  font:inherit;
  font-weight:850;
  cursor:pointer;
  padding:10px 10px;
  border-radius:999px;
  opacity:.86;
  transition:.18s ease;
}
.nav-main-v11 a:hover,
.nav-main-v11 button:hover{
  opacity:1;
  color:#7e5812;
  background:#fff4d9;
}
.header-tools-v11{
  gap:10px;
}
.flag-row-v11{
  box-shadow:none;
}
.hamburger-v11{
  position:relative;
  overflow:hidden;
}
.hamburger-v11:before{
  content:"";
  position:absolute;
  inset:-20px;
  background:radial-gradient(circle at 30% 20%,rgba(241,210,119,.22),transparent 34px);
}
.hamburger-v11 i{position:relative}
.hero-grid{
  min-height:760px;
}
.hero:after{
  height:138px;
  background:
    linear-gradient(180deg,rgba(251,247,238,0),#fbf7ee 64%,#fbf7ee);
}
.badge{
  box-shadow:0 8px 18px rgba(211,162,56,.08);
}
.card,
.copy-card,
.bento-card,
.app-feature,
.category,
.package,
.use-card,
details{
  box-shadow:
    0 24px 70px rgba(30,23,10,.10),
    inset 0 1px 0 rgba(255,255,255,.55);
}
.app-feature small,
.use-card .pill{
  letter-spacing:.105em;
}
.app-feature small:before,
.use-card .pill:before{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:7px;
  border-radius:50%;
  background:#d3a238;
}
.activa-erlebnis{
  padding-top:96px;
  padding-bottom:112px;
}
.experience-grid{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:32px;
  align-items:stretch;
}
.experience-copy{
  padding:40px;
  border-radius:34px;
  background:
    radial-gradient(circle at 85% 10%,rgba(211,162,56,.18),transparent 20rem),
    #fffdf8;
  border:1px solid rgba(21,24,33,.11);
  box-shadow:0 28px 80px rgba(30,23,10,.12);
}
.experience-copy h2{
  margin:18px 0 16px;
  font-size:clamp(34px,4.6vw,62px);
  line-height:1.04;
  font-weight:500;
}
.experience-copy p{
  margin:0;
  color:#5e584f;
  font-size:18px;
  line-height:1.72;
}
.experience-points{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:28px;
}
.experience-points div{
  min-height:112px;
  display:grid;
  align-content:center;
  padding:18px;
  border-radius:22px;
  background:#fff6df;
  border:1px solid rgba(211,162,56,.24);
}
.experience-points b{
  display:block;
  font-family:Georgia,serif;
  font-size:31px;
  color:#805b16;
  line-height:1;
  font-weight:500;
}
.experience-points span{
  display:block;
  margin-top:8px;
  color:#6d655b;
  font-size:12px;
  font-weight:950;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.experience-visual{
  position:relative;
  min-height:560px;
  border-radius:38px;
  overflow:hidden;
  border:1px solid rgba(21,24,33,.12);
  box-shadow:0 34px 95px rgba(30,23,10,.15);
  background:
    linear-gradient(180deg,rgba(11,17,29,.02),rgba(11,17,29,.46)),
    url("https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&w=1600&q=86") center/cover no-repeat;
}
.experience-visual:after{
  content:"Activa-Plus.info";
  position:absolute;
  left:28px;
  bottom:28px;
  color:#fff;
  font-family:Georgia,serif;
  font-size:clamp(34px,5vw,58px);
  line-height:1;
  text-shadow:0 14px 36px rgba(0,0,0,.45);
}
.experience-card{
  position:absolute;
  padding:16px 18px;
  border-radius:22px;
  background:rgba(255,253,248,.92);
  backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 18px 44px rgba(0,0,0,.16);
}
.experience-card strong{
  display:block;
  color:#171922;
  font-family:Georgia,serif;
  font-size:24px;
  line-height:1.1;
  font-weight:500;
}
.experience-card span{
  display:block;
  margin-top:6px;
  color:#6a6258;
  font-size:13px;
  font-weight:850;
}
.floating-one{top:26px;left:26px}
.floating-two{right:26px;bottom:112px}
.modal-layer{
  position:fixed;
  inset:0;
  z-index:200;
  display:none;
}
.modal-layer.open{
  display:block;
}
.modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(8,12,20,.64);
  backdrop-filter:blur(10px);
}
.legal-modal-card{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:min(920px,calc(100% - 34px));
  max-height:min(82vh,860px);
  overflow:auto;
  border-radius:32px;
  background:#fffdf8;
  border:1px solid rgba(211,162,56,.30);
  box-shadow:0 40px 120px rgba(0,0,0,.35);
  padding:34px;
}
.modal-close{
  position:sticky;
  top:0;
  float:right;
  z-index:3;
  width:44px;
  height:44px;
  border-radius:16px;
  border:1px solid rgba(21,24,33,.12);
  background:#111722;
  color:#f1d277;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.legal-modal-panel{
  display:none;
}
.legal-modal-panel.active{
  display:block;
}
.legal-modal-panel h2{
  margin:16px 0 22px;
  font-size:clamp(34px,5vw,58px);
  line-height:1.04;
  font-weight:500;
}
.legal-modal-content{
  clear:both;
}
.legal-modal-content h3{
  font-family:Georgia,serif;
  font-size:27px;
  line-height:1.14;
  margin:24px 0 10px;
  font-weight:500;
}
.legal-modal-content p,
.legal-modal-content li{
  color:#5f584f;
  line-height:1.72;
}
.legal-modal-content .notice{
  margin-top:18px;
}
.footer-new button{
  appearance:none;
  border:0;
  background:transparent;
  padding:0;
  color:#f1d277;
  margin-left:14px;
  cursor:pointer;
  font:inherit;
}
.footer-col button{
  display:block;
  color:#cfc6b7;
  margin:9px 0;
  transition:.18s ease;
  text-align:left;
}
.footer-col button:hover{
  color:#f1d277;
  transform:translateX(2px);
}
@media(max-width:1120px){
  .nav-main-v11{
    display:none;
  }
}
@media(max-width:980px){
  .experience-grid{
    grid-template-columns:1fr;
  }
  .experience-visual{
    min-height:460px;
  }
  .experience-points{
    grid-template-columns:1fr;
  }
}
@media(max-width:620px){
  .nav-v11{height:76px}
  .logo-v11{width:48px;height:48px;border-radius:17px}
  .brand-v11 .brand-text strong{font-size:21px}
  .brand-text small{display:none}
  .experience-copy{padding:26px}
  .experience-visual{min-height:390px}
  .floating-one{left:16px;top:16px}
  .floating-two{right:16px;bottom:88px}
  .legal-modal-card{
    padding:24px;
    border-radius:26px;
    max-height:86vh;
  }
}


/* V12 SAFE FINAL · MOBILE MENU · HERO DETAIL · PREMIUM EBOOK DEPTH */
.hamburger-visual{
  display:grid;
}
.hamburger-visual.active{
  background:#f1d277;
}
.hamburger-visual.active i{
  background:#111722;
}
.mobile-menu-v12{
  position:fixed;
  inset:0;
  z-index:190;
  display:none;
}
.mobile-menu-v12.open{
  display:block;
}
.mobile-menu-v12:before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(8,12,20,.52);
  backdrop-filter:blur(10px);
}
.mobile-menu-panel{
  position:absolute;
  top:92px;
  right:min(22px,4vw);
  width:min(420px,calc(100% - 28px));
  border-radius:30px;
  background:#fffdf8;
  border:1px solid rgba(211,162,56,.28);
  box-shadow:0 34px 90px rgba(0,0,0,.22);
  padding:22px;
}
.mobile-menu-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-bottom:16px;
}
.mobile-menu-top strong{
  font-family:Georgia,serif;
  font-size:27px;
  line-height:1;
}
.mobile-menu-close{
  width:42px;
  height:42px;
  border:0;
  border-radius:15px;
  background:#111722;
  color:#f1d277;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.mobile-menu-links{
  display:grid;
  gap:9px;
}
.mobile-menu-links a,
.mobile-menu-links button{
  appearance:none;
  border:1px solid rgba(21,24,33,.10);
  background:#fffaf0;
  color:#171922;
  text-align:left;
  padding:14px 15px;
  border-radius:17px;
  font:inherit;
  font-weight:900;
  cursor:pointer;
}
.mobile-menu-links a:hover,
.mobile-menu-links button:hover{
  background:#fff3d0;
  border-color:rgba(211,162,56,.35);
}
.mobile-language-preview{
  margin-top:16px;
  padding:14px 15px;
  border-radius:18px;
  background:#111722;
  color:#f1d277;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.mobile-language-preview span{
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:12px;
}
.mobile-language-preview div{
  display:flex;
  gap:8px;
}
.mobile-language-preview b{
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.08);
}
.hero-trust-v12{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.hero-trust-v12 span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 13px;
  border-radius:999px;
  background:rgba(255,253,248,.76);
  border:1px solid rgba(21,24,33,.10);
  color:#554e45;
  font-size:12px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 10px 26px rgba(30,23,10,.06);
}
.hero-trust-v12 span:before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#d3a238;
}
.photo-main{
  box-shadow:0 40px 100px rgba(30,23,10,.22);
}
.reader-panel{
  box-shadow:0 30px 80px rgba(30,23,10,.20);
}
.library-live-v12{
  margin-top:32px;
  border-radius:32px;
  padding:28px;
  background:
    radial-gradient(circle at 88% 10%,rgba(211,162,56,.18),transparent 20rem),
    #fffdf8;
  border:1px solid rgba(21,24,33,.11);
  box-shadow:0 24px 70px rgba(30,23,10,.10);
}
.library-live-head{
  display:grid;
  grid-template-columns:1fr .85fr;
  gap:24px;
  align-items:end;
  margin-bottom:20px;
}
.library-live-head h3{
  margin:16px 0 0;
  font-size:clamp(30px,4vw,46px);
  line-height:1.06;
  font-weight:500;
}
.library-live-head p{
  margin:0;
  color:#625b52;
  line-height:1.72;
}
.library-live-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.library-live-grid article{
  min-height:172px;
  padding:22px;
  border-radius:24px;
  background:#fffaf0;
  border:1px solid rgba(21,24,33,.10);
  display:grid;
  align-content:start;
}
.library-live-grid small{
  display:inline-flex;
  width:max-content;
  margin-bottom:12px;
  padding:6px 10px;
  border-radius:999px;
  background:#111722;
  color:#f1d277;
  font-size:11px;
  font-weight:950;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.library-live-grid b{
  font-family:Georgia,serif;
  font-size:26px;
  line-height:1.12;
  font-weight:500;
  margin-bottom:8px;
}
.library-live-grid span{
  color:#625b52;
  font-size:14px;
}
.quote-strip,
.ap-strip{
  margin:0;
  padding:18px 0;
  background:transparent;
}
.quote-inner{
  min-height:150px;
  border-radius:32px;
  opacity:.98;
}
.quote-mark{
  min-height:150px;
}
.quote-mark span{
  width:66px;
  height:66px;
  border-radius:22px;
  font-size:50px;
}
.quote-copy{
  padding:28px 32px;
}
.quote-copy blockquote{
  font-size:clamp(23px,2.8vw,36px);
}
.ap-inner{
  border-radius:32px;
  padding:26px 32px;
}
.ap-inner h3{
  font-size:clamp(26px,3.4vw,38px);
}
.ap-badge{
  width:98px;
  height:98px;
  border-radius:29px;
}
.package-highlight-v12{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin:0 0 10px;
  padding:7px 11px;
  border-radius:999px;
  background:#111722;
  color:#f1d277;
  font-size:11px;
  font-weight:950;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.package-highlight-v12.muted{
  background:#fff3d0;
  color:#805b16;
  border:1px solid rgba(211,162,56,.28);
}
.package-highlight-v12.dark{
  background:#171922;
  color:#fff;
}
.package.featured{
  transform:translateY(-6px);
}
.package.featured:hover{
  transform:translateY(-9px);
}
.legal-modal-card{
  width:min(980px,calc(100% - 32px));
}
.footer-new{
  border-top:1px solid rgba(255,255,255,.08);
}
.footer-bottom button{
  appearance:none;
  border:0;
  background:transparent;
  padding:0;
  color:#f1d277;
  margin-left:14px;
  cursor:pointer;
  font:inherit;
}
.footer-bottom button:hover{
  text-decoration:underline;
}
@media(max-width:1060px){
  .library-live-head{
    grid-template-columns:1fr;
  }
  .library-live-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:620px){
  .mobile-menu-panel{
    top:82px;
  }
  .hero-trust-v12{
    gap:8px;
  }
  .hero-trust-v12 span{
    font-size:11px;
    padding:9px 11px;
  }
  .library-live-v12{
    padding:22px;
  }
  .package.featured,
  .package.featured:hover{
    transform:none;
  }
}


/* V13 · RESPONSIVE PREMIUM FINAL · HANDY/TABLET/LAPTOP/PC */
:root{
  --mint:#38d6a4;
  --mint-soft:#dffaf1;
  --deep:#090f1b;
}
html,body{
  max-width:100%;
  overflow-x:hidden;
}
body{
  font-size:16px;
}
.container{
  width:min(var(--max),calc(100% - 44px));
}
.site-header-v11{
  border-bottom:1px solid rgba(21,24,33,.075);
}
.site-header-v11:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-1px;
  transform:translateX(-50%);
  width:min(1220px,calc(100% - 44px));
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(211,162,56,.42),rgba(56,214,164,.28),transparent);
}
.nav-v11{
  height:88px;
  gap:18px;
}
.logo-v11{
  width:62px;
  height:62px;
  border-radius:22px;
}
.logo-v11 svg{
  width:36px;
}
.brand-v11 .brand-text strong{
  font-size:29px;
  letter-spacing:-.055em;
}
.brand-text small{
  color:#6d655b;
  font-size:11px;
}
.nav-main-v11{
  gap:7px;
  padding:8px 10px;
  background:rgba(255,253,248,.72);
}
.nav-main-v11 a,
.nav-main-v11 button{
  padding:10px 9px;
  text-decoration:none !important;
}
.nav-main-v11 a:focus-visible,
.nav-main-v11 button:focus-visible,
.btn:focus-visible,
.hamburger-visual:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:3px solid rgba(56,214,164,.45);
  outline-offset:3px;
}
.header-tools-v11{
  flex-shrink:0;
}
.flag-row-v11{
  background:rgba(255,253,248,.82);
}
.flag-row-v11 span{
  transition:.18s ease;
}
.flag-row-v11 span:hover{
  transform:translateY(-2px);
  background:var(--mint-soft);
}
.header-cta{
  padding-inline:20px;
}
.hamburger-v11{
  flex:0 0 46px;
}

/* Cleaner hero scale */
.hero-grid{
  min-height:calc(100vh - 88px);
  max-width:1220px;
}
.hero h1{
  letter-spacing:-.055em;
}
.hero p{
  line-height:1.74;
}
.hero-trust-v12 span{
  background:rgba(255,253,248,.82);
}
.hero-trust-v12 span:before{
  background:var(--mint);
  box-shadow:0 0 0 4px rgba(56,214,164,.14);
}
.reader-panel{
  border-radius:34px;
}

/* Premium transitions */
section{
  scroll-margin-top:105px;
}
section + section:before{
  width:min(980px,82%);
  background:linear-gradient(90deg,transparent,rgba(211,162,56,.20),rgba(56,214,164,.16),transparent);
}
.section-head h2{
  letter-spacing:-.045em;
}
.section-head p{
  color:#5f584f;
}

/* Categories: no old underline, mint dot under stacked categories */
.category b:after{
  display:none !important;
}
.category b{
  position:relative;
  padding-left:0;
  margin-bottom:14px;
}
.category b:before{
  content:"";
  display:inline-block;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--mint);
  margin-right:10px;
  box-shadow:0 0 0 5px rgba(56,214,164,.13);
  vertical-align:1px;
}
.category small{
  margin-bottom:14px;
}
.category{
  border-radius:24px;
  min-height:142px;
}
.category:before{
  width:0;
}
.category:hover{
  transform:translateY(-5px);
}
.category-showcase{
  box-shadow:0 30px 85px rgba(30,23,10,.12);
}
.category-note{
  border-radius:0;
  margin-top:0;
}

/* Unified mini labels/icons */
.app-feature small,
.use-card .pill,
.library-live-grid small,
.package-highlight-v12{
  border:1px solid rgba(56,214,164,.20);
  background:linear-gradient(135deg,#111722,#192335);
  color:#dffaf1;
}
.app-feature small:before,
.use-card .pill:before{
  background:var(--mint);
}

/* Cards smoother and more modern */
.card,
.copy-card,
.bento-card,
.app-feature,
.use-card,
.package,
details,
.library-live-v12,
.category-showcase,
.reader-mock{
  border-color:rgba(21,24,33,.10);
}
.card:hover,
.copy-card:hover,
.bento-card:hover,
.app-feature:hover,
.use-card:hover,
.package:hover{
  box-shadow:0 34px 95px rgba(30,23,10,.15);
}
.kpi b,
.stat strong,
.price,
.experience-points b{
  color:#77520f;
}

/* Quote/ad strips become lighter and more elegant */
.quote-strip,.ap-strip{
  padding-block:14px;
}
.quote-inner,.ap-inner{
  box-shadow:0 24px 76px rgba(30,23,10,.10);
}
.quote-inner{
  grid-template-columns:.56fr 1.44fr;
}
.quote-mark{
  background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(56,214,164,.08));
}
.quote-mark span{
  color:#dffaf1;
  border-color:rgba(56,214,164,.28);
  background:rgba(56,214,164,.10);
}
.quote-copy blockquote{
  letter-spacing:-.025em;
}
.ap-inner{
  background:
    radial-gradient(circle at 88% 18%,rgba(56,214,164,.20),transparent 18rem),
    linear-gradient(135deg,#fff8e5,#fffdf8 48%,#edf9f4);
}
.ap-badge{
  background:linear-gradient(145deg,#dffaf1,#38d6a4);
  color:#06130f;
}

/* Package stronger and better balanced */
.package{
  border-radius:32px;
}
.package.featured{
  border:1px solid rgba(56,214,164,.38);
  background:
    radial-gradient(circle at 90% 0%,rgba(56,214,164,.16),transparent 18rem),
    linear-gradient(180deg,#fffdf8,#fff7e4);
}
.package.featured:before{
  background:linear-gradient(145deg,#111722,#1b283c);
  color:#dffaf1;
}
.package .btn{
  border-radius:18px;
}
.package ul{
  gap:13px;
}
.package li:before{
  color:var(--mint);
}

/* Contact and legal modal */
.contact-grid{
  gap:32px;
}
.panel.card{
  border-radius:34px;
}
.legal-modal-card{
  border-radius:34px;
}
.modal-close{
  transition:.18s ease;
}
.modal-close:hover{
  transform:rotate(4deg) scale(1.04);
}

/* Footer more modern */
.footer-new{
  background:
    radial-gradient(circle at 12% 10%,rgba(56,214,164,.10),transparent 22rem),
    radial-gradient(circle at 86% 0%,rgba(211,162,56,.18),transparent 30rem),
    linear-gradient(180deg,#101827,#070b13);
}
.footer-logo{
  width:56px;
  height:56px;
  border-radius:20px;
}
.footer-brand strong{
  font-size:24px;
}
.footer-top{
  gap:38px;
}
.footer-col a,
.footer-col button{
  text-decoration:none !important;
}
.footer-note{
  border-color:rgba(56,214,164,.22);
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(56,214,164,.06));
}
.footer-note b{
  color:#dffaf1;
}
.footer-bottom{
  align-items:center;
}
.footer-bottom a,
.footer-bottom button{
  text-decoration:none !important;
}

/* Responsive: PC / Laptop / Tablet / Mobile */
@media(min-width:1440px){
  :root{--max:1280px}
  .hero-grid{max-width:1280px}
  .hero h1{font-size:clamp(58px,6.4vw,98px)}
}
@media(max-width:1280px){
  .nav-main-v11{
    gap:4px;
  }
  .nav-main-v11 a,
  .nav-main-v11 button{
    font-size:13px;
    padding:9px 7px;
  }
}
@media(max-width:1180px){
  .nav-main-v11{
    display:none;
  }
  .header-cta{
    display:none;
  }
}
@media(max-width:980px){
  .container{
    width:min(100% - 32px,var(--max));
  }
  .hero-grid{
    min-height:auto;
    padding-top:58px;
    padding-bottom:82px;
  }
  .visual-stack{
    min-height:500px;
  }
  .photo-main{
    width:92%;
    height:420px;
  }
  .experience-points,
  .hero-stats,
  .kpi-row{
    grid-template-columns:repeat(3,1fr);
  }
  .quote-inner{
    grid-template-columns:1fr;
  }
  .quote-mark{
    min-height:86px;
  }
  .quote-copy{
    padding:24px;
  }
  .footer-top{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:760px){
  .nav-v11{
    height:78px;
  }
  .brand-v11 .brand-text strong{
    font-size:22px;
  }
  .logo-v11{
    width:50px;
    height:50px;
    border-radius:18px;
  }
  .flag-row-v11{
    display:flex;
  }
  .flag-row-v11 span{
    width:25px;
    height:25px;
    font-size:14px;
  }
  .hamburger-v11{
    width:44px;
    height:44px;
    flex-basis:44px;
  }
  .hero h1{
    font-size:clamp(43px,12vw,64px);
  }
  .hero-stats,
  .experience-points,
  .kpi-row,
  .library-live-grid{
    grid-template-columns:1fr;
  }
  .visual-stack{
    min-height:420px;
  }
  .photo-main{
    width:100%;
    height:315px;
    right:0;
  }
  .reader-panel{
    left:8px;
    width:82%;
    padding:20px;
  }
  .reader-panel b{
    font-size:24px;
  }
  .voucher-chip{
    right:8px;
    bottom:8px;
  }
  section{
    padding-top:70px;
    padding-bottom:70px;
  }
  .footer-top{
    grid-template-columns:1fr;
  }
}
@media(max-width:540px){
  .container{
    width:min(100% - 26px,var(--max));
  }
  .flag-row-v11{
    display:none;
  }
  .brand-text small{
    display:none;
  }
  .hero-actions{
    display:grid;
  }
  .hero-actions .btn{
    width:100%;
  }
  .hero-trust-v12{
    display:grid;
  }
  .visual-stack{
    min-height:390px;
  }
  .reader-panel{
    position:relative;
    left:auto;
    bottom:auto;
    width:100%;
    margin-top:245px;
  }
  .voucher-chip{
    position:relative;
    right:auto;
    bottom:auto;
    margin-top:12px;
    width:max-content;
  }
  .mobile-menu-panel{
    top:86px;
    right:13px;
    left:13px;
    width:auto;
  }
  .ap-inner,
  .quote-inner{
    width:min(100% - 26px,var(--max));
  }
  .ap-badge{
    width:86px;
    height:86px;
  }
}
@media(max-width:390px){
  .brand-v11 .brand-text strong{
    font-size:19px;
  }
  .logo-v11{
    width:46px;
    height:46px;
  }
  .hamburger-v11{
    width:42px;
    height:42px;
    flex-basis:42px;
  }
}


/* V14 CLEANUP · FINAL RESPONSIVE POLISH · HEADER/HERO/CATEGORIES/FOOTER */
:root{
  --mint:#38d6a4;
  --mint2:#8ff0d1;
  --cream2:#fffaf0;
  --ink2:#121722;
}

/* Header cleanup: less gold-heavy, more 2026 glass navigation */
.site-header-v11,
.site-header{
  background:rgba(255,250,240,.78) !important;
  backdrop-filter:blur(24px) saturate(1.15);
  box-shadow:0 10px 32px rgba(23,18,8,.055) !important;
}
.site-header-v11:after{
  display:none !important;
}
.nav-v11{
  height:86px !important;
  max-width:1320px;
  padding-inline:0;
}
.logo-v11{
  width:58px !important;
  height:58px !important;
  border-radius:20px !important;
  box-shadow:
    inset 0 0 0 1px rgba(56,214,164,.25),
    inset 0 0 0 2px rgba(211,162,56,.16),
    0 16px 34px rgba(0,0,0,.12) !important;
}
.logo-v11 svg{width:34px !important}
.brand-v11 .brand-text strong{
  font-size:27px !important;
  color:#111722;
}
.brand-text small{
  font-size:10.5px !important;
  letter-spacing:.11em;
  color:#70675d !important;
}
.nav-main-v11{
  background:rgba(255,253,248,.76) !important;
  border:1px solid rgba(18,23,34,.075) !important;
  box-shadow:0 12px 30px rgba(30,23,10,.045);
}
.nav-main-v11 a,
.nav-main-v11 button{
  text-decoration:none !important;
}
.header-tools-v11{
  gap:9px;
}
.flag-row-v11{
  border-color:rgba(18,23,34,.075) !important;
}
.flag-row-v11 span{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);
}
.hamburger-v11,
.hamburger-visual{
  background:#101827 !important;
  border-color:rgba(18,23,34,.12) !important;
}
.hamburger-v11 i,
.hamburger-visual i{
  background:var(--mint2) !important;
}

/* Hero spacing: shorter, cleaner transition */
.hero-grid{
  min-height:auto !important;
  padding-top:54px !important;
  padding-bottom:62px !important;
}
.hero:after{
  height:72px !important;
  background:linear-gradient(180deg,rgba(251,247,238,0),#fbf7ee 68%,#fbf7ee) !important;
}
.hero h1{
  max-width:760px;
}
.hero p{
  max-width:690px;
}
.visual-stack{
  min-height:520px !important;
  transform:none !important;
}
.photo-main{
  height:455px !important;
  top:22px !important;
  border-radius:40px !important;
}
.reader-panel{
  bottom:24px !important;
}
.voucher-chip{
  bottom:18px !important;
}

/* Section rhythm */
section{
  padding-top:82px !important;
  padding-bottom:82px !important;
}
section + section:before{
  opacity:.72;
}
.section-head{
  margin-bottom:42px !important;
}

/* Category rebuild */
.category-showcase-v14{
  margin-top:34px !important;
  border-radius:34px !important;
  overflow:hidden;
  background:#fffdf8;
  border:1px solid rgba(18,23,34,.10) !important;
  box-shadow:0 30px 86px rgba(30,23,10,.12) !important;
}
.category-hero-v14{
  min-height:280px !important;
  padding:34px !important;
  display:grid;
  align-items:end;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(9,15,27,.92),rgba(9,15,27,.64),rgba(9,15,27,.14)),
    url("https://images.unsplash.com/photo-1521587760476-6c12a4b040da?auto=format&fit=crop&w=1800&q=86") center/cover no-repeat !important;
}
.category-kicker{
  display:inline-flex;
  margin-bottom:14px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(56,214,164,.14);
  border:1px solid rgba(56,214,164,.28);
  color:#dffaf1;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:950;
}
.category-hero-v14 h3{
  max-width:760px;
  margin:0 0 10px !important;
  font-family:Georgia,serif;
  font-size:clamp(31px,4.3vw,50px) !important;
  line-height:1.04 !important;
  font-weight:500;
}
.category-hero-v14 p{
  max-width:760px;
  margin:0;
  color:#eee7d8;
  font-size:17px;
}
.categories-v14{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:14px !important;
  padding:20px !important;
  background:
    radial-gradient(circle at 96% 0%,rgba(56,214,164,.13),transparent 22rem),
    linear-gradient(180deg,#fffaf0,#fffdf8) !important;
}
.category{
  min-height:154px !important;
  padding:22px !important;
  border-radius:24px !important;
  background:#fffdf8 !important;
  border:1px solid rgba(18,23,34,.095) !important;
  box-shadow:0 12px 30px rgba(30,23,10,.055);
}
.category:before,
.category b:after{
  display:none !important;
}
.category b{
  display:block;
  padding-left:0 !important;
  margin-bottom:10px !important;
  font-size:17px;
  line-height:1.25;
}
.category b:before{
  content:"" !important;
  display:inline-block !important;
  width:10px !important;
  height:10px !important;
  margin-right:10px !important;
  border-radius:50%;
  background:var(--mint) !important;
  box-shadow:0 0 0 5px rgba(56,214,164,.13);
  vertical-align:1px;
}
.category small{
  margin:0 0 14px !important;
  background:#f2fbf7 !important;
  color:#237458 !important;
  border:1px solid rgba(56,214,164,.18);
}
.category small:before{
  background:var(--mint) !important;
}
.category span{
  color:#625b52 !important;
  font-size:14px !important;
  line-height:1.58 !important;
  padding-left:0 !important;
}
.category:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(56,214,164,.25) !important;
}
.category-note-v14{
  margin:0 !important;
  padding:20px 24px !important;
  border-radius:0 !important;
  background:linear-gradient(135deg,#101827,#172238) !important;
  color:#dfd3bf;
  border:0 !important;
}
.category-note-v14 b{
  color:#dffaf1 !important;
}

/* Quote/ad blocks more balanced */
.quote-strip,.ap-strip{
  padding-block:10px !important;
}
.quote-inner,.ap-inner{
  border-radius:30px !important;
}
.quote-inner{
  min-height:138px !important;
  box-shadow:0 22px 62px rgba(30,23,10,.095) !important;
}
.quote-mark{
  min-height:138px !important;
}
.quote-copy{
  padding:26px 30px !important;
}
.quote-copy blockquote{
  font-size:clamp(22px,2.6vw,34px) !important;
}
.ap-inner{
  padding:24px 30px !important;
}
.ap-inner h3{
  font-size:clamp(25px,3.1vw,36px) !important;
}
.ap-inner p{
  line-height:1.68;
}

/* More premium card consistency */
.card,
.copy-card,
.bento-card,
.app-feature,
.use-card,
.package,
details,
.library-live-v12,
.reader-mock,
.legal-modal-card{
  border-color:rgba(18,23,34,.09) !important;
}
.app-feature,
.use-card,
.library-live-grid article{
  min-height:auto !important;
}
.package{
  min-height:auto !important;
}
.package.featured{
  transform:translateY(-4px) !important;
}
.package.featured:hover{
  transform:translateY(-7px) !important;
}

/* Footer lighter but premium */
.footer-new{
  padding-top:54px !important;
  background:
    radial-gradient(circle at 8% 18%,rgba(56,214,164,.10),transparent 22rem),
    radial-gradient(circle at 86% 0%,rgba(211,162,56,.13),transparent 30rem),
    linear-gradient(180deg,#101827,#070b13) !important;
}
.footer-top{
  gap:34px !important;
}
.footer-brand p{
  max-width:420px;
}
.footer-col a,
.footer-col button,
.footer-bottom a,
.footer-bottom button{
  text-decoration:none !important;
}

/* Responsive precision */
@media(max-width:1180px){
  .nav-v11{height:80px !important}
  .header-tools-v11{margin-left:auto}
}
@media(max-width:1024px){
  .container{width:min(100% - 34px,var(--max)) !important}
  .hero-grid{
    padding-top:46px !important;
    padding-bottom:56px !important;
  }
  .visual-stack{min-height:470px !important}
  .photo-main{height:390px !important}
  .categories-v14{grid-template-columns:repeat(2,1fr) !important}
  .footer-top{grid-template-columns:1fr 1fr !important}
}
@media(max-width:820px){
  .hero-grid{
    gap:30px !important;
  }
  .visual-stack{min-height:430px !important}
  .photo-main{
    width:100% !important;
    height:330px !important;
  }
  .reader-panel{
    width:78% !important;
    padding:20px !important;
  }
  .categories-v14{grid-template-columns:1fr !important}
  .category-hero-v14{min-height:235px !important}
  .quote-inner{grid-template-columns:1fr !important}
}
@media(max-width:620px){
  .container{width:min(100% - 26px,var(--max)) !important}
  .nav-v11{height:74px !important}
  .logo-v11{width:47px !important;height:47px !important;border-radius:17px !important}
  .brand-v11 .brand-text strong{font-size:20px !important}
  .hero-grid{
    padding-top:36px !important;
    padding-bottom:46px !important;
  }
  .hero h1{font-size:clamp(40px,11vw,58px) !important}
  .hero p{font-size:16.5px !important}
  .visual-stack{min-height:auto !important}
  .photo-main{
    position:relative !important;
    height:280px !important;
    top:auto !important;
    right:auto !important;
  }
  .reader-panel{
    position:relative !important;
    width:100% !important;
    left:auto !important;
    bottom:auto !important;
    margin-top:12px !important;
  }
  .voucher-chip{
    position:relative !important;
    right:auto !important;
    bottom:auto !important;
    width:max-content;
    margin-top:12px !important;
  }
  section{padding-top:62px !important;padding-bottom:62px !important}
  .category-hero-v14{padding:24px !important}
  .category{padding:20px !important}
  .quote-copy{padding:23px !important}
  .ap-inner{grid-template-columns:1fr !important;padding:24px !important}
  .ap-badge{width:84px !important;height:84px !important}
  .footer-top{grid-template-columns:1fr !important}
}
@media(max-width:390px){
  .header-tools-v11{gap:6px}
  .hamburger-v11{width:40px !important;height:40px !important;flex-basis:40px !important}
  .brand-v11 .brand-text strong{font-size:18px !important}
}


/* V15 · HERO COMPACT + EBOOK FULL WIDTH FIX */
:root{
  --mint:#38d6a4;
  --soft-shadow:0 24px 70px rgba(30,23,10,.105);
}

/* Header: calmer and modern */
.nav-v11{
  height:82px !important;
}
.logo-v11{
  width:56px !important;
  height:56px !important;
}
.brand-v11 .brand-text strong{
  font-size:26px !important;
}
.site-header-v11,
.site-header{
  background:rgba(255,250,240,.82) !important;
}
.nav-main-v11{
  background:rgba(255,253,248,.68) !important;
}

/* HERO: reduce depth, compact spacing, keep premium feel */
.hero{
  min-height:auto !important;
}
.hero-grid{
  min-height:auto !important;
  padding-top:34px !important;
  padding-bottom:38px !important;
  gap:30px !important;
  align-items:center !important;
}
.hero:after{
  height:34px !important;
  background:linear-gradient(180deg,rgba(251,247,238,0),#fbf7ee 82%) !important;
}
.hero .badge{
  margin-bottom:12px !important;
}
.hero h1{
  max-width:720px !important;
  margin-bottom:18px !important;
  font-size:clamp(46px,6.1vw,82px) !important;
  line-height:.98 !important;
  letter-spacing:-.06em !important;
}
.hero p{
  max-width:620px !important;
  margin-bottom:20px !important;
  font-size:17.5px !important;
  line-height:1.62 !important;
}
.hero-actions{
  margin-top:0 !important;
  gap:12px !important;
}
.hero-stats{
  margin-top:22px !important;
  gap:12px !important;
}
.stat{
  min-height:104px !important;
  padding:18px !important;
  border-radius:22px !important;
}
.stat strong{
  font-size:31px !important;
}
.hero-trust-v12{
  margin-top:16px !important;
  gap:9px !important;
}
.hero-trust-v12 span{
  padding:9px 12px !important;
  font-size:11.5px !important;
}
.visual-stack{
  min-height:430px !important;
}
.photo-main{
  height:372px !important;
  top:12px !important;
  right:0 !important;
  width:92% !important;
  border-radius:36px !important;
  background-position:center 44% !important;
}
.reader-panel{
  left:0 !important;
  bottom:22px !important;
  width:min(370px,72%) !important;
  padding:22px !important;
  border-radius:28px !important;
}
.reader-panel b{
  font-size:28px !important;
}
.voucher-chip{
  right:4px !important;
  bottom:26px !important;
  border-radius:26px !important;
}

/* eBook top: two columns only for intro + travel */
.ebook-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(300px,360px) !important;
  gap:28px !important;
  align-items:start !important;
}
.ebook-main{
  min-width:0 !important;
  padding:34px !important;
}
.travel-panel{
  position:sticky !important;
  top:104px !important;
  align-self:start !important;
  min-width:0 !important;
  padding:26px !important;
  box-shadow:var(--soft-shadow) !important;
}
.travel-photo{
  min-height:250px !important;
}

/* Full width library area: fixes the right empty column problem */
.ebook-fullwidth-v15{
  grid-column:1 / -1 !important;
  display:grid !important;
  gap:28px !important;
  margin-top:0 !important;
  min-width:0 !important;
}
.ebook-fullwidth-v15 .book-shelf{
  margin-top:0 !important;
  width:100% !important;
  border-radius:34px !important;
  box-shadow:0 28px 80px rgba(30,23,10,.12) !important;
}
.ebook-fullwidth-v15 .shelf-head{
  gap:18px !important;
}
.ebook-fullwidth-v15 .covers{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:15px !important;
}
.ebook-fullwidth-v15 .cover{
  min-height:178px !important;
  border-radius:22px !important;
  padding:21px 18px !important;
}
.ebook-fullwidth-v15 .cover b{
  font-size:24px !important;
  line-height:1.03 !important;
}
.ebook-fullwidth-v15 .cover small{
  font-size:12px !important;
}
.ebook-fullwidth-v15 .library-live-v12,
.ebook-fullwidth-v15 .category-showcase-v14{
  margin-top:0 !important;
  width:100% !important;
}
.library-live-head{
  grid-template-columns:1.1fr .9fr !important;
}
.categories-v14{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

/* Section rhythm after hero */
section{
  padding-top:74px !important;
  padding-bottom:74px !important;
}
#position{
  padding-top:58px !important;
}
#ebook{
  padding-top:64px !important;
}

/* Footer and strips small polish */
.quote-strip,.ap-strip{
  padding-block:8px !important;
}
.footer-new{
  margin-top:12px !important;
}
.footer-brand strong{
  letter-spacing:-.035em !important;
}

/* Responsive fixes */
@media(max-width:1180px){
  .ebook-layout{
    grid-template-columns:1fr !important;
  }
  .travel-panel{
    position:relative !important;
    top:auto !important;
  }
  .ebook-fullwidth-v15 .covers{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media(max-width:980px){
  .hero-grid{
    padding-top:28px !important;
    padding-bottom:34px !important;
    gap:26px !important;
  }
  .hero h1{
    font-size:clamp(44px,8vw,68px) !important;
  }
  .visual-stack{
    min-height:395px !important;
  }
  .photo-main{
    height:330px !important;
    width:100% !important;
  }
  .categories-v14{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .library-live-head{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:760px){
  .nav-v11{
    height:74px !important;
  }
  .hero-grid{
    padding-top:24px !important;
    padding-bottom:30px !important;
  }
  .hero h1{
    font-size:clamp(40px,11vw,58px) !important;
    margin-bottom:14px !important;
  }
  .hero p{
    font-size:16.5px !important;
    line-height:1.55 !important;
  }
  .hero-stats{
    grid-template-columns:1fr 1fr !important;
  }
  .stat{
    min-height:92px !important;
  }
  .visual-stack{
    min-height:auto !important;
  }
  .photo-main{
    position:relative !important;
    height:278px !important;
    top:auto !important;
    right:auto !important;
  }
  .reader-panel{
    position:relative !important;
    width:100% !important;
    left:auto !important;
    bottom:auto !important;
    margin-top:12px !important;
  }
  .voucher-chip{
    position:relative !important;
    right:auto !important;
    bottom:auto !important;
    width:max-content !important;
    margin-top:12px !important;
  }
  .ebook-main{
    padding:24px !important;
  }
  .ebook-fullwidth-v15 .covers{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .categories-v14{
    grid-template-columns:1fr !important;
  }
  section{
    padding-top:60px !important;
    padding-bottom:60px !important;
  }
}
@media(max-width:520px){
  .hero-stats{
    grid-template-columns:1fr !important;
  }
  .hero-actions{
    display:grid !important;
  }
  .hero-actions .btn{
    width:100% !important;
  }
  .ebook-fullwidth-v15 .covers{
    grid-template-columns:1fr !important;
  }
  .ebook-fullwidth-v15 .cover{
    min-height:132px !important;
  }
}


/* V16 · HERO VARIANTE 2 + ICON SYSTEM · FRISCH & DYNAMISCH */
:root{
  --iconMint:#38d6a4;
  --iconMintSoft:#dffaf1;
  --iconDark:#10221e;
}

/* Hero Variante 2 */
.hero{
  background:
    linear-gradient(90deg,rgba(251,247,238,.96) 0%,rgba(251,247,238,.82) 33%,rgba(251,247,238,.35) 58%,rgba(251,247,238,.18) 100%),
    linear-gradient(180deg,rgba(251,247,238,.04),rgba(251,247,238,.22)),
    url("https://images.unsplash.com/photo-1524995997946-a1c2e315a42f?auto=format&fit=crop&w=2200&q=88") center 48%/cover no-repeat !important;
  overflow:hidden;
}
.hero-grid{
  min-height:auto !important;
  padding-top:28px !important;
  padding-bottom:30px !important;
  gap:22px !important;
  grid-template-columns:.94fr 1.06fr !important;
  align-items:center !important;
}
.hero:after{
  height:22px !important;
  background:linear-gradient(180deg,rgba(251,247,238,0),#fbf7ee 88%) !important;
}
.hero .badge{
  margin-bottom:10px !important;
  border-color:rgba(56,214,164,.28) !important;
  background:rgba(223,250,241,.70) !important;
  color:#1c6b53 !important;
}
.hero h1{
  max-width:660px !important;
  font-size:clamp(45px,5.65vw,74px) !important;
  line-height:.99 !important;
  margin:0 0 14px !important;
  letter-spacing:-.06em !important;
}
.hero h1 .gold,
.hero h1 span{
  color:#2f765f !important;
}
.hero p{
  max-width:565px !important;
  font-size:16.8px !important;
  line-height:1.56 !important;
  margin:0 0 18px !important;
}
.hero-actions{
  gap:11px !important;
  margin:0 !important;
}
.hero-actions .btn{
  min-height:48px !important;
  padding:13px 18px !important;
  border-radius:999px !important;
}
.hero-stats{
  margin-top:18px !important;
  gap:10px !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
.stat{
  min-height:92px !important;
  padding:14px 15px !important;
  border-radius:19px !important;
  background:rgba(255,253,248,.82) !important;
  backdrop-filter:blur(12px);
  position:relative;
  overflow:hidden;
}
.stat:before{
  content:"";
  display:block;
  width:32px;
  height:32px;
  border-radius:12px;
  margin-bottom:8px;
  background:var(--statIcon, var(--iconMint));
  box-shadow:0 0 0 6px rgba(56,214,164,.12);
}
.stat:nth-child(1){--statIcon:#38d6a4}
.stat:nth-child(1):before{content:"";display:grid;place-items:center;background:#e8fbf4;font-size:17px}
.stat:nth-child(2):before{content:"";display:grid;place-items:center;background:#fff4d5;font-size:17px}
.stat:nth-child(3):before{content:"";display:grid;place-items:center;background:#e9f4ff;font-size:17px}
.stat:nth-child(4):before{content:"";display:grid;place-items:center;background:#e8fbf4;color:#1c6b53;font-weight:950;font-size:18px}
.stat strong{
  font-size:27px !important;
  line-height:1 !important;
}
.stat span{
  font-size:10.5px !important;
  letter-spacing:.105em !important;
}
.hero-trust-v12{
  margin-top:12px !important;
  display:flex !important;
  gap:8px !important;
}
.hero-trust-v12 span{
  padding:8px 11px !important;
  font-size:10.5px !important;
  background:rgba(255,253,248,.82) !important;
}
.visual-stack{
  min-height:366px !important;
  display:block !important;
  transform:translateX(-28px) !important;
}
.photo-main{
  top:0 !important;
  right:auto !important;
  left:0 !important;
  width:100% !important;
  height:342px !important;
  border-radius:34px !important;
  background:
    linear-gradient(90deg,rgba(255,253,248,.15),rgba(255,253,248,.03)),
    url("https://images.unsplash.com/photo-1516979187457-637abb4f9353?auto=format&fit=crop&w=1600&q=88") center 54%/cover no-repeat !important;
  box-shadow:0 30px 80px rgba(30,23,10,.18) !important;
  border:1px solid rgba(255,255,255,.54) !important;
}
.reader-panel{
  left:0 !important;
  bottom:21px !important;
  width:min(300px,48%) !important;
  padding:22px !important;
  border-radius:26px !important;
  background:linear-gradient(145deg,rgba(25,54,45,.95),rgba(15,31,29,.94)) !important;
  color:#fff !important;
  border:1px solid rgba(143,240,209,.20) !important;
  box-shadow:0 24px 68px rgba(0,0,0,.20) !important;
  backdrop-filter:blur(18px);
}
.reader-panel:before{
  content:"";
  width:38px;
  height:38px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(143,240,209,.14);
  margin-bottom:12px;
  font-size:19px;
}
.reader-panel b{
  color:#fff !important;
  font-size:26px !important;
  line-height:1.08 !important;
}
.reader-panel p{
  color:#d9eee8 !important;
  font-size:13px !important;
  line-height:1.48 !important;
}
.reader-panel .progress{background:rgba(255,255,255,.18) !important}
.reader-panel .progress i{background:linear-gradient(90deg,#8ff0d1,#f1d277) !important}
.voucher-chip{
  right:22px !important;
  bottom:27px !important;
  border-radius:24px !important;
  background:linear-gradient(145deg,#18392f,#112520) !important;
  border:1px solid rgba(143,240,209,.18) !important;
  box-shadow:0 22px 58px rgba(0,0,0,.24) !important;
}
.voucher-chip b{color:#f1d277 !important}

/* Header fresh */
.site-header-v11,.site-header{
  background:rgba(255,253,248,.88) !important;
  box-shadow:0 10px 30px rgba(30,23,10,.05) !important;
}
.nav-v11{height:78px !important}
.logo-v11{
  width:52px !important;
  height:52px !important;
  background:
    radial-gradient(circle at 28% 22%,rgba(143,240,209,.26),transparent 28px),
    linear-gradient(145deg,#10221e,#070c12) !important;
}
.brand-v11 .brand-text strong{font-size:24px !important}
.nav-main-v11{box-shadow:none !important}
.header-cta{background:linear-gradient(145deg,#f5d778,#c89628) !important}

/* Einheitliches Icon-System für die gesamte Seite */
.kpi,
.copy-card,
.app-feature,
.bento-card,
.library-live-grid article,
.category,
.travel-benefit,
.use-card,
.step,
.package,
.footer-note{
  position:relative;
}
.kpi:before,
.copy-card:before,
.app-feature:before,
.bento-card:before,
.library-live-grid article:before,
.category:after,
.travel-benefit:before,
.use-card:before,
.step:before,
.package:before{
  width:42px;
  height:42px;
  border-radius:16px;
  display:grid;
  place-items:center;
  margin-bottom:14px;
  background:linear-gradient(145deg,#e8fbf4,#ffffff);
  border:1px solid rgba(56,214,164,.22);
  box-shadow:0 12px 28px rgba(30,23,10,.08);
  color:#1c6b53;
  font-size:20px;
  font-weight:950;
}
.kpi:before{content:""}
.kpi:nth-child(2):before{content:""}
.kpi:nth-child(3):before{content:"⚡"}
.kpi:nth-child(4):before{content:""}
.copy-card:before{content:""}
.copy-card.gold:before{content:""}
.copy-card.dark:before{content:""}
.app-feature:before{content:""}
.app-feature:nth-child(2):before{content:""}
.app-feature:nth-child(3):before{content:""}
.bento-card:before{content:""}
.bento-card.dark:before{content:""}
.library-live-grid article:before{content:""}
.library-live-grid article:nth-child(2):before{content:""}
.library-live-grid article:nth-child(3):before{content:""}
.travel-benefit:before{content:""}
.travel-benefit:nth-child(2):before{content:""}
.travel-benefit:nth-child(3):before{content:""}
.use-card:before{content:""}
.use-card:nth-child(2):before{content:""}
.use-card:nth-child(3):before{content:""}
.use-card:nth-child(4):before{content:""}
.step:before{content:""}
.step:nth-child(2):before{content:""}
.step:nth-child(3):before{content:""}
.package:before{content:""}
.package.featured:before{
  content:"" !important;
  width:48px !important;
  height:48px !important;
  border-radius:18px !important;
  background:linear-gradient(145deg,#10221e,#18392f) !important;
  color:#8ff0d1 !important;
  position:static !important;
  margin-bottom:16px !important;
  box-shadow:0 15px 32px rgba(0,0,0,.12) !important;
}
.package:not(.featured):before{
  content:"" !important;
  position:static !important;
  margin-bottom:16px !important;
}
.category:after{
  content:"";
  position:absolute;
  top:20px;
  right:20px;
  width:34px;
  height:34px;
  border-radius:14px;
  margin:0;
  background:rgba(56,214,164,.12);
  border:1px solid rgba(56,214,164,.18);
}
.category.hist:after{content:""}
.category.roman:after{content:""}
.category.krimi:after{content:""}
.category.sach:after{content:""}
.category.business:after{content:""}
.category.ratgeber:after{content:""}
.category.fantasy:after{content:""}
.category.kinder:after{content:""}
.category.reise:after{content:""}

/* Pfeile / Check-Zeilen hochwertiger */
.travel-list li,
.package li{
  align-items:center;
}
.travel-list li:before,
.package li:before{
  width:24px;
  height:24px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:0 0 24px;
  background:#e8fbf4;
  color:#1c6b53 !important;
  box-shadow:0 0 0 4px rgba(56,214,164,.10);
}
.btn:after{
  content:" →";
  font-weight:950;
}
.header-cta:after,
.hero-actions .btn:first-child:after,
.package .btn:after{
  content:" →";
}

/* Footer icon polish */
.footer-logo{
  background:
    radial-gradient(circle at 28% 22%,rgba(143,240,209,.25),transparent 28px),
    linear-gradient(145deg,#10221e,#070c12) !important;
}
.footer-note:before{
  content:"";
  width:44px;
  height:44px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(143,240,209,.10);
  border:1px solid rgba(143,240,209,.22);
  color:#8ff0d1;
  font-size:23px;
  margin-bottom:14px;
}

/* Mobile / Tablet */
@media(max-width:1100px){
  .hero-grid{grid-template-columns:1fr !important}
  .visual-stack{transform:none !important;min-height:356px !important}
  .photo-main{height:330px !important}
}
@media(max-width:760px){
  .hero-grid{padding-top:22px !important;padding-bottom:26px !important}
  .hero h1{font-size:clamp(38px,10.5vw,56px) !important}
  .hero-stats{grid-template-columns:1fr 1fr !important}
  .visual-stack{min-height:auto !important}
  .photo-main{position:relative !important;height:280px !important}
  .reader-panel{position:relative !important;width:100% !important;left:auto !important;bottom:auto !important;margin-top:12px !important}
  .voucher-chip{position:relative !important;right:auto !important;bottom:auto !important;margin-top:12px !important;width:max-content !important}
}
@media(max-width:520px){
  .hero-stats{grid-template-columns:1fr !important}
}


/* V17 · HERO REPAIR PREMIUM · NICHTS ABSCHNEIDEN · KOMPAKT WIE BEISPIELE */
:root{
  --v17-mint:#38d6a4;
  --v17-mint-soft:#e8fbf4;
  --v17-gold:#d3a238;
  --v17-ink:#101827;
}

/* Header ruhig lassen, nur Höhe sauber */
.site-header,
.site-header-v11{
  background:rgba(255,253,248,.90) !important;
  backdrop-filter:blur(22px) saturate(1.1) !important;
  box-shadow:0 10px 28px rgba(30,23,10,.045) !important;
}
.nav-v11,
.nav-premium{
  height:76px !important;
}
.logo-v11,
.logo-premium{
  width:50px !important;
  height:50px !important;
  border-radius:18px !important;
}
.brand-v11 .brand-text strong,
.brand-text strong{
  font-size:23px !important;
}
.brand-text small{
  font-size:10px !important;
}

/* HERO: wie Beispiel 2, aber stabil auf Laptop */
.hero{
  min-height:0 !important;
  height:auto !important;
  overflow:visible !important;
  background:
    linear-gradient(90deg,rgba(251,247,238,.97) 0%,rgba(251,247,238,.86) 34%,rgba(251,247,238,.43) 60%,rgba(251,247,238,.20) 100%),
    url("https://images.unsplash.com/photo-1524995997946-a1c2e315a42f?auto=format&fit=crop&w=2200&q=88") center 48%/cover no-repeat !important;
}
.hero:after{
  height:16px !important;
  background:linear-gradient(180deg,rgba(251,247,238,0),#fbf7ee 92%) !important;
}
.hero-grid{
  max-width:1240px !important;
  min-height:0 !important;
  height:auto !important;
  grid-template-columns:.92fr 1.08fr !important;
  align-items:center !important;
  gap:24px !important;
  padding-top:22px !important;
  padding-bottom:22px !important;
}

/* Linke Seite kompakter */
.hero .badge{
  margin-bottom:9px !important;
  padding:7px 11px !important;
  border-color:rgba(56,214,164,.26) !important;
  background:rgba(232,251,244,.74) !important;
  color:#1c6b53 !important;
}
.hero h1{
  max-width:610px !important;
  margin:0 0 12px !important;
  font-size:clamp(42px,5.25vw,68px) !important;
  line-height:.98 !important;
  letter-spacing:-.06em !important;
}
.hero h1 .gold,
.hero h1 span{
  color:#2f765f !important;
}
.hero p{
  max-width:545px !important;
  margin:0 0 14px !important;
  font-size:16px !important;
  line-height:1.52 !important;
}
.hero-actions{
  display:flex !important;
  gap:10px !important;
  margin:0 !important;
}
.hero-actions .btn{
  min-height:46px !important;
  padding:12px 17px !important;
  border-radius:999px !important;
  font-size:14px !important;
}
.hero-actions .btn:after{
  content:"" !important;
}

/* Zahlenkarten kleiner + premium, keine bunten Spielzeugicons */
.hero-stats{
  margin-top:16px !important;
  gap:10px !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.stat{
  min-height:88px !important;
  padding:14px 15px !important;
  border-radius:18px !important;
  background:rgba(255,253,248,.84) !important;
  backdrop-filter:blur(12px) !important;
  border:1px solid rgba(16,24,39,.09) !important;
  box-shadow:0 16px 38px rgba(30,23,10,.075) !important;
}
.stat:before{
  content:"" !important;
  width:30px !important;
  height:30px !important;
  border-radius:12px !important;
  display:block !important;
  margin-bottom:7px !important;
  background:
    linear-gradient(145deg,rgba(56,214,164,.22),rgba(255,255,255,.82)) !important;
  border:1px solid rgba(56,214,164,.22) !important;
  box-shadow:0 0 0 5px rgba(56,214,164,.09) !important;
}
.stat strong{
  font-size:26px !important;
  line-height:1 !important;
  color:#77520f !important;
}
.stat span{
  font-size:10px !important;
  letter-spacing:.105em !important;
  line-height:1.25 !important;
}
.hero-trust-v12{
  margin-top:11px !important;
  gap:7px !important;
  display:flex !important;
  flex-wrap:wrap !important;
}
.hero-trust-v12 span{
  padding:7px 10px !important;
  font-size:10px !important;
  background:rgba(255,253,248,.84) !important;
}

/* Rechte Hero-Karte: NICHT abschneiden */
.visual-stack{
  position:relative !important;
  min-height:320px !important;
  height:320px !important;
  transform:translateX(-16px) !important;
  overflow:visible !important;
}
.photo-main{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:320px !important;
  border-radius:32px !important;
  overflow:hidden !important;
  background:
    linear-gradient(90deg,rgba(255,253,248,.12),rgba(255,253,248,.00)),
    url("https://images.unsplash.com/photo-1516979187457-637abb4f9353?auto=format&fit=crop&w=1600&q=88") center 54%/cover no-repeat !important;
  border:1px solid rgba(255,255,255,.62) !important;
  box-shadow:0 28px 78px rgba(30,23,10,.16) !important;
}
.reader-panel{
  position:absolute !important;
  left:18px !important;
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  width:285px !important;
  max-width:45% !important;
  padding:20px !important;
  border-radius:24px !important;
  background:linear-gradient(145deg,rgba(23,53,44,.96),rgba(13,31,28,.95)) !important;
  color:#fff !important;
  border:1px solid rgba(143,240,209,.22) !important;
  box-shadow:0 22px 60px rgba(0,0,0,.20) !important;
}
.reader-panel:before{
  content:"" !important;
  width:34px !important;
  height:34px !important;
  border-radius:13px !important;
  display:block !important;
  margin-bottom:10px !important;
  background:
    linear-gradient(145deg,rgba(143,240,209,.20),rgba(255,255,255,.04)) !important;
  border:1px solid rgba(143,240,209,.22) !important;
}
.reader-panel b{
  color:#fff !important;
  font-size:24px !important;
  line-height:1.08 !important;
}
.reader-panel p{
  color:#d9eee8 !important;
  font-size:12.5px !important;
  line-height:1.45 !important;
  margin:10px 0 !important;
}
.reader-panel .progress{
  height:7px !important;
  background:rgba(255,255,255,.18) !important;
}
.reader-panel .progress i{
  background:linear-gradient(90deg,#8ff0d1,#f1d277) !important;
}
.voucher-chip{
  position:absolute !important;
  right:18px !important;
  bottom:18px !important;
  transform:none !important;
  border-radius:22px !important;
  padding:16px 18px !important;
  background:linear-gradient(145deg,#18392f,#112520) !important;
  border:1px solid rgba(143,240,209,.20) !important;
  box-shadow:0 20px 54px rgba(0,0,0,.23) !important;
}
.voucher-chip:before{
  content:"" !important;
  width:38px !important;
  height:38px !important;
  border-radius:14px !important;
  background:rgba(56,214,164,.18) !important;
  border:1px solid rgba(143,240,209,.24) !important;
}
.voucher-chip b{
  color:#f1d277 !important;
}

/* Abstand zum nächsten Abschnitt kurz halten */
#position{
  padding-top:34px !important;
}
section{
  padding-top:68px !important;
  padding-bottom:68px !important;
}
#ebook{
  padding-top:54px !important;
}

/* V16 bunte Icons zurücknehmen: einheitlicher Premium-Stil */
.kpi:before,
.copy-card:before,
.app-feature:before,
.bento-card:before,
.library-live-grid article:before,
.travel-benefit:before,
.use-card:before,
.step:before,
.package:not(.featured):before,
.package.featured:before,
.footer-note:before{
  content:"" !important;
  width:38px !important;
  height:38px !important;
  border-radius:15px !important;
  display:block !important;
  margin-bottom:13px !important;
  background:linear-gradient(145deg,#e8fbf4,#fffdf8) !important;
  border:1px solid rgba(56,214,164,.20) !important;
  box-shadow:0 12px 28px rgba(30,23,10,.07) !important;
  color:transparent !important;
  position:static !important;
}
.category:after{
  content:"" !important;
  width:32px !important;
  height:32px !important;
  border-radius:13px !important;
  background:rgba(56,214,164,.11) !important;
  border:1px solid rgba(56,214,164,.18) !important;
}

/* Footer leicht hochwertiger */
.footer-new{
  margin-top:10px !important;
  padding-top:50px !important;
  background:
    radial-gradient(circle at 8% 18%,rgba(56,214,164,.09),transparent 22rem),
    radial-gradient(circle at 86% 0%,rgba(211,162,56,.12),transparent 30rem),
    linear-gradient(180deg,#101827,#070b13) !important;
}
.footer-logo{
  background:
    radial-gradient(circle at 28% 22%,rgba(143,240,209,.24),transparent 28px),
    linear-gradient(145deg,#10221e,#070c12) !important;
}

/* Laptop-specific repair */
@media(max-width:1280px){
  .hero-grid{
    max-width:1160px !important;
    grid-template-columns:.90fr 1.10fr !important;
  }
  .hero h1{
    font-size:clamp(40px,5vw,62px) !important;
  }
  .visual-stack{
    height:304px !important;
    min-height:304px !important;
  }
  .photo-main{
    height:304px !important;
  }
  .reader-panel{
    width:260px !important;
  }
}

/* Tablet/Mobile stable */
@media(max-width:1100px){
  .hero-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
  .visual-stack{
    transform:none !important;
    height:310px !important;
    min-height:310px !important;
  }
  .photo-main{
    height:310px !important;
  }
}
@media(max-width:760px){
  .hero-grid{
    padding-top:22px !important;
    padding-bottom:26px !important;
  }
  .hero h1{
    font-size:clamp(38px,10.5vw,56px) !important;
  }
  .hero-stats{
    grid-template-columns:1fr 1fr !important;
  }
  .visual-stack{
    height:auto !important;
    min-height:auto !important;
  }
  .photo-main{
    position:relative !important;
    height:270px !important;
    inset:auto !important;
  }
  .reader-panel{
    position:relative !important;
    width:100% !important;
    max-width:none !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    margin-top:12px !important;
  }
  .voucher-chip{
    position:relative !important;
    right:auto !important;
    bottom:auto !important;
    width:max-content !important;
    margin-top:12px !important;
  }
}
@media(max-width:520px){
  .hero-stats{
    grid-template-columns:1fr !important;
  }
  .hero-actions{
    display:grid !important;
  }
  .hero-actions .btn{
    width:100% !important;
  }
}


/* V18 · ICON REPAIR + HERO FINAL POLISH · KEINE LEEREN GRÜNEN KÄSTCHEN */
:root{
  --v18-mint:#38d6a4;
  --v18-mint-soft:#e8fbf4;
  --v18-gold:#d3a238;
  --v18-ink:#101827;
  --v18-line:rgba(16,24,39,.10);
}

/* 1) Hero final schleifen: kompakt, sauber, nicht abgeschnitten */
.hero-grid{
  max-width:1220px !important;
  padding-top:20px !important;
  padding-bottom:20px !important;
  gap:22px !important;
  align-items:center !important;
}
.hero h1{
  max-width:620px !important;
  margin-bottom:12px !important;
  font-size:clamp(41px,5vw,66px) !important;
  line-height:1 !important;
}
.hero p{
  max-width:540px !important;
  font-size:15.8px !important;
  line-height:1.54 !important;
  margin-bottom:14px !important;
}
.hero-actions .btn{
  min-height:44px !important;
  padding:11px 17px !important;
}
.hero-stats{
  margin-top:14px !important;
  gap:9px !important;
}
.stat{
  min-height:82px !important;
  padding:13px 14px !important;
}
.hero-trust-v12{
  margin-top:10px !important;
}
.visual-stack{
  height:306px !important;
  min-height:306px !important;
  transform:translateX(-10px) !important;
}
.photo-main{
  height:306px !important;
  border-radius:30px !important;
  background-position:center 54% !important;
}
.reader-panel{
  width:272px !important;
  max-width:45% !important;
  padding:18px !important;
  border-radius:23px !important;
}
.reader-panel b{
  font-size:23px !important;
}
.voucher-chip{
  right:16px !important;
  bottom:16px !important;
  padding:14px 16px !important;
}
#position{
  padding-top:28px !important;
}

/* 2) Grundsätzlich alle leeren grünen Kästchen entfernen */
.kpi:before,
.copy-card:before,
.app-feature:before,
.bento-card:before,
.library-live-grid article:before,
.travel-benefit:before,
.use-card:before,
.step:before,
.package:not(.featured):before,
.package.featured:before,
.footer-note:before,
.stat:before,
.reader-panel:before,
.category:after{
  display:none !important;
  content:none !important;
}

/* 3) Einheitliches Premium-Icon-System mit echten Symbolen */
.stat,
.kpi,
.copy-card,
.app-feature,
.bento-card,
.library-live-grid article,
.travel-benefit,
.use-card,
.step,
.package,
.category{
  position:relative;
}

/* Kleine Icon-Badge oben rechts bei Karten */
.kpi:after,
.copy-card:after,
.app-feature:after,
.bento-card:after,
.library-live-grid article:after,
.travel-benefit:after,
.use-card:after,
.package:after,
.category .ap-icon-v18{
  width:42px;
  height:42px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 30% 25%,rgba(56,214,164,.20),transparent 70%),
    linear-gradient(145deg,#ffffff,#e8fbf4);
  border:1px solid rgba(56,214,164,.24);
  box-shadow:0 14px 32px rgba(30,23,10,.09);
  color:#173d33;
  font-size:20px;
  font-weight:900;
}
.kpi:after,
.copy-card:after,
.app-feature:after,
.bento-card:after,
.library-live-grid article:after,
.travel-benefit:after,
.use-card:after,
.package:after{
  position:absolute;
  right:20px;
  top:20px;
}
.kpi:after{content:""}
.kpi:nth-child(2):after{content:""}
.kpi:nth-child(3):after{content:"⚡"}
.kpi:nth-child(4):after{content:""}

.copy-card:after{content:""}
.copy-card.gold:after{content:""}
.copy-card.dark:after{content:""}

.app-feature:after{content:""}
.app-feature:nth-child(2):after{content:""}
.app-feature:nth-child(3):after{content:""}

.bento-card:after{content:""}
.bento-card.dark:after{content:""}

.library-live-grid article:after{content:""}
.library-live-grid article:nth-child(2):after{content:""}
.library-live-grid article:nth-child(3):after{content:""}

.travel-benefit:after{content:""}
.travel-benefit:nth-child(2):after{content:""}
.travel-benefit:nth-child(3):after{content:""}

.use-card:after{content:""}
.use-card:nth-child(2):after{content:""}
.use-card:nth-child(3):after{content:""}
.use-card:nth-child(4):after{content:""}

.package:after{content:""}
.package.featured:after{content:"";background:linear-gradient(145deg,#10221e,#18392f);color:#8ff0d1}

/* Kategorie-Icons bewusst einheitlich und gefüllt */
.category{
  padding-right:78px !important;
}
.category:after{
  content:"" !important;
  display:grid !important;
  position:absolute !important;
  right:20px !important;
  top:20px !important;
  width:42px !important;
  height:42px !important;
  border-radius:16px !important;
  place-items:center !important;
  background:linear-gradient(145deg,#ffffff,#e8fbf4) !important;
  border:1px solid rgba(56,214,164,.24) !important;
  box-shadow:0 14px 32px rgba(30,23,10,.09) !important;
  font-size:20px !important;
}
.category.hist:after{content:"" !important}
.category.roman:after{content:"" !important}
.category.krimi:after{content:"" !important}
.category.sach:after{content:"" !important}
.category.business:after{content:"" !important}
.category.ratgeber:after{content:"" !important}
.category.fantasy:after{content:"" !important}
.category.kinder:after{content:"" !important}
.category.reise:after{content:"" !important}

/* 4) 1-2-3 Ablaufkarten sauber sortieren und Zahlen mittig machen */
.step{
  min-height:260px !important;
  padding:32px 30px !important;
  display:grid !important;
  align-content:start !important;
}
.step .num,
.step > span:first-child,
.step > b:first-child{
  display:grid !important;
  place-items:center !important;
  width:52px !important;
  height:52px !important;
  border-radius:18px !important;
  margin:0 0 20px !important;
  background:linear-gradient(145deg,#fff4d5,#fffdf8) !important;
  border:1px solid rgba(211,162,56,.30) !important;
  color:#805b16 !important;
  font-size:18px !important;
  font-weight:950 !important;
  box-shadow:0 12px 30px rgba(30,23,10,.08) !important;
}
.step h3,
.step b:not(:first-child){
  margin-top:0 !important;
}
.step:after{
  content:"" !important;
  position:absolute;
  right:24px;
  top:30px;
  width:42px;
  height:42px;
  border-radius:16px;
  background:linear-gradient(145deg,#fff,#e8fbf4);
  border:1px solid rgba(56,214,164,.24);
  box-shadow:0 14px 32px rgba(30,23,10,.09);
}
.step:nth-child(1):after{content:"" !important;display:grid;place-items:center;font-size:20px}
.step:nth-child(2):after{content:"" !important;display:grid;place-items:center;font-size:20px}
.step:nth-child(3):after{content:"" !important;display:grid;place-items:center;font-size:20px}

/* Falls die Zahl aktuell nicht mit .num markiert ist: sichtbare kleine Square-Struktur korrigieren */
.step > *:first-child{
  text-align:center;
}

/* 5) Karten-Inhalt nicht vom Icon überdecken lassen */
.kpi,
.copy-card,
.app-feature,
.bento-card,
.library-live-grid article,
.travel-benefit,
.use-card,
.package{
  padding-right:82px !important;
}
.package{
  padding-top:34px !important;
}

/* 6) Bullet-/Check-Zeilen schöner */
.travel-list li:before,
.package li:before{
  content:"" !important;
  width:25px !important;
  height:25px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:#e8fbf4 !important;
  color:#1c6b53 !important;
  border:1px solid rgba(56,214,164,.18) !important;
  box-shadow:0 0 0 4px rgba(56,214,164,.08) !important;
  font-size:13px !important;
  flex:0 0 25px !important;
}

/* 7) Footer sauberer und hochwertiger */
.footer-new{
  padding-top:52px !important;
  padding-bottom:32px !important;
}
.footer-logo{
  width:58px !important;
  height:58px !important;
  border-radius:20px !important;
}
.footer-note{
  padding:22px !important;
  border-radius:24px !important;
}
.footer-note:before{
  content:"" !important;
  display:grid !important;
  place-items:center !important;
  width:44px !important;
  height:44px !important;
  border-radius:16px !important;
  margin-bottom:14px !important;
  background:rgba(143,240,209,.10) !important;
  border:1px solid rgba(143,240,209,.22) !important;
  color:#8ff0d1 !important;
  font-size:23px !important;
}

/* 8) Abstand und Responsive */
section{
  padding-top:66px !important;
  padding-bottom:66px !important;
}
@media(max-width:1280px){
  .hero-grid{
    max-width:1160px !important;
  }
  .visual-stack{
    height:296px !important;
    min-height:296px !important;
  }
  .photo-main{
    height:296px !important;
  }
}
@media(max-width:1100px){
  .hero-grid{
    grid-template-columns:1fr !important;
  }
  .visual-stack{
    transform:none !important;
    height:310px !important;
    min-height:310px !important;
  }
  .photo-main{
    height:310px !important;
  }
}
@media(max-width:760px){
  .hero-grid{
    padding-top:22px !important;
    padding-bottom:26px !important;
  }
  .visual-stack{
    height:auto !important;
    min-height:auto !important;
  }
  .photo-main{
    position:relative !important;
    height:270px !important;
    inset:auto !important;
  }
  .reader-panel{
    position:relative !important;
    width:100% !important;
    max-width:none !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    margin-top:12px !important;
  }
  .voucher-chip{
    position:relative !important;
    right:auto !important;
    bottom:auto !important;
    width:max-content !important;
    margin-top:12px !important;
  }
  .kpi,
  .copy-card,
  .app-feature,
  .bento-card,
  .library-live-grid article,
  .travel-benefit,
  .use-card,
  .package,
  .category{
    padding-right:74px !important;
  }
}
@media(max-width:520px){
  .hero-actions{
    display:grid !important;
  }
  .hero-actions .btn{
    width:100% !important;
  }
  .stat,
  .kpi,
  .copy-card,
  .app-feature,
  .bento-card,
  .library-live-grid article,
  .travel-benefit,
  .use-card,
  .package,
  .category{
    padding-right:24px !important;
  }
  .kpi:after,
  .copy-card:after,
  .app-feature:after,
  .bento-card:after,
  .library-live-grid article:after,
  .travel-benefit:after,
  .use-card:after,
  .package:after,
  .category:after{
    position:static !important;
    margin-bottom:14px !important;
  }
}


/* V19 · ECHTE SVG-LINE-ICONS · KEINE EMOJIS */
:root{
  --svg-book:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23173d33%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205.5c2.7-1.1%205.3-.9%208%201v12c-2.7-1.9-5.3-2.1-8-1z%22/%3E%3Cpath%20d%3D%22M20%205.5c-2.7-1.1-5.3-.9-8%201v12c2.7-1.9%205.3-2.1%208-1z%22/%3E%3Cpath%20d%3D%22M12%206.5v12%22/%3E%3C/svg%3E");
  --svg-compass:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23173d33%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228%22/%3E%3Cpath%20d%3D%22m15%209-2%205-5%202%202-5z%22/%3E%3C/svg%3E");
  --svg-hotel:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23173d33%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2019V7a2%202%200%200%201%202-2h7v14%22/%3E%3Cpath%20d%3D%22M13%209h5a2%202%200%200%201%202%202v8%22/%3E%3Cpath%20d%3D%22M7%209h2%22/%3E%3Cpath%20d%3D%22M7%2013h2%22/%3E%3Cpath%20d%3D%22M4%2019h16%22/%3E%3C/svg%3E");
  --svg-check:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23173d33%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228%22/%3E%3Cpath%20d%3D%22m8.5%2012.4%202.2%202.2%204.8-5.2%22/%3E%3C/svg%3E");
  --svg-spark:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23173d33%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l1.7%205.2L19%2010l-5.3%201.8L12%2017l-1.7-5.2L5%2010l5.3-1.8z%22/%3E%3Cpath%20d%3D%22M18%2016l.7%202.2L21%2019l-2.3.8L18%2022l-.7-2.2L15%2019l2.3-.8z%22/%3E%3C/svg%3E");
  --svg-search:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23173d33%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%226%22/%3E%3Cpath%20d%3D%22m16%2016%204%204%22/%3E%3C/svg%3E");
  --svg-phone:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23173d33%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%227%22%20y%3D%223%22%20width%3D%2210%22%20height%3D%2218%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M11%2017h2%22/%3E%3C/svg%3E");
  --svg-bookmark:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23173d33%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%204h10v16l-5-3-5%203z%22/%3E%3C/svg%3E");
  --svg-suitcase:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23173d33%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%207V6a2%202%200%200%201%202-2h2a2%202%200%200%201%202%202v1%22/%3E%3Crect%20x%3D%224%22%20y%3D%227%22%20width%3D%2216%22%20height%3D%2212%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M4%2012h16%22/%3E%3C/svg%3E");
  --svg-star:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23173d33%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%202.7%205.6%206.1.9-4.4%204.3%201%206.1-5.4-2.9-5.4%202.9%201-6.1-4.4-4.3%206.1-.9z%22/%3E%3C/svg%3E");
  --svg-trend:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23173d33%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2017%2010%2011l4%204%206-8%22/%3E%3Cpath%20d%3D%22M14%207h6v6%22/%3E%3C/svg%3E");
  --svg-leaf:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23173d33%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2019c8-1%2013-6%2014-14-8%201-13%206-14%2014z%22/%3E%3Cpath%20d%3D%22M5%2019%2014%2010%22/%3E%3C/svg%3E");
  --svg-map:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23173d33%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018%204%2020V6l5-2%206%202%205-2v14l-5%202z%22/%3E%3Cpath%20d%3D%22M9%204v14%22/%3E%3Cpath%20d%3D%22M15%206v14%22/%3E%3C/svg%3E");
  --svg-bag:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23173d33%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%208V6a4%204%200%200%201%208%200v2%22/%3E%3Cpath%20d%3D%22M5%208h14l-1%2012H6z%22/%3E%3C/svg%3E");
  --svg-plane:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23173d33%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012h18%22/%3E%3Cpath%20d%3D%22m13%204%208%208-8%208%22/%3E%3Cpath%20d%3D%22M21%2012%208%205v14z%22/%3E%3C/svg%3E");
  --svg-home:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23173d33%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2011%2012%204l8%207%22/%3E%3Cpath%20d%3D%22M6%2010v10h12V10%22/%3E%3Cpath%20d%3D%22M10%2020v-6h4v6%22/%3E%3C/svg%3E");
  --svg-box:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23173d33%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%204%207l8%204%208-4z%22/%3E%3Cpath%20d%3D%22M4%207v10l8%204%208-4V7%22/%3E%3Cpath%20d%3D%22M12%2011v10%22/%3E%3C/svg%3E");
  --svg-fire:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23173d33%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021c4%200%207-3%207-7%200-3-2-5-4-7%200%203-2%204-3%205%200-3-2-5-4-7%200%205-3%206-3%2010%200%204%203%206%207%206z%22/%3E%3C/svg%3E");
  --svg-new:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23173d33%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012h16%22/%3E%3Cpath%20d%3D%22M12%204v16%22/%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%224%22/%3E%3C/svg%3E");
}

.kpi:after,
.copy-card:after,
.app-feature:after,
.bento-card:after,
.library-live-grid article:after,
.travel-benefit:after,
.use-card:after,
.package:after,
.category:after,
.step:after,
.footer-note:before,
.voucher-chip:before,
.reader-panel:before{
  content:"" !important;
  display:grid !important;
  place-items:center !important;
  width:44px !important;
  height:44px !important;
  border-radius:16px !important;
  background-color:#f7fffb !important;
  background-image:var(--svg-book), linear-gradient(145deg,#ffffff,#e8fbf4) !important;
  background-position:center, center !important;
  background-size:23px 23px, cover !important;
  background-repeat:no-repeat !important;
  border:1px solid rgba(56,214,164,.25) !important;
  box-shadow:0 14px 32px rgba(30,23,10,.09) !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
}

.kpi:after,.copy-card:after,.app-feature:after,.bento-card:after,
.library-live-grid article:after,.travel-benefit:after,.use-card:after,.package:after{
  position:absolute !important;
  right:20px !important;
  top:20px !important;
  margin:0 !important;
}

.kpi:after{background-image:var(--svg-book), linear-gradient(145deg,#ffffff,#e8fbf4) !important}
.kpi:nth-child(2):after{background-image:var(--svg-compass), linear-gradient(145deg,#ffffff,#e8fbf4) !important}
.kpi:nth-child(3):after{background-image:var(--svg-check), linear-gradient(145deg,#ffffff,#e8fbf4) !important}
.kpi:nth-child(4):after{background-image:var(--svg-box), linear-gradient(145deg,#ffffff,#e8fbf4) !important}

.copy-card:after{background-image:var(--svg-spark), linear-gradient(145deg,#ffffff,#e8fbf4) !important}
.copy-card.gold:after{background-image:var(--svg-search), linear-gradient(145deg,#ffffff,#e8fbf4) !important}
.copy-card.dark:after{background-image:var(--svg-hotel), linear-gradient(145deg,#ffffff,#e8fbf4) !important}

.app-feature:after{background-image:var(--svg-phone), linear-gradient(145deg,#ffffff,#e8fbf4) !important}
.app-feature:nth-child(2):after{background-image:var(--svg-bookmark), linear-gradient(145deg,#ffffff,#e8fbf4) !important}
.app-feature:nth-child(3):after{background-image:var(--svg-suitcase), linear-gradient(145deg,#ffffff,#e8fbf4) !important}

.bento-card:after{background-image:var(--svg-book), linear-gradient(145deg,#ffffff,#e8fbf4) !important}
.bento-card.dark:after{background-image:var(--svg-star), linear-gradient(145deg,#ffffff,#e8fbf4) !important}

.library-live-grid article:after{background-image:var(--svg-fire), linear-gradient(145deg,#ffffff,#e8fbf4) !important}
.library-live-grid article:nth-child(2):after{background-image:var(--svg-new), linear-gradient(145deg,#ffffff,#e8fbf4) !important}
.library-live-grid article:nth-child(3):after{background-image:var(--svg-bookmark), linear-gradient(145deg,#ffffff,#e8fbf4) !important}

.travel-benefit:after{background-image:var(--svg-hotel), linear-gradient(145deg,#ffffff,#e8fbf4) !important}
.travel-benefit:nth-child(2):after{background-image:var(--svg-leaf), linear-gradient(145deg,#ffffff,#e8fbf4) !important}
.travel-benefit:nth-child(3):after{background-image:var(--svg-check), linear-gradient(145deg,#ffffff,#e8fbf4) !important}

.use-card:after{background-image:var(--svg-home), linear-gradient(145deg,#ffffff,#e8fbf4) !important}
.use-card:nth-child(2):after{background-image:var(--svg-phone), linear-gradient(145deg,#ffffff,#e8fbf4) !important}
.use-card:nth-child(3):after{background-image:var(--svg-search), linear-gradient(145deg,#ffffff,#e8fbf4) !important}
.use-card:nth-child(4):after{background-image:var(--svg-hotel), linear-gradient(145deg,#ffffff,#e8fbf4) !important}

.package:after{background-image:var(--svg-box), linear-gradient(145deg,#ffffff,#e8fbf4) !important}
.package.featured:after{
  background-color:#10221e !important;
  background-image:var(--svg-star), linear-gradient(145deg,#10221e,#18392f) !important;
}

.category:after{
  position:absolute !important;
  right:20px !important;
  top:20px !important;
  margin:0 !important;
  background-image:var(--svg-book), linear-gradient(145deg,#ffffff,#e8fbf4) !important;
}
.category.hist:after{background-image:var(--svg-book), linear-gradient(145deg,#ffffff,#e8fbf4) !important}
.category.roman:after{background-image:var(--svg-bookmark), linear-gradient(145deg,#ffffff,#e8fbf4) !important}
.category.krimi:after{background-image:var(--svg-search), linear-gradient(145deg,#ffffff,#e8fbf4) !important}
.category.sach:after{background-image:var(--svg-spark), linear-gradient(145deg,#ffffff,#e8fbf4) !important}
.category.business:after{background-image:var(--svg-trend), linear-gradient(145deg,#ffffff,#e8fbf4) !important}
.category.ratgeber:after{background-image:var(--svg-leaf), linear-gradient(145deg,#ffffff,#e8fbf4) !important}
.category.fantasy:after{background-image:var(--svg-map), linear-gradient(145deg,#ffffff,#e8fbf4) !important}
.category.kinder:after{background-image:var(--svg-bag), linear-gradient(145deg,#ffffff,#e8fbf4) !important}
.category.reise:after{background-image:var(--svg-plane), linear-gradient(145deg,#ffffff,#e8fbf4) !important}

.step:after{
  position:absolute !important;
  right:24px !important;
  top:28px !important;
  margin:0 !important;
  background-image:var(--svg-box), linear-gradient(145deg,#ffffff,#e8fbf4) !important;
}
.step:nth-child(2):after{background-image:var(--svg-book), linear-gradient(145deg,#ffffff,#e8fbf4) !important}
.step:nth-child(3):after{background-image:var(--svg-hotel), linear-gradient(145deg,#ffffff,#e8fbf4) !important}

.reader-panel:before{
  position:static !important;
  margin:0 0 11px 0 !important;
  background-color:rgba(143,240,209,.12) !important;
  background-image:var(--svg-book) !important;
  background-size:22px 22px !important;
  border-color:rgba(143,240,209,.22) !important;
  box-shadow:none !important;
}
.voucher-chip:before{
  position:static !important;
  flex:0 0 42px !important;
  width:42px !important;
  height:42px !important;
  margin:0 !important;
  background-color:rgba(56,214,164,.14) !important;
  background-image:var(--svg-hotel) !important;
  background-size:23px 23px !important;
  border-color:rgba(143,240,209,.24) !important;
  box-shadow:none !important;
}

.footer-note:before{
  position:static !important;
  margin:0 0 14px 0 !important;
  background-image:var(--svg-spark), linear-gradient(145deg,rgba(255,255,255,.05),rgba(56,214,164,.08)) !important;
  border-color:rgba(143,240,209,.24) !important;
  box-shadow:none !important;
}

/* Zahlenschritte sauber */
.step .num,
.step > span:first-child,
.step > b:first-child{
  display:grid !important;
  place-items:center !important;
  width:54px !important;
  height:54px !important;
  border-radius:18px !important;
  background:linear-gradient(145deg,#fff4d5,#fffdf8) !important;
  border:1px solid rgba(211,162,56,.30) !important;
  color:#805b16 !important;
  font-size:18px !important;
  font-weight:950 !important;
  box-shadow:0 12px 30px rgba(30,23,10,.08) !important;
  text-align:center !important;
}

/* Keine Emoji-Reste sichtbar in Pseudo-Icons */
.stat:before,
.category b:before{
  content:"" !important;
}

@media(max-width:520px){
  .kpi:after,.copy-card:after,.app-feature:after,.bento-card:after,
  .library-live-grid article:after,.travel-benefit:after,.use-card:after,.package:after,
  .category:after,.step:after{
    position:static !important;
    margin-bottom:14px !important;
  }
}


/* V20 · GLOSSY UNIFIED APP-ICONS · KEINE EMOJIS · AUSDRUCKSSTARK */
:root{
  --gicon-book:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%2210%22%20y1%3D%228%22%20x2%3D%2254%22%20y2%3D%2258%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%230EA5E9%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%230787C8%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2322C55E%22/%3E%0A%20%20%20%20%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%20%20%20%20%3Cfilter%20id%3D%22s%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3CfeDropShadow%20dx%3D%220%22%20dy%3D%224%22%20stdDeviation%3D%223%22%20flood-color%3D%22%230f172a%22%20flood-opacity%3D%22.24%22/%3E%0A%20%20%20%20%20%20%20%20%3C/filter%3E%0A%20%20%20%20%20%20%3C/defs%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%2254%22%20height%3D%2254%22%20rx%3D%2217%22%20fill%3D%22url%28%23g%29%22/%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%227%22%20y%3D%227%22%20width%3D%2250%22%20height%3D%2250%22%20rx%3D%2215%22%20fill%3D%22none%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.35%29%22%20stroke-width%3D%221.5%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M13%2017c8-8%2030-8%2038%200%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.42%29%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22/%3E%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%224.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20filter%3D%22url%28%23s%29%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M18%2021c6-3%2012-2%2014%201v22c-3-4-9-5-14-2z%22/%3E%3Cpath%20d%3D%22M46%2021c-6-3-12-2-14%201v22c3-4%209-5%2014-2z%22/%3E%3Cpath%20d%3D%22M32%2022v22%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/svg%3E");
  --gicon-compass:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%2210%22%20y1%3D%228%22%20x2%3D%2254%22%20y2%3D%2258%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%230EA5E9%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%230787C8%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2322C55E%22/%3E%0A%20%20%20%20%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%20%20%20%20%3Cfilter%20id%3D%22s%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3CfeDropShadow%20dx%3D%220%22%20dy%3D%224%22%20stdDeviation%3D%223%22%20flood-color%3D%22%230f172a%22%20flood-opacity%3D%22.24%22/%3E%0A%20%20%20%20%20%20%20%20%3C/filter%3E%0A%20%20%20%20%20%20%3C/defs%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%2254%22%20height%3D%2254%22%20rx%3D%2217%22%20fill%3D%22url%28%23g%29%22/%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%227%22%20y%3D%227%22%20width%3D%2250%22%20height%3D%2250%22%20rx%3D%2215%22%20fill%3D%22none%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.35%29%22%20stroke-width%3D%221.5%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M13%2017c8-8%2030-8%2038%200%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.42%29%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22/%3E%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%224.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20filter%3D%22url%28%23s%29%22%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2214%22/%3E%3Cpath%20d%3D%22m38%2026-4%2012-12%204%204-12z%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/svg%3E");
  --gicon-hotel:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%2210%22%20y1%3D%228%22%20x2%3D%2254%22%20y2%3D%2258%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%230EA5E9%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%230787C8%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2322C55E%22/%3E%0A%20%20%20%20%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%20%20%20%20%3Cfilter%20id%3D%22s%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3CfeDropShadow%20dx%3D%220%22%20dy%3D%224%22%20stdDeviation%3D%223%22%20flood-color%3D%22%230f172a%22%20flood-opacity%3D%22.24%22/%3E%0A%20%20%20%20%20%20%20%20%3C/filter%3E%0A%20%20%20%20%20%20%3C/defs%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%2254%22%20height%3D%2254%22%20rx%3D%2217%22%20fill%3D%22url%28%23g%29%22/%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%227%22%20y%3D%227%22%20width%3D%2250%22%20height%3D%2250%22%20rx%3D%2215%22%20fill%3D%22none%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.35%29%22%20stroke-width%3D%221.5%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M13%2017c8-8%2030-8%2038%200%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.42%29%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22/%3E%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%224.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20filter%3D%22url%28%23s%29%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M16%2043V22a4%204%200%200%201%204-4h16v25%22/%3E%3Cpath%20d%3D%22M36%2029h9a4%204%200%200%201%204%204v10%22/%3E%3Cpath%20d%3D%22M22%2027h5%22/%3E%3Cpath%20d%3D%22M22%2035h5%22/%3E%3Cpath%20d%3D%22M14%2043h38%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/svg%3E");
  --gicon-check:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%2210%22%20y1%3D%228%22%20x2%3D%2254%22%20y2%3D%2258%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2322C55E%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%230787C8%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230EA5E9%22/%3E%0A%20%20%20%20%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%20%20%20%20%3Cfilter%20id%3D%22s%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3CfeDropShadow%20dx%3D%220%22%20dy%3D%224%22%20stdDeviation%3D%223%22%20flood-color%3D%22%230f172a%22%20flood-opacity%3D%22.24%22/%3E%0A%20%20%20%20%20%20%20%20%3C/filter%3E%0A%20%20%20%20%20%20%3C/defs%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2229%22%20fill%3D%22url%28%23g%29%22/%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2227%22%20fill%3D%22none%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.35%29%22%20stroke-width%3D%221.5%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M12%2018c8-10%2032-10%2040%200%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.45%29%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22/%3E%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%224.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20filter%3D%22url%28%23s%29%22%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2216%22/%3E%3Cpath%20d%3D%22m23%2033%206%206%2013-15%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/svg%3E");
  --gicon-search:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%2210%22%20y1%3D%228%22%20x2%3D%2254%22%20y2%3D%2258%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%230EA5E9%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%230787C8%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2322C55E%22/%3E%0A%20%20%20%20%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%20%20%20%20%3Cfilter%20id%3D%22s%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3CfeDropShadow%20dx%3D%220%22%20dy%3D%224%22%20stdDeviation%3D%223%22%20flood-color%3D%22%230f172a%22%20flood-opacity%3D%22.24%22/%3E%0A%20%20%20%20%20%20%20%20%3C/filter%3E%0A%20%20%20%20%20%20%3C/defs%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%2254%22%20height%3D%2254%22%20rx%3D%2217%22%20fill%3D%22url%28%23g%29%22/%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%227%22%20y%3D%227%22%20width%3D%2250%22%20height%3D%2250%22%20rx%3D%2215%22%20fill%3D%22none%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.35%29%22%20stroke-width%3D%221.5%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M13%2017c8-8%2030-8%2038%200%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.42%29%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22/%3E%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%224.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20filter%3D%22url%28%23s%29%22%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2229%22%20cy%3D%2229%22%20r%3D%2212%22/%3E%3Cpath%20d%3D%22m39%2039%208%208%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/svg%3E");
  --gicon-phone:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%2210%22%20y1%3D%228%22%20x2%3D%2254%22%20y2%3D%2258%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%230EA5E9%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%230787C8%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2322C55E%22/%3E%0A%20%20%20%20%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%20%20%20%20%3Cfilter%20id%3D%22s%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3CfeDropShadow%20dx%3D%220%22%20dy%3D%224%22%20stdDeviation%3D%223%22%20flood-color%3D%22%230f172a%22%20flood-opacity%3D%22.24%22/%3E%0A%20%20%20%20%20%20%20%20%3C/filter%3E%0A%20%20%20%20%20%20%3C/defs%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%2254%22%20height%3D%2254%22%20rx%3D%2217%22%20fill%3D%22url%28%23g%29%22/%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%227%22%20y%3D%227%22%20width%3D%2250%22%20height%3D%2250%22%20rx%3D%2215%22%20fill%3D%22none%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.35%29%22%20stroke-width%3D%221.5%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M13%2017c8-8%2030-8%2038%200%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.42%29%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22/%3E%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%224.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20filter%3D%22url%28%23s%29%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%2222%22%20y%3D%2213%22%20width%3D%2220%22%20height%3D%2238%22%20rx%3D%225%22/%3E%3Cpath%20d%3D%22M29%2045h6%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/svg%3E");
  --gicon-bookmark:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%2210%22%20y1%3D%228%22%20x2%3D%2254%22%20y2%3D%2258%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%230EA5E9%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%230787C8%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2322C55E%22/%3E%0A%20%20%20%20%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%20%20%20%20%3Cfilter%20id%3D%22s%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3CfeDropShadow%20dx%3D%220%22%20dy%3D%224%22%20stdDeviation%3D%223%22%20flood-color%3D%22%230f172a%22%20flood-opacity%3D%22.24%22/%3E%0A%20%20%20%20%20%20%20%20%3C/filter%3E%0A%20%20%20%20%20%20%3C/defs%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%2254%22%20height%3D%2254%22%20rx%3D%2217%22%20fill%3D%22url%28%23g%29%22/%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%227%22%20y%3D%227%22%20width%3D%2250%22%20height%3D%2250%22%20rx%3D%2215%22%20fill%3D%22none%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.35%29%22%20stroke-width%3D%221.5%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M13%2017c8-8%2030-8%2038%200%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.42%29%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22/%3E%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%224.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20filter%3D%22url%28%23s%29%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M22%2016h20v34l-10-7-10%207z%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/svg%3E");
  --gicon-suitcase:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%2210%22%20y1%3D%228%22%20x2%3D%2254%22%20y2%3D%2258%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%230EA5E9%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%230787C8%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2322C55E%22/%3E%0A%20%20%20%20%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%20%20%20%20%3Cfilter%20id%3D%22s%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3CfeDropShadow%20dx%3D%220%22%20dy%3D%224%22%20stdDeviation%3D%223%22%20flood-color%3D%22%230f172a%22%20flood-opacity%3D%22.24%22/%3E%0A%20%20%20%20%20%20%20%20%3C/filter%3E%0A%20%20%20%20%20%20%3C/defs%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%2254%22%20height%3D%2254%22%20rx%3D%2217%22%20fill%3D%22url%28%23g%29%22/%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%227%22%20y%3D%227%22%20width%3D%2250%22%20height%3D%2250%22%20rx%3D%2215%22%20fill%3D%22none%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.35%29%22%20stroke-width%3D%221.5%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M13%2017c8-8%2030-8%2038%200%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.42%29%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22/%3E%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%224.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20filter%3D%22url%28%23s%29%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M24%2023v-3a5%205%200%200%201%205-5h6a5%205%200%200%201%205%205v3%22/%3E%3Crect%20x%3D%2214%22%20y%3D%2223%22%20width%3D%2236%22%20height%3D%2225%22%20rx%3D%225%22/%3E%3Cpath%20d%3D%22M14%2033h36%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/svg%3E");
  --gicon-star:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%2210%22%20y1%3D%228%22%20x2%3D%2254%22%20y2%3D%2258%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2322C55E%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%230787C8%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230EA5E9%22/%3E%0A%20%20%20%20%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%20%20%20%20%3Cfilter%20id%3D%22s%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3CfeDropShadow%20dx%3D%220%22%20dy%3D%224%22%20stdDeviation%3D%223%22%20flood-color%3D%22%230f172a%22%20flood-opacity%3D%22.24%22/%3E%0A%20%20%20%20%20%20%20%20%3C/filter%3E%0A%20%20%20%20%20%20%3C/defs%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2229%22%20fill%3D%22url%28%23g%29%22/%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2227%22%20fill%3D%22none%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.35%29%22%20stroke-width%3D%221.5%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M12%2018c8-10%2032-10%2040%200%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.45%29%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22/%3E%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%224.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20filter%3D%22url%28%23s%29%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22m32%2014%205%2011%2012%202-9%208%202%2012-10-6-10%206%202-12-9-8%2012-2z%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/svg%3E");
  --gicon-trend:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%2210%22%20y1%3D%228%22%20x2%3D%2254%22%20y2%3D%2258%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%230EA5E9%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%230787C8%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2322C55E%22/%3E%0A%20%20%20%20%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%20%20%20%20%3Cfilter%20id%3D%22s%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3CfeDropShadow%20dx%3D%220%22%20dy%3D%224%22%20stdDeviation%3D%223%22%20flood-color%3D%22%230f172a%22%20flood-opacity%3D%22.24%22/%3E%0A%20%20%20%20%20%20%20%20%3C/filter%3E%0A%20%20%20%20%20%20%3C/defs%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%2254%22%20height%3D%2254%22%20rx%3D%2217%22%20fill%3D%22url%28%23g%29%22/%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%227%22%20y%3D%227%22%20width%3D%2250%22%20height%3D%2250%22%20rx%3D%2215%22%20fill%3D%22none%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.35%29%22%20stroke-width%3D%221.5%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M13%2017c8-8%2030-8%2038%200%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.42%29%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22/%3E%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%224.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20filter%3D%22url%28%23s%29%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M16%2042%2028%2030l8%208%2013-18%22/%3E%3Cpath%20d%3D%22M38%2020h11v11%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/svg%3E");
  --gicon-leaf:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%2210%22%20y1%3D%228%22%20x2%3D%2254%22%20y2%3D%2258%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2322C55E%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%230787C8%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230EA5E9%22/%3E%0A%20%20%20%20%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%20%20%20%20%3Cfilter%20id%3D%22s%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3CfeDropShadow%20dx%3D%220%22%20dy%3D%224%22%20stdDeviation%3D%223%22%20flood-color%3D%22%230f172a%22%20flood-opacity%3D%22.24%22/%3E%0A%20%20%20%20%20%20%20%20%3C/filter%3E%0A%20%20%20%20%20%20%3C/defs%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2229%22%20fill%3D%22url%28%23g%29%22/%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2227%22%20fill%3D%22none%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.35%29%22%20stroke-width%3D%221.5%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M12%2018c8-10%2032-10%2040%200%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.45%29%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22/%3E%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%224.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20filter%3D%22url%28%23s%29%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M16%2048c16-2%2027-12%2031-31-17%202-28%2013-31%2031z%22/%3E%3Cpath%20d%3D%22M16%2048%2037%2027%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/svg%3E");
  --gicon-map:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%2210%22%20y1%3D%228%22%20x2%3D%2254%22%20y2%3D%2258%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%230EA5E9%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%230787C8%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2322C55E%22/%3E%0A%20%20%20%20%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%20%20%20%20%3Cfilter%20id%3D%22s%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3CfeDropShadow%20dx%3D%220%22%20dy%3D%224%22%20stdDeviation%3D%223%22%20flood-color%3D%22%230f172a%22%20flood-opacity%3D%22.24%22/%3E%0A%20%20%20%20%20%20%20%20%3C/filter%3E%0A%20%20%20%20%20%20%3C/defs%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%2254%22%20height%3D%2254%22%20rx%3D%2217%22%20fill%3D%22url%28%23g%29%22/%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%227%22%20y%3D%227%22%20width%3D%2250%22%20height%3D%2250%22%20rx%3D%2215%22%20fill%3D%22none%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.35%29%22%20stroke-width%3D%221.5%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M13%2017c8-8%2030-8%2038%200%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.42%29%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22/%3E%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%224.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20filter%3D%22url%28%23s%29%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M24%2046%2014%2050V18l10-4%2016%204%2010-4v32l-10%204z%22/%3E%3Cpath%20d%3D%22M24%2014v32%22/%3E%3Cpath%20d%3D%22M40%2018v32%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/svg%3E");
  --gicon-box:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%2210%22%20y1%3D%228%22%20x2%3D%2254%22%20y2%3D%2258%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%230EA5E9%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%230787C8%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2322C55E%22/%3E%0A%20%20%20%20%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%20%20%20%20%3Cfilter%20id%3D%22s%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3CfeDropShadow%20dx%3D%220%22%20dy%3D%224%22%20stdDeviation%3D%223%22%20flood-color%3D%22%230f172a%22%20flood-opacity%3D%22.24%22/%3E%0A%20%20%20%20%20%20%20%20%3C/filter%3E%0A%20%20%20%20%20%20%3C/defs%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%2254%22%20height%3D%2254%22%20rx%3D%2217%22%20fill%3D%22url%28%23g%29%22/%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%227%22%20y%3D%227%22%20width%3D%2250%22%20height%3D%2250%22%20rx%3D%2215%22%20fill%3D%22none%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.35%29%22%20stroke-width%3D%221.5%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M13%2017c8-8%2030-8%2038%200%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.42%29%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22/%3E%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%224.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20filter%3D%22url%28%23s%29%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M32%2013%2015%2022l17%209%2017-9z%22/%3E%3Cpath%20d%3D%22M15%2022v20l17%209%2017-9V22%22/%3E%3Cpath%20d%3D%22M32%2031v20%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/svg%3E");
  --gicon-home:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%2210%22%20y1%3D%228%22%20x2%3D%2254%22%20y2%3D%2258%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%230EA5E9%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%230787C8%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2322C55E%22/%3E%0A%20%20%20%20%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%20%20%20%20%3Cfilter%20id%3D%22s%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3CfeDropShadow%20dx%3D%220%22%20dy%3D%224%22%20stdDeviation%3D%223%22%20flood-color%3D%22%230f172a%22%20flood-opacity%3D%22.24%22/%3E%0A%20%20%20%20%20%20%20%20%3C/filter%3E%0A%20%20%20%20%20%20%3C/defs%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%2254%22%20height%3D%2254%22%20rx%3D%2217%22%20fill%3D%22url%28%23g%29%22/%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%227%22%20y%3D%227%22%20width%3D%2250%22%20height%3D%2250%22%20rx%3D%2215%22%20fill%3D%22none%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.35%29%22%20stroke-width%3D%221.5%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M13%2017c8-8%2030-8%2038%200%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.42%29%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22/%3E%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%224.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20filter%3D%22url%28%23s%29%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15%2031%2032%2016l17%2015%22/%3E%3Cpath%20d%3D%22M20%2029v21h24V29%22/%3E%3Cpath%20d%3D%22M28%2050V38h8v12%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/svg%3E");
  --gicon-spark:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%2210%22%20y1%3D%228%22%20x2%3D%2254%22%20y2%3D%2258%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2322C55E%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%230787C8%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230EA5E9%22/%3E%0A%20%20%20%20%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%20%20%20%20%3Cfilter%20id%3D%22s%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3CfeDropShadow%20dx%3D%220%22%20dy%3D%224%22%20stdDeviation%3D%223%22%20flood-color%3D%22%230f172a%22%20flood-opacity%3D%22.24%22/%3E%0A%20%20%20%20%20%20%20%20%3C/filter%3E%0A%20%20%20%20%20%20%3C/defs%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2229%22%20fill%3D%22url%28%23g%29%22/%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2227%22%20fill%3D%22none%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.35%29%22%20stroke-width%3D%221.5%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M12%2018c8-10%2032-10%2040%200%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.45%29%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22/%3E%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%224.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20filter%3D%22url%28%23s%29%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M32%2012%2036%2026l14%206-14%206-4%2014-4-14-14-6%2014-6z%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/svg%3E");
  --gicon-cart:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%2210%22%20y1%3D%228%22%20x2%3D%2254%22%20y2%3D%2258%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%230EA5E9%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%230787C8%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2322C55E%22/%3E%0A%20%20%20%20%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%20%20%20%20%3Cfilter%20id%3D%22s%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3CfeDropShadow%20dx%3D%220%22%20dy%3D%224%22%20stdDeviation%3D%223%22%20flood-color%3D%22%230f172a%22%20flood-opacity%3D%22.24%22/%3E%0A%20%20%20%20%20%20%20%20%3C/filter%3E%0A%20%20%20%20%20%20%3C/defs%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%2254%22%20height%3D%2254%22%20rx%3D%2217%22%20fill%3D%22url%28%23g%29%22/%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%227%22%20y%3D%227%22%20width%3D%2250%22%20height%3D%2250%22%20rx%3D%2215%22%20fill%3D%22none%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.35%29%22%20stroke-width%3D%221.5%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M13%2017c8-8%2030-8%2038%200%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.42%29%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22/%3E%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%224.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20filter%3D%22url%28%23s%29%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M17%2018h5l4%2020h19l5-13H27%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2247%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%2244%22%20cy%3D%2247%22%20r%3D%223%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/svg%3E");
}

/* alles Emoji/Pseudo-Text zuverlässig überschreiben */
.stat:before,.stat:after,
.kpi:before,.kpi:after,
.copy-card:before,.copy-card:after,
.app-feature:before,.app-feature:after,
.bento-card:before,.bento-card:after,
.library-live-grid article:before,.library-live-grid article:after,
.travel-benefit:before,.travel-benefit:after,
.use-card:before,.use-card:after,
.step:before,.step:after,
.package:before,.package:after,
.category:before,.category:after,
.footer-note:before,
.reader-panel:before,
.voucher-chip:before{
  content:"" !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  text-shadow:none !important;
}

/* Einheitlicher Icon-Grundstil */
.stat:before,
.kpi:after,
.copy-card:after,
.app-feature:after,
.bento-card:after,
.library-live-grid article:after,
.travel-benefit:after,
.use-card:after,
.package:after,
.category:after,
.step:after,
.footer-note:before{
  width:54px !important;
  height:54px !important;
  border:0 !important;
  border-radius:18px !important;
  display:block !important;
  background-image:var(--gicon-book) !important;
  background-size:54px 54px !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  box-shadow:0 16px 34px rgba(15,23,42,.13) !important;
}

/* Positionierung */
.kpi:after,.copy-card:after,.app-feature:after,.bento-card:after,
.library-live-grid article:after,.travel-benefit:after,.use-card:after,.package:after,.category:after{
  position:absolute !important;
  right:20px !important;
  top:20px !important;
  margin:0 !important;
}
.stat:before{
  position:static !important;
  margin:0 0 8px 0 !important;
}
.step:after{
  position:absolute !important;
  right:24px !important;
  top:28px !important;
  margin:0 !important;
}
.footer-note:before{
  position:static !important;
  margin:0 0 14px 0 !important;
}

/* Zuweisungen */
.stat:before{background-image:var(--gicon-book) !important}
.stat:nth-child(2):before{background-image:var(--gicon-compass) !important}
.stat:nth-child(3):before{background-image:var(--gicon-hotel) !important}
.stat:nth-child(4):before{background-image:var(--gicon-check) !important}

.kpi:after{background-image:var(--gicon-book) !important}
.kpi:nth-child(2):after{background-image:var(--gicon-compass) !important}
.kpi:nth-child(3):after{background-image:var(--gicon-check) !important}
.kpi:nth-child(4):after{background-image:var(--gicon-box) !important}

.copy-card:after{background-image:var(--gicon-spark) !important}
.copy-card.gold:after{background-image:var(--gicon-search) !important}
.copy-card.dark:after{background-image:var(--gicon-hotel) !important}

.app-feature:after{background-image:var(--gicon-phone) !important}
.app-feature:nth-child(2):after{background-image:var(--gicon-bookmark) !important}
.app-feature:nth-child(3):after{background-image:var(--gicon-suitcase) !important}

.bento-card:after{background-image:var(--gicon-book) !important}
.bento-card.dark:after{background-image:var(--gicon-star) !important}

.library-live-grid article:after{background-image:var(--gicon-star) !important}
.library-live-grid article:nth-child(2):after{background-image:var(--gicon-spark) !important}
.library-live-grid article:nth-child(3):after{background-image:var(--gicon-bookmark) !important}

.travel-benefit:after{background-image:var(--gicon-hotel) !important}
.travel-benefit:nth-child(2):after{background-image:var(--gicon-leaf) !important}
.travel-benefit:nth-child(3):after{background-image:var(--gicon-check) !important}

.use-card:after{background-image:var(--gicon-home) !important}
.use-card:nth-child(2):after{background-image:var(--gicon-phone) !important}
.use-card:nth-child(3):after{background-image:var(--gicon-search) !important}
.use-card:nth-child(4):after{background-image:var(--gicon-hotel) !important}

.package:after{background-image:var(--gicon-box) !important}
.package.featured:after{background-image:var(--gicon-star) !important}

.category:after{background-image:var(--gicon-book) !important}
.category.hist:after{background-image:var(--gicon-book) !important}
.category.roman:after{background-image:var(--gicon-bookmark) !important}
.category.krimi:after{background-image:var(--gicon-search) !important}
.category.sach:after{background-image:var(--gicon-spark) !important}
.category.business:after{background-image:var(--gicon-trend) !important}
.category.ratgeber:after{background-image:var(--gicon-leaf) !important}
.category.fantasy:after{background-image:var(--gicon-map) !important}
.category.kinder:after{background-image:var(--gicon-cart) !important}
.category.reise:after{background-image:var(--gicon-hotel) !important}

.step:after{background-image:var(--gicon-box) !important}
.step:nth-child(2):after{background-image:var(--gicon-book) !important}
.step:nth-child(3):after{background-image:var(--gicon-hotel) !important}

.footer-note:before{background-image:var(--gicon-spark) !important}

/* Hero-Spezialicons */
.reader-panel:before{
  content:"" !important;
  display:block !important;
  width:52px !important;
  height:52px !important;
  margin:0 0 12px 0 !important;
  background-image:var(--gicon-book) !important;
  background-size:52px 52px !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  border:0 !important;
  box-shadow:0 14px 30px rgba(0,0,0,.18) !important;
}
.voucher-chip:before{
  content:"" !important;
  display:block !important;
  flex:0 0 52px !important;
  width:52px !important;
  height:52px !important;
  margin:0 !important;
  background-image:var(--gicon-hotel) !important;
  background-size:52px 52px !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  border:0 !important;
  box-shadow:0 14px 30px rgba(0,0,0,.18) !important;
}

/* Karten bekommen genug Luft für große Icons */
.kpi,.copy-card,.app-feature,.bento-card,.library-live-grid article,
.travel-benefit,.use-card,.package,.category{
  padding-right:92px !important;
}
.step{
  padding-right:96px !important;
}

/* Ablaufzahlen mittig und sauber */
.step .num,
.step > span:first-child,
.step > b:first-child{
  width:56px !important;
  height:56px !important;
  border-radius:19px !important;
  display:grid !important;
  place-items:center !important;
  text-align:center !important;
  font-size:19px !important;
  font-weight:950 !important;
}

/* Checklisten nicht als Emoji, sondern schlicht */
.travel-list li:before,.package li:before{
  content:"" !important;
  width:24px !important;
  height:24px !important;
  border-radius:50% !important;
  background-image:var(--gicon-check) !important;
  background-size:24px 24px !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  flex:0 0 24px !important;
  border:0 !important;
  box-shadow:none !important;
}

@media(max-width:520px){
  .kpi,.copy-card,.app-feature,.bento-card,.library-live-grid article,
  .travel-benefit,.use-card,.package,.category,.step{
    padding-right:24px !important;
  }
  .kpi:after,.copy-card:after,.app-feature:after,.bento-card:after,
  .library-live-grid article:after,.travel-benefit:after,.use-card:after,.package:after,.category:after,.step:after{
    position:static !important;
    margin-bottom:14px !important;
  }
}


/* V21 · FULL POLISH CHECKUP · ICON SIZE · COLOR FLOW · CONTACT PREMIUM */
:root{
  --v21-bg:#f7f4ec;
  --v21-card:#fffdf8;
  --v21-ink:#101827;
  --v21-muted:#60594f;
  --v21-mint:#22c99a;
  --v21-mint2:#8ff0d1;
  --v21-blue:#0ea5e9;
  --v21-gold:#d3a238;
  --v21-gold2:#f1d277;
  --v21-line:rgba(16,24,39,.10);
  --v21-shadow:0 24px 70px rgba(30,23,10,.10);
}

/* Modernere Gesamt-Farbwelt */
body{
  background:
    radial-gradient(circle at 12% 8%,rgba(34,201,154,.065),transparent 24rem),
    radial-gradient(circle at 92% 4%,rgba(14,165,233,.055),transparent 26rem),
    linear-gradient(180deg,#fbf7ee,#f5f1e8 42%,#fbf7ee) !important;
  color:var(--v21-ink) !important;
}
section{
  background:transparent;
}
.card,
.ebook-main,
.copy-card,
.bento-card,
.app-feature,
.use-card,
.package,
details,
.library-live-v12,
.category-showcase-v14,
.panel,
.legal-modal-card{
  background:rgba(255,253,248,.92) !important;
  border-color:rgba(16,24,39,.085) !important;
  box-shadow:var(--v21-shadow) !important;
}

/* Header moderner, nicht schwer */
.site-header,
.site-header-v11{
  background:rgba(255,253,248,.88) !important;
  border-bottom:1px solid rgba(16,24,39,.07) !important;
  box-shadow:0 8px 28px rgba(30,23,10,.045) !important;
}
.nav-v11,.nav-premium{
  height:78px !important;
}
.logo-v11,.logo-premium{
  width:50px !important;
  height:50px !important;
  border-radius:18px !important;
}
.brand-v11 .brand-text strong,.brand-text strong{
  font-size:24px !important;
}
.nav-main-v11{
  background:rgba(255,253,248,.72) !important;
  border-color:rgba(16,24,39,.075) !important;
}
.nav-main-v11 a,.nav-main-v11 button{
  text-decoration:none !important;
  color:#252b35 !important;
}
.nav-main-v11 a:hover,.nav-main-v11 button:hover{
  background:#e8fbf4 !important;
  color:#14634e !important;
}
.header-cta,.btn-primary{
  background:linear-gradient(145deg,#f4d36d,#c89022) !important;
  color:#111722 !important;
  box-shadow:0 14px 34px rgba(211,162,56,.20) !important;
}

/* Hero: kompakter, sauberer, näher an Variante 2 */
.hero{
  background:
    linear-gradient(90deg,rgba(251,247,238,.97) 0%,rgba(251,247,238,.86) 34%,rgba(251,247,238,.38) 61%,rgba(251,247,238,.18) 100%),
    url("https://images.unsplash.com/photo-1524995997946-a1c2e315a42f?auto=format&fit=crop&w=2200&q=88") center 47%/cover no-repeat !important;
}
.hero-grid{
  padding-top:20px !important;
  padding-bottom:20px !important;
  gap:22px !important;
  max-width:1220px !important;
}
.hero:after{
  height:14px !important;
}
.hero h1{
  font-size:clamp(41px,5vw,66px) !important;
  line-height:1 !important;
  max-width:620px !important;
  margin-bottom:12px !important;
}
.hero h1 .gold,.hero h1 span{
  color:#2f765f !important;
}
.hero p{
  max-width:540px !important;
  font-size:15.8px !important;
  line-height:1.55 !important;
  margin-bottom:14px !important;
}
.hero-actions .btn{
  min-height:44px !important;
  padding:11px 17px !important;
}
.hero-stats{
  margin-top:14px !important;
  gap:9px !important;
}
.visual-stack{
  height:306px !important;
  min-height:306px !important;
  transform:translateX(-10px) !important;
  overflow:visible !important;
}
.photo-main{
  height:306px !important;
  border-radius:30px !important;
  background:
    linear-gradient(90deg,rgba(255,253,248,.10),rgba(255,253,248,.00)),
    url("https://images.unsplash.com/photo-1516979187457-637abb4f9353?auto=format&fit=crop&w=1600&q=88") center 54%/cover no-repeat !important;
}
.reader-panel{
  width:272px !important;
  max-width:45% !important;
  padding:18px !important;
}
.reader-panel b{
  font-size:23px !important;
}
.voucher-chip{
  right:16px !important;
  bottom:16px !important;
}

/* Icons: glossy ja, aber kleiner/adaptiv, nicht layout-sprengend */
.stat:before,
.kpi:after,
.copy-card:after,
.app-feature:after,
.bento-card:after,
.library-live-grid article:after,
.travel-benefit:after,
.use-card:after,
.package:after,
.category:after,
.step:after,
.footer-note:before,
.reader-panel:before,
.voucher-chip:before{
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
  background-size:42px 42px !important;
  box-shadow:0 10px 24px rgba(15,23,42,.11) !important;
}
.reader-panel:before,.voucher-chip:before{
  width:46px !important;
  height:46px !important;
  background-size:46px 46px !important;
}
.stat:before{
  margin-bottom:7px !important;
}
.kpi:after,.copy-card:after,.app-feature:after,.bento-card:after,
.library-live-grid article:after,.travel-benefit:after,.use-card:after,.package:after,.category:after{
  right:18px !important;
  top:18px !important;
}
.kpi,.copy-card,.app-feature,.bento-card,.library-live-grid article,
.travel-benefit,.use-card,.package,.category{
  padding-right:76px !important;
}
.step{
  padding-right:82px !important;
}
.step:after{
  right:22px !important;
  top:26px !important;
}

/* Stat/KPI Karten weniger hoch */
.stat{
  min-height:82px !important;
}
.stat strong{
  font-size:25px !important;
}
.kpi{
  min-height:118px !important;
}

/* Kategorie-Check: Text sauber, keine Überlappung */
.categories-v14{
  gap:16px !important;
}
.category{
  min-height:148px !important;
  padding:22px 76px 22px 22px !important;
}
.category b{
  font-size:17px !important;
  line-height:1.24 !important;
}
.category span{
  line-height:1.58 !important;
}
.category small{
  margin-bottom:12px !important;
}

/* Ablauf 1-2-3 ordentlich */
.step{
  min-height:245px !important;
  padding:30px 82px 30px 30px !important;
}
.step .num,
.step > span:first-child,
.step > b:first-child{
  width:54px !important;
  height:54px !important;
  margin-bottom:18px !important;
}

/* Kontaktfeld hochwertiger + eigener CTA-Block */
#kontakt .section-head{
  margin-bottom:28px !important;
}
.contact-benefits-v21{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin:0 0 26px;
}
.contact-benefits-v21 article{
  position:relative;
  min-height:150px;
  padding:22px 22px 22px 82px;
  border-radius:26px;
  background:
    radial-gradient(circle at 92% 10%,rgba(34,201,154,.12),transparent 12rem),
    rgba(255,253,248,.92);
  border:1px solid rgba(16,24,39,.085);
  box-shadow:0 18px 48px rgba(30,23,10,.08);
}
.contact-benefits-v21 article span{
  position:absolute;
  left:22px;
  top:22px;
  width:42px;
  height:42px;
  border-radius:14px;
  background-image:var(--gicon-check);
  background-size:42px 42px;
  background-position:center;
  background-repeat:no-repeat;
}
.contact-benefits-v21 article:nth-child(2) span{background-image:var(--gicon-book)}
.contact-benefits-v21 article:nth-child(3) span{background-image:var(--gicon-star)}
.contact-benefits-v21 b{
  display:block;
  font-family:Georgia,serif;
  font-size:24px;
  line-height:1.12;
  font-weight:500;
  margin-bottom:8px;
  color:#101827;
}
.contact-benefits-v21 p{
  margin:0;
  color:#625b52;
  line-height:1.58;
  font-size:14px;
}
.contact-grid{
  gap:28px !important;
}
#kontakt .panel,
#kontakt form.panel{
  border-radius:34px !important;
  background:
    radial-gradient(circle at 92% 4%,rgba(14,165,233,.08),transparent 16rem),
    rgba(255,253,248,.95) !important;
}
#kontakt form.panel:before{
  content:"Anfrage";
  display:inline-flex;
  width:max-content;
  margin-bottom:18px;
  padding:7px 11px;
  border-radius:999px;
  background:#e8fbf4;
  color:#14634e;
  font-size:11px;
  letter-spacing:.11em;
  text-transform:uppercase;
  font-weight:950;
}
input,select,textarea{
  border-radius:17px !important;
  background:#fffdf8 !important;
}
form .btn{
  width:100%;
  justify-content:center;
  border-radius:18px !important;
}

/* Buttons allgemein moderner */
.btn{
  border-radius:999px !important;
}
.btn-secondary{
  background:rgba(255,253,248,.88) !important;
  border:1px solid rgba(16,24,39,.08) !important;
}

/* Blockübergänge farblich moderner */
.quote-inner,.ap-inner{
  border:1px solid rgba(16,24,39,.08) !important;
}
.ap-inner{
  background:
    radial-gradient(circle at 88% 18%,rgba(34,201,154,.14),transparent 18rem),
    linear-gradient(135deg,#fff8e5,#fffdf8 48%,#edf9f4) !important;
}
.quote-mark span{
  background:rgba(34,201,154,.12) !important;
  border-color:rgba(34,201,154,.24) !important;
}

/* Footer moderner und ruhiger */
.footer-new{
  background:
    radial-gradient(circle at 10% 10%,rgba(34,201,154,.10),transparent 22rem),
    radial-gradient(circle at 86% 0%,rgba(211,162,56,.12),transparent 30rem),
    linear-gradient(180deg,#101827,#070b13) !important;
}
.footer-top{
  gap:32px !important;
}
.footer-col h4{
  color:#e8fbf4 !important;
}
.footer-col a:hover,.footer-col button:hover{
  color:#8ff0d1 !important;
}
.footer-note{
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(34,201,154,.055)) !important;
}

/* Responsive */
@media(max-width:1180px){
  .contact-benefits-v21{
    grid-template-columns:1fr;
  }
}
@media(max-width:1100px){
  .visual-stack{
    transform:none !important;
  }
}
@media(max-width:760px){
  .hero-grid{
    padding-top:22px !important;
    padding-bottom:26px !important;
  }
  .visual-stack{
    height:auto !important;
    min-height:auto !important;
  }
  .contact-benefits-v21 article{
    padding:22px;
  }
  .contact-benefits-v21 article span{
    position:static;
    display:block;
    margin-bottom:14px;
  }
  .kpi,.copy-card,.app-feature,.bento-card,.library-live-grid article,
  .travel-benefit,.use-card,.package,.category,.step{
    padding-right:24px !important;
  }
  .kpi:after,.copy-card:after,.app-feature:after,.bento-card:after,
  .library-live-grid article:after,.travel-benefit:after,.use-card:after,.package:after,.category:after,.step:after{
    position:static !important;
    margin-bottom:14px !important;
  }
  .step{
    min-height:auto !important;
    padding:24px !important;
  }
}
@media(max-width:520px){
  .hero h1{
    font-size:clamp(36px,10.4vw,52px) !important;
  }
  .stat:before,
  .kpi:after,
  .copy-card:after,
  .app-feature:after,
  .bento-card:after,
  .library-live-grid article:after,
  .travel-benefit:after,
  .use-card:after,
  .package:after,
  .category:after,
  .step:after{
    width:40px !important;
    height:40px !important;
    background-size:40px 40px !important;
  }
}


/* V22 CLEAN MASTER · FINALES OVERRIDE-SYSTEM · KEINE EMOJIS · EIN ICON-STIL */
:root{
  --cm-bg:#f8f4eb;
  --cm-card:#fffdf8;
  --cm-ink:#101827;
  --cm-muted:#5f584f;
  --cm-mint:#22c99a;
  --cm-mint-soft:#e8fbf4;
  --cm-blue:#0ea5e9;
  --cm-gold:#d3a238;
  --cm-gold-soft:#f7df91;
  --cm-line:rgba(16,24,39,.095);
  --cm-shadow:0 22px 64px rgba(30,23,10,.095);
}

/* Grundlayout stabil */
html,body{
  max-width:100%;
  overflow-x:hidden;
}
body{
  background:
    radial-gradient(circle at 12% 8%,rgba(34,201,154,.055),transparent 24rem),
    radial-gradient(circle at 92% 4%,rgba(14,165,233,.045),transparent 26rem),
    linear-gradient(180deg,#fbf7ee,#f5f1e8 42%,#fbf7ee) !important;
  color:var(--cm-ink) !important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.container{
  width:min(var(--max),calc(100% - 44px)) !important;
}
section{
  padding-top:64px !important;
  padding-bottom:64px !important;
  scroll-margin-top:92px;
}

/* Header final */
.site-header,
.site-header-v11{
  position:sticky !important;
  top:0 !important;
  z-index:80 !important;
  background:rgba(255,253,248,.90) !important;
  backdrop-filter:blur(22px) saturate(1.12) !important;
  border-bottom:1px solid rgba(16,24,39,.07) !important;
  box-shadow:0 8px 28px rgba(30,23,10,.045) !important;
}
.site-header:after,
.site-header-v11:after{
  display:none !important;
}
.nav-v11,
.nav-premium{
  height:76px !important;
  max-width:1320px !important;
  gap:16px !important;
}
.logo-v11,
.logo-premium{
  width:50px !important;
  height:50px !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 30% 24%,rgba(143,240,209,.22),transparent 28px),
    linear-gradient(145deg,#10221e,#070c12) !important;
  box-shadow:inset 0 0 0 1px rgba(143,240,209,.18),0 14px 28px rgba(0,0,0,.11) !important;
}
.brand-v11 .brand-text strong,
.brand-text strong{
  font-size:23px !important;
  letter-spacing:-.045em !important;
}
.brand-text small{
  font-size:10px !important;
  letter-spacing:.105em !important;
  color:#6d655b !important;
}
.nav-main-v11{
  background:rgba(255,253,248,.74) !important;
  border:1px solid rgba(16,24,39,.075) !important;
  box-shadow:none !important;
}
.nav-main-v11 a,
.nav-main-v11 button{
  text-decoration:none !important;
  color:#252b35 !important;
  font-size:13px !important;
}
.nav-main-v11 a:hover,
.nav-main-v11 button:hover{
  background:var(--cm-mint-soft) !important;
  color:#14634e !important;
}
.header-cta,
.btn-primary{
  background:linear-gradient(145deg,#f4d36d,#c89022) !important;
  color:#111722 !important;
  box-shadow:0 13px 32px rgba(211,162,56,.18) !important;
}

/* Hero final stabil, kompakt */
.hero{
  min-height:0 !important;
  height:auto !important;
  overflow:visible !important;
  background:
    linear-gradient(90deg,rgba(251,247,238,.97) 0%,rgba(251,247,238,.86) 35%,rgba(251,247,238,.38) 61%,rgba(251,247,238,.18) 100%),
    url("https://images.unsplash.com/photo-1524995997946-a1c2e315a42f?auto=format&fit=crop&w=2200&q=88") center 47%/cover no-repeat !important;
}
.hero:after{
  height:14px !important;
  background:linear-gradient(180deg,rgba(251,247,238,0),#fbf7ee 92%) !important;
}
.hero-grid{
  max-width:1220px !important;
  min-height:0 !important;
  height:auto !important;
  grid-template-columns:.92fr 1.08fr !important;
  align-items:center !important;
  gap:22px !important;
  padding-top:20px !important;
  padding-bottom:20px !important;
}
.hero .badge{
  margin-bottom:9px !important;
  padding:7px 11px !important;
  border-color:rgba(34,201,154,.24) !important;
  background:rgba(232,251,244,.76) !important;
  color:#14634e !important;
}
.hero h1{
  max-width:620px !important;
  margin:0 0 12px !important;
  font-size:clamp(41px,5vw,66px) !important;
  line-height:1 !important;
  letter-spacing:-.058em !important;
}
.hero h1 .gold,
.hero h1 span{
  color:#2f765f !important;
}
.hero p{
  max-width:540px !important;
  margin:0 0 14px !important;
  font-size:15.8px !important;
  line-height:1.55 !important;
}
.hero-actions{
  display:flex !important;
  gap:10px !important;
  margin:0 !important;
}
.hero-actions .btn{
  min-height:44px !important;
  padding:11px 17px !important;
  border-radius:999px !important;
  font-size:14px !important;
}
.hero-actions .btn:after,
.btn:after{
  content:"" !important;
}
.hero-stats{
  margin-top:14px !important;
  gap:9px !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.stat{
  min-height:82px !important;
  padding:13px 14px !important;
  border-radius:18px !important;
  background:rgba(255,253,248,.84) !important;
  backdrop-filter:blur(12px) !important;
  border:1px solid var(--cm-line) !important;
  box-shadow:0 16px 38px rgba(30,23,10,.07) !important;
}
.stat strong{
  font-size:25px !important;
  line-height:1 !important;
  color:#77520f !important;
}
.stat span{
  font-size:10px !important;
  letter-spacing:.105em !important;
  line-height:1.25 !important;
}
.hero-trust-v12{
  margin-top:10px !important;
  gap:7px !important;
  display:flex !important;
  flex-wrap:wrap !important;
}
.hero-trust-v12 span{
  padding:7px 10px !important;
  font-size:10px !important;
  background:rgba(255,253,248,.84) !important;
}

/* Hero Visual ohne Abschneiden */
.visual-stack{
  position:relative !important;
  height:306px !important;
  min-height:306px !important;
  transform:translateX(-10px) !important;
  overflow:visible !important;
}
.photo-main{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:306px !important;
  border-radius:30px !important;
  overflow:hidden !important;
  background:
    linear-gradient(90deg,rgba(255,253,248,.10),rgba(255,253,248,.00)),
    url("https://images.unsplash.com/photo-1516979187457-637abb4f9353?auto=format&fit=crop&w=1600&q=88") center 54%/cover no-repeat !important;
  border:1px solid rgba(255,255,255,.62) !important;
  box-shadow:0 26px 72px rgba(30,23,10,.15) !important;
}
.reader-panel{
  position:absolute !important;
  left:18px !important;
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  width:272px !important;
  max-width:45% !important;
  padding:18px !important;
  border-radius:23px !important;
  background:linear-gradient(145deg,rgba(23,53,44,.96),rgba(13,31,28,.95)) !important;
  color:#fff !important;
  border:1px solid rgba(143,240,209,.22) !important;
  box-shadow:0 22px 60px rgba(0,0,0,.20) !important;
}
.reader-panel b{
  color:#fff !important;
  font-size:23px !important;
  line-height:1.08 !important;
}
.reader-panel p{
  color:#d9eee8 !important;
  font-size:12.5px !important;
  line-height:1.45 !important;
  margin:10px 0 !important;
}
.voucher-chip{
  position:absolute !important;
  right:16px !important;
  bottom:16px !important;
  transform:none !important;
  border-radius:22px !important;
  padding:14px 16px !important;
  background:linear-gradient(145deg,#18392f,#112520) !important;
  border:1px solid rgba(143,240,209,.20) !important;
  box-shadow:0 20px 54px rgba(0,0,0,.22) !important;
}
.voucher-chip b{
  color:var(--cm-gold-soft) !important;
}

/* Finale Icon-Regel: keine Emoji-Inhalte, nur Data-URI Hintergründe aus V20 */
.stat:before,
.stat:after,
.kpi:before,
.kpi:after,
.copy-card:before,
.copy-card:after,
.app-feature:before,
.app-feature:after,
.bento-card:before,
.bento-card:after,
.library-live-grid article:before,
.library-live-grid article:after,
.travel-benefit:before,
.travel-benefit:after,
.use-card:before,
.use-card:after,
.step:before,
.step:after,
.package:before,
.package:after,
.category:before,
.category:after,
.footer-note:before,
.reader-panel:before,
.voucher-chip:before{
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  text-shadow:none !important;
}
.stat:after,
.kpi:before,
.copy-card:before,
.app-feature:before,
.bento-card:before,
.library-live-grid article:before,
.travel-benefit:before,
.use-card:before,
.step:before,
.package:before,
.category:before{
  display:none !important;
  content:none !important;
}

/* Icon-Größen final */
.stat:before,
.kpi:after,
.copy-card:after,
.app-feature:after,
.bento-card:after,
.library-live-grid article:after,
.travel-benefit:after,
.use-card:after,
.package:after,
.category:after,
.step:after,
.footer-note:before{
  content:"" !important;
  display:block !important;
  width:40px !important;
  height:40px !important;
  border:0 !important;
  border-radius:14px !important;
  background-size:40px 40px !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  box-shadow:0 10px 24px rgba(15,23,42,.105) !important;
}
.kpi:after,
.copy-card:after,
.app-feature:after,
.bento-card:after,
.library-live-grid article:after,
.travel-benefit:after,
.use-card:after,
.package:after,
.category:after{
  position:absolute !important;
  right:18px !important;
  top:18px !important;
  margin:0 !important;
}
.step:after{
  position:absolute !important;
  right:22px !important;
  top:26px !important;
  margin:0 !important;
}
.footer-note:before{
  position:static !important;
  margin:0 0 14px 0 !important;
}
.reader-panel:before,
.voucher-chip:before{
  content:"" !important;
  display:block !important;
  width:44px !important;
  height:44px !important;
  background-size:44px 44px !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  border:0 !important;
  box-shadow:0 12px 26px rgba(0,0,0,.16) !important;
}
.reader-panel:before{
  margin:0 0 11px 0 !important;
}
.voucher-chip:before{
  flex:0 0 44px !important;
  margin:0 !important;
}

/* Kartenabstand passend zu Icons */
.kpi,
.copy-card,
.app-feature,
.bento-card,
.library-live-grid article,
.travel-benefit,
.use-card,
.package,
.category{
  padding-right:74px !important;
}
.step{
  padding-right:80px !important;
}

/* Karten/Blöcke final */
.card,
.ebook-main,
.copy-card,
.bento-card,
.app-feature,
.use-card,
.package,
details,
.library-live-v12,
.category-showcase-v14,
.panel,
.legal-modal-card{
  background:rgba(255,253,248,.92) !important;
  border-color:var(--cm-line) !important;
  box-shadow:var(--cm-shadow) !important;
}
.category{
  min-height:146px !important;
  padding:22px 74px 22px 22px !important;
}
.category b{
  font-size:17px !important;
  line-height:1.24 !important;
}
.category span{
  line-height:1.58 !important;
}
.step{
  min-height:238px !important;
  padding:30px 80px 30px 30px !important;
}
.step .num,
.step > span:first-child,
.step > b:first-child{
  width:54px !important;
  height:54px !important;
  border-radius:18px !important;
  display:grid !important;
  place-items:center !important;
  margin-bottom:18px !important;
  background:linear-gradient(145deg,#fff4d5,#fffdf8) !important;
  border:1px solid rgba(211,162,56,.30) !important;
  color:#805b16 !important;
  font-size:18px !important;
  font-weight:950 !important;
  text-align:center !important;
  box-shadow:0 12px 30px rgba(30,23,10,.08) !important;
}

/* eBook Fullwidth bleibt */
.ebook-layout{
  grid-template-columns:minmax(0,1fr) minmax(300px,360px) !important;
}
.ebook-fullwidth-v15{
  grid-column:1 / -1 !important;
}

/* Kontakt final */
#kontakt .section-head{
  margin-bottom:28px !important;
}
.contact-benefits-v21{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:16px !important;
  margin:0 0 26px !important;
}
.contact-benefits-v21 article{
  position:relative !important;
  min-height:148px !important;
  padding:22px 22px 22px 78px !important;
  border-radius:26px !important;
  background:
    radial-gradient(circle at 92% 10%,rgba(34,201,154,.12),transparent 12rem),
    rgba(255,253,248,.94) !important;
  border:1px solid var(--cm-line) !important;
  box-shadow:0 18px 48px rgba(30,23,10,.08) !important;
}
.contact-benefits-v21 article span{
  position:absolute !important;
  left:22px !important;
  top:22px !important;
  width:40px !important;
  height:40px !important;
  border-radius:14px !important;
  background-size:40px 40px !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}
.contact-benefits-v21 b{
  display:block !important;
  font-family:Georgia,serif !important;
  font-size:24px !important;
  line-height:1.12 !important;
  font-weight:500 !important;
  margin-bottom:8px !important;
}
.contact-benefits-v21 p{
  margin:0 !important;
  color:var(--cm-muted) !important;
  line-height:1.58 !important;
  font-size:14px !important;
}
#kontakt form.panel:before{
  content:"Anfrage" !important;
  display:inline-flex !important;
  width:max-content !important;
  margin-bottom:18px !important;
  padding:7px 11px !important;
  border-radius:999px !important;
  background:var(--cm-mint-soft) !important;
  color:#14634e !important;
  font-size:11px !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
  font-weight:950 !important;
}

/* Footer final */
.footer-new{
  margin-top:10px !important;
  padding-top:50px !important;
  padding-bottom:32px !important;
  background:
    radial-gradient(circle at 10% 10%,rgba(34,201,154,.10),transparent 22rem),
    radial-gradient(circle at 86% 0%,rgba(211,162,56,.12),transparent 30rem),
    linear-gradient(180deg,#101827,#070b13) !important;
}
.footer-col h4{
  color:var(--cm-mint-soft) !important;
}
.footer-col a:hover,
.footer-col button:hover{
  color:var(--cm-mint2) !important;
}

/* Responsive final */
@media(max-width:1180px){
  .nav-main-v11{
    display:none !important;
  }
  .header-cta{
    display:none !important;
  }
  .contact-benefits-v21{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:1100px){
  .hero-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
  .visual-stack{
    transform:none !important;
    height:310px !important;
    min-height:310px !important;
  }
  .photo-main{
    height:310px !important;
  }
  .ebook-layout{
    grid-template-columns:1fr !important;
  }
  .travel-panel{
    position:relative !important;
    top:auto !important;
  }
}
@media(max-width:760px){
  .container{
    width:min(100% - 28px,var(--max)) !important;
  }
  .nav-v11,
  .nav-premium{
    height:74px !important;
  }
  .hero-grid{
    padding-top:22px !important;
    padding-bottom:26px !important;
  }
  .hero h1{
    font-size:clamp(36px,10.4vw,52px) !important;
  }
  .hero-stats{
    grid-template-columns:1fr 1fr !important;
  }
  .visual-stack{
    height:auto !important;
    min-height:auto !important;
  }
  .photo-main{
    position:relative !important;
    height:270px !important;
    inset:auto !important;
  }
  .reader-panel{
    position:relative !important;
    width:100% !important;
    max-width:none !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    margin-top:12px !important;
  }
  .voucher-chip{
    position:relative !important;
    right:auto !important;
    bottom:auto !important;
    width:max-content !important;
    margin-top:12px !important;
  }
  .kpi,
  .copy-card,
  .app-feature,
  .bento-card,
  .library-live-grid article,
  .travel-benefit,
  .use-card,
  .package,
  .category,
  .step{
    padding-right:24px !important;
  }
  .kpi:after,
  .copy-card:after,
  .app-feature:after,
  .bento-card:after,
  .library-live-grid article:after,
  .travel-benefit:after,
  .use-card:after,
  .package:after,
  .category:after,
  .step:after{
    position:static !important;
    margin-bottom:14px !important;
  }
  .contact-benefits-v21 article{
    padding:22px !important;
  }
  .contact-benefits-v21 article span{
    position:static !important;
    display:block !important;
    margin-bottom:14px !important;
  }
}
@media(max-width:520px){
  .hero-stats{
    grid-template-columns:1fr !important;
  }
  .hero-actions{
    display:grid !important;
  }
  .hero-actions .btn{
    width:100% !important;
  }
}


/* V23 · PREMIUM VISUAL CLEANUP · KATEGORIEN/KONTAKT/FOOTER/FARBEN/ICONS */
:root{
  --p23-cream:#fbf7ee;
  --p23-cream2:#fffdf8;
  --p23-sand:#efe6d5;
  --p23-ink:#101827;
  --p23-muted:#5f584f;
  --p23-navy:#0b1220;
  --p23-mint:#27c79a;
  --p23-mint-soft:#e8fbf4;
  --p23-blue:#0ea5e9;
  --p23-gold:#d3a238;
  --p23-gold-soft:#f6df91;
  --p23-line:rgba(16,24,39,.088);
  --p23-shadow:0 24px 70px rgba(30,23,10,.095);
  --p23-shadow-soft:0 16px 46px rgba(30,23,10,.07);
}

/* Gesamte Farbwelt ruhiger und moderner */
body{
  background:
    radial-gradient(circle at 6% 12%,rgba(39,199,154,.07),transparent 25rem),
    radial-gradient(circle at 92% 8%,rgba(14,165,233,.045),transparent 24rem),
    linear-gradient(180deg,#fbf7ee 0%,#f6f1e7 42%,#fbf7ee 100%) !important;
}
section + section:before{
  background:linear-gradient(90deg,transparent,rgba(211,162,56,.16),rgba(39,199,154,.14),transparent) !important;
  opacity:.75 !important;
}
.section-head h2,
.serif{
  letter-spacing:-.045em;
}
.section-head p,
p{
  color:var(--p23-muted);
}

/* Buttons hochwertiger */
.btn,
button,
input,
select,
textarea{
  font-family:inherit;
}
.btn{
  box-shadow:0 13px 30px rgba(30,23,10,.08);
}
.btn-primary,
.header-cta,
form .btn{
  background:linear-gradient(145deg,#f5d46f,#c99326) !important;
  color:#111722 !important;
  border:1px solid rgba(120,82,14,.18) !important;
  box-shadow:0 16px 38px rgba(211,162,56,.20) !important;
}
.btn-primary:hover,
.header-cta:hover,
form .btn:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 54px rgba(211,162,56,.27) !important;
}

/* Header minimal hochwertiger */
.site-header,
.site-header-v11{
  background:rgba(255,253,248,.91) !important;
  border-bottom:1px solid rgba(16,24,39,.065) !important;
}
.nav-main-v11{
  background:rgba(255,253,248,.78) !important;
  border-color:rgba(16,24,39,.07) !important;
}
.logo-v11,
.logo-premium{
  box-shadow:inset 0 0 0 1px rgba(143,240,209,.18),0 16px 32px rgba(0,0,0,.12) !important;
}

/* Icons: kleiner dosieren in Textkarten, größer nur an wichtigen Stellen */
.kpi:after,
.copy-card:after,
.app-feature:after,
.bento-card:after,
.library-live-grid article:after,
.travel-benefit:after,
.use-card:after,
.package:after,
.category:after,
.step:after,
.footer-note:before{
  width:36px !important;
  height:36px !important;
  background-size:36px 36px !important;
  border-radius:13px !important;
  box-shadow:0 10px 24px rgba(15,23,42,.095) !important;
}
.stat:before,
.reader-panel:before,
.voucher-chip:before{
  width:42px !important;
  height:42px !important;
  background-size:42px 42px !important;
}
.kpi,.copy-card,.app-feature,.bento-card,.library-live-grid article,
.travel-benefit,.use-card,.package,.category{
  padding-right:66px !important;
}
.step{
  padding-right:76px !important;
}

/* 1) Kategorien: ruhiger, weniger Punkte-Chaos, bessere Markenwirkung */
.category-showcase-v14{
  border-radius:36px !important;
  background:
    radial-gradient(circle at 94% 0%,rgba(39,199,154,.12),transparent 22rem),
    linear-gradient(180deg,#fffdf8,#fff9ef) !important;
  border:1px solid rgba(16,24,39,.08) !important;
  box-shadow:0 30px 86px rgba(30,23,10,.12) !important;
}
.category-hero-v14{
  min-height:250px !important;
  background:
    linear-gradient(90deg,rgba(11,18,32,.90),rgba(11,18,32,.56),rgba(11,18,32,.18)),
    url("https://images.unsplash.com/photo-1521587760476-6c12a4b040da?auto=format&fit=crop&w=1800&q=86") center/cover no-repeat !important;
}
.category-kicker,
.category small{
  background:rgba(232,251,244,.82) !important;
  color:#14634e !important;
  border:1px solid rgba(39,199,154,.22) !important;
  box-shadow:none !important;
}
.category small:before{
  display:none !important;
}
.category b:before{
  display:none !important;
  content:none !important;
}
.categories-v14{
  padding:22px !important;
  gap:16px !important;
  background:
    radial-gradient(circle at 96% 2%,rgba(14,165,233,.055),transparent 18rem),
    linear-gradient(180deg,#fffaf0,#fffdf8) !important;
}
.category{
  min-height:154px !important;
  padding:24px 68px 24px 24px !important;
  border-radius:26px !important;
  background:
    radial-gradient(circle at 95% 6%,rgba(39,199,154,.07),transparent 8rem),
    rgba(255,253,248,.95) !important;
  border:1px solid rgba(16,24,39,.08) !important;
  box-shadow:0 14px 40px rgba(30,23,10,.065) !important;
}
.category:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(39,199,154,.22) !important;
  box-shadow:0 22px 60px rgba(30,23,10,.10) !important;
}
.category b{
  margin-top:4px !important;
  margin-bottom:9px !important;
  font-size:18px !important;
  line-height:1.22 !important;
  color:#0f172a !important;
}
.category span{
  font-size:14.5px !important;
  line-height:1.58 !important;
  color:#5d554b !important;
}
.category:after{
  right:22px !important;
  top:22px !important;
}
.category-note-v14{
  background:
    radial-gradient(circle at 95% 10%,rgba(39,199,154,.14),transparent 20rem),
    linear-gradient(135deg,#101827,#152238) !important;
}
.category-note-v14 b{
  color:#e8fbf4 !important;
}

/* 2) Kontakt: wie Premium-CTA, nicht Schulheft */
#kontakt{
  padding-top:76px !important;
}
#kontakt .section-head{
  margin-bottom:30px !important;
}
#kontakt .section-head .badge{
  background:#fff4d7 !important;
  color:#7a5412 !important;
  border-color:rgba(211,162,56,.30) !important;
}
#kontakt .section-head h2{
  max-width:880px !important;
  font-size:clamp(38px,5vw,68px) !important;
  line-height:1.02 !important;
}
#kontakt .section-head p{
  max-width:720px !important;
  font-size:17px !important;
}
.contact-benefits-v21{
  grid-template-columns:repeat(3,1fr) !important;
  gap:18px !important;
  margin-bottom:30px !important;
}
.contact-benefits-v21 article{
  min-height:160px !important;
  padding:24px 24px 24px 78px !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 92% 8%,rgba(39,199,154,.12),transparent 13rem),
    linear-gradient(145deg,#fffdf8,#fff8ed) !important;
  border:1px solid rgba(16,24,39,.08) !important;
  box-shadow:0 18px 52px rgba(30,23,10,.08) !important;
}
.contact-benefits-v21 article span{
  left:24px !important;
  top:24px !important;
  width:38px !important;
  height:38px !important;
  background-size:38px 38px !important;
}
.contact-benefits-v21 b{
  font-size:25px !important;
  color:#101827 !important;
}
.contact-benefits-v21 p{
  font-size:14.5px !important;
  line-height:1.62 !important;
}
.contact-grid{
  gap:30px !important;
}
#kontakt .panel.card{
  position:relative;
  overflow:hidden;
  border-radius:36px !important;
  padding:38px !important;
  background:
    radial-gradient(circle at 95% 6%,rgba(39,199,154,.13),transparent 16rem),
    linear-gradient(145deg,#fffdf8,#fff8ed) !important;
  border:1px solid rgba(16,24,39,.08) !important;
  box-shadow:0 28px 84px rgba(30,23,10,.12) !important;
}
#kontakt .panel.card:after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-60px;
  bottom:-70px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(39,199,154,.14),transparent 70%);
}
#kontakt form.panel{
  border-radius:36px !important;
  padding:34px !important;
  background:
    radial-gradient(circle at 10% 0%,rgba(39,199,154,.15),transparent 16rem),
    linear-gradient(145deg,#fffdf8,#fffaf2) !important;
  border:1px solid rgba(16,24,39,.08) !important;
  box-shadow:0 28px 84px rgba(30,23,10,.12) !important;
}
#kontakt form.panel:before{
  margin-bottom:20px !important;
}
.form-row{
  gap:14px !important;
}
label{
  color:#181f2b !important;
  font-weight:950 !important;
}
input,select,textarea{
  border-radius:18px !important;
  border:1px solid rgba(16,24,39,.13) !important;
  background:#fffdf8 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75) !important;
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(39,199,154,.48) !important;
  box-shadow:0 0 0 4px rgba(39,199,154,.10) !important;
}
form .btn{
  min-height:54px !important;
  border-radius:19px !important;
  font-weight:950 !important;
}

/* 3) Footer: starke Marken-Fußzeile */
.footer-new{
  margin-top:0 !important;
  padding:62px 0 34px !important;
  background:
    radial-gradient(circle at 8% 12%,rgba(39,199,154,.14),transparent 24rem),
    radial-gradient(circle at 88% 0%,rgba(211,162,56,.16),transparent 30rem),
    linear-gradient(180deg,#111b2c,#070b13) !important;
  border-top:1px solid rgba(255,255,255,.06) !important;
}
.footer-top{
  grid-template-columns:1.25fr .8fr .8fr 1fr !important;
  gap:38px !important;
}
.footer-logo{
  width:64px !important;
  height:64px !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 28% 22%,rgba(143,240,209,.26),transparent 28px),
    linear-gradient(145deg,#10221e,#070c12) !important;
  box-shadow:inset 0 0 0 1px rgba(143,240,209,.22),0 18px 38px rgba(0,0,0,.18) !important;
}
.footer-brand strong{
  font-size:27px !important;
  letter-spacing:-.045em !important;
}
.footer-brand p{
  max-width:420px !important;
  color:#d5ccbe !important;
  line-height:1.72 !important;
}
.footer-col h4{
  color:#e8fbf4 !important;
  letter-spacing:.14em !important;
}
.footer-col a,
.footer-col button{
  color:#d6cebf !important;
  text-decoration:none !important;
}
.footer-col a:hover,
.footer-col button:hover{
  color:#8ff0d1 !important;
}
.footer-note{
  padding:26px !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 92% 0%,rgba(39,199,154,.16),transparent 14rem),
    linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025)) !important;
  border:1px solid rgba(143,240,209,.22) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.18) !important;
}
.footer-note b{
  font-size:30px !important;
  color:#e8fbf4 !important;
}
.footer-note span{
  color:#d5ccbe !important;
  line-height:1.72 !important;
}
.footer-bottom{
  margin-top:42px !important;
  padding-top:24px !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
}

/* Hero nur stabil lassen, nicht neu zerreißen */
.hero-grid{
  padding-top:20px !important;
  padding-bottom:20px !important;
}
.visual-stack{
  overflow:visible !important;
}

/* Responsive Feinschliff */
@media(max-width:1180px){
  .footer-top{
    grid-template-columns:1fr 1fr !important;
  }
  .contact-benefits-v21{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:760px){
  .categories-v14{
    grid-template-columns:1fr !important;
  }
  .category{
    padding:22px !important;
  }
  .category:after{
    position:static !important;
    margin-bottom:14px !important;
  }
  #kontakt .panel.card,
  #kontakt form.panel{
    padding:26px !important;
  }
  .contact-benefits-v21 article{
    padding:22px !important;
  }
  .contact-benefits-v21 article span{
    position:static !important;
    display:block !important;
    margin-bottom:14px !important;
  }
  .footer-top{
    grid-template-columns:1fr !important;
  }
  .footer-logo{
    width:58px !important;
    height:58px !important;
  }
}


/* =========================================================
   V26 ATOM POLISH CHECKUP
   Sicherer Feinschliff auf V25-Basis:
   - keine Strukturänderung
   - kein kompletter CSS-Neubau
   - nur Optik/Abstände/Übergänge/Farbfluss/Icon-Dosierung
   ========================================================= */

:root{
  --v26-cream:#fbf7ee;
  --v26-cream-2:#fffdf8;
  --v26-sand:#f1e7d5;
  --v26-ink:#111827;
  --v26-soft-ink:#374151;
  --v26-muted:#62594f;
  --v26-navy:#101827;
  --v26-mint:#27c79a;
  --v26-mint-soft:#e9fbf5;
  --v26-blue:#0ea5e9;
  --v26-gold:#d0a13a;
  --v26-gold-soft:#f5dc8c;
  --v26-line:rgba(17,24,39,.085);
  --v26-shadow:0 22px 62px rgba(30,23,10,.085);
  --v26-soft-shadow:0 12px 36px rgba(30,23,10,.06);
}

/* 1. Gesamtfluss: weniger harte Sprünge, ruhigerer Premium-Hintergrund */
html,body{
  max-width:100%;
  overflow-x:hidden;
}
body{
  background:
    radial-gradient(circle at 8% 7%,rgba(39,199,154,.055),transparent 26rem),
    radial-gradient(circle at 92% 9%,rgba(14,165,233,.040),transparent 24rem),
    radial-gradient(circle at 50% 52%,rgba(208,161,58,.035),transparent 34rem),
    linear-gradient(180deg,#fbf7ee 0%,#f7f0e5 38%,#fbf7ee 100%) !important;
}
section{
  padding-top:68px !important;
  padding-bottom:68px !important;
}
section + section:before{
  width:min(940px,78%) !important;
  opacity:.55 !important;
  background:linear-gradient(90deg,transparent,rgba(208,161,58,.13),rgba(39,199,154,.12),transparent) !important;
}

/* 2. Typografie und Textbreiten sauberer */
.section-head{
  max-width:900px !important;
  margin-bottom:44px !important;
}
.section-head h2{
  letter-spacing:-.052em !important;
  line-height:1.03 !important;
}
.section-head p{
  max-width:740px !important;
  line-height:1.68 !important;
}
p, li{
  line-height:1.68;
}

/* 3. Header ruhiger, moderner, nicht überladen */
.site-header,.site-header-v11{
  background:rgba(255,253,248,.92) !important;
  border-bottom:1px solid rgba(17,24,39,.065) !important;
  box-shadow:0 10px 30px rgba(30,23,10,.045) !important;
}
.nav-v11,.nav-premium,.nav{
  height:76px !important;
}
.nav-main-v11,.nav-links{
  background:rgba(255,253,248,.74) !important;
  border-color:rgba(17,24,39,.07) !important;
}
.nav-main-v11 a,.nav-main-v11 button,.nav-links a{
  font-weight:850 !important;
  letter-spacing:-.01em !important;
}
.logo-v11,.logo-premium,.logo{
  box-shadow:inset 0 0 0 1px rgba(143,240,209,.20),0 14px 30px rgba(0,0,0,.105) !important;
}

/* 4. Hero: kompakt halten, mehr Promotion-Wert ohne Designbruch */
.hero{
  background:
    linear-gradient(90deg,rgba(251,247,238,.985) 0%,rgba(251,247,238,.88) 36%,rgba(251,247,238,.44) 63%,rgba(251,247,238,.22) 100%),
    url("https://images.unsplash.com/photo-1524995997946-a1c2e315a42f?auto=format&fit=crop&w=2200&q=88") center 47%/cover no-repeat !important;
}
.hero-grid{
  padding-top:22px !important;
  padding-bottom:22px !important;
  gap:24px !important;
}
.hero h1{
  letter-spacing:-.062em !important;
}
.hero p{
  font-size:16px !important;
}
.hero-stats{
  gap:10px !important;
}
.stat{
  border-radius:20px !important;
  box-shadow:0 14px 36px rgba(30,23,10,.065) !important;
}
.visual-stack{
  overflow:visible !important;
}
.photo-main{
  box-shadow:0 28px 74px rgba(30,23,10,.16) !important;
}
.reader-panel,.voucher-chip{
  box-shadow:0 22px 58px rgba(0,0,0,.20) !important;
}

/* 5. Karten einheitlicher: weniger Chaos, gleichmäßige Tiefen */
.card,.panel,.ebook-main,.copy-card,.bento-card,.app-feature,.use-card,.package,details,
.library-live-v12,.category-showcase-v14,.legal-modal-card{
  border-color:var(--v26-line) !important;
  box-shadow:var(--v26-shadow) !important;
}
.copy-card,.app-feature,.bento-card,.library-live-grid article,.use-card,.travel-benefit,.package,.category{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
.copy-card:hover,.app-feature:hover,.bento-card:hover,.library-live-grid article:hover,.use-card:hover,.travel-benefit:hover,.package:hover,.category:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(39,199,154,.20) !important;
  box-shadow:0 24px 66px rgba(30,23,10,.105) !important;
}

/* 6. Icons dosieren: hochwertig, aber nicht dominant */
.kpi:after,.copy-card:after,.app-feature:after,.bento-card:after,
.library-live-grid article:after,.travel-benefit:after,.use-card:after,.package:after,.category:after,.step:after{
  width:34px !important;
  height:34px !important;
  background-size:34px 34px !important;
  border-radius:12px !important;
  box-shadow:0 8px 20px rgba(15,23,42,.09) !important;
}
.stat:before,.reader-panel:before,.voucher-chip:before{
  width:40px !important;
  height:40px !important;
  background-size:40px 40px !important;
}
.kpi,.copy-card,.app-feature,.bento-card,.library-live-grid article,.travel-benefit,.use-card,.package,.category{
  padding-right:64px !important;
}
.step{
  padding-right:72px !important;
}

/* 7. eBook/Bibliothek: Übergang und Blöcke edler */
.ebook-main{
  background:
    radial-gradient(circle at 94% 4%,rgba(39,199,154,.08),transparent 18rem),
    rgba(255,253,248,.94) !important;
}
.book-shelf{
  box-shadow:0 28px 78px rgba(0,0,0,.18) !important;
}
.cover{
  transform:translateZ(0);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 18px 38px rgba(0,0,0,.14) !important;
}
.library-live-v12{
  background:
    radial-gradient(circle at 94% 0%,rgba(14,165,233,.06),transparent 18rem),
    rgba(255,253,248,.94) !important;
}

/* 8. Kategorien: weniger durcheinander, bessere Lesbarkeit */
.category-showcase-v14{
  background:
    radial-gradient(circle at 94% 0%,rgba(39,199,154,.10),transparent 22rem),
    linear-gradient(180deg,#fffdf8,#fff8ec) !important;
}
.categories-v14{
  gap:17px !important;
}
.category{
  min-height:150px !important;
  background:
    radial-gradient(circle at 96% 6%,rgba(39,199,154,.055),transparent 9rem),
    rgba(255,253,248,.96) !important;
}
.category small{
  letter-spacing:.095em !important;
}
.category b{
  font-size:18px !important;
  line-height:1.22 !important;
}
.category span{
  line-height:1.6 !important;
}

/* 9. Reise/Pakete: Gold nur als Premium-Akzent, nicht zu altmodisch */
.price,.stat strong,.kpi b{
  color:#735112 !important;
}
.package.featured{
  border-color:rgba(39,199,154,.26) !important;
  box-shadow:0 30px 84px rgba(30,23,10,.13) !important;
}
.package h3{
  letter-spacing:-.04em !important;
}
.package li,.travel-list li{
  align-items:flex-start !important;
}

/* 10. Ablauf: klarer und nicht Schulheft */
.step{
  min-height:230px !important;
  background:
    radial-gradient(circle at 94% 6%,rgba(39,199,154,.065),transparent 10rem),
    rgba(255,253,248,.95) !important;
}
.step .num,.step > span:first-child,.step > b:first-child{
  box-shadow:0 10px 26px rgba(30,23,10,.075) !important;
}

/* 11. Kontakt: Hochwertiger Abschluss, bessere Abstände */
#kontakt{
  padding-top:74px !important;
}
#kontakt .section-head{
  margin-bottom:32px !important;
}
.contact-benefits-v21{
  gap:18px !important;
  margin-bottom:32px !important;
}
.contact-benefits-v21 article{
  min-height:156px !important;
  box-shadow:0 18px 48px rgba(30,23,10,.075) !important;
}
#kontakt .panel.card,#kontakt form.panel{
  box-shadow:0 28px 80px rgba(30,23,10,.12) !important;
}
#kontakt form.panel{
  background:
    radial-gradient(circle at 10% 0%,rgba(39,199,154,.12),transparent 16rem),
    linear-gradient(145deg,#fffdf8,#fff8ed) !important;
}
input,select,textarea{
  transition:border-color .2s ease, box-shadow .2s ease !important;
}

/* 12. Footer: stärker, aber ruhiger */
.footer-new{
  background:
    radial-gradient(circle at 8% 12%,rgba(39,199,154,.13),transparent 24rem),
    radial-gradient(circle at 88% 0%,rgba(208,161,58,.13),transparent 30rem),
    linear-gradient(180deg,#111b2c,#070b13) !important;
}
.footer-note{
  box-shadow:0 22px 64px rgba(0,0,0,.17) !important;
}
.footer-bottom{
  color:#aaa093 !important;
}

/* 13. Mobile/Tablet Sicherung */
@media(max-width:1180px){
  .contact-benefits-v21{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:820px){
  section{
    padding-top:58px !important;
    padding-bottom:58px !important;
  }
}
@media(max-width:760px){
  .hero h1{
    font-size:clamp(35px,10.2vw,51px) !important;
  }
  .hero p{
    font-size:15.5px !important;
  }
  .kpi,.copy-card,.app-feature,.bento-card,.library-live-grid article,.travel-benefit,.use-card,.package,.category,.step{
    padding-right:24px !important;
  }
  .kpi:after,.copy-card:after,.app-feature:after,.bento-card:after,
  .library-live-grid article:after,.travel-benefit:after,.use-card:after,.package:after,.category:after,.step:after{
    position:static !important;
    margin-bottom:14px !important;
  }
}
@media(max-width:520px){
  .container{
    width:min(100% - 24px,var(--max)) !important;
  }
}


/* V27 · LIVE CHAT WIDGET */
.chat-widget{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:220;
}
.chat-toggle{
  width:62px;
  height:62px;
  border-radius:50%;
  border:0;
  cursor:pointer;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#f8db7e,#d3a238 55%,#98661f);
  color:#171200;
  box-shadow:0 18px 44px rgba(211,162,56,.34);
  transition:.22s ease;
}
.chat-toggle:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 54px rgba(211,162,56,.42);
}
.chat-toggle-icon{width:26px;height:26px}
.chat-toggle-close{width:24px;height:24px;display:none}
.chat-widget.open .chat-toggle-icon{display:none}
.chat-widget.open .chat-toggle-close{display:block}
.chat-widget.open .chat-toggle{
  background:linear-gradient(145deg,#1d2738,#080c14);
  color:#f1d277;
  box-shadow:0 18px 44px rgba(0,0,0,.28);
}

.chat-panel{
  position:absolute;
  right:0;
  bottom:78px;
  width:min(380px,calc(100vw - 32px));
  max-height:min(600px,calc(100vh - 130px));
  display:flex;
  flex-direction:column;
  border-radius:28px;
  overflow:hidden;
  background:#fffdf8;
  border:1px solid rgba(211,162,56,.28);
  box-shadow:0 34px 90px rgba(0,0,0,.24);
  opacity:0;
  transform:translateY(16px) scale(.98);
  pointer-events:none;
  transition:.2s ease;
}
.chat-panel.open{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
.chat-header{
  padding:18px 20px;
  background:linear-gradient(145deg,#171f2e,#0b111d);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex:0 0 auto;
}
.chat-header strong{
  display:block;
  font-family:Georgia,serif;
  font-size:19px;
  font-weight:500;
  color:#f1d277;
}
.chat-header span{
  display:block;
  margin-top:4px;
  font-size:12px;
  color:#c7bdac;
}
.chat-header span:before{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:6px;
  border-radius:50%;
  background:#38d6a4;
  box-shadow:0 0 0 3px rgba(56,214,164,.22);
}

.chat-body{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-height:0;
  padding:16px;
  gap:12px;
}
.chat-messages{
  flex:1 1 auto;
  min-height:60px;
  max-height:320px;
  overflow-y:auto;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.chat-msg{
  max-width:84%;
  padding:11px 14px;
  border-radius:16px;
  font-size:14px;
  line-height:1.5;
}
.chat-msg-bot{
  align-self:flex-start;
  background:#fff3d0;
  border:1px solid rgba(211,162,56,.24);
  color:#3a2f14;
  border-bottom-left-radius:5px;
}
.chat-msg-user{
  align-self:flex-end;
  background:#111722;
  color:#fff;
  border-bottom-right-radius:5px;
}

.chat-intake{
  display:grid;
  gap:10px;
}
.chat-intake-hint{
  margin:0 0 2px;
  font-size:13px;
  color:#625b52;
  line-height:1.5;
}
.chat-intake label{
  display:grid;
  gap:6px;
  font-size:12px;
  font-weight:950;
  color:#332f2a;
}
.chat-intake input{
  width:100%;
  border:1px solid rgba(21,24,33,.15);
  border-radius:13px;
  background:#fffdf8;
  color:#161922;
  padding:11px 13px;
  font:inherit;
  font-size:14px;
  outline:none;
}
.chat-intake input:focus{
  border-color:rgba(211,162,56,.55);
  box-shadow:0 0 0 4px rgba(211,162,56,.10);
}
.chat-intake .btn{
  margin-top:4px;
  padding:12px 18px;
  min-height:auto;
  width:100%;
  justify-content:center;
}

.chat-input-row{
  display:none;
  gap:8px;
  flex:0 0 auto;
}
.chat-input-row.active{
  display:flex;
}
.chat-input-row input{
  flex:1 1 auto;
  border:1px solid rgba(21,24,33,.15);
  border-radius:999px;
  background:#fffdf8;
  color:#161922;
  padding:11px 16px;
  font:inherit;
  font-size:14px;
  outline:none;
}
.chat-input-row input:focus{
  border-color:rgba(211,162,56,.55);
  box-shadow:0 0 0 4px rgba(211,162,56,.10);
}
.chat-send{
  flex:0 0 auto;
  width:42px;
  height:42px;
  border-radius:50%;
  border:0;
  cursor:pointer;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#f8db7e,#d3a238 52%,#98661f);
  color:#171200;
  transition:.18s ease;
}
.chat-send:hover{transform:translateY(-1px)}
.chat-send svg{width:19px;height:19px}

@media(max-width:520px){
  .chat-widget{
    right:14px;
    bottom:14px;
  }
  .chat-panel{
    width:calc(100vw - 24px);
    right:-2px;
  }
}