/* 1.0.1: overflow:clip, sonst schiebt Safari beim Tippen auf einen Link das ganze Paneel nach oben (Link in Sicht scrollen). */
/* B&W Mobilmenü: eigenes Telefonmenü (wie kostbaar.nl seit Oktober 2026). Alles hängt an .buw-mn, das Theme-Menü bleibt unangetastet. */
.buw-mn{--buw-navy:#12213B;--buw-orange:#EC6523;--buw-orange-dunkel:#C95218;--buw-creme:#FFF5EE;
--buw-chev:url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.72734 6.48867L7.10938 7.10664L1.85938 12.3566L1.23867 12.9773L0 11.7387L0.617969 11.1207L5.25 6.48867L0.620703 1.85664L0 1.23867L1.23867 0L1.85664 0.617969L7.10664 5.86797L7.72734 6.48867Z' fill='%23EB671F'/%3E%3C/svg%3E");
--buw-zurueck:url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-4.47323e-05 6.48862L0.617916 5.87065L5.86792 0.620695L6.48863 -4.87666e-06L7.7273 1.2386L7.10933 1.85659L2.4773 6.48862L7.10659 11.1207L7.7273 11.7386L6.48862 12.9773L5.87065 12.3593L0.620656 7.10932L-4.47323e-05 6.48862Z' fill='%23EB671F'/%3E%3C/svg%3E");
--buw-zu:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M21.5304 21.5299L0.470272 21.5299L3.21412 19.0999L18.6126 19.0999L21.5304 21.5299Z' fill='%23EC6523'/%3E%3Crect x='4.81641' y='0.470093' width='19.3744' height='1.93972' transform='rotate%2845 4.81641 0.470093%29' fill='%2312213B'/%3E%3Crect x='3.44434' y='14.1699' width='19.3744' height='1.93972' transform='rotate%28-45 3.44434 14.1699%29' fill='%2312213B'/%3E%3C/svg%3E");
--buw-lupe:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M11.7 5.85C11.7 7.14094 11.2809 8.33344 10.575 9.30094L14.1356 12.8644C14.4872 13.2159 14.4872 13.7869 14.1356 14.1384C13.7841 14.49 13.2131 14.49 12.8616 14.1384L9.30094 10.575C8.33344 11.2838 7.14094 11.7 5.85 11.7C2.61844 11.7 0 9.08156 0 5.85C0 2.61844 2.61844 0 5.85 0C9.08156 0 11.7 2.61844 11.7 5.85ZM5.85 9.9C8.08675 9.9 9.9 8.08675 9.9 5.85C9.9 3.61325 8.08675 1.8 5.85 1.8C3.61325 1.8 1.8 3.61325 1.8 5.85C1.8 8.08675 3.61325 9.9 5.85 9.9Z' fill='%2312213B'/%3E%3C/svg%3E")}

/* Das alte Theme-Menü nie zeigen, sobald unser Menü bereit ist. */
html.buw-mn-bereit .main-header .mobile-nav-container{display:none!important}

.buw-mn-laag{position:fixed;inset:0;z-index:99998;background:rgba(18,33,59,.45);opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility 0s linear .3s;-webkit-tap-highlight-color:transparent}
html.buw-mn-offen .buw-mn-laag{opacity:1;visibility:visible;transition:opacity .3s ease-in-out}

.buw-mn{position:fixed;left:0;top:0;z-index:99999;display:flex;flex-direction:column;box-sizing:border-box;width:60%;max-width:60vw;height:100vh;height:100dvh;overflow:hidden;overflow:clip;overscroll-behavior:none;background:var(--buw-creme);color:var(--buw-navy);transform:translateX(-100%);transition:transform .3s ease-in-out,visibility 0s linear .3s;visibility:hidden;will-change:transform;text-align:left}
@media (max-width:550px){.buw-mn{width:90%;max-width:90vw}}
html.buw-mn-offen .buw-mn{transform:translateX(0);visibility:visible;transition:transform .3s ease-in-out}
body.admin-bar .buw-mn{top:32px;height:calc(100dvh - 32px)}
@media (max-width:782px){body.admin-bar .buw-mn{top:46px;height:calc(100dvh - 46px)}}
html.buw-mn-offen,html.buw-mn-offen body{overflow:hidden;overscroll-behavior:none}

.buw-mn *,.buw-mn *::before,.buw-mn *::after{box-sizing:border-box}
.buw-mn a{text-decoration:none}
.buw-mn-kopf{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:25px 19px}
.buw-mn-kopf img{display:block;max-width:200px;max-height:40px;width:auto;height:auto}
.buw-mn-zu{display:block;flex-shrink:0;width:24px;height:24px;background:var(--buw-zu) center/24px 24px no-repeat;border:0;padding:0;cursor:pointer}

.buw-mn-rumpf{flex:1;min-height:0;overflow:clip;display:flex;flex-direction:column;padding:15px 19px 0}
.buw-mn-zurueck{display:flex;flex-shrink:0;align-items:center;gap:15px;margin:0 0 28px;padding:0;border:0;background:none;color:var(--buw-navy);font:inherit;font-size:16px;font-weight:400;line-height:108%;cursor:pointer;text-align:left}
.buw-mn-zurueck::before{content:"";display:block;position:relative;top:-1px;flex-shrink:0;width:9px;height:13px;background:var(--buw-zurueck) center/9px 13px no-repeat}
.buw-mn-zurueck[hidden]{display:none}
.buw-mn-liste{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.buw-mn-liste ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:stretch;gap:20px}
.buw-mn-liste ul.buw-mn-unter{gap:15px}
.buw-mn-liste li{margin:0;padding:0;width:100%}
.buw-mn-liste li::before{display:none}
.buw-mn-eintrag{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:42px;margin:0;padding:0;border:0;background:none;color:var(--buw-navy);text-align:left;cursor:pointer;font:inherit}
.buw-mn-haupt .buw-mn-eintrag{font-family:"ivypresto-display",sans-serif;font-size:24px;font-weight:700;line-height:108%}
.buw-mn-unter .buw-mn-eintrag{font-size:18px;font-weight:600;line-height:108%}
.buw-mn .buw-mn-label{font:inherit;color:inherit;letter-spacing:inherit;text-transform:none;margin:0;padding:0}
.buw-mn a.buw-mn-eintrag:is(:hover,:focus,:active),.buw-mn a.buw-mn-textlink:is(:hover,:focus,:active){color:var(--buw-navy);text-decoration:none}
.buw-mn a.buw-mn-knopf:is(:hover,:focus){text-decoration:none}
.buw-mn-pfeil{display:flex;flex-shrink:0;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--buw-orange)}
.buw-mn-pfeil::after{content:"";display:block;width:9px;height:13px;background:var(--buw-chev) center/9px 13px no-repeat}
.buw-mn-rein{animation:buw-mn-rein .3s ease-out}
@keyframes buw-mn-rein{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}

