@font-face {
    font-family: 'Brightwall';
    src: url('/sites/default/files/fonts/brightwall.woff2') format('woff2'),
         url('/sites/default/files/fonts/brightwall.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.klaro #id-cookie-notice {
  font-family: "Jost";
  font-weight: 400;
  font-size: 16px;
}

.cn-buttons button, .cn-learn-more, .cm-footer-buttons button{
  background: #392d85 !important;
  border-color: #392d85 !important;
  padding: 6px 20px !important;
  font-size: 14px !important;
  color: #fff !important;
  text-decoration: none !important;
}

.klaro .cookie-modal .cm-modal .cm-header h1 {
  font-size: 20px;
}

.klaro .cm-header  p, .cm-service{
  line-height: 140%;
  font-family: "Jost";
  font-weight: 400;
  font-size: 16px;
}

.klaro .cm-header a {
  font-weight: 500;
}

.klaro .cookie-notice:focus {
  outline: #392d85;
}


.node h2 {
  font-size: 45px;
  font-family: "Brightwall";
  margin-top: 12px !important
}



.scrolled #navbar-main {
  position: fixed;
  left: 0px;
  right: 0px;
}

.scrolled #navbar-top {
  display: none;
}

.scrolled #header {
  background: #fff !important;
  height: 90px !important;
  position: fixed;
  left: 0px;
  right: 0px;
  z-index: 99;
}

#header {
  position: relative;
}

#header:after {
  bottom: 0px;
}

#navbar-top #block-biku-search {
    position: relative; /* Voraussetzung für absolute Positionierung */
    display: flex;
    justify-content: flex-end; /* Input an rechten Rand */
}

#navbar-top #block-biku-search #edit-keys {
    width: 100px;
    transition: width 0.4s ease;
    position: relative;
}
#navbar-top #block-biku-search:hover #edit-keys,
#navbar-top #block-biku-search:focus-within #edit-keys {
    width: 300px; /* gewünschte Endbreite */
}

#navbar-top {
  margin: auto;
  max-width: 100% !important;
  background: #eae9f3 !important;
      transform-origin: right;
  display: flex;
  justify-content: flex-end;
}

#navbar-top .row {
  align-items: flex-end;
  display: flex;
}
.language-switcher-language-url {
  position: absolute;
  top: 15px;
  left: 15px;
}

  
  .language-switcher-language-url .nav-link {
    padding: 0px;
  }
  
  .language-switcher-language-url a {
    position: relative;
    font-size: 0px;
  
  }
  
  .language-switcher-language-url .de a:before {
    content: "";
    background: url(/sites/default/files/flags-at.jpg);
    background-size: 24px auto;
    background-repeat: no-repeat;
    background-position: center;
    width: 48px;
    height: 24px;
    display: flex;
    position: relative;
    float: left;
  }
  
  .language-switcher-language-url .en a:before {
    content: "";
    background: url(/sites/default/files/flags-en.jpg);
    background-size: 24px auto;
    background-repeat: no-repeat;
    background-position: center;
    width: 48px;
    height: 24px;
    display: flex;
    position: relative;
    float: left;
  }
  
  .language-switcher-language-url a.is-active:before {
    background-size: 36px auto;
  }
  
  .language-switcher-language-url a:hover:before {
    background-size: 36px auto;
  }