:root {
--z-dark:   #0f0f0f;
--z-mid:    #3a3a3a;
--z-muted:  #888;
--z-faint:  #bbb;
--z-border: #e8e8e8;
--z-light:  #f7f7f8;
--z-white:  #fff;
--z-r:      12px;
--z-shadow: 0 2px 12px rgba(0,0,0,.08);
} .apomap-store-detail {
max-width: 100%;
margin: 0;
padding: 0 0 80px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
} .apomap-detail-hero-map {
width: 100%;
height: 420px;
background: #e9e9e9;
overflow: hidden;
position: relative;
}
.apomap-detail-hero-map #apomap-detail-map {
width: 100% !important;
height: 100% !important;
} .apomap-store-card {
max-width: 800px;
margin: 0 auto;
padding: 36px 24px 0;
background: transparent;
border-radius: 0;
box-shadow: none;
border: none;
} .apomap-breadcrumbs {
font-size: 12px;
color: var(--z-muted);
margin-bottom: 28px;
letter-spacing: .2px;
}
.apomap-breadcrumbs a {
color: var(--z-muted);
text-decoration: none;
}
.apomap-breadcrumbs a:hover { color: var(--z-dark); }
.apomap-breadcrumbs .separator { margin: 0 6px; color: var(--z-border); }
.apomap-breadcrumbs .current { color: var(--z-dark); } .apomap-store-title-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
margin-bottom: 12px;
flex-wrap: wrap;
}
.apomap-store-title {
font-size: 30px;
font-weight: 800;
color: var(--z-dark);
margin: 0;
line-height: 1.2;
letter-spacing: -.5px;
flex: 1;
} .apomap-open-status {
font-size: 11px;
font-weight: 700;
padding: 4px 12px;
border-radius: 6px;
white-space: nowrap;
margin-top: 6px;
flex-shrink: 0;
}
.apomap-open-status.apomap-status-open { background: #e6f4ea; color: #1a7f37; }
.apomap-open-status.apomap-status-closed { background: #fce8e8; color: #c62828; } .apomap-store-categories { margin-bottom: 28px; }
.apomap-badge {
display: inline-block;
background: var(--z-dark) !important;
color: var(--z-white) !important;
padding: 4px 12px !important;
border-radius: 6px !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: .6px !important;
text-transform: uppercase !important;
border: none !important;
} .apomap-store-content,
.apomap-store-content-single {
display: block !important;
grid-template-columns: none !important;
} .apomap-two-col {
display: grid;
grid-template-columns: 360px 1fr;
gap: 56px;
margin-top: 32px;
}
.apomap-col-left,
.apomap-col-right { min-width: 0; } .apomap-info-section { margin-bottom: 32px; }
.apomap-info-section h2 {
font-size: 10px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 1.2px !important;
color: var(--z-muted) !important;
border: none !important;
border-bottom: 1px solid var(--z-border) !important;
padding: 0 0 8px 0 !important;
margin: 0 0 16px 0 !important;
background: transparent !important;
} #top .apomap-store-detail .apomap-info-section h2,
.apomap-store-detail .apomap-info-section h2 {
font-size: 10px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 1.2px !important;
color: var(--z-muted) !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
border-bottom: 1px solid var(--z-border) !important;
background: transparent !important;
padding: 0 0 8px !important;
margin: 0 0 16px !important;
}
.apomap-info-section address {
font-style: normal;
line-height: 1.8;
color: var(--z-dark);
font-size: 14px;
}
.apomap-info-section address p { margin: 0; } .apomap-info-section a,
#top .apomap-store-detail .apomap-info-section a,
.apomap-store-detail .apomap-info-section a {
color: var(--z-dark) !important;
text-decoration: none !important;
} .apomap-address-actions {
display: flex;
gap: 10px;
margin-top: 20px;
flex-wrap: wrap;
} .zm-btn,
.apomap-route-btn, .apomap-copy-btn,
.apomap-store-detail a.apomap-route-btn,
#top .apomap-store-detail a.apomap-route-btn,
#top .apomap-store-detail .apomap-copy-btn,
#top #main .apomap-store-detail a.apomap-route-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
padding: 0 16px !important;
height: 38px !important;
min-height: 38px !important;
border-radius: 8px !important;
font-size: 13px !important;
font-weight: 500 !important;
text-decoration: none !important;
background: #fff !important;
color: #333 !important;
border: 1px solid #e0e0e0 !important;
cursor: pointer !important;
white-space: nowrap !important;
transition: border-color .15s, color .15s !important;
letter-spacing: 0 !important;
box-shadow: none !important;
}
.zm-btn:hover,
.apomap-route-btn:hover, .apomap-copy-btn:hover,
.apomap-store-detail a.apomap-route-btn:hover,
#top .apomap-store-detail a.apomap-route-btn:hover,
#top .apomap-store-detail .apomap-copy-btn:hover {
border-color: #111 !important;
color: #111 !important;
background: #fff !important;
text-decoration: none !important;
opacity: 1 !important;
} .apomap-open-status.apomap-open-inline {
height: 38px !important;
padding: 0 14px !important;
border-radius: 6px !important;
font-size: 12px !important;
font-weight: 500 !important;
background: #fff !important;
color: #aaa !important;
border: 1px solid #e8e8e8 !important;
margin-top: 0 !important;
}
.apomap-status-open.apomap-open-inline { color: #2e7d32 !important; border-color: #c8e6c9 !important; }
.apomap-status-closed.apomap-open-inline { color: #999 !important; border-color: #e8e8e8 !important; } #zm-share-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 13px 18px;
background: var(--z-light);
color: var(--z-mid);
border: 1.5px solid var(--z-border);
border-radius: var(--z-r);
font-size: 13px;
font-weight: 600;
cursor: pointer;
min-height: 48px;
transition: all .15s;
} .apomap-hours-table,
.apomap-store-detail .apomap-hours-table,
.apomap-store-detail .apomap-hours-table tr,
.apomap-store-detail .apomap-hours-table td {
width: 100%;
border-collapse: collapse;
border: none !important;
background: transparent !important;
box-shadow: none !important;
}
.apomap-store-detail .apomap-hours-table td {
padding: 8px 4px !important;
font-size: 14px !important;
color: var(--z-dark) !important;
border-bottom: 1px solid var(--z-border) !important;
vertical-align: top !important;
}
.apomap-store-detail .apomap-hours-table td:first-child {
font-weight: 600 !important;
width: 36% !important;
}
.apomap-hours-today td {
font-weight: 700 !important;
background: var(--z-light) !important;
color: var(--z-dark) !important;
} .apomap-description {
font-size: 15px;
line-height: 1.8;
color: var(--z-mid);
}
.apomap-description p { margin: 0 0 12px; }
.apomap-description a { color: var(--z-dark); } .zm-cta-box {
background: var(--z-light);
border: 1.5px solid var(--z-border);
border-radius: var(--z-r);
padding: 22px 24px;
margin-top: 24px;
}
.zm-cta-box strong {
display: block;
font-size: 16px;
font-weight: 700;
color: var(--z-dark);
margin-bottom: 5px;
}
.zm-cta-box p { font-size: 13px; color: var(--z-muted); margin: 0 0 14px; }
.zm-cta-btn {
display: inline-block;
padding: 12px 22px;
background: var(--z-dark);
color: #fff !important;
border-radius: var(--z-r);
font-weight: 700;
font-size: 14px;
text-decoration: none !important;
min-height: 44px;
}
.zm-cta-btn:hover { background: #333 !important; } .zm-rating-row { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; flex-wrap: wrap; }
.zm-star { font-size: 18px; line-height: 1; }
.zm-star-full  { color: var(--z-dark); }
.zm-star-half  { color: var(--z-dark); opacity: .4; }
.zm-star-empty { color: var(--z-border); }
.zm-rating-score { font-size: 16px; font-weight: 800; color: var(--z-dark); }
.zm-rating-count { font-size: 13px; color: var(--z-muted); }
.zm-reviews-link { font-size: 13px; color: var(--z-dark); text-decoration: underline; }
.zm-imported-rating { margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid var(--z-border); }
.zm-user-rating-wrap { margin-top: 14px; }
.zm-user-avg { margin-bottom: 10px; min-height: 24px; }
.zm-star-input { display: flex; align-items: center; gap: 2px; flex-wrap: wrap; margin-bottom: 8px; }
.zm-rate-label { font-size: 13px; color: var(--z-muted); margin-right: 6px; }
.zm-star-btn { background: none; border: none; cursor: pointer; font-size: 24px; color: var(--z-border); padding: 2px; line-height: 1; min-height: 36px; transition: color .1s; }
.zm-star-btn.zm-star-hover, .zm-star-btn.zm-star-selected { color: var(--z-dark); }
.zm-comment-wrap { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.zm-rating-name, .zm-rating-comment { border: 1.5px solid var(--z-border); border-radius: var(--z-r); padding: 10px 14px; font-size: 13px; font-family: inherit; width: 100%; box-sizing: border-box; }
.zm-rating-comment { resize: vertical; }
.zm-rating-name:focus, .zm-rating-comment:focus { outline: none; border-color: var(--z-dark); }
.zm-submit-rating { display: inline-block; padding: 12px 22px; background: var(--z-dark); color: #fff; border: none; border-radius: var(--z-r); font-weight: 700; font-size: 13px; cursor: pointer; min-height: 44px; transition: background .15s; }
.zm-submit-rating:hover { background: #333; }
.zm-submit-rating:disabled { background: #aaa; cursor: default; }
.zm-rating-feedback { font-size: 13px; margin-top: 8px; }
.zm-feedback-ok  { color: #1a7f37; font-weight: 700; }
.zm-feedback-err { color: #c62828; } .zm-gmaps-link { display: inline-block; font-size: 12px; color: var(--z-muted); text-decoration: none; margin-bottom: 12px; }
.zm-gmaps-link:hover { color: var(--z-dark); text-decoration: underline; } .apomap-city-link-section { margin: 36px 0; text-align: center; }
.apomap-city-link-btn,
#top .apomap-store-detail .apomap-city-link-btn,
.apomap-store-detail .apomap-city-link-btn {
display: inline-block;
padding: 12px 28px;
border: 1.5px solid var(--z-border);
border-radius: 40px;
font-size: 14px;
font-weight: 600;
color: var(--z-dark) !important;
text-decoration: none !important;
transition: border-color .15s, background .15s;
}
.apomap-city-link-btn:hover,
#top .apomap-store-detail .apomap-city-link-btn:hover {
border-color: var(--z-dark);
background: var(--z-light);
text-decoration: none !important;
} .apomap-nearby { margin-top: 0; border-top: 1px solid var(--z-border); padding-top: 24px; }
.apomap-nearby h2 { font-size: 18px; font-weight: 800; color: var(--z-dark); margin-bottom: 12px; letter-spacing: -.3px; }
.apomap-nearby-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px;
}
.apomap-nearby-item,
#top .apomap-store-detail .apomap-nearby-item,
.apomap-store-detail .apomap-nearby-item {
display: block !important;
padding: 10px 12px !important;
background: var(--z-white) !important;
border: 1.5px solid var(--z-border) !important;
border-radius: var(--z-r) !important;
text-decoration: none !important;
color: var(--z-dark) !important;
transition: border-color .15s, box-shadow .15s !important;
box-shadow: none !important;
}
.apomap-nearby-item:hover,
#top .apomap-store-detail .apomap-nearby-item:hover {
border-color: #999 !important;
box-shadow: var(--z-shadow) !important;
text-decoration: none !important;
}
.apomap-nearby-item strong { display: block; font-size: 13px; font-weight: 700; line-height: 1em; margin-bottom: 4px; color: var(--z-dark); }
.apomap-nearby-item span  { font-size: 12px; color: var(--z-muted); display: block; line-height: 1.3; }
.apomap-nearby-distance   { display:inline-block !important; margin-top:6px !important; padding:2px 7px !important; background:#f5f5f5 !important; border-radius:6px !important; font-size:11px !important; font-weight:600 !important; color:#666 !important; } .apomap-faq-section { margin-top: 48px; border-top: 1px solid var(--z-border); padding-top: 36px; }
.apomap-faq-section > h2 { font-size: 20px; font-weight: 800; color: var(--z-dark); margin-bottom: 20px; letter-spacing: -.3px; }
.apomap-faq-item { border: 1.5px solid var(--z-border); border-radius: var(--z-r); margin-bottom: 8px; overflow: hidden; }
.apomap-faq-question { padding: 16px 20px; font-weight: 700; font-size: 14px; color: var(--z-dark); cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; transition: background .1s; }
.apomap-faq-question::-webkit-details-marker { display: none; }
.apomap-faq-question::after { content: '+'; font-size: 20px; font-weight: 300; color: var(--z-muted); margin-left: 12px; flex-shrink: 0; }
.apomap-faq-item[open] .apomap-faq-question::after { content: '−'; }
.apomap-faq-question:hover { background: var(--z-light); }
.apomap-faq-answer { padding: 4px 20px 18px; color: var(--z-mid); font-size: 14px; line-height: 1.75; } .apomap-city-page { max-width: 960px; margin: 0 auto; padding: 24px; }
.apomap-city-page h1 { font-size: 28px; font-weight: 800; margin-bottom: 6px; color: var(--z-dark); letter-spacing: -.5px; }
.apomap-city-count { color: var(--z-muted); margin-bottom: 24px; font-size: 14px; }
.apomap-city-map-section { margin-bottom: 32px; }
.apomap-list-item { padding: 12px 14px 12px 14px !important; border-bottom: 1px solid var(--z-border); }
.apomap-list-item-actions { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
.apomap-list-distance { font-size: 11px !important; font-weight: 600; color: #555; align-self: center; white-space: nowrap; height: 28px; display: inline-flex; align-items: center; }
.apomap-list-btn { display: inline-flex; align-items: center; justify-content: center; height: 24px; padding: 0 10px; border-radius: 6px; font-size: 11px; font-weight: 600; text-decoration: none; border: 1.5px solid #e0e0e0; color: #333; background: #fff; transition: all .15s; white-space: nowrap; }
.apomap-list-btn:hover { border-color: #111; color: #111; }
.apomap-list-btn-route { background: #111; color: #fff; border-color: #111; }
.apomap-list-btn-route:hover { background: #333; border-color: #333; color: #fff !important; }
.apomap-store-list-item h2 { font-size: 16px; font-weight: 700; margin: 0 0 4px; }
.apomap-store-list-item h2 a { color: var(--z-dark); text-decoration: none; }
.apomap-store-list-item h2 a:hover { text-decoration: underline; }
.apomap-store-address { font-size: 13px; color: var(--z-muted); margin: 2px 0; }
.apomap-store-hours-preview { font-size: 12px; color: var(--z-muted); margin: 3px 0 0; }
.apomap-store-list-header { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.apomap-store-list-header h2 { flex: 1; min-width: 0; } .apomap-open-filter { margin-bottom: 16px; }
.apomap-toggle { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; font-size: 13px; color: var(--z-mid); user-select: none; }
.apomap-toggle input { display: none; }
.apomap-toggle-slider { position: relative; width: 38px; height: 20px; background: #ccc; border-radius: 10px; transition: background .2s; flex-shrink: 0; }
.apomap-toggle-slider::after { content: ''; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; background: #fff; border-radius: 50%; transition: transform .2s; }
.apomap-toggle input:checked + .apomap-toggle-slider { background: var(--z-dark); }
.apomap-toggle input:checked + .apomap-toggle-slider::after { transform: translateX(18px); } .apomap-pagination { display: flex; align-items: center; justify-content: center; gap: 4px; margin: 32px 0; flex-wrap: wrap; }
.apomap-page-link { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 10px; border: 1.5px solid var(--z-border); border-radius: 8px; color: var(--z-dark); text-decoration: none; font-size: 14px; font-weight: 600; transition: all .15s; }
.apomap-page-link:hover { border-color: var(--z-dark); }
.apomap-page-current { background: var(--z-dark); border-color: var(--z-dark); color: #fff; }
.apomap-page-current:hover { color: #fff; }
.apomap-page-ellipsis { padding: 0 6px; color: var(--z-muted); } .apomap-city-index { max-width: 960px; margin: 0 auto; padding: 24px; }
.apomap-city-index h1 { font-size: 28px; font-weight: 800; letter-spacing: -.5px; }
.apomap-index-intro { color: var(--z-muted); margin-bottom: 24px; font-size: 14px; }
.apomap-letter-nav { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 24px; padding: 12px; background: var(--z-light); border-radius: var(--z-r); position: sticky; top: 0; z-index: 10; }
.apomap-letter-nav a { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; background: var(--z-white); color: var(--z-dark); font-weight: 700; font-size: 12px; text-decoration: none; border: 1.5px solid var(--z-border); transition: all .15s; }
.apomap-letter-nav a:hover { background: var(--z-dark); color: var(--z-white); border-color: var(--z-dark); }
.apomap-city-group { margin-bottom: 24px; }
.apomap-city-group h2 { font-size: 22px; font-weight: 800; border-bottom: 1px solid var(--z-border); padding-bottom: 8px; margin-bottom: 14px; }
.apomap-city-group[id] { scroll-margin-top: 80px; }
.apomap-city-list { list-style: none; padding: 0; margin: 0; columns: 3; column-gap: 20px; }
.apomap-city-list li { padding: 4px 0; break-inside: avoid; }
.apomap-city-list a { color: var(--z-dark); text-decoration: none; font-size: 14px; }
.apomap-city-list a:hover { text-decoration: underline; }
.apomap-city-list .count { color: var(--z-muted); font-size: 12px; }
.apomap-city-search { margin-bottom: 16px; }
.apomap-city-search input { width: 100%; max-width: 400px; padding: 12px 16px; border: 1.5px solid var(--z-border); border-radius: var(--z-r); font-size: 15px; outline: none; transition: border-color .15s; background: #fff; color: #111; }
.apomap-city-search input:focus { border-color: var(--z-dark); }
.apomap-search-count { font-size: 13px; color: var(--z-muted); margin-bottom: 12px; }
.apomap-city-intro { color: var(--z-mid); line-height: 1.75; margin-bottom: 18px; font-size: 15px; } .apomap-nearby-cities { margin-top: 48px; border-top: 1px solid var(--z-border); padding-top: 36px; }
.apomap-nearby-cities > h2 { font-size: 20px; font-weight: 800; color: var(--z-dark); margin-bottom: 18px; letter-spacing: -.3px; }
.apomap-nearby-cities-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px; }
.apomap-nearby-city-item { display: flex; flex-direction: column; padding: 14px 16px; background: var(--z-white); border: 1.5px solid var(--z-border); border-radius: var(--z-r); text-decoration: none; color: var(--z-dark); transition: border-color .15s; }
.apomap-nearby-city-item:hover { border-color: #aaa; text-decoration: none; }
.apomap-nearby-city-item strong { font-size: 14px; margin-bottom: 3px; }
.apomap-nearby-city-item span { font-size: 12px; color: var(--z-muted); } .apomap-notdienst-page { max-width: 960px; margin: 0 auto; padding: 24px; }
.apomap-notdienst-page h1 { font-size: 28px; font-weight: 800; margin-bottom: 24px; color: var(--z-dark); letter-spacing: -.5px; }
.apomap-notdienst-hero { display: flex; align-items: center; justify-content: space-between; gap: 24px; background: var(--z-light); border: 1.5px solid var(--z-border); border-radius: 16px; padding: 28px 32px; margin-bottom: 36px; flex-wrap: wrap; }
.apomap-notdienst-hotline { display: flex; align-items: center; gap: 18px; }
.apomap-notdienst-icon { font-size: 36px; flex-shrink: 0; }
.apomap-notdienst-hotline strong { display: block; font-size: 12px; color: var(--z-muted); margin-bottom: 3px; text-transform: uppercase; letter-spacing: .5px; }
.apomap-notdienst-number { display: block; font-size: 28px; font-weight: 800; color: var(--z-dark); text-decoration: none; letter-spacing: .5px; }
.apomap-notdienst-number:hover { text-decoration: underline; }
.apomap-notdienst-hint { display: block; font-size: 12px; color: var(--z-muted); margin-top: 4px; }
.apomap-notdienst-cta { display: inline-block; padding: 14px 28px; background: var(--z-dark); color: var(--z-white); border-radius: var(--z-r); font-weight: 700; font-size: 15px; text-decoration: none; transition: background .15s; white-space: nowrap; flex-shrink: 0; }
.apomap-notdienst-cta:hover { background: #333; color: var(--z-white); }
.apomap-notdienst-section { margin-bottom: 32px; }
.apomap-notdienst-section h2 { font-size: 20px; font-weight: 700; color: var(--z-dark); border-bottom: 1px solid var(--z-border); padding-bottom: 8px; margin-bottom: 14px; }
.apomap-notdienst-section a { color: var(--z-dark); text-decoration: none; }
.apomap-notdienst-section a:hover { text-decoration: underline; }
.apomap-notdienst-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.apomap-notdienst-card { background: var(--z-light); border-radius: var(--z-r); padding: 20px; border-left: 3px solid var(--z-dark); }
.apomap-notdienst-card strong { display: block; font-size: 14px; color: var(--z-dark); margin-bottom: 6px; }
.apomap-notdienst-card p { font-size: 13px; color: var(--z-mid); margin: 0; line-height: 1.6; } #top .apomap-cross-footer a.apomap-cross-link,
.apomap-cross-footer a.apomap-cross-link { color: var(--z-dark) !important; text-decoration: none !important; }
#top .apomap-cross-footer a.apomap-cross-link:hover,
.apomap-cross-footer a.apomap-cross-link:hover { text-decoration: underline !important; } .apomap-list-hours { display: block; font-size: 11px; color: #aaa; margin-top: 2px; }
.zm-open-now  { color: #1a7f37; font-weight: 700; font-size: 10px; }
.zm-closed-now { color: #c62828; font-weight: 700; font-size: 10px; } @media (max-width: 860px) {
.apomap-two-col { grid-template-columns: 1fr; gap: 0; }
}
@media (max-width: 768px) {
.apomap-detail-hero-map { height: 280px; }
.apomap-store-card { padding: 24px 16px 0; }
.apomap-nearby-grid { grid-template-columns: repeat(2, 1fr); }
.apomap-store-title { font-size: 24px; }
.apomap-city-list { columns: 2; }
.apomap-notdienst-hero { flex-direction: column; padding: 20px; }
.apomap-notdienst-grid { grid-template-columns: 1fr; }
.apomap-city-map-section { margin-left: -24px; margin-right: -24px; }
}
@media (max-width: 480px) {
.apomap-detail-hero-map { height: 230px; }
.apomap-store-title { font-size: 20px; }
.apomap-nearby-grid { grid-template-columns: 1fr; }
.apomap-city-list { columns: 1; }
.apomap-letter-nav { overflow-x: auto; flex-wrap: nowrap; padding: 8px; gap: 4px; }
.apomap-letter-nav a { flex-shrink: 0; }
.apomap-address-actions { flex-direction: column; }
.apomap-nearby-cities-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
}
@media (max-width: 375px) {
.apomap-store-title { font-size: 18px; }
.apomap-store-card { padding: 18px 14px 0; }
.apomap-route-btn { padding: 12px 18px !important; font-size: 13px !important; }
.apomap-nearby-grid { grid-template-columns: 1fr; }
} @media print {
.apomap-detail-hero-map, .apomap-city-link-section, .apomap-faq-section,
.apomap-nearby, .apomap-cross-footer, #wpadminbar, .avia-footer { display: none !important; }
.apomap-store-detail { padding: 0 !important; }
.apomap-store-card { padding: 0 !important; }
.apomap-badge { background: #eee !important; color: #333 !important; }
} .zm-cta-primary {
display: inline-block;
background: #1b5e20;
color: #fff !important;
padding: 12px 24px;
border-radius: 8px;
font-weight: 700;
text-decoration: none !important;
font-size: .95rem;
transition: background .15s;
white-space: nowrap;
}
.zm-cta-primary:hover { background: #145218; color: #fff !important; }
.zm-opening-today { font-weight: 700; background: #f0fdf4; }
.zm-today-badge { font-size: .72em; color: #1b5e20; font-weight: 700; margin-left: 6px; text-transform: uppercase; letter-spacing: .03em; }
.zm-region-links { display: flex; gap: 12px; flex-wrap: wrap; margin: 20px 0; }
.zm-region-links a { font-size: .85rem; color: #1b5e20; text-decoration: underline; }
.zm-region-links a:hover { color: #145218; }
.zm-payment-box,
.zm-sorten-widget { background: #f8f9fa; border-radius: 10px; padding: 20px; margin: 20px 0; }
.zm-payment-box strong,
.zm-sorten-widget h3 { display: block; font-size: 15px; font-weight: 700; margin-bottom: 10px; color: #0f0f0f; }
.zm-sorten-widget p { font-size: 14px; color: #3a3a3a; margin-bottom: 14px; }
.zm-payment-box ul { margin: 8px 0 0 0; padding-left: 20px; }
.zm-payment-box ul li { font-size: 13px; color: #3a3a3a; padding: 2px 0; }
.zm-opening-table { width: 100%; border-collapse: collapse; font-size: .88rem; }
.zm-opening-table td { padding: 6px 10px; border-bottom: 1px solid #f0f0f0; color: #3a3a3a; }
.zm-opening-table tr:last-child td { border-bottom: none; } .zm-cluster {
background: #111;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 12px;
font-weight: 700;
border: 2px solid rgba(255,255,255,0.9);
box-shadow: 0 2px 8px rgba(0,0,0,0.3);
cursor: pointer;
}
.zm-popup-rating { font-size: 12px; margin: 3px 0; }
.zm-popup-dist { font-size: 11px; color: #888; margin: 2px 0; }
.zm-events-header { padding: 8px 14px 6px; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #c62828; background: #fff8f8; border-bottom: 1px solid #fde8e8; }
.zm-event-item { border-left-color: #c62828 !important; }
.zm-pin-wrap { display:flex; flex-direction:column; align-items:center; cursor:pointer; }
.zm-pin-lbl { color:#fff; font-size:7px; padding:1px 5px; border-radius:3px; white-space:nowrap; font-weight:700; line-height:1.6; margin-top:1px; font-family:-apple-system,sans-serif; letter-spacing:.01em; max-width:64px; overflow:hidden; text-overflow:ellipsis; text-align:center; box-shadow:0 1px 4px rgba(0,0,0,.28); } .apomap-suggestions { margin-top: 16px; padding-top: 14px; border-top: 1px solid #f0f0f0; }
.apomap-suggestions-title { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #aaa; margin-bottom: 10px; }
.apomap-action-btn { justify-content: flex-start !important; text-align: left !important; }
.zm-mehr-btn{background:none;border:none;color:#1b5e20;font-size:13px;font-weight:600;cursor:pointer;padding:4px 0;text-decoration:none}
.zm-mehr-btn:hover{text-decoration:underline}
.zm-open-chip.zm-cat-active{background:#2e7d32!important;border-color:#2e7d32!important;color:#fff!important} .apomap-info-section p,
.apomap-store-detail .apomap-info-section p { font-size:14px!important; line-height:1.6; color:#444; margin:0 0 6px; }
.apomap-info-section strong { font-weight:600; color:#222; }
.apomap-store-detail address p { font-size:14px!important; color:#444; } .apomap-list-loading {
padding: 16px 12px;
font-size: 13px;
color: #888;
line-height: 1.5;
word-break: break-word;
overflow-wrap: break-word;
max-width: 100%;
box-sizing: border-box;
}
.zm-banner-text { margin-bottom:8px; font-size:.9em; line-height:1.7; } .zm-transit-list { list-style: none; margin: 0; padding: 0; }
.zm-transit-list li { display: flex; align-items: center; gap: 8px; padding: 5px 0; border-bottom: 1px solid #f0f0f0; font-size: .88rem; }
.zm-transit-list li:last-child { border-bottom: none; }
.zm-transit-type { font-size: 10px; font-weight: 700; padding: 2px 6px; border-radius: 6px; white-space: nowrap; color: #fff; background: #555; }
.zm-transit-sbahn, .zm-transit-s-bahn { background: #2e7d32; }
.zm-transit-ubahn, .zm-transit-u-bahn { background: #1565c0; }
.zm-transit-bahnhof { background: #c62828; }
.zm-transit-tram    { background: #c62828; }
.zm-transit-bus     { background: #5c35aa; }
.zm-transit-dist    { margin-left: auto; color: #888; font-size: .82rem; white-space: nowrap; } apomap-city-* Klassen (city-page.php) hatten kein
CSS mehr (StoreMap-Altbestand, beim zen-map-Umbau nicht portiert).
White-Minimal, gescoped unter .apomap-city-page.
============================================================ */
.apomap-city-page{max-width:1140px;margin:0 auto;padding:24px 20px 64px;box-sizing:border-box;color:#1a1a1a}
.apomap-city-page *{box-sizing:border-box}
.apomap-city-page .apomap-city-map-section{width:100%;margin:0 0 28px}
.apomap-city-page .apomap-city-map-section .zcty-map,
.apomap-city-page .apomap-city-map-section [id^="zmap"],
.apomap-city-page .apomap-city-map-section .leaflet-container{border-radius:14px;overflow:hidden}
.apomap-city-content{max-width:860px;margin:0 auto} .storemap-breadcrumbs{font-size:.82rem;color:#8a8a8a;margin:0 0 14px;line-height:1.6}
.storemap-breadcrumbs a{color:#8a8a8a!important;text-decoration:none}
.storemap-breadcrumbs a:hover{color:#111!important;text-decoration:underline}
.storemap-breadcrumbs .separator{margin:0 7px;color:#c9c9c9}
.storemap-breadcrumbs .current{color:#1a1a1a;font-weight:600} .apomap-city-page h1{font-size:2rem;font-weight:800;line-height:1.15;margin:0 0 14px;color:#111}
.apomap-city-intro{margin:0 0 12px}
.apomap-city-intro p{font-size:1rem;line-height:1.7;color:#333;margin:0}
.apomap-city-count{font-size:.9rem;color:#666;margin:0 0 20px}
.apomap-city-count strong{color:#111} .storemap-open-filter{margin:0 0 22px}
.storemap-toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none}
.storemap-toggle input{position:absolute;opacity:0;width:0;height:0}
.storemap-toggle-slider{position:relative;width:42px;height:24px;background:#d8d8d8;border-radius:999px;transition:background .2s;flex:0 0 auto}
.storemap-toggle-slider::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.storemap-toggle input:checked + .storemap-toggle-slider{background:#111}
.storemap-toggle input:checked + .storemap-toggle-slider::after{transform:translateX(18px)}
.storemap-toggle-label{font-size:.9rem;color:#333} .storemap-store-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:0 0 32px;list-style:none;padding:0}
.storemap-store-list-item{border:1px solid #ececec;border-radius:12px;padding:18px 20px;background:#fff;transition:box-shadow .18s,border-color .18s}
.storemap-store-list-item:hover{box-shadow:0 6px 22px rgba(0,0,0,.07);border-color:#dcdcdc}
.storemap-store-list-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 0 6px}
.storemap-store-list-header h2{font-size:1.05rem;font-weight:700;margin:0;line-height:1.3}
.storemap-store-list-header h2 a{color:#111!important;text-decoration:none}
.storemap-store-list-header h2 a:hover{text-decoration:underline}
.storemap-open-status{flex:0 0 auto;font-size:.72rem;font-weight:600;white-space:nowrap}
.storemap-open-status[data-open="1"]{color:#1b7a3d}
.storemap-open-status[data-open="0"]{color:#b3261e}
.storemap-store-address{font-size:.88rem;color:#555;margin:0 0 4px;line-height:1.5}
.storemap-store-phone{font-size:.88rem;color:#555;margin:0 0 4px}
.storemap-store-phone a{color:#111!important;text-decoration:none}
.storemap-store-phone a:hover{text-decoration:underline}
.storemap-store-hours-preview{font-size:.82rem;color:#8a8a8a;margin:6px 0 0} .storemap-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:0 0 36px}
.storemap-page-link{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border:1px solid #e2e2e2;border-radius:9px;font-size:.9rem;color:#333!important;text-decoration:none;background:#fff;transition:all .15s}
.storemap-page-link:hover{border-color:#111;color:#111!important}
.storemap-page-current{background:#111;border-color:#111;color:#fff!important;font-weight:600}
.storemap-page-ellipsis{padding:0 4px;color:#b0b0b0} .storemap-faq-section{margin:8px 0 36px}
.storemap-faq-section > h2{font-size:1.35rem;font-weight:800;margin:0 0 14px;color:#111}
.storemap-faq-item{border:1px solid #ececec;border-radius:10px;margin:0 0 10px;background:#fff;overflow:hidden}
.storemap-faq-question{cursor:pointer;list-style:none;padding:15px 18px;font-size:.98rem;font-weight:600;color:#1a1a1a;display:flex;align-items:center;gap:10px}
.storemap-faq-question::-webkit-details-marker{display:none}
.storemap-faq-question::before{content:"+";font-size:1.2rem;font-weight:400;color:#999;flex:0 0 auto;line-height:1}
.storemap-faq-item[open] .storemap-faq-question::before{content:"\2013"}
.storemap-faq-answer{padding:0 18px 16px 40px}
.storemap-faq-answer p{margin:0;font-size:.92rem;line-height:1.65;color:#444} .storemap-nearby-cities{margin:8px 0 0}
.storemap-nearby-cities > h2{font-size:1.35rem;font-weight:800;margin:0 0 14px;color:#111}
.storemap-nearby-cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.storemap-nearby-city-item{display:flex;flex-direction:column;gap:2px;border:1px solid #ececec;border-radius:10px;padding:14px 16px;background:#fff;text-decoration:none;transition:box-shadow .18s,border-color .18s}
.storemap-nearby-city-item:hover{box-shadow:0 6px 18px rgba(0,0,0,.07);border-color:#dcdcdc}
.storemap-nearby-city-item strong{color:#111;font-size:.98rem;font-weight:700}
.storemap-nearby-city-item span{color:#777;font-size:.8rem}
.storemap-nearby-distance{color:#a0a0a0!important;font-size:.76rem!important}
@media(max-width:700px){
.storemap-store-list{grid-template-columns:1fr}
.apomap-city-page h1{font-size:1.55rem}
}@keyframes msb-flash{0%,10%,20%,to{opacity:1}15%,5%{opacity:0}}@keyframes msb-shake{0%,27%,to{transform:translateZ(0)}15%,21%,3%,9%{transform:translate3d(-10px,0,0)}12%,18%,24%,6%{transform:translate3d(10px,0,0)}}@keyframes msb-swing{5%{transform:rotate(15deg)}10%{transform:rotate(-10deg)}15%{transform:rotate(5deg)}20%{transform:rotate(-5deg)}25%,to{transform:rotate(0deg)}}@keyframes msb-tada{0%{transform:scaleX(1)}2%,4%{transform:scale3d(.9,.9,.9) rotate(-3deg)}10%,14%,18%,6%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}12%,16%,8%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}20%,to{transform:scaleX(1)}}@keyframes msb-heartbeat{0%{transform:scale(1)}4%{transform:scale(1.3)}8%{transform:scale(1)}12%{transform:scale(1.3)}18%,to{transform:scale(1)}}@keyframes msb-wobble{0%{transform:translateZ(0)}3%{transform:translate3d(-25%,0,0) rotate(-5deg)}6%{transform:translate3d(20%,0,0) rotate(3deg)}9%{transform:translate3d(-15%,0,0) rotate(-3deg)}12%{transform:translate3d(10%,0,0) rotate(2deg)}15%{transform:translate3d(-5%,0,0) rotate(-1deg)}18%,to{transform:translateZ(0)}}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn{align-items:center;background-color:var(--msb-button-bg-color,#000);border-radius:var(--msb-button-border-radius,4px);color:var(--msb-button-text-color,#fff);display:inline-flex;justify-content:center;margin:0!important;padding:0!important;position:relative;text-decoration:none}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn p{margin:0;padding:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn .button-text{align-items:center;border-radius:4px;display:inline-block;padding:5px 8px;z-index:1}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-shadow,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-shadow:hover{box-shadow:0 4px 8px -2px rgba(0,0,0,.35)}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-3d-effect,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-3d-effect:hover{box-shadow:0 5px var(--msb-button-effect-color,#435100);transition:all .1s ease-in-out}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-3d-effect:active,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-3d-effect:hover:active{box-shadow:0 1px var(--msb-button-effect-color,#435100);top:4px}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-3d-effect.has-msb-shadow,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-3d-effect:hover.has-msb-shadow{box-shadow:0 5px var(--msb-button-effect-color,#435100),0 8px 20px -2px rgba(0,0,0,.4)}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn:not(.has-msb-shadow,.has-msb-3d-effect):hover{box-shadow:0 4px 8px -2px rgba(0,0,0,.35)}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-animation[data-animation=flash]{animation:msb-flash 4s linear 0s infinite}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-animation[data-animation=shake]{animation:msb-shake 4s linear 0s infinite}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-animation[data-animation=swing]{animation:msb-swing 4s linear 0s infinite}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-animation[data-animation=tada]{animation:msb-tada 4s linear 0s infinite}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-animation[data-animation=heartbeat]{animation:msb-heartbeat 4s linear 0s infinite}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-animation[data-animation=wobble]{animation:msb-wobble 4s linear 0s infinite}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border:hover{border:1px solid var(--msb-button-border-color,#000)}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1] .button-text:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2] .button-text:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3] .button-text:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4] .button-text:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:before{background-color:var(--msb-button-hover-border-color,#000);content:"";position:absolute}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]{transition:all .1s ease .6s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:hover{background-color:var(--msb-button-hover-bg-color,#fff);border-color:var(--msb-button-hover-bg-color,#fff);border-radius:0;color:var(--msb-button-hover-text-color,#000);transition:all .1s ease}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:before{height:0;width:2px}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:before{bottom:0;left:0;transition:all .1s ease .3s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:after{right:0;top:0;transition:all .1s ease}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1] .button-text:before{height:2px;width:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1] .button-text:before{left:0;top:0;transition:all .1s ease .2s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1] .button-text:after{bottom:0;right:0;transition:all .1s ease .4s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:hover:before{height:100%;transition:all .1s ease .2s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:hover:after{height:100%;transition:all .1s ease .4s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:hover .button-text:before{transition:all .1s ease .3s;width:100%}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:hover .button-text:after{transition:all .1s ease .1s;width:100%}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]{transition:all .1s ease .3s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:hover{background-color:var(--msb-button-hover-bg-color,#fff);border-color:var(--msb-button-hover-bg-color,#fff);border-radius:0;color:var(--msb-button-hover-text-color,#000);transition:all .1s ease}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:before{height:0;transition:all .1s ease .1s;width:2px}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:before{bottom:0;left:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:after{right:0;top:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2] .button-text:before{height:2px;transition:all .1s ease .1s;width:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2] .button-text:before{right:0;top:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2] .button-text:after{bottom:0;left:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:hover:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:hover:before{height:100%;transition:all .1s ease .1s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:hover .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:hover .button-text:before{transition:all .1s ease .1s;width:100%}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]{border-bottom-left-radius:0;border-top-right-radius:0;transition:all .1s ease .1s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:before{right:0;top:0;transition:all .1s ease .1s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3] .button-text:before{bottom:0;left:0;transition:all .1s ease .1s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]{border-bottom-right-radius:0;border-top-left-radius:0;transition:all .1s ease .1s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:before{bottom:0;right:0;transition:all .1s ease .1s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4] .button-text:before{left:0;top:0;transition:all .1s ease .1s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:hover,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:hover{background-color:var(--msb-button-hover-bg-color,#fff);border-color:var(--msb-button-hover-bg-color,#fff);border-radius:0;color:var(--msb-button-hover-text-color,#000);transition:all .1s ease}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:before{height:2px;width:14px}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3] .button-text:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4] .button-text:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:after{height:14px;width:2px}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4] .button-text:after{height:2px;width:14px}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:hover:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:hover:before{transition:all .1s ease .1s;width:100%}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:hover .button-text:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:hover:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:hover .button-text:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:hover:after{height:100%;transition:all .1s ease .1s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:hover .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:hover .button-text:after{transition:all .1s ease .1s;width:100%}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect:hover{color:var(--msb-button-hover-text-color,var(--msb-button-text-color,#fff))}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect:hover[data-fill-style=fill1]{background-color:var(--msb-button-hover-bg-color,var(--msb-button-bg-color,#000));border-color:var(--msb-button-hover-bg-color,var(--msb-button-bg-color,#000))}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill2]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill3]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill4]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill5]:after{background-color:var(--msb-button-hover-bg-color,var(--msb-button-bg-color,#000));border-radius:var(--msb-button-border-radius,4px);content:"";direction:rtl;height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:0;z-index:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill2]:hover:after{left:auto;right:0;width:100%}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill3]:after{bottom:0;height:0;top:auto;width:100%}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill3]:hover:after{height:100%;top:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill4]:after{height:0;top:0;width:100%}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill4]:hover:after{bottom:0;height:100%;top:auto}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill5]:after{height:100%;left:auto;right:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill5]:hover:after{left:0;width:100%}#rezept-plz-container {
font-family: 'Montserrat', sans-serif;
background-color: #fff;
color: #b8356d;
margin: 0 auto;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 400px;
}
#rezept-plz-search-container {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 10px;
margin-bottom: 20px;
}
#rezept-plz-search-field {
flex: 1;
padding: 10px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 4px;
}
#rezept-plz-search-button {
padding: 10px 20px;
font-size: 16px;
background-color: #b8356d;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
#rezept-plz-search-button:hover {
background-color: #b8356d;
}
#rezept-plz-results {
margin-top: 20px;
width: 100%;
text-align: center;
}
#rezept-plz-results div {
margin-bottom: 10px;
padding: 10px;
border: 1px solid #ccc;
cursor: pointer;
background-color: white;
color: #b8356d;
}
#rezept-plz-results div.rezept-plz-featured {
background-color: #b8356d;
color: white;
}
.rezept-plz-details {
margin-top: 20px;
text-align: center;
width: 100%;
max-width: 400px;
background-color: #f9f9f9;
color: #b8356d;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
border: 1px solid #ddd;
}
.rezept-plz-details h3 {
font-size: 24px;
color: #b8356d !important;
font-weight: bold;
margin-bottom: 10px;
}
.rezept-plz-details p {
font-size: 16px;
margin: 5px 0;
}
.rezept-plz-details .rezept-plz-button {
display: block;
margin: 10px 0;
padding: 12px;
font-size: 16px;
background-color: #b8356d;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
text-align: center;
text-decoration: none;
width: 100%;
}
.rezept-plz-details .rezept-plz-button:hover {
background-color: #b8356d;
}
#rezept-plz-menu-search-button {
background-color: #b8356d;
border: none;
color: #fff;
border-radius: 3px;
}
.rezept-plz-details .rezept-plz-link {
margin-top: 10px;
display: block;
font-size: 16px;
text-decoration: none;
color: #b8356d;
}
.rezept-plz-details .rezept-plz-link:hover {
text-decoration: underline;
}
#rezept-plz-menu-search-field, #rezept-plz-search-field {
margin-bottom: 0px !important; 
}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}.crp_related.crp-grid{--crp-gap:1.25rem;--crp-border-radius:0.5rem;--crp-transition:0.2s ease;--crp-focus-color:#0073aa;--crp-hover-shadow:0 4px 12px rgba(0, 0, 0, 0.1);--crp-grid-column-min:150px;--crp-grid-card-min-height:230px;--crp-grid-thumb-aspect-ratio:1;--crp-grid-title-line-clamp:3;--crp-grid-title-line-height:1.2em;clear:both;margin:1.25rem auto;contain:layout}.crp_related.crp-grid figure,.crp_related.crp-grid h3{margin:0}.crp_related.crp-grid ul{display:grid;gap:var(--crp-gap);margin:0;padding:0;list-style:none;justify-items:stretch;grid-template-columns:repeat(auto-fill,minmax(var(--crp-grid-column-min),1fr))}.crp_related.crp-grid ul li{display:flex;flex-direction:column;text-align:left;word-break:break-word;container-type:inline-size;min-height:var(--crp-grid-card-min-height)}.crp_related.crp-grid ul li a.crp_link{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;padding:.5rem;border-radius:var(--crp-border-radius);text-decoration:none;transition:transform var(--crp-transition),box-shadow var(--crp-transition);will-change:transform}.crp_related.crp-grid ul li a.crp_link:hover{transform:translateY(-4px);box-shadow:var(--crp-hover-shadow)}.crp_related.crp-grid a:focus-visible{outline:2px solid var(--crp-focus-color);outline-offset:2px;border-radius:var(--crp-border-radius)}.crp_related.crp-grid .crp_thumb{display:block;margin:0 auto .75rem;width:100%}.crp_related.crp-grid ul li img{width:100%;height:auto;display:block;border-radius:calc(var(--crp-border-radius) * .75);object-fit:cover;object-position:center;aspect-ratio:var(--crp-grid-thumb-aspect-ratio)}.crp_related.crp-grid .crp_title{display:block;margin:.5rem 0;font-weight:600;line-height:var(--crp-grid-title-line-height);overflow:hidden;display:-webkit-box;line-clamp:var(--crp-grid-title-line-clamp);-webkit-line-clamp:var(--crp-grid-title-line-clamp);-webkit-box-orient:vertical;max-height:calc(var(--crp-grid-title-line-height) * var(--crp-grid-title-line-clamp))}.crp_author,.crp_date,.crp_excerpt{display:block;font-size:.875em;opacity:.8;margin-top:.25rem;line-height:1.4}.crp_clear{clear:both}@container (min-width:320px){.crp_related.crp-grid ul li a.crp_link{padding:clamp(.5rem,2cqi,1rem)}}@media (prefers-color-scheme:dark){.crp_related.crp-grid{--crp-focus-color:#4a9eff;--crp-hover-shadow:0 4px 12px rgba(255, 255, 255, 0.1)}}@media (prefers-reduced-motion:reduce){.crp_related.crp-grid ul li a.crp_link{will-change:auto}.crp_related.crp-grid ul li a.crp_link:hover{transform:none}}