/* ==========================================================
   adventino.de - Startseite (indexneu.php)
   Alle Klassen beginnen mit "st-", damit Bootstrap 3 und
   style.css des Shops nicht beeinflusst werden.
   ========================================================== */

@font-face{font-family:"Fraunces";src:url("fonts/fraunces-normal.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("fonts/fraunces-italic.woff2") format("woff2");font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url("fonts/nunitosans-normal.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"Caveat";src:url("fonts/caveat-normal.woff2") format("woff2");font-weight:600 700;font-style:normal;font-display:swap}

html{overflow-x:hidden}
body{overflow-x:hidden;overflow-x:clip}

/* Volle Breite, obwohl start.php den Inhalt in .container einbettet */
.st-page{
    position:relative;left:50%;width:100vw;margin-left:-50vw;margin-top:-1rem;margin-bottom:-1rem;
    background:#FBF6EE;color:#2A1A15;
    font-family:"Nunito Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;
    -webkit-font-smoothing:antialiased;overflow:hidden;overflow:clip
}
.st-page *,.st-page *:before,.st-page *:after{box-sizing:border-box}
.st-page a{color:#A3162D;text-decoration:none}
.st-page a:hover,.st-page a:focus{color:#7E0F22;text-decoration:none}
.st-page h1,.st-page h2,.st-page h3{color:inherit}
.st-page img{max-width:100%}
.st-wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.st-hidden{display:none !important}
.st-hand{font-family:"Caveat",cursive}
.st-center{justify-content:center}

.st-ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}
.st-ic-s{width:16px;height:16px}
.st-ic-fill{fill:currentColor;stroke:none}

.st-eyebrow{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#A3162D;margin:0 0 18px}
.st-eyebrow:before{content:"";width:28px;height:2px;background:#A3162D;border-radius:2px}
.st-eyebrow.st-light{color:#F2C9A0}
.st-eyebrow.st-light:before{background:#F2C9A0}
.st-h2{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:52px;line-height:1.05;letter-spacing:-.015em;margin:0 0 18px}
.st-h2 em{font-style:italic;color:#A3162D;font-weight:500}
.st-lead{font-size:19px;line-height:1.6;color:#5E4B43;margin:0;max-width:620px}

.st-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;font-family:inherit;font-size:17px;font-weight:800;text-decoration:none;cursor:pointer;border:2px solid transparent;transition:transform .2s ease,background .2s ease,color .2s ease;line-height:1.2}
.st-btn:hover{transform:translateY(-2px)}
.st-page .st-btn-primary{background:#A3162D;color:#fff;box-shadow:0 10px 24px -10px rgba(163,22,45,.7)}
.st-page .st-btn-primary:hover,.st-page .st-btn-primary:focus{background:#7E0F22;color:#fff}
.st-page .st-btn-ghost{background:transparent;color:#2A1A15;border-color:#2A1A15}
.st-page .st-btn-ghost:hover,.st-page .st-btn-ghost:focus{background:#2A1A15;color:#fff}
.st-btn-small{min-height:44px;padding:0 18px;font-size:15px}
.st-btn[disabled]{opacity:.6;cursor:wait;transform:none}

/* ---------- Hero ---------- */
.st-hero{position:relative;display:flex;align-items:center;min-height:calc(100vh - 100px);max-height:880px;min-height:max(560px, min(calc(100vh - 100px), 880px));overflow:hidden;background:#2A1A15;color:#fff;isolation:isolate}
.st-hero-bild{position:absolute;top:-3%;right:-3%;bottom:-3%;left:-3%;background:#3A2720 url("bilder/hero-hintergrund.jpg") center center/cover no-repeat;animation:st-kenburns 32s ease-in-out infinite alternate;z-index:-3}
@keyframes st-kenburns{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.12) translate3d(-1.5%,-1%,0)}}
.st-hero-schleier{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(ellipse 70% 65% at 50% 48%,rgba(28,12,8,.58) 0%,rgba(28,12,8,.72) 55%,rgba(20,8,6,.88) 100%),linear-gradient(180deg,rgba(20,8,6,.25) 0%,rgba(20,8,6,0) 30%,rgba(20,8,6,.55) 100%)}
.st-schnee{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}
.st-flocke{position:absolute;top:-24px;color:#fff;line-height:1;text-shadow:0 0 8px rgba(255,255,255,.55);will-change:transform;animation:st-fall linear infinite}
@keyframes st-fall{0%{transform:translate3d(0,-30px,0) rotate(0deg)}100%{transform:translate3d(var(--st-drift,30px),110vh,0) rotate(220deg)}}
.st-hero-inhalt{position:relative;text-align:center;max-width:960px;padding-top:72px;padding-bottom:96px}
.st-hero-h1{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 22px;font-family:"Nunito Sans",sans-serif;font-size:14px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#F2C9A0;line-height:1.4}
.st-hero-linie{flex:0 0 42px;height:1px;background:rgba(242,201,160,.7)}
.st-hero-h2{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:76px;line-height:1.02;letter-spacing:-.02em;margin:0 0 26px;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.35)}
.st-hero-h2 em{display:block;font-style:italic;font-weight:500;color:#F2C9A0}
.st-hero-text{font-size:21px;line-height:1.55;color:#F4EBDD;max-width:640px;margin:0 auto 36px}
.st-btn-gross{min-height:60px;padding:0 38px;font-size:18px}
.st-page .st-hero .st-btn-primary{box-shadow:0 18px 40px -14px rgba(163,22,45,.95)}
.st-hero-versand{display:flex;align-items:center;gap:14px;max-width:560px;margin:40px auto 0;padding:14px 20px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;font-size:15px;line-height:1.45;color:#F4EBDD}
.st-hero-versand b{color:#fff}
.st-page .st-hero-versand-liste{color:#fff;font-weight:600}
.st-hero-versand-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.st-hero-versand-liste li{position:relative;padding-left:18px}
.st-hero-versand-liste li:before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:50%;background:#F2C9A0}
.st-hero-versand-ic{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#F2C9A0;color:#2A1A15;display:flex;align-items:center;justify-content:center}
.st-hero-versand-ic .st-ic{width:22px;height:22px}
.st-page .st-hero-weiter{position:absolute;left:50%;bottom:22px;margin-left:-23px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.4);color:#fff;display:flex;align-items:center;justify-content:center;animation:st-hops 2.4s ease-in-out infinite}
.st-page .st-hero-weiter:hover,.st-page .st-hero-weiter:focus{color:#fff;background:rgba(255,255,255,.15)}
@keyframes st-hops{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}

/* ---------- Laufband ---------- */
.st-ticker{background:#A3162D;color:#FFF3E6;overflow:hidden;white-space:nowrap;border-top:1px solid #7E0F22;border-bottom:1px solid #7E0F22}
.st-ticker-track{display:inline-flex;animation:st-ticker 40s linear infinite;padding:16px 0}
.st-ticker-track span{display:inline-flex;align-items:center;gap:14px;padding:0 22px;font-weight:700;font-size:17px}
.st-ticker-track .st-ic{width:14px;height:14px;color:#F2C9A0}
@keyframes st-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- SALE ---------- */
.st-sale{padding:90px 0 80px;background:#fff;border-bottom:1px solid #EADFD2}
.st-sale-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px}
.st-sale-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px}
.st-sale-word{display:inline-block;font-family:"Nunito Sans",sans-serif;font-weight:800;font-size:1.45em;letter-spacing:.04em;line-height:1;color:#fff;background:#A3162D;border-radius:18px;padding:.08em .28em .1em;transform:rotate(-2deg);box-shadow:0 14px 28px -14px rgba(163,22,45,.9)}
.st-sale-nav{display:flex;align-items:center;gap:10px;flex-shrink:0}
.st-arrow{width:48px;height:48px;border-radius:50%;border:2px solid #2A1A15;background:#fff;color:#2A1A15;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.st-arrow:hover{background:#2A1A15;color:#fff}
.st-arrow[disabled]{opacity:.3;cursor:default;background:#fff;color:#2A1A15}
.st-sale-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px) / 4);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 14px;scrollbar-width:thin}
.st-scard{scroll-snap-align:start;background:#FBF6EE;border:1px solid #EADFD2;border-radius:22px;overflow:hidden;display:flex;flex-direction:column}
.st-scard-img{position:relative;display:block;background:#fff}
.st-scard-img img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;padding:10px;transition:transform .4s ease}
.st-scard-img:hover img{transform:scale(1.04)}
.st-rabatt{position:absolute;left:12px;top:12px;background:#A3162D;color:#fff;font-weight:800;font-size:15px;border-radius:999px;padding:6px 12px;box-shadow:0 6px 14px -8px rgba(163,22,45,.9)}
.st-scard-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.st-page .st-scard-name{color:#2A1A15;font-weight:700;font-size:15px;line-height:1.3;min-height:39px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.st-page .st-scard-name:hover{color:#A3162D}
.st-scard-preis{display:flex;align-items:baseline;gap:10px;margin-top:auto}
.st-scard-preis s{color:#8A7466;font-size:15px}
.st-scard-preis b{font-family:"Fraunces",Georgia,serif;font-size:26px;font-weight:700;color:#A3162D}
.st-scard-btn{width:100%}
.st-scard-btn .st-ic{width:18px;height:18px}
.st-page .st-sale-add.is-done{background:#1F4A3A;box-shadow:none}

/* ---------- Kategorien (wie bisher) ---------- */
.st-kat{padding:80px 0 90px}
.st-kat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.st-page .st-kat-karte{display:flex;flex-direction:column;background:#fff;border:1px solid #EADFD2;border-radius:24px;overflow:hidden;color:#2A1A15;box-shadow:0 22px 44px -36px rgba(42,26,21,.55);transition:transform .3s ease,box-shadow .3s ease,border-color .3s}
.st-page .st-kat-karte:hover,.st-page .st-kat-karte:focus{transform:translateY(-6px);box-shadow:0 30px 54px -32px rgba(42,26,21,.6);border-color:#D9C2AE;color:#2A1A15}
.st-kat-bild{display:block;position:relative;overflow:hidden;aspect-ratio:16/10;background:#F4EBDD}
.st-kat-bild img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.st-kat-karte:hover .st-kat-bild img{transform:scale(1.06)}
.st-kat-body{display:flex;flex-direction:column;gap:8px;padding:22px 24px 26px;flex:1}
.st-kat-titel{font-family:"Fraunces",Georgia,serif;font-size:27px;font-weight:600;line-height:1.15}
.st-kat-text{color:#5E4B43;font-size:16px;line-height:1.55}
.st-kat-btn{align-self:flex-start;margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;background:#A3162D;color:#fff;font-weight:800;font-size:15px;transition:background .2s ease,gap .2s ease}
.st-kat-btn .st-ic{width:16px;height:16px}
.st-kat-body .st-kat-btn{margin-top:14px}
.st-kat-karte:hover .st-kat-btn{background:#7E0F22;gap:12px}

/* ---------- Hinweis-Toast ---------- */
.st-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:#2A1A15;color:#fff;padding:14px 22px;border-radius:14px;font-weight:700;z-index:99990;box-shadow:0 20px 40px -20px rgba(0,0,0,.6);max-width:90vw;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}
.st-toast.is-on{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}
.st-page .st-toast a{color:#F2C9A0;text-decoration:underline}

/* ---------- Jahresende ---------- */
.st-season{padding:110px 0}
.st-season-head{text-align:center;max-width:760px;margin:0 auto 44px}
.st-season-head .st-lead{margin:0 auto}
.st-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:28px}
.st-step{position:relative;background:#fff;border-radius:18px;padding:16px 16px 20px;text-align:left;font-family:inherit;cursor:pointer;color:#2A1A15;border:1px solid #EADFD2;overflow:hidden;min-height:44px}
.st-step:hover{border-color:#A3162D}
.st-step small{display:block;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#A3162D;margin-bottom:4px}
.st-step span{font-family:"Fraunces",Georgia,serif;font-size:19px;font-weight:600}
.st-step i{position:absolute;left:0;bottom:0;height:4px;width:0;background:#A3162D}
.st-step.on{background:#2A1A15;color:#fff;border-color:#2A1A15}
.st-step.on small{color:#F2C9A0}
.st-step.on i{animation:st-fill 7s linear forwards;background:#F2C9A0}
.st-steps.is-manual .st-step.on i{animation:none;width:100%}
@keyframes st-fill{from{width:0}to{width:100%}}
.st-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);background:#fff;border-radius:30px;overflow:hidden;border:1px solid #EADFD2;min-height:480px;animation:st-fade .5s ease}
@keyframes st-fade{from{opacity:0}to{opacity:1}}
.st-stage-img{position:relative;min-height:420px;background:#F4EBDD}
.st-stage-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.st-date{position:absolute;left:22px;top:22px;background:#fff;border-radius:16px;padding:10px 16px;font-family:"Caveat",cursive;font-size:26px;line-height:1;color:#A3162D;box-shadow:0 10px 24px -14px rgba(0,0,0,.5)}
.st-stage-body{padding:40px 40px 36px;display:flex;flex-direction:column}
.st-stage-body h3{font-family:"Fraunces",Georgia,serif;font-size:36px;font-weight:600;line-height:1.1;margin:0 0 12px}
.st-stage-body p{margin:0 0 24px;color:#5E4B43;line-height:1.6;font-size:17px}
.st-stage-body .st-eyebrow{margin-bottom:12px}
.st-minis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:26px}
.st-page .st-mini{border:1px solid #EADFD2;border-radius:16px;padding:10px;color:#2A1A15;display:flex;flex-direction:column;gap:4px}
.st-page .st-mini:hover{border-color:#A3162D;color:#2A1A15}
.st-mini img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
.st-mini span{font-size:13px;font-weight:700;line-height:1.25;min-height:32px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}
.st-mini b{color:#A3162D;font-size:15px}
.st-stage-body .st-btn{margin-top:auto;align-self:flex-start}

/* ---------- Persoenlich ---------- */
.st-seg{display:inline-flex;background:#F4EBDD;border-radius:999px;padding:5px;gap:4px}
.st-seg button{border:0;background:transparent;min-height:44px;padding:0 22px;border-radius:999px;font-family:inherit;font-weight:800;font-size:15px;color:#5E4B43;cursor:pointer}
.st-seg button.on{background:#2A1A15;color:#fff}
.st-personal{padding:110px 0;background:#2A1A15;color:#F4EBDD}
.st-personal .st-h2{color:#fff}
.st-personal .st-h2 em{color:#F2C9A0}
.st-personal .st-lead{color:#D8C8B8}
.st-p-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:48px;align-items:end;margin-bottom:44px}
.st-namebox{background:#3A2720;border:1px solid #4E372E;border-radius:24px;padding:22px}
.st-namebox label{display:block;font-weight:800;font-size:15px;margin-bottom:10px;color:#F2C9A0}
.st-namerow{display:flex;gap:10px}
.st-namerow input{flex:1;min-width:0;min-height:54px;border-radius:14px;border:2px solid #6A4E42;background:#FBF6EE;color:#2A1A15;padding:0 18px;font-family:"Fraunces",Georgia,serif;font-size:24px;font-weight:600;outline:none;box-shadow:none}
.st-namerow input:focus{border-color:#F2C9A0}
.st-seg-dark{background:#4E372E;margin:14px 0 0}
.st-seg-dark button{color:#E9DCCB}
.st-seg-dark button.on{background:#F2C9A0;color:#2A1A15}
.st-pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.st-pgrid-video{grid-template-columns:minmax(0,1.15fr) repeat(3,minmax(0,1fr))}
.st-pcard{background:#FBF6EE;color:#2A1A15;border-radius:24px;overflow:hidden;display:flex;flex-direction:column}
.st-pimg{position:relative;display:block;container-type:inline-size;background:#fff}
.st-pimg img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.st-ov{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;line-height:1;text-align:center;font-size:24px}
.st-ov-stocking{left:42.4%;top:22.2%;font-family:"Nunito Sans",sans-serif;font-weight:800;color:#111}
.st-ov-apron{left:49.6%;top:64.6%;font-family:"Fraunces",Georgia,serif;font-style:italic;font-weight:600;color:#fff}
.st-ov-sack{left:47.4%;top:81.6%;font-family:"Nunito Sans",sans-serif;font-weight:800;color:#fff}
.st-ov-teddy{left:48.9%;top:79.8%;font-family:"Nunito Sans",sans-serif;font-weight:800;color:#fff;text-shadow:0 0 2px #2A1A15,0 1px 2px #2A1A15}
.st-ov-chaos{left:50%;top:78.2%;font-family:"Nunito Sans",sans-serif;font-weight:700;color:#fff}
.st-pbody{padding:18px 18px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.st-tag{align-self:flex-start;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1F4A3A;background:#DCEBE3;border-radius:999px;padding:4px 10px}
.st-pbody h3{font-family:"Fraunces",Georgia,serif;font-size:21px;font-weight:600;margin:4px 0 0;line-height:1.2}
.st-pbody p{margin:0;color:#5E4B43;font-size:15px;line-height:1.5}
.st-pr{margin-top:auto;padding-top:10px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.st-pr b{font-size:19px;color:#A3162D}
.st-pr a{font-weight:800;font-size:15px;display:inline-flex;align-items:center;gap:6px;min-height:44px}
.st-pr a .st-ic{width:16px;height:16px}
.st-video{background:#10261E;position:relative;padding-top:100%;container-type:inline-size;overflow:hidden}
.st-video-film{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background:#10261E}
.st-video.is-playing .st-sub,.st-video.is-playing .st-play,.st-video.is-playing .st-newbadge{display:none}
.st-sub{pointer-events:none}
.st-snow{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.75) 1.2px,transparent 1.6px),radial-gradient(circle,rgba(255,255,255,.45) 1px,transparent 1.4px);background-size:38px 38px,23px 23px;background-position:0 0,11px 17px;animation:st-snow 14s linear infinite}
@keyframes st-snow{from{background-position:0 0,11px 17px}to{background-position:0 380px,11px 247px}}
.st-deer{position:absolute;left:50%;top:44%;width:52%;transform:translate(-50%,-50%);color:#F2C9A0}
.st-deer .st-ic{width:100%;height:auto;stroke-width:1.4}
.st-sub{position:absolute;left:6%;right:6%;bottom:7%;background:rgba(0,0,0,.55);color:#fff;border-radius:12px;padding:12px 14px;font-family:"Fraunces",Georgia,serif;font-size:17px;line-height:1.25;text-align:center}
.st-page .st-play{position:absolute;right:5%;top:5%;width:60px;height:60px;border:0;padding:0;border-radius:50%;background:rgba(163,22,45,.92);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 0 8px rgba(255,255,255,.22),0 14px 30px -10px rgba(0,0,0,.6);transition:transform .2s ease,background .2s ease}
.st-page .st-play:hover{background:#7E0F22;color:#fff;transform:scale(1.06)}
.st-play .st-ic{width:22px;height:22px}
.st-newbadge{position:absolute;left:5%;top:5%;background:#F2C9A0;color:#2A1A15;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:800;letter-spacing:.06em}
@supports (width:1cqw){
  .st-sub{padding:3.5cqw 4cqw;font-size:5.4cqw}
  .st-page .st-play{width:17cqw;height:17cqw}
  .st-play .st-ic{width:45%;height:45%}
  .st-newbadge{padding:1.6cqw 3.4cqw;font-size:3.6cqw}
}

/* ---------- Beliebte Produkte (Kundenlieblinge) ---------- */
.st-beliebt{position:relative;padding:110px 0 50px}
.st-bl-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:26px}
.st-bl-intro .st-h2{margin-bottom:14px}
.st-bl-intro .st-lead{max-width:600px}
.st-bl-intro-hand{font-family:"Caveat",cursive;font-size:30px;line-height:1.1;color:#A3162D;transform:rotate(-4deg);text-align:center;flex-shrink:0;padding-bottom:10px}
.st-bl-intro-hand .st-ic{display:block;width:44px;height:44px;margin:6px auto 0;stroke-width:1.4;transform:rotate(18deg)}

/* Sprungleiste, bleibt beim Scrollen unter der Shop-Navigation stehen */
.st-bl-nav{position:-webkit-sticky;position:sticky;top:60px;z-index:30;padding:12px 0;margin-bottom:10px;background:rgba(251,246,238,.96);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}
.st-bl-chips{position:relative;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px}
.st-bl-chips::-webkit-scrollbar{display:none}
.st-page .st-bl-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:4px 18px 4px 4px;border-radius:999px;background:#fff;border:1px solid #EADFD2;color:#2A1A15;font-weight:800;font-size:14px;white-space:nowrap;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .2s ease,box-shadow .25s ease}
.st-bl-chip img{width:36px;height:36px;border-radius:50%;object-fit:contain;background:#fff;border:2px solid var(--st-c);padding:2px}
.st-bl-chip i{display:none}
.st-page .st-bl-chip:hover,.st-page .st-bl-chip:focus{color:#2A1A15;border-color:var(--st-c);transform:translateY(-1px)}
.st-page .st-bl-chip.on{background:#2A1A15;border-color:#2A1A15;color:#fff;box-shadow:0 10px 22px -14px rgba(42,26,21,.8)}

/* Farbwelten der Segmente */
.st-bl-t1{--st-bg:linear-gradient(140deg,#B51D36 0%,#86102A 100%);--st-fg:#fff;--st-ac:#F6D3AE;--st-mut:rgba(255,255,255,.84);--st-glow:rgba(255,196,160,.38);--st-dot:rgba(255,255,255,.16);--st-c:#A3162D}
.st-bl-t2{--st-bg:linear-gradient(140deg,#F1E4CD 0%,#E6D2B2 100%);--st-fg:#2A1A15;--st-ac:#A3162D;--st-mut:#5E4B43;--st-glow:rgba(255,255,255,.75);--st-dot:rgba(122,84,40,.13);--st-c:#C9A06A}
.st-bl-t3{--st-bg:linear-gradient(140deg,#28594A 0%,#143628 100%);--st-fg:#fff;--st-ac:#F2C9A0;--st-mut:rgba(255,255,255,.82);--st-glow:rgba(170,230,190,.24);--st-dot:rgba(255,255,255,.14);--st-c:#1F4A3A}
.st-bl-t4{--st-bg:linear-gradient(140deg,#F8E8E1 0%,#EFD3C9 100%);--st-fg:#2A1A15;--st-ac:#A3162D;--st-mut:#5E4B43;--st-glow:rgba(255,255,255,.8);--st-dot:rgba(163,22,45,.10);--st-c:#D9917F}
.st-bl-t5{--st-bg:linear-gradient(140deg,#43291F 0%,#23140F 100%);--st-fg:#fff;--st-ac:#F2C9A0;--st-mut:rgba(255,255,255,.8);--st-glow:rgba(242,201,160,.24);--st-dot:rgba(255,255,255,.13);--st-c:#6B4535}
.st-bl-t6{--st-bg:linear-gradient(140deg,#E7EFE8 0%,#D3E2D7 100%);--st-fg:#1C2E25;--st-ac:#1F4A3A;--st-mut:#4C5F55;--st-glow:rgba(255,255,255,.8);--st-dot:rgba(31,74,58,.12);--st-c:#7FA690}

.st-bl-seg{padding:14px 0;scroll-margin-top:140px}
.st-bl-panel{position:relative;isolation:isolate;overflow:hidden;border-radius:34px;padding:48px 48px 50px;background:var(--st-bg);color:var(--st-fg);box-shadow:0 40px 70px -56px rgba(42,26,21,.75)}
.st-bl-panel:before{content:"";position:absolute;z-index:-1;width:620px;height:620px;right:-200px;top:-300px;border-radius:50%;background:radial-gradient(circle,var(--st-glow) 0%,rgba(255,255,255,0) 68%);pointer-events:none}
.st-bl-panel:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--st-dot) 1.3px,transparent 1.8px);background-size:26px 26px;-webkit-mask-image:linear-gradient(115deg,transparent 30%,#000 75%);mask-image:linear-gradient(115deg,transparent 30%,#000 75%);pointer-events:none}
.st-bl-zahl{position:absolute;z-index:-1;right:38px;top:-28px;font-family:"Fraunces",Georgia,serif;font-size:230px;font-weight:600;font-style:italic;line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:2px var(--st-fg);opacity:.11;pointer-events:none;-webkit-user-select:none;user-select:none}

.st-bl-kopf{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:end;margin-bottom:34px}
.st-bl-kicker{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--st-ac)}
.st-bl-nr{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1.5px solid currentColor;font-family:"Fraunces",Georgia,serif;font-size:15px;font-weight:600;letter-spacing:0}
.st-page .st-bl-titel{margin:0;font-family:"Fraunces",Georgia,serif;font-size:50px;font-weight:600;line-height:1.02;letter-spacing:-.015em;color:var(--st-fg);overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual}
.st-bl-hand{display:block;margin:0 0 2px 4px;font-family:"Caveat",cursive;font-size:36px;font-weight:700;line-height:1;letter-spacing:0;color:var(--st-ac);transform:rotate(-3deg);transform-origin:left bottom}
.st-bl-kopf-r{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-bottom:4px}
.st-bl-text{margin:0;font-size:17px;line-height:1.6;color:var(--st-mut)}
.st-page .st-bl-alle{background:#2A1A15;color:#fff;box-shadow:0 14px 28px -16px rgba(42,26,21,.8)}
.st-page .st-bl-alle:hover,.st-page .st-bl-alle:focus{background:#A3162D;color:#fff}
.st-page .st-bl-t1 .st-bl-alle,.st-page .st-bl-t3 .st-bl-alle,.st-page .st-bl-t5 .st-bl-alle{background:#fff;color:#2A1A15;box-shadow:0 14px 28px -16px rgba(0,0,0,.7)}
.st-page .st-bl-t1 .st-bl-alle:hover,.st-page .st-bl-t3 .st-bl-alle:hover,.st-page .st-bl-t5 .st-bl-alle:hover,
.st-page .st-bl-t1 .st-bl-alle:focus,.st-page .st-bl-t3 .st-bl-alle:focus,.st-page .st-bl-t5 .st-bl-alle:focus{background:#F6D3AE;color:#2A1A15}
.st-bl-alle .st-ic{transition:transform .2s ease}
.st-bl-alle:hover .st-ic{transform:translateX(4px)}

.st-bl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.st-bl-grid .st-scard{background:#fff;border:0;box-shadow:0 26px 40px -30px rgba(0,0,0,.55);transition:transform .3s ease,box-shadow .3s ease}
.st-bl-grid .st-scard:hover{transform:translateY(-6px);box-shadow:0 34px 50px -30px rgba(0,0,0,.6)}
.st-bl-grid .st-scard-img{background:#fff}
.st-bl-grid .st-scard-body{border-top:1px solid #F1E8DD}

/* Einblenden beim Scrollen (nur mit JavaScript) */
@keyframes st-bl-panel{from{opacity:0;transform:translateY(46px) scale(.975)}}
@keyframes st-bl-karte{from{opacity:0;transform:translateY(34px)}}
@keyframes st-bl-zahl{from{opacity:0;transform:translateX(40px)}}
.st-bl-anim .st-bl-seg .st-bl-panel,.st-bl-anim .st-bl-seg .st-scard{opacity:0}
.st-bl-anim .st-bl-seg.is-in .st-bl-panel{opacity:1;animation:st-bl-panel .9s cubic-bezier(.2,.75,.2,1) backwards}
.st-bl-anim .st-bl-seg.is-in .st-bl-zahl{animation:st-bl-zahl 1.2s cubic-bezier(.2,.75,.2,1) .15s backwards}
.st-bl-anim .st-bl-seg.is-in .st-scard{opacity:1;animation:st-bl-karte .75s cubic-bezier(.2,.75,.2,1) backwards}
.st-bl-anim .st-bl-seg.is-in .st-scard:nth-child(1){animation-delay:.25s}
.st-bl-anim .st-bl-seg.is-in .st-scard:nth-child(2){animation-delay:.35s}
.st-bl-anim .st-bl-seg.is-in .st-scard:nth-child(3){animation-delay:.45s}
.st-bl-anim .st-bl-seg.is-in .st-scard:nth-child(4){animation-delay:.55s}

@media (max-width:1080px){
  .st-bl-panel{padding:40px 36px 40px}
  .st-bl-kopf{gap:28px}
  .st-page .st-bl-titel{font-size:42px}
  .st-bl-zahl{font-size:190px}
}
@media (max-width:900px){
  .st-bl-intro-hand{display:none}
  .st-bl-kopf{grid-template-columns:minmax(0,1fr);gap:18px}
  .st-bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .st-beliebt{padding:68px 0 24px}
  .st-bl-intro{margin-bottom:12px}
  .st-bl-nav{padding:10px 0;margin-bottom:4px}
  .st-bl-chips{gap:8px}
  .st-page .st-bl-chip{min-height:44px;font-size:13px;padding-right:14px;gap:8px}
  .st-bl-chip img{width:34px;height:34px}
  .st-bl-seg{padding:8px 0;scroll-margin-top:128px}
  .st-bl-panel{border-radius:26px;padding:28px 14px 14px;box-shadow:0 30px 50px -44px rgba(42,26,21,.8)}
  .st-bl-panel:before{width:380px;height:380px;right:-160px;top:-190px}
  .st-bl-kopf{padding:0 6px;margin-bottom:22px;gap:14px}
  .st-bl-kicker{font-size:11.5px;gap:10px;margin-bottom:12px;letter-spacing:.12em}
  .st-bl-nr{width:34px;height:34px;font-size:13px}
  .st-page .st-bl-titel{font-size:31px}
  .st-bl-hand{font-size:28px}
  .st-bl-text{font-size:15.5px}
  .st-bl-zahl{font-size:130px;right:12px;top:-14px;-webkit-text-stroke-width:1.5px}
  .st-bl-alle{width:100%}
  .st-bl-grid{gap:10px}
  .st-bl-grid .st-scard{border-radius:18px}
  .st-bl-grid .st-scard-body{padding:12px 12px 14px}
  .st-bl-grid .st-scard-preis b{font-size:19px}
  .st-bl-grid .st-scard-preis s{font-size:13px}
  .st-bl-grid .st-scard-btn{min-height:40px;padding:0 10px;font-size:13px;gap:6px}
  .st-bl-grid .st-scard-btn .st-ic{display:none}
  .st-page .st-bl-grid .st-scard-name{font-size:13.5px;min-height:35px}
}
@media (prefers-reduced-motion:reduce){
  .st-bl-anim .st-bl-seg .st-bl-panel,.st-bl-anim .st-bl-seg .st-scard{opacity:1;animation:none}
  .st-page .st-bl-chip,.st-bl-grid .st-scard{transition:none}
}

/* ---------- Paket ---------- */
.st-parcel{padding:110px 0 90px}
.st-parcel-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.st-box{position:relative;background:#E7D2B4;border-radius:26px;padding-top:80%;overflow:hidden;border:1px solid #D8BF9C}
.st-tape{position:absolute;left:0;right:0;top:44%;height:14%;background:#D4B98F;transition:opacity .4s}
.st-label{position:absolute;right:9%;bottom:12%;width:38%;background:#fff;border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.45;color:#2A1A15;box-shadow:0 8px 16px -12px rgba(0,0,0,.5);transform:rotate(-2deg);transition:opacity .4s}
.st-label b{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8A7466;margin-bottom:2px}
.st-bars{display:block;height:22px;margin-top:8px;background:repeating-linear-gradient(90deg,#2A1A15 0 2px,transparent 2px 4px,#2A1A15 4px 5px,transparent 5px 8px)}
.st-flap{position:absolute;left:0;right:0;top:0;height:44%;background:#E7D2B4;border-bottom:1px solid #D8BF9C}
.st-plist{list-style:none;padding:0;margin:26px 0 30px;display:flex;flex-direction:column;gap:14px}
.st-plist li{display:flex;gap:14px;align-items:flex-start;font-size:17px;line-height:1.5;color:#3D2A23}
.st-plist .st-ic{color:#1F4A3A;margin-top:3px}

/* ---------- Kategorien ---------- */
.st-cats{padding:40px 0 110px}
.st-cat-head{margin-bottom:36px}
.st-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:230px;gap:16px}
.st-page .st-tile{position:relative;border-radius:24px;overflow:hidden;color:#fff;display:block;background:#2A1A15}
.st-tile img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.st-tile:hover img{transform:scale(1.06)}
.st-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(20,10,8,.78) 100%)}
.st-tt{position:absolute;left:22px;right:22px;bottom:20px;z-index:1}
.st-tt b{display:block;font-family:"Fraunces",Georgia,serif;font-size:26px;font-weight:600;line-height:1.1}
.st-tt span{font-size:15px;font-weight:600;opacity:.92}
.st-page .st-tile:hover,.st-page .st-tile:focus{color:#fff}
.st-t-big{grid-column:span 2;grid-row:span 2}
.st-t-big .st-tt b{font-size:36px}
.st-t-wide{grid-column:span 2}

/* ---------- SEO-Text ---------- */
.st-seotext{padding:0 0 90px}
.st-seotext .st-wrap{max-width:900px}
.st-seotext h2{font-family:"Fraunces",Georgia,serif;font-size:30px;font-weight:600;line-height:1.2;margin:0 0 16px;color:#2A1A15}
.st-seotext p{margin:0 0 14px;color:#5E4B43;font-size:16px;line-height:1.7}
.st-page .st-seotext a{text-decoration:underline;text-underline-offset:2px}

/* ---------- Tablet ---------- */
@media (max-width:1080px){
  .st-h2{font-size:44px}
  .st-hero-h2{font-size:60px}
  .st-parcel-grid,.st-p-head{grid-template-columns:minmax(0,1fr)}
  .st-kat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .st-pgrid,.st-pgrid-video{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st-steps{grid-template-columns:repeat(5,minmax(160px,1fr));overflow-x:auto;padding-bottom:6px}
  .st-stage{grid-template-columns:minmax(0,1fr)}
  .st-stage-img{min-height:320px}
  .st-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st-sale-track{grid-auto-columns:calc((100% - 36px) / 3)}
}

/* ---------- Smartphone ---------- */
@media (max-width:640px){
  .st-wrap{padding:0 16px}
  .st-hero{min-height:620px;max-height:none}
  .st-hero-bild{background-image:url("bilder/hero-hintergrund-mobil.jpg")}
  .st-hero-inhalt{padding-top:110px;padding-bottom:100px}
  .st-hero-h1{font-size:12px;letter-spacing:.14em;gap:10px}
  .st-hero-linie{flex-basis:18px}
  .st-hero-h2{font-size:42px}
  .st-hero-text{font-size:17px;margin-bottom:28px}
  .st-btn-gross{width:100%}
  .st-hero-versand{margin-top:28px;font-size:14px}
  .st-h2{font-size:34px}
  .st-lead{font-size:17px}
  .st-kat{padding:56px 0 64px}
  .st-kat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .st-page .st-kat-karte{border-radius:18px}
  .st-kat-bild{aspect-ratio:1/1}
  .st-kat-body{padding:12px 12px 14px;gap:5px}
  .st-kat-titel{font-size:17px;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}
  .st-kat-text{font-size:13px;line-height:1.45}
  .st-kat-body .st-kat-btn{margin-top:8px;min-height:38px;padding:0 14px;font-size:13px}
  .st-season,.st-personal,.st-parcel{padding:72px 0}
  .st-sale{padding:64px 0 56px}
  .st-sale-head{flex-direction:column;align-items:flex-start}
  .st-sale-nav .st-arrow{display:none}
  .st-sale-track{grid-auto-columns:72%;gap:12px}
  .st-scard-preis b{font-size:22px}
  .st-pgrid,.st-pgrid-video{grid-template-columns:minmax(0,1fr)}
  .st-stage-body{padding:24px}
  .st-stage-body h3{font-size:28px}
  .st-minis{gap:8px}
  .st-mini span{font-size:12px}
  .st-page .st-mini{padding:8px}
  .st-bento{grid-template-columns:minmax(0,1fr);grid-auto-rows:190px}
  .st-t-big,.st-t-wide{grid-column:span 1;grid-row:span 1}
  .st-t-big .st-tt b{font-size:28px}
  .st-seotext{padding-bottom:64px}
  .st-seotext h2{font-size:24px}
}

@media (prefers-reduced-motion:reduce){
  .st-ticker-track,.st-snow,.st-step.on i,.st-hero-bild,.st-hero-weiter{animation:none}
  .st-tile img,.st-kat-bild img{transition:none}
}