/* Smarttec SIM-Aktivierung – Frontend */
@font-face{font-family:"STSA Condensed";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/roboto-condensed-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"STSA Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/roboto-condensed-latin-700-normal.woff2) format("woff2")}

.stsa{--stsa-primary:#003470;--stsa-text:#333;--stsa-bg:#f3f3f3;--stsa-border:#767676;--stsa-err:#c8102e;--stsa-ok:#1f8a4c;
	background:var(--stsa-bg);color:var(--stsa-text);font-family:"STSA Condensed","Roboto Condensed","Arial Narrow",Arial,sans-serif;
	letter-spacing:.02em;line-height:1.5;padding:40px 16px 64px;box-sizing:border-box;
	/* Grauer Hintergrund über die komplette Bildschirmbreite (ohne horizontales Scrollen) */
	box-shadow:0 0 0 100vmax var(--stsa-bg);clip-path:inset(0 -100vmax)}
.stsa *,.stsa *::before,.stsa *::after{box-sizing:border-box}
.stsa-form{max-width:1200px;margin:0 auto}
.stsa [hidden]{display:none!important}

/* Typo */
.stsa-h1{font-size:calc(clamp(34px,5vw,64px)*var(--stsa-fs,1));font-weight:700;line-height:1.1;margin:0 0 24px;color:var(--stsa-text);letter-spacing:.02em}
.stsa-h2{font-size:calc(clamp(28px,3.6vw,50px)*var(--stsa-fs,1));font-weight:700;line-height:1.15;margin:64px 0 40px;color:var(--stsa-text)}
.stsa-h3{font-size:calc(clamp(24px,2.8vw,40px)*var(--stsa-fs,1));font-weight:700;line-height:1.2;margin:36px 0 22px;color:var(--stsa-text)}
.stsa .stsa-lead{font-size:calc(clamp(17px,1.4vw,20px)*var(--stsa-fs,1));margin:0 0 36px}
.stsa p{font-size:calc(clamp(16px,1.3vw,19px)*var(--stsa-fs,1));margin:0 0 14px}
.stsa a{color:var(--stsa-primary)}
.stsa-hr{border:0;border-top:1px solid #8a8a8a;margin:28px 0}
.stsa-list{list-style:none;margin:0 0 14px;padding:0}
.stsa-list li{position:relative;padding:12px 0 12px 46px;font-size:calc(clamp(16px,1.3vw,19px)*var(--stsa-fs,1))}
.stsa-list li::before{content:"";position:absolute;left:14px;top:50%;width:11px;height:11px;margin-top:-5px;border-radius:50%;background:var(--stsa-primary)}

/* Fortschritt */
.stsa-progress{display:flex;align-items:center;gap:14px;margin:0 0 28px}
.stsa-progress__track{flex:1;height:6px;background:#dcdcdc;border-radius:99px;overflow:hidden}
.stsa-progress__bar{height:100%;width:16.66%;background:var(--stsa-primary);border-radius:99px;transition:width .35s ease}
.stsa-progress__text{font-size:calc(15px*var(--stsa-fs,1));font-weight:700;white-space:nowrap}

/* Karten / Felder */
.stsa-card{background:#fff;border-radius:16px;padding:44px 22px 22px}
.stsa-card+.stsa-card{margin-top:18px}
.stsa-grid{display:grid;gap:0 34px}
.stsa-grid--2{grid-template-columns:1fr 1fr}
.stsa-grid--street{grid-template-columns:3fr 1fr}
.stsa-grid--zip{grid-template-columns:1fr 3fr}
.stsa-field{margin:0 0 22px;min-width:0}
.stsa-card>.stsa-field:last-child,.stsa-card>.stsa-grid:last-child .stsa-field{margin-bottom:0}
.stsa-label{display:block;font-size:calc(16px*var(--stsa-fs,1));font-weight:700;margin:0 0 14px;letter-spacing:.03em}
.stsa-input{display:block;width:100%;height:66px;padding:0 18px;border:2px solid var(--stsa-border);border-radius:12px;background:#fff;
	font:inherit;font-size:calc(19px*var(--stsa-fs,1));color:var(--stsa-text);outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
.stsa-input:focus{border-color:var(--stsa-primary);box-shadow:0 0 0 3px rgba(0,52,112,.15)}
.stsa-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23333' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:22px;padding-right:50px}
.stsa-field.has-error .stsa-input{border-color:var(--stsa-err)}
.stsa-error{color:var(--stsa-err);font-size:calc(15px*var(--stsa-fs,1));margin-top:6px;min-height:0}
.stsa-error:empty{display:none}
.stsa-error--block{margin:16px 0 0;font-size:calc(17px*var(--stsa-fs,1));font-weight:700}

/* Buttons */
.stsa-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:36px 0 0}
.stsa-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:66px;padding:0 34px;margin-left:auto;border:0;border-radius:11px;background:var(--stsa-primary);color:#fff;
	font:inherit;font-size:calc(21px*var(--stsa-fs,1));font-weight:700;letter-spacing:.02em;cursor:pointer;transition:filter .15s,transform .05s}
.stsa-btn:hover{filter:brightness(1.15)}
.stsa-btn:active{transform:translateY(1px)}
.stsa-btn:disabled{opacity:.6;cursor:wait}
.stsa-btn.is-loading::after{content:"";width:18px;height:18px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:stsa-spin .7s linear infinite}
@keyframes stsa-spin{to{transform:rotate(360deg)}}
.stsa-back{background:none;border:0;padding:10px 0;font:inherit;font-size:calc(18px*var(--stsa-fs,1));font-weight:700;color:var(--stsa-text);cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.stsa-step[data-step="2"] .stsa-actions,.stsa-step .stsa-actions{flex-wrap:wrap}

/* Anbieter */
.stsa-providers{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.stsa-provider{display:flex;flex-direction:column;align-items:stretch;background:#fff;border:2px solid transparent;border-radius:16px;padding:14px;cursor:pointer;font:inherit;color:inherit;text-align:center;
	transition:border-color .15s,box-shadow .15s,transform .15s}
.stsa-provider:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.stsa-provider:focus-visible{outline:3px solid var(--stsa-primary);outline-offset:2px}
.stsa-provider.is-selected{border-color:var(--stsa-primary);box-shadow:0 0 0 3px rgba(0,52,112,.15)}
.stsa-provider__logo{display:flex;align-items:center;justify-content:center;aspect-ratio:5/3;width:100%;border-radius:10px;background:#fff;overflow:hidden}
.stsa-provider__logo img{width:100%;height:100%;object-fit:contain;display:block}
.stsa-provider__placeholder{font-size:calc(26px*var(--stsa-fs,1));font-weight:700;color:var(--stsa-primary)}
.stsa-provider__name{display:block;margin-top:10px;font-size:calc(18px*var(--stsa-fs,1));font-weight:700}

/* SIM-Bild */
.stsa-simimg{margin:28px 0 8px}
.stsa-simimg img{display:block;width:100%;max-width:300px;height:auto;border-radius:10px}

/* Konto */
.stsa-loggedin{display:flex;align-items:center;gap:10px;background:#e9f6ee;color:var(--stsa-ok);font-weight:700;border-radius:10px;padding:12px 16px;margin:-20px 0 24px}
.stsa-loggedin svg{width:22px;height:22px;flex:none}
.stsa-account{margin-top:14px;background:#eef3f9;border-radius:12px;padding:16px}
.stsa-account__note{font-weight:700;margin:0 0 12px!important}
.stsa-account__row{display:flex;gap:12px}
.stsa-account__row .stsa-input{flex:1}
.stsa-account__row .stsa-btn{margin:0;min-height:66px}
.stsa-account__lost{display:inline-block;margin-top:10px;font-size:calc(15px*var(--stsa-fs,1))}

/* Auswahl Ausweisart */
.stsa-choice{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.stsa-choice__item{position:relative;cursor:pointer}
.stsa-choice__item input{position:absolute;opacity:0;pointer-events:none}
.stsa-choice__box{display:flex;align-items:center;gap:16px;min-height:86px;padding:16px 20px;border:2px solid var(--stsa-border);border-radius:12px;font-size:calc(20px*var(--stsa-fs,1));font-weight:700;transition:border-color .15s,background .15s}
.stsa-choice__box svg{width:42px;height:42px;flex:none;color:var(--stsa-primary)}
.stsa-choice__item input:checked+.stsa-choice__box{border-color:var(--stsa-primary);background:#eef3f9;box-shadow:0 0 0 3px rgba(0,52,112,.15)}
.stsa-choice__item input:focus-visible+.stsa-choice__box{outline:3px solid var(--stsa-primary);outline-offset:2px}

/* Uploads */
.stsa-uploads{display:grid;gap:18px}
.stsa-uploads--2{grid-template-columns:repeat(2,1fr)}
.stsa-uploads--3{grid-template-columns:repeat(3,1fr)}
.stsa-upload{min-width:0}
.stsa-upload__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.stsa-upload__box{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:240px;padding:22px;background:#fff;border:2px dashed #9a9a9a;border-radius:16px;text-align:center;cursor:pointer;overflow:hidden;transition:border-color .15s,background .15s}
.stsa-upload__box:hover{border-color:var(--stsa-primary);background:#fafcff}
.stsa-upload__input:focus-visible+.stsa-upload__box{outline:3px solid var(--stsa-primary);outline-offset:2px}
.stsa-upload__icon svg{width:58px;height:58px;color:var(--stsa-primary)}
.stsa-upload__title{font-size:calc(20px*var(--stsa-fs,1));font-weight:700}
.stsa-upload__hint{font-size:calc(15px*var(--stsa-fs,1));color:#666}
.stsa-upload__btn{margin-top:8px;padding:8px 18px;border-radius:8px;background:#eef3f9;color:var(--stsa-primary);font-weight:700;font-size:calc(15px*var(--stsa-fs,1))}
.stsa-upload__preview{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#fff}
.stsa-upload.has-file .stsa-upload__box{border-style:solid;border-color:var(--stsa-ok)}
.stsa-upload.has-file .stsa-upload__preview{display:block}
.stsa-upload.has-file .stsa-upload__box::after{content:"✓";position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:var(--stsa-ok);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:calc(18px*var(--stsa-fs,1))}
.stsa-upload.has-file .stsa-upload__title{position:absolute;left:10px;bottom:10px;z-index:1;background:rgba(0,0,0,.65);color:#fff;font-size:calc(15px*var(--stsa-fs,1));padding:4px 10px;border-radius:6px}
.stsa-upload.is-busy .stsa-upload__box{opacity:.6}
.stsa-upload.has-error .stsa-upload__box{border-color:var(--stsa-err)}
.stsa-upload__remove{margin-top:8px;background:none;border:0;font:inherit;font-size:calc(15px*var(--stsa-fs,1));font-weight:700;color:var(--stsa-primary);text-decoration:underline;cursor:pointer;padding:4px 0}

/* Übersicht */
.stsa-summary{display:grid;gap:18px;margin-bottom:18px}
.stsa-sum{background:#fff;border-radius:16px;padding:22px 24px}
.stsa-sum__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.stsa-sum__title{font-size:calc(22px*var(--stsa-fs,1));font-weight:700;margin:0}
.stsa-sum__edit{background:none;border:0;font:inherit;font-size:calc(16px*var(--stsa-fs,1));font-weight:700;color:var(--stsa-primary);text-decoration:underline;cursor:pointer;padding:4px 0}
.stsa-sum dl{display:grid;grid-template-columns:minmax(140px,240px) 1fr;gap:8px 20px;margin:0}
.stsa-sum dt{font-weight:700;color:#555}
.stsa-sum dd{margin:0;word-break:break-word}
.stsa-sum__thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.stsa-sum__thumbs figure{margin:0}
.stsa-sum__thumbs img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block;background:#eee}
.stsa-sum__thumbs figcaption{font-size:calc(14px*var(--stsa-fs,1));margin-top:4px;text-align:center}
.stsa-consents{padding-top:24px}
.stsa-check{display:flex;gap:14px;align-items:flex-start;cursor:pointer;font-size:calc(clamp(16px,1.3vw,18px)*var(--stsa-fs,1))}
.stsa-check input{flex:none;width:24px;height:24px;margin:2px 0 0;accent-color:var(--stsa-primary);cursor:pointer}

.stsa-upload-progress{position:relative;margin-top:18px;height:40px;background:#dcdcdc;border-radius:10px;overflow:hidden}
.stsa-upload-progress__bar{position:absolute;inset:0 auto 0 0;width:0;background:var(--stsa-primary);transition:width .2s}
.stsa-upload-progress span{position:relative;display:flex;align-items:center;justify-content:center;height:100%;font-weight:700;color:#fff;mix-blend-mode:difference}

/* Erfolg */
.stsa-done{text-align:center;padding:40px 0}
.stsa-done__icon{color:var(--stsa-ok);margin-bottom:20px}
.stsa-done__icon svg{width:88px;height:88px}

.stsa-step.is-active{animation:stsa-in .25s ease}
@keyframes stsa-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Nummernfeld mit festem Präfix + Scan-Button */
.stsa-numwrap{position:relative;display:flex;align-items:stretch;border:2px solid var(--stsa-border);border-radius:12px;background:#fff;transition:border-color .15s,box-shadow .15s}
.stsa-numwrap:focus-within{border-color:var(--stsa-primary);box-shadow:0 0 0 3px rgba(0,52,112,.15)}
.stsa-numwrap .stsa-input{border:0;box-shadow:none!important;height:62px;flex:1;min-width:0;background:transparent}
.stsa-numwrap.has-prefix .stsa-input{padding-left:4px}
.stsa-prefix{display:flex;align-items:center;padding-left:18px;font-size:calc(19px*var(--stsa-fs,1));color:#a0a0a0;letter-spacing:.02em;user-select:none;white-space:nowrap}
.stsa-field.has-error .stsa-numwrap{border-color:var(--stsa-err)}
.stsa-scan{display:flex;align-items:center;gap:8px;margin:7px;padding:0 16px;border:0;border-radius:9px;background:#eef3f9;color:var(--stsa-primary);font:inherit;font-size:calc(16px*var(--stsa-fs,1));font-weight:700;cursor:pointer;white-space:nowrap}
.stsa-scan svg{width:22px;height:22px}
.stsa-scan:hover{background:#e1eaf5}

/* Scanner */
.stsa-scanner{color:#333;line-height:1.5;position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;padding:16px}
.stsa-scanner__box{width:100%;max-width:560px;background:#fff;border-radius:16px;padding:20px;text-align:center}
.stsa-scanner__title{font-size:calc(22px*var(--stsa-fs,1));font-weight:700;margin-bottom:14px}
.stsa-scanner__view{position:relative;border-radius:12px;overflow:hidden;background:#000;aspect-ratio:4/3}
.stsa-scanner__view video{width:100%;height:100%;object-fit:cover;display:block}
.stsa-scanner__frame{position:absolute;left:8%;right:8%;top:32%;bottom:32%;border:3px solid #fff;border-radius:10px;box-shadow:0 0 0 999px rgba(0,0,0,.35)}
.stsa-scanner__frame::after{content:"";position:absolute;left:4%;right:4%;top:50%;height:2px;background:#e60000;animation:stsa-scanline 1.6s ease-in-out infinite}
@keyframes stsa-scanline{0%,100%{transform:translateY(-28px)}50%{transform:translateY(28px)}}
.stsa-scanner .stsa-scanner__hint{margin:14px 0 6px;font-size:calc(16px*var(--stsa-fs,1))}
.stsa-scanner .stsa-scanner__err{color:var(--stsa-err);font-weight:700;font-size:calc(16px*var(--stsa-fs,1))}
.stsa-scanner__close{margin:10px auto 0}
.stsa-scanner .stsa-btn{display:flex}
.stsa-scanner[hidden]{display:none!important}

/* Tarif-Karten */
.stsa-tariffs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;align-items:stretch}
.stsa-tcard{display:flex;flex-direction:column;background:var(--stsa-tc-card,#fff);border-radius:14px;overflow:hidden;cursor:pointer;border:2px solid transparent;outline:none;
	transition:border-color .15s,box-shadow .15s,transform .15s}
.stsa-tcard:hover{box-shadow:0 10px 26px rgba(0,0,0,.08);transform:translateY(-2px)}
.stsa-tcard:focus-visible{box-shadow:0 0 0 3px rgba(0,52,112,.35)}
.stsa-tcard.is-selected{border-color:var(--stsa-tc-border,var(--stsa-primary))}
.stsa-tcard__badge{padding:8px 12px;text-align:center;font-size:calc(18px*var(--stsa-fs,1));font-weight:700;background:var(--stsa-tc-idle,#e8edf3);color:var(--stsa-tc-idle-text,var(--stsa-primary));transition:background .15s,color .15s}
.stsa-tcard.is-selected .stsa-tcard__badge{background:var(--stsa-tc-badge,var(--stsa-primary));color:var(--stsa-tc-badge-text,#fff)}
.stsa-tcard__head{background:var(--stsa-tc-head,#cdd7e1);padding:20px 20px 46px}
.stsa-tcard__name{display:block;font-size:calc(40px*var(--stsa-fs,1));font-weight:700;line-height:1.1;color:var(--stsa-tc-name,#3a3a3a)}
.stsa-tcard__body{display:flex;flex-direction:column;flex:1;padding:22px 22px 18px}
.stsa .stsa-tcard__list{list-style:none;margin:0 0 26px;padding:0}
.stsa-tcard__list li{display:flex;gap:12px;align-items:flex-start;margin:0 0 16px;font-size:calc(18px*var(--stsa-fs,1));font-weight:700;line-height:1.45;color:var(--stsa-tc-text,#333)}
.stsa-tcard__list svg{flex:none;width:24px;height:24px;margin-top:1px;color:var(--stsa-tc-check,var(--stsa-primary))}
.stsa-tcard__foot{margin-top:auto;text-align:center}
.stsa-tcard__price{font-size:calc(32px*var(--stsa-fs,1));font-weight:700;color:var(--stsa-tc-price,#333);line-height:1.2}
.stsa-tcard__note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;font-size:calc(17px*var(--stsa-fs,1));color:var(--stsa-tc-text,#444)}
.stsa-tcard__info{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;padding:0;border:1.5px solid var(--stsa-tc-link,var(--stsa-primary));border-radius:2px;background:#fff;color:var(--stsa-tc-link,var(--stsa-primary));font:inherit;font-size:calc(13px*var(--stsa-fs,1));font-weight:700;line-height:1;cursor:pointer}
.stsa-tcard__infotext{margin:10px 0 0;padding:10px 12px;background:#eef3f9;border-radius:8px;font-size:calc(15px*var(--stsa-fs,1));text-align:left}
.stsa .stsa-tcard__pdf{display:inline-flex;align-items:center;gap:10px;margin-top:16px;color:var(--stsa-tc-link,var(--stsa-primary));font-size:calc(18px*var(--stsa-fs,1));font-weight:700;text-decoration:none}
.stsa-tcard__pdf:hover span{text-decoration:underline}
.stsa-tcard__pdf svg{width:18px;height:18px;color:#333}

/* Passwort für neues Konto */
.stsa-account .stsa-field{margin:0}
.stsa-pwwrap{position:relative}
.stsa-pwwrap .stsa-input{padding-right:110px}
.stsa-pwtoggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:8px 12px;border:0;border-radius:8px;background:#eef3f9;color:var(--stsa-primary);font:inherit;font-size:calc(15px*var(--stsa-fs,1));font-weight:700;cursor:pointer}
.stsa-pwhint{margin-top:6px;font-size:calc(14px*var(--stsa-fs,1));color:#666}
.stsa-done__account{color:var(--stsa-ok)}
.stsa-hotline__chat{margin-top:14px}
.stsa .stsa-hotline__chat a,.stsa .stsa-hotline__chat button{display:inline-block;padding:10px 22px;border-radius:10px;background:var(--stsa-chat-btn,#fff);color:var(--stsa-chat-btn-text,var(--stsa-primary));font-weight:700;text-decoration:none;border:0;cursor:pointer;font-size:calc(16px*var(--stsa-fs,1))}

/* Hotline-Kasten (volle Breite) */
.stsa-hotline{margin:64px -16px -64px;padding:22px 16px 26px;background:var(--stsa-primary);color:#fff;text-align:center;box-shadow:0 0 0 100vmax var(--stsa-primary);clip-path:inset(0 -100vmax)}
.stsa-hotline__title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:calc(19px*var(--stsa-fs,1));font-weight:700}
.stsa-hotline__title svg{width:22px;height:22px;flex:none}
.stsa-hotline__sub{font-size:calc(16px*var(--stsa-fs,1));margin-top:6px}
.stsa .stsa-hotline__phone{display:inline-block;margin:10px 0 8px;color:#fff;font-size:calc(22px*var(--stsa-fs,1));font-weight:700;text-decoration:none;letter-spacing:.04em}
.stsa-hotline__note{font-size:calc(15px*var(--stsa-fs,1));font-weight:700}
.stsa-hotline__hours{font-size:calc(14px*var(--stsa-fs,1));font-weight:700;margin-top:8px}
.stsa-info--start{margin-top:8px}

/* FAQ */
.stsa-faq{max-width:1200px;margin:72px auto 0}
.stsa-faq .stsa-h2{margin:0 0 28px}
.stsa-faq__list{border-top:1px solid #8a8a8a}
.stsa-faq__item{border-bottom:1px solid #8a8a8a}
.stsa-faq__item summary{position:relative;list-style:none;cursor:pointer;padding:22px 52px 22px 0;font-size:calc(clamp(18px,1.6vw,22px)*var(--stsa-fs,1));font-weight:700}
.stsa-faq__item summary::-webkit-details-marker{display:none}
.stsa-faq__item summary::after{content:"";position:absolute;right:8px;top:50%;width:14px;height:14px;margin-top:-10px;border-right:3px solid var(--stsa-primary);border-bottom:3px solid var(--stsa-primary);transform:rotate(45deg);transition:transform .2s}
.stsa-faq__item[open] summary::after{transform:rotate(-135deg);margin-top:-3px}
.stsa-faq__item summary:focus-visible{outline:3px solid var(--stsa-primary);outline-offset:2px}
.stsa-faq__answer{padding:0 0 22px}
.stsa-faq__answer p:last-child{margin-bottom:0}

/* Responsive */
@media (max-width:900px){
	.stsa-providers{grid-template-columns:repeat(2,1fr)}
	.stsa-uploads--3{grid-template-columns:1fr 1fr}
	.stsa-sum__thumbs{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
	.stsa{padding:24px 16px 48px}
	.stsa-providers{gap:12px}
	.stsa-grid--2,.stsa-choice,.stsa-uploads--2,.stsa-uploads--3{grid-template-columns:1fr}
	.stsa-grid--street{grid-template-columns:2fr 1fr;gap:0 14px}
	.stsa-grid--zip{grid-template-columns:1fr 2fr;gap:0 14px}
	.stsa-card{padding:24px 16px 16px}
	.stsa-input{height:58px;font-size:calc(17px*var(--stsa-fs,1))}
	.stsa-btn{min-height:58px;font-size:calc(19px*var(--stsa-fs,1));padding:0 26px}
	.stsa-upload__box{min-height:190px}
	.stsa-sum dl{grid-template-columns:1fr;gap:2px}
	.stsa-sum dd{margin-bottom:10px}
	.stsa-account__row{flex-direction:column}
	.stsa-numwrap .stsa-input{height:54px}
	.stsa-prefix{font-size:calc(17px*var(--stsa-fs,1));padding-left:14px}
	.stsa-scan span{display:none}
	.stsa-scan{padding:0 12px}
	.stsa-tariffs{grid-template-columns:1fr;gap:16px}
	.stsa-tcard__name{font-size:calc(32px*var(--stsa-fs,1))}
	.stsa-hotline{margin-bottom:-48px}
	.stsa-loggedin{margin-top:0}
	.stsa-h2{margin:48px 0 24px}
}
@media (prefers-reduced-motion:reduce){.stsa *{animation:none!important;transition:none!important}}