/*
 * Header navigation from Design -> Menüs (inc/header_menus.php).
 *
 * A port of the inline CSS of WPCode snippets 261738 (desktop header), 261741 (login),
 * 261740 (sticky row) and 261739 (mobile menu). The desktop, login and sticky rules use the
 * snippets' class names unchanged, so while a snippet is still active its CSS and this file
 * say the same thing. The mobile rules are rescoped from `.gn-live-mobile` / `.gn-live-*` to
 * `.gn-mobile-nav` / `.gn-mobile-*`.
 *
 * Enqueued after style.css (which prints last of the theme's own files), where the
 * snippets' inline <style> blocks used to sit.
 */

/* 1. Desktop header (snippet 261738) */
@media(min-width:1024px){
 #header .gn-desk-layout{display:grid;grid-template-columns:clamp(255px,25vw,390px) minmax(0,1fr);--gn-search-width:325px;width:100%;background:#fff;min-height:116px;box-shadow:0 1px 6px rgba(0,0,0,.055)}
 #header .gn-desk-brand{display:flex;align-items:center;justify-content:center;padding:8px 19px;background:#a83b80;min-width:0;min-height:116px}
 #header .gn-desk-brand img{width:100%;max-width:370px;height:auto;max-height:112px;object-fit:contain}
 #header .gn-desk-right{min-width:0;display:grid;grid-template-rows:32px 48px 36px}
 #header .gn-desk-utility{display:grid;grid-template-columns:minmax(0,1fr) var(--gn-search-width);align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid #eceaf0;min-width:0}
 #header .gn-desk-quick,#header .gn-desk-social{display:flex;align-items:center;gap:clamp(7px,1.2vw,22px);min-width:0}
 #header .gn-desk-quick a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font:600 12px/1.25 Lato,sans-serif;color:#34313a;white-space:nowrap}
 #header .gn-desk-quick a img{width:17px;height:17px;object-fit:contain}
 #header .gn-desk-social a{display:flex;align-items:center;justify-content:center;width:21px;height:25px}
 #header .gn-desk-social img{width:19px;height:19px;object-fit:contain}
 #header .gn-desk-main-row{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:0 22px;border-bottom:1px solid #eceaf0;min-width:0}
 #header .gn-desk-main{display:flex;align-items:center;gap:clamp(10px,1.7vw,28px);min-width:0;height:100%}
 #header .gn-desk-main a{height:100%;display:flex;align-items:center;border-bottom:3px solid transparent;white-space:nowrap;text-decoration:none;color:#202024;font:700 15px/1.2 Lato,sans-serif}
 #header .gn-desk-main a.is-active,#header .gn-desk-main a:hover,#header .gn-desk-main a:focus-visible{color:#ac367e;border-bottom-color:#ac367e}
 #header .gn-desk-search{display:flex;align-items:center;flex:0 0 var(--gn-search-width);width:var(--gn-search-width);min-width:0;height:36px;border:1px solid #a83b80;border-radius:19px;background:#a83b80;position:relative;z-index:30;margin:0;box-shadow:none}
 #header .gn-desk-search button{flex:0 0 34px;height:100%;background:none;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
 #header .gn-desk-search button img{width:21px;height:21px}
 #header .gn-desk-search input[type="search"]{flex:1 1 auto;width:100%;min-width:0;border:0;outline:0;box-shadow:none;background:transparent;color:#fff;font:500 12px/1.4 Lato,sans-serif;padding:6px 7px 6px 10px;height:100%}
 #header .gn-desk-search input[type="search"]::placeholder{color:#fff;opacity:.94}
 #header .gn-desk-sub-row{min-width:0;display:flex;align-items:center;padding:0 20px;background:#f9f8fa;overflow:hidden}
 #header .gn-desk-sub-panel{display:flex;align-items:center;gap:clamp(8px,1.4vw,23px);min-width:0;white-space:nowrap;overflow-x:auto;scrollbar-width:thin;width:100%;height:36px}
 #header .gn-desk-sub-panel[hidden]{display:none!important}
 #header .gn-desk-sub-panel a{display:inline-flex;align-items:center;height:28px;padding:0 4px;text-decoration:none;color:#343039;font:600 13px/1.2 Lato,sans-serif}
 #header .gn-desk-sub-panel a.is-featured{padding:0 12px;border-radius:18px;background:#f8e6f0;color:#ad3e81}
 #header .gn-desk-sub-panel a:hover,#header .gn-desk-sub-panel a:focus-visible{color:#ac397e;text-decoration:underline}
 #header .gn-desk-layout :focus-visible{outline:2px solid #ad3e81;outline-offset:3px}
}
@media(min-width:1024px) and (max-width:1300px){
 #header .gn-desk-layout{grid-template-columns:265px minmax(0,1fr);--gn-search-width:225px}
 #header .gn-desk-utility{padding:0 13px}
 #header .gn-desk-main-row{padding:0 13px;gap:9px}
 #header .gn-desk-main{gap:clamp(8px,1.05vw,14px)}
 #header .gn-desk-main a{font-size:13px}
 #header .gn-desk-quick a{font-size:11px}
 #header .gn-desk-search{flex-basis:var(--gn-search-width)}
 #header .gn-desk-social{gap:6px}
}

