/* Language controls are outside the transformed fullPage wrapper. */
.kono-language{display:flex;align-items:center;gap:5px;font:400 13px/1 Lato,Arial,sans-serif;letter-spacing:.07em}
.kono-language{position:fixed;z-index:110;top:max(24px,env(safe-area-inset-top));right:max(4vw,env(safe-area-inset-right));color:#fff;opacity:1;transition:color .18s ease,opacity .3s ease}
.kono-language[data-tone="dark"]{color:#111}
.kono-language a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:44px;color:inherit;text-decoration:none;opacity:.72;position:relative;-webkit-tap-highlight-color:transparent}
.kono-language a[aria-current="page"]{opacity:1}
.kono-language a[aria-current="page"]::after{content:"";position:absolute;bottom:9px;left:9px;right:9px;height:1px;background:currentColor}
.kono-language a:hover{opacity:1}
.kono-language a:focus{outline:none}
.kono-language a:focus-visible{opacity:1}
.kono-language a:focus-visible::after{content:"";position:absolute;bottom:9px;left:9px;right:9px;height:2px;background:currentColor}
/* Move only the DE label and its underline; preserve both hit areas and EN. */
.kono-language a[data-kono-lang="de"]{padding-left:16px}
.kono-language a[data-kono-lang="de"]::after{transform:translateX(8px)}
.kono-language>span{transform:translateX(4px)}
.kono-language>span{opacity:.4;font-weight:300}
.kono-language-loading #fullpage,.kono-language-loading #logo,.kono-language-loading #linkedIn{visibility:hidden}
.kono-language-loading .kono-language{opacity:0}
.kono-language-return #logoBig{opacity:1!important;transform:none!important}
@media(max-width:767px){.kono-language{top:max(14px,env(safe-area-inset-top));right:max(5vw,env(safe-area-inset-right));font-size:12px;gap:0}.kono-language a{min-width:44px}.kono-language a[aria-current="page"]::after,.kono-language a:focus-visible::after{left:14px;right:14px}}
@media(prefers-reduced-motion:reduce){.kono-language{transition:none}}

/* Keep the mobile ending stable if fullPage inserts overflow wrappers. */
@media(max-width:767px){
  #section9 .fp-scroller{display:flex;flex-direction:column;min-height:100svh}
  /* Modern footer spacing is owned by gap, including Safari. */
  #section9 .footerparalink{margin:0!important}
}
/* Both languages use the same deliberate two-row layout on narrow screens. */
@media(max-width:374px){
  #section9 .footerparalink:last-child{flex-basis:100%}
}
