header{position:relative;z-index:10}header nav{gap:10px;flex-wrap:wrap}header nav>a.nav-button,header nav>.home-menu>summary{display:block;border:1px solid #dce4ce;border-radius:11px;padding:10px 17px;background:#f0f4e8;text-decoration:none;cursor:pointer;font-size:14px;font-weight:650;color:#294c33;list-style:none;white-space:nowrap}header nav>a:hover,.home-menu summary:hover{background:#e6eed7}header .home-menu{position:relative}.home-menu summary::-webkit-details-marker{display:none}.home-menu summary span{margin-left:14px}.home-menu[open]>summary{background:#dce9c6}.home-submenu{position:absolute;top:calc(100% + 9px);left:0;width:240px;padding:8px;background:#fffefa;border:1px solid #dfe5d5;border-radius:13px;box-shadow:0 12px 35px #203d2c25;z-index:50}.home-submenu a{display:block!important;padding:11px 13px;border-radius:7px;text-decoration:none;font-size:14px!important;line-height:1.5;color:#27472e}.home-submenu a:hover{background:#edf2df}.destination-art img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}.destination-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#16391d77);pointer-events:none}.destination-count{z-index:1}.city-banner{height:280px;position:relative;overflow:hidden;margin:20px 0 0;border-radius:18px}.city-banner img{height:100%;width:100%;object-fit:cover}.city-banner>span{position:absolute;bottom:13px;right:15px;background:#143b2b9c;color:white;padding:5px 10px;font-size:11px;border-radius:5px}.hero-actions .nearby,.hero-map-button{border:1px solid #ffffff70;background:#244b3b88;border-radius:25px;padding:10px 17px!important;font-size:13px!important;color:#fffce9;text-decoration:none!important;line-height:1.5}.hero-actions .nearby:hover,.hero-map-button:hover{background:#385f42}.hero-actions{gap:12px}.view-toggle{gap:6px;background:transparent}.view-toggle button{border:1px solid #cfdcbc;background:#eef3e2;padding:10px 20px;border-radius:9px;font-weight:650;font-size:14px}.view-toggle button.active{background:#244d35;color:white;border-color:#244d35}.map-links{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px;background:#f3f6e9}.map-links a{font-size:12px}.map-links button{width:auto;font-size:12px;background:none}.map-data-note{font-size:11px;padding:8px 13px;margin:0;color:#647458}.map-focus .map-body{min-height:520px}.map-focus iframe{min-height:520px}.contact-notice{background:#edf3df;padding:20px;border-radius:12px;margin:25px 0}.contact-notice p{font-size:14px;margin:7px 0 0}.contact-form{max-width:680px;display:grid;gap:9px}.contact-form label{font-size:14px;margin-top:10px;font-weight:650}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:13px;background:white;border:1px solid #cddabd;border-radius:9px;color:#24492f;font-size:16px}.contact-form .primary-link{justify-self:start;cursor:pointer}.contact-form #contactDraft{display:grid;gap:10px}.contact-form #contactDraft[hidden]{display:none}.legal-table{overflow:auto}.legal-table table{width:100%;border-collapse:collapse;font-size:14px}.legal-table td,.legal-table th{padding:12px;border-bottom:1px solid #dce5ce;text-align:left;vertical-align:top}.cookie-banner{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(1040px,calc(100% - 28px));padding:23px 25px;background:#fffef9;border:1px solid #d2ddc0;border-radius:16px;box-shadow:0 10px 60px #183a3040;z-index:200;display:grid;grid-template-columns:1fr auto;gap:24px;color:#24482f}.cookie-banner strong{font-family:Georgia,serif;font-size:23px;font-weight:400}.cookie-banner p{font-size:13px;line-height:1.6;max-width:650px;margin:6px 0 10px}.cookie-banner label{font-size:12px;display:flex;gap:7px;align-items:center}.cookie-banner input{width:17px;height:17px;accent-color:#325d3d}.cookie-actions{display:flex;flex-direction:column;justify-content:center;gap:7px}.cookie-actions button{padding:9px 16px;border:1px solid #bfcea8;background:#edf3df;color:#24482f;border-radius:7px;font-size:12px;font-weight:650;min-height:39px;white-space:nowrap}.cookie-actions button:hover{background:#d8e9b8}.cookie-actions #acceptAll{background:#d5ef7c}.cookie-banner[hidden]{display:none}footer [data-cookie-settings]{background:none;color:inherit;text-decoration:underline;padding:0;font-size:13px}.prose .primary-link{color:white}.map-focus .map-placeholder small{max-width:420px}.nearby-result-notice{font-size:13px;color:#516944}.nearby-result-notice:empty{display:none}
@media(max-width:900px){header{flex-wrap:wrap;gap:15px}header nav{justify-content:flex-end;gap:7px}header nav>a.nav-button,header nav>.home-menu>summary{font-size:12px;padding:9px 12px}.cookie-banner{grid-template-columns:1fr;gap:12px}.cookie-actions{flex-direction:row;justify-content:flex-start;flex-wrap:wrap}.cookie-banner p{font-size:12px;margin-bottom:7px}.cookie-banner strong{font-size:21px}}
@media(max-width:760px){header{padding:15px 20px;gap:12px}header .brand{font-size:24px}header nav{width:100%;justify-content:flex-start;flex-wrap:nowrap;gap:7px;align-items:stretch}header nav a.nav-button,header nav .home-menu>summary{display:block!important;padding:9px 10px;font-size:11px}header nav a.nav-cta{display:block!important;font-size:11px;padding:9px 11px;border-radius:11px;line-height:1.6;margin-left:auto;white-space:nowrap}.home-submenu{width:225px}.home-submenu a{display:block!important}.home-menu summary span{margin-left:3px}.hero-actions{gap:9px}.hero-actions .nearby,.hero-map-button{font-size:11px!important;padding:10px 12px!important}.hero-actions>span{font-size:10px}.city-banner{height:195px;margin-top:18px;border-radius:12px}.city-banner>span{font-size:9px}.map-focus .map-body,.map-focus iframe{min-height:400px}.cookie-banner{bottom:10px;padding:17px 18px;gap:9px;border-radius:12px;max-height:65vh;overflow:auto}.cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.cookie-actions button{font-size:11px;padding:8px;white-space:normal}.cookie-actions #saveSettings{grid-column:1/-1}.cookie-banner p{font-size:11px}.cookie-banner label{font-size:11px}.view-toggle button{font-size:12px;padding:9px 14px}}
@media(max-width:380px){header{padding-left:13px;padding-right:13px}header nav{gap:5px}header nav>a.nav-button,header nav>.home-menu>summary{padding:9px 7px;font-size:10px}header nav>a.nav-cta{padding:9px 8px;font-size:10px}}
.filters{flex-wrap:wrap}.filters>label{flex:1;min-width:145px}.conditional-tag{background:#fff0c7!important;color:#714c0a!important;border-color:#e5c776!important;font-weight:700!important}.access-notice{padding:20px 24px;background:#fff3d4;border:1px solid #ead18f;border-radius:12px;margin:24px 0;color:#61470e;max-width:900px}.access-notice p{font-size:15px;line-height:1.65;margin:7px 0 0}.detail-tags{flex-wrap:wrap}.related-places{margin-top:35px}.related-places h2{font-size:28px}.related-places .fallback-card{background:#f0f4e7;border:1px solid #dce5cd;border-radius:8px;margin:8px 0;padding:13px 17px;text-decoration:none;font-size:15px}.destination-content .eyebrow{min-height:14px}.park-bottom{flex-wrap:wrap;row-gap:8px}.detail-info .small{overflow-wrap:anywhere}
@media(max-width:760px){.filters>label{min-width:42%;max-width:100%}.access-notice{padding:17px 19px}.access-notice p{font-size:14px}.detail-tags .tag{font-size:11px}.related-places h2{font-size:25px}}

@media(max-width:760px){header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}header nav>a.nav-button,header nav>.home-menu>summary,header nav>a.nav-cta{width:100%;text-align:center;font-size:12px;padding:10px 12px;margin:0}header nav>.home-menu>summary{display:flex;justify-content:center;gap:12px}header nav>a.nav-cta{margin-left:0}.home-submenu{width:230px}}

.city-finder{margin:25px 0 30px;max-width:640px}.city-finder label{display:block;font-size:14px;font-weight:650;margin-bottom:9px}.city-finder input{width:100%;background:#fffef9;border:1px solid #c9d7b8;border-radius:12px;padding:14px 17px;font-size:16px;color:#234b34}.city-finder p{font-size:12px;color:#63755b;margin:9px 0}.destination-card[hidden]{display:none}.places-section>#allCities{margin:30px auto 0;display:block}.places-section>#allCities[hidden]{display:none}.filters select{max-width:100%}.park-bottom>span{font-size:11px;max-width:100%;line-height:1.5}
.results-layout>div,.park-content{min-width:0}.park-content{flex:1}.park-card h3,.park-address{overflow-wrap:anywhere}
@media(max-width:760px){.results-layout,.results-layout.map-focus{grid-template-columns:minmax(0,1fr)!important}.cards,.park-card{width:100%;min-width:0}.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.filters>label{display:block;min-width:0!important;max-width:100%;width:100%}.filters>label.check-filter{display:flex;gap:8px;line-height:1.45;align-items:center}.check-filter input{width:17px;min-width:17px;height:17px;flex:0 0 17px;margin:0}.filters>.text-button{grid-column:1/-1;justify-self:start;margin:0;padding:8px 0;min-height:36px}.filters select{width:100%;min-width:0}}

/* Keep the expanded filters legible on desktop as well as mobile. */
@media(min-width:761px){
 .filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px;align-items:end}
 .filters>label{display:block;min-width:0!important;width:100%;max-width:100%}
 .filters>label.check-filter{display:flex;align-items:center;gap:9px;align-self:center}
 .filters .check-filter input{width:17px;min-width:17px;flex:0 0 17px;margin:0}
 .filters>.text-button{grid-column:3;justify-self:end;align-self:center;white-space:nowrap}
}

/* HundewiesenFinder identity: readable at narrow widths. */
header .brand{font-size:27px;white-space:nowrap;letter-spacing:-1.1px;gap:9px}.brand-mark{display:block;flex:none;width:44px;height:44px}footer .brand{font-size:28px;letter-spacing:-1px}#sendDraft{display:inline-block;margin:12px 0 0 12px}
@media(max-width:1080px){header{flex-wrap:wrap;gap:16px}header nav{margin-left:auto}}
@media(max-width:760px){header .brand{font-size:24px}header .brand-mark{width:39px;height:39px}header nav{margin-left:0}#sendDraft{margin-left:0}}
@media(max-width:370px){header .brand{font-size:21px}.brand-mark{width:35px;height:35px}}