/**
 * @author    Ronny Antes
 * @copyright 2026 Ronny Antes - North-Addons
 * @license   North-Addons.de License <https://lizenz.north-addons.de/lizenz.html>
 * @Version   1.2.17
 * @Software  Naturkraft Despina CMS 1.2.17
 */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.frontend{overflow-x:clip;min-width:0}
body.frontend *,body.frontend *:before,body.frontend *:after{min-width:0}
body.frontend img,body.frontend picture,body.frontend video,body.frontend canvas,body.frontend svg,body.frontend iframe{max-width:100%;height:auto}
body.frontend p,body.frontend li,body.frontend td,body.frontend th,body.frontend label,body.frontend a,body.frontend code{overflow-wrap:anywhere}
body.frontend input,body.frontend select,body.frontend textarea,body.frontend button{max-width:100%}
body.frontend .wrap,body.frontend .site-region{max-width:100%}
body.frontend .site-layout-main,body.frontend .frontend-sidebar,body.frontend .frontend-box,body.frontend .frontend-widget{min-width:0}
body.frontend .feature-image img,body.frontend .gallery-item img,body.frontend .widget-image img{display:block;max-width:100%}
body.frontend .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

body.frontend.mobile-nav-open{overflow:hidden}
body.frontend .hero-copy,body.frontend .prose,body.frontend .content-columns>*,body.frontend .footer-grid>*{min-width:0}
body.frontend pre{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
body.frontend .content-linkcard,body.frontend .widget-link-list a{max-width:100%}
body.frontend .menu-link{overflow-wrap:normal;word-break:normal}
body.frontend .site-owner-copyright,body.frontend .northaddons-copyright-protected{overflow-wrap:anywhere}

/* Geschützter Footer-Bereich: nicht über Style-/Custom-CSS versehentlich ausblendbar. */
html body.frontend footer.site-footer[data-protected-footer="1"]{display:block!important;visibility:visible!important;opacity:1!important;max-width:none!important;height:auto!important;min-height:1px!important;overflow:hidden!important}
html body.frontend footer.site-footer .footer-copyrights{position:relative!important;z-index:4!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px 24px!important;flex-wrap:wrap!important;margin-top:28px!important;padding-top:18px!important;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent)!important;font-size:.86rem!important;line-height:1.45!important}
html body.frontend footer.site-footer .site-owner-copyright{display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;gap:.34em!important;flex-wrap:wrap!important;color:inherit!important;text-decoration:none!important;max-width:100%!important}
html body.frontend footer.site-footer .site-owner-copyright:hover{text-decoration:underline!important;text-underline-offset:3px!important}
html body.frontend footer.site-footer a.northaddons-copyright-protected[data-northaddons-protected="1"]{display:inline-flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:5!important;width:auto!important;height:auto!important;max-width:100%!important;min-height:0!important;margin:0!important;padding:4px 0!important;clip:auto!important;clip-path:none!important;transform:none!important;filter:none!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;font:600 .86rem/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:normal!important;text-indent:0!important;white-space:normal!important;text-decoration:none!important}
html body.frontend footer.site-footer a.northaddons-copyright-protected[data-northaddons-protected="1"]:hover{text-decoration:underline!important;text-underline-offset:3px!important}

