.website[data-website] .besonderheiten{--besonderheiten-akzent:var(--produkt-akzent);--besonderheiten-tief:color-mix(in srgb, var(--besonderheiten-akzent) 52%, var(--web-ink));min-width:0}.website[data-website] .besonderheiten[data-bereich=ki]{--besonderheiten-akzent:var(--skin-produkt-ai-akzent)}.website[data-website] .besonderheiten-raster{gap:var(--web-raster-abstand);margin:var(--web-kopf-abstand) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.website[data-website] .besonderheiten-karte{min-width:0;padding:var(--web-karten-innen);border:1px solid color-mix(in srgb, var(--besonderheiten-akzent) 22%, var(--web-surface));background:linear-gradient(145deg, var(--skin-weiss-aed), color-mix(in srgb, var(--besonderheiten-akzent) 8%, var(--web-surface)));box-shadow:inset 0 1px 0 var(--skin-weiss), 0 8px 28px var(--skin-web-schatten-a05);overflow-wrap:break-word;border-radius:24px;flex-direction:column;align-items:flex-start;display:flex}.website[data-website] .besonderheiten-symbol{color:var(--besonderheiten-tief)}.website[data-website] .besonderheiten-karte h3{margin:var(--web-block-abstand) 0 0;color:var(--web-ink);text-wrap:balance;font-size:1.125rem;font-weight:650;line-height:1.35}.website[data-website] .besonderheiten-karte p{margin:calc(var(--web-block-abstand) / 2) 0 0;color:var(--web-muted);font-size:16px;line-height:1.6}@media (max-width:1023px){.website[data-website] .besonderheiten-raster{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.website[data-website] .besonderheiten-raster{grid-template-columns:minmax(0,1fr)}}.website[data-website] .besonderheiten-link{padding-top:var(--web-block-abstand);color:var(--web-ink);text-underline-offset:.2em;align-items:center;gap:.5rem;margin-top:auto;font-weight:600;text-decoration:underline;display:inline-flex}.website[data-website] .besonderheiten-link:hover{color:var(--besonderheiten-akzent)}.website[data-website] .besonderheiten-link:focus-visible{outline:2px solid var(--besonderheiten-akzent);outline-offset:4px;border-radius:4px}@media (min-width:640px){.website[data-website] .besonderheiten-karte{grid-template-columns:auto minmax(0,1fr);align-content:start;align-items:start;column-gap:14px;padding:22px 24px;display:grid}.website[data-website] .besonderheiten-karte>.besonderheiten-symbol{grid-row:1;margin-top:2px}.website[data-website] .besonderheiten-karte h3{grid-column:2;margin:0}.website[data-website] .besonderheiten-karte p{grid-column:1/-1;margin-top:10px;font-size:15px;line-height:1.55}.website[data-website] .besonderheiten-link{grid-column:1/-1;align-self:end;margin-top:12px;padding-top:0}.website[data-website] .besonderheiten-raster{gap:16px}.website[data-website] .besonderheiten-karte{grid-template-rows:auto 1fr auto}.website[data-website] .besonderheiten-karte p{align-self:start}}@media (min-width:1100px){.website[data-website] .besonderheiten-raster:is(:has(>:nth-child(8):last-child),:has(>:nth-child(4):last-child)){grid-template-columns:repeat(4,minmax(0,1fr))}}
: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}