/* Seite Konzepte (Social Bites). Nutzt die Farbwörter und Bausteine der Startseite (--paper, --ink, --accent, .btn, .pill, .big-h, .lede). */
.kz{--r:18px;}
.kz-sec{padding:clamp(56px,7vw,96px) var(--gutter);}
.kz-sec.alt{background:var(--paper-2);}
.kz-wrap{max-width:1240px;margin:0 auto;}
.kz-m{display:none;}
.kz-head{margin-bottom:clamp(26px,3.2vw,42px);}
.kz-head .lede{margin-top:16px;}
.kz .big-h.kz-h{font-size:clamp(34px,5vw,68px);}
.kz-h1{font-size:clamp(42px,7vw,104px);}
.kz-hero{padding-top:clamp(112px,11vw,150px);}
.kz-acts{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:26px;}

/* Video Vorschau, öffnet groß */
.kz-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:var(--r);overflow:hidden;background:#232321;cursor:pointer;}
.kz-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease);}
.kz-thumb:hover img{transform:scale(1.04);}
.kz-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(35,35,33,.35));pointer-events:none;}
.kz-play{position:absolute;left:50%;top:50%;z-index:1;width:66px;height:66px;margin:-33px 0 0 -33px;border-radius:50%;background:var(--accent);box-shadow:0 10px 30px -6px rgba(242,106,33,.8);transition:transform .35s var(--ease);}
.kz-play::before{content:"";position:absolute;left:27px;top:21px;border-left:18px solid #232321;border-top:12px solid transparent;border-bottom:12px solid transparent;}
.kz-thumb:hover .kz-play{transform:scale(1.08);}
.kz-thumb-lg{max-width:1060px;margin:clamp(28px,4vw,48px) auto 0;box-shadow:0 30px 70px -30px rgba(35,35,33,.45);}
.kz-thumb-lg .kz-play{width:88px;height:88px;margin:-44px 0 0 -44px;}
.kz-thumb-lg .kz-play::before{left:36px;top:28px;border-left-width:23px;border-top-width:16px;border-bottom-width:16px;}
.kz-dur{position:absolute;left:14px;bottom:12px;z-index:1;font-size:11px;color:#FEFEFE;background:rgba(35,35,33,.75);padding:5px 10px;border-radius:999px;}

/* Ausgangslage */
.kz-scs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.kz-sc{display:flex;flex-direction:column;background:var(--card);border:1.5px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color .25s ease;}
.kz-sc .kz-thumb{border-radius:0;}
.kz-sc:has(.kz-scen[aria-pressed="true"]){border-color:var(--accent);}
.kz-scen{flex:1 1 auto;display:flex;flex-direction:column;width:100%;text-align:left;background:none;border:0;padding:16px 18px 18px;cursor:pointer;color:var(--ink);transition:background .25s ease;}
.kz-scen:hover{background:color-mix(in srgb,var(--paper-2) 50%,transparent);}
.kz-scen[aria-pressed="true"]{background:color-mix(in srgb,var(--accent-tint) 60%,transparent);}
.kz-num{font-size:12px;color:var(--accent-ink);margin-bottom:6px;}
.kz-sc-t{font:700 21px/1.1 var(--head);letter-spacing:-.03em;}
.kz-sc-p{margin-top:6px;font-size:15px;line-height:1.4;color:var(--mute);font-weight:500;flex:1 1 auto;}
.kz-pick{align-self:flex-start;margin-top:14px;font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:7px 11px;border-radius:999px;border:1.5px solid var(--ink);}
.kz-pick::before{content:"Auswählen";}
.kz-scen[aria-pressed="true"] .kz-pick{background:var(--accent);border-color:var(--accent);color:#232321;}
.kz-scen[aria-pressed="true"] .kz-pick::before{content:"Ausgewählt ✓";}
.kz-alt{margin:22px 0 0;text-align:center;color:var(--mute);font-weight:600;}
.kz-alt b{color:var(--ink);}

/* Pakete */
.kz-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.kz-pack{position:relative;display:flex;flex-direction:column;height:100%;background:var(--card);border:1.5px solid var(--line);border-radius:var(--r);padding:22px;transition:border-color .3s ease,transform .3s var(--ease);}
.kz-pack:hover{border-color:var(--ink);transform:translateY(-3px);}
.kz-pack.is-top{background:#232321;color:#FEFEFE;border-color:#232321;}
.kz-pack .kz-num{margin-bottom:8px;}
.kz-pack.is-top .kz-num{color:var(--accent);}
.kz-pack h3{margin:0;font:700 26px/1 var(--head);letter-spacing:-.04em;}
.kz-pack-sub{margin:6px 0 14px;color:var(--mute);font-weight:600;font-size:15px;}
.kz-pack.is-top .kz-pack-sub,.kz-pack.is-top li{color:#D9DCD5;}
.kz-pack ul{list-style:none;margin:0 0 18px;padding:0;flex:1;}
.kz-pack li{position:relative;padding:7px 0 7px 20px;border-top:1px solid var(--line);font-size:15px;font-weight:500;}
.kz-pack.is-top li{border-top-color:rgba(254,254,254,.14);}
.kz-pack li::before{content:"";position:absolute;left:0;top:14px;width:8px;height:8px;border-radius:50%;background:var(--accent);}
.kz-pack li.kz-plus{font-weight:700;}
.kz-pack li.kz-plus::before{background:transparent;border:2px solid var(--accent);}
.kz-badge{position:absolute;top:18px;right:18px;font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;background:var(--accent);color:#232321;padding:6px 10px;border-radius:999px;}
.kz-pack .btn{justify-content:center;}
.kz-pack.is-top .btn{background:#FEFEFE;color:#232321;border-color:#FEFEFE;}

/* Baukasten: fünf Spalten */
#kzBausteine{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;}
.kz-group h3{margin:0 0 9px 2px;font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);}
.kz-grid{display:flex;flex-direction:column;gap:8px;}
.kz-block{position:relative;width:100%;text-align:left;background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:10px 11px 11px 36px;cursor:pointer;color:var(--ink);transition:border-color .25s ease,background .25s ease;}
.kz-block:hover{border-color:var(--ink);}
.kz-block strong{display:block;font-weight:700;font-size:15px;line-height:1.2;letter-spacing:-.01em;}
.kz-block span{display:block;margin-top:3px;font-size:13px;line-height:1.35;color:var(--mute);font-weight:500;}
.kz-block::before{content:"";position:absolute;left:11px;top:11px;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--mute);transition:all .25s ease;}
.kz-block[aria-pressed="true"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent-tint) 70%,var(--card));}
.kz-block[aria-pressed="true"]::before{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23232321' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/72% no-repeat;border-color:var(--accent);}

/* Paket Leiste */
.kz-summary{position:relative;z-index:5;margin-top:22px;display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:14px 26px;align-items:center;background:var(--card);border:1.5px solid var(--ink);border-radius:var(--r);padding:16px 18px 16px 22px;box-shadow:0 18px 40px -20px rgba(35,35,33,.35);}
@media (min-width:901px){.kz-summary.is-live{position:sticky;bottom:16px;}}
.kz-sum-label{margin:0;font-size:12px;color:var(--accent-ink);}
.kz-sum-count{margin:2px 0 0;font:700 24px/1.1 var(--head);letter-spacing:-.04em;}
.kz-sum-scen{margin:3px 0 0;font-size:13px;color:var(--mute);font-weight:500;}
.kz-sum-scen b{color:var(--ink);}
.kz-sum-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;max-height:86px;overflow:auto;}
.kz-sum-list li{font-size:13px;font-weight:600;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--paper-2);white-space:nowrap;}
.kz-sum-list .kz-empty{border:0;background:none;padding-left:0;color:var(--mute);font-weight:500;}
.kz-sum-act{display:grid;grid-template-columns:auto auto;align-items:center;gap:6px 14px;}
.kz-sum-act .btn.shiny[disabled]{opacity:.45;cursor:not-allowed;animation:none;}
.kz-reset{background:none;border:0;color:var(--mute);text-decoration:underline;font-size:14px;cursor:pointer;padding:0;}
.kz-note{grid-column:1/-1;margin:0;font-size:12px;color:var(--mute);}
.kz-summary.is-flash{animation:kzFlash .6s var(--ease);}
@keyframes kzFlash{from{box-shadow:0 0 0 0 rgba(242,106,33,.45);}to{box-shadow:0 0 0 14px rgba(242,106,33,0);}}

/* Ablauf */
.kz-steps{list-style:none;margin:0 0 clamp(32px,4vw,52px);padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;counter-reset:kzs;}
.kz-steps li{counter-increment:kzs;border-top:2px solid var(--ink);padding-top:14px;color:var(--mute);font-weight:500;line-height:1.45;}
.kz-steps li::before{content:"0" counter(kzs);display:block;font:500 12px/1 var(--mono);letter-spacing:.06em;color:var(--accent-ink);margin-bottom:8px;}
.kz-steps b{display:block;color:var(--ink);font:700 21px/1.1 var(--head);letter-spacing:-.03em;margin-bottom:4px;}

/* Referenz Açaí x You: kleine dunkle Karte */
.kz-ref{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:#232321;color:#FEFEFE;border-radius:var(--r);overflow:hidden;}
.kz-ref .kz-thumb{border-radius:0;height:100%;}
.kz-ref-body{padding:24px 28px 26px;}
.kz-ref-body .pill{border-color:rgba(254,254,254,.6);color:#FEFEFE;}
.kz-ref h3{margin:14px 0 10px;font:700 clamp(24px,2.4vw,32px)/1.02 var(--head);letter-spacing:-.04em;}
.kz-ref h3 .hot{color:var(--accent);}
.kz-ref-body > p{margin:0 0 18px;color:#C9CDC4;font-weight:500;line-height:1.45;}
.kz-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 16px;}
.kz-facts li{border-top:1px solid rgba(254,254,254,.2);padding-top:10px;font-size:13px;color:#C9CDC4;line-height:1.3;}
.kz-facts b{display:block;font:700 30px/1 var(--head);letter-spacing:-.04em;color:#FEFEFE;margin-bottom:5px;}

/* Schluss */
.kz-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:clamp(36px,4vw,56px);padding-top:clamp(28px,3vw,40px);border-top:1px solid var(--line);}
.kz-cta-h{margin:0;font:800 clamp(30px,4vw,56px)/.95 var(--display);letter-spacing:-.05em;}

/* Video Fenster */
.kz-lb{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(18,17,16,.88);opacity:0;transition:opacity .3s ease;}
.kz-lb.is-open{opacity:1;}
.kz-lb[hidden]{display:none;}
.kz-lb-box{position:relative;width:min(1280px,100%,calc((100vh - 48px) * 16 / 9));aspect-ratio:16/9;transform:scale(.96);transition:transform .35s var(--ease);}
.kz-lb.is-open .kz-lb-box{transform:none;}
.kz-lb video{width:100%;height:100%;display:block;background:#000;border-radius:14px;object-fit:contain;}
.kz-lb-x{position:absolute;right:0;top:-54px;width:44px;height:44px;border-radius:50%;border:0;background:#FEFEFE;cursor:pointer;}
.kz-lb-x::before,.kz-lb-x::after{content:"";position:absolute;left:13px;top:21px;width:18px;height:2px;background:#232321;transform:rotate(45deg);}
.kz-lb-x::after{transform:rotate(-45deg);}

/* Handy Leiste für das Paket */
.kz-bar{display:none;}
@media (max-width:1180px){#kzBausteine{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:900px){
  .kz-scs,.kz-packs{grid-template-columns:1fr;}
  .kz-summary{grid-template-columns:1fr;}
  .kz-ref{grid-template-columns:1fr;}
  .kz-ref .kz-thumb{height:auto;}
  .kz-bar{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:58;align-items:center;justify-content:space-between;gap:12px;background:#232321;color:#FEFEFE;border-radius:999px;padding:8px 8px 8px 18px;box-shadow:0 10px 30px rgba(0,0,0,.25);transform:translateY(140%);transition:transform .4s var(--ease);font-weight:600;}
  .kz-bar.is-on{transform:none;}
  .kz-bar a{background:var(--accent);color:#232321;border-radius:999px;padding:9px 14px;font-weight:700;font-size:14px;}
}

/* Handy: kompakt, kurze Texte */
@media (max-width:767px){
  .kz-d,.kz-hide-m{display:none !important;}
  .kz-m{display:inline;}
  .kz-swipe.kz-m{display:block;text-align:center;margin:12px 0 0;font-size:11px;color:var(--mute);}
  .kz-sec{padding:36px var(--gutter);}
  .kz-hero{padding-top:96px;padding-bottom:30px;}
  .kz-h1{font-size:clamp(38px,11vw,52px);}
  .kz .big-h.kz-h{font-size:clamp(30px,8.6vw,40px);}
  .kz .sec-pill{margin-bottom:12px;}
  .kz .lede{margin-top:10px;font-size:15px;}
  .kz-head{margin-bottom:18px;}
  .kz-acts{margin-top:16px;}
  .kz-thumb-lg{margin-top:18px;}

  .kz-scs{gap:10px;}
  .kz-sc{flex-direction:row;border-radius:14px;}
  .kz-sc .kz-thumb{flex:0 0 38%;aspect-ratio:auto;min-height:112px;}
  .kz-sc .kz-thumb img{position:absolute;inset:0;}
  .kz-sc .kz-play{width:40px;height:40px;margin:-20px 0 0 -20px;}
  .kz-sc .kz-play::before{left:16px;top:13px;border-left-width:11px;border-top-width:7px;border-bottom-width:7px;}
  .kz-sc .kz-dur{left:7px;bottom:7px;font-size:9px;padding:3px 7px;}
  .kz-scen{padding:10px 12px 11px;}
  .kz-num{font-size:10px;margin-bottom:2px;}
  .kz-sc-t{font-size:17px;}
  .kz-sc-p{font-size:13px;margin-top:3px;line-height:1.35;}
  .kz-pick{margin-top:8px;font-size:10px;padding:5px 9px;}
  .kz-alt{margin-top:14px;font-size:14px;}

  .kz-packs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;scrollbar-width:none;padding-bottom:4px;align-items:flex-start;}
  .kz-packs::-webkit-scrollbar{display:none;}
  .kz-pack{flex:0 0 84%;scroll-snap-align:start;height:auto;padding:16px;}
  .kz-pack:hover{transform:none;}
  .kz-pack h3{font-size:22px;}
  .kz-pack-sub{font-size:14px;margin:4px 0 10px;}
  .kz-pack li{font-size:14px;padding:5px 0 5px 18px;}
  .kz-pack li::before{top:11px;}

  #kzBausteine{grid-template-columns:1fr;gap:14px;}
  .kz-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
  .kz-block{padding:9px 8px 9px 30px;border-radius:10px;}
  .kz-block span{display:none;}
  .kz-block strong{font-size:13.5px;}
  .kz-block::before{left:9px;top:10px;width:14px;height:14px;}
  .kz-summary{margin-top:16px;padding:14px;gap:10px;border-radius:14px;}

  .kz-steps{grid-template-columns:1fr;gap:10px;margin-bottom:24px;}
  .kz-steps li{display:grid;grid-template-columns:34px 1fr;padding-top:9px;font-size:14px;border-top-width:1px;}
  .kz-steps li::before{grid-row:1/span 2;margin:2px 0 0;}
  .kz-steps b{grid-column:2;font-size:17px;margin:0;}
  .kz-steps li > span{grid-column:2;}

  .kz-ref{border-radius:14px;}
  .kz-ref .kz-thumb{aspect-ratio:2/1;}
  .kz-ref-body{padding:16px 16px 18px;}
  .kz-ref h3{font-size:22px;margin:10px 0 8px;}
  .kz-ref-body > p{font-size:14px;margin-bottom:12px;}
  .kz-facts{gap:0 10px;}
  .kz-facts li{font-size:11px;}
  .kz-facts b{font-size:21px;}
  .kz-cta{margin-top:28px;padding-top:22px;}
}
@media (prefers-reduced-motion:reduce){.kz-pack,.kz-block,.kz-bar,.kz-lb,.kz-lb-box,.kz-thumb img{transition:none;}.kz-summary.is-flash{animation:none;}}

/* Kopf auf Tablet und Handy: Platz für "Anfrage senden" links neben dem Menü-Knopf freihalten (die Startseite hat hier noch Sprach- und Hintergrundwahl) */
@media (max-width:900px){.site-head .head-actions [data-theme-toggle]{margin-right:152px;}}