*{box-sizing:border-box}body{margin:0;padding:28px;background:radial-gradient(ellipse at top left,#e8eedf,transparent 60%),#dce4dc;color:#253b31;font-family:system-ui,sans-serif}.toolbar{display:flex;align-items:center;gap:28px;flex-wrap:wrap;max-width:1500px;margin:auto}h1{font-size:23px;margin:0}h1 span{font-size:13px;font-weight:500;color:#73816b;margin-left:12px}p{font-size:12px;line-height:1.7;color:#72806c}.toolbar>label{margin-left:auto}label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600}input,select,button{font:inherit;border:1px solid #c5d1ba;border-radius:9px;padding:10px;background:#f9fbf6;color:#253b31;min-height:40px}button{background:#234e3c;color:white;cursor:pointer}form{display:flex;gap:10px;align-items:flex-end}.help{max-width:1500px;margin:20px auto 24px}#devices{display:flex;gap:24px;align-items:flex-start;justify-content:center;flex-wrap:wrap}.device{width:360px;flex-shrink:0}.device-label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 8px 12px;font-size:11px}.device-label select{width:190px}iframe{display:block;width:360px;height:790px;max-height:calc(100dvh - 205px);min-height:440px;border:0;background:transparent;border-radius:38px}#status{text-align:center;font-size:12px;margin-bottom:12px}@media(max-width:600px){body{padding:16px 8px}.toolbar{padding:0 10px;gap:14px}.toolbar>label{margin-left:0}.toolbar form{flex-wrap:wrap}h1 span{display:block;margin:5px 0}.help{padding:0 10px}.device{width:min(360px,100%)}iframe{width:100%;height:760px;max-height:none}#devices{gap:24px}}
/* Schmale, unverzerrte Geräte: 320 × 693, etwa 9:19,5. */
body{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;background:#edf0ed}.device{width:320px}iframe{width:320px;height:auto;aspect-ratio:9/19.5;max-height:none;min-height:0;border-radius:38px}.device-label select{width:170px}#devices{gap:28px}.toolbar input,.toolbar select,.toolbar button{min-height:44px}@media(max-width:600px){.device{width:min(320px,100%)}iframe{width:100%;height:auto;aspect-ratio:9/19.5;min-height:0;max-height:none}}
.toolbar .danger{background:#fff5f3;color:#a63728;border:1px solid #e2b8af;min-height:44px}.toolbar .danger:hover{background:#ffe5df}

.legal-footer{max-width:1500px;margin:24px auto 0;text-align:center;font-size:14px}
.legal-footer a,.legal-page a{color:#234e3c;text-underline-offset:3px}
.legal-page{max-width:40rem;margin:24px auto;padding:24px;background:#f9fbf6;border:1px solid #c5d1ba;border-radius:12px}
.legal-page h1{margin:20px 0 12px}
.legal-page p,.legal-page address{font-size:16px;line-height:1.6;color:inherit}
.legal-page address{font-style:normal}