/* Off-Canvas-Navigation (Stölzel) — gehört zu contao/templates/nav_offcanvas.html.twig */

/* Demo-Hamburger des Themes ausblenden (wir nutzen den eigenen Burger) */
.nav-toggle{ display:none !important; }

.st-burger{ display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; border:0; background:transparent; cursor:pointer; color:var(--c-primary-700,#006c8d); }
.st-burger svg{ width:28px; height:28px; }

.st-oc{ position:fixed; inset:0; z-index:2000; visibility:hidden; }
.st-oc.is-open{ visibility:visible; }
.st-oc__backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.45); opacity:0; transition:opacity .25s ease; }
.st-oc.is-open .st-oc__backdrop{ opacity:1; }
.st-oc__panel{ position:absolute; top:0; left:0; height:100%; width:320px; max-width:86%; background:#fff; box-shadow:2px 0 18px rgba(0,0,0,.22); transform:translateX(-100%); transition:transform .28s ease; overflow-y:auto; padding:1.25rem 1.25rem 2rem; }
.st-oc.is-open .st-oc__panel{ transform:translateX(0); }
.st-oc__close{ border:0; background:transparent; font-size:2rem; line-height:1; cursor:pointer; float:right; color:var(--c-primary-700,#006c8d); }

.st-oc__nav ul{ list-style:none; margin:0; padding:0; clear:both; }
.st-oc__nav li{ border-bottom:1px solid #eee; }
.st-oc__nav a, .st-oc__nav strong{ display:block; padding:.7rem .25rem; color:var(--c-text,#1d2b3a); text-decoration:none; font-weight:600; }
.st-oc__nav a:hover, .st-oc__nav a.active, .st-oc__nav a.trail, .st-oc__nav strong.active, .st-oc__nav strong.trail{ color:var(--c-primary,#4d98af); }
.st-oc__nav ul ul a{ padding-left:1.2rem; font-weight:400; }