@layer components{.bl-themen{scroll-margin-top:80px}.bl-themen{--bl-tl-feder:cubic-bezier(0.22,1,0.36,1);--bl-tl-luft:var(--bl-abstand-4)}@supports (transition-timing-function:linear(0,1)){.bl-themen{--bl-tl-feder:linear( 0,0.067,0.211,0.375,0.529,0.66,0.764,0.842,0.899,0.939,0.965,0.982,0.992,0.998,1.001,1.003,1.003,1.003,1.002,1.002,1.001,1.001,1 )}}.bl-themen__kreise{margin-bottom:var(--bl-abstand-16);overflow-x:auto;border:1px solid var(--bl-linie);border-radius:var(--bl-radius-rund);background:var(--bl-weiss);scrollbar-width:none;overscroll-behavior-x:contain}.bl-themen__kreise::-webkit-scrollbar{display:none}.bl-themen__leiste{position:relative;isolation:isolate;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:var(--bl-tl-luft);width:max-content;min-width:100%;padding:var(--bl-tl-luft)}.bl-themen__kreis{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:var(--bl-abstand-8);min-height:var(--bl-tippflaeche);padding:var(--bl-abstand-4) var(--bl-abstand-16) var(--bl-abstand-4) var(--bl-abstand-4);border:0;border-radius:var(--bl-radius-rund);background:transparent;color:var(--bl-schwarz);font-family:var(--bl-schrift-text);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform var(--bl-dauer-kurz) var(--bl-kurve-auf)}.bl-themen__kreis:active{transform:scale(0.97)}.bl-themen__kreis:focus-visible{outline:2px solid var(--bl-blau);outline-offset:2px}.bl-themen__kreis::before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:var(--bl-flaeche);opacity:0;transition:opacity var(--bl-dauer-kurz) ease}@media (hover:hover){.bl-themen__kreis:not([aria-pressed="true"]):hover::before{opacity:1}}.bl-themen__pill{position:absolute;z-index:0;top:var(--bl-tl-luft);bottom:var(--bl-tl-luft);left:var(--bl-tl-luft);width:calc( (100% - 2 * var(--bl-tl-luft) - (var(--bl-tl-anzahl,1) - 1) * var(--bl-tl-luft)) / var(--bl-tl-anzahl,1) );border-radius:var(--bl-radius-rund);background:var(--bl-flaeche);box-shadow:0 1px 2px rgb(22 22 22 / 0.12),0 4px 12px rgb(22 22 22 / 0.06),inset 0 0 0 2px var(--bl-blau);transform:translateX(calc(var(--bl-tl-index,0) * (100% + var(--bl-tl-luft))));transition:transform 550ms var(--bl-tl-feder);pointer-events:none}.bl-themen__bild{display:flex;flex:none;align-items:center;justify-content:center;width:40px;height:40px;overflow:hidden;border:2px solid var(--bl-weiss);border-radius:var(--bl-radius-rund);background:var(--bl-weiss);box-shadow:0 0 0 1px var(--bl-linie);transition:box-shadow var(--bl-dauer-mittel) ease}.bl-themen__kreis[aria-pressed="true"] .bl-themen__bild{box-shadow:0 0 0 1px var(--bl-blau)}.bl-themen__bild img{width:100%;height:100%;object-fit:cover}.bl-themen__bild img.bl-themen__katbild{scale:1.18}.bl-themen__label{font-size:var(--bl-text-klein);font-weight:var(--bl-gewicht-mittel)}.bl-themen__kreis[aria-pressed="true"] .bl-themen__label{font-weight:var(--bl-gewicht-fett)}@media (min-width:48rem){.bl-themen__kreise,.bl-themen__kreis,.bl-themen__pill{border-radius:var(--bl-radius-kachel)}.bl-themen__kreis{flex-direction:column;gap:var(--bl-abstand-4);padding:var(--bl-abstand-8) var(--bl-abstand-12)}}.bl-pdp-themen__tage{display:flex;flex-direction:column;align-items:center;font-family:var(--bl-schrift-ueberschrift);font-size:var(--bl-text-gross);font-weight:var(--bl-gewicht-titel);line-height:1}.bl-pdp-themen__tage--lang{font-size:15px;white-space:nowrap}.bl-pdp-themen__tage small{font-family:var(--bl-schrift-text);font-size:9px;letter-spacing:0.1em;text-transform:uppercase}.bl-themen__karten{display:flex;flex-direction:column;gap:var(--bl-abstand-16);overflow-x:clip;overflow-clip-margin:var(--bl-abstand-16)}.bl-themen__karte{position:relative;z-index:1;padding:var(--bl-abstand-24) var(--bl-abstand-16);border-radius:var(--bl-radius-kachel);background:var(--bl-weiss);transform-origin:50% 0}.bl-themen__karte[data-oben]{z-index:2}.bl-themen__karte::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 24px 48px rgb(22 22 22 / 0.16),0 4px 12px rgb(22 22 22 / 0.08);opacity:0;pointer-events:none}.bl-themen__karte h3{margin:0 0 var(--bl-abstand-16);font-family:var(--bl-schrift-ueberschrift);font-size:var(--bl-titel-3);font-weight:var(--bl-gewicht-titel)}.bl-themen__karte > p{margin:0 0 var(--bl-abstand-16);font-size:var(--bl-text-klein)}@media (prefers-reduced-motion:reduce){.bl-themen__bild,.bl-themen__pill,.bl-themen__kreis{transition:none}}}