.blog-search-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;color:inherit;background:#ffffffa0;border:1px solid #cfcac1}.blog-search-button:hover{background:#ffe7ab}.menu-close{display:none}.menu-toggle[aria-expanded=true] .menu-lines{display:none}.menu-toggle[aria-expanded=true] .menu-close{display:block}.blog-menu-search{display:none}.site-header #navigation.open .blog-menu-search{display:block}.blog-menu-search label{display:block;font-size:11px;font-weight:700;margin:0 0 10px}.blog-menu-search>div{display:flex;gap:8px}.blog-menu-search input{width:100%;min-width:0;padding:12px;border:1px solid #ccc;background:white;font:inherit;font-size:14px}.blog-menu-search button{white-space:nowrap;padding:12px 16px;min-height:44px;font-size:13px}.masthead>.blog-search-button{position:absolute;right:0;bottom:22px}.site-header #navigation.open .blog-menu-search{flex-basis:100%;width:100%;padding-top:15px}.site-header #navigation.open{flex-wrap:wrap}
@media(max-width:760px){.site-header:has(.blog-search-button) .masthead,.site-header .block-masthead{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;gap:10px;align-items:center;position:relative;padding:18px 0}.site-header:has(.blog-search-button) .masthead .logo{grid-column:1;grid-row:1;font-size:clamp(31px,8vw,44px);margin:0;line-height:1}.site-header:has(.blog-search-button) .masthead .edition,.site-header:has(.blog-search-button) .masthead .brand-note,.site-header:has(.blog-search-button) .masthead .newsletter-link{display:none}.site-header:has(.blog-search-button) .blog-search-button{grid-column:2;grid-row:1;position:static;width:44px;height:44px;margin:0}.site-header:has(.blog-search-button) .menu-toggle{grid-column:3;grid-row:1;position:static;display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin:0;border:0;background:#191919;color:white;border-radius:0}.site-header:has(.blog-search-button) #navigation{display:none;width:100%;margin:0;padding:0}.site-header:has(.blog-search-button) #navigation.open{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:12px 18px 20px;background:#f1ece4;border-top:3px solid #ff71cf;box-shadow:0 8px 22px #19191910}.site-header:has(.blog-search-button) #navigation>a{display:flex;align-items:center;justify-content:space-between;min-height:49px;padding:12px 0;border-bottom:1px solid #d6cfc5;font-size:17px}.site-header:has(.blog-search-button) #navigation>a:after{content:'↗';font-size:17px}.site-header:has(.blog-search-button) #navigation .nav-note{display:none}.site-header .block-masthead{padding:18px 5%}.block-masthead .wordmark{grid-column:1;grid-row:1;font-size:clamp(26px,7vw,35px)}.block-masthead>p{display:none}.site-header .block-masthead #navigation{grid-column:1/-1;grid-row:2}.blockfunk .site-header #navigation.open{background:#edf3fc;border-color:#123ef1}.blockfunk .site-header .menu-toggle{background:#123ef1}.blog-menu-search{margin-top:10px}.blog-menu-search button{border-radius:0}}

@media(min-width:761px){.site-header:has(.blog-search-button) #navigation.open{height:auto;min-height:49px;overflow:visible;padding-bottom:24px;row-gap:12px;align-content:start}.site-header:has(.blog-search-button) #navigation.open .blog-menu-search{flex:0 0 100%;margin:0;padding:18px 20px 20px;background:#f1ece4;border-top:1px solid #d6cfc5;box-sizing:border-box}.site-header:has(.blog-search-button) .blog-menu-search>div{align-items:stretch}.site-header:has(.blog-search-button) .blog-menu-search input{min-height:48px}.site-header:has(.blog-search-button) .blog-menu-search button{flex-shrink:0}.blockfunk .site-header #navigation.open .blog-menu-search{background:#edf3fc;border-color:#d1daeb}}

/* Weg ins Neue uses a compact standalone header instead of a masthead wrapper. */
@media(max-width:760px){.auswanderer .ak-header.site-header .menu-toggle{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:#0d3044;color:#fff;border-radius:0}.auswanderer .ak-header.site-header .blog-search-button{position:static;display:flex;width:44px;height:44px;margin:0;background:#fff;border-color:#c9cbc5}.auswanderer .ak-header.site-header #navigation.open{display:flex;position:absolute;left:0;right:0;top:100%;height:auto;padding:10px 5% 20px;gap:0;flex-direction:column;align-items:stretch;background:#fbfaf6;border-top:1px solid #c9cbc5;box-shadow:0 12px 25px #102c3e20}.auswanderer .ak-header.site-header #navigation.open>a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:11px 0;border-bottom:1px solid #c9cbc5;font-size:14px}.auswanderer .ak-header.site-header #navigation.open>a:after{content:'→';color:#e65f35}.auswanderer .ak-header.site-header #navigation.open .blog-menu-search{display:block;width:100%;padding:16px 0 0;margin:0;background:transparent;border:0;box-shadow:none}.auswanderer .ak-header.site-header #navigation.open .blog-menu-search button{background:#e65f35}}

/* On desktop, opening search overlays the page instead of enlarging the navigation. */
@media(min-width:761px){
 header.search-open{position:relative;z-index:40}
 header.search-open .blog-menu-search{display:block;position:absolute;z-index:50;top:100%;left:4%;right:4%;width:auto;max-width:none;min-width:0;flex:none;margin:0;padding:18px 20px 20px;background:#f8f6f1;border:1px solid #d6cfc5;box-shadow:0 12px 24px #18334025;box-sizing:border-box}
 header.search-open .blog-menu-search>div{display:flex;min-width:0;align-items:stretch}
 header.search-open .blog-menu-search input{flex:1;width:auto;min-width:0}
 header.search-open .blog-menu-search button{flex:none}
}
.instagram-footer-link{display:inline-flex;align-items:center;gap:.45em;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em;white-space:nowrap}.instagram-footer-link::before{content:'◎';font-size:1.2em;line-height:1}.instagram-footer-link:hover{text-decoration-thickness:2px}
.blog-menu-search>div{position:relative}.blog-menu-search .search-spark{display:grid;place-items:center;flex:0 0 42px;background:linear-gradient(135deg,#123ef1,#ef6fae);color:#fff;font-size:19px}.advanced-search-link{display:inline-block;margin-top:9px!important;font-size:11px!important;text-decoration:underline!important;text-underline-offset:3px}.footer-discovery-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;font-size:11px}.footer-discovery-links a{text-decoration:underline;text-underline-offset:3px}

/* Ruhige, fokussierte Suche im Magazin-Header. */
body.search-overlay-open{overflow:hidden}
body.search-overlay-open::before{content:'';position:fixed;z-index:30;inset:0;background:rgb(20 25 31 / .56);backdrop-filter:grayscale(.35);animation:search-backdrop-in .16s ease-out}
header.search-open{z-index:40!important}
header.search-open .blog-menu-search{color:#25282b;background:#fff!important;border:0!important;border-radius:2px;box-shadow:0 18px 55px rgb(10 18 25 / .28)!important}
header.search-open .blog-menu-search label{margin-bottom:12px;color:#3f454a;font-size:12px;letter-spacing:.01em}
header.search-open .blog-menu-search>div{gap:0;overflow:hidden;border:1px solid #c8ccd0;border-radius:2px;background:#fff;transition:border-color .15s,box-shadow .15s}
header.search-open .blog-menu-search>div:focus-within{border-color:#4d5962;box-shadow:0 0 0 3px rgb(77 89 98 / .13)}
header.search-open .blog-menu-search .search-spark{flex-basis:46px;background:#fff;color:#555e64;font-size:17px}
header.search-open .blog-menu-search input{min-height:52px;padding:13px 8px;border:0!important;background:#fff;color:#202428;font-size:16px;outline:0!important;box-shadow:none!important}
header.search-open .blog-menu-search input:focus-visible{outline:0!important}
header.search-open .blog-menu-search button{min-height:52px;padding-inline:24px;border-radius:0;box-shadow:none}
header.search-open .advanced-search-link{margin-top:12px!important;color:#4f565b;font-size:11px!important;text-decoration:none!important}
header.search-open .advanced-search-link:hover{text-decoration:underline!important;text-underline-offset:4px}
@keyframes search-backdrop-in{from{opacity:0}to{opacity:1}}
@media(max-width:760px){body.search-overlay-open::before{z-index:20}header.search-open{position:relative;z-index:40!important}header.search-open #navigation.open>a,header.search-open #navigation.open>.nav-note{display:none!important}header.search-open #navigation.open{padding-top:0!important}header.search-open .blog-menu-search{padding:14px!important;margin-top:0!important}header.search-open .blog-menu-search>div{display:grid;grid-template-columns:46px minmax(0,1fr)}header.search-open .blog-menu-search button{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){body.search-overlay-open::before{animation:none}}
