.ai{--fokus: var(--r-pine-850);--punkt-text: var(--r-pine-950);--ai-gold: #7D621C;--ai-gold-hover: #6A5116;--kopf-h: 64px;--abzug: 75px;color:var(--r-text);font-family:var(--r-ff-ui);font-size:17px;line-height:1.5}.ai[data-ai-sprache=ko]{word-break:keep-all;overflow-wrap:anywhere}[data-theme=dark] .ai{--fokus: var(--r-gold-bright);--ai-gold: var(--r-accent);--ai-gold-hover: var(--r-accent-hover)}.ai *,.ai *:before,.ai *:after{box-sizing:border-box}.ai button{font:inherit;color:inherit}.ai :where(a,button,summary):focus-visible{outline:3px solid var(--fokus);outline-offset:3px}.ai [hidden]{display:none!important}.ai .ai-skip{position:absolute;left:-9999px;background:var(--r-surface);color:var(--r-text);padding:10px 14px;border-radius:var(--r-radius)}.ai .ai-skip:focus{left:12px;top:12px;z-index:100}.ai .ai-app{scroll-margin-top:var(--abzug);height:calc(100vh - var(--abzug));height:calc(100dvh - var(--abzug));min-height:560px;display:grid;grid-template-rows:auto minmax(0,1fr)}.ai:not(.ai-js) .ai-app{height:auto;min-height:0}.ai .ai-kopf{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px 8px;min-height:var(--kopf-h)}.ai .ai-kopf-titel{min-width:0}.ai .ai-eyebrow{margin:0;font-family:var(--r-ff-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ai-gold)}.ai .ai-kopf-titel h1{margin:0;font-family:var(--r-ff-display);font-weight:600;font-size:30px;line-height:1.1}.ai .ai-raster{--seite: clamp(150px, 19vw, 280px);display:grid;min-height:0;gap:16px;padding:6px 24px 20px;grid-template-columns:auto minmax(0,1fr) auto 360px;grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"spalte spalte spalte panel" "links leiste rechts panel";align-items:stretch}.ai .ai-raster[data-szene=telefon]{grid-template-columns:var(--seite) minmax(0,1fr) var(--seite) 360px;grid-template-areas:"links spalte rechts panel" ". leiste . panel"}.ai .ai-szene-links{grid-area:links}.ai .ai-szene-rechts{grid-area:rechts}.ai .ai-spalte{grid-area:spalte;min-height:0;min-width:0;display:grid}.ai .ai-bildleiste{grid-area:leiste}.ai .ai-panel{grid-area:panel}.ai .ai-szene-knopf{align-self:center;display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 12px 12px;cursor:pointer;text-align:center;min-width:0;background:var(--r-surface);border:1.5px solid var(--r-border);border-radius:var(--r-radius-lg);box-shadow:0 6px 18px #0000001f;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.ai .ai-szene-knopf:hover{border-color:var(--r-accent);transform:translateY(-3px);box-shadow:0 12px 26px #0003}.ai .ai-szene-knopf:active{transform:none}.ai .ai-ill{display:block;width:100%}.ai .ai-ill svg{display:block;width:100%;height:auto}.ai .ai-szene-knopf .ai-ill{transition:transform .25s ease}.ai .ai-szene-knopf:hover .ai-ill{transform:scale(1.03)}.ai .ai-ill.ill-strich{width:auto}.ai .ai-ill-foto img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;border-radius:var(--r-radius-sm)}.ai .ai-ill-strich svg{width:44px;height:44px;fill:none;stroke:var(--r-accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ai .ai-sk-name{font-weight:600;font-size:16px;line-height:1.2}.ai .ai-sk-zusatz{font-size:14px;color:var(--r-text-muted)}.ai .ai-raster:not([data-szene=telefon]) .ai-szene-knopf{align-self:center;flex-direction:row;justify-content:center;gap:10px;padding:6px 16px 6px 12px;border-radius:999px;box-shadow:none}.ai .ai-raster:not([data-szene=telefon]) .ai-szene-knopf .ai-ill{width:auto}.ai .ai-raster:not([data-szene=telefon]) .ai-ill svg{width:auto;height:38px}.ai .ai-raster:not([data-szene=telefon]) .ai-ill-foto img{width:auto;height:30px;border-radius:6px}.ai .ai-raster:not([data-szene=telefon]) .ai-ill-strich svg{width:30px;height:30px}.ai .ai-raster:not([data-szene=telefon]) .ai-sk-zusatz{display:none}.ai .ai-raster:not([data-szene=telefon]) .ai-sk-name{font-size:15px;white-space:nowrap}.ai .ai-geraete-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px;padding:8px 24px 0}.ai.ai-js .ai-geraete-nav{display:none}.ai .ai-gn-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:min(260px,44vw);padding:14px 12px 12px;text-decoration:none;color:var(--r-text);text-align:center;background:var(--r-surface);border:1.5px solid var(--r-border);border-radius:var(--r-radius-lg)}.ai .ai-gn-link:hover{border-color:var(--r-accent)}.ai .ai-gn-link .ai-ill{display:grid;place-items:center;height:130px}.ai .ai-gn-link .ai-ill svg{width:auto;height:130px;max-width:100%}.ai .ai-gn-link .ai-ill-strich svg{width:56px;height:56px}.ai .ai-gn-link .ai-ill-foto{display:block;height:auto}.ai .ai-buehne{container-type:size;min-height:0;display:grid;place-items:center;transition:opacity .22s ease}.ai .ai-buehne.blende{opacity:0;transition:none}.ai .ai-geraet,.ai .ai-rahmen{position:relative}.ai .ai-flaeche{position:relative;width:100%}.ai .ai-flaeche img{display:block;width:100%;height:100%;object-fit:cover;background:#000}.ai .ai-flaeche img.fehlt{visibility:hidden}.ai .ai-g-iphone{--gh: min(100cqh, calc((100cqw - 16px) / var(--ar, .46) + 16px));height:var(--gh);width:calc((var(--gh) - 16px) * var(--ar, .46) + 16px)}.ai .ai-g-iphone .ai-rahmen{height:100%;width:100%;display:flex;padding:8px;border-radius:32px;background:linear-gradient(160deg,#2a2e2c,#141917 45%,#0b0f0e);box-shadow:inset 0 0 0 1px #c9a84c47,0 22px 50px #00000073,0 2px 6px #00000073}.ai .ai-g-iphone .ai-flaeche{width:auto;height:100%}.ai .ai-g-iphone .ai-flaeche img{border-radius:24px}.ai .ai-hoerer{position:absolute;z-index:3;top:15px;left:50%;transform:translate(-50%);width:30%;height:4px;border-radius:3px;background:#0000008c;pointer-events:none}.ai .ai-g-tv{width:min(100cqw,calc((100cqh - 44px - 20px) * 16 / 9 + 20px))}.ai .ai-g-tv .ai-rahmen{padding:10px;border-radius:8px;background:linear-gradient(160deg,#2a2e2c,#141917 45%,#0b0f0e);box-shadow:inset 0 0 0 1px #c9a84c47,0 22px 50px #00000073,0 2px 6px #00000073}.ai .ai-g-tv .ai-flaeche img{border-radius:2px}.ai .ai-fuss{display:grid;justify-items:center}.ai .ai-hals{width:9%;height:18px;background:linear-gradient(180deg,#20241f,#0d110f)}.ai .ai-platte{width:26%;height:8px;border-radius:0 0 4px 4px;background:linear-gradient(180deg,#23271f,#0b0f0e);box-shadow:0 10px 22px #0006}.ai .ai-g-auto{width:min(100cqw,175cqh)}.ai .ai-g-auto .ai-rahmen{border-radius:14px;overflow:visible;box-shadow:0 0 0 1.5px var(--r-border),0 18px 44px #00000059}.ai .ai-g-auto .ai-flaeche img{border-radius:14px}.ai .ai-platzhalter{position:absolute;z-index:4;left:10px;top:10px;margin:0;max-width:calc(100% - 20px);padding:4px 10px;border-radius:999px;font-size:12px;line-height:1.3;font-weight:600;background:var(--r-signal);color:var(--punkt-text);pointer-events:none}.ai .ai-bildleiste{min-height:36px;display:flex;justify-content:center;align-items:center}.ai .ai-bildname{margin:0;font-size:14px;color:var(--r-text-muted)}.ai .ai-chips{display:flex;gap:6px;padding:3px;background:var(--r-surface-inset);border:1.5px solid var(--r-border);border-radius:999px}.ai .ai-chip{border:0;background:transparent;padding:5px 14px;border-radius:999px;cursor:pointer;font-size:14px;color:var(--r-text-muted)}.ai .ai-chip:hover{color:var(--r-text)}.ai .ai-chip[aria-pressed=true]{background:var(--r-text);color:var(--r-bg);font-weight:600}.ai .ai-hs{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:5;width:26px;height:26px;padding:0;border-radius:50%;cursor:pointer;background:var(--r-signal);color:var(--punkt-text);border:2px solid var(--r-cream-050);box-shadow:0 0 0 1px #0009,0 2px 8px #0000008c;font-family:var(--r-ff-mono);font-weight:700;font-size:12px;line-height:1;display:grid;place-items:center;transition:transform .15s ease,background .15s ease}.ai .ai-hs:before{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--r-signal);opacity:0;animation:puls 2.4s ease-out infinite;pointer-events:none}.ai .ai-hs:after{content:"";position:absolute;inset:-9px;border-radius:50%}.ai .ai-hs:hover{transform:translate(-50%,-50%) scale(1.15)}.ai .ai-hs:focus-visible{outline:3px solid var(--r-gold-bright);outline-offset:3px;box-shadow:0 0 0 2px #000,0 2px 8px #0000008c}.ai .ai-hs.aktiv{background:var(--r-cream-050);color:var(--r-pine-850);border-color:var(--r-signal);border-width:3px;transform:translate(-50%,-50%) scale(1.15)}.ai .ai-hs.aktiv:before{animation:none}.ai .ai-hs.tipp:before{border-width:3px;animation:puls-tipp 1.5s ease-out infinite}.ai .ai-hs.tipp:after{inset:-9px;box-shadow:0 0 #e4623ab3;animation:puls-tipp-fuell 1.5s ease-out .4s infinite}.ai .ai-hs.tipp.aktiv:after{animation:none;box-shadow:none}@keyframes puls-tipp{0%{transform:scale(1);opacity:.9}75%,to{transform:scale(2.6);opacity:0}}@keyframes puls-tipp-fuell{0%{box-shadow:0 0 #e4623a8c}80%,to{box-shadow:0 0 0 18px #e4623a00}}@keyframes puls{0%{transform:scale(1);opacity:.75}80%,to{transform:scale(2);opacity:0}}.ai .ai-hs-box{position:absolute;z-index:4;pointer-events:none;border:2px solid var(--r-signal);border-radius:8px;background:#e4623a24;box-shadow:0 0 0 1px #00000073;opacity:0;transition:opacity .18s ease}.ai .ai-hs-box.an{opacity:1}.ai .ai-panel{align-self:center;display:flex;flex-direction:column;gap:10px;padding:22px 22px 18px;min-height:360px;max-height:100%;overflow:hidden;background:var(--r-surface);border:1.5px solid var(--r-border);border-radius:var(--r-radius-xl)}.ai .ai-zaehler{margin:0;font-family:var(--r-ff-mono);font-size:13px;letter-spacing:.06em;color:var(--ai-gold)}.ai .ai-p-inhalt{flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:6px;margin:-6px}.ai .ai-p-inhalt:focus-visible{outline:3px solid var(--fokus);outline-offset:-3px;border-radius:8px}.ai .ai-p-titel{margin:0;font-family:var(--r-ff-display);font-weight:600;font-size:30px;line-height:1.1}.ai .ai-p-text{margin:0;color:var(--r-text)}.ai .ai-panel.leer .ai-p-text{color:var(--r-text-muted)}.ai .ai-p-zeilen{margin:4px 0 0;display:grid;gap:8px}.ai .ai-p-zeilen div{padding:8px 10px;border-left:3px solid var(--r-signal);background:var(--r-surface-inset);border-radius:0 8px 8px 0}.ai .ai-p-zeilen dt{font-family:var(--r-ff-mono);font-size:13px;font-weight:500}.ai .ai-p-zeilen dd{margin:0;font-size:15px;color:var(--r-text-muted);line-height:1.4}.ai .ai-p-einstieg{margin-top:auto;padding-top:10px;display:flex;flex-wrap:wrap;gap:10px}.ai .ai-p-einstieg .ai-knopf-haupt{flex:none}.ai .ai-p-hinweis{margin:2px 0 0;padding:8px 10px;font-size:15px;line-height:1.4;color:var(--r-text-muted);border-left:3px solid var(--r-border-strong);background:var(--r-surface-inset);border-radius:0 8px 8px 0}.ai .ai-p-nav{flex:none;padding-top:10px;display:flex;gap:10px}.ai .ai-knopf{padding:10px 18px;border-radius:999px;cursor:pointer;font-weight:600;font-size:15px;line-height:1.2;border:1.5px solid transparent}.ai .ai-knopf-haupt{flex:1;background:var(--ai-gold);color:var(--r-accent-contrast)}.ai .ai-knopf-haupt:hover{background:var(--ai-gold-hover)}.ai .ai-knopf-zweit{background:transparent;border-color:var(--r-border-strong);color:var(--r-text);text-align:left}.ai .ai-knopf-zweit:hover{border-color:var(--r-accent)}.ai .ai-knopf:disabled{opacity:.4;cursor:default}.ai #p-wechsel{align-self:flex-start}.ai .ai-textfassung{max-width:980px;margin:0 auto;padding:32px 24px 64px}.ai:not(.ai-js) .ai-textfassung{padding-top:24px}.ai .ai-textfassung summary{cursor:pointer;font-family:var(--r-ff-display);font-weight:600;font-size:28px;padding:8px 0}.ai .ai-tf-einf{color:var(--r-text-muted);max-width:62ch}.ai .ai-tf-einstieg h2{font-family:var(--r-ff-display);font-weight:600;font-size:28px;margin:8px 0 4px}.ai .ai-tf-einstieg p{max-width:62ch;margin:0 0 16px}.ai .ai-tf-szene{margin-top:28px}.ai .ai-tf-szene h2{font-family:var(--r-ff-display);font-weight:600;font-size:28px;margin:0 0 8px}.ai .ai-tf-hinweis{display:inline-block;margin:0 0 12px;padding:3px 10px;border-radius:999px;background:var(--r-signal);color:var(--punkt-text);font-size:13px;font-weight:600}.ai .ai-tf-bild{display:grid;grid-template-columns:200px 1fr;gap:8px 28px;align-items:start;margin-bottom:28px}.ai .ai-tf-bild h3{grid-column:1 / -1;margin:0;font-size:18px}.ai .ai-tf-bild img{width:200px;height:auto;border-radius:14px;background:#000}.ai .ai-tf-szene:nth-of-type(n+2) .ai-tf-bild{grid-template-columns:minmax(0,360px) 1fr}.ai .ai-tf-szene:nth-of-type(n+2) .ai-tf-bild img{width:100%}.ai .ai-tf-bild ol{margin:0;padding-left:1.4em;display:grid;gap:10px}.ai .ai-tf-bild ul{margin:6px 0 0;padding-left:1.2em;color:var(--r-text-muted);font-size:15px}@media(max-width:899px){.ai{--kopf-h: 52px}.ai .ai-kopf{padding:8px 16px 4px}.ai .ai-kopf-titel h1{font-size:22px}.ai .ai-eyebrow{display:none}.ai .ai-raster,.ai .ai-raster[data-szene=telefon]{padding:6px 16px 0;gap:6px 8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto auto;grid-template-areas:"spalte spalte" "leiste leiste" "links rechts" "panel panel"}.ai .ai-szene-knopf,.ai .ai-raster:not([data-szene=telefon]) .ai-szene-knopf{flex-direction:column;justify-content:center;gap:0;padding:6px 6px 5px;align-self:stretch;width:100%;border-radius:14px;border-width:1.5px;box-shadow:none}.ai .ai-szene-knopf .ai-ill,.ai .ai-raster:not([data-szene=telefon]) .ai-szene-knopf .ai-ill{width:auto;height:64px;display:grid;place-items:center}.ai .ai-ill svg,.ai .ai-raster:not([data-szene=telefon]) .ai-ill svg{width:auto;height:64px;max-width:100%}.ai .ai-ill-strich svg,.ai .ai-raster:not([data-szene=telefon]) .ai-ill-strich svg{width:34px;height:34px}.ai .ai-sk-name,.ai .ai-raster:not([data-szene=telefon]) .ai-sk-name{font-size:13px;line-height:1.15}.ai .ai-sk-zusatz,.ai .ai-raster:not([data-szene=telefon]) .ai-sk-zusatz{display:none}.ai .ai-szene-knopf:hover{transform:none;box-shadow:none}.ai .ai-szene-knopf:hover .ai-ill{transform:none}.ai .ai-geraete-nav{padding:6px 16px 0;gap:10px}.ai .ai-gn-link{width:calc(50% - 5px);padding:8px 6px 6px}.ai .ai-gn-link .ai-ill,.ai .ai-gn-link .ai-ill svg{height:64px}.ai .ai-gn-link .ai-ill-strich svg{width:34px;height:34px}.ai .ai-szene-knopf .ai-ill-foto,.ai .ai-raster:not([data-szene=telefon]) .ai-szene-knopf .ai-ill-foto,.ai .ai-gn-link .ai-ill-foto{display:grid;place-items:center;width:100%;height:64px}.ai .ai-ill-foto img,.ai .ai-raster:not([data-szene=telefon]) .ai-ill-foto img{width:160px;max-width:100%;height:64px;aspect-ratio:auto;object-fit:cover;border-radius:8px}.ai .ai-bildleiste{min-height:0}.ai .ai-chip{padding:5px 11px}.ai .ai-panel{align-self:stretch;margin:0 -16px;height:250px;min-height:0;max-height:none;padding:12px 16px;gap:4px;border-radius:20px 20px 0 0;border-width:1.5px 0 0;box-shadow:0 -10px 30px #0000002e;overflow:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-auto-rows:auto;align-content:start;column-gap:8px}.ai .ai-p-inhalt{display:contents}.ai .ai-panel>*,.ai .ai-p-inhalt>*{grid-column:1 / -1}.ai .ai-panel>.ai-zaehler{grid-column:1;grid-row:1;align-self:center}.ai .ai-panel>.ai-p-nav{grid-column:2;grid-row:1;margin:0;padding:0}.ai .ai-p-titel{font-size:24px}.ai .ai-p-text{font-size:15.5px;line-height:1.42}.ai .ai-p-zeilen{gap:5px;margin-top:2px}.ai .ai-p-zeilen div{padding:5px 8px}.ai .ai-p-zeilen dt{font-size:12px}.ai .ai-p-zeilen dd{font-size:14px}.ai .ai-knopf{padding:6px 14px;font-size:14px}.ai .ai-knopf-haupt{flex:none}.ai .ai-p-einstieg{padding-top:6px}.ai .ai-hs:after{inset:-6px}.ai .ai-tf-bild,.ai .ai-tf-szene:nth-of-type(n+2) .ai-tf-bild{grid-template-columns:1fr}.ai .ai-tf-bild img{width:min(220px,60%)}.ai .ai-tf-szene:nth-of-type(n+2) .ai-tf-bild img{width:100%}}@media(max-width:899px)and (max-height:700px){.ai .ai-panel{height:210px}}@media(min-width:900px)and (max-width:1100px){.ai .ai-raster{--seite: clamp(130px, 17vw, 190px);gap:12px;padding-inline:16px}.ai .ai-raster,.ai .ai-raster[data-szene=telefon]{grid-template-columns:auto minmax(0,1fr) auto 300px}.ai .ai-raster[data-szene=telefon]{grid-template-columns:var(--seite) minmax(0,1fr) var(--seite) 300px}.ai .ai-p-titel{font-size:26px}}@media(min-width:900px)and (max-height:760px){.ai{--kopf-h: 52px}.ai .ai-kopf{padding-top:8px}.ai .ai-kopf-titel h1{font-size:26px}.ai .ai-panel{padding:18px 20px 14px;min-height:0}}@media(prefers-reduced-motion:reduce){.ai *,.ai *:before,.ai *:after{animation:none!important;transition-duration:.01ms!important}}.ai .ai-cta{max-width:640px;margin:0 auto;padding:48px 24px 64px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.ai .ai-cta h2{margin:0;font-family:var(--r-ff-display);font-weight:600;font-size:clamp(1.5rem,3vw,2rem);line-height:1.15;color:var(--r-text)}.ai .ai-cta p{margin:0;color:var(--r-text-muted)}.ai .ai-cta .release-qr-text{color:var(--r-text-muted)}.ai .ai-bilderhinweis{margin:0;max-width:46ch;font-size:12.5px;line-height:1.35;color:var(--r-text-muted);text-align:right}@media(max-width:899px){.ai .ai-kopf{flex-wrap:wrap;gap:4px 16px}.ai .ai-bilderhinweis{max-width:none;font-size:12px;text-align:left}}
