/* CSS Document */



/* barlow-300 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/barlow-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v12-latin-300.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-300italic - latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/barlow-v12-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-v12-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v12-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v12-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v12-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v12-latin-300italic.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-regular - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/barlow-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v12-latin-regular.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-500 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/barlow-v12-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v12-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v12-latin-500.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-500italic - latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/barlow-v12-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-v12-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v12-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v12-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v12-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v12-latin-500italic.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-700 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/barlow-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v12-latin-700.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-900 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/barlow-v12-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-v12-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v12-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v12-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v12-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v12-latin-900.svg#Barlow') format('svg'); /* Legacy iOS */
}


/* ### Typography: ### */
body {
	font-family: 'Barlow', sans-serif;
	font-weight: 300;
	font-size: 18px;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #3c3c3b;
}

h3,.h3,h4,.h4 {
	line-height: 1.1em;
}
h5,h6,.h5,.h6 {
	font-weight: 500;
	line-height: 1.1em;
}

main p,.wrap {
    -moz-hyphens: auto;
   	-o-hyphens: auto;
   	-webkit-hyphens: auto;
   	-ms-hyphens: auto;
   	-hyphens: auto; 
}

.nowrap {
    -moz-hyphens: manual;
   	-o-hyphens: manual;
   	-webkit-hyphens: manual;
   	-ms-hyphens: manual;
   	-hyphens: manual; 
}

.fw-3 {
	font-weight: 300;
}
.fw-5 {
	font-weight: 500;
}
.fw-7 {
	font-weight: 700;
}
.fw-9 {
	font-weight: 900;
}

p > b, p > strong {
    font-weight: 700;
}

.fa-sm {
	font-size: 0.8em;
}

footer {
	font-size: 0.8rem;
}

@media (max-width: 1100px) {
	p, li:not(.nav-item) {
        line-height: 1.2em;
    }
    
}

@media (max-width: 991px) {
	body {
		font-size: 16px;
	}
}

@media (max-width: 575px) {
    
}

/* ### Elements: ### */

body {
	position: relative;
	min-height: 100vh;
	overflow-x: hidden;
}

main {
	overflow-x: hidden;
}

aside {
	position: absolute;
	top: -1em;
	width: 1em;
	height: 1em;
	overflow: hidden;
}

header {
	z-index: 1050;
}

img.logo {
	width: auto;
	height: 100px;
}

.box, 
.border-box-inner,
.card-deck .card {
	box-shadow: 0 0.75rem 1rem rgba(0,0,0,.25) !important;
}
.box-image {
	background-size: cover;
	background-position: center center;
}
.box-text {
	text-align: center;
	padding: 2rem;
}

.teaser {
	height: 100%;
	padding: 1rem;
	text-align: center;
}
.border-box {
	position: relative;
	padding: 2rem;
	border: 2px solid deeppink;
}
.border-box-inner {
	position: relative;
	padding: 1.5rem 2rem;
	z-index: 20;
}
.border-box-image {
	position: relative;
	z-index: 10;
}

#special-k-player .box-hint {
	position: absolute;
	padding: 0.5rem;
	text-align: center;
	background-color: #fff;
	border: 2px solid deeppink;
	opacity: 0.0;
	transition: all 0.3s;
}
#special-k-player .box-hint.active {
	opacity: 1;
}
#special-k-player .box-hint p {
	margin: 0;
}
#special-k-player .button-replay {
	position: absolute;
	top: calc(50% - 6rem);
	left: calc(50% - 6rem);
	width: 12rem;
	height: 12rem;
	font-size: 12rem;
	line-height: 11rem;
	text-align: center;
	border: 0px dashed deeppink;
	border-radius: 50%;
	cursor: pointer;
}
#special-k-player .button-pause {
	position: absolute;
	bottom: 1rem;
	right: 3rem;
	width: 2rem;
	height: 2rem;
	font-size: 2rem;
	line-height: 1rem;
	text-align: center;
	border: 0px dashed deeppink;
	border-radius: 50%;
	cursor: pointer;
}

