:root{--bg:#fbfaf6;--paper:#ffffff;--text:#25211d;--muted:#665f56;--line:#ded6c9;--soft:#f4efe6;--link:#2a251f;--max:1040px;--radius:10px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Georgia,serif;font-size:18px;line-height:1.58}.site{max-width:var(--max);margin:0 auto;padding:22px 24px 34px}.topnav{display:flex;gap:8px 18px;justify-content:center;align-items:center;flex-wrap:wrap;list-style:none;margin:0 auto 18px;padding:10px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.topnav ul{display:flex;gap:8px 18px;justify-content:center;align-items:center;flex-wrap:wrap;list-style:none;margin:0;padding:0}.topnav a,.footer a,.backlink{color:var(--link);text-decoration:none}.topnav a{display:inline-block;padding:5px 8px;border-radius:6px}.topnav a:hover,.footer a:hover,.backlink:hover{text-decoration:underline;background:var(--soft)}.brand{text-align:center;margin:0 auto 30px;padding:8px 0 4px}.brand img{max-width:138px;height:auto;display:block;margin:0 auto 8px}.brand h1{font-size:40px;font-weight:400;line-height:1.18;margin:6px 0 2px;letter-spacing:.2px}.brand .tagline{font-size:24px;margin:0;color:var(--muted)}.main,.content{text-align:center}.main h2,.content h2{font-size:30px;font-weight:400;line-height:1.25;margin:28px 0 14px}.main h3,.content h3{font-size:24px;font-weight:400;line-height:1.3;margin:26px 0 10px}.main h4,.content h4{font-size:21px;font-weight:400;margin:18px 0 8px}.lead,.hint{max-width:760px;margin:0 auto 22px;color:var(--muted)}.rule{border:0;border-top:1px solid var(--line);margin:26px auto;width:76%}.edition{margin:32px auto 42px;padding:2px 0 4px}.product-grid,.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 30px;align-items:start;justify-items:center;margin:20px auto 30px}.product,.item{width:100%;max-width:246px;text-align:center;padding:12px 10px 16px;background:rgba(255,255,255,.58);border:1px solid rgba(222,214,201,.72);border-radius:var(--radius)}.product img,.item img{max-width:100%;height:auto;display:block;margin:0 auto 12px;border-radius:4px}.product .title,.item p:first-of-type{font-size:20px;margin:6px 0 4px;color:var(--text)}.product .meta,.item p{font-size:18px;color:var(--muted);margin:4px 0}.product a{color:inherit;text-decoration:none}.product a:hover .title{text-decoration:underline}.single{max-width:800px;margin:0 auto;text-align:center;padding:4px 0}.single img.cover{max-width:360px;width:68%;height:auto;margin:18px auto;display:block;border-radius:5px}.textblock{text-align:left;max-width:790px;margin:22px auto}.textblock.center{text-align:center}.textblock p{margin:0 0 14px}.toc{max-width:720px;margin:20px auto;text-align:left}.toc li{margin:6px 0}.button{display:inline-block;margin:14px auto 2px;padding:10px 18px;border:1px solid #b8ad9e;border-radius:7px;background:#f8f5ef;color:#111;text-decoration:none}.button:hover{background:#efe8dc;text-decoration:none}.offers{width:100%;max-width:820px;margin:24px auto;border-collapse:collapse;background:var(--paper)}.offers th,.offers td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}.offers th{font-weight:400;background:var(--soft)}.footer{text-align:center;margin-top:44px;padding:20px 0 0;border-top:1px solid var(--line);font-size:17px;color:var(--muted)}.footer .links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.copyright{margin-top:10px;color:var(--muted)}.notice{border:1px solid var(--line);padding:14px 18px;margin:18px auto;max-width:760px;background:var(--paper);border-radius:var(--radius)}.section-list{columns:2;max-width:760px;text-align:left;margin:0 auto}.section-list li{break-inside:avoid;margin:6px 0}.site-index{max-width:780px;margin:22px auto;text-align:left}.site-index li{margin:7px 0}.external-note{font-size:16px;color:#666}.tracking-report{max-width:820px;margin:22px auto;text-align:left}.tracking-report table{width:100%;border-collapse:collapse;margin:14px 0;background:var(--paper)}.tracking-report th,.tracking-report td{border:1px solid var(--line);padding:9px;vertical-align:top}.tracking-report th{background:var(--soft);font-weight:400}.small{font-size:16px;color:#555}.upload-note{max-width:780px;margin:22px auto;text-align:left;border:1px solid var(--line);background:var(--paper);padding:16px;border-radius:var(--radius)}.clean-list li{margin:6px 0}
@media(max-width:800px){body{font-size:17px}.site{padding:16px 15px 28px}.brand h1{font-size:32px}.brand .tagline{font-size:21px}.product-grid,.catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.single img.cover{width:82%;max-width:320px}.section-list{columns:1}.offers{font-size:16px}.offers th,.offers td{padding:8px}}
@media(max-width:520px){.topnav{gap:4px 8px;padding:8px 4px}.brand h1{font-size:28px}.brand .tagline{font-size:19px}.main h2,.content h2{font-size:25px}.main h3,.content h3{font-size:22px}.product-grid,.catalog{grid-template-columns:1fr}.product,.item{max-width:300px}.footer .links{display:block}.footer .links a{display:inline-block;margin:3px 6px}.offers,.offers thead,.offers tbody,.offers th,.offers td,.offers tr{display:block}.offers thead{display:none}.offers tr{border:1px solid var(--line);margin:0 0 12px;background:var(--paper)}.offers td{border:0;border-bottom:1px solid var(--line)}.offers td:last-child{border-bottom:0}}

/* Milestone 7: Live-Feinschliff */
a:focus-visible{outline:2px solid #665f56;outline-offset:3px;border-radius:4px}
img{max-width:100%;height:auto}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media print{body{background:#fff}.topnav,.footer,.button{display:none}.site{max-width:none;padding:0}.product,.item{border:0}}

/* Milestone 8: Karten- und Bildharmonisierung */
.product,.item{
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(70,55,38,.08);
}
.product a{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:14px;
  align-items:start;
  text-align:left;
  min-height:190px;
}
.product img,.item img,.book-cover-normalized{
  width:112px;
  height:158px;
  object-fit:contain;
  object-position:center bottom;
  background:#fff;
  border-radius:8px;
  margin:0 auto 8px;
}
.product .title,.product h2,.item p:first-of-type{margin-top:0;line-height:1.28}
.product .meta,.item p{line-height:1.42}
.product-media{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.product-body{min-width:0}
.ebook-icon{
  width:54px!important;
  height:auto!important;
  object-fit:contain!important;
  background:transparent!important;
  border-radius:0!important;
  margin:6px auto 0!important;
  display:block;
}
.product.no-cover a{display:block;text-align:center;min-height:0}
.product.no-cover .title,.product.no-cover .meta{text-align:center}
@media(max-width:640px){
  .product a{grid-template-columns:92px minmax(0,1fr);gap:12px}
  .product img,.item img,.book-cover-normalized{width:92px;height:132px}
  .ebook-icon{width:48px!important}
  .product,.item{max-width:360px}
}

/* Milestone 9: Hero ruhig/hochwertig */
body.home{background:#fbfaf6;}
body.home .site{max-width:none;padding:0 0 34px;}
.hero{
  position:relative;
  min-height:560px;
  background-image:linear-gradient(rgba(247,246,210,.14),rgba(235,235,177,.22)),url('../img/hero-original-screenshot.webp');
  background-size:cover;
  background-position:center top;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:44px 24px 76px;
  overflow:hidden;
}
.hero .topnav{
  position:absolute;
  top:20px;
  right:34px;
  margin:0;
  border:0;
  background:transparent;
  justify-content:flex-end;
  font-size:18px;
}
.hero .topnav a{color:#3c4230;text-shadow:0 1px 0 rgba(255,255,255,.45)}
.hero-logo{width:96px;height:auto;margin:0 auto 12px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.12));}
.hero h1{font-size:52px;line-height:1.15;font-weight:400;margin:6px 0 18px;color:#188400;text-shadow:0 2px 1px rgba(255,255,255,.55)}
.hero .tagline{font-size:34px;line-height:1.25;margin:0;color:#168000;text-shadow:0 2px 1px rgba(255,255,255,.55)}
.home-main{max-width:1040px;margin:0 auto;padding:0 24px;text-align:center;}
.home-main h2{font-size:48px;color:#168000;font-weight:400;line-height:1.15;margin:12px 0 4px;}
.home-main .hint{font-size:14px;color:#168000;margin-bottom:10px;}
.home-main .rule{margin:12px auto 24px;width:86%;border-top-color:#e8dfc9;}
.home-main .product-grid{margin-top:24px;}
.home-main .product{background:rgba(255,255,255,.72);border-color:#ded6c9;border-radius:14px;box-shadow:0 12px 28px rgba(70,55,38,.10);}
@media(max-width:900px){
  .hero{min-height:430px;padding:76px 18px 54px;background-position:center top;}
  .hero .topnav{top:12px;right:12px;left:12px;justify-content:center;font-size:17px;}
  .hero h1{font-size:40px}.hero .tagline{font-size:27px}.hero-logo{width:78px}
  .home-main h2{font-size:38px;}
}
@media(max-width:560px){
  .hero{min-height:360px;padding-top:70px;}
  .hero h1{font-size:31px}.hero .tagline{font-size:23px}.hero-logo{width:64px}
  .home-main{padding:0 15px}.home-main h2{font-size:32px}.home-main .hint{font-size:13px;}
}

/* Milestone 10: Startseite mit zwei breiten Themenkacheln und getrennten Themen darunter */
body.home .site{max-width:none;padding:0 0 34px;background:#fbfaf6;}
.hero.hero-original{
  min-height:450px;
  background-image:linear-gradient(rgba(246,244,193,.08),rgba(232,229,160,.16)),url('../img/SI-Header-1.webp');
  background-size:cover;
  background-position:center center;
  justify-content:center;
  padding:34px 24px 62px;
}
.hero-inner{transform:translateY(-8px)}
.hero .topnav{top:18px;right:28px;font-size:16px;gap:8px 16px;}
.hero-logo{width:74px;margin-bottom:12px;}
.hero h1{font-size:42px;margin:2px 0 16px;color:#168000;}
.hero .tagline{font-size:29px;color:#168000;}
.home-main{max-width:none;margin:0 auto;padding:0 18px;text-align:center;}
.edition-head{background:#f1efb9;margin:0 -18px 18px;padding:8px 18px 13px;}
.edition-head h2{font-size:46px;color:#168000;margin:0 0 0;line-height:1.08;}
.edition-head .hint{font-size:12px;color:#168000;margin:2px auto 0;line-height:1.25;}
.edition-head .hint-small{font-size:12px;}
.wide-edition-card{
  width:min(760px,94vw);
  margin:14px auto 16px;
  padding:12px 22px 18px;
  background:rgba(255,255,255,.82);
  border:1px solid #d9d2c5;
  border-radius:10px;
  box-shadow:0 6px 18px rgba(60,46,28,.18);
}
.wide-edition-card h3{font-size:19px;font-weight:400;color:#4d4d4d;margin:0 0 2px;line-height:1.2;}
.wide-edition-card .subline{font-size:12px;color:#6a6258;margin:0 0 10px;}
.wide-items{display:grid;align-items:start;gap:0;}
.wide-items.four{grid-template-columns:repeat(4,1fr);}
.wide-items.three{grid-template-columns:repeat(3,1fr);}
.mini-product{padding:8px 14px 4px;border-left:1px solid #333;min-height:118px;}
.mini-product:first-child{border-left:0;}
.mini-product a{display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px;align-items:center;text-align:left;color:inherit;text-decoration:none;}
.mini-media{display:flex;align-items:center;justify-content:center;min-height:78px;}
.mini-media img{width:68px;height:82px;object-fit:contain;border-radius:3px;background:transparent;margin:0;}
.mini-text span{display:block;font-size:12px;line-height:1.22;color:#222;}
.mini-text small{display:block;font-size:10px;line-height:1.25;color:#5e574f;margin-top:3px;}
.mini-product a:hover span{text-decoration:underline;}
.edition-card-grid{width:min(760px,94vw);margin:20px auto 10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch;}
.edition-card{
  min-height:122px;
  background:rgba(255,255,255,.82);
  border:1px solid #d9d2c5;
  border-radius:10px;
  box-shadow:0 6px 16px rgba(60,46,28,.14);
  overflow:hidden;
}
.edition-card a{display:grid;grid-template-columns:94px minmax(0,1fr);gap:14px;align-items:center;text-align:left;color:inherit;text-decoration:none;padding:14px 18px;min-height:122px;}
.edition-card img{width:82px;height:96px;object-fit:contain;margin:0 auto;background:transparent;border-radius:3px;}
.edition-card h3{font-size:18px;line-height:1.15;margin:0 0 3px;color:#222;}
.edition-card p{font-size:12px;line-height:1.25;color:#4f4a43;margin:0;}
.edition-card a:hover h3{text-decoration:underline;}
.amazon-note{font-size:10px;color:#6a6258;margin:22px auto 0;}
@media(max-width:900px){
  .hero.hero-original{min-height:360px;background-position:center center;padding:66px 18px 42px;}
  .hero .topnav{top:12px;right:12px;left:12px;justify-content:center;font-size:16px;}
  .hero h1{font-size:36px}.hero .tagline{font-size:25px}.hero-logo{width:66px}
  .edition-head h2{font-size:36px;}
  .wide-items.four{grid-template-columns:repeat(2,1fr);row-gap:10px;}
  .wide-items.three{grid-template-columns:1fr;}
  .mini-product{border-left:0;border-top:1px solid #d8d0c4;}
  .mini-product:nth-child(-n+2){border-top:0;}
  .wide-items.three .mini-product:first-child{border-top:0;}
}
@media(max-width:640px){
  .wide-edition-card,.edition-card-grid{width:min(420px,94vw);}
  .wide-items.four{grid-template-columns:1fr;}
  .mini-product{border-left:0;border-top:1px solid #d8d0c4;}
  .mini-product:first-child{border-top:0;}
  .mini-product:nth-child(2){border-top:1px solid #d8d0c4;}
  .mini-product a{grid-template-columns:76px minmax(0,1fr);}
  .mini-media img{width:74px;height:88px;}
  .edition-card-grid{grid-template-columns:1fr;}
  .edition-card a{grid-template-columns:88px minmax(0,1fr);padding:13px 15px;}
}


/* Milestone 11: sichere Startseiten-Struktur + Gleichhoehen */
body.home .site{max-width:none;padding:0 0 34px;background:#fbfaf6;}
body.home .main{max-width:none;}
.hero.hero-original{
  min-height:450px;
  background-image:linear-gradient(rgba(246,244,193,.08),rgba(232,229,160,.16)),url('../img/SI-Header-1.webp') !important;
  background-size:cover;
  background-position:center center;
}
.wide-edition-card{box-sizing:border-box;}
.wide-items{align-items:stretch;}
.mini-product{display:flex;align-items:stretch;}
.mini-product a{width:100%;}
.mini-media{height:92px;}
.mini-media img{width:76px;height:86px;object-fit:contain;object-position:center center;}
.edition-card-grid{align-items:stretch;}
.edition-card{height:100%;display:flex;}
.edition-card a{width:100%;height:100%;}
.edition-card img{width:86px;height:104px;object-fit:contain;object-position:center center;}
.product-grid,.catalog{align-items:stretch;}
.product,.item{height:100%;display:flex;flex-direction:column;}
.product a{height:100%;}
.product img,.item img,.book-cover-normalized{width:112px;height:158px;object-fit:contain;object-position:center center;}

/* Milestone 12: robuster Startseiten-Fix */
body.home { background:#fbfaf6; }
body.home .site { max-width:none !important; width:100% !important; padding:0 0 34px !important; margin:0 !important; background:#fbfaf6; }
body.home .main { max-width:none !important; width:100% !important; }
.hero.hero-original { position:relative !important; min-height:450px !important; padding:34px 24px 62px !important; overflow:hidden !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; background:#e9e5ac !important; }
.hero-bg-direct { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; object-position:center center !important; z-index:0 !important; }
.hero.hero-original::after { content:""; position:absolute; inset:0; background:linear-gradient(rgba(246,244,193,.05),rgba(232,229,160,.13)); z-index:1; pointer-events:none; }
.hero .topnav,.hero .hero-inner { position:relative !important; z-index:2 !important; }
.hero .topnav { position:absolute !important; top:18px !important; right:28px !important; left:auto !important; margin:0 !important; border:0 !important; background:transparent !important; font-size:16px !important; }
.hero .hero-inner { transform:translateY(-6px); }
.hero-logo { width:74px !important; height:auto !important; margin:0 auto 12px !important; }
.hero h1 { font-size:42px !important; font-weight:400 !important; line-height:1.15 !important; margin:2px 0 16px !important; color:#168000 !important; text-shadow:0 2px 1px rgba(255,255,255,.55) !important; }
.hero .tagline { font-size:29px !important; line-height:1.25 !important; margin:0 !important; color:#168000 !important; text-shadow:0 2px 1px rgba(255,255,255,.55) !important; }
.edition-head { background:#f1efb9 !important; margin:0 !important; padding:8px 18px 13px !important; text-align:center !important; }
.edition-head h2 { font-size:46px !important; color:#168000 !important; font-weight:400 !important; line-height:1.08 !important; margin:0 !important; }
.edition-head .hint { font-size:12px !important; color:#168000 !important; margin:2px auto 0 !important; line-height:1.25 !important; }
.wide-edition-card { width:min(760px,94vw) !important; margin:14px auto 16px !important; padding:12px 22px 18px !important; background:rgba(255,255,255,.86) !important; border:1px solid #d9d2c5 !important; border-radius:10px !important; box-shadow:0 6px 18px rgba(60,46,28,.18) !important; }
.wide-edition-card h3 { font-size:19px !important; font-weight:400 !important; color:#4d4d4d !important; margin:0 0 2px !important; line-height:1.2 !important; }
.wide-items { display:grid !important; align-items:stretch !important; gap:0 !important; }
.wide-items.four { grid-template-columns:repeat(4,1fr) !important; }
.wide-items.three { grid-template-columns:repeat(3,1fr) !important; }
.mini-product { display:flex !important; align-items:stretch !important; padding:8px 14px 4px !important; border-left:1px solid #333 !important; min-height:118px !important; }
.mini-product:first-child { border-left:0 !important; }
.mini-product a { width:100% !important; display:grid !important; grid-template-columns:76px minmax(0,1fr) !important; gap:12px !important; align-items:center !important; text-align:left !important; color:inherit !important; text-decoration:none !important; }
.mini-media { height:92px !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.mini-media img { width:76px !important; height:86px !important; object-fit:contain !important; object-position:center center !important; margin:0 !important; background:transparent !important; }
.mini-text span { display:block !important; font-size:12px !important; line-height:1.22 !important; color:#222 !important; }
.mini-text small { display:block !important; font-size:10px !important; line-height:1.25 !important; color:#5e574f !important; margin-top:3px !important; }
.edition-card-grid { width:min(760px,94vw) !important; margin:20px auto 10px !important; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:16px !important; align-items:stretch !important; }
.edition-card { min-height:122px !important; height:100% !important; display:flex !important; background:rgba(255,255,255,.86) !important; border:1px solid #d9d2c5 !important; border-radius:10px !important; box-shadow:0 6px 16px rgba(60,46,28,.14) !important; overflow:hidden !important; }
.edition-card a { width:100% !important; min-height:122px !important; height:100% !important; display:grid !important; grid-template-columns:94px minmax(0,1fr) !important; gap:14px !important; align-items:center !important; text-align:left !important; color:inherit !important; text-decoration:none !important; padding:14px 18px !important; }
.edition-card img { width:86px !important; height:104px !important; object-fit:contain !important; object-position:center center !important; margin:0 auto !important; background:transparent !important; }
.edition-card h3 { font-size:18px !important; line-height:1.15 !important; margin:0 0 3px !important; color:#222 !important; }
.edition-card p { font-size:12px !important; line-height:1.25 !important; color:#4f4a43 !important; margin:0 !important; }
@media(max-width:900px){ .hero.hero-original{min-height:360px !important;padding:66px 18px 42px !important;} .hero .topnav{top:12px !important;right:12px !important;left:12px !important;justify-content:center !important;font-size:16px !important;} .hero h1{font-size:36px !important}.hero .tagline{font-size:25px !important}.hero-logo{width:66px !important} .edition-head h2{font-size:36px !important;} .wide-items.four{grid-template-columns:repeat(2,1fr) !important;row-gap:10px !important;} .wide-items.three{grid-template-columns:1fr !important;} .mini-product{border-left:0 !important;border-top:1px solid #d8d0c4 !important;} .mini-product:nth-child(-n+2){border-top:0 !important;} .wide-items.three .mini-product:first-child{border-top:0 !important;} }
@media(max-width:640px){ .wide-edition-card,.edition-card-grid{width:min(420px,94vw) !important;} .wide-items.four{grid-template-columns:1fr !important;} .mini-product{border-left:0 !important;border-top:1px solid #d8d0c4 !important;} .mini-product:first-child{border-top:0 !important;} .mini-product:nth-child(2){border-top:1px solid #d8d0c4 !important;} .edition-card-grid{grid-template-columns:1fr !important;} }

/* MILESTONE 13: Header-Video und korrektes SFA-Logo */
.hero-video{display:flex !important;align-items:center !important;justify-content:center !important;width:285px !important;max-width:54vw !important;min-height:112px !important;margin:34px auto 0 !important;border:1px solid rgba(80,88,78,.55) !important;background:rgba(255,255,255,.18) !important;box-shadow:0 1px 2px rgba(0,0,0,.10) !important;text-decoration:none !important;}
.hero-video img{width:64px !important;height:64px !important;object-fit:contain !important;opacity:.9 !important;}
.mini-product:first-child .mini-media img{width:68px !important;height:68px !important;object-fit:contain !important;}
@media(max-width:900px){.hero-video{width:240px !important;min-height:94px !important;margin-top:24px !important;}.hero-video img{width:54px !important;height:54px !important;}}
@media(max-width:640px){.hero-video{width:210px !important;max-width:72vw !important;min-height:82px !important;margin-top:18px !important;}}


/* MILESTONE 14: echtes Header-Video */
.hero-video-player{display:block !important;width:285px !important;max-width:54vw !important;min-height:112px !important;margin:34px auto 0 !important;border:1px solid rgba(80,88,78,.55) !important;background:rgba(255,255,255,.18) !important;box-shadow:0 1px 2px rgba(0,0,0,.10) !important;object-fit:cover !important;}
@media(max-width:900px){.hero-video-player{width:240px !important;min-height:94px !important;margin-top:24px !important;}}
@media(max-width:640px){.hero-video-player{width:210px !important;max-width:72vw !important;min-height:82px !important;margin-top:18px !important;}}