/* Große Tablets / kleine Notebooks */
@media(max-width:1100px){
  body.frontend .topline .wrap{gap:12px;flex-wrap:wrap}
  body.frontend .topline-user{margin-left:auto}
  body.frontend .header-navigation-row{z-index:45}
  body.frontend .header-navigation-row .nav-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:48px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary);cursor:pointer}
  body.frontend .header-navigation-row .main-nav{z-index:50;max-height:min(70dvh,620px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  body.frontend .header-navigation-row .main-nav.open{display:grid!important}
  body.frontend .main-nav .header-menu,body.frontend .main-nav .menu-level,body.frontend .main-nav .menu-entry{width:100%}
  body.frontend .main-nav .menu-link{width:100%;justify-content:flex-start}
  body.frontend .main-nav .submenu-toggle{min-width:42px;min-height:42px}
  body.frontend .site-layout.has-left.has-right{grid-template-columns:minmax(0,1fr)}
  body.frontend .site-layout.has-left.has-right>.sidebar-left{display:grid}
  body.frontend .frontend-sidebar{position:static}
}

@media(max-width:900px){
  body.frontend .wrap{width:min(calc(100% - 32px),var(--content))}
  body.frontend .site-region{width:min(calc(100% - 32px),var(--content))}
  body.frontend .hero,body.frontend .global-hero{min-height:auto!important}
  body.frontend .hero-inner,body.frontend .global-hero .hero-inner{grid-template-columns:minmax(0,1fr)!important;gap:28px!important;padding:clamp(48px,8vw,72px) 0!important}
  body.frontend .hero-copy{max-width:760px!important}
  body.frontend .hero h1,body.frontend .section h1{font-size:clamp(2.35rem,8vw,4.4rem)!important;line-height:1.02!important}
  body.frontend .hero p,body.frontend .lead{font-size:clamp(1rem,2.5vw,1.14rem)!important}
  body.frontend .orb{justify-self:center!important;max-width:min(320px,70vw)!important;width:100%!important}
  body.frontend .global-hero[style*="background-image"]:before{background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 94%,transparent) 0 58%,color-mix(in srgb,var(--surface) 70%,transparent) 100%)!important}
  body.frontend .site-layout,body.frontend .site-layout.has-left,body.frontend .site-layout.has-right,body.frontend .site-layout.has-left.has-right{display:flex!important;flex-direction:column!important;gap:0!important}
  body.frontend .site-layout>.sidebar-left{order:1;width:100%}
  body.frontend .site-layout>.site-layout-main{order:2;width:100%}
  body.frontend .site-layout>.sidebar-right{order:3;width:100%}
  body.frontend .frontend-sidebar{width:100%;padding-block:16px!important}
  body.frontend .footer-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr)!important;gap:28px!important}
  body.frontend .footer-boxes{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.frontend .account-grid{grid-template-columns:1fr!important}
}

@media(max-width:700px){
  body.frontend .wrap,body.frontend .site-region,body.frontend .header-main-stacked{width:min(calc(100% - 24px),var(--content))!important}
  body.frontend .topline .wrap{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:7px 0!important}
  body.frontend .topline .wrap>span{max-width:none!important;font-size:.76rem;line-height:1.35}
  body.frontend .topline-user{margin:0;justify-self:end}
  body.frontend .frontend-user-dropdown{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;min-width:0!important;width:auto!important}
  body.frontend .header-main-stacked{padding:clamp(10px,var(--header-vertical-padding),22px) 0!important;gap:clamp(9px,var(--header-logo-menu-gap),18px)!important}
  body.frontend .site-brand .site-logo{width:min(var(--site-logo-width),82vw)!important;max-height:min(var(--site-logo-max-height),88px)!important}
  body.frontend .header-navigation-row .main-nav{left:0!important;right:0!important;width:100%!important;max-height:calc(100dvh - 150px)!important;border:1px solid color-mix(in srgb,var(--border) 82%,transparent)}
  body.frontend .hero-inner,body.frontend .global-hero .hero-inner{padding:42px 0!important;gap:22px!important}
  body.frontend .hero h1,body.frontend .section h1{font-size:clamp(2.1rem,11.5vw,3.65rem)!important;letter-spacing:-.035em!important}
  body.frontend .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%;max-width:420px;margin-top:24px!important}
  body.frontend .hero-actions .btn,body.frontend .hero-actions .button{width:100%!important;min-height:46px!important}
  body.frontend .orb{max-width:min(230px,62vw)!important}
  body.frontend .section{padding:clamp(44px,10vw,60px) 0!important;min-height:0!important}
  body.frontend .section.compact{padding:28px 0!important}
  body.frontend .card,body.frontend .panel,body.frontend .frontend-box{padding:clamp(16px,4.5vw,22px)!important;border-radius:min(var(--radius),20px)!important}
  body.frontend .content-columns{grid-template-columns:1fr!important;gap:14px!important}
  body.frontend .content-linkgrid{grid-template-columns:1fr!important}
  body.frontend .frontend-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.frontend .frontend-gallery .gallery-item,body.frontend .frontend-gallery .gallery-item:nth-child(n){grid-column:span 1!important;grid-row:span 1!important;aspect-ratio:4/3!important;height:auto!important}
  body.frontend .widget-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.frontend .footer-grid{grid-template-columns:1fr!important;gap:22px!important}
  body.frontend .footer-grid>div:last-child{gap:10px!important}
  body.frontend .footer-boxes{grid-template-columns:1fr!important}
  html body.frontend footer.site-footer .footer-copyrights{display:grid!important;grid-template-columns:1fr!important;justify-items:start!important;gap:8px!important}
  body.frontend .login-card{padding:24px!important}
  body.frontend .auth-section{padding:48px 0 64px!important}
  body.frontend .lightbox{padding:14px!important}
  body.frontend .lightbox img{max-width:100%!important;max-height:78dvh!important}
  body.frontend .lightbox-close{top:max(10px,env(safe-area-inset-top));right:10px;width:44px;height:44px}
  body.frontend input,body.frontend select,body.frontend textarea{font-size:16px!important}
}