.buw-mn-unten{flex-shrink:0;display:flex;flex-direction:column;gap:16px;padding:20px 19px;padding-bottom:max(20px,env(safe-area-inset-bottom))}
.buw-mn-knoepfe{display:flex;flex-wrap:wrap;gap:12px}
.buw-mn-knopf{flex:1 1 calc(50% - 6px);min-width:0;display:flex;align-items:center;justify-content:center;height:46px;padding:4px 8px 0;border:1px solid var(--buw-orange);background:transparent;color:var(--buw-navy);font:inherit;font-size:16px;font-weight:600;text-align:center;white-space:nowrap;cursor:pointer;transition:background-color .3s ease-in-out,color .3s ease-in-out}
.buw-mn-knopf:is(:hover,:active,:focus-visible){background:var(--buw-orange);color:#fff}
.buw-mn-knopf.buw-mn-haupt-knopf{background:var(--buw-orange);color:#fff}
.buw-mn-knopf.buw-mn-haupt-knopf:is(:hover,:active,:focus-visible){background:var(--buw-orange-dunkel)}
.buw-mn-textlink{flex-basis:100%;margin-top:6px;text-align:center;color:var(--buw-navy);font-size:16px;font-weight:400;line-height:108%}
.buw-mn-suche{position:relative;margin:0;background:#fff;padding:12px 18px 12px 50px}
.buw-mn-suche input{display:block;width:100%;margin:0;padding:0;border:0;outline:0;background:transparent;color:#2A364D;font:inherit;font-size:16px;font-weight:400;line-height:1.2;-webkit-appearance:none;appearance:none;border-radius:0}
.buw-mn-suche input::placeholder{color:rgba(18,33,59,.5)}
.buw-mn-suche button{position:absolute;left:18px;top:0;bottom:0;width:20px;margin:0;padding:0;border:0;background:var(--buw-lupe) left center/16px 16px no-repeat;cursor:pointer}