:root .website[data-website] :is(.hero-video-bild,.dach-hero-bild .dach-tafeln){min-width:0;position:relative}:root .website[data-website] .hero-video-taste{z-index:2;border:2px solid var(--skin-weiss);background:var(--web-akzent-tief);max-width:calc(100% - 40px);min-height:64px;color:var(--skin-weiss);box-shadow:var(--web-glass-shadow);text-align:left;cursor:pointer;border-radius:999px;align-items:center;gap:14px;padding:14px 22px;font-size:clamp(14px,1.2vw,18px);font-weight:600;display:flex;position:absolute;bottom:20px;left:20px}:root .website[data-website] .hero-video-taste svg{flex-shrink:0}:root .website[data-website] .hero-video-taste span{overflow-wrap:anywhere;min-width:0}:root .website[data-website] :is(.hero-video-taste,.hero-video-dialog button):focus-visible{outline:3px solid var(--web-akzent);outline-offset:4px}:root .website[data-website] .hero-video-dialog{overscroll-behavior:contain;border:1px solid var(--skin-web-linie);background:var(--skin-flaeche);width:min(1100px,100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);color:var(--skin-tinte);box-shadow:var(--web-glass-shadow);border-radius:22px;margin:auto;padding:20px;overflow:auto}:root .website[data-website] .hero-video-dialog::backdrop{background:color-mix(in srgb, var(--skin-tinte) 75%, transparent)}:root .website[data-website] .hero-video-kopf{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;font-weight:600;display:flex}:root .website[data-website] .hero-video-kopf button{background:var(--web-akzent-hell);width:44px;height:44px;color:var(--web-akzent-tief);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;display:grid}:root .website[data-website] .hero-video-hinweis{margin-bottom:12px}:root .website[data-website] .hero-video-dialog .demo-video{grid-template-columns:minmax(0,1fr)}:root .website[data-website] .hero-video-dialog .demo-video video{aspect-ratio:16/9;max-height:70dvh}@media (orientation:portrait) and (max-width:767px){:root .website[data-website] .hero-video-dialog .demo-video video{aspect-ratio:9/16}}@media (max-width:720px){:root .website[data-website] .hero-video-taste{gap:10px;max-width:calc(100% - 24px);min-height:56px;padding:10px 14px;bottom:12px;left:12px}:root .website[data-website] .hero-video-dialog{padding:12px}}@media (prefers-reduced-motion:reduce){:root .website[data-website] :is(.hero-video-taste,.hero-video-dialog,.hero-video-dialog *){transition:none!important;animation:none!important}}
:root .website[data-website] .start-paket{border:1px solid color-mix(in srgb, var(--app-accent,var(--web-akzent)) 35%, transparent);background:color-mix(in srgb, var(--app-accent,var(--web-akzent)) 9%, transparent);max-width:600px;color:var(--skin-tinte-2);border-radius:16px;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:20px 0 0;padding:10px 14px;font-size:14px;line-height:1.5;display:flex}:root .website[data-website] .start-paket-marke{background:color-mix(in srgb, var(--app-accent,var(--web-akzent)) 18%, transparent);color:var(--app-deep,var(--web-akzent-tief));white-space:nowrap;border-radius:999px;padding:2px 10px;font-weight:700}:root .website[data-website] .start-paket a{color:var(--app-deep,var(--web-akzent-tief));text-underline-offset:3px;white-space:nowrap;align-items:center;gap:4px;font-weight:650;text-decoration:underline;display:inline-flex}:root .website[data-website] .price-content>.start-paket{justify-self:start;margin:0}
