:root{--handwerkerfarbe:#163a5f;--hoverbutton:#1e4a75}body{color:#555;background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}a,nav a,nav a:visited{color:inherit;text-decoration:none}nav a:hover{text-decoration:underline;text-decoration-color:var(--handwerkerfarbe);text-underline-offset:4px;text-decoration-thickness:2px}.container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto 30px;padding:10px 16px}.containerLeistungen{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto 40px;padding:10px 16px}.containerLeistungen h2{margin-top:0;margin-bottom:40px}.headerausrichtung{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.kontaktbutton{background-color:var(--handwerkerfarbe);border-style:solid;border-color:var(--handwerkerfarbe);color:#fff;padding:5px 20px;display:inline-block}.kontaktbutton:hover{background-color:var(--hoverbutton);border-style:solid;border-color:var(--hoverbutton);color:#fff;padding:5px 20px}a.kontaktbutton:visited{color:#fff}.hero{background-color:var(--handwerkerfarbe);color:#fff}.hero>.container{margin-bottom:30px;padding-top:28px;padding-bottom:30px}.hero h1{color:#fff;max-width:100%;margin:32px 0 20px;font-size:clamp(2rem,4.5vw,3rem);line-height:1.12}.heroTop{color:#fff;margin:0}.heroText{margin-top:56px;margin-bottom:30px;font-size:1.08rem;line-height:1.55}.heroInfo{text-align:right;margin:24px 0 0;font-size:.85rem}.heroButton .kontaktbutton{color:#000;transform-origin:0;background-color:#fff;transform:scale(1.2)}.heroButton a.kontaktbutton:visited{color:#000;background-color:#fff}.contact{background-color:#f4f4f2}.kontaktTitel{font-size:clamp(2rem,4vw,2.5rem);line-height:1.15}.kontaktTitel:after{content:"";background-color:var(--handwerkerfarbe);width:50px;height:4px;margin-top:40px;margin-bottom:30px;display:block}.vorKontaktFormular{margin-bottom:20px}.formular{border:none;flex-direction:column;gap:20px;width:100%;max-width:700px;display:flex}.containerContact{grid-template-columns:1fr;display:grid}@media (width>=960px){.containerContact{grid-template-columns:2fr 1fr}}.formularEintrag{width:100%}.formularTitel{color:var(--handwerkerfarbe);margin:0;font-weight:700}.formular input,.formular textarea,.formular button{font:inherit}.vorUndNachname,.kontaktDirekt{grid-template-columns:1fr 1fr;gap:20px;display:grid}.formularLinks{padding:20px 40px}.formularRechts{background-color:var(--handwerkerfarbe);color:#fff;flex-direction:column;gap:20px;padding:40px 60px;display:flex}.formularRechts h2{margin-top:5px;margin-bottom:35px}.formular input{box-sizing:border-box;background-color:#fff;border:1px solid #0000;width:100%;height:45px;padding:10px}.formular input:focus-visible{border-color:var(--handwerkerfarbe);outline:3px solid var(--hoverbutton);outline-offset:2px}.formular textarea{resize:vertical;box-sizing:border-box;background-color:#fff;border:1px solid #0000;width:100%;max-width:none;min-height:120px;padding:10px}.formular textarea:focus-visible{border-color:var(--handwerkerfarbe);outline:3px solid var(--hoverbutton);outline-offset:2px}.formularButton{border:2px solid var(--handwerkerfarbe);background-color:var(--handwerkerfarbe);border-style:solid;border-color:var(--handwerkerfarbe);color:#fff;cursor:pointer;align-self:flex-end;padding:8px 20px;font-size:small}.formularButton:hover{background-color:var(--hoverbutton);border-color:var(--hoverbutton)}.formular input:user-invalid,.formular textarea:user-invalid{border-color:red}.kontaktdaten{flex-direction:column;gap:6px;line-height:1.4;display:flex}.kontaktdaten h3,.kontaktdaten p{margin:0}.kontaktdaten a{color:inherit;text-underline-offset:3px;text-decoration:underline}.footerausrichtung{justify-content:space-between;align-items:center;display:flex}.leistung{flex-direction:row;gap:20px;display:flex}.leistungAnordnung{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=768px){.leistungAnordnung{grid-template-columns:1fr 1fr}}.uleistung{text-decoration:underline;text-decoration-color:var(--handwerkerfarbe);text-decoration-thickness:3px}.services{grid-template-columns:repeat(3,1fr);gap:80px;display:grid}.service{color:inherit;text-decoration:none;display:block}.service article{border-radius:4px;flex-direction:column;align-items:center;gap:12px;padding:20px;transition:transform .2s,background-color .2s;display:flex}.service img{object-fit:contain;width:200px;height:200px}.service span{font-size:17px}.serviceArrow{color:var(--handwerkerfarbe);margin-left:4px;transition:transform .2s;display:inline-block}@media (hover:hover){.service:hover article{background-color:#f7f7f7;transform:translateY(-4px)}.service:hover .serviceArrow{transform:translate(4px)}}@media (width<=767px){.services{grid-template-columns:1fr;gap:10px}.service article{flex-direction:row;justify-content:flex-start;gap:24px;padding:18px 10px}.service img{width:90px;height:90px}.service span{font-size:18px;font-weight:500}}.brandLink{flex:none}.brandLogo,.footerLogo{width:200px;height:auto;display:block}.hauptnavigation{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px 16px;display:flex}.footerlinks{flex-wrap:wrap;gap:12px 20px;display:flex}.honeypot{display:none}.legalPage{padding:64px 20px 96px}.legalContent{width:100%;max-width:850px;margin:0 auto}.legalContent h1{margin:0 0 48px;font-size:clamp(2.2rem,5vw,3.2rem);line-height:1.1}.legalContent h2{margin:40px 0 14px;font-size:1.35rem;line-height:1.3}.legalPageDatenschutz .legalContent h2{margin-top:44px}.legalContent p{margin:0 0 18px;line-height:1.7}.legalContent ul{margin:0 0 20px;padding-left:22px}.legalContent li{margin-bottom:8px;line-height:1.65}.legalContent a{color:#163a5f;text-underline-offset:2px;text-decoration:underline}.legalContent a:hover{text-decoration-thickness:2px}.legalStand{font-size:.9rem;margin-top:32px!important}@media (width<=600px){.legalPage{padding:48px 20px 72px}.legalContent h1{margin-bottom:36px}.legalPageImpressum .legalContent h2{margin-top:32px}.legalPageDatenschutz .legalContent h2{margin-top:34px}}@media (width<=860px){.headerausrichtung{flex-direction:column;align-items:center;gap:14px;padding-top:16px;padding-bottom:16px}.hauptnavigation{justify-content:center;width:100%}}@media (width<=640px){.container,.containerLeistungen{padding-left:16px;padding-right:16px}.brandLogo,.footerLogo{width:170px}.hauptnavigation{gap:10px 14px;font-size:.93rem}.hauptnavigation>a:not(.kontaktbutton){padding:7px 3px}.hero>.container{padding-top:24px;padding-bottom:26px}.hero h1{margin-top:24px}.heroText{margin-top:34px}.heroInfo{text-align:left}.vorUndNachname,.kontaktDirekt{grid-template-columns:1fr}.formularLinks,.formularRechts{padding:32px 18px}.footerausrichtung{flex-direction:column;align-items:flex-start;gap:20px;padding-top:24px;padding-bottom:24px}}@media (width<=390px){.hauptnavigation{justify-content:flex-start}}.skipLink{z-index:1000;color:#111;border:2px solid var(--handwerkerfarbe);background:#fff;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skipLink:focus{transform:translateY(0)}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(a,button):focus-visible{outline:3px solid var(--hoverbutton);outline-offset:3px}.formularHinweis{color:#666;margin:6px 0 0;font-size:.82rem;line-height:1.4}.formularDatenschutz{color:#555;margin:-4px 0 0;font-size:.82rem;line-height:1.5}.formularDatenschutz a{color:inherit;text-underline-offset:2px;text-decoration:underline}.notFoundPage{padding:80px 0 110px}.notFoundContent{text-align:center}.notFoundCode{color:var(--handwerkerfarbe);margin:0 0 8px;font-size:clamp(4rem,13vw,8rem);font-weight:800;line-height:1}.notFoundContent h1{color:#25282b;margin:0 0 18px;font-size:clamp(2rem,5vw,3rem);line-height:1.1}.notFoundContent p:not(.notFoundCode){max-width:560px;margin:0 auto 30px;line-height:1.6}.notFoundButton{border:2px solid var(--handwerkerfarbe);background:var(--handwerkerfarbe);color:#fff;padding:12px 22px;font-weight:600;display:inline-block}.notFoundButton:hover{border-color:var(--hoverbutton);background:var(--hoverbutton);color:#fff}
