.smp-bb{position:relative;background:var(--smp-bb-grund, #0b0b0d);color:var(--smp-bb-text, #ffffff);isolation:isolate}.smp-bb__grund{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.smp-bb__grundbild{width:100%;height:100%;object-fit:cover;display:block}.smp-bb__schleier{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--smp-bb-schleier, .55))}.smp-bb__inhalt{position:relative;z-index:1}.smp-bb__augenbraue{margin:0 0 .9rem;color:var(--smp-bb-akzent, #e6006e);font-weight:700;letter-spacing:.16em;text-transform:uppercase;line-height:1.3}.smp-bb__titel{margin:0 0 1.1rem;line-height:.98;letter-spacing:-.015em;color:var(--smp-bb-text, #ffffff)}.smp-bb--einzeilig .smp-bb__titel{white-space:nowrap;max-width:100%}.smp-bb--einzeilig .smp-bb__titel--bike{white-space:normal;font-size:clamp(2.4rem,8vw,4.4rem)}.smp-bb__unterzeile{margin:0;max-width:44ch;color:var(--smp-bb-leise, #a8a8b4);line-height:1.45}.smp-bb__gesetzt[hidden],.smp-bb__frage[hidden],.smp-bb__knopf[hidden]{display:none}.smp-bb__knoepfe{display:flex;flex-wrap:wrap;gap:1rem;margin:2.2rem 0 0}.smp-bb__knopf{display:inline-flex;align-items:center;justify-content:center;gap:.9rem;min-height:5.2rem;padding:1.3rem 2.4rem;border:0;border-radius:999px;font-family:inherit;font-size:1.6rem;font-weight:700;letter-spacing:.02em;text-decoration:none;cursor:pointer}.smp-bb__knopf--haupt{background:var(--smp-bb-knopf, #e6006e);color:var(--smp-bb-knopftext, #ffffff);flex:1 1 100%}.smp-bb__knopf--zweit{flex:1 1 100%;background:transparent;color:var(--smp-bb-text, #ffffff);box-shadow:inset 0 0 0 1px #ffffff4d}@media screen and (min-width:600px){.smp-bb__knopf--haupt,.smp-bb__knopf--zweit{flex:0 0 auto}}.smp-bb__knopf:hover,.smp-bb__knopf:focus-visible{opacity:.9}.smp-bb__knopfzeichen{flex:0 0 auto;width:2.4rem;height:2.4rem}.smp-bb__knopfzeichen svg{width:100%;height:100%;display:block}.smp-bb__kacheltitel{margin:3.2rem 0 1.2rem;font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--smp-bb-leise, #a8a8b4)}.smp-bb__kacheln{display:grid;grid-template-columns:repeat(var(--smp-bb-spalten, 2),minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}.smp-bb--kacheln-reihe .smp-bb__kacheln{grid-auto-flow:column;grid-auto-columns:42vw;grid-template-columns:none;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:.4rem;scrollbar-width:none}.smp-bb--kacheln-reihe .smp-bb__kacheln::-webkit-scrollbar{display:none}.smp-bb--kacheln-reihe .smp-bb__kachel{scroll-snap-align:start}@media screen and (min-width:750px){.smp-bb--kacheln-reihe .smp-bb__kacheln{grid-auto-columns:22rem}.smp-bb__kacheln{gap:1.4rem}}.smp-bb__kachel{display:flex;min-width:0}.smp-bb__kachelflaeche{position:relative;display:block;width:100%;padding:0;border:0;border-radius:1.4rem;overflow:hidden;background:var(--smp-bb-kachel, #17171c);box-shadow:inset 0 0 0 1px var(--smp-bb-kachelrand, #2e2e38);color:inherit;font-family:inherit;text-align:left;text-decoration:none;cursor:pointer}.smp-bb__kachelflaeche:hover,.smp-bb__kachelflaeche:focus-visible{box-shadow:inset 0 0 0 2px var(--smp-bb-akzent, #e6006e)}.smp-bb__kachelbild{display:block;aspect-ratio:var(--smp-bb-verhaeltnis, 4 / 3);background:#ffffff0a}.smp-bb__kachelbild img{width:100%;height:100%;object-fit:cover;display:block}.smp-bb__kachelbild--leer{background:linear-gradient(145deg,#ffffff12,#ffffff05)}.smp-bb__kachelname{display:block;padding:1rem 1.2rem 1.2rem;font-size:1.4rem;font-weight:700;line-height:1.2;overflow-wrap:break-word}@media(prefers-reduced-motion:reduce){.smp-bb--kacheln-reihe .smp-bb__kacheln{scroll-behavior:auto}}.smp-bb__kopf{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:3.6rem;padding:3.6rem 1.6rem 3.2rem;border:.1rem solid rgba(230,0,110,.4);background:radial-gradient(80% 70% at 50% 0%,rgba(230,0,110,.24),transparent 70%),radial-gradient(60% 60% at 50% 100%,rgba(170,1,170,.14),transparent 70%),#111116;box-shadow:0 0 4.8rem -1.6rem #e6006e73;text-align:center}.smp-bb__kopf .smp-bb__frage,.smp-bb__kopf .smp-bb__gesetzt{display:flex;flex-direction:column;align-items:center;width:100%}.smp-bb__kopf .smp-bb__frage[hidden],.smp-bb__kopf .smp-bb__gesetzt[hidden]{display:none}.smp-bb__kopf .smp-bb__unterzeile{max-width:32rem;margin-left:auto;margin-right:auto}.smp-bb__kopf .smp-bb__knoepfe{justify-content:center;width:100%;margin-top:2.4rem}.smp-bb__kopf .smp-bb__knopf--haupt{box-shadow:0 1rem 2.8rem -.8rem #e6006e99}@media screen and (min-width:990px){.smp-bb__kopf{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:7.2rem;padding:7.2rem 4rem 6.4rem;border:.1rem solid rgba(230,0,110,.35);background:radial-gradient(60% 90% at 50% 0%,rgba(230,0,110,.22),transparent 70%),radial-gradient(40% 70% at 50% 100%,rgba(170,1,170,.12),transparent 70%),#111116;box-shadow:0 0 8rem -2rem #e6006e59;text-align:center}.smp-bb__kopf .smp-bb__frage,.smp-bb__kopf .smp-bb__gesetzt{display:flex;flex-direction:column;align-items:center}.smp-bb__kopf .smp-bb__frage[hidden],.smp-bb__kopf .smp-bb__gesetzt[hidden]{display:none}.smp-bb__kopf .smp-bb__augenbraue{margin-bottom:1.6rem;font-size:1.6rem;letter-spacing:.22em}.smp-bb__kopf .smp-bb__titel{margin-bottom:2rem;line-height:.95}.smp-bb__kopf .smp-bb__unterzeile{max-width:60rem;margin-left:auto;margin-right:auto}.smp-bb__kopf .smp-bb__knoepfe{justify-content:center;margin-top:3.2rem}.smp-bb__kopf .smp-bb__knopf{min-height:6rem;padding:0 4rem;font-size:1.8rem}.smp-bb__kopf .smp-bb__knopf--haupt{box-shadow:0 1.2rem 3.6rem -1rem #e6006e99}}@media screen and (max-width:989px){.smp-bb__kachel--extra-mobil,.smp-bb__mehrzeile--nur-desk{display:none}}@media screen and (min-width:990px){.smp-bb__kachel--extra-desk,.smp-bb__mehrzeile--nur-mobil{display:none}}.smp-bb__mehrzeile{display:flex;justify-content:center;margin-top:2rem}.smp-bb__mehr{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:4.8rem;padding:0 2.8rem;border:.2rem solid rgba(255,255,255,.85);background:transparent;color:#fff;font:inherit;font-size:1.4rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background-color .15s ease,color .15s ease}.smp-bb__mehr:hover,.smp-bb__mehr:focus-visible{background:#fff;color:#111}.smp-bb__mehr svg{width:1.8rem;height:1.8rem;transition:transform .2s ease}.smp-bb__mehr:hover svg{transform:translate(.3rem)}.smp-bb-pop-offen{overflow:hidden}.smp-bb__pop{width:min(56rem,calc(100vw - 3.2rem));max-height:min(80dvh,72rem);padding:0;border:.1rem solid rgba(230,0,126,.45);background:#111114;color:#fff;overflow:hidden}.smp-bb__pop[open]{display:flex;flex-direction:column}.smp-bb__pop::backdrop{background:#000000bf}.smp-bb__pop-kopf{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.6rem 1.6rem 1.2rem 2rem;border-bottom:.1rem solid rgba(255,255,255,.12)}.smp-bb__pop-titel{margin:0;font-size:2rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.smp-bb__pop-zu{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;background:#fff;color:#111;cursor:pointer}.smp-bb__pop-zu svg{width:2rem;height:2rem}.smp-bb__pop-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0;padding:1.6rem;list-style:none;overflow-y:auto;overscroll-behavior:contain}.smp-bb__pop-raster>li{display:flex;min-width:0}.smp-bb__pop-kachel{display:flex;flex-direction:column;width:100%;padding:0;border:.1rem solid rgba(255,255,255,.12);background:#1b1b20;color:#fff;font:inherit;text-decoration:none;cursor:pointer;transition:border-color .15s ease}.smp-bb__pop-kachel:hover,.smp-bb__pop-kachel:focus-visible{border-color:#e6007e}.smp-bb__pop-bild{position:relative;display:block;aspect-ratio:4 / 3;background:#fff}.smp-bb__pop-bild img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:8%;box-sizing:border-box}.smp-bb__pop-name{padding:.8rem 1rem;font-size:1.3rem;font-weight:700;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:750px){.smp-bb__pop-raster{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;padding:2rem}.smp-bb__pop-titel{font-size:2.4rem}.smp-bb__pop-name{font-size:1.4rem}}@media screen and (min-width:990px){.smp-bb__mehrzeile{margin-top:2.8rem}.smp-bb__mehr{min-height:5.2rem;padding:0 3.6rem;font-size:1.5rem}}@media screen and (min-width:990px){.smp-bb__pop{width:min(130rem,calc(100vw - 8rem));max-height:min(88dvh,96rem)}.smp-bb__pop-kopf{padding:2rem 2rem 1.6rem 2.8rem}.smp-bb__pop-titel{font-size:2.8rem}.smp-bb__pop-raster{grid-template-columns:repeat(6,minmax(0,1fr));gap:1.6rem;padding:2.8rem}.smp-bb__pop-name{padding:1rem 1.2rem;font-size:1.5rem}}@media screen and (min-width:990px){.smp-bb__kopf.smp-bb__kopf{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"text knoepfe";align-items:center;column-gap:4rem;margin-bottom:5.6rem;padding:3.6rem 5.6rem;background:radial-gradient(50% 120% at 15% 0%,rgba(230,0,110,.22),transparent 70%),radial-gradient(40% 100% at 85% 100%,rgba(170,1,170,.14),transparent 70%),#111116;text-align:left}.smp-bb__kopf.smp-bb__kopf .smp-bb__frage,.smp-bb__kopf.smp-bb__kopf .smp-bb__gesetzt{grid-area:text;align-items:flex-start}.smp-bb__kopf.smp-bb__kopf .smp-bb__augenbraue{margin-bottom:1rem}.smp-bb__kopf.smp-bb__kopf .smp-bb__titel{margin-bottom:1rem;line-height:1}.smp-bb__kopf.smp-bb__kopf .smp-bb__unterzeile{max-width:none;margin:0}.smp-bb__kopf.smp-bb__kopf .smp-bb__knoepfe{grid-area:knoepfe;flex-wrap:nowrap;justify-content:flex-end;gap:1.6rem;width:auto;margin-top:0}.smp-bb__kopf.smp-bb__kopf .smp-bb__knopf{min-height:7.2rem;padding:0 4.8rem;font-size:2rem;white-space:nowrap}.smp-bb__kopf.smp-bb__kopf .smp-bb__knopf--haupt{min-width:32rem}.smp-bb__kopf:has(.smp-bb__knopf--zweit:not([hidden])) .smp-bb__knopf--haupt{min-width:0;border:.2rem solid rgba(255,255,255,.85);background:transparent;color:#fff;box-shadow:none}.smp-bb__kopf:has(.smp-bb__knopf--zweit:not([hidden])) .smp-bb__knopf--haupt .smp-bb__knopfzeichen{display:none}.smp-bb__kopf.smp-bb__kopf .smp-bb__knopf--zweit:not([hidden]){order:2;border-color:var(--smp-bb-knopf, #e6007e);background:var(--smp-bb-knopf, #e6007e);color:var(--smp-bb-knopftext, #fff);box-shadow:0 1.2rem 3.6rem -1rem #e6006e99}.smp-bb__kopf.smp-bb__kopf .smp-bb__knopf--zweit:not([hidden]):after{content:"\2192";margin-left:1rem}}@media screen and (min-width:990px)and (max-width:1199px){.smp-bb__kopf.smp-bb__kopf{padding:3.2rem 3.6rem;column-gap:2.4rem}.smp-bb__kopf.smp-bb__kopf .smp-bb__knopf{min-height:6rem;padding:0 3.2rem;font-size:1.7rem}.smp-bb__kopf.smp-bb__kopf .smp-bb__knopf--haupt{min-width:24rem}}@media screen and (min-width:990px){.smp-bb__kopf:has(.smp-bb__knopf--zweit:not([hidden])) .smp-bb__knoepfe{flex-direction:column;align-items:stretch;gap:1.2rem}.smp-bb__kopf:has(.smp-bb__knopf--zweit:not([hidden])) .smp-bb__knopf--zweit{order:-1}.smp-bb__kopf:has(.smp-bb__knopf--zweit:not([hidden])) .smp-bb__knopf{justify-content:center;min-width:30rem;min-height:6rem}.smp-bb__kopf.smp-bb__kopf .smp-bb__gesetzt{min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/smp-bikebuehne.css.map */