/* barlow-semi-condensed-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/barlow-semi-condensed-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-semi-condensed-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-semi-condensed-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-semi-condensed-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-semi-condensed-v14-latin-300.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}
/* barlow-semi-condensed-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/barlow-semi-condensed-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-semi-condensed-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-semi-condensed-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-semi-condensed-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-semi-condensed-v14-latin-regular.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}
/* barlow-semi-condensed-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/barlow-semi-condensed-v14-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-semi-condensed-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-semi-condensed-v14-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-semi-condensed-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-semi-condensed-v14-latin-600.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}

#header {
    width: 100%;
    height: 4rem;
    border-bottom: 0px solid rgba(172, 179, 194, 0.2);
    background: #fff;
    color: #454d5d;
    font-size: 0.9rem;
    font-weight: 400;
    font-family: 'Barlow Semi Condensed', sans-serif;
}

.header-dark #header:not(.scrolled) a {
    color: #575756 !important;
    font-size: 0.9rem;
    font-weight: 400;
    font-family: 'Barlow Semi Condensed', sans-serif;
}

.header-dark #header:not(.scrolled) a.active { color: #ffffff !important; }

.header-dark #header:not(.scrolled) a:hover { color: #ffffff !important; }

.header-dark.header-transparent #header:not(.scrolled) { background: white; }

body.header-fixed.header-animated #header.scrolled {
    height: 2.3rem;
}

.dropmenu ul li a:hover, .dropmenu ul li a:focus, .dropmenu ul li a.active {
    color: #ffffff !important;
    background: #286E9B;
}

.hero {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 15rem;
    padding-bottom: 7rem;
    background-size: cover;
    background-position: center;
}

.hero p {
    font-size: 1.2rem;
    font-weight: 200;
    font-family: 'Barlow Semi Condensed', sans-serif;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
    text-align: left;
    line-height: initial;
}

body {
    background: #fff;
    color: #575756;
    font-size: 1.1rem;
    font-weight: 200;
    font-family: 'Barlow Semi Condensed', sans-serif;
    line-height: 1.5rem;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 1rem;
    color: #286E9B;
    text-align: left;
    line-height: 1.5rem;
    font-weight: 600;
    font-family: 'Barlow Semi Condensed', sans-serif;
}

h6 {
    margin-top: 1.5rem;
    color: #286E9B;
    font-size: 14px;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 2rem;
}

h3, h5 {
    margin-top: 1rem;
    color: #286E9B;
    text-align: left;
    text-transform: uppercase;
}

.hero.text-light h2 {
    color: #ffffff;
}

.bg-ws {
    background: #ffffff !important;
}

.bg-covid {
    background: #ffffff !important;
}

.bg-einblick {
    background: #EEEDE7 !important;
}

.bg-leistung {
    background: #ffffff !important;
}

.bg-team {
    background: #EEEDE7 !important;
}

.bg-kontakt {
    background: #EEEDE7 !important;
}

.table-nonfluid {
   width: auto !important;
}

.column {
    -ms-flex: 1;
    flex: 1;
    max-width: 100%;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}

.image-table {
 border: 0px solid rgba(0, 0, 0, 0);
 border-collapse: separate;
 border-spacing: 1rem;
 table-layout: fixed;
 text-align: left;
 width: 100%;
}

element.style {
    text-align: left;
}

.hero.text-light h1 {
    color: #fff;
    text-align: left;
}

.title-h1h2 h1 {
    font-weight: 100;
    margin-bottom: 0;
    line-height: 0.6;
}

html {
    box-sizing: border-box;
    line-height: 2;
    -webkit-tap-highlight-color: transparent;
}

.mobile-menu .button_container span {
    background: #575756;
    border: none;
    height: 4px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .35s ease;
    cursor: pointer;
}

.treemenu li a:hover, .treemenu li a:focus, .treemenu li a.active {
    color: #286E9B !important;
    text-decoration: none;
}

.overlay {
    position: fixed;
    background: #ffffff;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s, visibility .35s, height .35s;
}
