/* =====================================================================
gsl-nav2-v2 · neues Hauptmenü „Variante A – klassisch-seriös“ (Fatih 25.10.2026: „menüyü herkese aç“)
STUFE 2 (Standard): per /, keine .navbar/.dropdown-menu-Klassen (gsl-kopf.css-Regeln greifen dort).
===================================================================== */
/* Kennung: das Menü-Skript schaltet nur ein, wenn diese Datei geladen ist (sonst bleibt die alte Leiste) */
:root{--gsl-nav2-css:2}
/* ---- alte Leiste nur AUSBLENDEN (nicht löschen) – Wiederholung der Inline-Regel ---- */
html.gsl-nav2-an #gsl-mnav,
html.gsl-nav2-an nav.navbar.fixed-top{display:none !important}
html.gsl-nav2-an body{padding-top:0 !important}
html.gsl-nav2-an #page-wrapper #page{margin-top:0 !important}
/* ---- Hülle: klebt oben ---- */
html.gsl-nav2-an #gsl-nav2-wrap{display:block;position:sticky;top:0;z-index:1030;flex:none;width:100%}
.gsl-nav2{
--n2-navy:#123a5a; --n2-navy-d:#0d2c45; --n2-petrol:#0f6e63; --n2-petrol-l:#6fd0c3;
--n2-ink:#123a5a; --n2-muted:#5a6b7d; --n2-line:#e3e9ef; --n2-soft:#f1f5f9;
--n2-h:76px;
position:relative;
background:var(--n2-navy);
box-shadow:0 1px 0 rgba(255,255,255,.06) inset, 0 6px 20px rgba(9,30,48,.18);
font-family:'Inter Tight',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
font-size:15px;line-height:1.3;text-align:left;
-webkit-font-smoothing:antialiased;
}
.gsl-nav2 *,.gsl-nav2 *::before,.gsl-nav2 *::after{box-sizing:border-box}
.gsl-nav2 a,.gsl-nav2 a:hover,.gsl-nav2 a:focus{text-decoration:none}
.gsl-nav2 ul{list-style:none;margin:0;padding:0}
.gsl-nav2 li{margin:0}
.gsl-nav2 p{margin:0}
.gsl-nav2 button{font-family:inherit;cursor:pointer;margin:0;text-transform:none}
.gsl-nav2 img{border:0}
/* gsl-kopf.css: div/span:has(> a[href*="login/index.php"]){font-size:0 !important} → hier zurücksetzen */
.gsl-nav2 .gsl-nav2-inner,.gsl-nav2 .gsl-nav2-panel{font-size:15px !important}
.gsl-nav2-inner{max-width:1360px;margin:0 auto;padding:0 clamp(16px,2.6vw,40px);height:var(--n2-h);display:flex;align-items:center;gap:clamp(16px,2vw,36px)}
.gsl-nav2-logo{flex:0 0 auto;display:flex;align-items:center;height:100%;border-radius:6px}
.gsl-nav2-logo img{display:block;height:42px;width:auto;max-width:none}
.gsl-nav2-panel{flex:1 1 auto;display:flex;align-items:center;justify-content:space-between;height:100%;min-width:0}
.gsl-nav2-list{display:flex;align-items:stretch;height:100%;gap:clamp(2px,.6vw,10px)}
.gsl-nav2-item{position:relative;display:flex;align-items:stretch}
.gsl-nav2 .gsl-nav2-link{
position:relative;display:flex;align-items:center;gap:6px;height:100%;min-height:44px;
padding:0 clamp(8px,.9vw,14px);background:none;border:0;border-radius:0;
color:#ffffff !important;font-size:15px;font-weight:500;letter-spacing:.005em;white-space:nowrap;line-height:1.2;
}
.gsl-nav2 a.gsl-nav2-link:hover,.gsl-nav2 a.gsl-nav2-link:focus{color:#ffffff !important}
.gsl-nav2-link::after{content:"";position:absolute;left:clamp(8px,.9vw,14px);right:clamp(8px,.9vw,14px);bottom:20px;height:2px;border-radius:2px;background:var(--n2-petrol-l);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.gsl-nav2-link:hover::after,.gsl-nav2-link[aria-expanded="true"]::after,.gsl-nav2-link[aria-current="page"]::after{transform:scaleX(1)}
.gsl-nav2-chev{flex:none;opacity:.8;transition:transform .2s}
.gsl-nav2-link[aria-expanded="true"] .gsl-nav2-chev,.gsl-nav2-tool[aria-expanded="true"] .gsl-nav2-chev{transform:rotate(180deg)}
/* ---- Dropdowns ---- */
.gsl-nav2-dd{
display:none;position:absolute;top:calc(100% - 10px);left:-8px;z-index:20;
background:#fff;border-radius:14px;padding:22px 24px 18px;
box-shadow:0 18px 50px rgba(9,30,48,.22),0 2px 6px rgba(9,30,48,.08);border:1px solid var(--n2-line);
min-width:280px;color:var(--n2-ink);
}
.gsl-nav2-dd::before{content:"";position:absolute;top:-6px;left:34px;width:12px;height:12px;background:#fff;border-left:1px solid var(--n2-line);border-top:1px solid var(--n2-line);transform:rotate(45deg)}
.gsl-nav2 [aria-expanded="true"] + .gsl-nav2-dd{display:block}
.gsl-nav2-dd--wide{width:820px}
.gsl-nav2 [aria-expanded="true"] + .gsl-nav2-dd--wide{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 28px}
.gsl-nav2-dd--two{width:600px}
.gsl-nav2-dd--two ul{columns:2;column-gap:28px}
.gsl-nav2-dd--right{left:auto;right:-8px}
.gsl-nav2-dd--right::before{left:auto;right:30px}
.gsl-nav2-dd.is-shifted::before{display:none}
.gsl-nav2 .gsl-nav2-grp{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--n2-muted)}
.gsl-nav2 .gsl-nav2-dd a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:10px 12px;margin:0 -12px;border-radius:8px;background:none;color:var(--n2-ink) !important;font-size:15px;font-weight:500;line-height:1.3;break-inside:avoid;white-space:normal}
.gsl-nav2 .gsl-nav2-dd a:hover,.gsl-nav2 .gsl-nav2-dd a:focus{background:var(--n2-soft);color:var(--n2-navy-d) !important}
.gsl-nav2-dd a:hover .gsl-nav2-arrow{transform:translateX(3px)}
.gsl-nav2-arrow{color:var(--n2-petrol);transition:transform .15s;font-family:system-ui,'Segoe UI',Arial,sans-serif}
.gsl-nav2-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-6px 0 12px;padding-bottom:12px;border-bottom:1px solid var(--n2-line)}
.gsl-nav2 .gsl-nav2-head a{margin:0;padding:8px 0;min-height:44px;font-weight:700;color:var(--n2-petrol) !important}
.gsl-nav2 .gsl-nav2-head a:hover{background:none;text-decoration:underline}
.gsl-nav2-head span{font-size:13.5px;color:var(--n2-muted)}
.gsl-nav2-badge{flex:none;font-size:11.5px;font-weight:700;letter-spacing:.02em;color:var(--n2-petrol);background:#e3f3f0;border-radius:999px;padding:3px 9px}
/* ---- Werkzeuge rechts ---- */
.gsl-nav2-tools{display:flex;align-items:center;gap:4px;height:100%}
.gsl-nav2 .gsl-nav2-tool{display:flex;align-items:center;gap:7px;height:44px;padding:0 12px;border-radius:8px;background:none;border:0;color:#ffffff !important;font-size:14.5px;font-weight:500;white-space:nowrap;position:relative}
.gsl-nav2 .gsl-nav2-tool:hover,.gsl-nav2 .gsl-nav2-tool:focus{background:rgba(255,255,255,.09);color:#fff !important}
.gsl-nav2-tool svg{flex:none}
.gsl-nav2-lang,.gsl-nav2-userbox{position:relative;display:flex;align-items:center;height:100%}
.gsl-nav2-lang .gsl-nav2-dd,.gsl-nav2-userbox .gsl-nav2-dd{top:calc(100% - 12px)}
.gsl-nav2-check{color:var(--n2-petrol);font-weight:700}
.gsl-nav2-sep{height:1px;background:var(--n2-line);margin:8px 0}
.gsl-nav2 .gsl-nav2-dd a.gsl-nav2-en{color:var(--n2-petrol) !important;font-weight:700}
.gsl-nav2-hide-d{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.gsl-nav2-count{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e0592f;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}
.gsl-nav2-count[hidden]{display:none}
.gsl-nav2-avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#e8f0fb;color:var(--n2-navy);font-size:12.5px;font-weight:700;overflow:hidden}
.gsl-nav2-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.gsl-nav2-uname{max-width:160px;overflow:hidden;text-overflow:ellipsis}
.gsl-nav2-userbox .gsl-nav2-dd{min-width:250px}
.gsl-nav2-userhead{margin:-6px 0 8px;padding-bottom:10px;border-bottom:1px solid var(--n2-line);font-weight:700;color:var(--n2-ink)}
.gsl-nav2 .gsl-nav2-dd a.gsl-nav2-logout{color:#9b2c1f !important}
.gsl-nav2-edit{display:flex;align-items:center;color:#fff;font-size:14px}
.gsl-nav2-edit:empty{display:none}
.gsl-nav2-edit form{margin:0;display:flex;align-items:center}
.gsl-nav2-edit label,.gsl-nav2-edit .form-check-label{color:#fff !important;margin:0 6px 0 0}
/* Gast / eingeloggt */
.gsl-nav2:not(.is-auth) .gsl-nav2-auth{display:none !important}
.gsl-nav2.is-auth a.gsl-nav2-login[href],.gsl-nav2.is-auth .gsl-nav2-login{display:none !important}
/* Anmelden – gsl-kopf.css färbt a[href*="login/index.php"] global blau (.68rem, !important) → hier überschreiben */
.gsl-nav2 a.gsl-nav2-login[href]{flex:none;display:inline-flex !important;align-items:center !important;justify-content:center;height:44px !important;margin:0 !important;border:0 !important;padding:0 22px !important;border-radius:8px !important;background:#ffffff !important;background-image:none !important;color:var(--n2-navy) !important;font-size:15px !important;font-weight:700 !important;line-height:1 !important;white-space:nowrap;text-decoration:none !important;transition:background .15s,box-shadow .15s}
.gsl-nav2 a.gsl-nav2-login[href]:hover{background:#e8f1f8 !important;color:var(--n2-navy) !important;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.gsl-nav2-burger{display:none}
.gsl-nav2-only-m,.gsl-nav2-enlib{display:none}
.gsl-nav2-social{display:none}
/* Tastaturfokus */
.gsl-nav2 a:focus-visible,.gsl-nav2 button:focus-visible{outline:3px solid var(--n2-petrol-l);outline-offset:2px;border-radius:6px}
.gsl-nav2-dd a:focus-visible{outline-color:var(--n2-petrol) !important;outline-offset:0 !important}
.gsl-nav2 a:focus:not(:focus-visible),.gsl-nav2 button:focus:not(:focus-visible){outline:none;box-shadow:none}
/* Mittlere Breiten: kompakter */
@media (max-width:1279px){
.gsl-nav2-inner{gap:18px}
.gsl-nav2-list{gap:0}
.gsl-nav2 .gsl-nav2-link{font-size:14.5px;padding:0 9px}
.gsl-nav2-link::after{left:9px;right:9px}
.gsl-nav2 .gsl-nav2-tool{padding:0 10px}
.gsl-nav2 a.gsl-nav2-login[href]{padding:0 18px !important}
.gsl-nav2-tool .gsl-nav2-hide-m{display:none}
.gsl-nav2-logo img{height:38px}
}
/* eingeloggt, Desktop: Name nur im Menükopf, Bearbeiten-Beschriftung nur für Screenreader */
.gsl-nav2-userextra{display:none}
@media (min-width:1100px){
.gsl-nav2.is-auth .gsl-nav2-uname{display:none}
.gsl-nav2.is-auth .gsl-nav2-edit label,.gsl-nav2.is-auth .gsl-nav2-edit .form-check-label{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
}
@media (min-width:1100px) and (max-width:1439px){
.gsl-nav2.is-auth .gsl-nav2-tool .gsl-nav2-hide-m{display:none}
}
@media (min-width:1100px) and (max-width:1279px){
.gsl-nav2.is-auth [data-n2="notif"],.gsl-nav2.is-auth [data-n2="msg"]{display:none !important}
.gsl-nav2.is-auth .gsl-nav2-userextra{display:block}
.gsl-nav2.is-auth .gsl-nav2-logo img{height:34px}
}
/* ===== Mobil < 1100 px: Burger + Panel ===== */
@media (max-width:1099px){
.gsl-nav2{--n2-h:64px}
.gsl-nav2-inner{gap:10px}
.gsl-nav2-logo{margin-right:auto}
.gsl-nav2-logo img{height:34px}
.gsl-nav2 a.gsl-nav2-login[href]{height:44px;padding:0 14px !important;font-size:14px !important}
.gsl-nav2-burger{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border-radius:8px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff}
.gsl-nav2-burger:hover{background:rgba(255,255,255,.08)}
.gsl-nav2-burger .gsl-nav2-x{display:none}
.gsl-nav2.is-open .gsl-nav2-burger .gsl-nav2-x{display:block}
.gsl-nav2.is-open .gsl-nav2-burger .gsl-nav2-bars{display:none}
.gsl-nav2-panel{
display:none;position:fixed;left:0;right:0;top:var(--n2-h);bottom:0;height:auto;
flex-direction:column;align-items:stretch;justify-content:flex-start;
background:#ffffff;overflow-y:auto;overscroll-behavior:contain;padding:8px 0 28px;
}
.gsl-nav2.is-open .gsl-nav2-panel{display:flex}
.gsl-nav2-list{flex-direction:column;height:auto;gap:0}
.gsl-nav2-item{flex-direction:column;border-bottom:1px solid var(--n2-line)}
.gsl-nav2 .gsl-nav2-link{height:auto;min-height:56px;padding:0 20px;color:var(--n2-ink) !important;font-size:16.5px;justify-content:space-between;width:100%;text-align:left}
.gsl-nav2 a.gsl-nav2-link:hover,.gsl-nav2 a.gsl-nav2-link:focus{color:var(--n2-ink) !important}
.gsl-nav2-link::after{display:none}
.gsl-nav2 .gsl-nav2-link[aria-expanded="true"]{color:var(--n2-petrol) !important}
.gsl-nav2-chev{width:14px;height:14px;opacity:1}
.gsl-nav2-dd,.gsl-nav2-dd--wide,.gsl-nav2-dd--two{position:static;width:auto;min-width:0;box-shadow:none;border:0;border-radius:0;background:var(--n2-soft);padding:6px 20px 14px;transform:none !important}
.gsl-nav2-dd::before{display:none}
.gsl-nav2 [aria-expanded="true"] + .gsl-nav2-dd--wide{display:block}
.gsl-nav2-dd--two ul{columns:1}
.gsl-nav2 .gsl-nav2-grp{margin:14px 0 4px}
.gsl-nav2 .gsl-nav2-dd a{margin:0 -8px;padding:10px 8px;font-size:15.5px}
.gsl-nav2-head{flex-direction:column;align-items:flex-start;gap:0;margin:0 0 6px;padding-bottom:6px}
.gsl-nav2-tools{flex-direction:column;align-items:stretch;height:auto;padding:14px 20px 0;gap:10px}
.gsl-nav2 .gsl-nav2-tool{color:var(--n2-ink) !important;border:1px solid var(--n2-line);height:52px;padding:0 16px;font-size:15.5px;justify-content:flex-start}
.gsl-nav2 .gsl-nav2-tool:hover,.gsl-nav2 .gsl-nav2-tool:focus{background:var(--n2-soft);color:var(--n2-ink) !important}
.gsl-nav2-tool .gsl-nav2-hide-m{display:inline}
.gsl-nav2-hide-d{position:static !important;width:auto;height:auto;overflow:visible;clip:auto}
.gsl-nav2-count{position:static;margin-left:auto}
.gsl-nav2-lang,.gsl-nav2-userbox{height:auto;flex-direction:column;align-items:stretch}
.gsl-nav2-lang .gsl-nav2-tool,.gsl-nav2-userbox .gsl-nav2-tool{justify-content:space-between}
.gsl-nav2-lang .gsl-nav2-dd,.gsl-nav2-userbox .gsl-nav2-dd{border:1px solid var(--n2-line);border-top:0;border-radius:0 0 8px 8px}
.gsl-nav2-only-m{display:inline}
.gsl-nav2-lang .gsl-nav2-sep,.gsl-nav2-lang .gsl-nav2-en{display:none !important}
.gsl-nav2-langtxt,.gsl-nav2-uname{margin-right:auto}
.gsl-nav2-uname{max-width:none}
.gsl-nav2-edit{color:var(--n2-ink);padding:4px 2px}
.gsl-nav2-edit label,.gsl-nav2-edit .form-check-label{color:var(--n2-ink) !important}
.gsl-nav2 a.gsl-nav2-enlib{display:flex;align-items:center;justify-content:space-between;margin:10px 20px 0;min-height:52px;padding:0 16px;border-radius:8px;background:var(--n2-petrol);color:#fff !important;font-size:15.5px;font-weight:600}
.gsl-nav2 a.gsl-nav2-enlib:hover{background:#0b5a51;color:#fff !important}
.gsl-nav2-social{display:flex;gap:10px;justify-content:center;padding:22px 20px 0}
.gsl-nav2 .gsl-nav2-social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--n2-soft);color:var(--n2-navy) !important}
.gsl-nav2 .gsl-nav2-social a:hover{background:#e3edf5}
}
@media (max-width:359px){.gsl-nav2-logo img{height:28px}.gsl-nav2 a.gsl-nav2-login[href]{padding:0 10px !important}}
@media (prefers-reduced-motion:reduce){.gsl-nav2 *{transition:none !important}}
@media print{#gsl-nav2-wrap{display:none !important}}