.serviceauftakt{background:linear-gradient(120deg,#f5f6fa,#edf7f7);padding:65px 0}.serviceauftakt h1{max-width:none;margin-bottom:0}.kontaktgitter{display:grid;grid-template-columns:1fr 1.12fr;gap:55px}.kontaktgitter address{font-style:normal;margin:0 0 22px}.formularbereich{border-left:2px solid #cde0e1;padding-left:38px}.kontaktgitter h2{font-size:36px}.kontaktgitter h3{margin-top:35px}.namensfelder{display:grid;grid-template-columns:1fr 1fr;gap:18px}form label{display:block;font-size:17px;font-weight:600;margin-bottom:20px}input,textarea{display:block;width:100%;font:inherit;color:#273142;padding:12px 14px;border:1px solid #a3b8bc;border-radius:7px;background:white;margin-top:7px}textarea{resize:vertical;min-height:160px}input:focus,textarea:focus{outline:3px solid #006d7540;border-color:#006d75}.datenschutzwahl{display:flex;gap:12px;font-weight:400}.datenschutzwahl input{width:20px;height:20px;flex-shrink:0;margin-top:5px;accent-color:#006d75}button.knopf{border:0;cursor:pointer;font:600 18px/1.5 Poppins,Arial,sans-serif}button:focus-visible{outline:3px solid #006d75;outline-offset:4px}button:disabled{opacity:.6;cursor:wait}.prueffeld{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#formularstatus{margin-top:18px}#formularstatus:not(:empty),.entwurf{padding:18px;border-left:4px solid #006d75;background:#eef6f6}.rechtstext{max-width:1200px}.rechtstext h2{font-size:31px;margin-top:42px}.rechtstext h2:first-child{margin-top:0}.rechtstext dt{font-weight:700}.rechtstext dd{margin:0 0 18px}.rechtstext a{overflow-wrap:anywhere}@media(max-width:800px){.kontaktgitter{grid-template-columns:1fr;gap:30px}.formularbereich{border-left:0;border-top:2px solid #cde0e1;padding:30px 0 0}.serviceauftakt{padding:42px 0}}@media(max-width:480px){.namensfelder{grid-template-columns:1fr;gap:0}.kontaktgitter h2{font-size:30px}}
/* Rechtstexte nach dem Muster blickcode.com: Impressum als Karten, Aufzählung der Datenschutzerklärung, Standvermerk. */
.impressumseite .karte{padding:34px 36px}.impressumseite .karte p{margin-bottom:18px}.impressumseite .karte p:last-child{margin-bottom:0}.impressumseite .karte h3{font-size:25px;margin-bottom:16px}.impressumgitter{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:64px}.wkologo{display:inline-block;margin-bottom:14px}.wkologo img{width:min(100%,300px)}.hinweistitel{margin-bottom:28px}.hinweiskarten{display:grid;grid-template-columns:1fr 1fr;gap:28px}.hinweiskarten .ganzebreite{grid-column:1/-1}.rechtstext h3{font-size:24px;margin-top:34px}.datenliste{padding-left:22px;margin:0 0 22px}.datenliste li{margin-bottom:12px}.stand{margin:42px 0 0;font-size:15px;color:#506668}
@media(max-width:800px){.impressumgitter,.hinweiskarten{grid-template-columns:1fr;gap:18px}.impressumseite .karte{padding:26px 22px}.impressumgitter{margin-bottom:44px}}

/* Brotkrümel im Seitenkopf der Service-Seiten (Anfrage, Impressum, Datenschutz, AGB). */
.serviceauftakt .pfad{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:14px;margin-bottom:28px;color:#58676a}.serviceauftakt .pfad a{text-decoration:none}.serviceauftakt .pfad a:hover{text-decoration:underline}
@media(max-width:600px){.serviceauftakt .pfad{font-size:13px;gap:9px;margin-bottom:20px}}
/* Datenschutz: Kernsatz in Orange, Aufzählung mit Häkchen statt Punkten (Kalle, 20.09.2026). Das Häkchen ist ein Textzeichen, kein Icon. */
.versprechen{color:#d9711f;font-weight:700;font-size:20px}
.datenliste{list-style:none;padding-left:0}.datenliste li{position:relative;padding-left:34px;margin-bottom:14px}.datenliste li::before{content:"\2713";position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:#e4f1f1;color:#246169;font-size:15px;font-weight:700;line-height:24px;text-align:center}