@layer components{.wfd{--wfd-grund: #292929;--wfd-tief: #1e1e1e;--wfd-feld: #202020;--wfd-linie: #363636;--wfd-kante: #404040;--wfd-aktiv: #404040;--wfd-text: #e0e0e0;--wfd-leise: #a3a3a3;--wfd-blass: #757575;--wfd-blau: #146ef5;--wfd-blau-text: #6da6ff;--wfd-gruen: #19b26b;--wfd-lila: #9e72ff;--wfd-orange: #f2a14a;--primaer: #4353ff;display:flex;flex-direction:column;height:27rem;overflow:hidden;border:1px solid #1b1b1b;border-radius:1rem;background-color:var(--wfd-grund);box-shadow:var(--shadow-card);color:var(--wfd-text);font-family:var(--font-sans);font-size:.6rem;line-height:1.3;letter-spacing:0}.wfd i,.wfd em{font-style:normal}.wfd b{font-weight:600}.wfd-i{display:inline-grid;flex:none;place-items:center}.wfd svg{width:.85rem;height:.85rem}.wfd .is-pfeil svg{width:.6rem;height:.6rem;color:var(--wfd-leise)}.wfd .is-klein svg{width:.55rem;height:.55rem;color:var(--wfd-blass)}.wfd-wechsel{display:inline-grid}.wfd-wechsel>span{grid-area:1 / 1;transition:opacity .3s}.wfd .ist-neu,.wfd .ist-ki{opacity:0}.wfd-top{display:flex;flex:none;align-items:center;gap:.5rem;height:2.1rem;padding:0 .45rem 0 .6rem;border-bottom:1px solid var(--wfd-linie)}.wfd-logo{display:grid;flex:none;place-items:center;width:1.2rem;color:#fff}.wfd-logo svg{width:100%;height:auto}.wfd-tabs{display:flex;gap:.15rem;margin-left:.35rem}.wfd-tab{display:flex;align-items:center;gap:.3rem;height:1.45rem;padding:0 .45rem;border-radius:.3rem;color:var(--wfd-leise);font-size:.62rem;font-weight:500;white-space:nowrap;transition:background-color .3s,color .3s}.wfd-tab svg{width:.75rem;height:.75rem}.wfd-kontext{display:flex;align-items:center;gap:.4rem;margin:0 auto}.wfd-ctx{display:flex;align-items:center;gap:.3rem;color:var(--wfd-text);font-size:.62rem;white-space:nowrap}.wfd-ctx svg{width:.72rem;height:.72rem;color:var(--wfd-leise)}.wfd-ctx-trenner{width:1px;height:.9rem;background-color:var(--wfd-kante)}.wfd-aktionen{display:flex;align-items:center;gap:.35rem}.wfd-avatare{display:flex;margin-right:.15rem}.wfd-avatare i{display:grid;place-items:center;width:1.2rem;height:1.2rem;border:2px solid var(--wfd-grund);border-radius:50%;background-color:var(--color-accent);color:#1c2120;font-size:.5rem;font-weight:700}.wfd-avatare i+i{margin-left:-.3rem;background-color:#6d5dfc;color:#fff}.wfd-i.is-knopf{width:1.35rem;height:1.35rem;border-radius:.3rem;color:var(--wfd-leise)}.wfd-i.is-knopf svg{width:.78rem;height:.78rem}.wfd-i.is-rahmen{box-shadow:inset 0 0 0 1px var(--wfd-kante)}.wfd-btn{display:flex;align-items:center;gap:.25rem;height:1.35rem;padding:0 .55rem;border-radius:.3rem;font-size:.62rem;font-weight:500;white-space:nowrap;transition:background-color .3s,box-shadow .3s}.wfd-btn.is-share{box-shadow:inset 0 0 0 1px var(--wfd-kante)}.wfd-btn.is-publish{background-color:#3a3a3a;color:#fff}.wfd-main{position:relative;display:grid;flex:1;grid-template-columns:2.1rem 11.5rem minmax(0,1fr) 12.5rem;min-height:0}.wfd-werkzeug{display:flex;flex-direction:column;justify-content:space-between;padding:.35rem 0;border-right:1px solid var(--wfd-linie)}.wfd-werkzeug-gruppe{display:flex;flex-direction:column;align-items:center;gap:.12rem}.wfd-werkzeug-icon{display:grid;place-items:center;width:1.55rem;height:1.45rem;border-radius:.3rem;color:var(--wfd-leise);transition:background-color .3s,color .3s}.wfd-werkzeug-icon svg{width:.85rem;height:.85rem}.wfd-werkzeug-trenner{width:1rem;height:1px;margin:.15rem 0;background-color:var(--wfd-kante)}.wfd-links,.wfd-rechts{position:relative;overflow:hidden}.wfd-links{border-right:1px solid var(--wfd-linie)}.wfd-rechts{border-left:1px solid var(--wfd-linie)}.wfd-panel{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .3s var(--ease-out-soft),visibility .3s}.wfd-links .wfd-panel{gap:.12rem;padding:0 .45rem .5rem}.wfd-kopf{display:flex;flex:none;align-items:center;justify-content:space-between;height:2rem;margin:0 -.45rem .3rem;padding:0 .55rem 0 .65rem;border-bottom:1px solid var(--wfd-linie)}.wfd-kopf b{font-size:.66rem;color:#f0f0f0}.wfd-kopf-aktion{display:flex;align-items:center;gap:.2rem;color:var(--wfd-leise)}.wfd-kopf-aktion svg{width:.7rem;height:.7rem}.wfd-auswahl,.wfd-suche{display:flex;align-items:center;justify-content:space-between;gap:.35rem;height:1.45rem;margin-bottom:.2rem;padding:0 .45rem;border-radius:.3rem;background-color:var(--wfd-feld);box-shadow:inset 0 0 0 1px var(--wfd-kante);color:var(--wfd-text)}.wfd-suche{justify-content:flex-start;color:var(--wfd-blass)}.wfd-suche svg{width:.7rem;height:.7rem}.wfd-gruppe{display:flex;align-items:center;gap:.25rem;margin-top:.3rem;padding:.15rem .1rem;color:var(--wfd-leise);font-weight:600}.wfd-zeile{display:flex;align-items:center;gap:.4rem;min-height:1.45rem;padding:0 .4rem;border-radius:.3rem;white-space:nowrap;transition:background-color .3s,box-shadow .3s}.wfd-zeile>em{margin-left:auto;color:var(--wfd-leise);font-size:.56rem}.wfd-farbe{flex:none;width:.75rem;height:.75rem;border-radius:.18rem;background-color:var(--c);box-shadow:inset 0 0 0 1px #ffffff2e}.wfd-farbe.is-primaer{background-color:var(--primaer);transition:background-color .6s ease}.wfd-typ{flex:none;width:.75rem;color:var(--wfd-blass);font-size:.48rem;text-align:center}.wfd-panel[data-k="0"] .ist-gewaehlt{background-color:#146ef52e;box-shadow:inset 0 0 0 1px #146ef599}.wfd-komp-bild{flex:none;width:1.6rem;height:1.05rem;border-radius:.18rem;background:linear-gradient(#5d5d5d,#5d5d5d) .2rem .25rem / .65rem .12rem no-repeat,linear-gradient(#4a4a4a,#4a4a4a) .2rem .5rem / 1rem .1rem no-repeat,#343434;box-shadow:inset 0 0 0 1px #474747}.wfd-i.is-komponente svg{width:.62rem;height:.62rem;color:var(--wfd-gruen)}.wfd-komp.ist-gewaehlt{background-color:#19b26b29;box-shadow:inset 0 0 0 1px #19b26b8c}.wfd-i.is-cms svg{width:.75rem;height:.75rem;color:var(--wfd-lila)}.wfd-samml.ist-gewaehlt{background-color:#9e72ff29;box-shadow:inset 0 0 0 1px #9e72ff80}.wfd-samml em>span{justify-self:end}.wfd-kopf.is-app{padding-right:.4rem}.wfd-app-name{display:flex;align-items:center;gap:.4rem;color:#f0f0f0;font-size:.64rem;font-weight:600;white-space:nowrap}.wfd-app-kachel{display:grid;place-items:center;width:1.1rem;height:1.1rem;border-radius:.28rem;background:linear-gradient(140deg,#8b5cf6,#ec4899);color:#fff}.wfd .wfd-app-kachel svg{width:.68rem;height:.68rem}.wfd-bitte{align-self:flex-end;max-width:92%;margin:.2rem 0 .4rem;padding:.4rem .55rem;border-radius:.6rem .6rem .15rem;background-color:#3a3a3a;color:#f2f2f2;line-height:1.35;opacity:0;transform:translateY(.3rem)}.wfd-ki-schritt{display:flex;align-items:flex-start;gap:.4rem;padding:.25rem .1rem;line-height:1.3;opacity:0}.wfd-ki-fertig{margin-top:.35rem;padding:.4rem .5rem;border-radius:.3rem;background:linear-gradient(90deg,#8b5cf640,#ec489933);color:#f3e8ff;font-weight:600;opacity:0}.wfd-knopf.is-ki{margin-top:auto;background:linear-gradient(90deg,#8b5cf6,#ec4899);opacity:.35}.wfd-zaehler{display:grid;padding:.08rem .4rem;border-radius:99px;background-color:#f2a14a29;color:var(--wfd-orange);font-size:.54rem;font-weight:600;transition:background-color .3s,color .3s}.wfd-zaehler>span{grid-area:1 / 1;justify-self:center;transition:opacity .3s}.wfd-pruef{border-bottom:1px solid #313131;border-radius:0}.wfd-pruef-wert{display:grid;place-items:center;margin-left:auto}.wfd-pruef-wert>*{grid-area:1 / 1;transition:opacity .25s}.wfd-anzahl{display:grid;place-items:center;min-width:.95rem;height:.95rem;border-radius:99px;background-color:#f2a14a2e;color:var(--wfd-orange);font-size:.52rem;font-weight:700}.wfd-rund{display:grid;flex:none;place-items:center;width:.9rem;height:.9rem;border:1.5px solid #555;border-radius:50%;color:transparent;transition:background-color .25s,border-color .25s,color .25s,opacity .25s}.wfd .wfd-rund svg{width:.58rem;height:.58rem;stroke-width:3}.wfd-pruef .wfd-rund,.wfd-fazit .wfd-rund{border-color:var(--wfd-gruen);background-color:var(--wfd-gruen);color:#fff}.wfd-pruef .wfd-rund{opacity:0}.wfd-fazit{display:flex;align-items:center;gap:.4rem;margin-top:.5rem;padding:0 .4rem;color:#4ade80;font-weight:600;opacity:0}.wfd-buehne{display:flex;flex-direction:column;min-width:0}.wfd-canvasbar{display:flex;flex:none;align-items:center;gap:.5rem;height:1.75rem;padding:0 .5rem;border-bottom:1px solid var(--wfd-linie);color:var(--wfd-leise);white-space:nowrap}.wfd-verlauf{display:flex;gap:.3rem;padding-right:.5rem;border-right:1px solid var(--wfd-kante);color:var(--wfd-blass)}.wfd-verlauf svg{width:.7rem;height:.7rem}.wfd-pfade{display:grid;flex:1;min-width:0;overflow:hidden}.wfd-pfad{grid-area:1 / 1;display:flex;align-items:center;gap:.3rem;opacity:0;transition:opacity .3s}.wfd-pfad .is-komponente{color:#4cd59a}.wfd-breite{display:flex;align-items:center;gap:.2rem;color:var(--wfd-text)}.wfd-bps{display:flex;gap:.1rem}.wfd-bps span{display:grid;place-items:center;width:1.25rem;height:1.2rem;border-radius:.25rem}.wfd-bps svg{width:.75rem;height:.75rem}.wfd-bps .ist-an{background-color:#146ef547;color:var(--wfd-blau-text)}.wfd-rechts .wfd-panel{padding-bottom:.5rem}.wfd-r-kopf{display:flex;flex:none;align-items:center;gap:.35rem;height:1.85rem;padding:0 .6rem;color:#f0f0f0;font-size:.62rem;font-weight:500;white-space:nowrap}.wfd-r-kopf svg{width:.7rem;height:.7rem;color:var(--wfd-leise)}.wfd-r-kopf em,.wfd-r-kopf .wfd-status{margin-left:auto;color:var(--wfd-leise)}.wfd-r-kopf.is-komponente svg{color:var(--wfd-gruen)}.wfd-r-kopf.is-cms svg{color:var(--wfd-lila)}.wfd-reiter{display:flex;flex:none;gap:.75rem;padding:0 .6rem;border-bottom:1px solid var(--wfd-linie)}.wfd-reiter b{padding:.15rem 0 .4rem;border-bottom:1.5px solid transparent;color:var(--wfd-leise);font-size:.6rem;font-weight:500;white-space:nowrap}.wfd-reiter .ist-an{border-bottom-color:#f0f0f0;color:#f0f0f0}.wfd-r-block{display:flex;flex:none;flex-direction:column;gap:.3rem;padding:.45rem .6rem}.wfd-r-block.is-formular{gap:.18rem}.wfd-r-zeile{display:flex;align-items:center;justify-content:space-between;color:var(--wfd-leise)}.wfd-r-zeile small,.wfd-hinweis{font-size:.56rem}.wfd-hinweis{color:var(--wfd-blass)}.wfd-selektor{display:flex;align-items:center;gap:.3rem;height:1.45rem;padding:0 .4rem 0 .2rem;border-radius:.3rem;background-color:var(--wfd-feld);box-shadow:inset 0 0 0 1px var(--wfd-kante)}.wfd-selektor>.is-pfeil{margin-left:auto}.wfd-selektor-element{display:grid;place-items:center;width:1.1rem;height:1.05rem;border-radius:.2rem;background-color:#333;color:var(--wfd-leise)}.wfd-selektor-element svg{width:.6rem;height:.6rem}.wfd-klasse{display:flex;align-items:center;gap:.25rem;padding:.12rem .4rem;border-radius:.22rem;background-color:var(--wfd-blau);color:#fff;font-size:.58rem;font-weight:500;white-space:nowrap}.wfd-klasse.is-komponente{background-color:var(--wfd-gruen)}.wfd .wfd-klasse.is-komponente svg{width:.55rem;height:.55rem;color:#fff}.wfd-klasse.is-tag{background-color:#4a4a4a}.wfd-abschnitt{display:flex;flex:none;align-items:center;justify-content:space-between;height:1.6rem;padding:0 .6rem;border-top:1px solid var(--wfd-linie);background-color:#262626}.wfd-abschnitt b{color:#f0f0f0;font-size:.62rem}.wfd-feldzeile{display:grid;grid-template-columns:3.1rem minmax(0,1fr);align-items:center;gap:.4rem}.wfd-feldzeile.is-hoch{grid-template-columns:minmax(0,1fr);gap:.18rem}.wfd-feldzeile small{justify-self:start;padding:.05rem .2rem;margin-left:-.2rem;border-radius:.2rem;color:var(--wfd-leise);font-size:.57rem}.wfd small.is-gesetzt{background-color:#146ef538;color:var(--wfd-blau-text)}.wfd-seg{position:relative;display:grid;padding:.12rem;border-radius:.3rem;background-color:var(--wfd-feld);box-shadow:inset 0 0 0 1px var(--wfd-kante)}.wfd-seg.is-vier{grid-template-columns:repeat(4,1fr)}.wfd-seg.is-zwei{grid-template-columns:1fr 1fr}.wfd-seg i{position:relative;padding:.18rem 0;border-radius:.2rem;color:var(--wfd-leise);font-size:.56rem;text-align:center;transition:color .3s}.wfd-seg.is-vier .ist-an{background-color:var(--wfd-aktiv);color:#fff}.wfd-seg.is-zwei b{position:absolute;top:.12rem;bottom:.12rem;left:.12rem;width:calc(50% - .12rem);border-radius:.2rem;background-color:var(--wfd-aktiv);transition:translate .4s var(--ease-out-soft)}.wfd-seg .ist-hell{color:#fff}.wfd-feld{position:relative;display:flex;align-items:center;gap:.35rem;min-height:1.4rem;padding:.2rem .4rem;overflow:hidden;border-radius:.3rem;background-color:var(--wfd-feld);box-shadow:inset 0 0 0 1px var(--wfd-kante);color:var(--wfd-text);white-space:nowrap}.wfd-feld>.is-pfeil{margin-left:auto}.wfd-feld em{margin-left:auto;color:var(--wfd-leise);font-size:.5rem}.wfd-feld.is-leise{color:var(--wfd-leise)}.wfd-variable{padding:.04rem .32rem;border-radius:.2rem;background-color:#9e72ff38;color:#cdb8ff}.wfd-schalter{position:relative;justify-self:start;width:1.5rem;height:.85rem;border-radius:99px;background-color:var(--wfd-blau)}.wfd-schalter i{position:absolute;top:.12rem;right:.12rem;width:.61rem;height:.61rem;border-radius:50%;background-color:#fff}.wfd-mini-btn{padding:.15rem .45rem;border-radius:.25rem;background-color:#3a3a3a;color:var(--wfd-text);font-size:.56rem;font-weight:500;white-space:nowrap}.wfd-mini-btn.is-blau{background-color:var(--wfd-blau);color:#fff}.wfd-box{position:relative;display:grid;grid-template:". o ." 1.05rem "l innen r" auto ". u ." 1.05rem / 1.4rem 1fr 1.4rem;place-items:center;padding:.1rem;border-radius:.3rem;background-color:#363636;color:var(--wfd-text);font-size:.56rem}.wfd-box>small,.wfd-box-innen>small{position:absolute;top:.18rem;left:.3rem;color:var(--wfd-blass);font-size:.42rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.wfd-box .is-o{grid-area:o}.wfd-box .is-r{grid-area:r}.wfd-box .is-u{grid-area:u}.wfd-box .is-l{grid-area:l}.wfd-box-innen{position:relative;display:grid;grid-area:innen;grid-template:". o ." 1.05rem "l kern r" .55rem ". u ." 1.05rem / 1.4rem 1fr 1.4rem;place-items:center;width:100%;border-radius:.22rem;background-color:var(--wfd-tief);box-shadow:inset 0 0 0 1px var(--wfd-kante)}.wfd-box-kern{grid-area:kern;width:100%;height:100%;border-radius:.15rem;background-color:#333}.wfd-box i.is-gesetzt{color:var(--wfd-blau-text)}.wfd-status{display:grid}.wfd-status em{grid-area:1 / 1;justify-self:end;padding:.08rem .38rem;border-radius:99px;font-size:.52rem;font-weight:600;white-space:nowrap;transition:opacity .3s}.wfd-status .ist-entwurf{background-color:#f5c45129;color:#f5c451}.wfd-status .ist-live{background-color:#19b26b33;color:#4ade80;opacity:0}.wfd-label{margin-top:.22rem;color:var(--wfd-leise);font-size:.56rem}.wfd-label i{margin-left:.1rem;color:var(--wfd-blass)}.wfd-feld.is-aktiv{box-shadow:inset 0 0 0 1px var(--wfd-blau),0 0 0 2px #146ef540}.wfd-tippen{overflow:hidden;clip-path:inset(0 100% 0 0)}.wfd-strich{flex:none;width:1.5px;height:.75rem;margin-left:-.3rem;background-color:#fff;opacity:0}.wfd-mini-bild{flex:none;width:1rem;height:.72rem;border-radius:.15rem;background:linear-gradient(135deg,#ffd166,#ef8354)}.wfd-formular-fuss{display:flex;justify-content:flex-end;gap:.3rem;margin-top:auto;padding:.5rem .6rem 0;border-top:1px solid var(--wfd-linie)}.wfd-knopf{align-self:stretch;padding:.35rem .6rem;border-radius:.3rem;background-color:var(--wfd-blau);color:#fff;font-weight:600;text-align:center;white-space:nowrap}.wfd-pop{position:absolute;z-index:4;top:.3rem;right:.4rem;display:flex;flex-direction:column;gap:.15rem;width:13.5rem;padding:.6rem;border-radius:.45rem;background-color:#2f2f2f;box-shadow:inset 0 0 0 1px #474747,0 .8rem 2rem #0000008c;opacity:0;visibility:hidden;transform:translateY(-.3rem);transition:opacity .3s var(--ease-out-soft),transform .3s var(--ease-out-soft),visibility .3s}.wfd-pop-gruppe{margin-top:.15rem;color:var(--wfd-leise);font-size:.54rem;font-weight:600}.wfd-domain{display:flex;align-items:center;gap:.4rem;padding:.18rem 0;white-space:nowrap}.wfd-kasten{display:grid;flex:none;place-items:center;width:.8rem;height:.8rem;border-radius:.18rem;background-color:var(--wfd-blau);color:#fff}.wfd .wfd-kasten svg{width:.55rem;height:.55rem;stroke-width:3}.wfd-knopf.is-breit{position:relative;margin-top:.45rem;overflow:hidden}.wfd-knopf.is-breit i{position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#fff;transform:scaleX(0);transform-origin:left}.wfd-live{display:grid;gap:.1rem;margin-top:.4rem;padding:.4rem .45rem;border-radius:.3rem;background-color:#19b26b24;opacity:0;transform:translateY(.3rem)}.wfd-live b{display:flex;align-items:center;gap:.3rem;color:#4ade80}.wfd-live b i{width:.38rem;height:.38rem;border-radius:50%;background-color:#4ade80}.wfd-live small{color:var(--wfd-leise);font-size:.54rem}.wfd-leinwand{position:relative;flex:1;min-height:0;overflow:hidden;background-color:#fff;container-type:inline-size}.wfd-ansicht{position:absolute;inset:0;display:flex;flex-direction:column;background-color:#fff;color:#141820;font-family:var(--font-sans);opacity:0;visibility:hidden;transform:translateY(.6rem);transition:opacity .4s var(--ease-out-soft),transform .4s var(--ease-out-soft),visibility .4s}.wfd-s-nav{display:flex;flex:none;align-items:center;gap:3cqi;height:9cqi;padding:0 5cqi;border-bottom:1px solid #eef0f2}.wfd-s-nav i{width:7cqi;height:1.2cqi;border-radius:1cqi;background-color:#d9dde3}.wfd-s-nav .wfd-s-marke{width:4cqi;height:4cqi;margin-right:auto;border-radius:1.1cqi;background-color:#141820}.wfd-s-nav b{width:11cqi;height:4.4cqi;border-radius:99px;background-color:var(--primaer);transition:background-color .6s ease}.wfd-s-hero{display:flex;flex-direction:column;align-items:flex-start;gap:2.2cqi;padding:6cqi 5cqi 5cqi}.wfd-s-eyebrow{display:flex;align-items:center;gap:1.2cqi;color:#5b6472;font-size:2.4cqi;font-weight:600}.wfd-s-eyebrow i{width:1.5cqi;height:1.5cqi;border-radius:50%;background-color:var(--primaer);transition:background-color .6s ease}.wfd-s-titel{max-width:85%;font-family:var(--font-heading);font-size:6.6cqi;font-weight:600;line-height:1.05;letter-spacing:-.035em}.wfd-s-absatz{max-width:70%;color:#5b6472;font-size:2.7cqi;line-height:1.45}.wfd-s-knoepfe{display:flex;gap:1.8cqi;margin-top:1.5cqi}.wfd-s-knopf{position:relative;padding:1.7cqi 3.2cqi;border-radius:99px;font-size:2.5cqi;font-weight:600;white-space:nowrap}.wfd-s-knopf.is-primaer{background-color:var(--primaer);color:#fff;transition:background-color .6s ease}.wfd-s-knopf.is-zweit{box-shadow:inset 0 0 0 1px #d9dde3}.wfd-s-logos{display:flex;justify-content:space-between;padding:0 5cqi 5cqi}.wfd-s-logos i{width:12cqi;height:2.2cqi;border-radius:1cqi;background-color:#e4e7eb}.wfd-s-karten{display:grid;flex:none;grid-template-columns:repeat(3,1fr);gap:2.5cqi;padding:0 5cqi 5cqi}.wfd-s-karte{display:flex;flex-direction:column;gap:1.2cqi;padding:3cqi;border-radius:2.2cqi;background-color:#f3f4f6}.wfd-s-karte i{width:5cqi;height:5cqi;margin-bottom:1cqi;border-radius:1.4cqi;background-color:var(--primaer);transition:background-color .6s ease}.wfd-s-karte b{font-size:2.7cqi;font-weight:600}.wfd-s-karte span{height:1.2cqi;border-radius:1cqi;background-color:#dfe3e8}.wfd-s-karte span+span{width:70%}.wfd-ansicht[data-a="1"]{padding-top:4cqi}.wfd-s-cta-huelle{position:relative;margin:0 5cqi;border-radius:3cqi}.wfd-s-cta-huelle:after{content:"";position:absolute;inset:0;border:1.5px dashed var(--wfd-gruen);border-radius:3cqi;background-color:#19b26b12;opacity:0}.wfd-s-cta{display:flex;flex-direction:column;align-items:flex-start;gap:3cqi;padding:6cqi;border-radius:3cqi;background-color:#eceef1;color:#141820;opacity:0;transform:scale(.97);transition:background-color .5s ease,color .5s ease}.wfd-s-cta b{max-width:75%;font-family:var(--font-heading);font-size:4.6cqi;font-weight:600;line-height:1.1;letter-spacing:-.03em}.wfd-s-fuss{display:flex;gap:4cqi;margin-top:auto;padding:5cqi;background-color:#f3f4f6}.wfd-s-fuss i{width:12cqi;height:1.4cqi;border-radius:1cqi;background-color:#d9dde3}.wfd-s-kopf{padding:8cqi 5cqi 5cqi}.wfd-s-h2{font-family:var(--font-heading);font-size:5.4cqi;font-weight:600;letter-spacing:-.03em}.wfd-s-liste-huelle{position:relative;margin:0 5cqi}.wfd-s-liste{display:flex;gap:2.5cqi;overflow:hidden}.wfd-s-ref{display:flex;flex:0 0 calc((100% - 5cqi) / 3);flex-direction:column;gap:1cqi;min-width:0;transition:flex-basis .6s var(--ease-out-soft),margin .6s var(--ease-out-soft),opacity .4s ease}.wfd-s-ref i{aspect-ratio:4 / 3;margin-bottom:1cqi;border-radius:2cqi;background:linear-gradient(135deg,#b9d3f0,#7aa2d6)}.wfd-s-ref:nth-child(1) i{background:linear-gradient(135deg,#ffd166,#ef8354)}.wfd-s-ref:nth-child(3) i{background:linear-gradient(135deg,#c8ead3,#6fbf8e)}.wfd-s-ref:nth-child(4) i{background:linear-gradient(135deg,#e0d4f5,#a58bd9)}.wfd-s-ref small{color:#5b6472;font-size:2.2cqi;font-weight:600}.wfd-s-ref b{overflow:hidden;font-size:2.7cqi;font-weight:600;line-height:1.25}.wfd .wfd-s-ref.ist-neu{flex-basis:0;margin-right:-2.5cqi;opacity:0}.wfd-wahl{outline:1px solid transparent;outline-offset:1px;transition:outline-color .3s}.wfd-schild{position:absolute;bottom:calc(100% + 2px);left:-2px;display:flex;align-items:center;gap:.2rem;padding:.08rem .32rem;border-radius:.18rem .18rem 0 0;color:#fff;font-family:var(--font-sans);font-size:.52rem;font-weight:500;letter-spacing:0;line-height:1.3;white-space:nowrap;opacity:0;transition:opacity .3s}.wfd .wfd-schild svg{width:.5rem;height:.5rem}.wfd-wahl.is-blau .wfd-schild{background-color:var(--wfd-blau)}.wfd-wahl.is-gruen .wfd-schild{background-color:var(--wfd-gruen)}.wfd-wahl.is-lila .wfd-schild{background-color:var(--wfd-lila)}.wfd-bau{opacity:0;transform:translateY(.4rem);transition:opacity .4s ease,transform .5s var(--ease-out-soft)}.wfd-ki-marke{position:absolute;top:12cqi;right:4cqi;display:flex;align-items:center;gap:.25rem;padding:.15rem .45rem;border-radius:99px;background:linear-gradient(90deg,#8b5cf6,#ec4899);color:#fff;font-size:.56rem;font-weight:600;opacity:0}.wfd .wfd-ki-marke svg{width:.7rem;height:.7rem}.wfd-geist,.wfd-zeiger{position:absolute;z-index:5;opacity:0;pointer-events:none}.wfd-geist{top:8.6rem;left:2.7rem;display:flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border-radius:.3rem;background-color:var(--wfd-gruen);box-shadow:0 .5rem 1.2rem #00000059;color:#fff;font-weight:600;white-space:nowrap}.wfd .wfd-geist svg{width:.62rem;height:.62rem}.wfd-zeiger{top:70%;left:50%;display:flex;align-items:flex-start;gap:.15rem}.wfd .wfd-zeiger svg{width:1rem;height:1rem;fill:#6d5dfc;stroke:#fff;stroke-width:1}.wfd-zeiger b{margin-top:.75rem;padding:.1rem .45rem;border-radius:.35rem;background-color:#6d5dfc;color:#fff;font-size:.58rem}.czw:not([data-schritt="2"]) .wfd-tab.is-design,.czw[data-schritt="2"] .wfd-tab.is-cms{background-color:#3a3a3a;color:#fff}.czw[data-schritt="0"] .wfd-werkzeug-icon[data-k="0"],.czw[data-schritt="1"] .wfd-werkzeug-icon[data-k="1"],.czw[data-schritt="3"] .wfd-werkzeug-icon[data-k="3"],.czw[data-schritt="4"] .wfd-werkzeug-icon[data-k="4"]{background-color:var(--wfd-aktiv);color:#fff}.czw[data-schritt="0"] .wfd-panel[data-k="0"],.czw[data-schritt="1"] .wfd-panel[data-k="1"],.czw[data-schritt="2"] .wfd-panel[data-k="2"],.czw[data-schritt="3"] .wfd-panel[data-k="3"],.czw[data-schritt="4"] .wfd-panel[data-k="4"],.czw[data-schritt="0"] .wfd-pfad[data-k="0"],.czw[data-schritt="1"] .wfd-pfad[data-k="1"],.czw[data-schritt="2"] .wfd-pfad[data-k="2"],.czw[data-schritt="3"] .wfd-pfad[data-k="3"],.czw[data-schritt="4"] .wfd-pfad[data-k="4"],.czw:is([data-schritt="0"],[data-schritt="4"]) .wfd-ansicht[data-a="0"],.czw[data-schritt="1"] .wfd-ansicht[data-a="1"],.czw[data-schritt="2"] .wfd-ansicht[data-a="2"],.czw[data-schritt="3"] .wfd-ansicht[data-a="3"]{opacity:1;visibility:visible;transform:none}.czw[data-schritt="0"] .wfd{animation:wfd-primaer .01s linear 1.5s forwards}.czw:is([data-schritt="1"],[data-schritt="2"],[data-schritt="3"],[data-schritt="4"]) .wfd{--primaer: #0f8a5f}.czw[data-schritt="0"] .wfd-panel[data-k="0"] .ist-alt{animation:wfd-weg .3s ease 1.5s forwards}.czw[data-schritt="0"] .wfd-panel[data-k="0"] .ist-neu{animation:wfd-her .3s ease 1.5s forwards}.czw[data-schritt="0"] .wfd-panel[data-k="0"] .ist-gewaehlt{animation:wfd-puls .9s ease 1.2s}.czw[data-schritt="0"] .wfd-wahl.is-blau{outline-color:#107ced}.czw[data-schritt="0"] .wfd-wahl.is-blau .wfd-schild{opacity:1}.czw[data-schritt="1"] .wfd-geist{animation:wfd-ziehen 1.1s var(--ease-out-soft) .4s forwards}.czw[data-schritt="1"] .wfd-s-cta-huelle:after{animation:wfd-ablage 1.2s ease .4s}.czw[data-schritt="1"] .wfd-s-cta{animation:wfd-her-gross .5s var(--ease-out-soft) 1.45s forwards}.czw[data-schritt="1"] .wfd-wahl.is-gruen{outline-color:var(--wfd-gruen);transition-delay:1.6s}.czw[data-schritt="1"] .wfd-wahl.is-gruen .wfd-schild{opacity:1;transition-delay:1.6s}.czw[data-schritt="1"] .wfd-seg.is-zwei b{translate:100% 0;transition-delay:2.5s}.czw[data-schritt="1"] .wfd-seg .ist-hell{color:var(--wfd-leise);transition-delay:2.5s}.czw[data-schritt="1"] .wfd-seg .ist-dunkel{color:#fff;transition-delay:2.5s}.czw[data-schritt="1"] .wfd-s-cta{background-color:#141820;color:#fff;transition-delay:2.5s}.czw[data-schritt="2"] .wfd-zeiger{animation:wfd-zeiger 1s var(--ease-out-soft) .1s forwards}.czw[data-schritt="2"] .wfd-panel[data-k="2"] .wfd-tippen{animation:wfd-tippen 1.3s steps(24,end) .9s forwards}.czw[data-schritt="2"] .wfd-panel[data-k="2"] .wfd-tippen.is-slug{animation-delay:1.4s}.czw[data-schritt="2"] .wfd-strich{animation:wfd-blinken 1s steps(1) .9s infinite}.czw[data-schritt="2"] .wfd-formular-fuss .is-blau{animation:wfd-druck .35s ease 2.6s}.czw[data-schritt="2"] .wfd-status .ist-entwurf,.czw[data-schritt="2"] .wfd-panel[data-k="2"] .ist-alt{animation:wfd-weg .3s ease 2.9s forwards}.czw[data-schritt="2"] .wfd-status .ist-live,.czw[data-schritt="2"] .wfd-panel[data-k="2"] .ist-neu{animation:wfd-her .3s ease 2.9s forwards}.czw[data-schritt="2"] .wfd .wfd-s-ref.ist-neu{flex-basis:calc((100% - 5cqi) / 3);margin-right:0;opacity:1;transition-delay:3.1s}.czw[data-schritt="2"] .wfd-wahl.is-lila{outline-color:var(--wfd-lila)}.czw[data-schritt="2"] .wfd-wahl.is-lila .wfd-schild{opacity:1}.czw[data-schritt="3"] .wfd-wechsel .ist-start{opacity:0;transition-delay:.8s}.czw[data-schritt="3"] .wfd-wechsel .ist-ki{opacity:1;transition-delay:.8s}.czw[data-schritt="3"] .wfd-bitte{animation:wfd-her-hoch .4s var(--ease-out-soft) .15s forwards}.czw[data-schritt="3"] .wfd-ki-schritt{animation:wfd-her .3s ease calc(.7s + var(--i) * .55s) forwards}.czw[data-schritt="3"] .wfd-ki-schritt .wfd-rund{border-color:var(--wfd-gruen);background-color:var(--wfd-gruen);color:#fff;transition-delay:calc(.95s + var(--i) * .55s)}.czw[data-schritt="3"] .wfd-bau{opacity:1;transform:none;transition-delay:calc(.8s + var(--i) * .55s)}.czw[data-schritt="3"] .wfd-tippen.is-seo{animation:wfd-tippen .9s steps(24,end) 2.4s forwards}.czw[data-schritt="3"] .wfd-tippen.is-meta{animation:wfd-tippen .9s steps(30,end) 2.8s forwards}.czw[data-schritt="3"] .wfd-ki-fertig,.czw[data-schritt="3"] .wfd-ki-marke{animation:wfd-her .35s ease 3.3s forwards}.czw[data-schritt="3"] .wfd-knopf.is-ki{opacity:1;transition:opacity .3s ease 3.3s}.czw[data-schritt="4"] .wfd-anzahl{opacity:0;transition-delay:calc(.4s + var(--i) * .25s)}.czw[data-schritt="4"] .wfd-pruef .wfd-rund{opacity:1;transition-delay:calc(.4s + var(--i) * .25s)}.czw[data-schritt="4"] .wfd-zaehler{background-color:#19b26b2e;color:#4ade80;transition-delay:1.7s}.czw[data-schritt="4"] .wfd-zaehler .ist-alt{opacity:0;transition-delay:1.7s}.czw[data-schritt="4"] .wfd-zaehler .ist-neu{opacity:1;transition-delay:1.7s}.czw[data-schritt="4"] .wfd-fazit{animation:wfd-her .3s ease 1.8s forwards}.czw[data-schritt="4"] .wfd-btn.is-publish{background-color:#4a4a4a;transition-delay:2s}.czw[data-schritt="4"] .wfd-pop{opacity:1;visibility:visible;transform:none;transition-delay:2.1s}.czw[data-schritt="4"] .wfd-knopf.is-breit{animation:wfd-druck .35s ease 2.8s}.czw[data-schritt="4"] .wfd-knopf.is-breit i{animation:wfd-fortschritt .8s ease-in-out 3s forwards}.czw[data-schritt="4"] .wfd-live{animation:wfd-her-hoch .4s var(--ease-out-soft) 3.8s forwards}@keyframes wfd-primaer{to{--primaer: #0f8a5f}}@keyframes wfd-weg{to{opacity:0}}@keyframes wfd-her{to{opacity:1}}@keyframes wfd-her-hoch{to{opacity:1;transform:none}}@keyframes wfd-her-gross{to{opacity:1;transform:none}}@keyframes wfd-puls{40%{box-shadow:inset 0 0 0 1px #146ef5e6,0 0 0 3px #146ef54d}}@keyframes wfd-ziehen{0%{opacity:0;transform:none}15%{opacity:1;transform:translate(.3rem,-.2rem) rotate(-2deg)}85%{opacity:1}to{opacity:0;top:58%;left:40%;transform:rotate(0)}}@keyframes wfd-ablage{25%,85%{opacity:1}}@keyframes wfd-zeiger{0%{opacity:0}to{opacity:1;top:3.7rem;left:calc(100% - 5.6rem)}}@keyframes wfd-tippen{to{clip-path:inset(0 0 0 0)}}@keyframes wfd-blinken{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes wfd-druck{50%{transform:scale(.95)}}@keyframes wfd-fortschritt{to{transform:scaleX(1)}}@media(width<75rem){.wfd-main{grid-template-columns:2rem 10.5rem minmax(0,1fr) 11.5rem}.wfd-avatare,.wfd-tab.is-insights,.wfd-ctx.is-sprache,.wfd-ctx-trenner{display:none}}@media(width>=62rem)and (height<52rem)and (height>=40rem){.wfd{height:22rem}.wfd-werkzeug-icon{height:1.25rem}.wfd-werkzeug-gruppe{gap:0}.wfd-zeile{min-height:1.3rem}.wfd-r-block{padding-block:.35rem}.wfd-geist{top:7.8rem}}@media(width<62rem){.wfd-werkzeug-gruppe+.wfd-werkzeug-gruppe{display:none}}@media(width<48rem){.wfd{height:auto;border-radius:.9rem}.wfd-tab.is-cms,.wfd-aktionen>:not(.is-publish),.wfd-werkzeug,.wfd-geist,.wfd-zeiger,.wfd-verlauf,.wfd-breite{display:none}.wfd-kontext{margin-right:0;margin-left:auto}.wfd-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:16rem 17rem;grid-template-areas:"buehne buehne" "links rechts"}.wfd-buehne{grid-area:buehne;border-bottom:1px solid var(--wfd-linie)}.wfd-links{grid-area:links}.wfd-rechts{grid-area:rechts}.wfd-pop{top:auto;bottom:.4rem;width:calc(50% - .8rem)}.wfd-feldzeile{grid-template-columns:minmax(0,1fr);gap:.15rem}.wfd-ki-schritt{padding-block:.15rem}.wfd-knopf.is-breit{white-space:normal}}}@layer components{.czw{--dunkel: #101513;background-color:#fff}.czw-spur{position:relative;height:calc(100vh * (var(--czw-schritte, 4) + .2))}.czw-pin{position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;height:100vh;padding-top:4.5rem}.czw-kopf{max-width:60rem;margin:0 auto 2.75rem;text-align:center}.czw-leise{color:#919191}.czw-absatz{max-width:48rem;margin:1rem auto 0;color:var(--color-paragraph)}.czw-buehne{display:grid;grid-template-columns:minmax(15rem,.78fr) 2fr;gap:3rem;align-items:center}.czw-schritte{display:grid;gap:.4rem;list-style:none}.czw-schritt{position:relative;padding:.85rem 0 .85rem 1.4rem}.czw-leiste{position:absolute;top:.9rem;bottom:.9rem;left:0;width:2px;border-radius:1px;background-color:var(--color-grey);overflow:hidden}.czw-leiste i{position:absolute;inset:0;background-color:var(--color-black);transform:scaleY(var(--p, 0));transform-origin:top}.czw-schritt-titel button{display:block;width:100%;padding:0;border:0;background:none;font-family:var(--font-heading);font-weight:var(--heading-weight);font-size:1.2rem;line-height:1.3;letter-spacing:-.02em;text-align:left;color:#9aa59f;cursor:pointer;transition:color .3s var(--ease-out-soft)}.czw-schritt-titel button[aria-current=step],.czw-schritt-titel button:hover{color:var(--color-black)}.czw-schritt-text{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease-out-soft)}.czw-schritt-text p{min-height:0;overflow:hidden;color:var(--color-paragraph)}.czw-schritt:has([aria-current=step]) .czw-schritt-text{grid-template-rows:1fr}.czw-schritt:has([aria-current=step]) .czw-schritt-text p{padding-top:.5rem}.czw-fenster{display:grid;grid-template-columns:1fr 1fr;height:27rem;overflow:hidden;border:1px solid var(--color-grey);border-radius:1.5rem;background-color:#fff;box-shadow:var(--shadow-card)}.czw-punkte{display:flex;gap:.35rem}.czw-punkte i{width:.55rem;height:.55rem;border-radius:50%;background-color:#ffffff2e}.czw-ide{display:flex;flex-direction:column;min-width:0;background-color:var(--dunkel);color:#c9d4cf}.czw-reiter{display:flex;align-items:center;gap:.25rem;padding:.7rem .9rem;border-bottom:1px solid rgb(255 255 255 / .07);overflow:hidden}.czw-reiter .czw-punkte{margin-right:.6rem}.czw-reiter-eintrag{flex:none;padding:.3rem .6rem;border-radius:.45rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.68rem;color:#6f7f79;white-space:nowrap;transition:background-color .3s,color .3s}.czw-ide-flaeche{position:relative;flex:1;display:grid;min-height:0;overflow:hidden}.czw-tafel{grid-area:1 / 1;min-width:0;margin:0;padding:1.1rem 1.2rem;opacity:0;visibility:hidden;transform:translateY(.5rem);transition:opacity .35s var(--ease-out-soft),transform .35s var(--ease-out-soft),visibility .35s}.czw-code,.czw-terminal{overflow:hidden;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.74rem;line-height:1.75}.czw-zeile{display:block;padding-right:.5rem;border-left:2px solid transparent;white-space:nowrap}.czw-code .czw-zeile>span{white-space:pre}.czw-terminal .czw-zeile{white-space:pre}.czw-code .czw-zeile em{display:inline-block;width:1.6rem;margin-right:.6rem;font-style:normal;text-align:right;color:#4e5c57}.czw-tafel i{font-style:normal}.czw-code .k{color:var(--color-accent)}.czw-code .t{color:#8fd3b6}.czw-code .s{color:#f1cf96}.czw-code .a{color:#a9c4ff}.czw-code .c{color:#5d6e67}.czw-cms{display:grid;align-content:start;gap:.35rem;margin:1rem;padding:1rem;border-radius:.9rem;background-color:#fff;color:var(--color-black);font-size:.78rem}.czw-cms-kopf{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem;font-size:.85rem}.czw-cms-stand{display:grid}.czw-cms-stand em{grid-area:1 / 1;justify-self:end;padding:.15rem .55rem;border-radius:99px;font-size:.68rem;font-style:normal}.czw-cms-stand .ist-entwurf{background-color:#fff3d6;color:#8a5a00}.czw-cms-stand .ist-live{background-color:#e3f7d4;color:#2c6a10;opacity:0}.czw-cms-label{margin-top:.35rem;font-size:.68rem;color:var(--color-paragraph)}.czw-cms-feld{position:relative;display:block;padding:.5rem .65rem;border:1px solid var(--color-grey);border-radius:.5rem;background-color:#fbfcfb;white-space:nowrap;overflow:hidden}.czw-cms-feld.ist-aktiv{display:grid;align-items:center;border-color:#9ccc3a;box-shadow:0 0 0 3px #dcfd8073}.czw-cms-alt,.czw-cms-neu{grid-area:1 / 1}.czw-cms-neu{clip-path:inset(0 100% 0 0)}.czw-cms .czw-strich{position:absolute;top:.45rem;bottom:.45rem;right:.6rem;width:1.5px;background-color:var(--color-black);opacity:0}.czw-cms-los{justify-self:start;margin-top:.7rem;padding:.45rem .9rem;border-radius:99px;background-color:var(--color-black);color:#fff;font-size:.72rem}.czw-terminal{color:#c9d4cf}.czw-terminal b{color:var(--color-accent);font-weight:500}.czw-terminal .ist-info{color:#a9c4ff}.czw-terminal .ist-ok{color:#8fd3b6}.czw-terminal .ist-link{color:var(--color-accent)}.czw-terminal .czw-strich{display:inline-block;width:.5rem;height:.95rem;vertical-align:-.15rem;background-color:#c9d4cf;animation:czw-blinken 1.1s steps(1) infinite}.czw-vorschau{display:flex;flex-direction:column;min-width:0;border-left:1px solid var(--color-grey);background-color:#fff}.czw-leiste-browser{display:flex;align-items:center;gap:.6rem;padding:.7rem .9rem;border-bottom:1px solid var(--color-grey)}.czw-leiste-browser .czw-punkte i{background-color:#dde5e0}.czw-url{flex:1;display:grid;place-items:center;height:1.7rem;border-radius:99px;background-color:#f2f5f3;font-size:.72rem;color:#7e8c87}.czw-url>span{grid-area:1 / 1;transition:opacity .35s}.czw-url .ist-adresse{opacity:0}.czw-live{display:flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:99px;background-color:#f2f5f3;font-size:.68rem;color:#9aa59f;transition:background-color .35s,color .35s}.czw-live i{width:.45rem;height:.45rem;border-radius:50%;background-color:#c8d1cb;transition:background-color .35s}.czw-seite{position:relative;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.6rem 1.5rem;overflow:hidden}.czw-v-eyebrow{font-size:.7rem;color:var(--color-paragraph)}.czw-v-titel,.czw-v-absatz,.czw-v-knopf{position:relative;border-radius:.3rem;outline:1.5px dashed transparent;outline-offset:.3rem;transition:outline-color .3s}.czw-v-titel{display:grid;font-family:var(--font-heading);font-weight:var(--heading-weight);font-size:1.55rem;line-height:1.15;letter-spacing:-.03em;color:var(--color-black)}.czw-v-titel>span{grid-area:1 / 1;transition:opacity .4s}.czw-v-titel .ist-neu{opacity:0}.czw-v-absatz{max-width:22rem;font-size:.8rem;line-height:1.5;color:var(--color-paragraph)}.czw-v-knopf{display:flex;align-items:center;gap:.4rem;margin-top:.3rem;padding:.55rem .9rem;border-radius:99px;background-color:var(--color-black);color:#fff;font-size:.75rem}.czw-v-knopf i{width:.55rem;height:.55rem;border-radius:50%;background-color:var(--color-accent)}.czw-v-titel:after,.czw-v-absatz:after,.czw-v-knopf:after{content:attr(data-tag);position:absolute;top:-.95rem;right:-.3rem;padding:.05rem .4rem;border-radius:.3rem;background-color:var(--color-accent);color:var(--ui-auf-akzent);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.6rem;letter-spacing:0;opacity:0;transition:opacity .3s}.czw-v-rest{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;margin-top:auto}.czw-v-rest i{height:3.2rem;border:1px solid var(--color-grey);border-radius:.6rem;background-color:#fbfcfb}.czw-zeiger{position:absolute;left:62%;top:62%;display:flex;align-items:flex-start;gap:.15rem;opacity:0;pointer-events:none}.czw-zeiger svg{width:1rem;height:1rem;fill:#6d5dfc}.czw-zeiger b{margin-top:.75rem;padding:.1rem .45rem;border-radius:.35rem;background-color:#6d5dfc;color:#fff;font-size:.62rem;font-weight:500}.czw-ergebnisse{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:safe center;gap:.6rem;padding:1.2rem;background-color:#fff;opacity:0;visibility:hidden;transition:opacity .4s var(--ease-out-soft),visibility .4s}.czw-ergebnisse>*{transform:translateY(.8rem);transition:transform .45s var(--ease-out-soft)}.czw-quellen{display:flex;align-items:center;gap:.6rem;margin-bottom:.2rem;font-size:.72rem;color:var(--color-paragraph)}.czw-logos{display:flex}.czw-logo{display:grid;place-items:center;width:1.9rem;height:1.9rem;margin-left:-.5rem;border:1px solid var(--color-grey);border-radius:50%;background-color:#fff;box-shadow:0 .15rem .4rem #14141414}.czw-logo:first-child{margin-left:0}.czw-logo svg{width:55%;height:55%}.czw-google,.czw-ki{display:grid;gap:.2rem;padding:.75rem .85rem;border:1px solid var(--color-grey);border-radius:.8rem;background-color:#fff;box-shadow:0 .5rem 1.4rem #1414141a;font-size:.72rem;line-height:1.4}.czw-google small{font-size:.62rem;color:#5f6b67}.czw-google b{font-weight:500;font-size:.82rem;color:#1a0dab}.czw-google span,.czw-ki span{color:var(--color-paragraph)}.czw-ki b{display:flex;align-items:center;gap:.35rem;font-weight:600;color:var(--color-black)}.czw-ki b svg{width:.85rem;height:.85rem;color:#6d5dfc}.czw-ki small{display:flex;align-items:center;gap:.3rem;font-size:.62rem;color:#5f6b67}.czw-ki small i{width:.4rem;height:.4rem;border-radius:50%;background-color:#3fd86d}.czw[data-schritt="0"] .czw-reiter-eintrag[data-k="0"],.czw[data-schritt="1"] .czw-reiter-eintrag[data-k="1"],.czw[data-schritt="2"] .czw-reiter-eintrag[data-k="2"],.czw[data-schritt="3"] .czw-reiter-eintrag[data-k="3"]{background-color:#ffffff14;color:#fff}.czw[data-schritt="0"] .czw-tafel[data-k="0"],.czw[data-schritt="1"] .czw-tafel[data-k="1"],.czw[data-schritt="2"] .czw-tafel[data-k="2"],.czw[data-schritt="3"] .czw-tafel[data-k="3"]{opacity:1;visibility:visible;transform:none}.czw[data-schritt="0"] .czw-tafel[data-k="0"] .czw-zeile,.czw[data-schritt="2"] .czw-tafel[data-k="2"] .czw-zeile,.czw[data-schritt="3"] .czw-tafel[data-k="3"] .czw-zeile{animation:czw-zeile .4s var(--ease-out-soft) calc(var(--i) * .07s + .1s) backwards}.czw[data-schritt="3"] .czw-tafel[data-k="3"] .czw-zeile{animation-delay:calc(var(--i) * .35s + .15s)}.czw[data-schritt="0"] .czw-zeile.ist-markiert{border-left-color:var(--color-accent);background-color:#dcfd800f}.czw[data-schritt="0"] :is(.czw-v-titel,.czw-v-absatz,.czw-v-knopf){outline-color:#9ccc3a}.czw[data-schritt="0"] :is(.czw-v-titel,.czw-v-absatz,.czw-v-knopf):after{opacity:1}.czw[data-schritt="1"] .czw-cms-alt{animation:czw-weg .3s ease .5s forwards}.czw[data-schritt="1"] .czw-cms-neu{animation:czw-tippen 1.6s steps(28,end) .7s forwards}.czw[data-schritt="1"] .czw-cms .czw-strich{animation:czw-blinken 1.1s steps(1) .5s infinite}.czw[data-schritt="1"] .czw-cms-stand .ist-entwurf{animation:czw-weg .3s ease 2.7s forwards}.czw[data-schritt="1"] .czw-cms-stand .ist-live{animation:czw-her .3s ease 2.7s forwards}.czw[data-schritt="1"] .czw-cms-los{animation:czw-druck .35s ease 2.4s}.czw[data-schritt="1"] .czw-zeiger{animation:czw-zeiger 1.2s var(--ease-out-soft) .2s forwards}.czw[data-schritt="1"] .czw-v-titel .ist-alt{animation:czw-weg .4s ease 2.6s forwards}.czw[data-schritt="1"] .czw-v-titel .ist-neu{animation:czw-her .4s ease 2.6s forwards}.czw[data-schritt="1"] .czw-v-titel{animation:czw-glanz 1.2s ease 2.6s}.czw:is([data-schritt="2"],[data-schritt="3"]) .czw-v-titel .ist-alt{opacity:0}.czw:is([data-schritt="2"],[data-schritt="3"]) .czw-v-titel .ist-neu{opacity:1}.czw[data-schritt="2"] .czw-ergebnisse{opacity:1;visibility:visible;transition-delay:.2s}.czw[data-schritt="2"] .czw-ergebnisse>*{transform:none}.czw[data-schritt="2"] .czw-ergebnisse>:nth-child(1){transition-delay:.25s}.czw[data-schritt="2"] .czw-ergebnisse>:nth-child(2){transition-delay:.35s}.czw[data-schritt="2"] .czw-ergebnisse>:nth-child(3){transition-delay:.45s}.czw[data-schritt="3"] .czw-url .ist-vorschau{opacity:0;transition-delay:1.6s}.czw[data-schritt="3"] .czw-url .ist-adresse{opacity:1;transition-delay:1.6s}.czw[data-schritt="3"] .czw-live{background-color:#e3f7d4;color:#2c6a10;transition-delay:1.6s}.czw[data-schritt="3"] .czw-live i{background-color:#3fd86d;transition-delay:1.6s}@keyframes czw-zeile{0%{opacity:0;transform:translate(-.4rem)}}@keyframes czw-weg{to{opacity:0}}@keyframes czw-her{to{opacity:1}}@keyframes czw-tippen{to{clip-path:inset(0 0 0 0)}}@keyframes czw-blinken{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes czw-druck{50%{transform:scale(.94)}}@keyframes czw-zeiger{0%{opacity:0;left:80%;top:90%}to{opacity:1;left:64%;top:22%}}@keyframes czw-glanz{30%{background-color:#dcfd808c}}@media(width<75rem){.czw-buehne{gap:2rem}.czw-reiter-eintrag{padding:.3rem .45rem;font-size:.62rem}}@media(width>=62rem)and (height<52rem)and (height>=40rem){.czw-pin{padding-top:5.5rem}.czw-kopf{margin-bottom:1.5rem}.czw-kopf .heading-h2{font-size:2.4rem}.czw-absatz{margin-top:.6rem;font-size:1rem}.czw-fenster{height:22rem}.czw-schritt{padding-block:.55rem}.czw-schritt-titel button{font-size:1.05rem}.czw-schritt-text p{font-size:.95rem}.czw-seite{gap:.6rem;padding:1.2rem 1.3rem}.czw-cms{margin:.75rem;padding:.85rem;gap:.25rem}.czw-cms .ist-nebensache{display:none}.czw-cms-feld{padding:.4rem .6rem}}@media(width<62rem),(height<40rem){.czw-spur{height:auto}.czw-pin{position:static;height:auto;padding-block:5rem}.czw-kopf{margin-bottom:2.25rem}.czw-buehne{grid-template-columns:minmax(0,1fr);gap:1.75rem}.czw-fenster{grid-template-columns:minmax(0,1fr);grid-template-rows:18.5rem 22rem;height:auto}.czw-vorschau{border-left:0;border-top:1px solid var(--color-grey)}}@media(width<48rem){.czw-pin{padding-block:4rem}.czw-schritt-titel button{font-size:1.05rem}.czw-code,.czw-terminal{font-size:.64rem}.czw-reiter .czw-punkte{display:none}.czw-fenster{border-radius:1.1rem}.czw-cms{margin:.7rem;padding:.8rem;gap:.25rem;font-size:.72rem}.czw-cms .ist-nebensache{display:none}.czw-cms-feld{padding:.4rem .55rem}.czw-cms-los{margin-top:.5rem}.czw-ergebnisse{justify-content:flex-start;gap:.5rem;padding:1rem}.czw-google>span,.czw-ki>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}@media(prefers-reduced-motion:reduce){.czw *,.czw *:before,.czw *:after{animation-duration:1ms!important;animation-delay:0s!important;transition-duration:1ms!important;transition-delay:0s!important}}}@layer components{.wfa-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5rem;align-items:center}.wfa-text{max-width:36rem}.wfa-titel{margin-bottom:1.75rem;text-wrap:balance}.wfa-absaetze{display:flex;flex-direction:column;gap:1.1rem;margin-bottom:2.25rem;color:var(--color-paragraph)}.wfa-kunde{color:var(--color-black);text-decoration:underline;text-underline-offset:2px;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);transition:text-decoration-color .2s}.wfa-kunde:hover{text-decoration-color:currentColor}.wfa-bild{order:-1;position:relative;overflow:hidden;border-radius:var(--radius-corners);background-color:var(--color-offwhite)}.wfa-foto{display:block;width:100%;aspect-ratio:10 / 9;object-fit:cover;object-position:50% 68%}.wfa-plakette{position:absolute;left:1rem;bottom:1rem;display:flex;padding:.7rem 1rem;border-radius:100px;background-color:#fff;box-shadow:0 6px 20px #1414141f}.wfa-plakette img{display:block;width:8rem;height:auto}.wfa-bildtext{position:absolute;max-width:9.5rem;right:1rem;bottom:1rem;display:flex;flex-direction:column;gap:.05rem;padding:.55rem .95rem .6rem;border-radius:16px;background-color:#fff;box-shadow:0 6px 20px #1414141f;line-height:1.3}.wfa-bildtext strong{font-family:var(--font-heading);font-weight:var(--heading-weight);font-size:.9375rem;letter-spacing:-.01em;color:var(--color-black)}.wfa-bildtext span{font-size:.8125rem;color:var(--color-paragraph)}@media(width>=62rem)and (width<80rem){.wfa-raster{gap:3.5rem}.wfa-foto{aspect-ratio:1 / 1;object-position:50% 80%}}@media(width<62rem){.wfa-raster{grid-template-columns:minmax(0,1fr);gap:2.5rem}.wfa-text{max-width:40rem}.wfa-bild{order:0}}@media(width<48rem){.wfa-foto{aspect-ratio:4 / 5;object-position:50% 100%}.wfa-plakette{left:.75rem;top:.75rem;bottom:auto;padding:.5rem .75rem}.wfa-plakette img{width:6rem}.wfa-bildtext{right:.75rem;top:.75rem;bottom:auto;padding:.45rem .8rem .5rem;border-radius:14px}.wfa-bildtext strong{font-size:.875rem}.wfa-bildtext span{font-size:.75rem}}}