/* EB Klein Universum – Seitenbausteine (Startseite, Hubs, Themenseiten, Haus-Check) */
.ux{--f:#203b32;--d:#142820;--iv:#f6f2e9;--pa:#fffcf6;--g:#ad9164;--gt:#826c48;--ink:#24342d;--mu:#5f685f;--li:#ded8cb;color:var(--ink)}
.ux .wrap{max-width:1190px;margin:0 auto;padding:0 20px}
.ux .eyebrow{font:700 12px/1.4 Inter,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--gt)}
.ux h1,.ux h2,.ux .serif{font-family:var(--w-serif,Georgia,'Times New Roman',serif);font-weight:400;letter-spacing:-.03em;color:var(--ink)}
.ux h1{font-size:clamp(36px,5vw,60px);line-height:1.08;margin:14px 0 18px}
.ux h2{font-size:clamp(26px,3.2vw,36px);line-height:1.15;margin:0 0 14px}
.ux h3{font:650 18px/1.3 Inter,Arial,sans-serif;letter-spacing:-.02em;margin:0 0 6px}
.ux p{font-size:17px;line-height:1.65;color:var(--mu)}
.ux .sec{padding:64px 0;border-top:1px solid var(--li)}
.ux .sec:first-child{border-top:0}
.ux .hero{display:grid;grid-template-columns:1.35fr .9fr;gap:56px;align-items:center;padding:56px 0 64px}
.ux .hero p.lead{font:400 19px/1.65 var(--w-serif,Georgia,serif);color:var(--ink);max-width:640px}
.ux .portrait{border:1px solid var(--li);border-radius:13px;overflow:hidden;background:var(--pa)}
.ux .portrait img{display:block;width:100%;height:auto}
.ux .portrait figcaption{padding:12px 16px;font-size:13px;color:var(--mu)}
.ux .portrait figcaption b{display:block;font:500 17px/1.3 var(--w-serif,Georgia,serif);color:var(--ink)}
.ux .trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font-size:13.5px;color:var(--mu)}
.ux .trust span{display:inline-flex;align-items:center;gap:7px}.ux .trust .ei{color:var(--g)}
.ux .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;align-items:center}
.ux .grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.ux .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.ux .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.ux a.ebx-tile{display:flex;flex-direction:column;min-height:200px;text-decoration:none;color:var(--ink)}
.ux .ebx-tile .ei-shell{margin-bottom:22px}
.ux .ebx-tile .name{font:650 18px/1.3 Inter,Arial,sans-serif;letter-spacing:-.02em}
.ux .ebx-tile .desc{font-size:13.5px;line-height:1.5;color:var(--mu);margin-top:7px;padding-right:14px}
.ux .ebx-tile .arr{position:absolute;right:20px;bottom:20px;color:var(--g)}
.ux .ebx-tile--featured .name{color:#fff}.ux .ebx-tile--featured .desc{color:#d8e0d8}
.ux .goal{display:flex;flex-wrap:wrap;gap:10px}
.ux .goal a{display:inline-flex;align-items:center;gap:9px;padding:12px 16px;border:1px solid var(--li);border-radius:7px;background:var(--pa);color:var(--ink);text-decoration:none;font:600 14.5px/1.2 Inter,Arial,sans-serif}
.ux .goal a:hover{border-color:var(--g)}.ux .goal .ei{color:var(--f)}
.ux .steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.ux .steps li{list-style:none;padding:22px;border:1px solid var(--li);border-radius:13px;background:var(--pa)}
.ux .steps li:before{counter-increment:s;content:counter(s);display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--g);color:var(--gt);font:600 14px Inter,Arial;margin-bottom:12px}
.ux .creds{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.ux .creds div{padding:20px;border-left:2px solid var(--g);background:var(--pa)}
.ux .creds b{display:block;font:500 18px/1.3 var(--w-serif,Georgia,serif);color:var(--ink);margin-bottom:4px}
.ux .creds span{font-size:14px;color:var(--mu)}
.ux .crumb{font-size:13px;color:var(--mu);padding-top:26px}.ux .crumb a{color:var(--mu)}
.ux .phero{padding:22px 0 40px;max-width:820px}
.ux .layout{display:grid;grid-template-columns:1fr 340px;gap:48px;padding-bottom:56px}
.ux .layout article p{margin:0 0 16px}
.ux .facts{list-style:none;padding:0;margin:22px 0}
.ux .facts li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--li);font-size:15.5px}
.ux .facts .ei{color:var(--f);margin-top:3px}
.ux aside .box{border:1px solid var(--li);border-radius:13px;background:var(--pa);padding:20px;margin-bottom:16px}
.ux aside .box h3{font-size:15px}.ux aside .box p{font-size:14px;margin:6px 0 14px}
.ux aside .box .preis{font:500 22px/1 var(--w-serif,Georgia,serif);color:var(--ink);margin:4px 0 6px}
.ux aside .why{font-size:12.5px;color:var(--mu)}
.ux .links a{display:block;padding:9px 0;border-bottom:1px solid var(--li);color:var(--ink);text-decoration:none;font-size:14.5px}
.ux .links a:hover{color:var(--f)}
.ux details{border-bottom:1px solid var(--li);padding:14px 0}.ux summary{cursor:pointer;font:600 16px/1.4 Inter,Arial,sans-serif;color:var(--ink)}
.ux details p{margin:10px 0 0;font-size:15.5px}
.ux .note{font-size:12.5px;color:var(--mu)}
.ux .band{background:var(--f);color:#fff;border-radius:13px;padding:36px;display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap}
.ux .band h2{color:#fff;margin:0}.ux .band p{color:#d8e0d8;margin:6px 0 0}
.ux .band .ebx-btn{background:var(--iv)!important;color:var(--f)!important;border-color:var(--iv)!important}
.ux .plist{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.ux .ptile{display:flex;flex-direction:column;border:1px solid var(--li);border-radius:13px;background:var(--pa);padding:22px}
.ux .ptile .preis{font:500 24px/1 var(--w-serif,Georgia,serif);color:var(--ink);margin:10px 0}
.ux .ptile p{font-size:14.5px;flex:1}
@media(max-width:1000px){.ux .grid4,.ux .plist{grid-template-columns:repeat(2,1fr)}.ux .hero,.ux .layout{grid-template-columns:1fr}.ux .grid3,.ux .steps,.ux .creds{grid-template-columns:1fr}.ux .hero .portrait{max-width:360px}}
@media(max-width:600px){.ux .grid4,.ux .grid2,.ux .plist{grid-template-columns:1fr}.ux a.ebx-tile{min-height:140px}.ux .sec{padding:44px 0}.ux .band{padding:26px}}
.ebn-ico{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:8px;background:#f0ebdf;border:1px solid #e5dac7;color:#203b32}
.ebn-ico .ei{width:18px;height:18px}
a.ebn-b{text-decoration:none}

.ux .kopfbild{margin:0 0 48px;border-radius:13px;overflow:hidden;border:1px solid var(--li);aspect-ratio:1400/588;background:#e9e4d8}.ux .kopfbild img{display:block;width:100%;height:100%;object-fit:cover}