:root{
  --bt-bg:#020818;--bt-card:#0b2148;--bt-card-2:#081a3c;--bt-slide:#0f2654;
  --bt-cyan:#59c6ee;--bt-cyan-soft:rgba(89,198,238,.12);--bt-blue:#051ee0;
  --bt-white:#ffffff;--bt-text:#e8f1ff;--bt-muted:#b7c7e4;--bt-muted-2:#8fa3c2;
  --bt-border:rgba(89,198,238,.22);--bt-ok:#0f6e56;--bt-ok-text:#e1f5ee;
  --bt-radius:16px;--bt-max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--mp-header-h,78px) + 64px)}
body{margin:0;background:var(--bt-bg);color:var(--bt-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit}
button,input{font:inherit;color:inherit}
img{display:block;max-width:100%}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--bt-cyan);outline-offset:3px}
.bt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.bt-wrap{width:min(var(--bt-max),calc(100% - 32px));margin:0 auto}
.bt-muted{color:var(--bt-muted);margin:0}
.bt-note{font-size:12px;color:var(--bt-muted-2);margin:12px 0 0}


.bt-kicker{color:var(--bt-cyan);font-size:13px;margin:0}
.bt-lead{color:var(--bt-muted);margin:0 0 16px;max-width:640px}
.bt-hero-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}
.bt-hero-rail::-webkit-scrollbar{display:none}

.bt-ico{display:inline-flex;width:22px;height:22px;flex-shrink:0;color:var(--bt-cyan)}
.bt-ico svg{width:100%;height:100%}

