
:root{
  --bg:#fffdf9;--panel:#fff;--cream:#f6f0e8;--line:#ded4c8;
  --brown:#4b2d16;--brown2:#6a451f;--orange:#f2761d;--muted:#6d6259;
  --shadow:0 14px 40px rgba(74,45,22,.12)
}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:#221a14}
button,select,input{font:inherit}.wrap{width:min(1480px,calc(100% - 40px));margin:auto}
.top{background:#fff;border-bottom:1px solid var(--line)}
.head{display:grid;grid-template-columns:1.4fr .8fr .8fr .8fr 1.2fr;gap:18px;align-items:center;padding:22px 0}
.logo{font-size:42px;font-weight:900;letter-spacing:-2px;color:var(--brown)}.logo span{color:var(--orange)}
.brand small,.brand b{display:block}.brand b{margin-top:8px}.brand small{margin-top:4px;font-weight:700}
.usp{text-align:center;color:var(--brown)}.usp strong{display:block;font-size:13px;margin-top:5px}.usp span{font-size:12px;color:var(--muted)}
.phone{border:2px solid var(--orange);border-radius:10px;padding:12px 16px;color:var(--brown)}.phone b{font-size:13px}.phone strong{display:block;font-size:25px;margin-top:5px}
.hero{background:linear-gradient(90deg,#f2ece4,#fff 58%,#f7f1e9);border-bottom:1px solid var(--line)}
.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;padding:26px 0;align-items:center}
.hero h1{font-size:42px;margin:0 0 8px;color:var(--brown)}.hero p{margin:0;color:#54483e;line-height:1.55}
.heroFeatures{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.heroFeatures div{font-size:12px}.heroFeatures b{display:block;font-size:14px}
.shop{padding:30px 0}.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.toolbar label{font-size:13px;font-weight:900;color:var(--brown)}.toolbar select{padding:10px 36px 10px 12px;border:1px solid #cec4b8;border-radius:8px;background:#fff}
.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.imgBox{height:300px;position:relative;display:grid;place-items:center;overflow:hidden;background:#fff}
.imgBox img{width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .2s}.card:hover .imgBox img{transform:scale(1.03)}
.zoom{position:absolute;top:12px;right:12px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--brown);font-size:20px;cursor:pointer}
.body{padding:15px;display:flex;flex-direction:column;gap:8px;flex:1}.body h3{margin:0;font-size:18px}.sub{font-size:13px;color:#4f453d}
.list{display:grid;gap:5px}.list div{font-size:13px}.list div:before{content:"✓";font-weight:900;color:var(--brown);margin-right:7px}
.body select{width:100%;padding:9px;border:1px solid #cec4b8;border-radius:7px;background:#fff;margin-top:auto}
.buy{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:2px}.price{font-weight:900;color:var(--brown);font-size:18px}
.buy button{border:0;border-radius:7px;background:linear-gradient(#7b5429,#603c1b);color:#fff;padding:10px 18px;font-weight:800;cursor:pointer}
.strip{background:#faf6ef;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:18px}
.stripGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:18px 0}.stripGrid b{display:block;color:var(--brown);font-size:13px}.stripGrid span{font-size:12px;color:#54483e;line-height:1.5}
.section{padding:46px 0}.section h2{font-size:32px;color:var(--brown);margin:0 0 8px}.section p.lead{color:var(--muted);max-width:800px}
.menu{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:20px}.drop{position:relative}.mainBtn{width:100%;padding:15px;border:1px solid var(--line);background:#fff;border-radius:10px;font-weight:900;color:var(--brown);display:flex;justify-content:space-between;cursor:pointer}
.submenu{display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:9px;padding:7px;box-shadow:var(--shadow);z-index:20}.drop.open .submenu{display:block}.submenu button{width:100%;border:0;background:transparent;text-align:left;padding:9px;border-radius:7px;cursor:pointer}.submenu button:hover{background:var(--cream)}
.zoomModal{position:fixed;inset:0;background:rgba(29,18,9,.68);display:none;place-items:center;z-index:100;padding:20px}.zoomModal.open{display:grid}.zoomCard{background:#fff;border-radius:12px;padding:16px;position:relative;max-width:min(1200px,96vw);max-height:92vh}.zoomCard img{max-width:100%;max-height:84vh;object-fit:contain;display:block}.close{position:absolute;right:12px;top:12px;width:38px;height:38px;border-radius:50%;border:0;background:#fff;box-shadow:var(--shadow);cursor:pointer;font-size:20px}
.ai{position:fixed;right:20px;bottom:20px;width:100px;height:100px;border-radius:50%;border:0;background:linear-gradient(145deg,#6b451f,#4a2d16);color:#fff;font-weight:900;cursor:pointer;box-shadow:var(--shadow)}
.aiPanel{position:fixed;right:20px;bottom:132px;width:min(420px,calc(100vw - 28px));height:min(620px,calc(100vh - 160px));background:#fff;border:1px solid var(--line);border-radius:16px;display:none;overflow:hidden;z-index:80;box-shadow:0 20px 70px rgba(40,24,10,.25)}.aiPanel.open{display:grid;grid-template-rows:auto 1fr auto}
.aiHead{background:var(--brown);color:#fff;padding:14px;display:flex;justify-content:space-between}.aiMsgs{padding:14px;overflow:auto;background:#fbf7f1}.msg{padding:10px 12px;border-radius:12px;margin-bottom:8px;font-size:13px;line-height:1.5}.bot{background:#fff;border:1px solid var(--line)}.user{background:var(--brown);color:#fff;margin-left:40px}.aiForm{display:grid;grid-template-columns:1fr auto auto;gap:7px;padding:10px;border-top:1px solid var(--line)}.aiForm input{padding:10px;border:1px solid var(--line);border-radius:8px}.aiForm button{border:0;border-radius:8px;padding:0 12px;cursor:pointer}.send{background:var(--brown);color:#fff}
footer{background:#3d2817;color:#f3e8dc;padding:34px 0;margin-top:40px}
@media(max-width:1200px){.grid{grid-template-columns:repeat(3,1fr)}.head{grid-template-columns:1.4fr .8fr .8fr 1.2fr}.usp:nth-of-type(3){display:none}.menu{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.grid{grid-template-columns:repeat(2,1fr)}.head{grid-template-columns:1fr 1fr}.brand{grid-column:1/-1}.hero .wrap{grid-template-columns:1fr}.heroFeatures{grid-template-columns:1fr}.stripGrid{grid-template-columns:1fr 1fr}.menu{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wrap{width:calc(100% - 24px)}.grid,.stripGrid,.menu{grid-template-columns:1fr}.logo{font-size:34px}.hero h1{font-size:34px}.imgBox{height:260px}.ai{width:82px;height:82px;font-size:12px}}

/* Extensions that preserve the approved design */
body{min-height:100vh}.wrap a{color:inherit}.brand a{text-decoration:none}.mainLayout{display:grid;grid-template-columns:285px 1fr;gap:28px;padding:28px 0 42px}.sidebar{position:sticky;top:18px;align-self:start}.sideBox{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.sideTitle{background:var(--brown);color:#fff;font-weight:900;padding:14px 16px}.sideMain{background:var(--cream);padding:12px 16px;font-weight:900;color:var(--brown);border-top:1px solid var(--line)}.sideLink,.sideTop{display:block;border-top:1px solid #eee5da;padding:10px 16px;background:#fff}.sideLink{padding-left:28px;font-size:14px}.sideTop{font-weight:900;color:var(--brown)}.sideLink:hover,.sideLink.active{background:#fff4e8;border-left:4px solid var(--orange);padding-left:24px;font-weight:900}.content{min-width:0}.sectionHead{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:18px}.sectionHead h2{margin:0;color:var(--brown);font-size:32px}.sectionHead p{margin:0;color:var(--muted);max-width:680px;line-height:1.55}.imgBox{height:345px;padding:12px}.imgBox img{object-fit:contain!important;object-position:center!important;padding:8px!important}.grid{grid-template-columns:repeat(3,1fr)}.card .body{min-height:230px}.detailLink{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--brown);padding:9px 12px;font-weight:800}.productPage{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}.productTop{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:30px}.productImage{height:620px;position:relative;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;padding:18px;background:#fff}.productImage img{width:100%;height:100%;object-fit:contain}.productInfo h1{font-size:38px;color:var(--brown);margin:4px 0 8px}.productInfo .intro{font-size:17px;line-height:1.65;color:#574a40}.kicker{font-size:12px;color:var(--orange);font-weight:900;text-transform:uppercase}.infoList{display:grid;gap:8px;margin:16px 0}.infoList div{padding:10px 12px;background:#faf6ef;border-radius:8px;font-size:14px}.infoList div:before{content:'✓';font-weight:900;color:var(--brown);margin-right:8px}.tip{background:#fff4e8;border-left:4px solid var(--orange);padding:13px 14px;border-radius:8px;line-height:1.55;margin:16px 0}.specGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.spec{border:1px solid var(--line);border-radius:9px;padding:14px}.spec b{display:block;color:var(--brown);margin-bottom:4px}.spec span{font-size:13px;color:var(--muted);line-height:1.45}.featurePanel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;margin:0 0 22px}.featurePanel h3{font-size:25px;color:var(--brown);margin:0 0 8px}.featurePanel p{line-height:1.6;color:var(--muted)}.featureGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{border:1px solid var(--line);border-radius:10px;padding:15px;background:#fffdf9}.feature b{display:block;color:var(--brown);margin-bottom:6px}.feature p{font-size:13px;margin:0;line-height:1.5}.wizard{background:linear-gradient(135deg,#fff8f0,#fff,#f5eee4);border:1px solid var(--line);border-radius:12px;padding:22px;margin:22px 0}.wizard h3{margin:0 0 7px;color:var(--brown);font-size:25px}.wizardRow{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px;margin-top:14px}.wizard select{padding:11px;border:1px solid var(--line);border-radius:8px;background:#fff}.result{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;display:none}.cartBtn{position:fixed;right:20px;bottom:132px;border:1px solid var(--line);background:#fff;color:var(--brown);font-weight:900;padding:11px 14px;border-radius:999px;box-shadow:var(--shadow);z-index:55;cursor:pointer}.overlay{position:fixed;inset:0;background:rgba(29,18,9,.55);display:none;z-index:85}.overlay.open{display:block}.drawer{position:fixed;right:0;top:0;width:min(460px,96vw);height:100%;background:#fff;z-index:90;transform:translateX(105%);transition:.25s;padding:22px;overflow:auto;box-shadow:-20px 0 60px rgba(0,0,0,.18)}.drawer.open{transform:none}.drawerClose{position:absolute;right:15px;top:15px;width:38px;height:38px;border:0;border-radius:50%;background:var(--cream);cursor:pointer;font-size:20px}.cartItem{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.cartItem img{width:64px;height:64px;object-fit:contain}.legal{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px;line-height:1.65}.legal h1,.legal h2{color:var(--brown)}.legal h1{margin-top:0}.legal .notice{background:#fff4e8;border-left:4px solid var(--orange);padding:12px;border-radius:8px}.footerGrid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:24px}.footerGrid h4{margin:0 0 10px}.footerGrid a{display:block;color:#eadaca;margin:7px 0;font-size:13px}.socialBar{margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.16);display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.socials{display:flex;gap:8px;flex-wrap:wrap}.socials button{border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;padding:8px 12px;border-radius:999px;cursor:pointer}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#2d1b0e;color:#fff;padding:11px 15px;border-radius:9px;z-index:130;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:980px){.mainLayout{grid-template-columns:1fr}.sidebar{position:static}.productTop{grid-template-columns:1fr}.productImage{height:520px}.wizardRow{grid-template-columns:1fr 1fr}.footerGrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.grid,.featureGrid,.specGrid,.footerGrid{grid-template-columns:1fr}.productImage{height:410px}.wizardRow{grid-template-columns:1fr}.cartBtn{bottom:112px}}

/* Ergänzungen innerhalb des bestehenden Designs */
.knowledgeGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:18px 0 24px}.knowledgeCard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;transition:.2s}.knowledgeCard:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.knowledgeCard h3{margin:8px 0;color:var(--brown);font-size:24px}.knowledgeCard p{color:var(--muted);line-height:1.6}.knowledgeCard b{color:var(--orange)}.kIcon{font-size:34px}.homeAction{border:0;background:var(--orange);color:#fff;border-radius:8px;padding:10px 16px;font-weight:900;cursor:pointer}.ctaBand{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--brown);color:#fff;padding:22px;border-radius:14px}.ctaBand b,.ctaBand span{display:block}.ctaBand span{font-size:13px;margin-top:4px;color:#ead9c9}.ctaBand a{background:#fff;color:var(--brown);font-weight:900;padding:11px 15px;border-radius:8px}.accountBox{max-width:620px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.tabs{display:flex;gap:8px;margin-bottom:18px}.tab{border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:800}.tab.active{background:var(--brown);color:#fff}.accountPane{display:none}.accountPane.active{display:grid;gap:9px}.accountPane label{font-size:13px;font-weight:800;color:var(--brown)}.accountPane input{padding:11px;border:1px solid var(--line);border-radius:8px}.linkBtn{border:0;background:none;color:var(--brown);text-decoration:underline;cursor:pointer;text-align:left;padding:5px 0}@media(max-width:700px){.knowledgeGrid{grid-template-columns:1fr}.ctaBand{align-items:flex-start;flex-direction:column}}

/* v2: password protection, clearer price units, richer advisor & product framing */
.passwordLocked{overflow:hidden}
.passwordGate{position:fixed;inset:0;background:linear-gradient(145deg,#3d2817,#6b451f);z-index:10000;display:grid;place-items:center;padding:20px}
.passwordCard{width:min(460px,96vw);background:#fff;border-radius:18px;padding:30px;box-shadow:0 28px 90px rgba(0,0,0,.38);text-align:center}
.passwordLogo{font-size:32px;font-weight:950;letter-spacing:-1.4px;color:var(--brown);margin-bottom:16px}.passwordLogo span{color:var(--orange)}
.passwordCard h1{font-size:26px;color:var(--brown);margin:0 0 8px}.passwordCard p{color:var(--muted);line-height:1.55}
.passwordCard form{display:grid;grid-template-columns:1fr auto;gap:8px;margin:18px 0 8px}.passwordCard input{border:1px solid var(--line);border-radius:9px;padding:12px}.passwordCard button{border:0;border-radius:9px;background:var(--brown);color:#fff;padding:12px 16px;font-weight:900;cursor:pointer}
.passwordError{min-height:20px;color:#a3342b;font-weight:800;font-size:13px}.passwordCard small{color:var(--muted);line-height:1.4;display:block}
.priceExplain{background:#fff4e8;border:1px solid #ecd4bd;border-radius:10px;padding:12px 14px;margin:0 0 18px;font-size:13px;line-height:1.55}
.priceExplain b{color:var(--brown)}
.packLabel{display:block;font-size:11px;color:var(--muted);font-weight:700;margin-top:3px}
.card .price{line-height:1.2}.cardImage,.imgBox{background:#fff!important;padding:20px!important}.cardImage img,.imgBox img{max-width:94%!important;max-height:94%!important;object-fit:contain!important;object-position:center!important}
.productImage{background:#fff!important;padding:24px!important}.productImage img{max-width:96%!important;max-height:96%!important;object-fit:contain!important}
.wizardIntro{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px;margin:12px 0 4px;color:var(--muted);font-size:13px;line-height:1.55}
.wizardRow.extended{grid-template-columns:repeat(5,minmax(0,1fr)) auto}
.packageGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}.packageItem{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}.packageItem b{display:block;color:var(--brown);margin-bottom:5px}.packageItem span{font-size:12px;color:var(--muted);line-height:1.45}.packageItem a{display:inline-block;margin-top:7px;color:var(--orange);font-weight:900;font-size:12px}
.packageSummary{background:#fff4e8;border-left:4px solid var(--orange);padding:13px;border-radius:8px;margin-top:13px;line-height:1.55}
.laugeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.laugeCard{background:#fff;border:1px solid var(--line);border-radius:11px;padding:16px}.laugeCard h3{margin:0 0 6px;color:var(--brown)}.laugeCard p{font-size:13px;color:var(--muted);line-height:1.5}.laugeTag{display:inline-block;background:#fff4e8;color:var(--brown);border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900;margin-bottom:8px}
.revokeFab{position:fixed;left:14px;bottom:14px;z-index:56;background:#fff;color:var(--brown);border:2px solid var(--orange);border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900;box-shadow:var(--shadow)}
.revocationForm{display:grid;gap:10px;margin-top:16px}.revocationForm label{font-weight:800;color:var(--brown);font-size:13px}.revocationForm input,.revocationForm textarea,.revocationForm select{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px}.revocationConfirm{display:none;margin-top:14px;padding:13px;background:#eef6ed;border-left:4px solid #5f7d59;border-radius:8px;line-height:1.55}
.legal h2{margin-top:28px}.legal h3{color:var(--brown);margin-top:20px}.legal ul{line-height:1.65}.legal .legalMeta{background:#faf6ef;border:1px solid var(--line);border-radius:10px;padding:14px}
@media(max-width:1100px){.wizardRow.extended{grid-template-columns:1fr 1fr 1fr}.packageGrid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.wizardRow.extended,.packageGrid,.laugeGrid{grid-template-columns:1fr}.passwordCard form{grid-template-columns:1fr}.revokeFab{bottom:6px;left:6px;font-size:10px}}


/* =========================================================
   SIGNATURE DESIGN V3 – Veredelung des bestehenden Designs
   ========================================================= */
:root{
  --ivory:#fffaf3;
  --bronze:#a7652b;
  --bronze-deep:#6f3f18;
  --copper:#d76d22;
  --champagne:#f0d2ad;
  --ink-soft:#3a2a20;
  --lux-shadow:0 18px 55px rgba(79,46,21,.12),0 3px 12px rgba(79,46,21,.06);
  --lux-shadow-hover:0 24px 70px rgba(79,46,21,.18),0 6px 18px rgba(79,46,21,.08);
}
body{
  background:
    radial-gradient(circle at 15% 0%,rgba(240,210,173,.17),transparent 32%),
    radial-gradient(circle at 92% 12%,rgba(239,117,28,.07),transparent 24%),
    var(--bg);
  color:var(--ink-soft);
}
.top{
  position:relative;
  background:linear-gradient(180deg,#fff 0%,#fffdf9 100%);
  border-bottom:1px solid rgba(111,73,37,.16);
  box-shadow:0 8px 28px rgba(74,45,22,.045);
}
.top::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:linear-gradient(90deg,transparent 3%,var(--brown) 20%,var(--orange) 50%,var(--brown) 80%,transparent 97%);
  opacity:.42;
}
.head{padding-top:20px;padding-bottom:20px}
.brand{position:relative}
.logo{
  display:inline-flex;align-items:flex-end;gap:.035em;position:relative;
  font-family:Impact,"Arial Black",Inter,system-ui,sans-serif;
  font-weight:950;letter-spacing:-2.2px;line-height:.92;
  padding:0 0 8px;
  text-shadow:0 1px 0 #fff,0 7px 20px rgba(74,45,22,.08);
}
.logo::after{
  content:"";position:absolute;left:1px;bottom:0;width:76%;height:3px;border-radius:99px;
  background:linear-gradient(90deg,var(--brown) 0%,var(--orange) 58%,rgba(239,117,28,0) 100%);
  transform-origin:left center;
  animation:brandLine 5.5s ease-in-out infinite;
}
.logo span{
  display:inline-block;position:relative;margin-left:.04em;padding:0 .04em .01em;
  font-size:.84em;letter-spacing:-1.4px;
  background:linear-gradient(120deg,#8b4316 0%,#f0781e 28%,#ffb66e 48%,#f0781e 67%,#8b4316 100%);
  background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 1px rgba(120,60,20,.09));
  animation:logo24Shine 5.2s ease-in-out infinite;
}
.logo span::before{
  content:"";position:absolute;inset:-.12em -.13em -.10em -.10em;border:1px solid rgba(239,117,28,.22);
  border-radius:.16em;transform:skewX(-7deg);pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.42),0 4px 12px rgba(239,117,28,.05);
  animation:logo24Frame 5.2s ease-in-out infinite;
}
.logo span::after{
  content:"";position:absolute;width:.13em;height:.13em;border-radius:50%;right:-.15em;top:.02em;
  background:var(--orange);box-shadow:0 0 0 0 rgba(239,117,28,.35);
  animation:logoPulse 3.4s ease-out infinite;
}
.brand b{letter-spacing:.15em;font-size:12px;color:var(--brown);text-transform:uppercase}
.brand small{letter-spacing:.08em;color:#80664f;font-size:11px}
@keyframes logo24Shine{0%,24%{background-position:100% 0}55%,100%{background-position:0 0}}
@keyframes logo24Frame{0%,100%{opacity:.55;transform:skewX(-7deg) scale(1)}50%{opacity:1;transform:skewX(-7deg) scale(1.025)}}
@keyframes logoPulse{0%{box-shadow:0 0 0 0 rgba(239,117,28,.35)}60%,100%{box-shadow:0 0 0 .42em rgba(239,117,28,0)}}
@keyframes brandLine{0%,100%{transform:scaleX(.88);opacity:.52}50%{transform:scaleX(1);opacity:.88}}

.usp{
  padding:10px 8px;border-radius:12px;transition:.22s ease;
}
.usp:hover{background:rgba(246,240,232,.74);transform:translateY(-2px)}
.usp .ico,.usp:first-letter{filter:drop-shadow(0 4px 8px rgba(79,46,21,.12))}
.phone{
  position:relative;overflow:hidden;border-color:rgba(239,117,28,.72);
  background:linear-gradient(145deg,#fff,#fff8ef);
  box-shadow:0 10px 30px rgba(106,69,31,.07);
}
.phone::before{content:"";position:absolute;inset:0 70% 0 -40%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.8),transparent);transform:skewX(-18deg);animation:phoneSheen 7s ease-in-out infinite}
@keyframes phoneSheen{0%,70%{transform:translateX(-80%) skewX(-18deg)}88%,100%{transform:translateX(520%) skewX(-18deg)}}

.hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 85% 35%,rgba(239,117,28,.09),transparent 23%),
    linear-gradient(102deg,#f2ebe2 0%,#fff 51%,#faf4eb 100%);
}
.hero::after{
  content:"24";position:absolute;right:3.5%;top:50%;transform:translateY(-50%) rotate(-4deg);
  font-family:Impact,"Arial Black",sans-serif;font-size:clamp(108px,12vw,190px);line-height:1;
  color:transparent;-webkit-text-stroke:1px rgba(106,69,31,.055);letter-spacing:-8px;pointer-events:none;
}
.hero h1{font-weight:950;letter-spacing:-1.9px;text-shadow:0 1px #fff}
.hero p{max-width:900px}
.heroBadge,.heroFeatures>div{
  position:relative;z-index:1;padding:10px 11px;border-radius:12px;border:1px solid rgba(111,73,37,.09);
  background:rgba(255,255,255,.56);backdrop-filter:blur(7px);
}

.mainLayout{gap:30px}
.sideBox{
  border-color:rgba(111,73,37,.16);border-radius:14px;overflow:hidden;
  box-shadow:var(--lux-shadow);background:rgba(255,255,255,.92);
}
.sideTitle{
  position:relative;background:linear-gradient(135deg,#4a2d16 0%,#68421f 100%);
  letter-spacing:.08em;text-transform:uppercase;
}
.sideTitle::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;background:linear-gradient(90deg,var(--orange),transparent)}
.sideMain{background:linear-gradient(90deg,#f6efe6,#fbf8f3);letter-spacing:.025em}
.sideLink,.sideTop{transition:.18s ease}
.sideLink:hover,.sideLink.active{background:linear-gradient(90deg,#fff1e2,#fffaf5);color:#3e2513}

.card,.productPage,.featurePanel,.wizard,.legal,.moduleBand,.knowledgeCard,.trustModule{
  border-color:rgba(111,73,37,.15)!important;
  box-shadow:0 8px 28px rgba(79,46,21,.055);
}
.card{border-radius:15px;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.card:hover{transform:translateY(-5px);box-shadow:var(--lux-shadow-hover);border-color:rgba(239,117,28,.32)}
.cardImage,.imgBox,.productImage{
  position:relative;background:
    radial-gradient(ellipse at 50% 90%,rgba(121,80,42,.075),transparent 36%),
    linear-gradient(180deg,#fff 0%,#fff 78%,#fffaf5 100%)!important;
}
.cardImage::after,.imgBox::after,.productImage::after{
  content:"";position:absolute;left:16%;right:16%;bottom:7%;height:10%;border-radius:50%;
  background:radial-gradient(ellipse,rgba(79,46,21,.09),transparent 66%);filter:blur(8px);pointer-events:none;
}
.cardImage img,.imgBox img,.productImage img{position:relative;z-index:1;filter:drop-shadow(0 10px 14px rgba(64,42,25,.08))}
.zoom{z-index:3;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(74,45,22,.08);transition:.18s ease}
.zoom:hover{transform:scale(1.08);border-color:var(--orange);color:var(--orange)}
.card .body,.cardBody{padding:17px 17px 18px}
.card h3,.cardBody h3{color:var(--brown);font-weight:900;letter-spacing:-.18px}

.btn.primary,.buy button,.homeAction,.passwordSubmit{
  background:linear-gradient(135deg,#4c2d15 0%,#765026 56%,#a4662c 100%)!important;
  box-shadow:0 8px 18px rgba(87,52,24,.15),inset 0 1px 0 rgba(255,255,255,.18);
  border:1px solid rgba(77,45,20,.18)!important;transition:.18s ease;
}
.btn.primary:hover,.buy button:hover,.homeAction:hover,.passwordSubmit:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 11px 24px rgba(87,52,24,.20)}
.btn.light{background:linear-gradient(#fff,#fffaf5);border-color:rgba(111,73,37,.19)}
.price{letter-spacing:-.2px}
.price::first-line{color:var(--brown)}

.wizard{
  position:relative;overflow:hidden;background:
    radial-gradient(circle at 100% 0%,rgba(239,117,28,.11),transparent 26%),
    linear-gradient(135deg,#fff9f2,#fff 50%,#f8f1e7);
}
.wizard::before{content:"BERATUNG";position:absolute;right:-5px;top:7px;font-weight:950;font-size:56px;letter-spacing:.03em;color:rgba(106,69,31,.035);pointer-events:none}
.packageItem{transition:.2s ease}.packageItem:hover{transform:translateY(-2px);border-color:rgba(239,117,28,.25);box-shadow:0 9px 24px rgba(79,46,21,.08)}

.ai{
  border:1px solid rgba(255,255,255,.2)!important;background:
    radial-gradient(circle at 34% 27%,#a8733d 0,#70471f 38%,#4a2d16 72%)!important;
  box-shadow:0 18px 42px rgba(61,38,20,.26),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.ai::after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.16);border-radius:50%;pointer-events:none}
.cartBtn{background:linear-gradient(#fff,#fff8ef)!important;border-color:rgba(111,73,37,.17)!important;box-shadow:var(--lux-shadow)!important}
.revokeFab{background:linear-gradient(#fff,#fff8ef)!important}

footer{position:relative;background:linear-gradient(135deg,#2e1c10,#4a2d16 60%,#5c381b);overflow:hidden}
footer::before{content:"24";position:absolute;right:2%;bottom:-38px;font-family:Impact,"Arial Black";font-size:180px;color:rgba(255,255,255,.025);pointer-events:none}
.socials button{transition:.18s ease}.socials button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.55);transform:translateY(-1px)}

/* Password preview: reliable locally + premium visual */
.passwordGate{
  position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;
  background:
    radial-gradient(circle at 22% 16%,rgba(239,117,28,.20),transparent 28%),
    radial-gradient(circle at 88% 82%,rgba(240,210,173,.14),transparent 30%),
    linear-gradient(135deg,#26170d,#4a2d16 58%,#6b431f);
  transition:opacity .26s ease,transform .26s ease;
}
.passwordGate.leaving{opacity:0;transform:scale(1.015)}
.passwordCard{
  position:relative;width:min(480px,96vw);padding:34px;border-radius:20px;text-align:center;overflow:hidden;
  background:linear-gradient(155deg,rgba(255,255,255,.985),rgba(255,250,243,.985));
  border:1px solid rgba(240,210,173,.7);box-shadow:0 36px 110px rgba(0,0,0,.38),inset 0 1px 0 #fff;
}
.passwordCard::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--brown),var(--orange),#f5b477,var(--orange),var(--brown))}
.passwordLogo{display:inline-flex;align-items:flex-end;position:relative;font-family:Impact,"Arial Black",sans-serif;font-size:34px;font-weight:950;letter-spacing:-1.6px;color:var(--brown);padding-bottom:7px}
.passwordLogo span{margin-left:2px;background:linear-gradient(120deg,#8b4316,#f0781e 38%,#ffc185 52%,#f0781e 68%,#8b4316);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:logo24Shine 5.2s ease-in-out infinite}
.passwordLogo::after{content:"";position:absolute;left:0;bottom:0;width:72%;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--brown),var(--orange),transparent)}
.passwordEdition{display:inline-block;margin:12px 0 12px;padding:5px 9px;border:1px solid rgba(111,73,37,.13);border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.16em;color:#8b6d53;background:#fff}
.passwordCard h1{margin:0 0 8px;color:var(--brown);font-size:27px}.passwordCard p{color:var(--muted);line-height:1.55}
.passwordCard form{display:grid;grid-template-columns:1fr auto;gap:9px;margin:18px 0 8px}.passwordField{position:relative}.passwordField input{width:100%;height:46px;padding:0 44px 0 13px;border:1px solid rgba(111,73,37,.22);border-radius:10px;background:#fff;outline:none;transition:.18s ease}.passwordField input:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(239,117,28,.08)}.passwordPeek{position:absolute;right:5px;top:5px;width:36px;height:36px;border:0;border-radius:8px;background:#f8f1e8;color:var(--brown);cursor:pointer}.passwordSubmit{border-radius:10px!important;color:#fff;padding:0 17px;font-weight:900;cursor:pointer}.passwordError{min-height:21px;color:#aa372c;font-size:13px;font-weight:800}.passwordCard small{display:block;color:#8c7b6f;font-size:11px;line-height:1.45;margin-top:7px}
.shake{animation:fieldShake .26s linear}@keyframes fieldShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}

@media (prefers-reduced-motion: reduce){.logo span,.logo span::before,.logo span::after,.logo::after,.phone::before{animation:none!important}.card,.btn,.zoom,.packageItem{transition:none!important}}
@media(max-width:640px){.logo{font-size:31px!important}.hero::after{font-size:110px;right:-3%;opacity:.7}.passwordCard{padding:27px 20px}.passwordCard form{grid-template-columns:1fr}.passwordSubmit{height:46px}.wizard::before{font-size:39px}}


/* Robust preview password gate */
html.rh24-locked, body.rh24-locked{overflow:hidden!important}
#rh24PasswordGate{
  position:fixed; inset:0; z-index:2147483647;
  display:grid; place-items:center; padding:20px;
  background:
    radial-gradient(circle at 30% 20%, rgba(239,117,28,.15), transparent 32%),
    linear-gradient(145deg,#2f1e11,#5b381b 56%,#7a4d24);
}
.rh24PasswordCard{
  width:min(460px,96vw); background:#fff; border:1px solid #eadfD2;
  border-radius:20px; padding:32px; text-align:center;
  box-shadow:0 30px 90px rgba(0,0,0,.38);
}
.rh24PasswordLogo{
  font-size:32px; line-height:1; font-weight:950; letter-spacing:-1.4px;
  color:var(--brown,#4a2d16); margin-bottom:18px;
}
.rh24PasswordLogo span{color:var(--orange,#ef751c)}
.rh24PasswordCard h1{margin:0 0 8px;color:var(--brown,#4a2d16);font-size:27px}
.rh24PasswordCard p{margin:0 0 18px;color:#6f655c;line-height:1.55}
.rh24PasswordRow{display:grid;grid-template-columns:1fr auto;gap:8px}
.rh24PasswordRow input{
  width:100%;padding:13px 14px;border:1px solid #d9cdbc;border-radius:10px;
  outline:none;font-size:16px;
}
.rh24PasswordRow input:focus{border-color:var(--orange,#ef751c);box-shadow:0 0 0 3px rgba(239,117,28,.12)}
#rh24PasswordToggle{
  width:48px;border:1px solid #d9cdbc;background:#fff;border-radius:10px;cursor:pointer;font-size:18px;
}
#rh24PasswordSubmit{
  width:100%;margin-top:10px;border:0;border-radius:10px;
  padding:13px 16px;background:linear-gradient(#7b5429,#5f3b19);
  color:#fff;font-weight:900;cursor:pointer;
}
#rh24PasswordSubmit:disabled{opacity:.65;cursor:default}
.rh24PasswordError{min-height:22px;margin-top:10px;color:#a3362c;font-size:13px;font-weight:800}

/* Signature v5 — refined premium system */
:root{--copper:#b96a2d;--copper-dark:#7d421c;--porcelain:#fffdfa}
body{
  background:
  radial-gradient(circle at 7% 0%,rgba(239,117,28,.04),transparent 23%),
  linear-gradient(180deg,#fffdfa 0,#fffdf9 47%,#faf6f0 100%);
}
.top{position:relative;background:rgba(255,255,255,.97);box-shadow:0 8px 32px rgba(71,42,20,.05)}
.top:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--copper),var(--orange),var(--copper),transparent);opacity:.74}
.head{padding:24px 0}
.premiumLogo{display:inline-flex!important;align-items:center!important;gap:10px!important;font-size:40px!important;line-height:1!important;letter-spacing:-2px!important;font-weight:950!important}
.premiumLogo .logoWord{
  background:linear-gradient(180deg,#322013,#513019 64%,#2e1a0e);
  -webkit-background-clip:text;background-clip:text;color:transparent!important
}
.premiumLogo .logoBadge{
  position:relative;display:inline-grid!important;place-items:center;min-width:54px;height:44px;padding:0 10px;
  border-radius:12px;border:1px solid rgba(126,63,24,.50);
  background:
    linear-gradient(135deg,rgba(255,255,255,.30),transparent 31%),
    linear-gradient(145deg,#e9ad75 0%,#c96d2e 44%,#8c421b 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 0 rgba(79,30,9,.36),0 8px 20px rgba(123,65,28,.18);
  overflow:hidden;transform:translateY(-1px)
}
.premiumLogo .logoBadge b{position:relative;z-index:2;color:#fff8ef;font-size:25px;letter-spacing:-1.4px;text-shadow:0 1px 0 rgba(80,29,8,.55)}
.premiumLogo .logoBadge i{position:absolute;top:-28%;left:-45%;width:38%;height:155%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);transform:skewX(-18deg);animation:logoSweep 6.6s ease-in-out infinite}
.premiumLogo .logoBadge:after{content:"";position:absolute;right:7px;bottom:6px;width:14px;height:14px;border-right:2px solid rgba(255,248,239,.84);border-bottom:2px solid rgba(255,248,239,.84);border-radius:0 0 10px 0;opacity:.72}
@keyframes logoSweep{0%,64%{left:-46%;opacity:0}70%{opacity:.7}84%{left:124%;opacity:.36}100%{left:124%;opacity:0}}
.footerLogo .logoWord{background:none!important;color:#fff7ee!important;-webkit-text-fill-color:initial!important}.footerLogo .logoBadge{transform:scale(.82);transform-origin:left center}
.brand>b{margin-top:10px!important;font-size:11px;letter-spacing:.18em;color:var(--copper-dark);text-transform:uppercase}.brand>small{font-size:11px;letter-spacing:.08em;color:#79685a}
.hero{background:linear-gradient(90deg,rgba(244,234,220,.94),rgba(255,255,255,.98) 56%,rgba(247,240,231,.98))}
.hero .wrap{padding:31px 0}.hero h1{font-size:46px;letter-spacing:-2px}.hero h1:after{content:"";display:block;width:72px;height:3px;margin-top:11px;border-radius:99px;background:linear-gradient(90deg,var(--orange),var(--copper),transparent)}
.card,.productPage,.featurePanel,.sideBox{border-color:#e2d5c8;box-shadow:0 9px 29px rgba(66,38,17,.055)}
.card{border-radius:16px;background:linear-gradient(180deg,#fff 0,#fff 72%,#fffaf4 100%);transition:.22s}
.card:hover{transform:translateY(-5px);box-shadow:0 24px 58px rgba(72,42,19,.13)}
.cardImage,.imgBox{background:radial-gradient(circle at center,#fff 0,#fff 63%,#fbf8f4 100%)!important;border-bottom:1px solid #eee4d8}
.cardBody,.body{padding:18px}.cardBody h3,.body h3{font-size:20px;letter-spacing:-.2px}
.sideTitle{background:linear-gradient(135deg,#3b2312,#5f391b);letter-spacing:.09em;font-size:12px}.sideMain{background:linear-gradient(90deg,#f2e6d8,#faf5ee);border-left:3px solid var(--copper)}
.setBadge{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:5px 9px;border-radius:999px;background:#4a2d16;color:#fff8ef;font-size:10px;font-weight:950;letter-spacing:.08em;margin:2px 0 1px}
.setBadge span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(145deg,#ed8c46,#aa5220);font-size:11px;letter-spacing:0}
.setBadge.single{background:#6b625a}.setBadge.single span{background:#8c8177}
.price{font-size:23px!important;letter-spacing:-.5px;color:#3d2513!important}.packLabel{display:block!important;margin-top:4px!important;font-size:10px!important;color:#8b7868!important;font-weight:800!important;line-height:1.35}
.premiumPriceInfo{position:relative;overflow:hidden;padding:15px 17px!important;background:linear-gradient(135deg,#fff8ef,#fff,#f8eee2)!important;border:1px solid #e4c8ad!important;box-shadow:0 8px 24px rgba(132,72,31,.06)}
.premiumPriceInfo:before{content:"10";position:absolute;right:14px;top:-17px;font-size:72px;font-weight:950;color:rgba(185,106,45,.07);letter-spacing:-6px}
.productPriceBlock{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:12px 0 6px}.setSeal{display:inline-flex;align-items:center;border:1px solid #d59a68;background:linear-gradient(145deg,#fff3e4,#f2dac2);color:#6a3719;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:950;letter-spacing:.08em}.setSeal.single{border-color:#cec4ba;background:#f2efec;color:#655b53}
.setFeatureLine{display:flex;align-items:center;gap:12px;margin:16px 0;padding:13px 14px;border:1px solid #ead2bc;background:linear-gradient(90deg,#fff5e9,#fff);border-radius:12px}
.setFeatureLine .setIcon{flex:0 0 auto;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#d57a39,#934519);color:#fff;font-weight:950;font-size:16px;box-shadow:0 7px 18px rgba(147,69,25,.18)}
.setFeatureLine b{display:block;color:#442714}.setFeatureLine small{display:block;margin-top:3px;color:#75675c;line-height:1.45}
.phone{background:linear-gradient(180deg,#fff,#fff8f1);box-shadow:0 7px 22px rgba(116,62,25,.06)}
@media(prefers-reduced-motion:reduce){.premiumLogo .logoBadge i{animation:none}}

.classicLogo{display:flex!important;align-items:baseline;gap:5px;font-weight:950!important;letter-spacing:-2px!important;font-size:40px!important;line-height:1!important}.classicLogo span{color:var(--brown)!important}.classicLogo strong{color:var(--orange)!important;font-size:1em;font-weight:950;letter-spacing:-2px;position:relative}.classicLogo strong:after{content:"";position:absolute;left:1px;right:0;bottom:-5px;height:3px;border-radius:9px;background:var(--orange);opacity:.82}.footer .classicLogo span{color:#fff!important}.footer .classicLogo strong{color:#f39a57!important}.priceLogic{display:grid;gap:5px;margin:13px 0 16px;padding:13px 15px;border:1px solid #ead2bc;border-radius:12px;background:linear-gradient(135deg,#fff9f2,#fff)}.priceLogic b{color:var(--brown);font-size:13px}.priceLogic span{font-size:12px;color:#75675c;line-height:1.45}

/* Signature v7 — logo and consultation as one premium header system */
.brandSignature,
.consultationCard{
  position:relative;
  min-height:126px;
  border:1px solid rgba(177,116,68,.34);
  border-radius:17px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,250,244,.98)),
    radial-gradient(circle at top right,rgba(239,117,28,.09),transparent 42%);
  box-shadow:
    0 12px 32px rgba(72,42,19,.07),
    inset 0 1px 0 rgba(255,255,255,.95);
  overflow:hidden;
}
.brandSignature:before,
.consultationCard:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:linear-gradient(180deg,var(--orange),#b85f26 55%,var(--brown));
}
.brandSignature:after,
.consultationCard:after{
  content:"";
  position:absolute;
  width:130px;height:130px;
  right:-75px;top:-78px;
  border-radius:50%;
  border:1px solid rgba(185,106,45,.14);
  box-shadow:0 0 0 20px rgba(185,106,45,.025),0 0 0 42px rgba(185,106,45,.018);
  pointer-events:none;
}
.brandSignature{
  display:flex;
  align-items:center;
  padding:18px 20px 16px 22px;
}
.brandSignatureLink{
  display:flex!important;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  width:100%;
  min-height:88px;
  position:relative;
  z-index:2;
}
.brandSignature .classicLogo{
  font-size:39px!important;
}
.brandSignature .classicLogo strong{
  display:inline-block;
  min-width:46px;
  text-align:center;
  color:#fff!important;
  background:linear-gradient(145deg,#ef8537,#c75f22 58%,#954119);
  padding:3px 7px 5px;
  border-radius:9px;
  margin-left:2px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 5px 13px rgba(142,66,25,.16);
  text-shadow:0 1px 0 rgba(93,38,12,.34);
}
.brandSignature .classicLogo strong:after{display:none}
.brandMeta{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:11px;
  padding-top:9px;
  border-top:1px solid #eadfd3;
  width:100%;
}
.brandMeta b{
  margin:0!important;
  font-size:10px!important;
  letter-spacing:.17em!important;
  color:var(--copper-dark,#7d421c)!important;
}
.brandMeta small{
  margin:0!important;
  font-size:10px!important;
  letter-spacing:.08em!important;
  color:#806d5e!important;
}
.brandMeta b:after{
  content:"";
  display:inline-block;
  width:4px;height:4px;
  margin-left:9px;
  vertical-align:middle;
  border-radius:50%;
  background:var(--orange);
}

.consultationCard{
  justify-self:stretch!important;
  min-width:280px!important;
  padding:15px 17px 14px 19px!important;
  border:1px solid rgba(177,116,68,.34)!important;
  color:var(--brown)!important;
}
.consultationHead{
  display:flex;
  gap:10px;
  align-items:center;
  position:relative;
  z-index:2;
}
.consultationIcon{
  flex:0 0 auto;
  width:36px;height:36px;
  display:grid;place-items:center;
  border-radius:10px;
  color:#fff;
  background:linear-gradient(145deg,#ef8437,#a64e1d);
  box-shadow:0 5px 14px rgba(152,70,25,.15);
  font-size:16px;
}
.consultationHead b{
  display:block!important;
  font-size:11px!important;
  letter-spacing:.08em;
  line-height:1.1;
}
.consultationHead div>span{
  display:block;
  margin-top:3px;
  font-size:10px;
  color:#8b7666;
}
.consultationNumber{
  position:relative;
  z-index:2;
  font-size:24px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.65px;
  color:#372012;
  margin:12px 0 7px;
}
.consultationMeta{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  position:relative;
  z-index:2;
  font-size:9.5px;
  line-height:1.35;
  color:#806f61;
}
.consultationDot{color:var(--orange);font-weight:950}
.consultationActions{
  display:grid;
  grid-template-columns:1fr auto;
  gap:7px;
  margin-top:10px;
  position:relative;
  z-index:2;
}
.consultationActions a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:31px;
  border-radius:8px;
  font-size:10px;
  font-weight:900;
  text-decoration:none;
  transition:.18s ease;
}
.consultationActions a:first-child{
  background:linear-gradient(145deg,#6e451f,#462815);
  color:#fff!important;
  box-shadow:0 5px 13px rgba(70,40,21,.12);
}
.consultationActions a:last-child{
  padding:0 12px;
  color:var(--brown)!important;
  border:1px solid #e1d2c3;
  background:#fff;
}
.consultationActions a:hover{transform:translateY(-1px);filter:brightness(1.04)}

@media(max-width:1180px){
  .brandSignature,.consultationCard{min-height:118px}
  .brandSignature .classicLogo{font-size:34px!important}
  .consultationNumber{font-size:21px}
}
@media(max-width:820px){
  .brandSignature{grid-column:1/-1}
  .brandSignature,.consultationCard{min-height:auto}
  .consultationCard{min-width:0!important}
}
@media(max-width:560px){
  .brandSignature .classicLogo{font-size:30px!important}
  .brandMeta{align-items:flex-start;flex-direction:column;gap:3px}
  .brandMeta b:after{display:none}
  .consultationActions{grid-template-columns:1fr 1fr}
}

/* Signature v8 — animated red Add-to-Cart CTA */
.cartAddBtn{
  position:relative;
  overflow:hidden;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:11px 16px!important;
  border:1px solid rgba(143,17,17,.55)!important;
  border-radius:10px!important;
  background:
    linear-gradient(145deg,#d92d2d 0%,#b31313 58%,#8f0f0f 100%)!important;
  color:#fff!important;
  font-weight:950!important;
  letter-spacing:.01em;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    0 8px 18px rgba(155,18,18,.20)!important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.cartAddBtn:before{
  content:"";
  position:absolute;
  top:-25%;
  left:-50%;
  width:32%;
  height:150%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);
  animation:cartButtonSweep 4.8s ease-in-out infinite;
  pointer-events:none;
}
.cartAddBtn:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
  pointer-events:none;
}
.cartAddBtn:hover{
  transform:translateY(-2px) scale(1.01)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    0 12px 26px rgba(155,18,18,.27)!important;
  filter:brightness(1.05);
}
.cartAddBtn:active{
  transform:translateY(0) scale(.99)!important;
}
.cartAddIcon{
  position:relative;
  z-index:2;
  display:inline-grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:7px;
  background:rgba(255,255,255,.16);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
  font-size:13px;
}
.cartAddBtn span:last-child{
  position:relative;
  z-index:2;
}
@keyframes cartButtonSweep{
  0%,62%{left:-50%;opacity:0}
  68%{opacity:.8}
  82%{left:125%;opacity:.32}
  100%{left:125%;opacity:0}
}
@media(prefers-reduced-motion:reduce){
  .cartAddBtn:before{animation:none}
}

/* v9 — Fleischerhaken 10er-Set + Räucherlauge unit price */
.meatPriceTable{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:13px 0 16px}
.meatPriceTable>div{display:grid;gap:3px;border:1px solid #e4d7ca;border-radius:11px;padding:11px;background:linear-gradient(145deg,#fff,#fff8f1)}
.meatPriceTable span{font-size:11px;font-weight:950;color:var(--brown)}.meatPriceTable b{font-size:18px;color:#3d2513}.meatPriceTable small{font-size:10px;color:#817064}
.laugePriceHero{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px;padding:14px 16px;border:1px solid #e5cfba;border-radius:12px;background:linear-gradient(135deg,#fff7ed,#fff)}
.laugePriceHero b{color:var(--brown);font-size:12px;letter-spacing:.04em}.laugePriceHero strong{font-size:21px;color:#3d2513}.laugePriceHero span{font-size:12px;color:#79695c}
.laugePrice{display:flex;justify-content:space-between;align-items:flex-end;gap:9px;border-top:1px solid #eee2d6;margin-top:12px;padding-top:10px}.laugePrice b{font-size:18px;color:#3d2513}.laugePrice span{font-size:10px;color:#817064;text-align:right}
.productImage img[src*="fleischer"]{max-width:88%!important;max-height:88%!important;filter:drop-shadow(0 12px 12px rgba(50,35,24,.09))}
.cardImage img[src*="fleischer"],.imgBox img[src*="fleischer"]{max-width:86%!important;max-height:86%!important;filter:drop-shadow(0 9px 10px rgba(50,35,24,.08))}
@media(max-width:680px){.meatPriceTable{grid-template-columns:1fr}}

/* V10 — Räucherlaugen product visuals */
.laugeVisual{
  height:170px;margin:-1px -1px 12px;border-radius:10px;overflow:hidden;
  background:#fff;border:1px solid #eee2d6;
}
.laugeVisual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .24s ease}
.laugeCard:hover .laugeVisual img{transform:scale(1.025)}
.laugeCard{overflow:hidden}
.laugeCategoryVisuals{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.laugeCategoryVisuals a{
  display:grid;grid-template-columns:150px 1fr;align-items:center;gap:14px;
  min-height:140px;background:#fff;border:1px solid #e4d7ca;border-radius:13px;
  overflow:hidden;box-shadow:0 8px 24px rgba(70,42,20,.055)
}
.laugeCategoryVisuals img{width:150px;height:140px;object-fit:cover}
.laugeCategoryVisuals b{display:block;color:var(--brown);font-size:20px}
.laugeCategoryVisuals span{display:block;margin-top:4px;color:#806f61;font-size:12px}
@media(max-width:720px){
 .laugeCategoryVisuals{grid-template-columns:1fr}
 .laugeCategoryVisuals a{grid-template-columns:115px 1fr}
 .laugeCategoryVisuals img{width:115px;height:120px}
}

.woodProductHero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:18px;margin-bottom:18px;padding:16px;border:1px solid #e4d6c8;border-radius:15px;background:#fff;box-shadow:0 10px 28px rgba(70,42,20,.06)}
.woodProductImage{min-height:340px;display:grid;place-items:center;background:#fff;border:1px solid #eee5dc;border-radius:12px;cursor:zoom-in;overflow:hidden}.woodProductImage img{width:100%;height:100%;max-height:390px;object-fit:contain}
.woodProductBuy{display:flex;flex-direction:column;justify-content:center;padding:12px}.woodType{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#a45120}.woodProductBuy h2{font-size:31px;margin:7px 0 2px;color:#3d2513}.woodProductBuy p{color:#79695c}.woodPrice{font-size:31px;font-weight:950;color:#3d2513;margin:15px 0 3px}.woodPrice small{display:block;font-size:12px;font-weight:800;color:#806f61;margin-top:4px}.woodPack{font-size:11px;color:#806f61;margin-bottom:14px}
.recipeSection{margin-top:20px}.recipeSection>h2{font-size:28px;color:#3d2513}.recipeIntro{padding:13px 15px;border-left:4px solid var(--orange);background:#fff8ef;border-radius:8px;line-height:1.55}.recipeGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:16px 0}.recipeCard{padding:17px;border:1px solid #e4d6c8;border-radius:13px;background:linear-gradient(145deg,#fff,#fffaf4);box-shadow:0 8px 22px rgba(70,42,20,.05)}.recipeCard>span{font-size:10px;font-weight:950;letter-spacing:.1em;color:#a45120;text-transform:uppercase}.recipeCard h3{margin:5px 0 10px;color:#3d2513}.recipeCard p,.recipeCard li{font-size:12px;line-height:1.55;color:#62564d}.recipeCard ol{padding-left:19px}
@media(max-width:760px){.woodProductHero,.recipeGrid{grid-template-columns:1fr}.woodProductImage{min-height:280px}}

/* V12 — changes made directly visible in Shop + recipe area */
.shopFeatureSection{
  margin:28px 0;
  padding:22px;
  background:linear-gradient(145deg,#fff,#fff9f2);
  border:1px solid #e3d4c5;
  border-radius:16px;
  box-shadow:0 12px 34px rgba(70,42,20,.065)
}
.sectionEyebrow{display:block;margin-bottom:5px;font-size:10px;font-weight:950;letter-spacing:.13em;color:#a85221;text-transform:uppercase}
.woodShopGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.woodShopCard{
  display:grid;grid-template-columns:185px 1fr;min-height:225px;overflow:hidden;
  border:1px solid #e4d7cb;border-radius:13px;background:#fff
}
.woodShopCard>a:first-child{display:block;background:#fff}
.woodShopCard img{width:185px;height:100%;min-height:225px;object-fit:cover;display:block}
.woodShopCard>div{padding:15px;display:flex;flex-direction:column;align-items:flex-start}
.woodShopCard>div>span{font-size:9px;font-weight:950;letter-spacing:.09em;color:#a85221}
.woodShopCard h3{font-size:22px;margin:4px 0;color:#3d2513}
.woodShopCard p{font-size:12px;line-height:1.5;color:#71645a;min-height:38px}
.woodShopCard strong{font-size:23px;color:#3d2513;margin-top:auto}
.woodShopCard small{font-size:10px;color:#847367;margin:3px 0 10px}
.woodShopCard.featured{border-color:#d69b6f;box-shadow:inset 0 0 0 1px rgba(239,117,28,.10)}
.woodHint{margin-top:14px;padding:12px 14px;border-radius:9px;background:#fff3e6;color:#62452e;font-size:12px;line-height:1.5}
.pökelShopIntro{
  margin:20px 0;padding:20px;border-radius:15px;
  background:linear-gradient(135deg,#3d2514,#62401f);
  color:#fff;box-shadow:0 14px 36px rgba(61,37,20,.14)
}
.pökelShopIntro>span{font-size:10px;letter-spacing:.13em;font-weight:950;color:#f3a061}
.pökelShopIntro h2{margin:6px 0;color:#fff;font-size:27px}
.pökelShopIntro p{max-width:800px;color:#f0e4d9;line-height:1.55}
.pökelQuick{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.pökelQuick a{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.17);color:#fff;font-size:11px;font-weight:850}
@media(max-width:980px){.woodShopGrid{grid-template-columns:1fr}}
@media(max-width:620px){.woodShopCard{grid-template-columns:120px 1fr}.woodShopCard img{width:120px;min-height:210px}}