@media (max-width: 575px) {
    .border-box {
        padding: 1rem;
    }
    .border-box-inner {
        padding: 0.75rem 1rem;
    }
}

/* ### Grid: ### */

section {
	position: relative;
	display: block;
/*	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;*/
}

section:not(.hero) {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.section-fix {
	top: -1px;
	bottom: -1px;
}

.hero {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}
.hero-50 {
	height: 50vh;
	min-height: 50vh;
}
.hero-child {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.box {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 2rem;
}
.box-image {
	padding-left: 0;
	padding-right: 0;
}


/* ### Swiper: ### */
.swiper-control {
}
.swiper-control .swiper-pagination {
	top: 0;
	bottom: auto;
	font-weight: 700;
	font-size: 1.1rem;
	line-height: 1.7rem;
}
.swiper-control .swiper-slide {
	margin-top: 4rem;
	border: 0px dashed deeppink;
}
.swiper-container .swiper-button-next, 
.swiper-container .swiper-button-prev, 
.swiper-control .swiper-button-next, 
.swiper-control .swiper-button-prev {
	width: 2rem;
	height: 2rem;
	font-weight: 400;
	font-size: 2.5rem;
	line-height: 1.1rem;
	text-align: center;
	border: 2px solid deeppink;
	border-color: inherit;
	background-image: none;
}
.swiper-control .swiper-button-next, 
.swiper-control .swiper-button-prev {
	top: 0;
	margin-top: 0;
	background-color: #fff;
}
.swiper-control .swiper-button-next {
	right: 0;
}
.swiper-control .swiper-button-prev {
	left: 0;
}

.parallax-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 130%;
	height: 100%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
}

@media (max-width: 991px) {
	.swiper-control .swiper-slide {
		margin-top: 3rem;
	}
}


/* ### Twenty-Twenty ### */
.twentytwenty-before-label:before, 
.twentytwenty-after-label:before {
	padding: 0 1rem;
    border-radius: 0;
    border: 2px solid #fff;
    font-size: 1rem;
    font-weight: 700;
	line-height: 34px;
}
.twentytwenty-horizontal .twentytwenty-before-label:before, 
.twentytwenty-horizontal .twentytwenty-after-label:before {
	margin-top: -21px;
}
.twentytwenty-horizontal .twentytwenty-after-label:before {
    right: 20px;
}
.twentytwenty-horizontal .twentytwenty-before-label:before {
    left: 20px;
}


/* ### Nav & Links: ### */

nav#Fixed {
	top: -6rem;
	background-color: rgba(255,255,255,0.95);
	box-shadow: 0 0.75rem 1rem rgba(0,0,0,.25);
	z-index: 1100;
	transition: all 0.3s;
}
nav#Fixed.active {
	top: 0;
}

nav#Fixed img.logo {
	height: 3rem;
}

nav#Menu {
	top: -100vh;
	padding-top: 8rem;
	background-color: rgba(56,56,56,0.95);
	box-shadow: 0 0.75rem 1rem rgba(0,0,0,.25);
	z-index: 1010;
	transition: all 0.3s;
}
nav#Menu.active {
	top: 0;
}
nav#Menu .nav {
	position: relative;
	border-right: 2px solid #ddd;
}
nav#Menu .sub-nav {
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	padding-left: 15px;
	min-height: 100%;
	flex-wrap: wrap;
	flex-direction: column !important;
	white-space: nowrap !important;
}
nav#Menu .nav-item:hover > a,
nav#Menu .nav-item > a:hover,
nav#Menu .nav-item > a.active,
footer a:hover {
	color: #c42e35;
}
nav#Menu .nav-link {
	padding-left: 0;
}

footer a {
	color: #fff;
	text-decoration: none!important;
}

@media (min-width: 576px) {
	nav#Menu {
		padding-top: 10rem;
	}
	nav#Menu .nav-item:hover .sub-nav {
		display: flex;
	}
}
@media (max-width: 567px) {
	nav#Menu .nav-link {
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}
}

