@font-face {
  font-family: 'ArtegraSans-Light';
  src: url('../webfonts/Fonts_Woff/ArtegraSans-Light.woff') format('woff');
  /* IE9 Compat Modes */
}
@font-face {
  font-family: 'ArtegraSans-Medium';
  src: url('../webfonts/Fonts_Woff/ArtegraSans-Medium.woff') format('woff');
  /* IE9 Compat Modes */
}
@font-face {
  font-family: 'ArtegraSans-SemiBold';
  src: url('../webfonts/Fonts_Woff/ArtegraSans-SemiBold.woff') format('woff');
  /* IE9 Compat Modes */
}
@font-face {
  font-family: 'ArtegraSansCondensed-Light';
  src: url('../webfonts/Fonts_Woff/ArtegraSansCondensed-Light.woff') format('woff');
  /* IE9 Compat Modes */
}
.clear-both {
  clear: both;
}
::-webkit-scrollbar {
  display: none;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-overflow-style: none;
  outline: none;
  -webkit-overflow-scrolling: touch;
}
.font-size-small {
  font-size: 4vw;
}
@media screen and (min-width: 550px) {
  .font-size-small {
    font-size: 2vw;
  }
}
@media screen and (min-width: 769px) {
  .font-size-small {
    font-size: 1.15vw;
  }
}
@media screen and (min-width: 1350px) {
  .font-size-small {
    font-size: 1.0vw;
  }
}
@media screen and (min-width: 1714px) {
  .font-size-small {
    font-size: 14px;
  }
}
.font-size-normal {
  font-size: 5vw;
  line-height: 1.6;
}
@media screen and (min-width: 550px) {
  .font-size-normal {
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 769px) {
  .font-size-normal {
    font-size: 1.4vw;
  }
}
@media screen and (min-width: 1350px) {
  .font-size-normal {
    font-size: 1vw;
  }
}
@media screen and (min-width: 1714px) {
  .font-size-normal {
    font-size: 17px;
  }
}
.font-size-lead {
  font-size: 6vw;
  line-height: 1.6;
}
@media screen and (min-width: 550px) {
  .font-size-lead {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 769px) {
  .font-size-lead {
    font-size: 1.9vw;
  }
}
@media screen and (min-width: 1350px) {
  .font-size-lead {
    font-size: 1.6vw;
  }
}
@media screen and (min-width: 1714px) {
  .font-size-lead {
    font-size: 24px;
  }
}
.font-size-medium {
  font-size: 5vw;
  line-height: 1.15;
}
@media screen and (min-width: 550px) {
  .font-size-medium {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 769px) {
  .font-size-medium {
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 1350px) {
  .font-size-medium {
    font-size: 1.6vw;
  }
}
@media screen and (min-width: 1714px) {
  .font-size-medium {
    font-size: 24px;
  }
}
.font-size-large {
  font-size: 6vw;
  line-height: 1.15;
  text-transform: uppercase;
}
@media screen and (min-width: 550px) {
  .font-size-large {
    font-size: 5vw;
  }
}
@media screen and (min-width: 769px) {
  .font-size-large {
    font-size: 3vw;
  }
}
@media screen and (min-width: 1350px) {
  .font-size-large {
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 1714px) {
  .font-size-large {
    font-size: 42px;
  }
}
.font-size-nav {
  font-size: 6vw;
  line-height: 1.6;
}
@media screen and (min-width: 550px) {
  .font-size-nav {
    font-size: 4vw;
  }
}
@media screen and (min-width: 769px) {
  .font-size-nav {
    font-size: 1.45vw;
  }
}
@media screen and (min-width: 1350px) {
  .font-size-nav {
    font-size: 1vw;
  }
}
@media screen and (min-width: 1714px) {
  .font-size-nav {
    font-size: 18px;
  }
}
.background-color1 {
  background-color: #4e7399;
}
.color-on-dark {
  color: #ffffff;
}
body {
  font-family: ArtegraSans-Light, 'Arial', sans-serif;
  color: #5c5a59;
  font-size: 5vw;
  line-height: 1.6;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 550px) {
  body {
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 769px) {
  body {
    font-size: 1.4vw;
  }
}
@media screen and (min-width: 1350px) {
  body {
    font-size: 1vw;
  }
}
@media screen and (min-width: 1714px) {
  body {
    font-size: 17px;
  }
}
body a,
body a:link,
body a:hover,
body a:visited {
  text-decoration: none;
  color: #4e7399;
}
body img {
  width: 100%;
  display: block;
}
body p {
  margin-bottom: 1.2vw;
}
@media screen and (min-width: 769px) {
  body p {
    margin-bottom: 1.6vw;
  }
}
h1 {
  font-size: 6vw;
  line-height: 1.15;
  text-transform: uppercase;
  margin-top: 0.5vw;
  background-color: #acc0d4;
  color: white;
  padding: 10vw 2vw 0.5vw 2vw;
  font-family: ArtegraSans-SemiBold;
}
@media screen and (min-width: 550px) {
  h1 {
    font-size: 5vw;
  }
}
@media screen and (min-width: 769px) {
  h1 {
    font-size: 3vw;
  }
}
@media screen and (min-width: 1350px) {
  h1 {
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 1714px) {
  h1 {
    font-size: 42px;
  }
}
@media screen and (min-width: 769px) {
  h1 {
    padding: 9vw 1vw 0.5vw 1vw;
  }
}
@media screen and (min-width: 1714px) {
  h1 {
    padding: 100px 15px 5px 15px;
  }
}
@media screen and (min-width: 769px) {
  h1.h1-large {
    font-size: 4.2vw;
  }
}
@media screen and (min-width: 1350px) {
  h1.h1-large {
    font-size: 3.5vw;
  }
}
@media screen and (min-width: 1714px) {
  h1.h1-large {
    font-size: 52px;
  }
}
.after-h1-dist-spacer {
  height: 3vw;
}
h2 {
  margin-top: 4vw;
  font-size: 5vw;
  line-height: 1.15;
  margin-bottom: 1.2vw;
  color: #5c5a59;
  font-family: ArtegraSans-SemiBold;
}
@media screen and (min-width: 550px) {
  h2 {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 769px) {
  h2 {
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 1350px) {
  h2 {
    font-size: 1.6vw;
  }
}
@media screen and (min-width: 1714px) {
  h2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 769px) {
  h2 {
    margin-bottom: 0.6vw;
  }
}
h3 {
  margin-top: 2.5vw;
  font-size: 5vw;
  line-height: 1.6;
  font-family: ArtegraSans-SemiBold;
}
@media screen and (min-width: 550px) {
  h3 {
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 769px) {
  h3 {
    font-size: 1.4vw;
  }
}
@media screen and (min-width: 1350px) {
  h3 {
    font-size: 1vw;
  }
}
@media screen and (min-width: 1714px) {
  h3 {
    font-size: 17px;
  }
}
@media screen and (min-width: 769px) {
  .mobile-only {
    display: none;
  }
}
.desktop-only {
  display: none;
}
@media screen and (min-width: 769px) {
  .desktop-only {
    display: block;
  }
}
.video-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.video-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
/*
  .font-italic{
    font-family: 'AGExtremSlant-Regular';
  }
  
  i{
    .font-italic;
    font-style: normal;
  }
  */
.layout-center {
  position: relative;
  width: 100vw;
  max-width: 1400px;
  height: inherit;
}
@media screen and (min-width: 769px) {
  .layout-center {
    width: 92vw;
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1350px) {
  .layout-center {
    width: 70vw;
  }
}
header {
  z-index: 900;
  position: fixed;
  height: 18.5vw;
  width: 100vw;
  background-color: white;
  border-bottom: 1px solid #8f8d8c;
  /*
    &.sticky{
      
      position: fixed;
      top: 0;
      height: @header-h-sticky;
      
    }
    */
}
@media screen and (min-width: 769px) {
  header {
    height: 11.3vw;
    position: relative;
  }
}
@media screen and (min-width: 1350px) {
  header {
    height: 8.6vw;
    position: relative;
  }
}
@media screen and (min-width: 1714px) {
  header {
    height: 155px;
  }
}
.nav-open-handler,
.nav-close-handler {
  position: absolute;
  width: 22.5vw;
  height: 18.5vw;
  top: 0;
  right: 0;
  padding: 7vw 7vw 6vw 7vw;
}
@media screen and (min-width: 769px) {
  .nav-open-handler,
  .nav-close-handler {
    display: none;
  }
}
.nav-close-handler {
  background-color: #4e7399;
  display: none;
  padding: 6vw 8vw;
}
.nav-open .nav-open-handler {
  display: none;
}
.nav-open .nav-close-handler {
  display: block;
}
.location-info {
  display: none;
  position: absolute;
  top: 4.2vw;
  right: 2.8vw;
  font-size: 4vw;
  color: #bbbbbb;
}
@media screen and (min-width: 769px) {
  .location-info {
    display: block;
  }
}
@media screen and (min-width: 550px) {
  .location-info {
    font-size: 2vw;
  }
}
@media screen and (min-width: 769px) {
  .location-info {
    font-size: 1.15vw;
  }
}
@media screen and (min-width: 1350px) {
  .location-info {
    font-size: 1.0vw;
  }
}
@media screen and (min-width: 1714px) {
  .location-info {
    font-size: 14px;
  }
}
@media screen and (min-width: 1714px) {
  .location-info {
    top: 70px;
  }
}
.logo {
  position: absolute;
  top: 0.925vw;
  left: 0;
  width: 30%;
  padding: 2vw;
  /* // no effect
    img svg{
        mix-blend-mode: multiply;
    }
    */
}
@media screen and (min-width: 769px) {
  .logo {
    width: 20%;
    top: 1.3vw;
    padding: 0 2.1vw 0 0;
  }
}
@media screen and (min-width: 1714px) {
  .logo {
    width: 20%;
    top: 35px;
    padding: 0 40px 0 0;
  }
}
.main-nav {
  z-index: 900;
  position: absolute;
  top: 18.5vw;
  right: -100vw;
  width: 100%;
  padding: 1vw 0;
  background-color: #4e7399;
  transition: right 0.2s;
}
@media screen and (min-width: 769px) {
  .main-nav {
    top: inherit;
    left: 20%;
    bottom: 1px;
    width: 80%;
    padding: 0 0;
    background-color: inherit;
  }
}
.main-nav ul {
  width: 100%;
  padding: 5vw;
}
@media screen and (min-width: 769px) {
  .main-nav ul {
    padding: 0;
  }
}
.main-nav ul li {
  font-size: 6vw;
  line-height: 1.6;
  font-weight: 300;
  letter-spacing: 0.5px;
  padding: 2vw 0vw;
  text-transform: uppercase;
}
@media screen and (min-width: 550px) {
  .main-nav ul li {
    font-size: 4vw;
  }
}
@media screen and (min-width: 769px) {
  .main-nav ul li {
    font-size: 1.45vw;
  }
}
@media screen and (min-width: 1350px) {
  .main-nav ul li {
    font-size: 1vw;
  }
}
@media screen and (min-width: 1714px) {
  .main-nav ul li {
    font-size: 18px;
  }
}
@media screen and (min-width: 769px) {
  .main-nav ul li {
    float: left;
    padding: 1vw 0 0.7vw 0;
    text-align: center;
    background: none;
    width: 25%;
  }
}
@media screen and (min-width: 1714px) {
  .main-nav ul li {
    padding: 12px 0 7px 0;
  }
}
.main-nav ul li a {
  color: white;
}
@media screen and (min-width: 769px) {
  .main-nav ul li a {
    color: #4e7399;
  }
}
.main-nav ul li.current,
.main-nav ul li.section {
  font-family: 'ArtegraSans-SemiBold';
}
@media screen and (min-width: 769px) {
  .main-nav ul li.current,
  .main-nav ul li.section {
    font-family: 'ArtegraSans-Light';
    background-color: #4e7399;
  }
  .main-nav ul li.current a,
  .main-nav ul li.section a {
    color: white;
  }
}
.nav-open .main-nav {
  right: 0;
}
/*
.sticky #main-nav{

}
*/
main {
  z-index: 500;
  padding-top: 18.5vw;
  min-height: 150vh;
  padding-bottom: 10vh;
}
@media screen and (min-width: 769px) {
  main {
    min-height: 50vw;
    padding-top: 0.5vw;
  }
}
@media screen and (min-width: 1714px) {
  main {
    padding-top: 10px;
  }
}
.col-right,
.col-left {
  margin-bottom: 3vw;
}
@media screen and (min-width: 769px) {
  .col-right,
  .col-left {
    margin-bottom: 1vw;
  }
}
main:not(.standard-page) > *:first-child,
.col-right:not(.standard-page) > *:first-child,
.col-left:not(.standard-page) > *:first-child,
main h1,
.col-right h1,
.col-left h1 {
  margin-top: 0 !important;
}
main picture img,
.col-right picture img,
.col-left picture img {
  margin-bottom: 0.5vw;
}
@media screen and (min-width: 550px) {
}
@media screen and (min-width: 769px) {
  .col-left {
    width: 72%;
    float: left;
  }
}
@media screen and (min-width: 769px) {
  .col-right {
    width: 28%;
    float: left;
  }
  .col-right .cb {
    padding-left: 0;
  }
}
.sub-nav-title {
  background-color: #4e7399;
  color: white;
  margin-left: 0;
  margin-bottom: 1vw;
  font-family: 'ArtegraSans-SemiBold';
  padding: 2vw 2vw 0 2vw;
}
@media screen and (min-width: 769px) {
  .sub-nav-title {
    margin-left: 2vw;
    padding: 0.5vw 0.5vw 0 0.5vw;
  }
}
.link-block-title-inner {
  background-color: #4e7399;
  color: white;
  margin-top: 2vw;
  margin-bottom: 1vw;
  font-family: 'ArtegraSans-SemiBold';
  padding: 2vw 2vw 0 2vw;
}
@media screen and (min-width: 769px) {
  .link-block-title-inner {
    display: inline-block;
    padding: 0.5vw 0.5vw 0 0.5vw;
  }
}
.link-block-link-inner {
  display: inline-block;
  border-top: 1px solid #acc0d4;
  padding-top: 1px;
  padding-right: 2vw;
  margin-bottom: 0.8vw;
  text-transform: uppercase;
  /*margin-left: @padding-unit-s;
    margin-right: @padding-unit-s;

    @media screen and (min-width: @screen-min-l) {
        margin-left: 0;
        margin-right: 0;
    }
    */
}
.subnav-block {
  padding: 0 2vw;
}
@media screen and (min-width: 769px) {
  .subnav-block {
    padding: 0;
  }
}
.sub-navigation {
  padding-left: 0;
  margin-bottom: 3vw;
}
@media screen and (min-width: 769px) {
  .sub-navigation {
    padding-left: 2vw;
  }
}
.sub-navigation li {
  border-top: 1px solid #acc0d4;
  padding-top: 3vw;
  margin-bottom: 0.8vw;
  text-transform: uppercase;
}
@media screen and (min-width: 550px) {
  .sub-navigation li {
    padding-top: 1.5vw;
  }
}
@media screen and (min-width: 769px) {
  .sub-navigation li {
    padding-top: 1px;
  }
}
@media screen and (min-width: 1714px) {
  .sub-navigation li {
    margin-bottom: 10px;
  }
}
.sub-navigation li.current {
  font-family: 'ArtegraSans-SemiBold';
}
.home-top {
  margin-bottom: 1vw;
}
.cb-padding-horizontal {
  padding-left: 2vw;
  padding-right: 2vw;
}
@media screen and (min-width: 769px) {
  .cb-padding-horizontal {
    padding-left: 1vw;
    padding-right: 1vw;
  }
}
.cb {
  padding-left: 2vw;
  padding-right: 2vw;
}
.cb:not(:first-child) {
  margin-top: 2vw;
}
@media screen and (min-width: 769px) {
  .cb {
    padding-left: 1vw;
    padding-right: 1vw;
  }
  .cb:not(:first-child) {
    margin-top: 1vw;
  }
}
.cb-video-block {
  margin-left: 2vw;
  margin-right: 2vw;
}
@media screen and (min-width: 769px) {
  .cb-video-block {
    margin-left: 1vw;
    margin-right: 1vw;
  }
}
.cb.collapsi {
  background-color: #acc0d4;
  color: white;
  font-size: 5vw;
  line-height: 1.15;
  margin-bottom: 0.5vw;
}
@media screen and (min-width: 550px) {
  .cb.collapsi {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 769px) {
  .cb.collapsi {
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 1350px) {
  .cb.collapsi {
    font-size: 1.6vw;
  }
}
@media screen and (min-width: 1714px) {
  .cb.collapsi {
    font-size: 24px;
  }
}
.cb.collapsi .collapsi-head {
  padding-top: 3vw;
  padding-bottom: 2vw;
}
.cb.collapsi .sub-navigation {
  margin-bottom: 0;
}
.cb.collapsi .sub-navigation li {
  height: 0;
  transition: height 0.2s;
  overflow-y: hidden;
  border-top: 0;
  padding-top: 0;
  margin-bottom: 0;
}
.cb.collapsi .sub-navigation li a {
  color: white;
}
.cb.collapsi .collapsi-icon {
  position: absolute;
  top: 2vw;
  right: 8vw;
  width: 6.8vw;
  height: auto;
}
@media screen and (min-width: 550px) {
  .cb.collapsi .collapsi-icon {
    width: 5vw;
    right: 8.5vw;
  }
}
.cb.collapsi .collapsi-minus {
  display: none;
}
.cb.collapsi.open .collapsi-plus {
  display: none;
}
.cb.collapsi.open .collapsi-minus {
  display: block;
}
.cb.collapsi.open .sub-navigation li {
  height: 12vw;
  border-top: 1px solid white;
  padding-top: 3.5vw;
}
@media screen and (min-width: 550px) {
  .cb.collapsi.open .sub-navigation li {
    height: 7.9vw;
    padding-top: 2.5vw;
  }
}
.cb.cb-lead {
  margin-top: 3vw;
  font-family: 'ArtegraSans-Light';
  color: #4e7399;
  font-size: 6vw;
  line-height: 1.6;
}
@media screen and (min-width: 550px) {
  .cb.cb-lead {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 769px) {
  .cb.cb-lead {
    font-size: 1.9vw;
  }
}
@media screen and (min-width: 1350px) {
  .cb.cb-lead {
    font-size: 1.6vw;
  }
}
@media screen and (min-width: 1714px) {
  .cb.cb-lead {
    font-size: 24px;
  }
}
@media screen and (min-width: 1714px) {
  .cb.cb-lead {
    margin-top: 25px;
  }
}
.cb-text {
  margin-bottom: 0.5em;
}
.cb-text ul {
  padding-left: 1em;
}
.cb-text ul li {
  list-style-type: disc;
}
/*
.cb-imagetextblock{
    .imagetextblock-left{
        
        @media screen and (min-width: @screen-min-m) {
            float: left;
            width: ~"calc((100% - 2vw)/2)";
            margin-right: 2vw; 
        }
    }
    .imagetextblock-right{
        margin-top: @padding-unit;
        @media screen and (min-width: @screen-min-m) {
            margin-top: 0;
            float: left;
            width: ~"calc((100% - 2vw)/2)";
        }
    }

    h1{
        .font-size-normal;
        color: @color1;
        font-weight: 400;
    }
}
*/
.cb-qualkriteriumblock {
  border-top: 1px solid #acc0d4;
  padding-top: 2vw;
}
.cb-qualkriteriumblock h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5vw;
  line-height: 1.6;
  font-family: 'ArtegraSans-SemiBold';
  color: #4e7399;
}
@media screen and (min-width: 550px) {
  .cb-qualkriteriumblock h2 {
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 769px) {
  .cb-qualkriteriumblock h2 {
    font-size: 1.4vw;
  }
}
@media screen and (min-width: 1350px) {
  .cb-qualkriteriumblock h2 {
    font-size: 1vw;
  }
}
@media screen and (min-width: 1714px) {
  .cb-qualkriteriumblock h2 {
    font-size: 17px;
  }
}
@media screen and (min-width: 769px) {
  .cb-qualkriteriumblock {
    padding-top: 0.5vw;
    padding-right: 0;
  }
}
@media screen and (min-width: 550px) {
  .cb-qualkriteriumblock .qualkriteriumblock-left {
    float: left;
    width: 60%;
    margin-right: 2%;
  }
}
@media screen and (min-width: 550px) {
  .cb-qualkriteriumblock .qualkriteriumblock-right {
    margin-top: 0;
    float: left;
    width: 38%;
  }
}
.cb-qualkriteriumblock .qual-kriterium-text {
  margin-bottom: 0.5em;
}
.cb-qualkriteriumblock .qual-kriterium-text ul {
  padding-left: 1em;
}
.cb-qualkriteriumblock .qual-kriterium-text ul li {
  list-style-type: disc;
}
.cb-qualkriteriumblock li {
  font-family: 'ArtegraSansCondensed-Light';
}
#main-footer .layout-center {
  background-color: #eff3f7;
  padding: 4vw;
  line-height: 1.6;
  font-size: 4vw;
}
@media screen and (min-width: 550px) {
  #main-footer .layout-center {
    font-size: 2vw;
  }
}
@media screen and (min-width: 769px) {
  #main-footer .layout-center {
    font-size: 1.15vw;
  }
}
@media screen and (min-width: 1350px) {
  #main-footer .layout-center {
    font-size: 1.0vw;
  }
}
@media screen and (min-width: 1714px) {
  #main-footer .layout-center {
    font-size: 14px;
  }
}
@media screen and (min-width: 769px) {
  #main-footer .layout-center {
    padding: 2vw;
  }
}
#main-footer .layout-center .footer-block {
  float: left;
  width: 50%;
}
#main-footer .layout-center .footer-block .footer-block-title {
  text-transform: uppercase;
  font-family: 'ArtegraSans-SemiBold';
}
#main-footer .layout-center .footer-block .div-padding-top {
  padding-top: 1vw;
}
#main-footer .layout-center .logo-institut-footer {
  width: 100%;
}
@media screen and (min-width: 769px) {
  #main-footer .layout-center .logo-institut-footer {
    width: 100%;
  }
}