/* Search scope selector and social alignment */
@media(min-width:1024px){
 #header .gn-desk-utility .gn-desk-social{justify-self:start;justify-content:flex-start;gap:11px}
 #header .gn-desk-search-options{position:relative;flex:0 0 auto;height:30px;min-width:100px;max-width:145px;margin:0}
 #header .gn-desk-search-options summary{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;background:#39373b;color:#fff;border-radius:16px;cursor:pointer;height:30px;list-style:none;font:700 12px/1.2 Lato,sans-serif;white-space:nowrap}
 #header .gn-desk-search-options summary::-webkit-details-marker{display:none}
 #header .gn-search-chevron{border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);width:6px;height:6px;margin-top:-3px}
 #header .gn-desk-search-options[open] .gn-search-chevron{transform:rotate(225deg);margin-top:3px}
 #header .gn-desk-search-menu{position:absolute;top:35px;left:0;width:210px;background:#fff;border:1px solid #e2dee4;border-radius:8px;box-shadow:0 12px 26px rgba(0,0,0,.14);padding:12px 10px 14px;margin:0;z-index:200}
 #header .gn-desk-search-menu legend{font:700 13px/1.3 Lato,sans-serif;color:#45414a;padding:0 6px}
 #header .gn-desk-search-menu label{display:flex;align-items:center;gap:9px;padding:7px 6px;cursor:pointer;font:500 13px/1.3 Lato,sans-serif;color:#242127}
 #header .gn-desk-search-menu label:hover{background:#f8edf4}
 #header .gn-desk-search-menu input{accent-color:#a83b80;flex:none;width:16px;height:16px;min-width:16px}
 #header .gn-desk-search-menu label span{white-space:nowrap}
 #header .gn-desk-search{overflow:visible}
 #header .gn-desk-search button{flex-shrink:0}
 #header .gn-desk-search .gn-desk-search-options{margin-left:3px}
}
@media(min-width:1024px) and (max-width:1300px){
 #header .gn-desk-utility{grid-template-columns:minmax(0,1fr) var(--gn-search-width)}
 #header .gn-desk-utility .gn-desk-social{gap:5px}
 #header .gn-desk-search-options{min-width:83px}
 #header .gn-desk-search-options summary{padding:0 8px;font-size:11px}
 #header .gn-desk-search input[type="search"]{font-size:11px}
}
@media(max-width:1023px){
 #header .gn-desk-layout{display:none!important}
}

