/* Wertradar portal layout — 2026-09-15. Presentation only; original DOM and actions retained. */
:root{--ac:#087b69;--ac2:#70cbb6;--ac-d:#056351;--ink:#173e35;--ink2:#35574d;--mut:#61756d;--muted:#61756d;--bg:#f6f7f3;--soft:#eef3ee;--line:#dce5de;--grad:linear-gradient(120deg,#087b69,#096d60);--nav:#143e34;--nav2:#143e34}
body{background:#f6f7f3}.wrap{max-width:1240px}header.site{background:#fff;color:#173e35;border-bottom:1px solid #dce5de;box-shadow:0 2px 14px #173e3506}header.site .brand,header.site .links a,header.site .nav-suchagent,header.site .ctry summary{color:#173e35}header.site .brand .thin{color:#173e35}header.site .brand .vert{color:#61756d}header.site .nav{min-height:78px;gap:18px}header.site .btn{background:#087b69;color:#fff;border-color:#087b69}.btn{border-radius:10px}.wrtop{background:#173e35}
.hero{background:linear-gradient(115deg,#143e34,#265b4d)}.hero:has(.hero-grid){background:linear-gradient(90deg,rgba(13,46,35,.94),rgba(13,46,35,.80) 48%,rgba(13,46,35,.26)),url('/assets/wertradar-terrasse-v1.webp') center 55%/cover}.hero:has(.hero-grid)::after,.hero:has(.hero-grid) .radar,.hero:has(.hero-grid) .orb{display:none}.hero:has(.hero-grid) .in{padding:44px 22px 34px!important}.hero-grid{gap:24px}.hero-lead h1{font-size:clamp(32px,4vw,54px)!important;line-height:1.08;letter-spacing:-.04em;margin:20px 0!important;max-width:19ch!important}.hero h1 em{white-space:normal}.hero-grid .hero-bew{background:#fff;color:#173e35;padding:25px;border:1px solid #dce5de;border-radius:20px;margin:0;gap:14px;grid-template-columns:1fr;grid-template-areas:'head' 'form' 'body';box-shadow:0 18px 55px #102e3525}.hero-grid .hb-tx h2{color:#173e35;font-size:27px}.hero-grid .hb-tx .eyebrow{color:#087b69}.hero-grid .hb-tx p,.hero-grid .hb-u li{color:#61756d}.hero-grid .hb-tx p b{color:#173e35}.hero-grid .hb-more{color:#087b69}.hero-grid .hb-f{border:0;padding:0;box-shadow:none;border-radius:0}.hero-grid>.hero-feat{background:#ffffffed;border:1px solid #dce5de;border-radius:18px;padding:18px;color:#173e35}.hero-grid .hf-head,.hero-grid .ft-t,.hero-grid .ft-end b{color:#173e35}.hero-grid .ft-sub{color:#61756d}.hero-grid .hf-all,.hero-grid .hf-spark{color:#087b69}.hero-grid .ft-row+.ft-row{border-color:#dce5de}.hero-grid .ft-row:hover{background:#eef3ee}.hero-grid .ft-tag{color:#086451;background:#dff2e8}.hero-grid .ft-ic{width:70px;height:62px}.hero-grid .ft-row{min-width:0}
@media(min-width:920px){.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);align-items:start;gap:24px 42px}.hero-grid>.hero-lead{grid-column:1;grid-row:1}.hero-grid>.hero-bew{grid-column:2;grid-row:1/3}.hero-grid>.hero-feat{grid-column:1;grid-row:2}}
main.wrap{padding-bottom:38px}.srchwrap{gap:28px;margin-top:18px}.filters{border-radius:18px;box-shadow:0 8px 24px #173e3506}.results .hero-feat,.panel,.leadcard,.card,.housead,.amz{border-radius:18px}.row{border-radius:14px;box-shadow:0 3px 12px #173e3505}.card .ph{height:210px}.card .bd{padding:19px}.tiles{gap:16px}.tile{border-radius:16px;padding:26px 22px;box-shadow:inset 0 0 0 1px #ffffff20}.chip{border-radius:9px;background:#fff;border-color:#dce5de;padding:9px 14px}.segrow{gap:9px}h2.sec{letter-spacing:-.035em}.wb-hero{background:#173e35}.wb-tile,#wb,.hub-bew{border-radius:18px}.footad{margin-top:40px;margin-bottom:38px}
body .ixnet{background:#edf3ed;color:#496258;border-top:1px solid #dce5de}body .ixnet-in{max-width:1240px;padding:36px 22px}body .ixnet-k{color:#496258;letter-spacing:.12em}body .ixnet-g{gap:12px;border:0}body .ixnet-g a{background:#fff;border:1px solid #dce5de;border-radius:12px;padding:17px}body .ixnet-g a .n{color:#173e35;overflow-wrap:anywhere}body .ixnet-g a .d{color:#61756d}body .ixnet-b{border-color:#dce5de;color:#496258}body .ixnet-b .in{max-width:1240px}body .ixsis{background:#edf3ed;border-color:#dce5de;margin-top:32px}
footer.site{background:#143e34;color:#c9d9d1;padding:46px 0 28px}footer.site .brand,footer.site .h,footer.site .wm,footer.site .wm .thin{color:#fff}footer.site a{color:#d4e5db;overflow-wrap:anywhere}footer.site a:hover{color:#fff}footer.site .cols2{grid-template-columns:1.25fr 1fr 1.1fr 1.15fr 1fr;gap:24px}footer.site .cols2>div{min-width:0}footer.site .h{font-size:12px;letter-spacing:.05em}footer.site .cols2 a{font-size:13px;line-height:1.65;margin:8px 0}footer.site .fine,footer.site .fsearch{border-color:#ffffff25;color:#b8cec2}footer.site .fine{line-height:1.8}footer.site svg{max-width:100%;height:auto}footer.site img{max-width:100%;height:auto}
@media(max-width:1100px){header.site .links{gap:10px}header.site .nav{gap:12px}header.site .brand .vert,header.site .brand .sep{display:none}footer.site .cols2{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:919px){.hero-grid>.hero-lead{order:1}.hero-grid>.hero-bew{order:2}.hero-grid>.hero-feat{order:3}.hero:has(.hero-grid) .in{padding:28px 20px!important}.hero-grid .hero-bew{padding:22px}.hero-grid{gap:22px}}
@media(max-width:600px){header.site .nav{min-height:66px}.hero-grid .ft-ic{width:50px;height:54px}.hero-grid>.hero-feat{padding:12px}.hero-grid .ft-t{font-size:12px}.hero-grid .ft-end b{font-size:12px}.hero-grid .ft-row{gap:8px}.hero-grid .hero-bew{padding:19px}.hero-grid .hb-tx h2{font-size:25px}.card .ph{height:190px}footer.site .cols2{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}footer.site .cols2>div:first-child{grid-column:1/-1}footer.site .fsearch{grid-template-columns:1fr}body .ixnet-in{padding:28px 20px}.wrap{max-width:100%}}
@media(prefers-reduced-motion:reduce){.card,.row,.card .ph img{transition:none}.card:hover,.row:hover{transform:none}}
/* Keep the consent decision accessible above the independent Linda widget. */
body div:has(>.acts>[onclick="iwConsent(false)"]){z-index:2147483647!important}
@media(min-width:1101px) and (max-width:1280px){header.site .brand .vert,header.site .brand .sep{display:none}header.site .links{gap:12px}header.site .nav{gap:12px}header.site .btn{white-space:nowrap}}
#iwc{z-index:2147483647!important}.wrpop .box{border-radius:20px}.wrpop .box .top{background:#173e35}
.srchwrap>*{min-width:0}.sortbar{flex-wrap:wrap}footer.site .vert{color:#a7c8b7}
@media(max-width:800px){.srchwrap{grid-template-columns:minmax(0,1fr)}}
body .hero:not(:has(.hero-grid)),body .wb-hero{background:linear-gradient(115deg,#143e34,#265b4d)}