.dk{margin:24px 0 48px;color:#182431}.dk-kopf{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}.dk-kopf h2{font-size:clamp(22px,2.4vw,32px);letter-spacing:-.035em;margin:0 0 8px}.dk-kopf p{margin:0;color:#657585}.dk-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);border:1px solid #d9e1e6;border-radius:12px;overflow:hidden;background:#fff}.dk-kartenbereich{position:relative;min-width:0;background:#dce8eb;isolation:isolate}.dk-flaeche{height:730px;width:100%;background:#dce8eb;font-family:inherit;z-index:0}.dk-quelle{position:absolute;bottom:0;right:0;z-index:1;font-size:10px;line-height:1.6;background:#fffffff0;padding:6px 10px;margin:0;text-align:right;color:#526570}.dk-quelle a{color:inherit}.dk-auswahl{max-height:730px;overflow:auto;border-left:1px solid #d9e1e6;padding:24px;scrollbar-width:thin}.dk-auswahlkopf h3{font-size:22px;letter-spacing:-.025em;margin:0 0 7px}.dk-auswahlkopf p{font-size:13px;color:#617080;margin:0 0 12px}.dk-ortwahl{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.dk-ortwahl button{display:flex;align-items:center;gap:9px;background:#f3f6f7;color:#334857;border:1px solid transparent;border-radius:5px;padding:9px 10px;cursor:pointer;font:inherit;font-size:12px;min-height:40px}.dk-ortwahl button span{font-variant-numeric:tabular-nums;font-weight:700}.dk-ortwahl button[aria-pressed=true]{background:#152c3b;color:#fff}.dk-ortwahl button:hover{border-color:#8296a3}.dk-hinweis{font-size:12px;line-height:1.6;color:#667480}.dk-projekte{display:grid;gap:18px}.dk-projekte .pp-kartenbild{aspect-ratio:16/9}.dk-projekte .pp-project{width:100%;margin:0}.dk-projekte .pp-projectbody{padding:18px}.dk-projekte .pp-project h2{font-size:22px}.dk-marker{background:transparent;border:0}.dk-markerzahl{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#16394a;color:#fff;border:3px solid #fff;box-shadow:0 2px 9px #16394a40;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.dk-marker-aktiv .dk-markerzahl{background:#087b86;outline:3px solid #087b8640}.dk-marker:focus-visible{outline:3px solid #087b86;border-radius:50%;outline-offset:3px}.dk .leaflet-control-zoom a{color:#16394a;min-width:36px;min-height:36px;line-height:36px}.dk .leaflet-control-zoom{border:1px solid #cad4d9;box-shadow:0 3px 12px #16394a15}.dk-laden{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;text-align:center;background:#edf3f4;z-index:2}.dk a:focus-visible,.dk button:focus-visible,.dk-flaeche:focus-visible{outline:3px solid #087b86;outline-offset:3px}.dk-umschalter{display:inline-flex;border:1px solid #d9e1e6;border-radius:6px;padding:3px;gap:3px}.dk-umschalter button{padding:9px 15px;background:transparent;color:#445867;border:0;border-radius:4px;font:inherit;font-size:13px;cursor:pointer}.dk-umschalter button[aria-pressed=true]{background:#16394a;color:#fff}.dk-umschalter button:focus-visible{outline:3px solid #087b86;outline-offset:2px}@media(max-width:850px){.dk-layout{grid-template-columns:1fr}.dk-flaeche{height:480px}.dk-auswahl{max-height:none;border-left:0;border-top:1px solid #d9e1e6}.dk-projekte{grid-template-columns:repeat(2,minmax(0,1fr))}.dk-kopf{align-items:flex-start}}@media(max-width:560px){.dk-kopf{display:block}.dk-kopf button{margin-top:14px}.dk-flaeche{height:430px}.dk-projekte{grid-template-columns:1fr}.dk-auswahl{padding:16px}.dk-quelle{font-size:9px}.dk-umschalter button{padding:9px 11px}}.dk-stadtlabel{font-size:11px;font-weight:500;color:#718391;white-space:nowrap;text-shadow:0 1px 3px #fff,0 -1px 3px #fff;pointer-events:none}