/* 2. Login box in the utility row (snippet 261741) */
@media(min-width:1024px){
 #header .gn-desk-utility{overflow:visible!important}
 #header .gn-desk-social{gap:7px!important}
 #header .gn-login-restore{position:relative;margin-left:8px;z-index:999}
 #header .gn-login-restore summary{cursor:pointer;display:flex;gap:5px;align-items:center;list-style:none;white-space:nowrap;font:700 12px Lato,sans-serif;color:#333}
 #header .gn-login-restore summary::-webkit-details-marker{display:none}
 #header .gn-login-restore summary svg{width:20px;height:20px;stroke:#a83b80;fill:none}
 #header .gn-login-restore-content{position:absolute;top:29px;right:0;min-width:295px;padding:18px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 10px 28px #0003;z-index:999;white-space:normal}
 #header .gn-login-restore-content .login-header{display:block!important;position:static!important;visibility:visible!important;opacity:1!important;transform:none!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;background:#fff!important;box-shadow:none!important}
 #header .gn-login-restore-content form p{margin:0 0 10px!important}
 #header .gn-login-restore-content form label{display:block!important;color:#333!important;font-size:12px!important}
 #header .gn-login-restore-content input[type=text],#header .gn-login-restore-content input[type=password]{width:100%!important;height:38px!important;padding:7px!important;box-sizing:border-box!important;border:1px solid #ddd!important}
 #header .gn-login-restore-content .login-submit input{background:#a83b80!important;color:#fff!important;padding:9px 15px!important;border:0!important}
 #header .gn-login-restore-content>a{display:block!important;margin:8px 0;font-size:13px;color:#a83b80!important}
 /* The box sits inside .gn-desk-social, whose 21px icon-link size squeezed "Passwort
    verloren?" and "Hier registrieren" into a column one word wide (live since 2026-10-25). */
 #header .gn-desk-social .gn-login-restore-content a{display:block;width:auto;height:auto}
}

