.variantbar{background:#202420;color:white;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 4%;font-size:14px;min-height:54px}.variantbar>a{text-decoration:underline;text-underline-offset:4px}.variantbar nav{gap:8px}.variantbar nav a{display:grid;place-items:center;width:36px;height:34px;border:1px solid #677068;color:white}.variantbar nav a[aria-current]{background:#f7e839;color:#19271c;border-color:#f7e839}.hero-side{display:none}.mini .variantbar{display:none}.mini header{position:relative}.mini .skip{display:none}html{scroll-padding-top:115px}
/* 01: airy split composition */
.design-klar{--deep:#163b26;--paper:#f1f6f2;--yellow:#f7ed39;--green:#229b37}.design-klar .hero{background:#fff;color:#163b26;min-height:695px;display:block;padding:68px 0 50px;overflow:visible}.design-klar .hero-content{padding:0;position:relative}.design-klar .hero-photo{inset:36px 4% 36px auto;width:42%;height:calc(100% - 72px);object-position:center 65%;z-index:0;border-radius:140px 8px 8px 8px}.design-klar .hero-shade{display:none}.design-klar h1{font-size:clamp(3rem,4.8vw,4.8rem);max-width:57%;line-height:1.1}.design-klar h1 span{color:#229b37}.design-klar .hero .eyebrow{color:#168035;letter-spacing:.08em}.design-klar .hero-copy{color:#526057;max-width:45%}.design-klar .hero .actions{max-width:50%;gap:12px}.design-klar .button{background:#229b37;color:white;border-radius:6px}.design-klar .button.glass{background:white;color:#163b26;border:1px solid #adc4b3}.design-klar .hero-foot{color:#526057;border-color:#d1dfd5;max-width:48%;gap:12px 24px;margin-top:40px}.design-klar .brandstrip{background:#f1f6f2;color:#163b26;border-color:#d1dfd5}.design-klar .brandstrip span{border-color:#229b37}.design-klar .gallerytrack,.design-klar .service{border-radius:12px}.design-klar .servicegrid{border:0;gap:18px}.design-klar .service{background:white;border:1px solid #dce4df;min-height:310px}.design-klar .company{background:#eaf3ec;color:#163b26}.design-klar .company p:not(.eyebrow){color:#526057}.design-klar .company .eyebrow,.design-klar .company .quietlink{color:#168035}.design-klar .brandpanel{box-shadow:none}.design-klar .contact{background:#163b26;color:white}.design-klar .contact p:not(.eyebrow),.design-klar .contact dt{color:#d9e8dd}.design-klar .contact .eyebrow{color:#f7ed39}.design-klar .contact .button{background:#f7ed39;color:#163b26}.design-klar .contact .secondary{background:transparent;color:white;border-color:white}
/* 02: dark typographic composition */
.design-markant{background:#101714;color:#f4f7f5;--muted:#c0cbc4;--line:#36463b;--paper:#17251d;--deep:#0c1711}.design-markant header{background:#101714;border-color:#36463b}.design-markant .wordmark img{background:#fff;padding:7px}.design-markant .hero{min-height:740px}.design-markant h1{font-size:clamp(4rem,7.6vw,7.5rem);line-height:.99}.design-markant .hero-photo{width:58%;left:auto;object-position:center 60%}.design-markant .hero-shade{background:linear-gradient(90deg,#101714 30%,#10171490 70%,#10171420)}.design-markant .hero-content{padding:60px 0}.design-markant .hero .eyebrow{color:#8adb90}.design-markant .hero-copy{max-width:440px}.design-markant .hero-foot{max-width:620px}.design-markant .brandstrip{background:#f7e839;color:#101714}.design-markant .brandstrip span{border-color:#101714}.design-markant .projects h2 span{color:#8adb90}.design-markant .servicegrid{border-color:#36463b}.design-markant .service{border-color:#36463b}.design-markant .service .number,.design-markant .service a,.design-markant .eyebrow{color:#8adb90}.design-markant .service:hover{background:#233329}.design-markant .reviews{background:#101714}.design-markant .googlecard,.design-markant .handwerkcard{border-color:#36463b;background:#17251d}.design-markant .reviews p:not(.eyebrow):not(.score),.design-markant .ratingfacts strong{color:#c0cbc4}.design-markant .stars{color:#f7e839}.design-markant .contact{color:#101714}.design-markant .contact p:not(.eyebrow){color:#45563b}.design-markant footer{background:#101714}.design-markant .company{border-block:1px solid #36463b}
/* 03: photo-led editorial composition */
.design-bilder .hero{min-height:760px;align-items:end}.design-bilder .hero-photo{object-position:center 42%}.design-bilder .hero-shade{background:linear-gradient(0deg,#052319f5,transparent 90%)}.design-bilder .hero-content{padding:250px 0 55px}.design-bilder h1{font-size:clamp(3.5rem,6vw,6rem);max-width:850px}.design-bilder .hero-copy{max-width:540px}.design-bilder .hero-foot{display:none}.design-bilder .hero-side{display:flex;flex-direction:column;position:absolute;right:4%;bottom:65px;border-left:3px solid #f7e839;padding:12px 25px;gap:8px;font-size:14px}.design-bilder .hero-side strong{font-size:25px}.design-bilder .hero-side a{text-decoration:underline}.design-bilder .brandstrip{background:white;color:#163b26;border-bottom:1px solid #dce4df}.design-bilder .brandstrip span{border-color:#229b37}.design-bilder .projects .wrap{width:calc(100% - 8%)}.design-bilder .slide{grid-template-columns:1.65fr 1fr}.design-bilder .slideimage{height:590px}.design-bilder .slidecaption{padding:38px}.design-bilder .services{background:#fff}.design-bilder .servicegrid{border:0;gap:32px}.design-bilder .service{padding:25px 0;border:0;border-top:2px solid #229b37;min-height:270px}.design-bilder .service:hover{background:transparent}.design-bilder .contact{background:#eaf3ec}
/* 04: disciplined technical composition */
.design-praezise{font-family:'Pur Modern',Arial,sans-serif;--deep:#183422;--yellow:#f7ed39}.design-praezise .hero{background:#f1f4f1;color:#19271c;min-height:580px;padding:50px 0;display:block}.design-praezise .hero-photo{left:auto;right:4%;top:48px;width:36%;height:calc(100% - 96px);object-fit:contain;background:#e1e7e2;border:1px solid #bac9bd;z-index:0}.design-praezise .hero-shade{display:none}.design-praezise .hero-content{padding:0;position:relative}.design-praezise h1{font-size:clamp(3rem,4.6vw,4.7rem);line-height:1.06;max-width:58%;letter-spacing:-.025em}.design-praezise h1 span{color:#168035}.design-praezise .hero .eyebrow{color:#168035}.design-praezise .hero-copy{color:#526057;max-width:51%;font-size:1rem}.design-praezise .hero .actions{max-width:56%;gap:12px}.design-praezise .button{background:#183422;color:white}.design-praezise .button.glass{background:transparent;color:#183422;border-color:#183422}.design-praezise .hero-foot{display:none}.design-praezise .brandstrip{background:#229b37;border:0}.design-praezise .brandstrip span{border-color:#f7ed39}.design-praezise main{display:flex;flex-direction:column}.design-praezise .hero{order:0}.design-praezise .brandstrip{order:1}.design-praezise .services{order:2}.design-praezise .projects{order:3}.design-praezise .company{order:4}.design-praezise .reviews{order:5}.design-praezise .contact{order:6}.design-praezise section:not(.hero){padding:65px 0}.design-praezise h2{font-size:clamp(2.2rem,3.2vw,3.2rem)}.design-praezise .services{background:#fff}.design-praezise .servicegrid{grid-template-columns:repeat(2,1fr);border:0;gap:12px}.design-praezise .service{position:relative;padding:25px 25px 25px 75px;min-height:225px;border:1px solid #cad6cd;background:#f5f7f5}.design-praezise .service .number{position:absolute;left:20px;top:20px;font-size:1.4rem}.design-praezise .projects{background:#f1f4f1}.design-praezise .contact{background:#f7ed39}
@media(max-width:700px){.variantbar{flex-wrap:wrap;gap:8px;padding:9px 18px}.variantbar>span{font-size:14px}.variantbar nav{width:auto;gap:6px}.variantbar nav a{height:30px;width:32px}.design-klar .hero,.design-praezise .hero{padding:30px 0 0;display:flex;flex-direction:column;min-height:0}.design-klar .hero-photo,.design-praezise .hero-photo{position:relative;inset:auto;width:calc(100% - 36px);height:340px;order:2;margin:28px auto 20px;border-radius:50px 4px 4px 4px}.design-praezise .hero-photo{border-radius:0;height:320px}.design-klar h1,.design-praezise h1{max-width:100%;font-size:clamp(2.65rem,10vw,3.8rem)}.design-klar .hero-copy,.design-praezise .hero-copy{max-width:100%}.design-klar .hero .actions,.design-praezise .hero .actions{max-width:100%}.design-klar .hero-foot{max-width:100%;margin-top:28px}.design-markant .hero{min-height:700px}.design-markant h1{font-size:clamp(3.4rem,15vw,5rem)}.design-markant .hero-photo{width:100%;opacity:.55}.design-markant .hero-shade{background:linear-gradient(90deg,#101714f2,#10171450),linear-gradient(0deg,#101714,transparent)}.design-markant .hero-content{padding:40px 0}.design-bilder .hero{min-height:740px}.design-bilder .hero-content{padding:220px 0 35px}.design-bilder .hero-side{display:none}.design-bilder h1{font-size:clamp(2.9rem,10.2vw,4rem)}.design-bilder .slide{grid-template-columns:1fr}.design-bilder .slideimage{height:360px}.design-bilder .slidecaption{padding:28px 25px}.design-bilder .servicegrid{gap:15px}.design-praezise .servicegrid{grid-template-columns:1fr}.design-praezise .service{min-height:0;padding:25px 20px 25px 65px}.design-markant .score span{color:#c0cbc4}.design-klar .hero .eyebrow,.design-praezise .hero .eyebrow{letter-spacing:0}.design-klar .contact .actions{flex-direction:column}.design-klar .contact .button{flex:auto}}