@media(max-width:480px){
  body.frontend .wrap,body.frontend .site-region,body.frontend .header-main-stacked{width:min(calc(100% - 20px),var(--content))!important}
  body.frontend .topline .wrap{grid-template-columns:1fr!important;text-align:center}
  body.frontend .topline-user{justify-self:center}
  body.frontend .hero h1,body.frontend .section h1{font-size:clamp(2rem,12.5vw,3rem)!important}
  body.frontend .orb{max-width:190px!important}
  body.frontend .frontend-gallery{grid-template-columns:1fr!important}
  body.frontend .widget-media-grid{grid-template-columns:1fr 1fr!important}
  body.frontend .content-notice{padding:16px 18px!important}
  body.frontend .btn,body.frontend .button{max-width:100%}
  body.frontend .site-footer{padding:42px 0!important}
}


@media(max-width:1100px){
  body.frontend .site-header{position:sticky;top:0}
  body.frontend .header-navigation-row .main-nav{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
}
@media(max-width:700px){
  body.frontend .topline{padding-top:env(safe-area-inset-top)}
  body.frontend .main-nav a,body.frontend .main-nav button{min-height:44px}
  body.frontend .menu-link{white-space:normal!important}
  body.frontend .frontend-box .widget-menu .menu-link,body.frontend .frontend-box .widget-submenu .menu-link,body.frontend .frontend-box .widget-page-submenu .menu-link{padding-block:10px!important}
  body.frontend .content-linkcard{padding:16px!important}
  body.frontend .site-footer{padding-bottom:max(42px,calc(28px + env(safe-area-inset-bottom)))!important}
  body.frontend .site-owner-copyright,body.frontend .northaddons-copyright-protected{width:100%!important}
}

/* Bewegungsreduktion respektieren. */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  body.frontend *,body.frontend *:before,body.frontend *:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
}

