/* Editorial visual direction: graphite, ivory and a focused lime accent. */
body{background:#f5f6f2}
.header{background:#fafbf8f5;border-bottom-color:#dce0d9}
.nav{height:88px}
.nav nav a{font-size:11px;letter-spacing:.04em}
.button,.hero .button{border-radius:4px;box-shadow:none}
.button.small,.hero-copy .button{background:#d0ed79;color:#1c3026;border-color:#d0ed79}
.button.small:hover,.hero-copy .button:hover{background:#bddb65;color:#16241d;box-shadow:none}
.hero{background:#f5f6f2;border-bottom:1px solid #d9ded5;padding:76px 0}
.hero-grid{gap:64px}
.hero h1{font-weight:500;letter-spacing:-.055em;line-height:1.08;font-size:clamp(48px,5.2vw,70px);color:#202a26}
.hero h1 span{color:#286348}
.hero-copy>.eyebrow{background:none;border:0;border-radius:0;padding:0 0 14px;border-bottom:1px solid #c8d2c1;color:#46614e;letter-spacing:.12em}
.hero .lead{color:#536259;font-size:16px}
.hero-assurances{padding-top:20px;border-top:1px solid #d5ddd0}
.hero-finder{background:#202e29;border:1px solid #34483d;border-top:3px solid #d0ed79;border-radius:7px;box-shadow:0 18px 36px #18291f0c;padding:30px}
.hero-finder-eyebrow{color:#d0ed79;letter-spacing:.13em}
.hero-finder .finder-top{color:#c6d6ca;border-top:1px solid #47584d;padding-top:17px}
.hero-finder h3{font-weight:500;font-size:25px;letter-spacing:-.025em}
.hero-finder .finder-progress i{background:#53665a}
.hero-finder .finder-progress i.current{background:#d0ed79}
.hero-finder .finder-option{border-radius:4px;background:#f3f6ef;border-color:#e0e6dc;padding-top:15px;padding-bottom:15px}
.hero-finder .finder-option:hover{background:#e8f0db;border-color:#c0da91}
.hero-finder .finder-option[aria-pressed="true"]{background:#e0efbd;border-color:#d0ed79;box-shadow:inset 3px 0 #64863d}
.hero-finder .button,.hero-finder .finder-controls .button{border-radius:4px;background:#d0ed79;border-color:#d0ed79;color:#203125}
.hero-finder .button:hover,.hero-finder .finder-controls .button:hover{background:#dff4a6;border-color:#dff4a6;color:#203125;box-shadow:none}
.hero-finder .finder-controls .button:disabled{background:#3f5145;color:#ccdad0;border-color:#6b7d6f;box-shadow:none}
.hero-finder .finder-result-note{background:#304238;border-left-color:#d0ed79;border-radius:0}
.hero-finder .recommendation-label{color:#d0ed79}
.capabilities{background:#eef1e9;border-bottom-color:#d9ded5}
.capabilities .wrap{min-height:90px}
.capabilities strong{font-size:13px;letter-spacing:.015em}
.capabilities strong:first-of-type,.capabilities strong:nth-of-type(2),.capabilities strong:nth-of-type(3){color:#334e3c}
.section h2{font-weight:500;letter-spacing:-.045em}
.service{border-radius:5px;border-color:#dce1d8;box-shadow:none}
.service:nth-child(1){border-top-color:#a8b7a8}
.service:nth-child(3){border-top-color:#a8b7a8}
.service:nth-child(1) .number,.service:nth-child(3) .number{color:#5b7260}
.service.featured{background:#eef4e3;border-top-color:#8cb84a}
.service:hover{border-color:#91aa86;box-shadow:none}
.service .number{letter-spacing:.12em}
.ertool-panel{background:#edf2e5;border-color:#d5deca;border-radius:5px}
.ertool-name{color:#365c3f;border-bottom-color:#8aac5b}
.workflow{background:#202a26}
.workflow .eyebrow,.steps li>span{color:#d0ed79}
.steps li{border-top-color:#5b6d5b}
.steps li>span{font-size:16px;font-weight:500;letter-spacing:.04em}
.partner-visual{border-radius:5px;background:#19231e}
.trust-section{background:#edf1e7}
.contact{background:#202e29}
.contact h2 span{color:#d0ed79}
.contact .eyebrow{color:#cfdfa9}
.contact form{border-radius:6px;box-shadow:none}
.contact .form-eyebrow{color:#5b7446}
.contact form .button{background:#d0ed79;color:#203125;border-color:#d0ed79}
.contact form .button:hover{background:#bddb65;color:#16241d}
.faq-sources{border-left-color:#8cb84a;border-radius:0}
footer{background:#f1f3ed}
@media(max-width:1100px){.hero-grid{gap:32px}.hero-finder{padding:25px}.hero-finder h3{font-size:22px}.hero h1{font-size:clamp(45px,5.2vw,60px)}}
@media(max-width:800px){.nav{height:80px}.hero{padding:45px 0}.hero-grid{gap:32px}.hero h1{font-size:clamp(46px,8vw,64px)}.hero-finder{padding:28px}.capabilities .wrap{min-height:0}.hero-assurances{max-width:540px}}
@media(max-width:420px){.hero h1{font-size:42px}.hero-finder{padding:22px 18px}.hero-finder h3{font-size:21px}.hero-finder .finder-option{padding-top:13px;padding-bottom:13px}}
@media(max-width:360px){.hero h1{font-size:37px}}

/* Eigenständige Farbflächen für Leistungen, ERTool und Nexbit. */
.partner-visual{background:#000;border:1px solid #000}
.partner-visual .eyebrow{color:#aab9c4}
.partner-visual p{color:#c0c7cd}
.partner-visual .location{color:#bbc5cc}
.service:nth-child(1){background:#edf3fa;border-color:#d1deec;border-top-color:#668aaf}
.service:nth-child(1) .number{color:#426487}
.service:nth-child(1) .card-link{color:#325b82;border-top-color:#c9d9e8}
.service:nth-child(1) p{color:#536779}
.service:nth-child(3){background:#f7efe3;border-color:#e7d8c1;border-top-color:#ba945e}
.service:nth-child(3) .number{color:#7c5e33}
.service:nth-child(3) .card-link{color:#76552d;border-top-color:#e2d2ba}
.service:nth-child(3) p{color:#73624f}
.ertool{background:#f0f4f9;border-top-color:#d7e0eb}
.ertool .eyebrow{color:#426487}
.ertool-panel{background:#fff;border-color:#c9d8e8;border-top:3px solid #668aaf}
.ertool-name{color:#345f88;border-bottom-color:#9bb8d3}
.ertool-steps li{border-top-color:#d6e1ed}
.ertool-steps li>span{color:#426487}
.ertool-benefits{border-top-color:#cbd9e7}
.trust-section{background:#f5eee3;border-block-color:#e5d8c5}
.trust-section .eyebrow{color:#7b6039}
.trust-promises article{border-bottom-color:#dfd1bc}
.trust-check{background:#eee0c7;border-color:#c0a274;color:#6c502b}
.faq-sources{background:#edf3fa;border-left-color:#668aaf}

/* Dezente Glasoptik im Funnel, mit solider Basis ohne Filter-Unterstützung. */
.hero-finder{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;border:1px solid #ffffff30;border-top-color:#d0ed7980;background:linear-gradient(145deg,#31473b 0%,#202e29 58%,#253e38 100%);box-shadow:0 20px 48px #172d231c,inset 0 1px 0 #ffffff25}
.hero-finder::before{content:'';position:absolute;z-index:-1;pointer-events:none;top:-100px;right:-85px;width:290px;height:290px;border-radius:50%;background:radial-gradient(circle,#bfdc6b25 0%,#bfdc6b00 70%)}
.hero-finder::after{content:'';position:absolute;z-index:-1;pointer-events:none;bottom:-120px;left:-110px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,#65a9ac20 0%,#65a9ac00 70%)}
.hero-finder .finder-top{border-top-color:#ffffff22}
.hero-finder .finder-option{background:#edf3e9;border:1px solid #ffffffb3;border-radius:13px;box-shadow:inset 0 1px 0 #ffffff,0 3px 9px #081e1410;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.hero-finder .finder-option:hover{background:#e8f2da;border-color:#d5ecac;box-shadow:inset 0 1px 0 #ffffff,0 5px 14px #081e1420;transform:translateY(-1px)}
.hero-finder .finder-option[aria-pressed="true"]{background:#e0efbd;border-color:#d0ed79;box-shadow:inset 3px 0 #64863d,0 0 0 2px #d0ed791a}
.hero-finder .finder-option:active{transform:translateY(0)}
.hero-finder .button,.hero-finder .finder-controls .button{border-radius:11px;box-shadow:inset 0 1px 0 #ffffff66,0 5px 14px #081e141c;transition:background .2s,box-shadow .2s}
.hero-finder .button:hover,.hero-finder .finder-controls .button:hover{box-shadow:inset 0 1px 0 #ffffff80,0 7px 18px #081e1428}
.hero-finder .finder-controls .button:disabled{box-shadow:none}
.hero-finder .finder-result-note{border-radius:0 12px 12px 0;background:#ffffff0d;box-shadow:inset 0 1px 0 #ffffff12}
.hero-finder .finder-progress i{height:5px;border-radius:8px}
@supports ((backdrop-filter:blur(12px)) or (-webkit-backdrop-filter:blur(12px))){.hero-finder .finder-option{background:#f4f8eeed;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hero-finder .finder-option:hover{background:#e8f2daf5}.hero-finder .finder-option[aria-pressed="true"]{background:#e0efbdf5}}
@media(max-width:420px){.hero-finder{border-radius:19px}.hero-finder .finder-option{border-radius:11px}}
@media(prefers-reduced-motion:reduce){.hero-finder .finder-option:hover{transform:none}}
