*{box-sizing:border-box}body{margin:0;background:#f3f2ee;color:#27312e;font-family:'Segoe UI',Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #405be8;outline-offset:5px}.selection-wrap{width:min(1180px,calc(100% - 64px));margin:auto}.selection-header{display:flex;justify-content:space-between;align-items:center;padding-block:28px;border-bottom:1px solid #d9dbd5;gap:20px}.selection-brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700;line-height:1.4}.selection-brand img{width:34px;height:42px;object-fit:contain;mix-blend-mode:multiply}.selection-brand small{display:block;font-size:10px;font-weight:400;letter-spacing:1.1px;text-transform:uppercase}.selection-meta{font-size:11px;color:#747c74}.selection-intro{padding:47px 0 30px;max-width:760px}.selection-kicker{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:#687368;margin:0 0 13px}.selection-intro h1{font-size:46px;line-height:1.15;letter-spacing:-1.8px;margin:0 0 17px}.selection-intro>p:last-child{color:#70796e;font-size:15px;margin:0}.design-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-bottom:37px}.design-card{background:#fff;border:1px solid #d8dbd3;border-radius:13px;overflow:hidden;transition:transform .2s,box-shadow .2s;display:block}.design-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #202d4d13}.design-preview{background:#eaeee5;border-bottom:1px solid #e2e4df;position:relative;height:290px;overflow:hidden}.design-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.design-number{position:absolute;top:15px;left:15px;background:white;border:1px solid #d7ddd3;border-radius:6px;padding:5px 11px;font-size:11px;font-weight:700;box-shadow:0 3px 12px #0001}.design-copy{padding:25px 27px}.design-copy-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.design-copy h2{margin:0;font-size:27px;letter-spacing:-.7px}.design-swatches{display:flex;gap:5px}.design-swatches i{width:13px;height:13px;border-radius:50%;background:#244d40}.design-swatches i:nth-child(2){background:#ba603b}.design-swatches i:nth-child(3){background:#e9dcb9}.design-card-b .design-swatches i{background:#202d4d}.design-card-b .design-swatches i:nth-child(2){background:#405be8}.design-card-b .design-swatches i:nth-child(3){background:#f0cf55}.design-copy>p{font-size:13px;color:#717b70;margin:12px 0 18px}.design-features{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}.design-features span{font-size:10px;padding:4px 9px;background:#f2f4ed;border-radius:20px;color:#647261}.design-card-b .design-features span{background:#eff1fb;color:#586788}.design-open{display:flex;align-items:center;justify-content:space-between;padding-top:17px;border-top:1px solid #e4e6df;font-size:13px;font-weight:700;color:#244d40}.design-card-b .design-open{color:#405be8}.selection-footer{border-top:1px solid #d9dbd5;padding-block:21px;font-size:11px;color:#737c71;display:flex;justify-content:space-between;gap:25px}.selection-footer p{margin:0}.selection-footer span{white-space:nowrap}@media(max-width:700px){.selection-wrap{width:calc(100% - 36px)}.selection-header{padding-block:21px}.selection-meta{font-size:9px;text-align:right;max-width:100px}.selection-intro{padding-top:32px}.selection-intro h1{font-size:36px}.selection-intro>p:last-child{font-size:13px}.design-grid{grid-template-columns:1fr;gap:22px}.design-preview{height:240px}.design-copy{padding:23px}.selection-footer{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Drei Entwürfe nebeneinander; auf kleineren Geräten untereinander. */
.selection-wrap{max-width:1280px}.design-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.design-preview{height:215px}.design-copy{padding:23px}.design-copy h2{font-size:25px}.design-copy-top{flex-wrap:wrap;gap:12px}.design-card-c .design-swatches i{background:#792e46}.design-card-c .design-swatches i:nth-child(2){background:#f1d9d1}.design-card-c .design-swatches i:nth-child(3){background:#ead9cc}.design-card-c .design-open{color:#792e46}.design-card-c .design-features span{background:#f6e9e8;color:#792e46}@media(max-width:1100px){.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.design-grid{grid-template-columns:1fr}.design-preview{height:240px}}