.dl{background:#FFFFFF;border:1px solid #E0E0EC;border-radius:22px;box-shadow:0 28px 64px rgba(22,22,58,.14);overflow:hidden;color:#16163A;text-align:left}
.dl-vorschau{position:relative;height:200px;background:#16163A;overflow:hidden}
.dl-vorschau img{position:absolute;left:8%;top:28px;width:92%;height:auto;border-radius:10px 0 0 0;box-shadow:0 12px 32px rgba(0,0,0,.35);transform:rotate(-2deg);transform-origin:left top;opacity:.95}
.dl-vorschau::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(to top,rgba(22,22,58,.85),rgba(22,22,58,0))}
.dl-datei{position:absolute;left:20px;bottom:16px;z-index:1;display:flex;align-items:center;gap:12px;padding:8px 14px 8px 8px;background:#FFFFFF;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.dl-dateitext{display:flex;flex-direction:column;gap:1px}
.dl-dateitext b{font-family:'Fira Sans Condensed',sans-serif;font-weight:600;font-size:16px}
.dl-dateitext span{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:1.2px;color:#5C5C78}
.dl-preis{position:absolute;right:16px;top:16px;z-index:1;padding:5px 12px;border-radius:999px;background:#B9B8FF;color:#16163A;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase}
.dl-innen{padding:28px;display:flex;flex-direction:column;gap:20px}
.dl-titel{margin:0;font-family:'Fira Sans Condensed',sans-serif;font-weight:600;font-size:30px;line-height:1.15}
.dl-titel em{font-style:italic;font-weight:500;color:#5F5CEB}
.dl-liste{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px 16px;font-size:15px;color:#2E2E4A}
.dl-liste li{display:flex;align-items:center;gap:10px}
.dl-liste svg{flex:0 0 auto;width:22px;height:22px;padding:3px;box-sizing:border-box;border-radius:50%;background:#EEEEFE;fill:none;stroke:#4F4BD6;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.dl-form{display:flex;flex-direction:column;gap:16px;padding-top:20px;border-top:1px solid #EEEEF5}
.dl-felder{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.dl-feld{display:flex;flex-direction:column;gap:6px}
.dl-feld label{font-size:14px;font-weight:600}
.dl-feld label span{font-weight:400;color:#5C5C78}
.dl-feld input{min-height:48px;padding:0 14px;border:1px solid #D4D4E2;border-radius:12px;font:inherit;font-size:16px;color:#16163A;background:#F8F8FC;transition:border-color .15s,box-shadow .15s,background .15s}
.dl-feld input::placeholder{color:#8A8AA3}
.dl-feld input:focus{outline:none;border-color:#5552E5;background:#FFFFFF;box-shadow:0 0 0 4px rgba(85,82,229,.18)}
.dl-feld input[aria-invalid=true]{border-color:#B42318;box-shadow:0 0 0 4px rgba(180,35,24,.14)}
.dl-fehler{font-size:13px;color:#B42318}
.dl-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:#2E2E4A;cursor:pointer}
.dl-check input{width:20px;height:20px;margin:1px 0 0;accent-color:#5552E5;flex:0 0 auto}
.dl-knopf{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 24px;border:0;border-radius:12px;background:#5552E5;color:#FFFFFF;font:inherit;font-size:17px;font-weight:600;cursor:pointer;box-shadow:0 10px 24px rgba(85,82,229,.35);transition:background .15s,transform .15s,box-shadow .15s}
.dl-knopf:hover{background:#3E3BC2;transform:translateY(-1px);box-shadow:0 14px 30px rgba(85,82,229,.42)}
.dl-knopf:focus-visible{outline:3px solid #16163A;outline-offset:3px}
.dl-pfeil{transition:transform .15s}
.dl-knopf:hover .dl-pfeil{transform:translateX(4px)}
.dl-vertrauen{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:13px;color:#4B4B6B}
.dl-vertrauen span::before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#1C7A43;vertical-align:2px}
.dl-hinweis{margin:0;font-size:12.5px;line-height:1.55;color:#5C5C78;text-align:center}
.dl-danke{margin:0;padding:12px 14px;border-radius:10px;background:#EAF6EF;font-size:14px;line-height:1.5;color:#1C5E36}
@media (max-width:480px){.dl-innen{padding:22px}.dl-titel{font-size:26px}.dl-vorschau{height:170px}}
.dl-form--ohnelinie{border-top:0;padding-top:0}
.dl-knopf[disabled]{opacity:.7;cursor:wait;transform:none}
main a.dl-knopf,main a.dl-knopf:hover{color:#FFFFFF;text-decoration:none}
.dl-feld input[aria-invalid=true],.dl-check input[aria-invalid=true]{outline:2px solid #B42318;outline-offset:2px}
.dl-fehler{font-size:13px;color:#B42318}