.bt-finder{background:var(--bt-card);border:1px solid var(--bt-border);border-radius:var(--bt-radius);padding:18px;margin:20px 0}
.bt-finder h2{margin:0;font-size:20px;color:var(--bt-white)}
.bt-tabs{display:flex;gap:4px;background:var(--bt-card-2);border-radius:12px;padding:4px;margin:14px 0}
.bt-tabs button{flex:1;border:0;border-radius:9px;background:transparent;padding:10px 0;min-height:44px;color:var(--bt-muted);cursor:pointer}
.bt-tabs button[aria-selected="true"]{background:var(--bt-cyan);color:#031024}
.bt-goals{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.bt-goals button{text-align:left;background:var(--bt-card-2);border:1px solid var(--bt-border);border-radius:12px;padding:12px;min-height:64px;cursor:pointer}
.bt-goals button[aria-pressed="true"]{border-color:var(--bt-cyan)}
.bt-goals .bt-ico{display:flex;margin-bottom:4px}
.bt-input{width:100%;height:46px;border-radius:12px;border:1px solid var(--bt-border);background:var(--bt-card-2);padding:0 14px;color:var(--bt-white)}
.bt-suggest{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.bt-suggest button{border:1px solid var(--bt-border);background:var(--bt-card-2);border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer}
.bt-result{display:flex;gap:12px;align-items:center;background:var(--bt-card-2);border-radius:12px;padding:12px;margin-top:8px;text-decoration:none}
.bt-result-name{font-weight:600;color:var(--bt-white)}
.bt-result-why{font-size:13px;color:var(--bt-muted)}
.bt-result-price{margin-left:auto;font-weight:600;white-space:nowrap}
.bt-tag{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--bt-blue);color:#fff;margin-bottom:4px}
.bt-tag-alt{background:transparent;border:1px solid var(--bt-border);color:var(--bt-cyan)}

.bt-jump{position:sticky;top:var(--mp-header-h,78px);z-index:5;background:var(--bt-bg);border-bottom:1px solid var(--bt-border)}
.bt-jump-row{display:flex;gap:8px;overflow-x:auto;padding:10px 0;scrollbar-width:none}
.bt-jump-row::-webkit-scrollbar{display:none}
.bt-jump a{flex-shrink:0;text-decoration:none;font-size:13px;padding:8px 14px;border-radius:999px;background:var(--bt-card);border:1px solid var(--bt-border);color:var(--bt-text)}

.bt-group-title{display:flex;align-items:center;gap:8px;font-size:20px;color:var(--bt-white);margin:32px 0 4px}
.bt-group-sub{color:var(--bt-muted-2);font-size:14px;margin:0 0 12px}
.bt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}

.bt-card{background:var(--bt-card);border:1px solid var(--bt-border);border-radius:var(--bt-radius);overflow:hidden;display:flex;flex-direction:column}
.bt-card[data-preview="true"]{cursor:pointer}
.bt-gallery{position:relative}
.bt-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.bt-slides::-webkit-scrollbar{display:none}
.bt-slide{flex:0 0 100%;aspect-ratio:1/1;scroll-snap-align:start;background:var(--bt-slide);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--bt-muted-2);font-size:14px}
.bt-slide img{width:100%;height:100%;object-fit:contain;background:#f6f7fb}
.bt-slides[data-details]{cursor:zoom-in}
.bt-slide .bt-ico{width:40px;height:40px}
.bt-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.bt-badge{font-size:11px;padding:3px 9px;border-radius:999px;background:var(--bt-blue);color:#fff}
.bt-badge-alt{background:rgba(2,8,24,.82);color:var(--bt-cyan);border:1px solid var(--bt-border)}
.bt-counter{position:absolute;top:10px;right:10px;font-size:11px;padding:3px 9px;border-radius:999px;background:rgba(2,8,24,.82)}
.bt-dots{display:flex;justify-content:center;gap:5px;padding:10px 0 0}
.bt-dot{width:7px;height:7px;border-radius:50%;background:rgba(232,241,255,.4)}
.bt-dot.is-on{width:18px;border-radius:4px;background:var(--bt-cyan)}
.bt-body{padding:16px;display:flex;flex-direction:column;flex:1}
.bt-name{font-size:19px;line-height:1.25;margin:0;color:var(--bt-white)}
.bt-name-btn{all:unset;cursor:pointer}
.bt-name-btn:hover{color:var(--bt-cyan)}
.bt-name-btn:focus-visible{outline:2px solid var(--bt-cyan);outline-offset:2px}
.bt-benefit{color:var(--bt-muted);margin:4px 0 0;font-size:14px}
.bt-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.bt-chip{font-size:12px;padding:3px 10px;border-radius:999px;background:var(--bt-cyan-soft)}
.bt-values{margin-top:12px;padding:12px;border-radius:12px;background:var(--bt-card-2);font-size:13px;color:var(--bt-muted)}
.bt-values strong{display:block;color:var(--bt-white);font-size:12px;margin-bottom:2px}
.bt-more{border:0;background:none;color:var(--bt-cyan);padding:8px 0 0;cursor:pointer;font-size:13px;min-height:32px}
.bt-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--bt-muted);margin-top:12px}
.bt-meta span{display:inline-flex;align-items:center;gap:5px}
.bt-meta .bt-ico{width:16px;height:16px}
.bt-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--bt-border)}
.bt-body .bt-foot{margin-top:16px}
.bt-price{font-size:22px;font-weight:600;color:var(--bt-white);white-space:nowrap}
.bt-vat{font-size:11px;color:var(--bt-muted-2)}
.bt-actions{display:flex;gap:8px;flex:1 1 auto;justify-content:flex-end}
.bt-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:12px;font-size:14px;text-decoration:none;cursor:pointer;border:0;white-space:nowrap}
.bt-btn-primary{background:var(--bt-cyan);color:#031024}
.bt-btn-primary.is-added{background:var(--bt-ok);color:var(--bt-ok-text)}
.bt-btn-ghost{background:transparent;border:1px solid rgba(232,241,255,.35);color:var(--bt-text)}
.bt-btn-light{background:#fff;color:var(--bt-blue)}

.bt-video{margin-top:32px}
.bt-video-card{display:flex;gap:12px;align-items:center;background:var(--bt-card);border:1px solid var(--bt-border);border-radius:var(--bt-radius);padding:16px;text-decoration:none}
.bt-faq h2{font-size:20px;color:var(--bt-white);margin:32px 0 8px}
.bt-faq details{border-top:1px solid var(--bt-border);padding:14px 0}
.bt-faq summary{cursor:pointer;font-weight:600;color:var(--bt-white)}
.bt-faq p{color:var(--bt-muted);margin:8px 0 0}
.bt-legal{margin:24px auto;font-size:13px;color:var(--bt-muted-2);border:1px solid var(--bt-border);border-radius:12px;padding:14px 16px}

.bt-cartbar{position:fixed;left:0;right:0;bottom:0;z-index:10;background:var(--bt-blue);color:#fff;padding:10px 0;box-shadow:0 -8px 24px rgba(0,0,0,.35)}
.bt-cartbar-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}/* Einbettung in die globale Medpol-Seite (fixe Kopfzeile, Fusszeile) */


.bt-main{padding-top:var(--mp-header-h,78px)}
.bt-card.is-target{outline:2px solid var(--bt-cyan);outline-offset:2px}/* Detailansicht */


.bt-dlg{width:min(640px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--bt-border);border-radius:var(--bt-radius);background:var(--bt-card-2);color:var(--bt-text)}
.bt-dlg::backdrop{background:rgba(2,8,24,.72)}
.bt-dlg-inner{display:flex;flex-direction:column;max-height:calc(100dvh - 34px)}
.bt-dlg-close{position:absolute;top:8px;right:8px;width:44px;height:44px;border:0;border-radius:999px;background:transparent;color:var(--bt-white);font-size:26px;cursor:pointer}
.bt-dlg-body{padding:22px 20px 8px;overflow-y:auto}
.bt-dlg-body h2{margin:2px 44px 6px 0;font-size:22px;line-height:1.25;color:var(--bt-white)}
.bt-dlg-body h3{margin:18px 0 8px;font-size:15px;color:var(--bt-white)}
.bt-dlg-values{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px 14px;font-size:14px;color:var(--bt-muted)}
.bt-dlg-values li{padding-left:14px;position:relative}
.bt-dlg-values li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--bt-cyan)}
.bt-dlg-steps{margin:0;padding-left:20px;font-size:14px;color:var(--bt-muted)}
.bt-dlg-steps li{margin:4px 0}
.bt-dlg-note{font-size:12px;color:var(--bt-muted-2);margin:16px 0 8px}
.bt-dlg-note a{color:var(--bt-cyan)}
.bt-dlg-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px 16px;border-top:1px solid var(--bt-border)}/* Hero 18.10.2026: Messen. Verstehen. Gesund altern. */


