/* HERO: ensure background shows via CSS variable --bg */
.hero .visual, .page-template-page-services .visual{
  position:relative; overflow:hidden; border-radius:16px;
  background-size:cover; background-position:center top;
}
.hero .visual::before,
.page-template-page-services .visual::before{
  content:""; position:absolute; inset:0;
  background-image: var(--bg);
  background-size:cover; background-position:center top;
  transition:opacity .2s ease;
}

/* SERVICES overlay stays subtle */
.page-template-page-services .visual::after{
  content:""; position:absolute; inset:0;
  background: radial-gradient(1000px 420px at 60% 25%, rgba(255,255,255,0) 40%, rgba(10,15,25,.22) 100%),
              linear-gradient(to bottom, rgba(10,15,25,.08), rgba(10,15,25,.18));
  pointer-events:none; mix-blend-mode:multiply;
}

/* MENU horizontal guard */
.primary-menu ul, header nav ul, .wp-block-navigation__container{display:flex;gap:16px;list-style:none;margin:0;padding:0;flex-wrap:wrap}

/* LANGUAGE SWITCHER: flags + EN/DE codes */
.langswitch ul{display:flex;gap:10px;list-style:none;margin:0;padding:0}
.langswitch li{display:inline-flex}
.langswitch a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit;font-weight:700}
.langswitch img{width:20px;height:14px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.1)}
/* hide any long names Polylang outputs */
.langswitch a span{display:none}