footer {
	position: relative;
}

a.link {
	color: inherit;
	font-weight: 500;
}
a.link:hover {
	text-decoration: underline !important;
}

a.link-border {
	color: #3c3c3b;
	font-weight: 700;
	padding: 0.25rem 0.5rem;
	border: 2px solid #3c3c3b;
	text-decoration: none;
}
a.link-border:before {
	content: '›';
	display: inline;
	padding: 0 0.25em 0 0;
	font-size: 1.25em;
}
	

/* ### Colors & Backgrounds: ### */

.text-white, .text-white a {
	color: #ffffff;
	border-color: #ffffff;
}
.text-red, .text-red a {
	color: #c42e35;
	border-color: #c42e35;
}
.text-olive, .text-olive a {
	color: #6c7860;
	border-color: #6c7860;
}
.text-brown, .text-brown a {
	color: #966e52;
	border-color: #966e52;
}
.text-orange, .text-orange a {
	color: #f39200;
	border-color: #f39200;
}
.text-blue, .text-blue a {
	color: #4d7c8e;
	border-color: #4d7c8e;
}
.text-lightBlue, .text-lightBlue a {
	color: #a9c9d6;
	border-color: #a9c9d6;
}
.text-grey, .text-grey a {
	color: #acacac;
	border-color: #acacac;
}
.text-darkGrey, .text-darkGrey a {
	color: #3c3c3c;
	border-color: #3c3c3c;
}
.text-dummy {
	color: deeppink;
}

.bg-white {
	background-color: #ffffff;
}
.bg-red {
	background-color: #c42e35;
}
.bg-grey {
	background-color: #acacac;
}
.bg-lightGrey {
	background-color: #e3e3e3;
}
.bg-darkGrey {
	background-color: #3c3c3c;
}
.bg-olive {
	background-color: #6c7860;
}
.bg-lightOlive {
	background-color: #e5dbcf;
}
.bg-brown {
	background-color: #966e52;
}
.bg-orange {
	background-color: #f39200;
}
.bg-blue {
	background-color: #4d7c8e;
}
.bg-lightBlue {
	background-color: #a9c9d6;
}
.bg-sand {
	background-color: #f5f1ee;
}
.bg-image {
	background-size: cover;
	background-position: center;
}
.bg-contain {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.bg-video {
	background-size: auto 100%;
	background-repeat: repeat-x;
	background-position: center;
}
.bg-black-50 {
	background-color: rgba(0,0,0,0.5);
}

.border-red {
	border-color: #c42e35 !important;
}
.border-darkGrey {
	border-color: #3c3c3c !important;
}
.border-olive {
	border-color: #6c7860 !important;
}
.border-brown {
	border-color: #966e52 !important;
}
.border-orange {
	border-color: #f39200 !important;
}
.border-blue {
	border-color: #4d7c8e !important;
}
.border-lightBlue {
	border-color: #a9c9d6 !important;
}

.btn-red {
	color: #ffffff;
	border-color: #c42e35 !important;
	background-color: #c42e35;
}
.btn-twitter {
	color: #ffffff;
	border-color: #57a0d8 !important;
	background-color: #57a0d8;
}
.btn-instagram {
	color: #ffffff;
	padding: calc(0.25rem + 2px) calc(0.75rem + 2px);
	border: none;
	background: linear-gradient(228deg,#1400c8 0%,#b900b4 51%,#f50000 100%);
}
.btn-facebook {
	color: #ffffff;
	border-color: #385194 !important;
	background-color: #385194;
}
.btn-xing {
	color: #ffffff;
	border-color: #025d5a !important;
	background-color: #025d5a;
}


@media screen and (max-width: 420px) { #devOutput a > img { height: 20px; width: auto; margin: 0 0 0 2px; } }
@media screen and (max-width: 420px) { #Fixed .social-media-header  a > img { height: 20px; width: auto; margin: 0 0 0 3px; } }