@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Manrope:wght@700;800&display=swap');:root{--g:#1f7a4f;--d:#123c2b;--l:#3aaa73;--m:#dff3e8;--bg:#f7f8f3;--mut:#6b7c73}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--d);font-family:'DM Sans',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}header{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e4ebe6}.brand{font-size:24px}.brand span,h1 em{color:var(--l);font-style:normal}nav{display:flex;gap:8px;align-items:center}nav button{border:0;background:transparent;padding:10px;border-radius:10px;color:var(--mut)}.green,.dark{border:0!important;color:#fff!important;background:var(--g)!important;padding:12px 16px!important;border-radius:11px!important;font-weight:700}.dark{background:var(--d)!important}.avatar{width:40px;height:40px;border:0;border-radius:50%;color:#fff;background:var(--d)}main{display:grid;grid-template-columns:42% 58%;height:calc(100vh - 76px)}aside{padding:8vh 7vw;display:flex;flex-direction:column;justify-content:space-between}.over{font-size:11px;font-weight:800;letter-spacing:.17em;color:var(--g)}h1{font:800 clamp(42px,5vw,70px)/1.05 Manrope;margin:12px 0}aside>p{color:var(--mut);line-height:1.65}#searchForm{display:flex;gap:8px;margin:25px 0}#searchForm input{flex:1;min-width:0;border:1px solid #d9e3dc;border-radius:12px;padding:14px}#searchForm button{border:0;border-radius:12px;background:var(--g);color:#fff;padding:0 18px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats div{display:flex;flex-direction:column}.stats b{font:800 21px Manrope}.stats small{color:var(--mut)}.mapWrap{position:relative;padding:20px 20px 20px 0}#map{height:100%;border-radius:26px;box-shadow:0 18px 50px #123c2b22}.tools{position:absolute;z-index:800;left:22px;top:40px;display:flex;gap:7px}.tools button{border:1px solid #dce5df;background:#fff;padding:10px 13px;border-radius:999px;font-size:12px;font-weight:700}.locate{position:absolute;z-index:800;right:42px;bottom:42px;width:48px;height:48px;border:0;border-radius:14px;background:#fff;color:var(--g);font-size:24px}.overlay{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:20px;background:#102b20a8;backdrop-filter:blur(7px)}.modal{position:relative;width:min(440px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;padding:30px;box-shadow:0 30px 80px #0005}.modal.large{width:min(620px,100%)}.x{position:absolute;right:15px;top:12px;border:0;background:none;font-size:28px;color:var(--mut)}.logo{width:46px;height:46px;display:grid;place-items:center;border-radius:14px 14px 14px 5px;background:var(--g);color:#fff}.modal h2{font:800 27px Manrope;margin:5px 0}.modal p{color:var(--mut)}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#eef3ef;padding:4px;border-radius:11px;margin:18px 0}.tabs button{border:0;background:none;padding:10px;border-radius:8px}.tabs .active{background:#fff;color:var(--g)}form label{display:grid;gap:6px;margin:12px 0;font-size:13px;font-weight:700}form input,form textarea,form select{width:100%;border:1px solid #d8e2db;border-radius:10px;padding:12px;background:#fbfcfb}textarea{min-height:70px}.wide{width:100%;margin-top:10px}.note,.limit{display:block;margin-top:16px;padding:12px;border-radius:9px;background:#f0f6f2;color:var(--mut)}.head{display:flex;justify-content:space-between;align-items:flex-start}.head> b{font-size:11px;padding:7px 10px;border-radius:20px;background:var(--m);color:var(--g)}.progress{height:7px;background:#edf2ee;border-radius:8px;margin:18px 0 25px}.progress i{display:block;width:25%;height:100%;background:var(--g);border-radius:8px;transition:.2s}.step h3{font:800 20px Manrope;margin:0}.coord{display:flex;justify-content:space-between;padding:15px;background:#f5f9f6;border-radius:11px}.outline{border:1px solid var(--g);background:#fff;color:var(--g);padding:10px;border-radius:10px}.upload{min-height:130px;place-items:center;align-content:center;border:2px dashed #b9d2c3;border-radius:14px;background:#f6fbf8;color:var(--g);text-align:center}.upload input{display:none}.features{display:grid;grid-template-columns:1fr 1fr;gap:8px}.features label{margin:0}.features input{position:absolute;opacity:0}.features span{padding:12px;border:1px solid #dce5df;border-radius:10px;text-align:center}.features input:checked+span{color:var(--g);border-color:var(--g);background:var(--m)}.ratingRow{display:grid;grid-template-columns:100px 1fr 22px;gap:8px;align-items:center}.ratingRow input{accent-color:var(--g)}.score{margin:16px 0;padding:17px;border-radius:13px;background:linear-gradient(135deg,var(--d),var(--g));color:#fff;text-align:center}.score b{font-size:30px}.limit{border-left:4px solid #e4a72e;background:#fff8e8}.limit b,.limit span{display:block}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.actions>button:not(.green){border:0;padding:12px;border-radius:10px}.cross{position:absolute;z-index:900;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);pointer-events:none}.cross:before,.cross:after{content:'';position:absolute;background:var(--d);box-shadow:0 0 0 1px #fff}.cross:before{left:16px;width:2px;height:34px}.cross:after{top:16px;width:34px;height:2px}.hide{display:none!important}#toast{position:fixed;z-index:4000;left:50%;bottom:20px;transform:translate(-50%,20px);padding:12px 18px;border-radius:11px;background:var(--d);color:#fff;opacity:0;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){main{grid-template-columns:1fr;height:auto}aside{padding:45px 25px}.mapWrap{padding:0 16px 16px;height:68vh}nav>button:not(.green):not(.avatar){display:none}.tools{top:18px;left:30px;max-width:calc(100% - 50px);overflow:auto}}@media(max-width:550px){.tools button:not(:first-child){display:none}.features{grid-template-columns:1fr 1fr}.modal{padding:25px 18px}.head{display:block}.head>b{display:inline-block;margin-top:8px}}
/* Bewertungen vorhandener Sitzplaetze */
.rateBtn{width:100%;margin-top:10px;border:0;padding:10px 12px;border-radius:10px;color:#fff;background:var(--g);font-weight:700}.rateBtn[disabled]{cursor:not-allowed;color:#66756d;background:#e4ebe6}.popupScore{margin-top:7px;color:#efad26;font-weight:700}.review-modal .review-place{margin:4px 0 18px;color:var(--mut);font-size:13px}.review-status{display:none;margin:12px 0;padding:11px;border-radius:10px;background:var(--m);color:var(--g);font-size:12px;font-weight:700}.review-status.show{display:block}.review-comment{min-height:85px}.review-note{display:block;margin-top:12px;color:var(--mut);font-size:11px;line-height:1.45}
.detail-modal{padding:0 0 28px;overflow:hidden}.detail-modal>.x{z-index:2;width:38px;height:38px;border-radius:50%;background:#fff;box-shadow:0 4px 15px #0003}.detail-image{height:245px;display:grid;place-items:center;background:linear-gradient(145deg,#75ad87,#174a35);color:#fff;font-size:66px}.detail-head,.main-rating,.detail-modal>#toggleDetails,.detail-modal>#rateFromDetail,.detail-modal>#detailMore{margin-left:28px;margin-right:28px}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-top:23px}.detail-head h2{margin:3px 0}.detail-head p{margin:0;color:var(--mut)}.big-score{min-width:90px;padding:11px;border-radius:14px;color:#fff;background:var(--g);text-align:center}.big-score b,.big-score span,.big-score small{display:block}.big-score b{font:800 27px Manrope}.big-score span{font-size:10px;font-weight:800}.big-score small{margin-top:3px;font-size:9px;opacity:.8}.main-rating{display:flex;justify-content:space-between;margin-top:18px;margin-bottom:13px;padding:13px 0;border-top:1px solid #e5ebe7;border-bottom:1px solid #e5ebe7}.main-rating strong{color:#efad26;letter-spacing:2px}.detail-modal>#rateFromDetail{width:calc(100% - 56px);margin-top:12px}.detail-modal>#toggleDetails{width:calc(100% - 56px)}#detailMore{padding-top:18px}.breakdown{display:grid;gap:10px}.breakdown-row{display:grid;grid-template-columns:100px 1fr 28px;align-items:center;gap:9px;font-size:12px}.breakdown-bar{height:8px;overflow:hidden;border-radius:8px;background:#e9efeb}.breakdown-bar i{display:block;height:100%;border-radius:8px;background:var(--g)}.comments-title{margin-top:25px}.comments-list{display:grid;gap:10px}.comment-card{padding:12px;border-radius:11px;background:#f5f8f6}.comment-card header{height:auto;padding:0;background:transparent;border:0;font-size:12px}.comment-card p{margin:6px 0 0;color:var(--mut);font-size:12px;line-height:1.45}.comment-card.empty{color:var(--mut);font-size:12px}
/* Scrollbare Dialoge und Karten-Auswahl */
.overlay{overflow-y:auto;overscroll-behavior:contain;align-items:start}.modal{margin:auto;max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.detail-modal{max-height:calc(100dvh - 40px);overflow-y:auto}.detail-modal>#rateFromDetail{position:sticky;bottom:0;z-index:3;box-shadow:0 -10px 18px #fff;background:var(--g)!important}.coordinate-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.coordinate-inputs label{margin:0}.coordinate-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.coordinate-buttons button{width:100%}.coordinate-help{display:block;margin-top:9px;color:var(--mut);font-size:11px}.map-picker{position:fixed;z-index:1800;left:50%;bottom:22px;transform:translateX(-50%);width:min(720px,calc(100% - 28px));display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;padding:13px 14px;border-radius:16px;background:#fff;box-shadow:0 18px 50px #102b2055}.map-picker>div:first-child{display:flex;flex-direction:column}.map-picker span{color:var(--mut);font-size:11px}.map-picker-coords{padding:8px 10px;border-radius:8px;background:#f0f5f1;color:var(--d);font:700 11px monospace}.map-picker>button:not(.green){border:0;padding:11px;border-radius:10px;background:#edf2ee;color:var(--d);font-weight:700}.leaflet-marker-icon.position-picker{filter:drop-shadow(0 7px 7px #123c2b66)}@media(max-width:700px){.map-picker{grid-template-columns:1fr 1fr}.map-picker>div:first-child,.map-picker-coords{grid-column:1/-1}.coordinate-buttons{grid-template-columns:1fr}.detail-modal{max-height:calc(100dvh - 20px)}.modal{max-height:calc(100dvh - 20px);margin:10px auto}}
/* Abstand zur Leaflet-Zoomsteuerung */
.tools{left:82px}
@media(max-width:900px){.tools{left:88px;max-width:calc(100% - 108px)}}
@media(max-width:550px){.tools{left:82px;max-width:calc(100% - 98px)}}

.auth-link{display:block;margin:12px auto 0;border:0;background:transparent;color:var(--g);font-weight:700}.auth-message{margin-top:14px;padding:11px;border-radius:10px;background:#eef6f1;font-size:12px}.auth-message.error{background:#fff0f0;color:#a12626}

/* Konto, Upload-Vorschau und echte Speicherung */
.account-nav{display:flex;align-items:center;gap:8px}.profile-wrap{position:relative}.profile-button,.logout-button{display:flex;align-items:center;gap:8px;border:1px solid #d8e2db;background:#fff;color:var(--d);padding:10px 13px;border-radius:11px;font-weight:700}.profile-icon{position:relative;width:22px;height:22px;border-radius:50%;background:var(--m)}.profile-icon:before{content:'';position:absolute;left:7px;top:4px;width:8px;height:8px;border-radius:50%;background:var(--g)}.profile-icon:after{content:'';position:absolute;left:4px;bottom:2px;width:14px;height:8px;border-radius:9px 9px 4px 4px;background:var(--g)}.logout-button{border-color:transparent;background:#eef3ef;color:var(--g)}.profile-menu{position:absolute;z-index:2200;right:0;top:calc(100% + 9px);width:220px;padding:16px;border:1px solid #dfe8e2;border-radius:14px;background:#fff;box-shadow:0 16px 40px #102b2026}.profile-menu p{margin:0 0 4px;font-weight:800}.profile-menu small{color:var(--mut)}.registration-success{text-align:center;padding:10px 0}.success-icon{width:58px;height:58px;display:grid;place-items:center;margin:4px auto 15px;border-radius:50%;background:var(--m);color:var(--g);font-size:30px;font-weight:800}.upload-preview{width:100%;max-height:210px;object-fit:cover;border-radius:11px;margin-bottom:10px}.detail-image img{width:100%;height:100%;object-fit:cover}.pending-badge{display:inline-block;padding:5px 8px;border-radius:999px;background:#fff3cd;color:#755700;font-size:11px;font-weight:700}.saving{opacity:.65;pointer-events:none}@media(max-width:650px){.profile-button span:not(.profile-icon){display:none}.profile-button{padding:9px}}

.image-optimization-info{display:block;margin-top:8px;padding:9px 10px;border-radius:9px;background:#eef6f1;color:var(--g);font-size:11px;line-height:1.45}.image-optimization-info.error{background:#fff0f0;color:#a12626}

/* Gesamtversion: Punkte, Mini-Profil, Quests, Avatar und Marker */
.profile-card{width:270px}.mini-profile-head{display:flex;gap:12px;align-items:center}.mini-profile-head p{margin:0}.mini-avatar,.quest-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--g);font:800 19px Manrope}.mini-avatar[data-avatar="blue"],.quest-avatar[data-avatar="blue"]{background:#3478b8}.mini-avatar[data-avatar="gold"],.quest-avatar[data-avatar="gold"]{background:#b88622}.mini-avatar[data-avatar="purple"],.quest-avatar[data-avatar="purple"]{background:#7952a8}.mini-level{margin-top:14px}.mini-level>div:first-child{display:flex;justify-content:space-between}.xp-bar,.quest-progress{height:7px;overflow:hidden;border-radius:8px;background:#e7eee9}.xp-bar i,.quest-progress i{display:block;height:100%;background:var(--g)}.mini-achievements{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:11px}.mini-achievements button,.profile-menu-action{border:0;background:var(--m);color:var(--g);padding:8px;border-radius:8px;font-weight:800}.profile-menu-action{width:100%;margin-top:10px}.quest-summary{display:flex;gap:12px;align-items:center;padding:15px;border-radius:14px;background:var(--m)}.quest-list{display:grid;gap:12px;margin-top:18px}.quest-card{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:15px;border:1px solid #dfe8e2;border-radius:14px}.quest-card.completed{background:#f4faf6}.quest-card h3{margin:0}.quest-card p{margin:5px 0;color:var(--mut);font-size:12px}.quest-icon{font-size:25px;color:var(--g)}.badge-earned,.plus-reward{display:block;margin-top:8px;font-size:11px}.plus-reward{color:#9a6a00}.settings-section{margin-top:20px;padding-top:16px;border-top:1px solid #e4ebe6}.settings-title{display:flex;gap:8px;align-items:center}.plus-badge{padding:4px 8px;border-radius:999px;background:#fff3cd;color:#755700;font-size:10px}.avatar-choices,.marker-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.avatar-choices button{height:48px;border:3px solid transparent;border-radius:50%;color:#fff;background:var(--g);font-weight:800}.avatar-choices [data-avatar="blue"]{background:#3478b8}.avatar-choices [data-avatar="gold"]{background:#b88622}.avatar-choices [data-avatar="purple"]{background:#7952a8}.avatar-choices button.selected,.marker-choices button.selected{border-color:var(--d)}.marker-choices{grid-template-columns:repeat(5,1fr)}.marker-choices button{display:grid;place-items:center;min-height:65px;border:2px solid #dce5df;border-radius:10px;background:#fff;font-size:22px}.marker-choices button small{font-size:8px}.marker-choices button.locked{opacity:.38}.setting-hint{display:block;color:var(--mut)}.custom-map-marker{display:grid;place-items:center;width:42px;height:42px;border:3px solid #fff;border-radius:50% 50% 50% 12px;transform:rotate(-45deg);background:var(--g);color:#fff;box-shadow:0 5px 12px #123c2b55}.custom-map-marker span{transform:rotate(45deg);font-size:20px}.ratingScaleRow{display:grid;grid-template-columns:100px minmax(240px,1fr);gap:8px 14px;align-items:center;margin:16px 0}.ratingScale{display:grid;grid-template-columns:48px 1fr;gap:17px}.ratingNumbers{position:relative;display:grid;grid-template-columns:repeat(5,1fr)}.ratingNumbers:before{content:'';position:absolute;left:10%;right:10%;top:10px;height:3px;background:#d7e2db}.ratingPoint{position:relative;z-index:1;display:grid;justify-items:center;gap:5px;border:0;background:transparent}.ratingPoint .dot{width:22px;height:22px;border:3px solid #bdcec3;border-radius:50%;background:#fff}.ratingPoint.selected .dot{border-color:var(--g);background:var(--g);box-shadow:inset 0 0 0 4px #fff}.ratingNA{border-right:1px solid #ddd}.ratingNA .dot{border-style:dashed}.ratingScaleRow output{grid-column:2;color:var(--g);font-size:11px}.rating-hint{display:block;color:var(--mut);font-size:11px}@media(max-width:520px){.ratingScaleRow{grid-template-columns:1fr}.ratingScaleRow output{grid-column:1}}

/* Quest-Kopf: Level und EP sauber untereinander */
.quest-summary-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.quest-summary-info>b{display:block;font:800 16px Manrope;line-height:1.2}.quest-summary-info>span{display:block;color:var(--mut);font-size:12px;line-height:1.3}.quest-summary-xp-bar{width:100%;height:7px;overflow:hidden;margin-top:5px;border-radius:999px;background:#cce7d7}.quest-summary-xp-bar i{display:block;width:0;height:100%;border-radius:999px;background:var(--g);transition:width .25s ease}

/* Quest 1: echter Bank-Pin */
.bench-pin-icon{position:relative;display:block;width:25px;height:20px;transform:rotate(45deg)}.bench-pin-icon i{position:absolute;display:block;background:#fff;border-radius:2px}.bench-pin-icon .bench-back{left:3px;top:2px;width:19px;height:6px}.bench-pin-icon .bench-seat{left:2px;top:10px;width:21px;height:5px}.bench-pin-icon .bench-leg{top:14px;width:3px;height:6px}.bench-pin-icon .bench-leg.left{left:5px}.bench-pin-icon .bench-leg.right{right:5px}.marker-choices [data-marker="bench"]{gap:4px}.bench-choice-icon{position:relative;display:block;width:28px;height:22px}.bench-choice-icon i:first-child{position:absolute;left:4px;top:3px;width:20px;height:6px;border-radius:2px;background:currentColor;box-shadow:0 9px 0 currentColor}.bench-choice-icon i:last-child:before,.bench-choice-icon i:last-child:after{content:'';position:absolute;top:16px;width:3px;height:6px;border-radius:2px;background:currentColor}.bench-choice-icon i:last-child:before{left:7px}.bench-choice-icon i:last-child:after{right:7px}

/* Version 20: Folgen, Favoriten und Mangelmeldungen */
.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 28px 0}.detail-actions .wide{margin:0}.report-button{border:1px solid #c98224;background:#fff8e8;color:#8a5a14;padding:10px;border-radius:10px;font-weight:800}.favorites-list{display:grid;gap:12px;margin-top:18px}.favorite-card{display:grid;grid-template-columns:74px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #dfe8e2;border-radius:14px;background:#fff}.favorite-card img,.favorite-placeholder{width:74px;height:62px;object-fit:cover;display:grid;place-items:center;border-radius:10px;background:var(--m);color:var(--g);font-size:27px}.favorite-card h3{margin:0 0 4px;font:800 15px Manrope}.favorite-card p{margin:0;color:var(--mut);font-size:11px}.favorite-card button{border:0;border-radius:9px;background:var(--m);color:var(--g);padding:9px;font-weight:800}.favorites-empty{padding:24px;border-radius:14px;background:#f3f7f4;color:var(--mut);text-align:center}.defect-upload input{margin-top:7px}.follow-active{background:var(--m)!important;color:var(--g)!important;font-weight:800}@media(max-width:560px){.detail-actions{grid-template-columns:1fr}.favorite-card{grid-template-columns:60px 1fr}.favorite-card img,.favorite-placeholder{width:60px;height:54px}.favorite-card button{grid-column:1/-1}.detail-actions{margin-left:18px;margin-right:18px}}

/* Version 21: Meldezaehler und Admin-Maengelverwaltung */
.admin-defects-button{border:0;background:#fff3cd!important;color:#755700!important;font-weight:800}.admin-defects-button span{display:inline-grid;min-width:20px;height:20px;place-items:center;border-radius:999px;background:#c74032;color:#fff;font-size:10px}.place-warning{display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:center;margin:14px 28px 0;padding:10px 12px;border-radius:11px;font-size:12px}.place-warning span{font-size:18px}.place-warning small{justify-self:end}.place-warning-green{background:#edf7f1;color:#17623e}.place-warning-yellow{background:#fff3cd;color:#755700}.place-warning-red{background:#ffe4e1;color:#a4281d}.custom-map-marker.warning-yellow{background:#d79a18}.custom-map-marker.warning-red{background:#c74032}.admin-defect-filters{display:flex;gap:8px;margin:14px 0}.admin-defect-filters button{border:1px solid #dce5df;background:#fff;padding:8px 12px;border-radius:9px}.admin-defect-filters button.active{background:var(--g);color:#fff}.admin-defects-list{display:grid;gap:14px}.admin-defect-card{padding:14px;border:1px solid #dfe8e2;border-radius:14px}.admin-defect-card-head{display:flex;justify-content:space-between;gap:10px}.admin-defect-card h3{margin:0;font:800 16px Manrope}.admin-defect-card p{margin:8px 0;font-size:12px}.admin-defect-card img{width:100%;max-height:190px;object-fit:cover;border-radius:10px}.admin-defect-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--mut);font-size:10px}.admin-color-actions,.admin-report-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.admin-color-actions button,.admin-report-actions button{border:0;padding:8px 10px;border-radius:8px;font-weight:800}.status-green{background:#dff3e8;color:#17623e}.status-yellow{background:#fff3cd;color:#755700}.status-red{background:#ffe4e1;color:#a4281d}.status-resolve{background:#e9eef8;color:#31558a}@media(max-width:560px){.place-warning{margin-left:18px;margin-right:18px;grid-template-columns:auto 1fr}.place-warning small{grid-column:1/-1;justify-self:start}.admin-defects-button{padding:8px!important;font-size:0}.admin-defects-button span{font-size:10px}}

/* V21.1: Demo-Aktionen bleiben anklickbar und zeigen einen Hinweis */
.demo-action{opacity:.72}

/* Version 22: gespeicherter Ausgangspunkt */
.home-location-status{margin:12px 0;padding:11px;border-radius:10px;background:#f0f6f2;color:var(--mut);font-size:12px}.home-location-status.saved{background:var(--m);color:var(--g);font-weight:700}.home-location-actions,.home-location-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0}.danger-outline{border:1px solid #b9382f;background:#fff;color:#a4281d;padding:10px;border-radius:10px;font-weight:700}.home-map-marker{display:grid;place-items:center;width:38px;height:38px;border:3px solid #fff;border-radius:50%;background:#285f9c;color:#fff;box-shadow:0 5px 14px #123c2b55;font-size:19px}@media(max-width:560px){.home-location-actions,.home-location-buttons{grid-template-columns:1fr}}

/* Version 22.1: Ausgangspunkt per Suche, Standort oder Koordinaten */
.home-search-form label{margin:10px 0}.home-search-row{display:grid;grid-template-columns:1fr auto;gap:8px}.home-search-row .green{margin:0!important;padding:10px 14px!important}.home-search-result{margin:8px 0 12px;padding:11px;border:1px solid #c9ded1;border-radius:10px;background:#f4faf6}.home-search-result b,.home-search-result small{display:block}.home-search-result small{margin-top:4px;color:var(--mut)}.home-coordinate-box{margin:14px 0;padding:12px;border-radius:11px;background:#f5f8f6}.home-coordinate-box>b{display:block;margin-bottom:8px;font-size:12px}.home-coordinate-row{display:grid;grid-template-columns:1fr 1fr auto;gap:7px}.home-coordinate-row input{min-width:0;border:1px solid #d8e2db;border-radius:9px;padding:9px}.mini-coordinate-button{border:0;border-radius:9px;background:var(--d);color:#fff;padding:8px 10px;font-size:11px;font-weight:800}@media(max-width:560px){.home-search-row{grid-template-columns:1fr}.home-coordinate-row{grid-template-columns:1fr 1fr}.mini-coordinate-button{grid-column:1/-1}}

/* Version 22.2: kompakte Ausgangspunkt-Anzeige */
.home-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.home-section-heading h3{margin:0}.home-section-heading p{margin:5px 0 0;font-size:12px}.home-edit-button{flex:0 0 auto;border:1px solid var(--g);border-radius:8px;background:#fff;color:var(--g);padding:6px 9px;font-size:11px;font-weight:800}.home-location-summary{display:flex;align-items:center;gap:10px;margin-top:12px;padding:11px 12px;border-radius:11px;background:#f0f6f2}.home-summary-icon{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--g);color:#fff;font-size:18px}.home-location-summary .home-location-status{margin:0;padding:0;background:transparent}.home-settings-editor{margin-top:14px;padding-top:14px;border-top:1px solid #e4ebe6}.home-edit-button.active{background:var(--g);color:#fff}

/* V23 Staedte-Ranking */
.ranking-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.ranking-rule{padding:10px;border-radius:10px;background:#fff8e8;color:#755700;font-size:11px}.city-ranking-list{display:grid;gap:10px;margin-top:16px}.city-ranking-card{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:13px;border:1px solid #dfe8e2;border-radius:13px}.ranking-position{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:var(--m);color:var(--g);font-weight:800}.city-ranking-card h3{margin:0;font-size:15px}.ranking-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px;color:var(--mut);font-size:10px}.ranking-score b{display:block;color:var(--g);font-size:21px}.ranking-score small{color:var(--mut)}.ranking-unqualified{margin-top:16px;padding-top:12px;border-top:1px solid #e4ebe6}.ranking-empty{padding:22px;border-radius:12px;background:#f3f7f4;color:var(--mut);text-align:center}@media(max-width:560px){.ranking-controls{grid-template-columns:1fr}}

/* Version 24: Logo-Reset, Meine Baenke und Loeschanfragen */
.brand{cursor:pointer;text-decoration:none;color:inherit}.my-places-list{display:grid;gap:12px;margin-top:16px}.delete-rule-note{padding:10px 12px;border-radius:10px;background:#fff8e8;color:#755700;font-size:11px}.my-place-card{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #dfe8e2;border-radius:14px}.my-place-card img,.my-place-placeholder{width:72px;height:60px;object-fit:cover;display:grid;place-items:center;border-radius:10px;background:var(--m);color:var(--g);font-size:25px}.my-place-card h3{margin:0;font:800 15px Manrope}.my-place-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:5px;color:var(--mut);font-size:10px}.place-status{padding:3px 7px;border-radius:999px;background:#eef3ef}.delete-place-button{border:1px solid #b9382f;background:#fff;color:#a4281d;padding:8px 10px;border-radius:9px;font-weight:800}.delete-place-button[disabled]{opacity:.55}.admin-main-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:16px 0;padding:4px;border-radius:11px;background:#eef3ef}.admin-main-tabs button{border:0;border-radius:8px;background:transparent;padding:10px;font-weight:800}.admin-main-tabs button.active{background:#fff;color:var(--g)}.admin-main-tabs span{display:inline-grid;min-width:20px;height:20px;place-items:center;border-radius:999px;background:#dfe8e2;font-size:10px}.deletion-request-card{padding:14px;border:1px solid #ead6b4;border-radius:14px;background:#fffaf2}.deletion-request-card h3{margin:0}.deletion-request-card p{font-size:12px}.deletion-actions{display:flex;gap:8px;margin-top:10px}.approve-delete{border:0;border-radius:8px;background:#b9382f;color:#fff;padding:9px 11px;font-weight:800}.reject-delete{border:0;border-radius:8px;background:#e9eef8;color:#31558a;padding:9px 11px;font-weight:800}@media(max-width:560px){.my-place-card{grid-template-columns:60px 1fr}.my-place-card img,.my-place-placeholder{width:60px;height:52px}.delete-place-button{grid-column:1/-1}}

/* Version 24.1: lebendige Hover-, Fokus- und Klickreaktionen */
:root{--interactive-shadow:0 9px 22px rgba(18,60,43,.16);--interactive-dark:#0d3324;--interactive-soft:#d4ecdf}
button,.brand,.favorite-card,.city-ranking-card,.quest-card,.my-place-card,.admin-defect-card,.deletion-request-card,.marker-choices button,.avatar-choices button{transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease}
button:not(:disabled):active,.brand:active{transform:translateY(1px) scale(.98)!important;box-shadow:none!important}
button:focus-visible,.brand:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(58,170,115,.32);outline-offset:2px}

/* Hauptnavigation */
nav>button:not(.green):hover,#cityRankingBtn:hover,#favoritesBtn:hover{background:var(--d);color:#fff;transform:translateY(-2px);box-shadow:var(--interactive-shadow)}
.brand:hover{color:var(--g);transform:translateY(-1px)}
.brand:hover span{color:var(--d)}

/* Primaere und allgemeine Aktionen */
.green:hover,.dark:hover{background:var(--interactive-dark)!important;transform:translateY(-2px);box-shadow:var(--interactive-shadow)}
.outline:not(:disabled):hover{background:var(--d);border-color:var(--d);color:#fff;transform:translateY(-2px);box-shadow:var(--interactive-shadow)}
.profile-button:hover,.logout-button:hover{background:var(--d);border-color:var(--d);color:#fff;transform:translateY(-1px);box-shadow:var(--interactive-shadow)}
.profile-button:hover .profile-icon{background:#fff}.profile-button:hover .profile-icon:before,.profile-button:hover .profile-icon:after{background:var(--g)}
.profile-menu-action:hover,.mini-achievements button:hover{background:var(--d);color:#fff;transform:translateX(3px)}

/* Karten und Listen reagieren */
.favorite-card:hover,.city-ranking-card:hover,.quest-card:hover,.my-place-card:hover,.admin-defect-card:hover,.deletion-request-card:hover{border-color:var(--g);background:#f1f8f4;box-shadow:var(--interactive-shadow);transform:translateY(-3px)}
.favorite-card:hover h3,.city-ranking-card:hover h3,.my-place-card:hover h3{color:var(--g)}
.favorite-card button:hover{background:var(--d);color:#fff;transform:translateX(2px)}
.city-ranking-card:hover .ranking-position{background:var(--d);color:#fff;transform:scale(1.06)}

/* Folgen, Mangel und Detailansicht */
#followPlaceBtn:hover{background:var(--d);border-color:var(--d);color:#fff;transform:translateY(-2px);box-shadow:var(--interactive-shadow)}
#followPlaceBtn.follow-active:hover{background:#145c3a!important;color:#fff!important}
.report-button:hover{background:#8a5a14;color:#fff;border-color:#8a5a14;transform:translateY(-2px);box-shadow:0 9px 22px rgba(138,90,20,.2)}
#toggleDetails:hover{background:var(--d);color:#fff}

/* Ranking, Admin und Filter */
.ranking-controls select:hover,.admin-defect-filters button:hover,.admin-main-tabs button:hover{border-color:var(--g);background:var(--interactive-soft);color:var(--d)}
.admin-defect-filters button.active:hover,.admin-main-tabs button.active:hover{background:var(--d);color:#fff}
.admin-defects-button:hover{background:#755700!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 20px rgba(117,87,0,.2)}
.status-green:hover{background:#17623e;color:#fff}.status-yellow:hover{background:#755700;color:#fff}.status-red:hover,.approve-delete:hover{background:#821e17;color:#fff}.status-resolve:hover,.reject-delete:hover{background:#31558a;color:#fff}
.delete-place-button:not(:disabled):hover,.danger-outline:not(:disabled):hover{background:#a4281d;color:#fff;transform:translateY(-2px);box-shadow:0 8px 18px rgba(164,40,29,.18)}

/* Marker- und Avatar-Auswahl */
.marker-choices button:not(.locked):hover,.avatar-choices button:hover{border-color:var(--d);transform:translateY(-3px) scale(1.03);box-shadow:var(--interactive-shadow)}
.marker-choices button.locked:hover{opacity:.55;transform:translateY(-1px)}
.home-edit-button:hover,.mini-coordinate-button:hover{background:var(--d);border-color:var(--d);color:#fff;transform:translateY(-1px)}

/* Kartenwerkzeuge */
.tools button:hover{background:var(--d);border-color:var(--d);color:#fff;transform:translateY(-2px);box-shadow:var(--interactive-shadow)}
.locate:hover{background:var(--d);color:#fff;transform:translateY(-2px);box-shadow:var(--interactive-shadow)}

/* Deaktivierte Elemente bleiben klar erkennbar */
button:disabled{cursor:not-allowed;transform:none!important;box-shadow:none!important}

@media (hover:none){
  button:hover,.brand:hover,.favorite-card:hover,.city-ranking-card:hover,.quest-card:hover,.my-place-card:hover,.admin-defect-card:hover,.deletion-request-card:hover{transform:none;box-shadow:none}
}

/* Version 25: performante Marker-Cluster */
.marker-cluster{background:rgba(31,122,79,.22)}
.marker-cluster div{display:grid;place-items:center;background:linear-gradient(145deg,var(--g),var(--d));color:#fff;font:800 12px Manrope;border:3px solid #fff;box-shadow:0 7px 18px rgba(18,60,43,.28)}
.marker-cluster-small,.marker-cluster-medium,.marker-cluster-large{background:rgba(58,170,115,.25)}
.marker-cluster:hover{transform:scale(1.08);filter:brightness(.9)}
.leaflet-cluster-anim .leaflet-marker-icon,.leaflet-cluster-anim .leaflet-marker-shadow{transition:transform .25s ease-out,opacity .25s ease-in}

/* Version 26: Meine Sammlung */
.collection-section{margin-top:20px;padding-top:16px;border-top:1px solid #e4ebe6}.collection-section:first-of-type{margin-top:14px}.collection-section h3{margin:0 0 10px}.collection-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collection-badge{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:12px;border:1px solid #dfe8e2;border-radius:13px;background:#f6faf7;transition:.18s ease}.collection-badge:hover{border-color:var(--g);background:var(--m);transform:translateY(-2px);box-shadow:var(--interactive-shadow)}.collection-badge.locked{filter:grayscale(1);opacity:.48}.collection-badge-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:var(--g);color:#fff;font-size:20px}.collection-badge.locked .collection-badge-icon{background:#9aa7a0}.collection-badge h4{margin:0;font-size:13px}.collection-badge p{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--mut)}.collection-badge-state{display:block;margin-top:5px;color:var(--g);font-size:9px;font-weight:800}.collection-badge.locked .collection-badge-state{color:var(--mut)}@media(max-width:560px){.collection-badges{grid-template-columns:1fr}}

/* V27.1 Foto-Header, Vollbild und direktes Verschieben */
.detail-modal{background:#fff!important}.detail-image{position:relative;display:block!important;width:100%;height:260px!important;min-height:260px;max-height:260px;overflow:hidden;background:linear-gradient(145deg,#75ad87,#174a35);cursor:zoom-in}.detail-image img{display:block;width:100%;height:100%;object-fit:cover!important;object-position:50% 50%}.detail-image:has(img):after{content:'Vollbild';position:absolute;right:14px;bottom:12px;padding:6px 9px;border-radius:999px;background:rgba(18,60,43,.82);color:#fff;font-size:10px;font-weight:800;pointer-events:none}.detail-head{background:#fff}.photo-lightbox{z-index:5000;background:rgba(5,18,12,.94);padding:18px}.photo-lightbox-inner{position:relative;display:grid;place-items:center;width:min(1100px,100%);height:min(92vh,850px);margin:auto}.photo-lightbox-inner img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:14px;box-shadow:0 25px 80px #0008}.photo-lightbox-inner .x{z-index:2;right:6px;top:6px;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--d)}.photo-focus-editor{margin:12px 0;padding:14px;border:1px solid #c9ded1;border-radius:14px;background:#f4faf6}.photo-focus-editor>b,.photo-focus-editor>small{display:block}.photo-focus-editor>small{margin:4px 0 10px;color:var(--mut)}.focus-preview{position:relative;width:100%;height:190px;overflow:hidden;border-radius:12px;background:#dfe8e2;cursor:grab;touch-action:none;user-select:none;overscroll-behavior:contain;box-shadow:inset 0 0 0 2px #fff}.focus-preview.dragging{cursor:grabbing;box-shadow:inset 0 0 0 3px var(--g),0 9px 22px rgba(18,60,43,.18)}.focus-preview img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;user-select:none;pointer-events:none;will-change:object-position}.focus-range-fallback{display:none!important}.focus-drag-hint{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);padding:6px 10px;border-radius:999px;background:rgba(18,60,43,.82);color:#fff;font-size:10px;font-weight:800;pointer-events:none;white-space:nowrap}.focus-preview.dragging .focus-drag-hint{opacity:0}.upload-preview{display:none!important}@media(max-width:560px){.detail-image{height:220px!important;min-height:220px;max-height:220px}.focus-preview{height:160px}}

/* Version 28.3: Top 10 */
.top-ten-origin{margin:13px 0 8px;padding:12px 14px;border-radius:12px;background:var(--m);color:var(--g);font-size:12px;font-weight:800}.top-ten-note{margin-bottom:14px;color:var(--mut);font-size:11px}.top-ten-list{display:grid;gap:10px}.top-ten-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:13px;border:1px solid #dfe8e2;border-radius:14px;background:#fff;color:var(--d);text-align:left}.top-ten-card:hover{border-color:var(--g);background:#f1f8f4;box-shadow:var(--interactive-shadow);transform:translateY(-2px)}.top-ten-rank{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#eef3ef;color:var(--g);font:800 14px Manrope}.podium-1{border-color:#d7aa28;background:#fffaf0}.podium-2{border-color:#aeb7bd;background:#f6f8f9}.podium-3{border-color:#b87945;background:#fff6ef}.podium-1 .top-ten-rank{background:#d7aa28;color:#fff}.podium-2 .top-ten-rank{background:#89959d;color:#fff}.podium-3 .top-ten-rank{background:#a86536;color:#fff}.top-ten-info{min-width:0}.top-ten-info h3{overflow:hidden;margin:0 0 5px;font:800 15px Manrope;text-overflow:ellipsis;white-space:nowrap}.top-ten-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--mut);font-size:10px}.top-ten-score{text-align:right}.top-ten-score b{display:block;color:var(--g);font-size:21px}.top-ten-score small{color:var(--mut);font-size:9px}.top-ten-empty{padding:24px;border-radius:14px;background:#f3f7f4;color:var(--mut);text-align:center}@media(max-width:560px){.top-ten-card{grid-template-columns:40px minmax(0,1fr)}.top-ten-score{grid-column:2;text-align:left}}

/* Version 28.7: Scorefarben und sichtbares Mangel-Badge */
.custom-map-marker{overflow:visible!important}.custom-map-marker.score-red{background:#c74032}.custom-map-marker.score-yellow{background:#d79a18}.custom-map-marker.score-green{background:#1f7a4f}.custom-map-marker.score-unrated{background:#7f8b85}.marker-warning-badge{position:absolute;right:-9px;top:-10px;display:grid;width:21px;height:21px;place-items:center;border:3px solid #fff;border-radius:50%;background:#d94a3d;color:#fff;font:900 13px/1 Manrope;font-style:normal;box-shadow:0 3px 9px #0005;transform:rotate(45deg);z-index:10}.leaflet-marker-icon{overflow:visible!important}.top-ten-divider{display:grid;gap:3px;margin:8px 0 2px;padding:12px 14px;border-top:2px solid #d9e5dd;border-radius:10px;background:#f4f7f5}.top-ten-divider small{color:var(--mut);font-size:10px}.top-ten-card.outside-radius{border-style:dashed}

/* Version 28.8: Startort-Auswahl */
.start-location-modal .logo{font-size:22px}.start-location-modal>p:not(.over){line-height:1.55}.start-location-note{display:block;margin-top:12px;color:var(--mut);font-size:11px;text-align:center}.start-location-modal .outline{margin-top:9px}

/* Version 28.10: 0/0 gilt als kein Ausgangspunkt */

/* Version 28.12: ausdrueckliche Fotoauswahl statt automatischer Kamera */
.photo-source-box{margin:12px 0;padding:15px;border:1px solid #c9ded1;border-radius:14px;background:#f4faf6}.photo-source-box>b:first-child{display:block;font:800 15px Manrope}.photo-source-box>p{margin:5px 0 12px;font-size:12px}.photo-source-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.photo-source-actions button{width:100%;margin:0}.photo-source-box>input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.photo-selection-name{display:block;margin-top:11px;color:var(--g);font-size:12px}.photo-privacy-note{display:block;margin-top:7px;color:var(--mut);font-size:10px;line-height:1.45}@media(max-width:520px){.photo-source-actions{grid-template-columns:1fr}}

/* Version 28.13: Footer, AGB, Impressum und Datenschutz */
body{min-height:100vh}.site-legal-footer{display:flex;align-items:center;justify-content:center;gap:9px;min-height:34px;padding:7px 18px;border-top:1px solid #dfe8e2;background:#fff;color:var(--mut);font-size:10px}.site-legal-footer button{border:0;background:transparent;color:var(--g);padding:2px;text-decoration:none;font-size:10px}.site-legal-footer button:hover{text-decoration:underline}.site-legal-footer i{color:#b8c4bd;font-style:normal}.legal-consents{display:grid;gap:9px;margin:14px 0;padding:12px;border:1px solid #c9ded1;border-radius:12px;background:#f4faf6}.legal-check{display:flex!important;align-items:flex-start;gap:9px;margin:0!important}.legal-check input{flex:0 0 17px;width:17px;height:17px;margin:2px 0}.legal-check span{font-size:11px;font-weight:600;line-height:1.45}.legal-inline-link{display:inline;border:0;background:transparent;color:var(--g);padding:0;text-decoration:underline;font-weight:800}.legal-consents>small{color:var(--mut);font-size:9px;line-height:1.45}.legal-modal h3{margin:21px 0 6px;font:800 15px Manrope}.legal-modal p{font-size:12px;line-height:1.65}.legal-version{font-size:10px!important}.legal-modal strong{color:var(--d)}@media(max-width:650px){.site-legal-footer{gap:6px;flex-wrap:wrap;padding:7px 10px}.site-legal-footer span{width:100%;text-align:center}}

/* Version 28.14: Rechtshinweise dauerhaft sichtbar */
:root{--legal-footer-height:38px}
body{padding-bottom:var(--legal-footer-height)}
.site-legal-footer{position:fixed;z-index:1900;left:0;right:0;bottom:0;min-height:var(--legal-footer-height);box-shadow:0 -4px 16px rgba(18,60,43,.09)}
#toast{bottom:calc(var(--legal-footer-height) + 12px)}
.locate{bottom:calc(42px + var(--legal-footer-height))}
@media(max-width:650px){:root{--legal-footer-height:58px}.site-legal-footer{min-height:var(--legal-footer-height)}.locate{bottom:calc(24px + var(--legal-footer-height))}}

/* Version 28.15: Ersteller-ID privat und neutrale neue Storage-Pfade */


/* Version 28.17: Responsive Layout fuer Monitor, Laptop, Tablet und Handy */
html{scroll-behavior:smooth}
body{overflow-x:hidden}
main{min-width:0}
aside,.mapWrap{min-width:0}
aside h1{overflow-wrap:normal;word-break:normal}

/* Grosse Desktop-Monitore */
@media(min-width:1501px) and (min-height:901px){
  main{grid-template-columns:minmax(520px,40%) minmax(0,60%)}
  aside{padding:7vh clamp(48px,6vw,112px)}
  h1{font-size:clamp(52px,4.4vw,76px)}
}

/* Normale Desktops und Laptops */
@media(min-width:1101px) and (max-width:1500px){
  header{height:70px;padding:0 3vw}
  main{grid-template-columns:minmax(390px,38%) minmax(0,62%);height:calc(100vh - 70px - var(--legal-footer-height))}
  aside{padding:clamp(32px,5vh,58px) clamp(34px,4vw,64px);gap:18px}
  h1{font-size:clamp(43px,4.4vw,62px);line-height:1.02;margin:8px 0}
  aside>p{margin:0;line-height:1.5}
  #searchForm{margin:12px 0}
  .stats{margin-top:2px}
  .mapWrap{padding:16px 16px 16px 0}
  .tools{top:32px}
}

/* Niedrige Laptop-Bildschirme, z. B. 1366x768 oder 1920x800 */
@media(min-width:901px) and (max-height:850px){
  header{height:64px;padding:0 3vw}
  .brand{font-size:21px}
  nav button{padding:8px}
  main{height:calc(100vh - 64px - var(--legal-footer-height));grid-template-columns:minmax(380px,40%) minmax(0,60%)}
  aside{padding:24px clamp(28px,4vw,64px);justify-content:center;gap:12px}
  .over{margin:0}
  h1{font-size:clamp(38px,4.1vw,58px);line-height:1.01;margin:5px 0}
  aside>p{margin:0;font-size:15px;line-height:1.45}
  #searchForm{margin:10px 0}
  #searchForm input{padding:12px}
  .stats{margin-top:2px}
  .stats b{font-size:18px}
  .stats small{font-size:10px}
  .mapWrap{padding:14px 14px 14px 0;height:auto}
  .tools{top:28px}
}

/* Tablet quer und kleine Laptops */
@media(min-width:901px) and (max-width:1100px){
  header{padding:0 24px}
  nav{gap:2px}
  nav button{padding:8px;font-size:13px}
  main{grid-template-columns:minmax(330px,38%) minmax(0,62%)}
  aside{padding:34px 28px}
  h1{font-size:clamp(38px,5vw,52px)}
  aside>p{font-size:14px}
  .stats{grid-template-columns:1fr;gap:5px}
  .stats div{display:grid;grid-template-columns:42px 1fr;align-items:center}
  .mapWrap{padding-right:12px}
}

/* Tablet hochkant und breite Handys */
@media(min-width:651px) and (max-width:900px){
  header{height:68px;padding:0 22px}
  main{display:block;height:auto}
  aside{min-height:auto;padding:38px 34px 28px;gap:14px}
  h1{font-size:clamp(42px,8vw,64px);margin:8px 0}
  #searchForm{max-width:650px;margin:15px 0}
  .stats{max-width:650px}
  .mapWrap{height:72vh;min-height:500px;padding:0 18px 18px}
  .tools{top:18px;left:88px;right:28px;max-width:none}
}

/* Handys */
@media(max-width:650px){
  header{height:62px;padding:0 14px}
  .brand{font-size:20px;white-space:nowrap}
  nav{gap:4px}
  .green{padding:10px 12px!important}
  main{display:block;height:auto}
  aside{padding:28px 18px 22px;gap:12px}
  h1{font-size:clamp(38px,13vw,56px);line-height:1.02;margin:7px 0}
  aside>p{font-size:14px;line-height:1.5;margin:0}
  #searchForm{margin:12px 0;display:grid;grid-template-columns:minmax(0,1fr) auto}
  #searchForm input{padding:12px}
  #searchForm button{padding:0 14px}
  .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .stats b{font-size:17px}
  .stats small{font-size:9px;line-height:1.2}
  .mapWrap{height:72dvh;min-height:460px;padding:0 10px 10px}
  #map{border-radius:18px}
  .tools{top:12px;left:64px;right:18px;max-width:none}
  .tools button{padding:9px 11px;white-space:nowrap}
  .locate{right:24px}
  .profile-menu{top:68px}
}

/* Sehr kleine Handys */
@media(max-width:390px){
  .brand{font-size:18px}
  header{padding:0 10px}
  aside{padding-left:14px;padding-right:14px}
  h1{font-size:clamp(35px,12.5vw,48px)}
  #searchForm{grid-template-columns:1fr}
  #searchForm button{min-height:44px}
  .stats{grid-template-columns:1fr;gap:5px}
  .stats div{display:grid;grid-template-columns:40px 1fr;align-items:center}
  .mapWrap{min-height:430px}
}


/* Version 28.18: Kartenfilter statt Demo-Statistiken */
.map-filters{margin-top:8px;padding:14px;border:1px solid #dce7df;border-radius:16px;background:#fff}
.filter-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.filter-heading .over{margin:0 0 3px}.filter-heading b{font:800 14px Manrope}
.filter-mobile-toggle{display:none;border:0;border-radius:10px;background:var(--d);color:#fff;padding:9px 11px;font-weight:800}
.filter-mobile-toggle span{display:inline-grid;min-width:20px;height:20px;place-items:center;margin-left:4px;border-radius:999px;background:#fff;color:var(--g);font-size:10px}
.filter-panel{margin-top:12px}.filter-chips{display:flex;flex-wrap:wrap;gap:7px}
.filter-chips label{margin:0}.filter-chips input{position:absolute;opacity:0;pointer-events:none}
.filter-chips span{display:block;padding:7px 9px;border:1px solid #d7e2db;border-radius:999px;background:#f8faf8;color:var(--mut);font-size:10px;font-weight:700;cursor:pointer;transition:.18s ease}
.filter-chips input:checked+span{border-color:var(--g);background:var(--m);color:var(--g);box-shadow:inset 0 0 0 1px var(--g)}
.condition-filter{display:grid;grid-template-columns:auto minmax(150px,1fr);align-items:center;gap:10px;margin:10px 0 0!important;font-size:11px!important}
.condition-filter select{padding:8px 10px!important}
.filter-result-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding-top:9px;border-top:1px solid #e7ede9;color:var(--mut);font-size:10px}
.filter-result-row button{border:0;background:transparent;color:var(--g);padding:3px;font-size:10px;font-weight:800}
.filter-result-row button:disabled{opacity:.35}
@media(min-width:901px) and (max-height:850px){
  .map-filters{padding:11px;margin-top:2px}.filter-panel{margin-top:8px}.filter-chips span{padding:6px 8px}.condition-filter{margin-top:7px!important}.filter-result-row{margin-top:6px;padding-top:6px}
}
@media(max-width:900px){
  .filter-mobile-toggle{display:block}.filter-panel{display:none}.filter-panel.mobile-open{display:block}.map-filters{margin-top:4px}
}
@media(max-width:650px){
  .map-filters{padding:12px}.filter-heading b{font-size:13px}.filter-chips{display:grid;grid-template-columns:1fr 1fr}.filter-chips span{text-align:center;padding:9px 7px}.condition-filter{grid-template-columns:1fr}.condition-filter select{width:100%}
}
