body{margin:0}*,:before,:after{box-sizing:border-box}a{color:#1f3b2d}a:hover{color:#26923a}a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #26923a}.wrap{width:100%;max-width:1440px;margin-left:auto;margin-right:auto;padding-left:clamp(20px,4.5vw,64px);padding-right:clamp(20px,4.5vw,64px)}.kopf{justify-content:space-between;align-items:center;gap:24px;padding-top:20px;padding-bottom:20px;display:flex}.kopf-logo{flex:none;line-height:0;display:block}.kopf-logo img{width:auto;height:clamp(40px,3.8vw,54px);display:block}.kopf-rechts{align-items:center;gap:32px;display:flex}.nav{align-items:center;gap:32px;font-size:16px;font-weight:500;display:flex}.nav a{color:#1b2420;border-bottom:2px solid #0000;padding:10px 0;text-decoration:none}.nav a:hover{color:#1b2420;border-bottom-color:#ffe40d}.nav a[aria-current=page]{border-bottom-color:#ffe40d;font-weight:600}.tel{color:#1f3b2d;white-space:nowrap;align-items:center;gap:9px;min-height:44px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn{white-space:nowrap;cursor:pointer;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:54px;padding:0 28px;font-size:17px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn-klein{min-height:46px;padding:0 20px;font-size:16px}.btn-gruen{color:#fff;background:#1f3b2d}.btn-gruen:hover{color:#fff;background:#26923a}.btn-linie{color:#1f3b2d;background:0 0;border-color:#1f3b2d}.btn-linie:hover{color:#fff;background:#1f3b2d}.mmenu{display:none;position:relative}.mmenu summary{cursor:pointer;color:#1f3b2d;justify-content:center;align-items:center;width:44px;height:44px;list-style:none;display:inline-flex}.mmenu summary::-webkit-details-marker{display:none}.mmenu-panel{z-index:30;background:#fff;border:1px solid #e3e7e1;border-radius:16px;flex-direction:column;gap:2px;width:min(86vw,320px);padding:10px;display:flex;position:absolute;top:54px;right:0;box-shadow:0 18px 44px #13241b29}.mmenu-panel a{color:#1b2420;border-radius:10px;padding:13px 14px;font-size:18px;font-weight:600;text-decoration:none;display:block}.mmenu-panel a:hover{color:#1b2420;background:#f5f6f2}.mmenu-panel a.btn{color:#fff;margin-top:8px;display:flex}.mmenu-panel a.btn:hover{color:#fff;background:#26923a}.lead{color:#4a544e;max-width:38em;margin:0;font-size:clamp(17px,1.3vw,19px);line-height:1.55}.seitenkopf{background:#f5f6f2}.seitenkopf-inhalt{padding-top:clamp(36px,4.5vw,64px);padding-bottom:clamp(36px,4.5vw,64px)}.brotkrumen{color:#4a544e;margin:0 0 16px;font-size:15px}.brotkrumen a{color:#4a544e}.h1-seite{letter-spacing:-.022em;color:#1b2420;margin:0;font-size:clamp(36px,4.1vw,58px);font-weight:600;line-height:1.05}.f-input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.filter{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:clamp(24px,3vw,36px);display:flex}.filter-titel{color:#4a544e;margin:0 8px 0 0;font-size:15px;font-weight:600}.filter label{color:#1b2420;cursor:pointer;user-select:none;background:#fff;border:1.5px solid #c9d1c8;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:15px;font-weight:500;display:inline-flex}.filter label span{color:#4a544e;font-size:13px;font-weight:600}.filter label:hover{border-color:#1f3b2d}#f-alle:checked~.filter label[for=f-alle],#f-immo:checked~.filter label[for=f-immo],#f-wg:checked~.filter label[for=f-wg],#f-inst:checked~.filter label[for=f-inst],#f-gewerbe:checked~.filter label[for=f-gewerbe]{color:#fff;background:#1f3b2d;border-color:#1f3b2d}#f-alle:checked~.filter label[for=f-alle] span,#f-immo:checked~.filter label[for=f-immo] span,#f-wg:checked~.filter label[for=f-wg] span,#f-inst:checked~.filter label[for=f-inst] span,#f-gewerbe:checked~.filter label[for=f-gewerbe] span{color:#ffe40d}#f-alle:focus-visible~.filter label[for=f-alle],#f-immo:focus-visible~.filter label[for=f-immo],#f-wg:focus-visible~.filter label[for=f-wg],#f-inst:focus-visible~.filter label[for=f-inst],#f-gewerbe:focus-visible~.filter label[for=f-gewerbe]{outline-offset:3px;outline:3px solid #26923a}#f-immo:checked~.rraster .rkarte:not([data-kat=immo]),#f-wg:checked~.rraster .rkarte:not([data-kat=wg]),#f-inst:checked~.rraster .rkarte:not([data-kat=inst]),#f-gewerbe:checked~.rraster .rkarte:not([data-kat=gewerbe]){display:none}.rraster{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,32px);display:grid}.rkarte{background:#fff;border:1px solid #e3e7e1;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.rkarte-bild{position:relative}.rkarte-bild img{aspect-ratio:3/2;object-fit:cover;width:100%;display:block}.symbol{color:#fff;background:#13241bb8;border-radius:6px;padding:4px 9px;font-size:12px;font-weight:500;position:absolute;bottom:12px;left:12px}.rkarte-paar{aspect-ratio:3/2;background:#fff;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;display:grid}.rkarte-paar figure{margin:0;position:relative;overflow:hidden}.rkarte-paar img{aspect-ratio:auto;object-fit:cover;width:100%;height:100%;display:block}.mini-label{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.3;position:absolute;top:10px;left:10px}.mini-vorher{color:#fff;background:#13241bcc}.mini-nachher{color:#13241b;background:#ffe40d}.rkarte-text{flex-direction:column;flex:auto;padding:clamp(20px,2.2vw,28px);display:flex}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{color:#3a4640;background:#f1f3ee;border-radius:999px;padding:5px 11px;font-size:13px;font-weight:500}.tags .tag-mehr{color:#13241b;background:#fff6a8;font-weight:600}.ref-name{letter-spacing:-.01em;color:#1b2420;margin:14px 0 4px;font-size:21px;font-weight:600;line-height:1.25}.ref-ort{color:#4a544e;margin:0;font-size:15px}.ref-text{color:#1b2420;margin:12px 0 0;font-size:16px;line-height:1.55}.ref-notiz{color:#4a544e;border-top:1px solid #e3e7e1;margin:12px 0 0;padding-top:12px;font-size:14px;line-height:1.5}.h2{letter-spacing:-.018em;color:#1b2420;margin:0;font-size:clamp(26px,2.4vw,34px);font-weight:600;line-height:1.15}.kopfzeile{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 40px;margin-bottom:clamp(26px,3vw,36px);display:flex}.vn-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,40px);display:grid}.vn-karte{margin:0}.vn-paar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.vn-bild{background:#e3e8e1;border-radius:14px;margin:0;position:relative;overflow:hidden}.vn-bild img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.vn-label{border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;line-height:1.3;position:absolute;top:12px;left:12px}.vn-vorher{color:#fff;background:#13241bcc}.vn-nachher{color:#13241b;background:#ffe40d}.vn-titel{color:#1b2420;margin:18px 0 4px;font-size:21px;font-weight:600;line-height:1.25}.vn-text{color:#4a544e;margin:0;font-size:16px;line-height:1.55}.aufruf-band{color:#13241b;background:#ffe40d}.aufruf-inhalt{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px;padding-top:clamp(44px,5vw,72px);padding-bottom:clamp(44px,5vw,72px);display:flex}.aufruf-band h2{letter-spacing:-.02em;color:#13241b;margin:0;font-size:clamp(26px,2.6vw,38px);font-weight:600;line-height:1.15}.aufruf-band p{color:#2e3a33;margin:10px 0 0;font-size:18px;line-height:1.55}.fuss{color:#4a544e;background:#f5f6f2}.fuss a{color:#1b2420;text-decoration:none}.fuss a:hover{color:#26923a}.fuss a.btn-gruen,.fuss a.btn-gruen:hover{color:#fff}.fuss h2{color:#1b2420;margin:0 0 14px;font-size:15px;font-weight:600}.fuss-raster{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px;display:grid}.fuss-unten{border-top:1px solid #dde2db;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:48px;padding-top:20px;font-size:14px;display:flex}@media (width<=1100px){.fuss-raster,.rraster{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.nav,.kopf-cta,.tel-text{display:none!important}.mmenu{display:block}.vn-raster{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.rraster{grid-template-columns:minmax(0,1fr)}.filter-titel{flex:100%}}@media (width<=600px){.fuss-raster{grid-template-columns:minmax(0,1fr)}.ctas .btn{flex:100%}}