/* 3. Sticky row (snippet 261740) */
@media(min-width:1024px){
 #gridlove-header-sticky.gn-sticky-ready>.gn-sticky-new{display:flex!important;align-items:stretch;justify-content:space-between;gap:18px;width:100%;max-width:none;height:59px;min-height:59px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.08);padding:0 22px 0 0!important;box-sizing:border-box}
 #gridlove-header-sticky .gn-sticky-new .gn-sticky-brand{flex:0 0 clamp(180px,18vw,260px);height:59px;display:flex;align-items:center;justify-content:center;background:#a83b80;padding:7px 14px;box-sizing:border-box}
 #gridlove-header-sticky .gn-sticky-new .gn-sticky-brand img{width:100%;max-height:48px;object-fit:contain}
 #gridlove-header-sticky .gn-sticky-new .gn-sticky-links{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:clamp(7px,1.2vw,18px)}
 #gridlove-header-sticky .gn-sticky-new .gn-sticky-links a{display:inline-flex;align-items:center;align-self:stretch;white-space:nowrap;padding:0 1px;border-bottom:3px solid transparent;font:700 14px/1.2 Lato,sans-serif;color:#222;text-decoration:none}
 #gridlove-header-sticky .gn-sticky-new .gn-sticky-links a.is-active,#gridlove-header-sticky .gn-sticky-new .gn-sticky-links a:hover{color:#ac367e;border-bottom-color:#ac367e}
 #gridlove-header-sticky .gn-sticky-new .gn-sticky-search{display:flex;align-items:center;align-self:center;flex:0 1 240px;height:35px;min-width:140px;padding:0 11px 0 16px;margin:0;border-radius:19px;background:#a83b80;box-sizing:border-box}
 #gridlove-header-sticky .gn-sticky-new .gn-sticky-search input{min-width:0;width:100%;height:100%;box-shadow:none!important;background:transparent!important;border:0!important;color:#fff!important;font:500 12px/1.3 Lato,sans-serif!important;outline:none!important}
 #gridlove-header-sticky .gn-sticky-new .gn-sticky-search input::placeholder{color:#fff;opacity:.9}
 #gridlove-header-sticky .gn-sticky-new .gn-sticky-search button{width:30px;height:30px;flex:0 0 30px;background:none;border:0;color:#fff;font-size:24px;line-height:1;cursor:pointer}
}
@media(min-width:1024px) and (max-width:1230px){
 #gridlove-header-sticky.gn-sticky-ready>.gn-sticky-new{gap:10px;padding-right:10px!important}
 #gridlove-header-sticky .gn-sticky-new .gn-sticky-brand{flex-basis:190px}
 #gridlove-header-sticky .gn-sticky-new .gn-sticky-links a{font-size:12px}
 #gridlove-header-sticky .gn-sticky-new .gn-sticky-search{flex-basis:155px}
}
@media(max-width:1023px){#gridlove-header-sticky .gn-sticky-new{display:none!important}}

/* 4. Mobile menu (snippet 261739) */
@media(max-width:1023px){
 .gridlove-sidebar-action-inside.gn-mobile-nav #gridlove-sidebar-menu{background:#fff}
 .gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-nav-eyebrow{margin:0 0 10px!important;font:800 11px/1.35 Lato,sans-serif!important;letter-spacing:.085em;text-transform:uppercase;color:#68626c}
 .gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-search{display:flex;align-items:center;gap:10px;min-height:49px;margin:16px 20px 3px;padding:0 14px;border:1px solid #e5e2e8;border-radius:10px;background:#f8f8fa}
 .gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-search>svg{width:20px;height:20px;flex:none;color:#a43a80}
 .gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-search input{min-width:0;width:100%;height:44px;padding:9px 0!important;border:0!important;box-shadow:none!important;outline:0;background:transparent;font:400 14px/1.4 Lato,sans-serif!important;color:#29242b}
 .gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-search:focus-within{border-color:#a43a80;box-shadow:0 0 0 2px #a33b8021}
 .gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-quick{padding:18px 20px 15px;border-bottom:1px solid #e7e7eb}
 .gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-quick-grid a{display:flex;align-items:center;gap:9px;min-height:57px;min-width:0;padding:9px 10px!important;border:1px solid #efe8ee;border-radius:8px;background:#faf7fa;color:#29232b!important;text-decoration:none!important;font:700 14px/1.3 Lato,sans-serif!important;box-sizing:border-box}
 .gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-quick-grid a svg{width:22px;height:22px;color:#a43a80;flex:none}
 .gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-quick-grid a span{font-size:14px;overflow-wrap:anywhere}
 .gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-social{padding:13px 20px 16px;border-bottom:1px solid #e7e7eb}
 .gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-social-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
 .gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-social-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:61px;padding:7px 2px!important;border-radius:7px;background:#f8f6f8;text-align:center!important;text-decoration:none!important;font:500 10px/1.3 Lato,sans-serif!important;color:#302b33!important}
 .gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-social-grid a svg{display:block;width:24px;height:24px;object-fit:contain;color:#2c252d}
 /* The Instagram/TikTok link pages, from the social menu's second level. The ID is needed
    to beat style.css's `#gridlove-sidebar-menu a { padding: 17px 20px !important }`. */
 .gridlove-sidebar-action-inside.gn-mobile-nav #gridlove-sidebar-menu .gn-mobile-social-links{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 16px;margin:12px 0 0!important;font:500 12px/1.4 Lato,sans-serif!important;color:#68626c}
 .gridlove-sidebar-action-inside.gn-mobile-nav #gridlove-sidebar-menu .gn-mobile-social-links a{display:inline-block!important;padding:4px 0!important;border:0!important;font:700 13px/1.4 Lato,sans-serif!important;color:#a43a80!important;text-decoration:underline!important;text-underline-offset:3px}
 .gridlove-sidebar-action-inside.gn-mobile-nav #gridlove-sidebar-menu>ul.gridlove-mobile-menu{display:flex;flex-direction:column;gap:0;margin:0!important;padding:0 20px!important}
 .gridlove-sidebar-action-inside.gn-mobile-nav #gridlove-sidebar-menu>ul.gridlove-mobile-menu>li{display:block;margin:0!important;padding:0!important;border-bottom:1px solid #e8e6e9;position:relative}
 .gridlove-sidebar-action-inside.gn-mobile-nav #gridlove-sidebar-menu>ul.gridlove-mobile-menu>li>a{box-sizing:border-box!important;display:flex!important;align-items:center;gap:14px;min-height:56px!important;height:auto!important;margin:0!important;padding:14px 42px 14px 14px!important;border:0!important;background:none!important;color:#252128!important;text-decoration:none!important;font:700 18px/26px Lato,sans-serif!important;letter-spacing:0!important}
 .gridlove-sidebar-action-inside.gn-mobile-nav #gridlove-sidebar-menu>ul.gridlove-mobile-menu>li.gn-highlight>a{background:#fcf2f8!important;color:#853163!important;border-radius:7px}
 .gridlove-sidebar-action-inside.gn-mobile-nav #gridlove-sidebar-menu .gn-mobile-menu-icon{flex:none;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#a43a80}
 .gridlove-sidebar-action-inside.gn-mobile-nav #gridlove-sidebar-menu .gn-mobile-menu-icon svg{width:24px;height:24px}
 .gridlove-sidebar-action-inside.gn-mobile-nav #gridlove-sidebar-menu .sub-menu{margin:0!important;padding:4px 0 8px!important}
 .gridlove-sidebar-action-inside.gn-mobile-nav #gridlove-sidebar-menu .sub-menu>li{margin:0!important;padding:0!important;background:#fff!important}
 .gridlove-sidebar-action-inside.gn-mobile-nav #gridlove-sidebar-menu .sub-menu li>a{box-sizing:border-box!important;display:flex!important;align-items:center;min-height:46px!important;height:auto!important;padding:11px 44px 11px 36px!important;margin:0!important;border-bottom:1px solid #f0edf0!important;color:#39313a!important;text-decoration:none!important;font:500 15px/22px Lato,sans-serif!important;letter-spacing:0!important}
 .gridlove-sidebar-action-inside.gn-mobile-nav #gridlove-sidebar-menu .sub-menu .sub-menu li>a{padding-left:54px!important;font-size:14px!important}
 .gridlove-sidebar-action-inside.gn-mobile-nav #gridlove-sidebar-menu .gridlove-nav-widget-acordion{right:1px!important;top:7px!important;width:40px;min-height:40px;font-size:19px!important;display:flex;align-items:center;justify-content:center;z-index:2}
 .gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-gifts,.gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-service{padding:18px 20px 10px;border-top:1px solid #e7e7eb}
 .gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-gifts>a,.gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-service>a{display:flex;align-items:center;gap:13px;min-height:52px;padding:10px 0!important;border-bottom:1px solid #f0edf0!important;text-decoration:none!important;color:#29232b!important;font:600 15px/1.4 Lato,sans-serif!important}
 .gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-gifts>a svg,.gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-service>a svg{width:24px;height:24px;flex:none;color:#a43a80}
 .gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-quick-grid a:hover,.gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-social-grid a:hover,.gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-gifts>a:hover,.gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-service>a:hover{background:#f6eaf2!important;color:#81275e!important}
 .gridlove-sidebar-action-inside.gn-mobile-nav a:focus-visible,.gridlove-sidebar-action-inside.gn-mobile-nav input:focus-visible{outline:2px solid #a43a80!important;outline-offset:2px}
}
@media(max-width:359px){
 .gridlove-sidebar-action-inside.gn-mobile-nav #gridlove-sidebar-menu>ul.gridlove-mobile-menu>li>a{font-size:17px!important}
 .gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-quick-grid a span{font-size:12px}
 .gridlove-sidebar-action-inside.gn-mobile-nav .gn-mobile-social-grid a{font-size:9px!important}
}