.ua-gs{--gs-petrol:#2f4449;--gs-petrol-tief:#22343a;--gs-gelb:#fabe0c;--gs-gelb-hover:#ffcd38;--gs-creme:#f6f1e7;--gs-text:#1d2b2e;--gs-grau:#5b6b6e;--gs-linie:#dfe5e6;--gs-tint:#fff6d6;--gs-fehler:#9a3412;position:relative;width:100%;max-width:1000px;margin:0 auto;padding:0 16px;font-family:helvetica-neue-world,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--gs-text);overflow-wrap:break-word}
.ua-gs *,.ua-gs *::before,.ua-gs *::after{box-sizing:border-box}
.ua-gs [hidden]{display:none!important}
.ua-gs img{max-width:100%;height:auto}
.ua-gs-icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ua-gs-kopf{margin:0 0 22px}
.ua-gs-h2{margin:0 0 10px;padding:0;font-family:inherit;font-size:clamp(1.55rem,4.6vw,2.2rem);line-height:1.15;font-weight:800;letter-spacing:-.02em;color:var(--gs-petrol);text-transform:none;text-wrap:balance}
.ua-gs-h3{margin:0 0 12px;padding:0;font-family:inherit;font-size:1.1rem;font-weight:800;color:var(--gs-petrol);text-transform:none;letter-spacing:0}
.ua-gs-intro{max-width:62ch;margin:0;font-size:1.02rem;color:var(--gs-grau)}

.ua-gs-form{margin:0;padding:20px 16px;background:#fff;border-radius:16px;box-shadow:0 2px 6px rgba(20,34,38,.05),0 14px 36px rgba(20,34,38,.1)}
.ua-gs-leiste{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0 0 22px;padding:0}
.ua-gs-leiste li{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:0 0 10px;font-size:.84rem;font-weight:600;color:#8a979a;border-bottom:3px solid var(--gs-linie)}
.ua-gs-leiste li b{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--gs-linie);color:var(--gs-grau);font-size:.82rem;font-weight:800}
.ua-gs-leiste li span{display:none}
.ua-gs-leiste li.ist-aktiv{color:var(--gs-petrol);border-color:var(--gs-petrol)}
.ua-gs-leiste li.ist-aktiv b{background:var(--gs-petrol);color:#fff}
.ua-gs-leiste li.ist-fertig{color:var(--gs-petrol);border-color:var(--gs-gelb)}
.ua-gs-leiste li.ist-fertig b{background:var(--gs-gelb);color:var(--gs-petrol)}

.ua-gs-schritt{min-width:0;margin:0 0 8px;padding:0;border:0}
.ua-gs-form--js .ua-gs-schritt{display:none}
.ua-gs-form--js .ua-gs-schritt.ist-aktiv{display:block;animation:ua-gs-ein .25s ease}
@keyframes ua-gs-ein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ua-gs-legende{display:block;float:left;width:100%;margin:0 0 6px;padding:0;font-size:1.2rem;font-weight:800;line-height:1.3;color:var(--gs-petrol)}
.ua-gs-legende+*{clear:both}
.ua-gs-hinweis{margin:0 0 16px;font-size:.92rem;color:var(--gs-grau)}
.ua-gs-hinweis a,.ua-gs-haken a{color:var(--gs-petrol);font-weight:600;text-decoration:underline;text-underline-offset:2px}

.ua-gs-motive{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 12px}
.ua-gs-motiv{position:relative;display:block;margin:0;cursor:pointer}
.ua-gs-motiv input,.ua-gs-wahl input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.ua-gs-motiv__karte{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border:2px solid var(--gs-linie);border-radius:14px;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}
.ua-gs-motiv__karte img,.ua-gs-motiv__leer{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--gs-petrol)}
.ua-gs-motiv__name{display:block;padding:10px 12px;font-size:.92rem;font-weight:700;line-height:1.3;color:var(--gs-petrol)}
.ua-gs-motiv__haken{position:absolute;top:8px;right:8px;display:none;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--gs-gelb);color:var(--gs-petrol);box-shadow:0 2px 6px rgba(0,0,0,.2)}
.ua-gs-motiv__haken .ua-gs-icon{width:18px;height:18px;stroke-width:2.6}
.ua-gs-motiv:hover .ua-gs-motiv__karte{border-color:var(--gs-petrol)}
.ua-gs-motiv input:checked+.ua-gs-motiv__karte{border-color:var(--gs-petrol);box-shadow:0 0 0 2px var(--gs-petrol)}
.ua-gs-motiv input:checked+.ua-gs-motiv__karte .ua-gs-motiv__haken{display:inline-flex}
.ua-gs-motiv input:focus-visible+.ua-gs-motiv__karte,.ua-gs-wahl input:focus-visible+span{outline:3px solid var(--gs-gelb);outline-offset:3px}

.ua-gs-betraege{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px}
.ua-gs-fuer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px}
.ua-gs-wahl{position:relative;display:block;margin:0;cursor:pointer}
.ua-gs-wahl>span{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;height:100%;padding:10px 12px;border:2px solid var(--gs-linie);border-radius:12px;background:#fff;font-size:1.05rem;font-weight:800;color:var(--gs-petrol);text-align:center;transition:border-color .15s,background .15s}
.ua-gs-wahl--anders{grid-column:1/-1}
.ua-gs-wahl--anders>span{font-size:.98rem;font-weight:700}
.ua-gs-wahl--fuer>span{flex-direction:column;min-height:96px;font-size:1rem}
.ua-gs-wahl--fuer .ua-gs-icon{width:28px;height:28px;stroke-width:1.6}
.ua-gs-wahl:hover>span{border-color:var(--gs-petrol)}
.ua-gs-wahl input:checked+span{border-color:var(--gs-petrol);background:var(--gs-tint);box-shadow:inset 0 0 0 1px var(--gs-petrol)}
.ua-gs-euro{position:relative;max-width:240px}
.ua-gs-euro input{padding-right:40px!important;font-size:1.15rem!important;font-weight:700}
.ua-gs-euro span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-weight:700;color:var(--gs-grau);pointer-events:none}
.ua-gs-betrag-anzeige{min-height:1.5em;margin:0 0 12px;font-size:1.05rem;font-weight:700;color:var(--gs-petrol)}
.ua-gs-betrag-anzeige.ist-fehler{color:var(--gs-fehler)}

