/*
Primary color: #e6007e
Default color: #cccccc;
Text color: #63686d;
*/

/* roboto-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: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/webfonts/roboto-condensed-v27-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/assets/webfonts/roboto-condensed-v27-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* roboto-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: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/webfonts/roboto-condensed-v27-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/assets/webfonts/roboto-condensed-v27-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

html {
	overflow-y:scroll;	
}

body {
	font-family:'Roboto Condensed', sans-serif;
	font-size:18px;
	color:#63686d;
	position:relative;
}

#header {
	padding:30px 0px;
	height:143px;
	margin-bottom:60px;
}

#article-1 #header {
	margin-bottom:0px;
}

#logo {
    display:block;
    float:left;
    width:363px;
    height:83px;
    background:url(/media/logo.svg) no-repeat;
    background-size:contain;
}

.wrapper {
	position:relative;
}

.container {
	min-width:360px;	
	position:relative;
}

a {
	color:#e6007e;
}
	
.btn:focus,
.btn:active,
a:focus,
a.active {
  outline:none !important;
}

.bar-top {
	position:absolute;
	top:0px;
	left:0px;
	width:350px;
	height:35px;
	background:#e6007e;
}

.bar-bottom {
	position:absolute;
	bottom:0px;
	right:0px;
	width:350px;
	height:35px;
	background:#e6007e;
}

/* Navigation ------------------------------- */

@media screen and (min-width:992px) {

	.navbar {
		padding:20px 0px 0px 0px;	
	}
	
	.navbar-expand-lg .navbar-nav .nav-item {
		padding-left:30px;	
	}
	
	.navbar-expand-lg .navbar-nav .nav-link {
		-webkit-transition:all 0.5s linear;
	    -ms-transition:all 0.5s linear;
	    transition:all 0.5s linear;
	    padding:5px 15px;
		-webkit-border-radius:20px;
		-moz-border-radius:20px;
		border-radius:20px;    
	}
	
	.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
		color:#ffffff;
	}
	
	.navbar-nav > li > a {
		color:#63686d;
	}
	
	.navbar-nav > li > a:hover,
	.navbar-nav > li > a:focus,
	.navbar-nav > .active > a,
	.navbar-nav > .active > a:focus,
	.navbar-nav > .active > a:hover,
	.navbar-nav > li:last-child > a {
		background:#e6007e;
		color:#ffffff;
	}

}

/* hero -------------------------------- */

.hero {
	position:relative;	
	margin-bottom:0px;
}

.hero .inner {
	position:absolute;
	left:0px;
	right:0px;
	padding-top:150px;
	text-align:center;
}

.hero .headline {
	text-transform:uppercase;
	font-size:4.4rem;
	line-height:1.2;
	color:#e6007e;	
	font-weight:300;
	margin-bottom:20px;
}

.hero .sub-headline {
	font-size:3rem;
	line-height:1.2;
	color:#e6007e;	
	font-weight:300;
	margin-bottom:50px;
}

.hero img {
	width:100%;
}

.slideshow {
	margin-bottom:60px;
}

/* Text -------------------------------------- */

.wrapper.text {
	padding-bottom:100px;
}

.wrapper.text.layout2 {
	padding-top:100px;
	background:#dedee2;
	text-align:center;
}

.wrapper.text.layout3 {
	text-align:center;
}

.wrapper.text.layout4 {
	padding-bottom:40px;
}

.wysiwyg a {
	color:#e6007e;	
}

.wysiwyg a:hover {
	color:#666666;	
}

.wysiwyg li::marker {
	color:#e6007e;
}

h1, h2,	h3,	h4, h5 {
	margin-top:0px;	
	word-wrap:break-word;
	overflow-wrap:break-word;
}

h1 {
	font-size:2.25rem;
	color:#e6007e;
	font-weight:300;	
}

h1 span {
	color:#63686d;
}

/* Image text accordion ---------------------- */

.image-text-accordion {
	padding:100px 0px;
  	background:linear-gradient(to right, #d5d5da, #f0f0f1);
  	margin-bottom:0px;
}

.image-text-accordion .image {
	padding-bottom:40px;	
}

.image-text-accordion .read-more {
	font-size:24px;
	color:#e6007e;
	cursor:pointer;
	background:url(/media/read-more.png) right center no-repeat;
	line-height:30px;
	border-bottom:1px solid #e6007e;
}

.image-text-accordion .read-more.open {
	color:#7b7f84;
	border-color:#7b7f84;	
	background:url(/media/read-more-open.png) right center no-repeat;
}

.image-text-accordion .more {
	padding-top:25px;
	display:none;
}

/* Jobs -------------------------------------- */

.wrapper.jobs {
	padding:100px 0px;
	margin-bottom:100px;	
}

.wrapper.jobs .job .box {
	border:3px solid #e6007e;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	background:#ffffff;	
	padding:30px;
	margin-bottom:15px;
}

.wrapper.jobs .title {
	font-size:2rem;
  	color:#e6007e;
  	font-weight:300;
	word-wrap:break-word;
	overflow-wrap:break-word;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}

.wrapper.jobs .headline {
  	color:#e6007e;
  	padding-bottom:10px;
}

/* Yform ------------------------------------- */

#yform-position {
	position:relative;
	top:-100px;
}

#rex-yform label {
	display:none;	
}

#rex-yform .checkbox label {
	display:block;
	float:none;
	width:100%;
	font-weight:normal;
}

#rex-yform .form-group, #rex-yform .formcheckbox {
  padding-bottom: 15px;
}

