:root{--papier:#fff;--kobalt:#0047AB;--kobalt-tief:#002E73;--pistazie:#C6D9AA;--pistazie-tief:#A7BF86;--bordeaux:#742D3C;--senf:#F4C430;--schwer:"Helvetica Neue Condensed Black","HelveticaNeue-CondensedBlack","Arial Narrow","Helvetica Neue",Helvetica,Arial,sans-serif;--leicht:"Helvetica Neue",Helvetica,Arial,sans-serif;--tinte:var(--kobalt-tief)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--leicht);font-size:17px;line-height:1.55;color:var(--tinte);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}a:hover{opacity:.8}
#farbe{position:fixed;inset:0;z-index:-1;background:#fff}
.schwer{font-family:var(--schwer);font-weight:900;font-stretch:condensed;letter-spacing:-.02em;line-height:.9;text-transform:uppercase;margin:0}
.klein{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600}
.ki{font-size:.78rem;opacity:.8;margin-top:10px}
header.k-kopf{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px max(18px,3vw);color:var(--tinte);mix-blend-mode:normal}
.k-kopf .wm{font-family:var(--schwer);font-weight:900;font-size:1.5rem;letter-spacing:.06em;text-decoration:none}
.knopf{display:inline-flex;align-items:center;gap:.5em;background:var(--kobalt);color:#fff;text-decoration:none;padding:14px 22px;font-family:var(--schwer);font-weight:900;font-stretch:condensed;font-size:1.05rem;border:2px solid var(--kobalt)}
.knopf:hover{background:var(--kobalt-tief);border-color:var(--kobalt-tief);opacity:1}
.knopf.hell{background:#fff;color:var(--kobalt-tief);border-color:#fff}
.disco{position:relative;border-radius:50%;flex:none;background-image:radial-gradient(circle at 33% 28%,rgba(255,255,255,.95) 0 5%,rgba(255,255,255,0) 24%),repeating-linear-gradient(90deg,rgba(20,30,60,.35) 0 1px,transparent 1px var(--f,9%)),repeating-linear-gradient(0deg,rgba(20,30,60,.35) 0 1px,transparent 1px var(--f,9%)),linear-gradient(135deg,#f4f6fb 0%,#b7c1d3 35%,#6f7d98 65%,#2c3550 100%);box-shadow:inset -.12em -.12em .4em rgba(0,0,0,.45),inset .06em .06em .2em rgba(255,255,255,.6);font-size:var(--d,40px);width:var(--d,40px);height:var(--d,40px)}
.disco::before{content:"";position:absolute;left:50%;top:-.6em;width:1px;height:.6em;background:currentColor;opacity:.5}
.funken{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.funken i{position:absolute;width:var(--s,10px);height:var(--s,10px);border-radius:50%;background:#fff;box-shadow:0 0 12px 3px rgba(255,255,255,.8);opacity:.0}
.tile{position:absolute;left:0;top:0;background-repeat:no-repeat;background-size:300% 300%;will-change:transform,opacity;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.polaroid{position:absolute;left:0;top:0;background:#fff;padding:6% 6% 18%;box-shadow:0 14px 34px rgba(0,0,0,.28);will-change:transform}
.polaroid div{position:absolute;left:6%;right:6%;top:5%;bottom:17%;background-repeat:no-repeat;background-size:300% 300%}
.pakete-sek{padding:clamp(70px,10vw,130px) max(18px,5vw);position:relative}
.pakete-sek h2{font-size:clamp(3rem,10vw,8rem)}
.p-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:980px;margin-top:40px}
.paket{background:#fff;color:var(--kobalt-tief);border:2px solid var(--kobalt-tief);padding:28px;display:flex;flex-direction:column;gap:6px}
.paket.top{border:4px solid var(--bordeaux)}
.paket .badge{align-self:flex-start;background:var(--pistazie);padding:4px 10px;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700}
.paket.top .badge{background:var(--bordeaux);color:#fff}
.paket h3{font-family:var(--schwer);font-weight:900;font-stretch:condensed;font-size:2rem;margin:8px 0 0;line-height:1}
.paket .preis{font-family:var(--schwer);font-weight:900;font-size:3rem;line-height:1;margin:10px 0 0}
.paket .preis s{font-family:var(--leicht);font-weight:400;font-size:1rem;opacity:.7;margin-left:.4em}
.paket ul{list-style:none;padding:0;margin:14px 0 18px;flex:1}.paket li{padding-left:1.2em;position:relative;margin:.35em 0}.paket li::before{content:"•";position:absolute;left:0;color:var(--kobalt)}
.paket .knopf{justify-content:center}
.k-fuss{padding:40px max(18px,5vw) 70px;font-size:.82rem;background:#fff;color:var(--kobalt-tief);position:relative}
.kapitel{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:20;display:flex;gap:4px;background:#fff;border:2px solid var(--kobalt-tief);padding:4px;max-width:calc(100vw - 20px);overflow-x:auto;scrollbar-width:none}
.kapitel a{font-size:.78rem;font-weight:700;text-decoration:none;padding:8px 12px;white-space:nowrap;color:var(--kobalt-tief)}
.kapitel a.on{background:var(--kobalt);color:#fff;opacity:1}
@media(max-width:760px){.p-grid{grid-template-columns:1fr}.kapitel a{padding:8px 9px;font-size:.72rem}}
