
/* Static enhancements while preserving original El Hombre layout */
*{box-sizing:border-box}
html{scroll-behavior:auto}
body{overflow-x:hidden}
#page{width:100%;margin:0}
.site-content{min-height:580px}
.entry-content img{max-width:100%;height:auto}
.entry-content iframe{max-width:100%}
.site-title-accessible{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.main-navigation ul li{position:relative}
.main-navigation li:focus-within>ul{left:auto}
.main-navigation a:focus-visible,#secondary a:focus-visible,.entry-content a:focus-visible,#footer-navigation a:focus-visible{outline:2px solid #7a1820;outline-offset:2px}
.gallery-static{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.gallery-static a img{width:100%;height:auto}
.contact-mail{font-size:1.2em;font-weight:bold}
.contact-mail a{color:#660000}
/* Footer must be visible in static version and keep original artwork */
.site-footer{display:block!important}
.site-footer .site-info{position:relative;overflow:hidden}
.site-footer .site-info img{display:block}
/* Help current page styling on generated menus */
#secondary .current-menu-item>a,#secondary .current_page_item>a{font-weight:700}
/* no script mobile fallback: keep main nav visible */
@media all and (max-width:760px){
  .site-header .main-navigation{display:block!important;position:static!important;right:auto!important;top:auto!important;padding:.5rem 1rem;background:#fff}
  .site-header .main-navigation ul{display:flex;flex-wrap:wrap}
  .site-header .main-navigation li{float:none;display:block;margin-right:1rem;padding-left:0!important}
  .site-header .main-navigation ul ul{position:static;left:auto;top:auto;box-shadow:none;display:block}
  .site-content{padding:30px 20px;display:block;background-image:none}
  .site-content #secondary{display:block!important;flex-basis:auto!important;width:100%!important}
  .site-content #primary{display:block!important;flex-basis:auto!important;width:100%!important;padding-left:0!important}
  .site-content aside{margin-top:0!important;margin-bottom:1.5rem}
  #secondary [id^="menu-"] li:nth-child(n+2){margin:.35rem 0 !important}
  #secondary [id^="menu-"] li:nth-child(n+2) a{display:block;padding:.15rem 0}
}

/* V4: only left navigation, expandable current area without scripts */
.site-header{position:relative}
.site-delimiter .icon-hamburger{display:none!important}
.site-content #secondary{flex-basis:25%;width:25%;min-width:190px}
.site-content aside{margin-top:6.5rem}
.static-section-nav ul{list-style:none;margin:0;padding:0}
.static-main-menu>li{margin:0 0 7px}
.static-main-menu>li>a{display:block;padding:6px 10px;background:#adb2b8;color:#344351;font-size:.875rem;font-weight:600;text-decoration:none;box-shadow:inset 0 .9rem 1rem rgba(255,255,255,.5),inset 0 -.3125rem .75rem rgba(0,0,0,.05)}
.static-main-menu>li>a:hover,.static-main-menu>li>a:focus-visible{background:#8b9eb1;color:#001062}
.static-main-menu>li.is-active>a{background:#416c91;color:#fff;box-shadow:inset 0 .8rem 1rem rgba(255,255,255,.12)}
.static-sub-menu{padding:8px 0 12px 12px!important}
.static-sub-menu>li{margin:0 0 8px!important}
.static-sub-menu a{display:block;color:#fff;text-decoration:none;font-size:.875rem;padding:2px 4px}
.static-sub-menu a:before{content:'›';padding-right:.5rem;color:inherit}
.static-sub-menu a:hover,.static-sub-menu a:focus-visible{color:#ddd;text-decoration:underline}
.static-sub-menu .is-current>a{color:#cfe5fc;font-weight:700}
@media(max-width:760px){
 .site-content #secondary{display:block!important;min-width:0;width:100%!important;flex-basis:auto!important}
 .site-content aside{margin-top:0!important}
 .static-main-menu>li{margin-bottom:5px}
 .static-sub-menu{padding-left:18px!important}
 .static-sub-menu a{color:#354d66}
 .static-sub-menu .is-current>a{color:#1a4169}
}

/* V5: Original El Hombre submenu marker for all left-hand navigation links. */
@font-face{font-family:'elhombre';src:url('../font/elhombre.woff') format('woff');font-weight:normal;font-style:normal;font-display:block}
.static-main-menu>li>a::before,.static-sub-menu>li>a::before{font-family:'elhombre';content:'\e901';display:inline-block;margin-right:.55rem;font-size:.75rem;font-weight:normal;line-height:1;color:inherit}
.static-sub-menu>li>a::before{padding:0;margin-right:.5rem}

/* Vorläufige redaktionelle Kennzeichnung: nur geänderte Texte */



/* V14: mobile-only collapsible sidebar (native HTML checkbox + CSS, no JS) */
.mobile-menu-checkbox,.mobile-menu-trigger{display:none}
@media(max-width:760px){
  #secondary .mobile-menu-checkbox{display:block;position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
  #secondary .mobile-menu-trigger{display:flex;align-items:center;gap:.7rem;width:100%;padding:12px 14px;margin-bottom:0;cursor:pointer;background:#adb2b8;color:#233c56;font-size:1rem;font-weight:700;line-height:1.4;box-shadow:inset 0 .9rem 1rem rgba(255,255,255,.5),inset 0 -.3125rem .75rem rgba(0,0,0,.05)}
  #secondary .mobile-menu-icon{display:inline-block;width:18px;height:15px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative;flex:none}
  #secondary .mobile-menu-icon:after{content:'';position:absolute;left:0;right:0;top:5px;border-top:2px solid currentColor}
  #secondary .mobile-menu-chevron{margin-left:auto;transition:transform .18s}
  #secondary .mobile-menu-checkbox:checked+.mobile-menu-trigger .mobile-menu-chevron{transform:rotate(180deg)}
  #secondary .mobile-menu-checkbox:focus-visible+.mobile-menu-trigger{outline:3px solid #001062;outline-offset:3px}
  #secondary .static-section-nav{display:none;padding-top:8px}
  #secondary .mobile-menu-checkbox:checked~.static-section-nav{display:block}
  #secondary .static-main-menu>li>a{min-height:40px;padding:10px 12px}
  #secondary .static-sub-menu a{min-height:38px;padding:8px 4px}
}
