/* dahoim Online-Vertrag mit Unterschrift */
.dg-rechner.dov{max-width:820px}
.dov .dov-box{background:#fff;border:1px solid var(--dg-border);border-radius:calc(var(--dg-radius) + 4px);padding:1.5rem;margin:0 0 1.25rem}
.dov .dov-box h3{margin:0 0 1rem;font-size:1.15rem}
.dov .dov-leistung{background:var(--dg-bg);border-top:4px solid var(--dg-accent)}
.dov .dov-leistung .dg-aufstellung{margin-bottom:.5rem}
.dov .dov-aendern{display:inline-block;margin:.5rem 0 0}
.dov .dov-cols{display:grid;grid-template-columns:1fr 2fr;gap:1rem}
.dov .dov-cols-plz{grid-template-columns:1fr 3fr}
.dov .dov-cols:not(.dov-cols-plz):has(> .dg-field:nth-child(2) input[type=tel]),
.dov section:last-of-type .dov-cols{grid-template-columns:1fr 1fr}
@media (max-width:560px){.dov .dov-cols{grid-template-columns:1fr !important}}
.dov input[type=email],.dov input[type=tel],.dov input[type=date]{width:100%;padding:.75rem .9rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius);font:inherit;font-size:1rem;background:#fff;color:var(--dg-text)}
.dov input:focus{outline:2px solid var(--dg-primary);outline-offset:1px;border-color:var(--dg-primary)}
.dov input[readonly]{background:var(--dg-bg);color:var(--dg-muted)}
.dov .dov-pflicht{color:#b3261e}
.dov .dov-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.dov .dov-text{max-height:340px;overflow:auto;border:1px solid var(--dg-border);border-radius:var(--dg-radius);padding:1rem 1.25rem;background:#fcfbf8;font-size:.9rem}
.dov .dov-text h4{margin:1rem 0 .3rem;font-size:.95rem}
.dov .dov-text h4.dov-text-titel{margin-top:0;font-size:1.05rem}
.dov .dov-text p{margin:0 0 .5rem}
.dov .dov-haken{display:flex;gap:.7rem;align-items:flex-start;padding:.8rem .9rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius);margin-bottom:.6rem;cursor:pointer;font-size:.88rem;line-height:1.45}
.dov .dov-haken input{margin-top:.2rem;flex:none;width:1.1rem;height:1.1rem;accent-color:var(--dg-primary)}
.dov .dov-haken:has(input:checked){border-color:var(--dg-primary);background:#eef4f1}
.dov .dov-haken-opt{border-style:dashed}
.dov .dov-haken em{color:var(--dg-muted)}
.dov .dov-pad-wrap{position:relative;border:2px dashed var(--dg-border);border-radius:var(--dg-radius);background:#fff;touch-action:none}
.dov .dov-pad-wrap.dov-hat{border-style:solid;border-color:var(--dg-primary)}
.dov .dov-pad{display:block;width:100%;height:auto;aspect-ratio:10/3;cursor:crosshair;touch-action:none;border-radius:var(--dg-radius)}
.dov .dov-pad-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#b9b4a8;font-size:1.1rem;pointer-events:none}
.dov .dov-hat .dov-pad-hint{display:none}
.dov .dov-pad-wrap::after{content:"";position:absolute;left:6%;right:6%;bottom:22%;border-bottom:1px solid #d5d0c4;pointer-events:none}
.dov .dov-pad-clear{position:absolute;right:.6rem;top:.4rem;font-size:.85rem}
.dov .dov-fehler{background:#fdecea;border:1px solid #e6a19a;color:#8c1d18;border-radius:var(--dg-radius);padding:.8rem 1rem;margin:1rem 0;font-size:.95rem}
.dov .dov-submit{width:100%;border:0;font:inherit;font-weight:600;cursor:pointer;margin-top:1rem;font-size:1.05rem}
.dov .dov-submit[disabled]{opacity:.6;cursor:wait}
.dov .dov-danke,.dov .dov-leer{background:var(--dg-bg);border-radius:calc(var(--dg-radius) + 4px);padding:2rem;text-align:center;border-top:4px solid var(--dg-primary)}
.dov .dov-leer .dg-btn{display:inline-block;margin-top:.5rem;padding-left:2rem;padding-right:2rem}
.dov .dov-ungueltig{border-color:#b3261e !important}
/* Unterlagen-Upload */
.dou .dou-cols{grid-template-columns:1fr 1fr}
.dou textarea{width:100%;padding:.75rem .9rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius);font:inherit;font-size:1rem;background:#fff;color:var(--dg-text);resize:vertical}
.dou textarea:focus{outline:2px solid var(--dg-primary);outline-offset:1px;border-color:var(--dg-primary)}
.dou .dou-zone{display:block;position:relative;border:2px dashed var(--dg-border);border-radius:var(--dg-radius);background:var(--dg-bg);padding:1.6rem 1rem;text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s;margin-bottom:1rem}
.dou .dou-zone:hover,.dou .dou-zone.dou-ziehen,.dou .dou-zone:focus-within{border-color:var(--dg-primary);background:#eef4f1}
.dou .dou-zone.dou-hat{border-style:solid}
.dou .dou-zone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.dou .dou-zone-titel{display:block;font-weight:600;color:var(--dg-primary);font-size:1.05rem}
.dou .dou-zone-titel::before{content:"";display:block;width:34px;height:34px;margin:0 auto .5rem;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e653e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4m0 0l-4 4m4-4l4 4M4 16v3a1 1 0 001 1h14a1 1 0 001-1v-3'/%3E%3C/svg%3E")}
.dou .dou-zone-hinweis{display:block;margin-top:.3rem;font-size:.85rem;color:var(--dg-muted)}
.dou .dou-liste{list-style:none;margin:0 0 1rem;padding:0}
.dou .dou-liste li{display:flex;align-items:center;gap:.75rem;padding:.55rem .8rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius);margin:0 0 .4rem;background:#fff;font-size:.92rem}
.dou .dou-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dou .dou-groesse{flex:none;color:var(--dg-muted);font-size:.85rem}
.dou .dou-weg{flex:none;border:0;background:none;color:#8c1d18;font-size:1.3rem;line-height:1;cursor:pointer;padding:0 .2rem}
.dou .dou-balken{height:8px;border-radius:4px;background:var(--dg-border);overflow:hidden}
.dou .dou-balken span{display:block;height:100%;width:0;background:var(--dg-primary);transition:width .2s}
.dou .dou-status{margin:.4rem 0 0;font-size:.88rem;color:var(--dg-muted)}
.dou .dou-zone.dov-ungueltig{border-color:#b3261e}
#top .dou .dou-zone input[type=file]{margin:0;padding:0}