.bt-hero{padding:28px 0 8px}
.bt-hero-grid{display:grid;gap:18px;align-items:center}
.bt-hero h1{margin:0 0 12px;color:var(--bt-white);font-weight:inherit}
.bt-hero h1 .bt-kicker{display:block;font-size:13px;letter-spacing:.02em;margin-bottom:8px}
.bt-hero-claim{display:block;font-size:clamp(34px,8.6vw,64px);line-height:1.02;font-weight:800;letter-spacing:-.02em}
.bt-hero-claim em{display:block;font-style:normal;color:var(--bt-cyan)}
.bt-hero .bt-lead{font-size:clamp(16px,2.2vw,19px);margin:0 0 18px;max-width:560px}
.bt-journey{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:560px}
.bt-journey a{display:flex;flex-direction:column;gap:2px;height:100%;padding:12px 10px;border-radius:14px;background:var(--bt-card);border:1px solid var(--bt-border);text-decoration:none;color:var(--bt-muted);font-size:12px;line-height:1.35}
.bt-journey a:hover{border-color:var(--bt-cyan)}
.bt-journey strong{color:var(--bt-white);font-size:14px;font-weight:700}
.bt-journey .bt-ico{color:var(--bt-cyan);width:22px;height:22px;margin-bottom:4px}
.bt-hero-cta{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:899px){.bt-hero-cta .bt-btn{flex:1 1 100%}}
.bt-btn-lg{min-height:50px;padding:0 20px;font-size:15px;font-weight:700}
.bt-btn-lg .bt-ico{width:18px;height:18px;margin-right:8px}
.bt-btn-sm{min-height:44px;padding:0 12px;font-size:13px}
.bt-hero-visual{position:relative;margin:0;border-radius:20px;overflow:hidden;background:#e9eef7;aspect-ratio:4/3}
.bt-hero-visual img{width:100%;height:100%;object-fit:cover}
.bt-float{position:absolute;font-size:13px;font-weight:700;padding:7px 12px;border-radius:999px;background:rgba(2,8,24,.88);color:#fff;border:1px solid rgba(89,198,238,.5)}
.bt-float-a{left:12px;bottom:12px}
.bt-float-b{right:12px;top:12px}
.bt-trust{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.bt-trust li{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--bt-muted)}
.bt-trust .bt-ico{color:var(--bt-cyan);width:18px;height:18px;flex:0 0 auto}
.bt-ico-sm{width:15px!important;height:15px!important}
.bt-trust-info{display:inline-flex;gap:8px;align-items:center;min-height:44px;padding:0;background:none;border:0;color:inherit;font:inherit;font-size:13px;cursor:pointer;text-align:left}
.bt-trust-detail{margin:6px 0 0;font-size:12px;color:var(--bt-muted-2);max-width:640px}
.bt-rail-head{display:flex;align-items:baseline;justify-content:space-between;margin:26px 0 10px}
.bt-rail-title{margin:0;font-size:18px;color:var(--bt-white)}
.bt-rcard{flex:0 0 min(78%,300px);scroll-snap-align:start;display:flex;flex-direction:column;background:var(--bt-card);border:1px solid var(--bt-border);border-radius:16px;overflow:hidden}
.bt-rcard-media{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;width:100%;padding:0;border:0;background:var(--bt-slide);cursor:pointer;color:var(--bt-cyan)}
.bt-rcard-media{position:relative;overflow:hidden}
.bt-rcard-media{background:#f6f7fb}
.bt-rcard-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.bt-rcard-media .bt-ico{width:40px;height:40px}
.bt-rcard-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
.bt-rcard-body .bt-badge{align-self:flex-start}
.bt-rcard-name{margin:4px 0 0;font-size:16px;line-height:1.25;color:var(--bt-white)}
.bt-rcard-meta{margin:0;font-size:13px;color:var(--bt-muted)}
.bt-rcard-foot{margin-top:auto;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.bt-rcard-foot .bt-price{font-size:18px}
@media(min-width:900px){
  .bt-hero{padding-top:44px}
  .bt-hero-grid{grid-template-columns:1.05fr .95fr;gap:40px}
  .bt-rcard{flex-basis:calc((100% - 24px)/3)}
  .bt-hero-claim{font-size:clamp(44px,4.6vw,62px)}
  .bt-rail-hint{display:none}
}
@media(max-width:380px){.bt-journey a{padding:10px 8px;font-size:11px}.bt-journey strong{font-size:13px}}


.bt-process-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;padding-left:24px}.bt-process-steps p{font-size:14px;line-height:1.6;color:var(--bt-muted,#aebed8)}@media(max-width:767px){.bt-process-steps{grid-template-columns:1fr}}/* 19.10.2026: Bilder vollständig, Hinweise unter dem Bild, Pop-up mit Galerie und Vollbild */


.bt-dlg{width:min(760px,calc(100% - 24px))}
.bt-dlg-gallery{position:relative;margin:-22px -20px 14px;background:#f6f7fb}
.bt-dlg-slides .bt-slide{background:#f6f7fb}
.bt-dlg-slides img{cursor:zoom-in}
.bt-dlg-dots{padding:8px 0 10px;background:var(--bt-card-2)}
.bt-dlg-nav{position:absolute;top:calc(50% - 22px);width:44px;height:44px;border:0;border-radius:999px;background:rgba(2,8,24,.72);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.bt-dlg-prev{left:10px}.bt-dlg-next{right:10px}
.bt-dlg-close{z-index:2;background:rgba(2,8,24,.72)}
@media(min-width:900px){.bt-dlg-slides{max-width:560px;margin:0 auto}}
@media(max-width:699px){
  .bt-dlg{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;border:0}
  .bt-dlg-inner{max-height:100dvh;height:100%}
  .bt-dlg-body{flex:1}
  .bt-dlg-nav{display:none}
}
.bt-zoom{position:fixed;inset:0;z-index:50;background:rgba(2,8,24,.96);display:flex;align-items:center;justify-content:center;padding:12px;cursor:zoom-out}
.bt-zoom[hidden]{display:none}
.bt-zoom img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}
.bt-zoom-close{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:26px;cursor:pointer}/* Newsletter-Rabatt-Banner (standardmässig aus) */


.bt-promo{margin:32px 0 8px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding:22px 22px;border-radius:var(--bt-radius);background:radial-gradient(circle at 12% 0%,rgba(89,198,238,.28),transparent 45%),linear-gradient(135deg,#051EE0 0%,#0b2a8f 60%,#081a3c 100%);border:1px solid rgba(180,231,255,.28)}
.bt-promo-copy{flex:1 1 320px}
.bt-promo-kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#bfeaff}
.bt-promo-title{margin:4px 0 6px;font-size:clamp(22px,3vw,30px);line-height:1.1;color:#fff}
.bt-promo p{margin:0;color:#dbe8ff;font-size:15px;max-width:560px}
.bt-promo small{display:block;margin-top:8px;color:#a9bde6;font-size:12px}
@media(max-width:699px){.bt-promo .bt-btn{flex:1 1 100%}}
.bt-promo-dlg{width:min(560px,calc(100% - 24px))}
.bt-promo-frame{display:block;width:100%;height:min(78dvh,620px);border:0;background:#fff}
@media(max-width:699px){.bt-promo-dlg{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;border:0}.bt-promo-frame{height:calc(100dvh - 4px)}}/* Einheitliche Karten (24.10.2026): gleiche Höhe, Preis/Knöpfe auf einer Linie, ruhige Texte */



.bt-grid{align-items:stretch}
.bt-card{height:100%}
.bt-body .bt-foot{margin-top:auto}
.bt-meta{margin-bottom:14px}
.bt-benefit{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
.bt-chips{max-height:30px;overflow:hidden}
.bt-values{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:6.2em}
.bt-card-note{margin:0 0 10px;font-size:12px;line-height:1.45;color:var(--bt-muted-2,#7387a8);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bt-name{min-height:2.5em}
.bt-slide.is-missing{background:#f6f7fb}
.bt-slide.is-missing:before{content:"Produktbild folgt";font-size:14px;color:#5b6b8a}
.bt-slide img{display:block}