<header class="c-header js-header ">
<div class="l-container:10/12 l-container--default-spacing l-flex l-flex l-flex--justify-content:space-between l-flex--align-items:center">
<div class="l-flex__item c-header__logo-container">
<a class="c-logo c-header__logo" href="/">
<img class="c-logo__visual u-idle" src="/assets/images/brand/logo.svg" alt="kmska" title="kmska" />
</a>
</div>
<div class="l-flex__item l-flex">
<div class="c-language c-header__language l-flex__item">
<button class="c-language__active l-flex l-flex--align-items:center" aria-label="Select your language">
<div class="c-icon c-language__arrow l-flex__item">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5999 0H10.64V16.6397L4.80012 10.7999L2 13.6L12.4 24L22.8 13.6L19.9998 10.7999L14.5999 16.1998V0Z" />
</svg>
</div>
<span class="l-flex__item">NL</span>
</button>
<ul class="c-language__list">
<li class="c-language__item">
<a lang="EN" hreflang="EN" class="c-language__link" href="#">EN</a>
</li>
<li class="c-language__item">
<a lang="FR" hreflang="FR" class="c-language__link" href="#">FR</a>
</li>
</ul>
</div>
<a class="c-link c-header__link l-flex__item c-link--tertiary" href="#">
<span class="c-link__description">Tickets</span>
<span class="c-link__decoration" aria-hidden="true"></span>
<div class="c-icon c-link__icon">
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
<style type="text/css">
.st0 {
fill-rule: evenodd;
clip-rule: evenodd;
}
</style>
<path class="st0" d="M0,9.8v4h16.6l-5.8,5.8l2.8,2.8L24,12L13.6,1.6l-2.8,2.8l5.4,5.4H0z" />
</svg>
</div>
</a>
<a class="c-button c-header__button c-button--small l-flex__item" href="#">
Tickets
<span class="c-button__decoration" aria-hidden="true"></span>
</a>
<div class="c-header__hamburger l-flex__item l-flex l-flex--justify-content:end">
<div class="c-hamburger js-hamburger l-flex__item">
<button class="c-hamburger__btn" aria-label="open menu">
<span class="c-hamburger__item c-hamburger__item--top" role="none"></span>
<span class="c-hamburger__item c-hamburger__item--middle" role="none"></span>
<span class="c-hamburger__item c-hamburger__item--bottom" role="none"></span>
</button>
<span class="c-hamburger__text c-hamburger__text--open">Menu</span>
<span class="c-hamburger__text c-hamburger__text--close">Close</span>
</div>
</div>
</div>
</div>
</header>
