:root{font-family:Arial,Helvetica,sans-serif;color:#17282d;background:#f2f6f7;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:#008d99}a:hover{text-decoration:underline}.kopf{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#fff;padding:14px max(24px,calc((100vw - 1200px)/2));border-bottom:4px solid #e4002b}.logo{display:block;width:min(310px,100%);height:auto}.kopf>a{max-width:310px}.kopf nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.kopf nav a{text-decoration:none;color:#22373d;font-weight:700}.kopf nav a:hover{color:#008d99}.inline{display:inline}.inhalt{max-width:1200px;margin:40px auto;padding:0 24px;min-height:65vh}.installation{max-width:740px;margin:50px auto;padding:0 24px}.karte{background:#fff;border:1px solid #dce5e7;border-radius:16px;padding:28px;box-shadow:0 7px 30px rgba(9,48,56,.05);margin-bottom:22px}.schmal{max-width:620px;margin:24px auto}.installation .logo{max-width:420px;margin-bottom:30px}h1{font-size:clamp(1.65rem,3vw,2.2rem);margin:0 0 10px}h2{font-size:1.2rem;margin:28px 0 16px}p{color:#52666d;margin:4px 0 22px}form{display:grid;gap:15px}label{display:grid;gap:6px;font-weight:700;font-size:.92rem}input,select{width:100%;padding:12px 13px;border:1px solid #aebfc4;border-radius:9px;background:#fff;color:#17282d;font:inherit;min-height:45px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #009da9;outline-offset:2px}button,.knopf{border:0;background:#009ca5;color:#fff;font:700 1rem Arial,sans-serif;padding:13px 20px;border-radius:9px;cursor:pointer;text-decoration:none;text-align:center;display:inline-block}button:hover,.knopf:hover{background:#007d86;color:#fff;text-decoration:none}.sekundar{background:#e6eff1;color:#183b42}.sekundar:hover{background:#d4e6e9;color:#183b42}.klein{padding:10px 14px;font-size:.88rem}.hinweis{padding:14px 20px;border-radius:10px;background:#e0f5ed;border:1px solid #9ad6c0;margin-bottom:20px}.hinweis.fehler{background:#ffebef;border-color:#f3a7b3}.zweispalten{display:grid;grid-template-columns:2fr 1fr;gap:14px}.begrussung{padding:22px 0}.kacheln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.kachel{text-decoration:none;display:grid;gap:12px}.kachel span{color:#64767c}.kachel strong{color:#008b94;font-size:1.8rem}.titelzeile{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.zeilenformular{display:flex;flex-wrap:wrap;align-items:end;gap:14px}.zeilenformular label{flex:1 1 175px}.zeilenformular button{flex-shrink:0}.kundeneintrag{border-top:1px solid #dbe6e8;padding:20px 0}.kundeneintrag>div:first-child p{margin:3px 0 14px}.unterzeile{background:#f2f7f8;padding:12px;border-radius:9px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:12px;align-items:center}.unterzeile .zeilenformular{flex:1 1 350px;justify-content:flex-end}.mitabstand{margin-top:16px}.fuss{text-align:center;color:#63777c;padding:25px;border-top:1px solid #dce5e7}@media(max-width:760px){.kopf{padding:16px 20px;display:block}.kopf .logo{max-width:270px;margin-bottom:15px}.kopf nav{gap:13px}.inhalt{margin:24px auto}.karte{padding:20px}.kacheln{grid-template-columns:1fr}.titelzeile{display:block}.titelzeile .knopf{margin-bottom:16px}.zweispalten{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){button,.knopf{transition:background-color .2s ease}}