/* 1.2.4 – Frontend-Submenüs können das Hauptmenü-Design übernehmen. */
body.frontend .main-nav.embedded-main-menu{display:block;position:relative;inset:auto;margin:0;padding:0;background:transparent;border:0;box-shadow:none;width:100%;max-width:none}
body.frontend .main-nav.embedded-main-menu>.menu-level{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
body.frontend .main-nav.embedded-main-menu .menu-entry{position:relative}
body.frontend .main-nav.embedded-main-menu.menu-mode-tree>.menu-level,body.frontend .main-nav.embedded-main-menu.menu-mode-list>.menu-level{display:grid;align-items:stretch;gap:4px}
body.frontend .main-nav.embedded-main-menu.menu-mode-tree .menu-submenu,body.frontend .main-nav.embedded-main-menu.menu-mode-list .menu-submenu{position:static;display:block;box-shadow:none;border:0;background:transparent;padding:4px 0 4px 14px;min-width:0}
body.frontend .main-nav.embedded-main-menu.menu-mode-pills>.menu-level{display:flex;flex-wrap:wrap;gap:8px}
body.frontend .main-nav .submenu-mode-tree .menu-submenu,body.frontend .main-nav .submenu-mode-list .menu-submenu{position:static;display:block;box-shadow:none;background:transparent;border:0;padding:4px 0 4px 14px;min-width:0}
body.frontend .main-nav .submenu-mode-pills .menu-submenu>.menu-level{display:flex;flex-wrap:wrap;gap:6px}
@media(max-width:1100px){body.frontend .main-nav.embedded-main-menu{display:block!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;padding:0!important;box-shadow:none!important}body.frontend .main-nav.embedded-main-menu>.menu-level{display:grid!important}body.frontend .main-nav.embedded-main-menu .menu-submenu{position:static!important;box-shadow:none!important;border:0!important;padding:3px 0 3px 14px!important;background:transparent!important}.analytics-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid,.analytics-detail-grid{grid-template-columns:1fr}.analytics-filter{grid-template-columns:1fr 1fr}.analytics-filter .button{grid-column:1/-1}}
@media(max-width:680px){.analytics-stat-grid{grid-template-columns:1fr 1fr}.analytics-filter{grid-template-columns:1fr}.analytics-filter .button{grid-column:auto}.detail-list{grid-template-columns:1fr;gap:2px}.detail-list dd{margin-bottom:10px}.visitor-step{grid-template-columns:72px 1fr}.widget-visitor-counter{align-items:center}.widget-visitor-counter strong{font-size:1.45rem}}

/* 1.2.4 – repariertes, stylefestes Frontend-Benutzermenü */
html body.frontend .topline-user{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;min-width:max-content!important;max-width:100%!important;overflow:visible!important}
html body.frontend .topline-user .frontend-account-menu{position:relative!important;display:block!important;flex:0 0 auto!important;min-width:max-content!important;max-width:100%!important;overflow:visible!important}
html body.frontend .topline-user .frontend-account-trigger{appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:auto!important;min-width:0!important;max-width:min(340px,48vw)!important;height:34px!important;min-height:34px!important;margin:0!important;padding:4px 9px 4px 5px!important;border:1px solid #ffffff24!important;border-radius:999px!important;background:#ffffff0d!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:700 .82rem/1.15 var(--font)!important;letter-spacing:normal!important;text-indent:0!important;white-space:nowrap!important;cursor:pointer!important;box-shadow:none!important;filter:none!important;opacity:1!important;visibility:visible!important}
html body.frontend .topline-user .frontend-account-trigger:hover,html body.frontend .topline-user .frontend-account-trigger[aria-expanded="true"]{background:#ffffff1c!important;border-color:#ffffff3b!important}
html body.frontend .frontend-account-avatar{display:inline-grid!important;place-items:center!important;flex:0 0 25px!important;width:25px!important;height:25px!important;min-width:25px!important;max-width:25px!important;border-radius:50%!important;background:color-mix(in srgb,#fff 92%,var(--secondary))!important;color:var(--primary)!important;-webkit-text-fill-color:var(--primary)!important;font:800 .76rem/1 system-ui,sans-serif!important;text-transform:uppercase!important;overflow:hidden!important}
html body.frontend .frontend-account-avatar.large{flex-basis:38px!important;width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;font-size:.92rem!important}
html body.frontend .frontend-account-name{display:block!important;min-width:0!important;max-width:220px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.frontend .frontend-account-chevron{display:inline-block!important;flex:0 0 auto!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:.78em!important;line-height:1!important;transition:transform .15s ease!important}
html body.frontend .frontend-account-trigger[aria-expanded="true"] .frontend-account-chevron{transform:rotate(180deg)!important}
html body.frontend .topline-user .frontend-account-dropdown{position:absolute!important;right:0!important;left:auto!important;top:calc(100% + 10px)!important;z-index:150!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:4px!important;width:270px!important;min-width:250px!important;max-width:calc(100vw - 24px)!important;height:auto!important;min-height:0!important;margin:0!important;padding:9px!important;border:1px solid color-mix(in srgb,var(--border) 84%,transparent)!important;border-radius:15px!important;background:color-mix(in srgb,var(--surface) 98%,transparent)!important;color:var(--text)!important;-webkit-text-fill-color:var(--text)!important;box-shadow:0 18px 50px #00000026!important;backdrop-filter:blur(18px)!important;overflow:visible!important;opacity:1!important;visibility:visible!important;filter:none!important;text-align:left!important;white-space:normal!important}
html body.frontend .topline-user .frontend-account-dropdown[hidden]{display:none!important}
html body.frontend .frontend-account-head{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-width:0!important;margin:0 0 4px!important;padding:7px 8px 10px!important;border-bottom:1px solid color-mix(in srgb,var(--border) 78%,transparent)!important}
html body.frontend .frontend-account-head>div{display:block!important;min-width:0!important}
html body.frontend .frontend-account-head strong,html body.frontend .frontend-account-head small{display:block!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;color:var(--text)!important;-webkit-text-fill-color:var(--text)!important}
html body.frontend .frontend-account-head strong{font-size:.93rem!important;line-height:1.25!important}
html body.frontend .frontend-account-head small{margin-top:2px!important;color:var(--muted)!important;-webkit-text-fill-color:var(--muted)!important;font-size:.73rem!important;line-height:1.25!important}
html body.frontend .frontend-account-dropdown form{display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
html body.frontend .frontend-account-dropdown .frontend-account-item{appearance:none!important;-webkit-appearance:none!important;display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:40px!important;margin:0!important;padding:9px 10px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--text)!important;-webkit-text-fill-color:var(--text)!important;font:650 .87rem/1.25 var(--font)!important;text-align:left!important;text-decoration:none!important;text-indent:0!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;cursor:pointer!important;box-shadow:none!important;filter:none!important;opacity:1!important;visibility:visible!important}
html body.frontend .frontend-account-dropdown .frontend-account-item>span{display:block!important;min-width:0!important;max-width:100%!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body.frontend .frontend-account-dropdown .frontend-account-item>span:first-child{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;min-width:24px!important;overflow:visible!important;color:var(--primary)!important;-webkit-text-fill-color:var(--primary)!important;font-size:1rem!important}
html body.frontend .frontend-account-dropdown .frontend-account-item:hover,html body.frontend .frontend-account-dropdown .frontend-account-item:focus-visible{background:color-mix(in srgb,var(--accent) 14%,var(--surface))!important;color:var(--primary)!important;outline:none!important}
html body.frontend .frontend-account-dropdown .frontend-account-logout{color:#8a3a32!important;-webkit-text-fill-color:#8a3a32!important}
html body.frontend .frontend-login-link{display:inline-flex!important;align-items:center!important;min-height:32px!important;padding:4px 8px!important;border-radius:999px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;white-space:nowrap!important}
html body.frontend .frontend-login-link:hover{background:#ffffff14!important}
@media(max-width:700px){
 html body.frontend .topline-user{min-width:0!important}
 html body.frontend .topline-user .frontend-account-trigger{max-width:min(220px,56vw)!important}
 html body.frontend .topline-user .frontend-account-dropdown{position:fixed!important;right:12px!important;left:auto!important;top:calc(env(safe-area-inset-top) + 48px)!important;width:min(300px,calc(100vw - 24px))!important;min-width:0!important;max-width:calc(100vw - 24px)!important}
}
@media(max-width:480px){
 html body.frontend .topline-user .frontend-account-trigger{max-width:min(210px,72vw)!important}
 html body.frontend .frontend-account-name{max-width:150px!important}
 html body.frontend .topline-user .frontend-account-dropdown{right:10px!important;width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important}
}

/* 1.2.7 – Besucherstatistik reagiert auf ihre eigene Boxbreite statt auf feste Viewport-Raster. */
@media(max-width:680px){.site-footer .footer-boxes{margin-top:16px}.site-footer .visitor-stats-card[data-visitor-responsive="auto"]{max-width:100%!important;border-radius:10px!important}.visitor-metric-editor-head{display:grid;gap:4px}.visitor-metric-row{grid-template-columns:28px minmax(0,1fr);align-items:center}.visitor-metric-row>.check{grid-column:2}.visitor-metric-row>label:not(.check){grid-column:1/-1}.visitor-metric-row .drag-handle{grid-row:1/2}.visitor-stats-footer-box{margin-inline:0}}

/* 1.2.8 – Footer-Besucherstatistik bleibt auch bei kleinen Viewports im Footer-Raster stabil. */
@media(max-width:900px){
    .site-footer .visitor-stats-footer-box,.site-footer .visitor-stats-footer-box>.box-widgets,.site-footer .widget-visitor_stats{width:100%!important;max-width:100%!important;min-width:0!important}
}
@media(max-width:560px){
    .site-footer .footer-boxes{padding-inline:0!important}
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"]{margin-inline:0!important;border-radius:9px!important}
}

/* 1.2.15 Footer-Rechts-/Kontaktlinks: style-unabhängig mit sicheren Abständen. */
html body.frontend footer.site-footer .footer-menu.menu-render{display:block!important;width:100%!important;margin:0!important;padding:0!important}
html body.frontend footer.site-footer .footer-menu.menu-render>.menu-level,
html body.frontend footer.site-footer .footer-legal-links{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;column-gap:18px!important;row-gap:8px!important;width:100%!important;margin:0!important;padding:0!important;list-style:none!important}
html body.frontend footer.site-footer .footer-menu.menu-render>.menu-level>.menu-entry{display:inline-flex!important;align-items:center!important;width:auto!important;margin:0!important;padding:0!important}
html body.frontend footer.site-footer .footer-menu.menu-render .menu-link,
html body.frontend footer.site-footer .footer-legal-links>a{display:inline-flex!important;align-items:center!important;width:auto!important;min-height:34px!important;margin:0!important;padding:4px 0!important;line-height:1.35!important;font-weight:600!important;white-space:nowrap!important;text-decoration:none!important}
html body.frontend footer.site-footer .footer-menu.menu-render .menu-link:hover,
html body.frontend footer.site-footer .footer-menu.menu-render .menu-link:focus-visible,
html body.frontend footer.site-footer .footer-legal-links>a:hover,
html body.frontend footer.site-footer .footer-legal-links>a:focus-visible{text-decoration:underline!important;text-underline-offset:4px!important}
html body.frontend footer.site-footer .footer-menu.menu-render .submenu-toggle,
html body.frontend footer.site-footer .footer-menu.menu-render .menu-submenu{display:none!important}
@media(max-width:520px){html body.frontend footer.site-footer .footer-menu.menu-render>.menu-level,html body.frontend footer.site-footer .footer-legal-links{column-gap:14px!important;row-gap:6px!important}html body.frontend footer.site-footer .footer-menu.menu-render .menu-link,html body.frontend footer.site-footer .footer-legal-links>a{min-height:32px!important}}


/* 1.2.17 – stylefeste Hauptnavigation + Hero-Titel. Wird absichtlich als letzte Frontend-CSS geladen. */
@media (min-width:1101px){
  html body.frontend .global-site-header .main-nav,
  html body.frontend .global-site-header .main-nav .header-menu,
  html body.frontend .global-site-header .main-nav .header-menu>.menu-level,
  html body.frontend .global-site-header .main-nav .header-menu .menu-entry{overflow:visible!important}
  html body.frontend .global-site-header .main-nav .header-menu>.menu-level{display:flex!important;align-items:center!important}
  html body.frontend .global-site-header .main-nav .header-menu .menu-entry{position:relative!important}
  html body.frontend .global-site-header .main-nav .header-menu .menu-entry.has-children{isolation:isolate}
  html body.frontend .global-site-header .main-nav .header-menu.menu-trigger-hover .menu-submenu{
    position:absolute!important;z-index:1000!important;top:100%!important;left:0!important;
    margin:0!important;min-width:235px!important;overflow:visible!important;
    display:block!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:translateY(-2px);transition:opacity .12s ease,transform .12s ease,visibility 0s linear .12s
  }
  html body.frontend .global-site-header .main-nav .header-menu.menu-trigger-hover .menu-submenu .menu-submenu{
    top:0!important;left:100%!important;margin:0!important;transform:translateX(-2px)
  }
  html body.frontend .global-site-header .main-nav .header-menu.menu-trigger-hover .menu-entry:hover>.menu-submenu,
  html body.frontend .global-site-header .main-nav .header-menu.menu-trigger-hover .menu-entry:focus-within>.menu-submenu,
  html body.frontend .global-site-header .main-nav .header-menu.menu-trigger-hover .menu-entry.submenu-open>.menu-submenu,
  html body.frontend .global-site-header .main-nav .header-menu.menu-trigger-hover .menu-entry.submenu-pointer-open>.menu-submenu{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;
    transition-delay:0s!important
  }
  html body.frontend .global-site-header .main-nav .header-menu.menu-trigger-hover .menu-submenu>.menu-level{
    display:grid!important;width:100%!important;gap:2px!important
  }
  html body.frontend .global-site-header .main-nav .header-menu.menu-trigger-hover .menu-submenu .menu-entry{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:stretch!important;
    width:100%!important;min-width:0!important;margin:0!important;padding:0!important
  }
  html body.frontend .global-site-header .main-nav .header-menu.menu-trigger-hover .menu-submenu .menu-entry>.menu-link{
    display:flex!important;align-items:center!important;width:100%!important;min-width:0!important;
    min-height:42px!important;margin:0!important;padding:9px 12px!important;border-radius:9px!important;
    white-space:nowrap!important
  }
  html body.frontend .global-site-header .main-nav .header-menu.menu-trigger-hover .menu-submenu .menu-entry>.submenu-toggle{
    display:grid!important;place-items:center!important;align-self:stretch!important;
    width:40px!important;min-width:40px!important;min-height:42px!important;margin:0!important;padding:0!important;
    border-radius:9px!important;pointer-events:auto!important
  }
  html body.frontend .global-site-header .main-nav .header-menu.menu-trigger-hover .menu-submenu .menu-entry:hover>.menu-link,
  html body.frontend .global-site-header .main-nav .header-menu.menu-trigger-hover .menu-submenu .menu-entry:focus-within>.menu-link,
  html body.frontend .global-site-header .main-nav .header-menu.menu-trigger-hover .menu-submenu .menu-entry.submenu-pointer-open>.menu-link{
    background:color-mix(in srgb,var(--accent) 16%,transparent)!important;color:var(--primary)!important
  }
}

/* Titel-Fallback funktioniert auch ohne JavaScript und wird von keinem Style/Custom-CSS überschrieben. */
html body.frontend .global-hero .hero-copy{min-width:0!important;container-type:inline-size!important}
html body.frontend .global-hero .hero-copy>h1,
html body.frontend .hero .hero-copy>h1{
  display:block!important;width:max-content!important;max-width:none!important;
  white-space:nowrap!important;text-wrap:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;
  line-height:.98!important;
  font-size:clamp(12px,12cqi,5.4rem)!important
}
html body.frontend .global-hero .hero-copy>h1[data-fit-title="1"],
html body.frontend .hero .hero-copy>h1[data-fit-title="1"]{white-space:nowrap!important;text-wrap:nowrap!important}