.ua-gs-reihe{display:grid;grid-template-columns:minmax(0,1fr);gap:0 14px}
.ua-gs-feld{display:block;min-width:0;margin:0 0 16px}
.ua-gs-feld label{display:block;margin:0 0 6px;font-size:.9rem;font-weight:700;color:var(--gs-petrol)}
.ua-gs-feld small{font-weight:400;color:var(--gs-grau)}
.ua-gs-feld input,.ua-gs-feld textarea{display:block;width:100%;height:auto;margin:0;padding:12px 14px;border:1.5px solid #cfd8da;border-radius:10px;background:#fff;font:inherit;font-size:1rem;color:var(--gs-text);box-shadow:none;outline:none;transition:border-color .15s,box-shadow .15s}
.ua-gs-feld textarea{resize:vertical;min-height:96px;line-height:1.5}
.ua-gs-feld input::placeholder,.ua-gs-feld textarea::placeholder{color:#8f9c9f}
.ua-gs-feld input:focus,.ua-gs-feld textarea:focus{border-color:var(--gs-petrol);box-shadow:0 0 0 3px rgba(47,68,73,.15)}
.ua-gs-feld input:focus-visible,.ua-gs-feld textarea:focus-visible{outline:2px solid var(--gs-gelb);outline-offset:2px}
.ua-gs-feld.ist-fehler input,.ua-gs-feld.ist-fehler textarea{border-color:#c2410c;box-shadow:0 0 0 3px rgba(194,65,12,.12)}
.ua-gs-feld.ist-fehler label{color:var(--gs-fehler)}
.ua-gs-zaehler{margin:6px 0 0;font-size:.82rem;color:var(--gs-grau);text-align:right}
.ua-gs-geschenk{margin:0 0 4px;padding:16px 16px 2px;border-radius:12px;background:var(--gs-creme)}
.ua-gs-falle{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.ua-gs-pruefen{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.ua-gs-karte{margin:0;overflow:hidden;border-radius:16px;background:var(--gs-creme);box-shadow:0 2px 6px rgba(20,34,38,.06),0 16px 36px rgba(20,34,38,.14)}
.ua-gs-karte__bild{aspect-ratio:16/9;background:var(--gs-petrol)}
.ua-gs-karte__bild img{display:block;width:100%;height:100%;object-fit:cover}
.ua-gs-karte__balken{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;background:var(--gs-petrol);border-bottom:4px solid var(--gs-gelb);color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.ua-gs-karte__balken span:last-child{color:var(--gs-gelb)}
.ua-gs-karte__inhalt{padding:16px 16px 18px}
.ua-gs-karte__wert{margin:0;font-size:clamp(2rem,9vw,2.8rem);font-weight:800;line-height:1.05;letter-spacing:-.02em;color:var(--gs-petrol)}
.ua-gs-karte__fuer{margin:8px 0 0;font-size:1.05rem;font-weight:700;color:var(--gs-text)}
.ua-gs-karte__gruss{margin:8px 0 0;font-style:italic;color:var(--gs-grau);white-space:pre-line}
.ua-gs-karte__code{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:14px 0 0;padding:10px 12px;border:1.5px dashed #b9c4c6;border-radius:10px;background:#fff}
.ua-gs-karte__code small{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gs-grau)}
.ua-gs-karte__code span{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.02rem;font-weight:700;letter-spacing:.12em;color:var(--gs-petrol)}

.ua-gs-liste{margin:0 0 18px;padding:0}
.ua-gs-liste>div{display:grid;grid-template-columns:minmax(0,104px) minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid var(--gs-linie)}
.ua-gs-liste dt{margin:0;font-size:.88rem;font-weight:600;color:var(--gs-grau)}
.ua-gs-liste dd{margin:0;font-size:.95rem;color:var(--gs-text)}
.ua-gs-liste__summe{border-bottom:0!important}
.ua-gs-liste__summe{align-items:baseline}.ua-gs-liste__summe dt{white-space:nowrap;font-size:.95rem!important}.ua-gs-liste__summe dt,.ua-gs-liste__summe dd{font-size:1.1rem;font-weight:800;color:var(--gs-petrol)}
.ua-gs-haken{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;font-size:.95rem;line-height:1.45;color:var(--gs-text);cursor:pointer}
.ua-gs-haken input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--gs-petrol)}
.ua-gs-haken input:focus-visible{outline:3px solid var(--gs-gelb);outline-offset:2px}
.ua-gs-haken.ist-fehler{color:var(--gs-fehler)}
.ua-gs-sicher{display:flex;align-items:center;gap:10px;margin:4px 0 0;padding:10px 12px;border-radius:10px;background:var(--gs-creme);font-size:.88rem;color:var(--gs-grau)}
.ua-gs-sicher .ua-gs-icon{color:var(--gs-petrol)}

.ua-gs-fehler{margin:6px 0 14px;padding:12px 14px;border-radius:10px;background:#fff1ea;color:var(--gs-fehler);font-size:.95rem;font-weight:600}
.ua-gs-fehler a{color:var(--gs-fehler);font-weight:800;white-space:nowrap}
.ua-gs-knoepfe{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}
.ua-gs-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;margin-left:auto;padding:0 26px;border:0;border-radius:999px;background:var(--gs-gelb);color:var(--gs-petrol)!important;font:inherit;font-size:1rem;font-weight:800;text-decoration:none!important;cursor:pointer;box-shadow:0 6px 16px rgba(250,190,12,.35);transition:background .15s,transform .15s}
.ua-gs-btn:hover{background:var(--gs-gelb-hover);transform:translateY(-1px)}
.ua-gs-btn:focus-visible,.ua-gs-zurueck:focus-visible{outline:3px solid var(--gs-petrol);outline-offset:3px}
.ua-gs-btn[disabled]{opacity:.7;cursor:progress;transform:none}
.ua-gs-btn--kauf{flex:1 1 100%;background:var(--gs-petrol);color:#fff!important;box-shadow:0 6px 16px rgba(47,68,73,.3)}
.ua-gs-btn--kauf:hover{background:var(--gs-petrol-tief)}
.ua-gs-btn--kauf:focus-visible{outline-color:var(--gs-gelb)}
.ua-gs-zurueck{display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:0 6px;border:0;background:none;color:var(--gs-petrol);font:inherit;font-size:.95rem;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}

.ua-gs-danke{max-width:720px}
.ua-gs-danke__box{padding:28px 16px;border-radius:16px;background:#fff;text-align:center;outline:none;box-shadow:0 2px 6px rgba(20,34,38,.05),0 14px 36px rgba(20,34,38,.1)}
.ua-gs-danke__box p{max-width:52ch;margin:0 auto 10px;font-size:1rem}
.ua-gs-danke__gross{font-size:1.2rem!important;font-weight:700;color:var(--gs-petrol)}
.ua-gs-danke__klein{font-size:.92rem!important;color:var(--gs-grau)}
.ua-gs-danke__klein a{color:var(--gs-petrol);font-weight:700}
.ua-gs-danke__box .ua-gs-btn{margin:10px auto 0}
.ua-gs-danke__ico{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:14px;border-radius:50%;background:var(--gs-creme);color:var(--gs-petrol)}
.ua-gs-danke__ico .ua-gs-icon{width:30px;height:30px}
.ua-gs-danke__ico--ok{background:var(--gs-gelb)}
.ua-gs-danke__ico--ok .ua-gs-icon{stroke-width:2.6}
.ua-gs-danke__ico--laedt{border:4px solid var(--gs-linie);border-top-color:var(--gs-petrol);background:none;animation:ua-gs-dreh 1s linear infinite}
@keyframes ua-gs-dreh{to{transform:rotate(360deg)}}
.ua-gs-danke__test{display:inline-block;margin-top:8px!important;padding:8px 12px;border-radius:10px;background:var(--gs-tint);font-size:.9rem!important}
.ua-gs-danke__test strong{margin-right:6px;padding:1px 6px;border-radius:6px;background:var(--gs-gelb);color:var(--gs-petrol)}

@media(min-width:600px){.ua-gs-form{padding:28px}.ua-gs-betraege{grid-template-columns:repeat(4,minmax(0,1fr))}.ua-gs-reihe{grid-template-columns:repeat(2,minmax(0,1fr))}.ua-gs-feld--breit{grid-column:1/-1}.ua-gs-btn--kauf{flex:0 1 auto}.ua-gs-danke__box{padding:40px 32px}}
@media(min-width:760px){.ua-gs-motive{grid-template-columns:repeat(4,minmax(0,1fr))}.ua-gs-leiste li span{display:inline}.ua-gs-leiste li{justify-content:flex-start}}
@media(min-width:900px){.ua-gs-form{padding:36px 40px}.ua-gs-pruefen{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:32px;align-items:start}}
@media(prefers-reduced-motion:reduce){.ua-gs *{transition:none!important;animation:none!important}}

.ua-gs-buehne{position:relative;width:100%;margin:0;padding:0;color:#fff;overflow:hidden;background:#22343a var(--gs-bild) center 40%/cover no-repeat;font-family:helvetica-neue-world,"Helvetica Neue",Helvetica,Arial,sans-serif}
.ua-gs-buehne::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,32,36,.84) 0%,rgba(20,32,36,.58) 45%,rgba(20,32,36,.14) 100%)}
.ua-gs-buehne *{box-sizing:border-box}
.ua-gs-buehne__innen{position:relative;z-index:1;max-width:1000px;min-height:400px;margin:0 auto;padding:40px 16px 120px}
.ua-gs-buehne__vorzeile{margin:0 0 12px;font-size:13px;font-weight:700;line-height:1.3;letter-spacing:.2em;text-transform:uppercase;color:#fabe0c}
.ua-gs-buehne__titel{margin:0 0 16px;padding:0;font-family:inherit;font-size:clamp(2.4rem,9vw,4.4rem);line-height:1.02;font-weight:800;letter-spacing:-.025em;color:#fff;text-transform:none;text-wrap:balance}
.ua-gs-buehne__titel em{display:block;font-style:normal;color:#fabe0c}
.ua-gs-buehne__text{max-width:34em;margin:0;font-size:clamp(1.02rem,2.2vw,1.2rem);line-height:1.5;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.ua-gs-shop--buehne{z-index:2;margin-top:-90px}
.ua-gs-mehr{margin-top:24px;margin-bottom:24px}
.ua-gs-vorteile{list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0}
.ua-gs-vorteile li{display:flex;align-items:center;gap:12px;margin:0;padding:12px 14px;border-radius:14px;background:#fff;box-shadow:0 1px 3px rgba(20,34,38,.06)}
.ua-gs-vorteile__ico{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--gs-tint);color:var(--gs-petrol)}
.ua-gs-vorteile b{display:block;font-size:.95rem;line-height:1.3;color:var(--gs-petrol)}
.ua-gs-vorteile small{display:block;font-size:.84rem;line-height:1.4;color:var(--gs-grau)}
.ua-gs-wissen{margin:34px 0 0}
.ua-gs-wissen__vorzeile{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#b88600}
.ua-gs-wissen__h{margin:0 0 16px;padding:0;font-family:inherit;font-size:clamp(1.5rem,4vw,2rem);line-height:1.2;font-weight:800;letter-spacing:-.02em;color:var(--gs-petrol);text-transform:none}
.ua-gs-wissen__h em{font-style:italic;color:#e0a800}
.ua-gs-wissen details{margin:0 0 10px;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(20,34,38,.06)}
.ua-gs-wissen summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;font-weight:700;color:var(--gs-petrol);cursor:pointer;list-style:none}
.ua-gs-wissen summary::-webkit-details-marker{display:none}
.ua-gs-wissen summary::after{content:"+";flex:none;font-size:1.4rem;font-weight:400;line-height:1}
.ua-gs-wissen details[open] summary::after{content:"–"}
.ua-gs-wissen summary:focus-visible{outline:3px solid var(--gs-gelb);outline-offset:2px;border-radius:12px}
.ua-gs-wissen details p{margin:0;padding:0 18px 16px}
.ua-gs-wissen a{color:var(--gs-petrol);font-weight:600;text-decoration:underline;text-underline-offset:2px}
@media(min-width:560px){.ua-gs-vorteile{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:760px){.ua-gs-buehne__innen{min-height:500px;padding:60px 16px 150px}.ua-gs-shop--buehne{margin-top:-120px}}
@media(min-width:960px){.ua-gs-vorteile{grid-template-columns:repeat(4,minmax(0,1fr))}.ua-gs-vorteile li{align-items:flex-start}}
.ua-gs-motiv__foto{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;background-color:var(--gs-creme)!important;background-position:center;background-size:cover;background-repeat:no-repeat;color:var(--gs-petrol);border-bottom:1px dashed #cfc6b2}
.ua-gs-motiv__foto .ua-gs-icon{width:30px;height:30px;stroke-width:1.6}
.ua-gs-motiv__foto small{font-size:.8rem;font-weight:700}
.ua-gs-motiv__foto.hat-foto{border-bottom:0}
.ua-gs-motiv__foto.hat-foto .ua-gs-icon,.ua-gs-motiv__foto.hat-foto small{display:none}
.ua-gs-foto{margin:4px 0 14px;padding:16px 16px 4px;border-radius:12px;background:var(--gs-creme)}
.ua-gs-foto__datei{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.ua-gs-foto__reihe{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 14px}
.ua-gs-foto__reihe .ua-gs-btn{margin-left:0}
.ua-gs-foto__datei:focus-visible+.ua-gs-foto__reihe .ua-gs-btn{outline:3px solid var(--gs-petrol);outline-offset:3px}
.ua-gs-foto__info{flex:1 1 220px;margin:0;font-size:.9rem;color:var(--gs-grau)}
.ua-gs-foto__info.ist-fehler{color:var(--gs-fehler);font-weight:600}
.ua-gs-btn--hell{min-height:46px;padding:0 20px;background:#fff;color:var(--gs-petrol)!important;border:2px solid var(--gs-petrol);box-shadow:none}
.ua-gs-btn--hell:hover{background:var(--gs-tint)}
.ua-gs-aus{text-align:center;padding:36px 20px}
.ua-gs-aus .ua-gs-danke__ico{margin-bottom:12px}
.ua-gs-aus__text{max-width:52ch;margin:0 auto;font-size:1.08rem;font-weight:600;color:var(--gs-petrol)}
.ua-gs-aus__text a{color:var(--gs-petrol);font-weight:800;white-space:nowrap}
@media(min-width:960px){.ua-gs-motive--5{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:760px) and (max-width:959px){.ua-gs-motive--5{grid-template-columns:repeat(3,minmax(0,1fr))}}
