.checkout .wrap{max-width:1130px;margin:0 auto;padding:0 15px}.checkout-header{background:#fff;border-bottom:1px solid var(--line)}.checkout-header .wrap{height:72px;display:flex;align-items:center;justify-content:space-between}.checkout .secure{font-size:14px;color:var(--ink-2);display:flex;gap:8px;align-items:center}.checkout .secure svg{width:16px;height:16px;stroke:var(--green);fill:none;stroke-width:2.2}@media(max-width:600px){.checkout-header .logo img{width:160px;height:32px}}.checkout .page{display:grid;grid-template-columns:1fr 380px;gap:40px;padding:40px 0 100px;align-items:start}.checkout h1{font-size:32px;line-height:1.1;letter-spacing:-1.5px;font-weight:600;margin-bottom:6px}.checkout .sub{color:var(--ink-2);margin-bottom:28px;max-width:62ch}.checkout .sub b{color:var(--ink)}.checkout .sec{background:#fff;border-radius:10px;padding:30px 35px;box-shadow:0 12px 24px #0000000f;margin-bottom:20px}.checkout .sec h2{font-size:20px;letter-spacing:-.5px;font-weight:600;display:flex;align-items:center;gap:12px;margin-bottom:6px}.checkout .sec h2 .n{width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:14px;flex:none}.checkout .sec .hint{color:var(--ink-2);font-size:15px;line-height:24px;margin-bottom:18px}.checkout .pk{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.checkout .pk label{border:2px solid var(--line);border-radius:10px;padding:16px;cursor:pointer;position:relative;display:block}.checkout .pk input{position:absolute;opacity:0}.checkout .pk label:has(input:checked){border-color:var(--ink);background:var(--bg)}.checkout .pk input:focus-visible+b{outline:3px solid var(--yellow);outline-offset:3px}.checkout .pk b{display:block;font-size:17px}.checkout .pk small{display:block;color:var(--ink-2);font-size:13px;line-height:18px}.checkout .pk .p{font-weight:600;margin-top:8px}.checkout .pk .p s{color:var(--ink-3);font-weight:400;font-size:13px;margin-left:4px}.checkout .pay{display:grid;gap:12px}.checkout .pay label{border:2px solid var(--line);border-radius:10px;padding:16px 18px;cursor:pointer;display:flex;gap:14px;align-items:flex-start}.checkout .pay input{margin-top:6px;accent-color:var(--ink)}.checkout .pay label:has(input:checked){border-color:var(--ink);background:var(--bg)}.checkout .pay b{display:block}.checkout .pay small{color:var(--ink-2);font-size:14px;line-height:22px}.checkout .pay .tag{margin-left:auto;background:var(--yellow);font-size:11px;font-weight:600;padding:3px 9px;border-radius:12px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.checkout .sepa{margin-top:14px}.checkout .grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkout .grid .full{grid-column:1/-1}.checkout .f label{display:block;font-size:14px;font-weight:600;line-height:20px;margin-bottom:6px}.checkout .f label span{color:var(--ink-3);font-weight:400}.checkout .f input{width:100%;font:inherit;font-size:16px;padding:12px 14px;border:1.5px solid #cfcdc4;border-radius:6px;background:#fff}.checkout .f input:focus{outline:3px solid var(--yellow);outline-offset:1px;border-color:var(--ink)}.checkout .f.err input{border-color:var(--red)}.checkout .f .msg{font-size:13px;line-height:18px;color:var(--red);margin-top:4px}.checkout .f .ok{font-size:13px;color:var(--green);margin-top:4px}.checkout fieldset{border:0;padding:0;margin:0;min-width:0}.checkout .anrede legend{font-size:14px;font-weight:600;line-height:20px;margin-bottom:6px;padding:0}.checkout .anrede .optionen{display:flex;gap:22px;flex-wrap:wrap}.checkout .anrede .optionen label{display:flex;gap:8px;align-items:center;font-size:16px;font-weight:400;line-height:24px;margin:0;cursor:pointer}.checkout .anrede input{width:18px;height:18px;padding:0;border:0;margin:0;accent-color:var(--ink)}.checkout .anrede.err .optionen{outline:1.5px solid var(--red);outline-offset:6px;border-radius:4px;width:fit-content}.checkout .chk{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:24px;margin-bottom:12px}.checkout .chk input{margin-top:5px;accent-color:var(--ink);flex:none;width:18px;height:18px}.checkout .chk a{text-decoration:underline;text-underline-offset:3px}.checkout .mandate{font-size:13px;line-height:20px;color:var(--ink-2);background:var(--bg);border-radius:6px;padding:12px 14px;margin:10px 0 16px}.checkout .legal-price{border:1.5px solid var(--ink);border-radius:10px;padding:16px 18px;margin:8px 0 14px;font-size:15px;line-height:24px}.checkout .legal-price b{display:block;font-size:17px}.checkout .legal-price .aktion{display:inline-block;background:var(--yellow);color:var(--ink);font-size:13px;line-height:20px;font-weight:600;padding:2px 10px;border-radius:999px;margin-bottom:8px}.checkout .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:18px 32px;border-radius:6px;font:inherit;font-weight:600;font-size:17px;border:2px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;transition:background .15s}.checkout .btn:hover{background:#000;transform:none}.checkout .btn[disabled]{opacity:.5;cursor:not-allowed}.checkout .after{font-size:13px;line-height:20px;color:var(--ink-3);text-align:center;margin-top:12px}.checkout .partner{font-size:13px;line-height:20px;color:var(--ink-2);margin-top:14px}.checkout .fehler{border:1.5px solid var(--red);background:#fdf6f5;color:var(--red);border-radius:8px;padding:12px 14px;font-size:14px;line-height:22px;margin-top:14px;font-weight:600}.checkout .sum{position:sticky;top:20px;background:#fff;border-radius:10px;box-shadow:0 12px 24px #0000001a;padding:28px}.checkout .sum h3{font-size:18px;letter-spacing:-.5px;margin-bottom:16px}.checkout .trio-box{display:flex;gap:14px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:16px}.checkout .fan{position:relative;width:110px;height:78px;flex:none}.checkout .fan .cover{position:absolute;width:44%;aspect-ratio:3/4;border-radius:4px;color:#fff;font-size:.5rem;line-height:1.1;padding:5px;font-weight:600;box-shadow:0 6px 12px -6px #00000080;display:flex;align-items:flex-end;justify-content:flex-start;overflow:hidden}.checkout .fan .cover:nth-child(1){left:0;top:8px;transform:rotate(-8deg)}.checkout .fan .cover:nth-child(2){left:28%;top:0;z-index:2}.checkout .fan .cover:nth-child(3){left:56%;top:8px;transform:rotate(8deg)}.checkout .trio-box b{display:block;font-size:15px;line-height:20px}.checkout .trio-box small{color:var(--ink-2);font-size:13px;line-height:18px;display:block}.checkout .trio-box a{font-size:13px}.checkout .lines{display:grid;gap:8px;font-size:15px;line-height:22px}.checkout .lines div{display:flex;justify-content:space-between;gap:10px}.checkout .lines .tot{border-top:1px solid var(--line);padding-top:10px;margin-top:4px;font-weight:600;font-size:17px}.checkout .lines .muted{color:var(--ink-2)}.checkout .lines .hinweis{display:block;font-size:13px;line-height:18px;color:var(--ink-3)}.checkout .coupon{margin-top:16px;display:flex;gap:8px}.checkout .coupon input{flex:1;font:inherit;font-size:14px;padding:10px 12px;border:1.5px solid #cfcdc4;border-radius:6px;text-transform:uppercase}.checkout .coupon button{font:inherit;font-size:14px;font-weight:600;padding:10px 14px;border-radius:6px;border:2px solid var(--ink);background:#fff;cursor:pointer}.checkout .coupon-msg{font-size:13px;line-height:18px;margin-top:6px;color:var(--ink-2)}.checkout .coupon-msg.ok{color:var(--green)}.checkout .coupon-msg.bad{color:var(--red)}.checkout .guar{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);display:grid;gap:8px;font-size:14px;line-height:20px;color:var(--ink-2)}.checkout .guar div{display:flex;gap:10px;align-items:flex-start}.checkout .guar svg{width:18px;height:18px;flex:none;stroke:var(--ink);fill:none;stroke-width:2;margin-top:1px}.checkout .zahlarten{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.checkout .zahlarten span{border:1px solid var(--line);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;color:var(--ink-2)}.checkout .done-box{background:#fff;border-radius:10px;padding:40px;box-shadow:0 12px 24px #0000000f;margin:40px 0 100px}.checkout .schritte{display:grid;gap:14px;margin:22px 0}.checkout .schritte div{display:flex;gap:14px;align-items:flex-start}.checkout .schritte .n{width:32px;height:32px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-weight:600;flex:none}.checkout .schritte b{display:block}.checkout .schritte small{color:var(--ink-2);font-size:14px;line-height:22px}.checkout .trioliste{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 4px}.checkout .trioliste span{background:var(--yellow);border-radius:6px;padding:6px 12px;font-weight:600;font-size:14px}@media(max-width:900px){.checkout .page{grid-template-columns:1fr}.checkout .sum{position:static;order:-1}.checkout .pk,.checkout .grid{grid-template-columns:1fr}.checkout .sec{padding:24px 20px}}