.flaeche.werkbank.vstudio {padding-left:0}
.vstudio {--video-abstand:clamp(20px,3vw,38px)}
.vstudio main.wrap {padding-block:36px 64px;max-width:1320px}
.vstudio h1,.vstudio h2,.vstudio h3 {font-family:Archivo,Inter,sans-serif;letter-spacing:-.025em;line-height:1.15;color:var(--ink)}
.vstudio h1 {font-size:clamp(30px,4vw,48px);margin:10px 0 16px;font-weight:800;max-width:22ch}
.vstudio h2 {font-size:clamp(23px,2.4vw,29px);margin:0 0 12px}
.vstudio h3 {font-size:18px;margin:0 0 8px}
.vstudio p {color:var(--ink-2);line-height:1.65;margin:0 0 16px}
.vstudio .vstudio__klein,.vstudio small {font-size:13px;color:var(--ink-2);line-height:1.55;font-weight:400}
.vstudio small {display:block}
.vstudio [hidden] {display:none!important}
.vstudio .btn {min-height:46px;line-height:1.3;border:1px solid var(--line-2);border-radius:12px;padding:12px 18px;display:inline-flex;gap:10px;align-items:center;justify-content:center;font-size:14px;box-shadow:none;text-decoration:none;white-space:normal;text-align:center;transform:none}
.vstudio .btn.prim {background:var(--brand);color:#fff;border-color:var(--brand)}
.vstudio .btn.sec {background:var(--card);color:var(--ink)}
.vstudio .btn:hover {filter:brightness(.97);transform:none;box-shadow:none}
.vstudio .btn:disabled {opacity:.5;cursor:not-allowed}
.vstudio :is(button,a,input,select,textarea,summary):focus-visible {outline:3px solid var(--brand);outline-offset:4px}
.vstudio__marke {display:block;font-size:11px;letter-spacing:.13em;font-weight:700;color:var(--brand-ink)}
.vstudio__weg {background:var(--card);border-bottom:1px solid var(--line)}
.vstudio__weg .wrap {display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:76px}
.vstudio__weg ol {list-style:none;display:flex;gap:28px;margin:0;padding:0}
.vstudio__weg li {display:flex;align-items:center;gap:9px;color:var(--ink-2);font-size:13px;line-height:1.3}
.vstudio__weg li>span {width:27px;height:27px;border:1px solid var(--line-2);border-radius:50%;display:grid;place-items:center;flex:none;font-size:12px}
.vstudio__weg li[aria-current=step] {font-weight:700;color:var(--ink)}
.vstudio__weg li[aria-current=step]>span {background:#6A3CEF;border-color:#6A3CEF;color:#fff}
.vstudio__weg li.ist-erledigt>span {background:var(--brand-tint);border-color:var(--brand-tint);color:var(--brand-ink)}
.vstudio__zurueck {display:flex;align-items:center;gap:9px;color:var(--ink-2);font-size:13px;text-decoration:none;min-height:44px}
.vstudio__auftakt {display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;margin:10px 0 42px}
.vstudio__auftakt p {max-width:53ch;font-size:16px;margin-bottom:26px}
.vstudio__plakat {min-height:360px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:24px;background:#302441;padding:30px;overflow:hidden;gap:22px}
.vstudio__bildrahmen {width:180px;min-height:255px;border-radius:18px;background:#dfd3f2;color:#44305e;padding:20px;transform:rotate(6deg);box-shadow:-18px 12px 0 #6b518d}
.vstudio__bildrahmen>span {font-size:12px;font-weight:700;letter-spacing:.12em}
.vstudio__bildrahmen svg {display:block;width:90px;height:130px;margin:auto}
.vstudio__bildrahmen b {display:block;font-family:Archivo,sans-serif;font-size:21px;line-height:1.1}
.vstudio__plakatschild {font-size:12px;color:#ecdefc;letter-spacing:.04em}
.vstudio__startgitter {display:grid;grid-template-columns:1.2fr .8fr;gap:var(--video-abstand);align-items:start;scroll-margin-top:110px}
.vstudio__panel {background:var(--card);padding:clamp(20px,3vw,36px);border-radius:22px;border:1px solid var(--line)}
.vstudio__hilfe {padding:22px 10px 0}
.vstudio__hilfe h2 {margin:10px 0 28px;max-width:20ch}
.vstudio__hilfe ol {padding:0;list-style:none;counter-reset:video-hilfe;display:grid;gap:20px}
.vstudio__hilfe li {padding-left:44px;position:relative;counter-increment:video-hilfe}
.vstudio__hilfe li::before {content:counter(video-hilfe);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--brand-tint);color:var(--brand-ink);display:grid;place-items:center;font-size:12px;font-weight:700}
.vstudio__hilfe b {font-size:15px}
.vstudio__hilfe p {font-size:14px;margin:5px 0 0;max-width:43ch}
.vstudio__wahl {padding:0;margin:0 0 25px;border:0;display:grid;gap:10px}
.vstudio__wahl legend {font-size:17px;font-weight:700;margin-bottom:15px}
.vstudio__wahl label {display:flex;align-items:center;gap:13px;border:1px solid var(--line-2);border-radius:12px;padding:15px;cursor:pointer;min-width:0}
.vstudio__wahl label:has(input:checked) {border-color:var(--brand);background:var(--brand-tint)}
.vstudio__wahl input {width:19px;height:19px;accent-color:var(--brand);flex:none;margin:0}
.vstudio__wahl b {font-size:14px;display:block;margin-bottom:3px}
.vstudio__ablage {display:grid;justify-items:center;text-align:center;border:1.5px dashed var(--line-2);padding:28px 18px;border-radius:16px;background:var(--card-2);transition:background-color .16s,border-color .16s;gap:14px}
.vstudio__ablage.ist-darueber {border-color:var(--brand);background:var(--brand-tint)}
.vstudio__uploadzeichen {width:44px;height:44px;display:grid;place-items:center;background:var(--brand-tint);border-radius:12px;color:var(--brand-ink);font-size:26px}
.vstudio__ablage b {font-size:16px}
.vstudio__ablage p {font-size:13px;margin:7px 0 0}
.vstudio__ablage input[type=file] {width:100%;min-width:0;max-width:390px;font-size:13px;color:var(--ink-2)}
.vstudio input[type=file]::file-selector-button {border:1px solid var(--line-2);border-radius:9px;padding:11px 12px;background:var(--card);color:var(--ink);font:inherit;margin-right:10px;cursor:pointer}
.vstudio__upload>.vstudio__aktionen {margin-top:20px}
.vstudio__dateien {padding:0;list-style:none;margin:15px 0;display:grid;gap:8px}
.vstudio__dateien li {display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:10px 0;border-bottom:1px solid var(--line)}
.vstudio__dateien li span:first-child {overflow-wrap:anywhere;min-width:0}
.vstudio__dateien li span:last-child {flex:none;color:var(--ink-2)}
.vstudio progress {width:100%;height:10px;accent-color:var(--brand);display:block;margin:8px 0 14px}
.vstudio [data-video-fortschritt] label {font-size:13px}
.vstudio__details {border:1px solid var(--line);border-radius:16px;background:var(--card);overflow:clip;margin-top:18px}
.vstudio__details>summary {display:flex;align-items:center;justify-content:space-between;gap:8px 20px;position:relative;list-style:none;padding:20px 50px 20px 22px;cursor:pointer;min-height:70px;font-size:15px;font-weight:600;color:var(--ink);flex-wrap:wrap}
.vstudio__details>summary::-webkit-details-marker {display:none}
.vstudio__details>summary::after {content:'';position:absolute;right:23px;top:28px;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .16s}
.vstudio__details[open]>summary::after {transform:rotate(225deg);top:32px}
.vstudio__details[open]>summary {border-bottom:1px solid var(--line)}
.vstudio__detailinhalt {padding:22px}
.vstudio__drehtipps {margin-top:28px}
.vstudio__ideen {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:30px}
.vstudio__ideen span {font-size:11px;letter-spacing:.08em;color:var(--brand-ink);font-weight:700}
.vstudio__ideen h3 {margin-top:12px}
.vstudio__ideen p {font-size:14px;margin:0}
.vstudio__seitenkopf {display:flex;justify-content:space-between;gap:24px;align-items:center;margin:8px 0 32px}
.vstudio__seitenkopf h1 {font-size:clamp(30px,3.8vw,44px);margin-bottom:12px}
.vstudio__seitenkopf p {margin:0;max-width:55ch;font-size:15px}
.vstudio__seitenkopf>a {flex:none}
.vstudio__schnittgitter {display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:var(--video-abstand);align-items:start}
.vstudio__vorschau {position:sticky;top:calc(var(--kopf,76px) + 22px);min-width:0}
.vstudio__buehne {border-radius:20px;background:#241c30;padding:22px 22px 15px;text-align:center}
.vstudio__buehnenlabel {display:block;color:#dfd3ef;font-size:10px;font-weight:600;letter-spacing:.15em;margin:0 0 16px}
.vstudio__telefon {aspect-ratio:9/16;background:#100c17;border-radius:12px;overflow:hidden;display:grid;place-items:center;color:#eee;width:min(100%,270px);margin:0 auto;position:relative}
.vstudio__telefon video {display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.vstudio__buehne p {color:#e6dcef;font-size:12px;margin:12px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.vstudio__playerbedienung {margin-top:12px;display:grid;gap:9px}
.vstudio__playerbedienung p {font-size:13px;margin:0}
.vstudio__vorschau>p {margin:12px 0 18px}
.vstudio__laufzeit {border-top:1px solid var(--line-2);padding-top:16px}
.vstudio__laufzeit>div:first-child {display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.vstudio__laufzeit b {font-family:Archivo,sans-serif;font-size:26px;letter-spacing:-.04em}
.vstudio__laufzeit span {font-size:12px;color:var(--ink-2)}
.vstudio__zeitstreifen {display:flex;gap:3px;height:6px;margin:12px 0}
.vstudio__zeitstreifen i {background:var(--brand);border-radius:3px;min-width:3px}
.vstudio__zeitstreifen i.ist-abschluss {background:var(--ink-3)}
.vstudio__laufzeit p {font-size:12px}
.vstudio__laufzeit .vstudio__abschlussnotiz {font-size:12px;color:var(--brand-ink);margin-bottom:0}
.vstudio__bearbeitung {min-width:0}
.vstudio__abschnittskopf {display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.vstudio__abschnittskopf h2 {font-size:24px;margin:0 0 10px}
.vstudio__abschnittskopf>span {font-size:12px;color:var(--ink-2);white-space:nowrap}
.vstudio__clips {padding:0;list-style:none;display:grid;gap:14px;margin:18px 0 0}
.vstudio__clip {background:var(--card);border:1px solid var(--line);border-radius:17px;min-width:0;scroll-margin-top:100px}
.vstudio__clip.ist-ausgewaehlt {border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}
.vstudio__clip.ist-ausgelassen {border-style:dashed;background:var(--card-2)}
.vstudio__clipkopf {display:flex;align-items:center;gap:14px;padding:20px 20px 12px}
.vstudio__nummer {width:38px;height:44px;flex:none;display:grid;place-items:center;background:var(--brand-tint);color:var(--brand-ink);border-radius:10px;font-size:12px;font-weight:700}
.vstudio__clipname {min-width:0;flex:1}
.vstudio__clipname h3 {font-family:Inter,sans-serif;font-size:14px;letter-spacing:0;overflow-wrap:anywhere;line-height:1.4;margin:0 0 4px}
.vstudio__clipname p {font-size:12px;margin:0}
.vstudio .vstudio__ansehen {padding:10px 12px;font-size:12px;min-height:42px;flex:none}
.vstudio__clipaktionen {padding:0 20px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.vstudio__sortierung {display:flex;gap:6px}
.vstudio__sortierung form {margin:0}
.vstudio__symbol {border:1px solid var(--line-2);background:var(--card);color:var(--ink);min-width:42px;min-height:42px;border-radius:9px;font-size:20px;padding:0;box-shadow:none}
.vstudio__symbol:disabled {opacity:.4;cursor:not-allowed}
.vstudio__weglassen {margin-left:auto}
.vstudio__weglassen button,.vstudio__verwerfen {background:transparent;border:0;padding:10px 0;box-shadow:none;color:var(--ink-2);font-size:12px;min-height:42px;text-decoration:underline;text-underline-offset:4px}
.vstudio__clipdetails {margin:0;border:0;border-top:1px solid var(--line);border-radius:0 0 17px 17px;background:transparent}
.vstudio__clipdetails>summary {font-size:13px;min-height:62px;padding-block:18px}
.vstudio__clipdetails>summary .vstudio__klein {font-size:12px}
.vstudio__formular {display:grid;gap:20px;align-items:start}
.vstudio__formular>label,.vstudio__zweier>label {display:grid;gap:8px;font-size:13px;font-weight:600;color:var(--ink);min-width:0}
.vstudio__formular :is(input[type=text],input[type=number],select,textarea) {width:100%;min-width:0;border:1px solid #8e8796;border-radius:10px;background:var(--card);color:var(--ink);font:inherit;font-size:14px;min-height:46px;padding:11px 12px;box-shadow:none}
.vstudio__formular textarea {resize:vertical;line-height:1.6}
.vstudio__formular>.btn {justify-self:start}
.vstudio__formular>p {margin:0}
.vstudio__zweier {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.vstudio__aktionen {display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.vstudio__formular>.vstudio__check {display:flex;align-items:start;gap:12px;font-weight:400;line-height:1.6;cursor:pointer}
.vstudio__check input[type=checkbox] {width:20px;height:20px;accent-color:var(--brand);flex:none;margin:2px 0 0}
.vstudio__check b {font-weight:600}
.vstudio__textplaetze {border:0;padding:0;margin:0;min-width:0}
.vstudio__textplaetze legend {font-size:15px;font-weight:600;padding:0;margin-bottom:9px}
.vstudio__textplaetze>p {margin-bottom:14px}
.vstudio__textplatz {display:grid;grid-template-columns:48px minmax(100px,1fr) 150px;gap:10px;align-items:center;margin-top:10px}
.vstudio__textplatz>label {font-size:12px;color:var(--ink-2)}
.vstudio__textplatz select {font-size:12px}
.vstudio__schnittspanne {min-width:0;margin:0;padding:18px;border:1px solid var(--line-2);border-radius:12px;background:var(--card-2)}
.vstudio__schnittspanne legend {padding:0 6px;font-size:14px;font-weight:650;color:var(--ink)}
.vstudio__schnittspanne>.vstudio__klein {margin:0 0 18px}
.vstudio__spurbild {height:28px;border-radius:6px;background:var(--line);position:relative;overflow:hidden}
.vstudio__spurbild>span {position:absolute;inset-block:0;background:var(--brand);border-radius:5px;border-inline:3px solid var(--brand-ink);min-width:2px}
.vstudio__spurzeiten {display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--ink-2);margin:7px 0 14px;font-variant-numeric:tabular-nums}
.vstudio__schnittregler {display:grid;grid-template-columns:82px minmax(0,1fr);gap:5px 16px;align-items:center}
.vstudio__schnittregler>label {font-size:12px;line-height:1.4;color:var(--ink);display:grid;gap:2px}
.vstudio__schnittregler [data-schnittwert] {font-variant-numeric:tabular-nums;font-size:11px;color:var(--ink-2)}
.vstudio__schnittregler input[type=range] {width:100%;min-width:0;height:44px;padding:0;margin:0;accent-color:var(--brand);cursor:ew-resize;background:transparent;box-shadow:none}
.vstudio__schnittspanne .vstudio__schnittauswahl {font-size:12px;font-weight:600;color:var(--brand-ink);margin:12px 0 0;line-height:1.5}
.vstudio__schnittspanne.ist-ungueltig .vstudio__schnittauswahl {color:var(--stop)}
.vstudio__schnittspanne.ist-ungueltig .vstudio__spurbild {opacity:.35}
.vstudio .vstudio__schnitthelfer {gap:8px}
.vstudio .vstudio__schnitthelfer>.btn {font-size:12px;padding:10px 12px;min-height:44px}
.vstudio__abschluss {margin-top:24px;padding:clamp(20px,3vw,32px);border:1px solid var(--line);background:var(--card);border-radius:18px}
.vstudio__abschluss h2 {margin-top:10px;font-size:27px}
.vstudio__abschluss>p {font-size:14px;margin-bottom:24px}
.vstudio__verwerfen {font-size:13px;margin-top:16px}
.vstudio__fertigvideo {max-width:350px;margin:auto}
.vstudio__fertigvideo .vstudio__telefon {max-height:600px}
.vstudio .vsplit {grid-template-columns:minmax(260px,350px) minmax(0,1fr)}
.vstudio .vlinks {top:calc(var(--kopf,76px) + 22px)}
.vstudio .vfuss {flex-wrap:wrap;gap:10px}
.vstudio .vmini {min-height:44px;font-size:13px;border-radius:10px;box-shadow:none}
.vstudio .vtext {font-size:16px}
.flaeche.werkbank.vstudio--fertig main.wrap {max-width:1240px;padding:36px 28px 56px}
.vstudio__ergebnisgitter {display:grid;grid-template-columns:minmax(320px,410px) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:start}
.vstudio__ergebnispanel {min-width:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--card)}
.vstudio__ergebnispanel .vstudio__fertigvideo {max-width:none;margin:0;padding:20px 24px 24px;background:#241c30}
.vstudio__filmmetadaten {display:flex;justify-content:space-between;gap:12px;margin-bottom:18px;font-size:10px;letter-spacing:.08em;color:#e6dcef;line-height:1.5}
.vstudio__filmmetadaten>span:last-child {font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:0}
.vstudio__ergebnispanel .vstudio__telefon {width:min(100%,270px);max-height:none;border-radius:12px}
.vstudio__ergebnisbedienung {padding:22px}
.vstudio__ergebnisbedienung>p {font-size:13px;line-height:1.55;margin:0 0 18px;text-align:left}
.vstudio__ergebnisaktionen {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
.vstudio__ergebnisaktionen>form {display:flex;margin:0;min-width:0}
.vstudio .vstudio__ergebnisaktionen .btn {width:100%;height:100%;min-height:54px;min-width:0;padding:12px 10px;font-size:13px;text-decoration:none}
.vstudio__ergebnisverwerfen {margin:18px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.vstudio .vstudio__ergebnisverwerfen .vstudio__verwerfen {margin:0;padding:8px 0;min-height:44px;font:inherit;font-size:12px;text-decoration:none}
.vstudio .vstudio__ergebnisverwerfen .vstudio__verwerfen:hover {color:var(--stop)}
.vstudio__ergebnistext {min-width:0}
.vstudio__textstart {background:var(--card);border:1px solid var(--line);border-radius:22px;padding:clamp(24px,3vw,36px)}
.vstudio__textstart h2,.vstudio__textkopf h2 {margin:12px 0 16px;max-width:20ch}
.vstudio__textstart>p {font-size:15px;max-width:45ch;margin:0 0 26px}
.vstudio__textstart form {margin:0}
.vstudio__textstart>.vstudio__klein {font-size:12px;line-height:1.6;margin:18px 0 0;max-width:42ch}
.vstudio__textkopf {margin-bottom:24px}
.vstudio__textkopf p {font-size:14px;max-width:50ch}
@media (max-width:1050px) {
  .vstudio__schnittgitter {grid-template-columns:280px minmax(0,1fr);gap:24px}
  .vstudio__textplatz {grid-template-columns:1fr 140px}
  .vstudio__textplatz>label {grid-column:1/-1}
  .vstudio__clipkopf {gap:10px;padding-inline:16px}
  .vstudio__clipaktionen {padding-inline:16px}
  .vstudio__clipdetails>summary>.vstudio__klein {width:100%}
}
@media (max-width:780px) {
  .vstudio main.wrap {padding-block:24px 40px}
  .vstudio__auftakt {grid-template-columns:1fr;gap:25px;margin-top:0}
  .vstudio__plakat {min-height:230px;padding:25px;flex-direction:row;gap:35px}
  .vstudio__bildrahmen {width:126px;min-height:173px;padding:14px}
  .vstudio__bildrahmen svg {height:77px;width:62px}
  .vstudio__bildrahmen b {font-size:17px}
  .vstudio__plakatschild {max-width:13ch;line-height:1.8}
  .vstudio__startgitter,.vstudio__schnittgitter,.vstudio .vsplit {grid-template-columns:1fr}
  .vstudio__weg .wrap {align-items:start;flex-direction:column;gap:0;padding-block:8px 15px}
  .vstudio__weg ol {justify-content:space-between;gap:15px;width:100%}
  .vstudio__weg li {font-size:12px;gap:7px}
  .vstudio__weg li>span {width:23px;height:23px;font-size:10px}
  .vstudio__vorschau,.vstudio .vlinks {position:static}
  .vstudio__buehne {padding:16px;max-width:100%}
  .vstudio__telefon {height:auto;width:min(100%,168.75px)}
  .vstudio__buehnenlabel {margin-bottom:12px}
  .vstudio__laufzeit {margin-top:14px}
  .vstudio__seitenkopf {align-items:start;flex-direction:column;gap:18px}
  .vstudio__seitenkopf .btn {min-height:42px;font-size:13px}
  .vstudio__ideen {grid-template-columns:1fr;padding:24px;gap:24px}
  .vstudio__hilfe {padding-top:8px}
  .vstudio__detailinhalt {padding:20px}
  .vstudio__fertigvideo .vstudio__telefon {height:auto;width:min(100%,281.25px)}
  .flaeche.werkbank.vstudio--fertig main.wrap {padding:26px 22px 40px}
  .vstudio__ergebnisgitter {grid-template-columns:1fr;gap:24px}
  .vstudio__ergebnispanel .vstudio__telefon {width:min(100%,253.125px)}
  .vstudio__textstart {padding:24px}
}
@media (max-width:440px) {
  .vstudio__weg ol {gap:8px}
  .vstudio__weg li {font-size:10px;gap:5px}
  .vstudio__weg li>span {width:20px;height:20px}
  .vstudio__panel,.vstudio__detailinhalt {padding:18px}
  .vstudio__zweier {grid-template-columns:1fr;gap:16px}
  .vstudio__clipkopf {flex-wrap:wrap}
  .vstudio__clipname {flex-basis:calc(100% - 54px)}
  .vstudio .vstudio__ansehen {margin-left:48px}
  .vstudio__details>summary {padding-left:18px}
  .vstudio__textplatz {grid-template-columns:1fr}
  .vstudio__textplatz>label {grid-column:auto}
  .vstudio__ablage {padding:22px 12px}
  .vstudio__ablage input[type=file] {font-size:12px}
  .vstudio__aktionen>.btn,.vstudio__formular>.btn {width:100%}
  .vstudio__abschnittskopf {align-items:start;flex-direction:column;gap:0}
  .vstudio__abschnittskopf>span {margin-bottom:12px}
  .flaeche.werkbank.vstudio--fertig main.wrap {padding:24px 18px 36px}
  .vstudio__ergebnispanel {border-radius:18px}
  .vstudio__ergebnispanel .vstudio__fertigvideo {padding:16px 18px 20px}
  .vstudio__ergebnisbedienung {padding:18px}
  .vstudio .vstudio__ergebnisaktionen .btn {min-height:60px;font-size:12px;padding:10px 8px}
  .vstudio__textstart {padding:22px 20px;border-radius:18px}
  .vstudio__schnittspanne {padding:14px}
  .vstudio__schnittregler {grid-template-columns:68px minmax(0,1fr);gap:5px 10px}
  .vstudio .vstudio__schnitthelfer {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
  .vstudio .vstudio__schnitthelfer>.btn {width:100%;font-size:11px;padding:10px 6px}
  .vstudio .vstudio__schnitthelfer>[data-ganz-verwenden] {grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce) {
  .vstudio *, .vstudio *::before, .vstudio *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
.flaeche .vstudio__einstiegslink {font-size:13px;color:var(--brand-ink);text-underline-offset:4px;line-height:1.5}
.vstudio__ungespeichert {padding:12px 15px;background:var(--brand-tint);color:var(--brand-ink);border-radius:10px;font-size:13px;line-height:1.5}
.vstudio__speicherhinweis {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:18px 20px;border:1px solid var(--brand);border-radius:14px;background:var(--brand-tint);margin-bottom:24px;scroll-margin-top:100px}
.vstudio__speicherhinweis p {margin:0;font-size:14px;color:var(--brand-ink)}
.flaeche.werkbank.vstudio--wartet main.wrap {max-width:1160px;padding:36px 28px 44px}
.vstudio__warten {display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(36px,5vw,68px);align-items:start}
.vstudio__warteinhalt {min-width:0;padding-top:8px}
.vstudio__warten h1 {font-size:clamp(34px,3.5vw,46px);line-height:1.08;max-width:16ch;margin:12px 0 18px;letter-spacing:-.045em;text-wrap:balance}
.vstudio__warten .vstudio__warteeinleitung {font-size:15px;max-width:44ch;margin:0;color:var(--ink-2)}
.vstudio__warteschritte {list-style:none;margin:30px 0 28px;padding:0;display:grid;gap:22px}
.vstudio__warteschritte li {display:flex;align-items:start;gap:14px;min-width:0}
.vstudio__warteschritte li>div {min-width:0;padding-top:1px}
.vstudio__warteschrittzeichen {width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:50%;flex:none;color:var(--ink-2);font-size:12px;font-weight:600}
.vstudio__warteschrittzeichen svg {width:20px;height:20px}
.vstudio__warteschritte .ist-erledigt .vstudio__warteschrittzeichen {color:var(--brand-ink);background:var(--brand-tint);border-color:var(--brand-tint)}
.vstudio__warteschritte li[aria-current=step] .vstudio__warteschrittzeichen {color:#fff;background:#6A3CEF;border-color:#6A3CEF}
.vstudio__warteschritte b {font-size:15px;line-height:1.4;color:var(--ink);font-weight:650}
.vstudio__warteschritte p {font-size:13px;line-height:1.5;margin:4px 0 0;max-width:43ch}
.vstudio__warteschritte .vstudio__wartestatus {color:var(--brand-ink);font-weight:600;margin-top:5px}
.vstudio__warteaktionen svg {width:18px;height:18px;flex:none}
.vstudio__warten .vstudio__wartehinweis {font-size:12px;line-height:1.5;margin:14px 0 0;max-width:44ch;color:var(--ink-2)}
.vstudio__wartematerial {position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:482px;border-radius:24px;background:#302441;color:#F4ECFB;padding:30px;display:flex;flex-direction:column;align-items:center;text-align:center}
.vstudio__wartematerial::before {content:'';position:absolute;z-index:-1;width:390px;height:390px;border:1px solid #51405F;border-radius:50%;top:-180px;right:-120px}
.vstudio__wartematerial::after {content:'';position:absolute;z-index:-1;width:420px;height:420px;border:1px solid #51405F;border-radius:50%;bottom:-240px;left:-190px}
.vstudio__wartematerialmarke {font-size:10px;letter-spacing:.16em;font-weight:600;color:#D8C8E7}
.vstudio__wartefilm {width:min(100%,310px);margin:6px 0 0}
.vstudio__wartefilm svg {display:block;width:100%;height:auto}
.vstudio__wartematerial .vstudio__wartematerialtext h2 {font-size:clamp(24px,2.4vw,32px);line-height:1.2;margin:0 0 10px;color:#F4ECFB;letter-spacing:-.035em}
.vstudio__wartematerial .vstudio__wartematerialtext p {font-size:14px;color:#E4D7EE;line-height:1.6;max-width:26ch;margin:0 auto}
.vstudio__wartesignatur {margin-top:auto;padding-top:28px;font-size:11px;letter-spacing:.06em;color:#D8C8E7}
@media (max-width:780px) {
  .flaeche.werkbank.vstudio--wartet main.wrap {padding:26px 22px 36px}
  .vstudio__warten {grid-template-columns:1fr;gap:30px}
  .vstudio__warteinhalt {padding-top:0}
  .vstudio__warten h1 {font-size:36px;margin-bottom:14px;max-width:18ch}
  .vstudio__warteschritte {margin:24px 0;gap:18px}
  .vstudio__wartematerial {min-height:0;display:grid;grid-template-columns:minmax(120px,.85fr) minmax(0,1.15fr);gap:0 12px;padding:24px;text-align:left}
  .vstudio__wartematerialmarke {grid-column:1/-1;margin-bottom:5px}
  .vstudio__wartefilm {grid-column:1;grid-row:2/4;margin:0}
  .vstudio__wartematerial .vstudio__wartematerialtext h2 {font-size:25px}
  .vstudio__wartematerial .vstudio__wartematerialtext p {margin:0;font-size:13px}
  .vstudio__wartesignatur {margin-top:0;padding-top:12px;font-size:10px}
}
@media (max-width:440px) {
  .flaeche.werkbank.vstudio--wartet main.wrap {padding:24px 18px 32px}
  .vstudio__warten h1 {font-size:34px;max-width:15ch}
  .vstudio__warten .vstudio__warteeinleitung {font-size:14px}
  .vstudio__warteschritte {gap:16px}
  .vstudio__warteschritte li {gap:11px}
  .vstudio__warteschritte b {font-size:14px}
  .vstudio__warteschritte p {font-size:12px}
  .vstudio__warteschrittzeichen {width:30px;height:30px}
  .vstudio__wartematerial {padding:22px 18px;grid-template-columns:minmax(96px,.9fr) minmax(0,1.1fr);gap:0 8px;border-radius:18px}
  .vstudio__wartematerial .vstudio__wartematerialtext h2 {font-size:22px}
  .vstudio__wartematerial .vstudio__wartematerialtext p {font-size:12px}
}
.vstudio__buehne .video-ladehinweis, .vstudio__fertigvideo .video-ladehinweis {
  color:#e6dcef;white-space:normal;overflow:visible;text-align:left;
}
.vstudio__buehne .video-ladehinweis > .ladezeichen,
.vstudio__fertigvideo .video-ladehinweis > .ladezeichen {color:#d3bdf3}
@media (max-width:700px) {
  .flaeche.vstudio > .top .wrap {flex-wrap:wrap;height:auto;min-height:var(--kopf);padding-block:8px;gap:4px 8px}
  .flaeche.vstudio {--kopf:116px}
  .flaeche.vstudio > .top .wrap::after {content:'';flex-basis:100%;height:0;order:1}
  .flaeche.vstudio > .top .farbwahl {margin-left:auto}
}