#rex-yform .form-control {
	padding:5px 10px;	
}

#rex-yform select,
#rex-yform input,
#rex-yform textarea,
#rex-yform button {
	font-family:sans-serif;
	font-size:1rem;
}

#rex-yform input[type=file] {
	border:none;
	padding:0px;
}

#rex-yform textarea {
    height:150px;
}

#yform-formular-email,
#yform-formular-subject {
	display:none;	
}

.btn.btn-primary {
	border-color:#e6007e;
	background:#e6007e;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
	background:#ffffff;
	color:#e6007e;
}

.btn.btn-default {
	border-color:#cccccc;
	background:#cccccc;
	color:#63686d
}

.btn.btn-default:hover,
.btn.btn-default:focus {
	background:#ffffff;
	color:#63686d
}

/* Footer ------------------------------------ */

.wrapper.footer {
	background:#63686d;
	color:#ffffff;
	padding:50px 0px 30px 0px;
}

.wrapper.footer .container {
	position:relative;
}

#footer .col-sm-6 {
	padding-bottom:20px;	
}

#footer .footer-2 {
	text-align:right;	
}

#footer ul {
	padding:0px;	
	margin:0px;
}

#footer li {
	display:inline-block;
	list-style:none;	
	padding-left:35px;
}

#footer a {
	color:#ffffff;	
	text-decoration:none;
}

#overlay-background {
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	background:rgba(0,0,0,0.3);
	visibility:hidden;
  	opacity:0;
  	transition:visibility 0s, opacity 0.5s linear;
}

#overlay-background.show {
	visibility:visible;
  	opacity:1;
}

#overlay-content {
	max-width:900px;
	margin:300px auto 0px auto;
	background:#e6007e;
	padding:30px;
	color:#ffffff;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;  	
}

#overlay-content .form-group {
	padding-bottom:30px;
	margin-bottom:5px;	
	position:relative;
}

#overlay-content label {
	display:block;
	position:absolute;
	bottom:0px;	
}

#overlay-content input[type='text'].form-control {
	background:none;
	border:0px;
	border-bottom:1px solid #ffffff;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;  	
	color:#ffffff;
}

/*#yform-formular-covering {
	width:50%;
  	float:left;
  	padding-right:12px;	
}

#yform-formular-testimonials {
	width:50%;
  	float:left;
  	padding-left:12px;	
}

#yform-formular-cv {
	width:50%;
  	float:left;
  	padding-right:12px;	
}

#yform-formular-other {
	width:50%;
  	float:left;
  	padding-left:12px;	
}
}*/

#overlay-content .upload-fields  {
	padding-bottom:15px;
}

#overlay-content .upload-fields .input-group {
	padding-bottom:5px;
}

#overlay-content .upload-fields .form-group {
	padding-bottom:0px;
}

#overlay-content .upload-fields label {
	position:static;
}

#overlay-content input[type='file'].form-control {
	border:none;
  	background:none;
  	color:#ffffff;
  	padding:5px;
}

.input-group .btn.btn-default {
	background:none;
	color:#ffffff;
}

#overlay-content .btn.btn-primary {
	border-color:#ffffff;
	background:#ffffff;
	color:#e6007e;
}

#overlay-content .btn.btn-primary:hover,
#overlay-content .btn.btn-primary:focus {
	background:#e6007e;
	color:#ffffff;
}

#overlay-content .form-control.alert-danger {
	border-color:#842029 !importan t;
	color:#842029 !important;
	background:#f8d7da !important;
}

@media screen and (max-width:1399px) {

	.hero .inner {
		padding-top:80px;
	}
	
	.hero .headline {
		font-size:4rem;
	}
	
}

@media screen and (max-width:1199px) {

	.hero .inner {
		padding-top:40px;
	}
	
	.hero .headline {
		font-size:3.8rem;
	}
	
	.hero .sub-headline {
		font-size:2.8rem;
	}
	
	.bar-top {
		width:300px;
		height:25px;
	}
	
	.bar-bottom {
		width:300px;
		height:25px;
	}
	
	#cycle-1 img {
		height:220px;
	}	
	
}

@media screen and (max-width:991px) {

	#header {
		height:120px;
	}
	
	#logo {
		width:250px;
		height:60px;
	}
	
	.navbar {
		position:static;
	}

	.navbar-toggler {
		border:1px solid #e6007e;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;  		
	}
	
	#navbarSupportedContent {
		position:absolute;
		z-index:10;
		left:0px;
		right:0px;
		top:90px;
		background:#ffffff;
		border:1px solid #e6007e;
		padding:5px 15px;
	}
	
	.hero .inner {
		padding-top:30px;
	}
	
	.hero .headline {
		font-size:3rem;
	}
	
	.hero .sub-headline {
		font-size:2rem;
		margin-bottom:25px;
	}

}

@media screen and (max-width:767px) {
	
	.hero .inner {
		max-width:400px;
		margin:0px auto;
	}
	
	.bar-top {
    	width:250px;
    	height:20px;
  	}
  	
  	.bar-bottom {
    	width:250px;
    	height:20px;
  	}
	
	#footer li {
  		display:block;
		padding-left:0px;
	}

	#footer .footer-2 {
  		text-align:left;
	}
	
	#cycle-1 img {
		height:150px;
	}
	
}

@media screen and (max-width:575px) {

	.hero .inner {
		max-width:360px;
	}
	
	.hero .headline {
		font-size:2.5rem;
	}
	
}