@import url('../fonts/inter.css');

body { 
	-webkit-font-smoothing: antialiased;
	font-family: 'Inter', sans-serif;
}

body {
	color: #333333;
	font-size: 1em;
	background: url(../../assets/ui/Dots-Pattern-600.jpg);
  background-attachment: fixed;
}
body.bodyFixed {
	overflow: hidden;
}

p {
	font-size: 1em;
	font-weight: 400;
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-inline-start: 20px;
}


@media screen and (min-width: 1420px) {
	.container {
		max-width: 1420px;
		padding: 0;
	}
}
@media screen and (max-width: 767px) {
	.container {
		max-width: 100%;
		padding: 0 35px 0 35px;
	}
}
.container-header {
	position: relative;
	border: 1px solid transparent;
}
.container-header .col {
	position: relative;
	border: 1px solid transparent;
	padding: 0;	
}
@media screen and (max-width: 991px) {
	.container.container-header {
		border: 0;
		max-width: 100%;
		padding: 0;
		overflow: hidden;
	}
	.container-header .col {
		max-width: 100%;
		border: 0;
	}
}
@media screen and (max-width: 576px) {
	.container.container-header {
		border: 0;
		max-width: 100%;
		padding: 0;
		overflow: hidden;
	}
	.container-header .col {
		max-width: 100%;
		border: 0;
		overflow: hidden;
	}
}

.border-box {
	position: relative;	
  border: 15px solid;
  border-image-slice: 1;
  border-width: 15px;
	margin-top: 100px;
	margin-bottom: 100px;
	max-width: 50%;
	z-index: 5;
}
.border-gradient-default {
  border-image-source: linear-gradient(to bottom, #ed7c00 0%, #ed7c00 40%, #01dde8 70%, #01dde8 100%);
}
.border-box h1 {
	font-weight: 900;
	line-height: 101%;
	padding: 45px 45px 160px 45px;
	min-height: 8em;
}
@media screen and (max-width: 1420px) {
	.border-box h1 {
		font-weight: 900;
		line-height: 101%;
		padding: 45px 45px 45px 45px;
		min-height: 4.25em;
	}
	.border-box {
		margin-top: 60px;
		margin-bottom: 100px;
	}
}
@media screen and (max-width: 1200px) {
	.border-box {
		margin-top: 50px;
		margin-bottom: 80px;
	}
	.border-box h1 {
		font-weight: 900;
		line-height: 101%;
		padding:  22.5px 45px 22.5px 22.5px;
	}
}
@media screen and (max-width: 991px) {
	.border-box {
		margin-top: 0;
		margin-bottom: 0;
		position: relative;	
		border: 0;
		border-image-slice: 1;
		border-width: 0;
		margin-top: 0;
		margin-bottom: 0;
		max-width: 100%; 
		z-index: 5;
	}
	.border-gradient-default {
    border-image-source: linear-gradient(to bottom, transparent 0%, transparent 40%, transparent 70%, transparent 100%);
	}
	.border-box h1 {
		font-weight: 900;
		line-height: 101%;
		max-width: 700px;
		padding: 45px 45px 0 0;
		margin-left: auto;
		margin-right: auto;
		min-height: auto;
	}
	.border-box h1 br {
		display: none;
	}
	body.item .border-box {
		margin-top: 0;
		margin-bottom: 0;
		position: absolute;
		top: auto;
		bottom: 0;
		left: 0;
		right: 0;
		border: 0 solid;
		border-image-slice: 1;
		border-width: 0;
		margin-top: 0;
		margin-bottom: 0;
		max-width: 100%;
		z-index: 5;
	}
	body.item .border-box h1 {
		color: #ffffff;
		font-size: 2.25em;
		padding: 20px 22px;
		max-width: 740px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width: 767px) {
	.border-box {
		max-width: 100%;
		padding: 0 20px 0 20px;
	}
}
@media screen and (max-width: 576px) {
	.border-box {
		max-width: 100%;
		padding: 0 15px 0 15px;
	}	
	body.item .border-box h1 {
		font-size: 1.825em;
	}
}
@media screen and (max-width: 479px) {
	body.item .border-box h1 {
		font-size: 1.625em;
	}
}
.video-box {
	position: absolute;
	top: 0;
	right: 0;
	width: 66%;
	z-index: 1;
}
@media screen and (max-width: 1420px) {
	.video-box {
		position: absolute;
		top: 0;
		right: 0;
		width: 60%;
		z-index: 1;
	}
}
@media screen and (max-width: 1200px) {
	.video-box {
		position: absolute;
		top: 0;
		right: 0;
		width: 57%;
		z-index: 1;
	}
}
@media screen and (max-width: 991px) {
	.video-box {
		position: relative;
		top: 0;
		right: 0;
		width: 100%;
		z-index: 1;
	}
	body.item .video-box:after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background-image: url(../../assets/ui/Hero-Underlay-Job-Detail-Mobile.png);
		background-position: center bottom;
		background-size: 100% auto;
		background-repeat: no-repeat;
	}
}
@media screen and (max-width: 767px) {
	.video-box {
		position: relative;
		top: 0;
		right: 0;
		width: 160%;
		margin-left: -30%;
		z-index: 1;
	}
}	
.video-box video {
	width: 100%;
}
.logo {
	margin-top: 60px;
	margin-left: -195px;
	transition: all 0.5s;
}
.logo img {
	width: 120px;
	height: 120px;
	transition: all 0.5s;
}
@media screen and (max-width: 1860px) {
	.container-logo {
		max-width: 100%;
	}
	.logo {
		margin-top: 30px;
		margin-bottom: 30px;
		margin-left: 30px;
	}
}	
@media screen and (max-width: 1200px) {
	.logo img {
		width: 80px;
		height: 80px;
		z-index: 15;
	}
}	
	
@media screen and (max-width: 991px) {
	.container-logo {
		max-width: 100%;
		position: absolute;
		z-index: 10;
	}
	
	.logo {
		width: 80px;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}
}	

.container-meta {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	text-align: right;
}
@media screen and (max-width: 1860px) {
	.container-meta {
		margin-top: 30px;
	}
}	
.container-meta a {
	font-weight: 700;
	color: #333333;
	text-decoration: none;
	padding-right: 24px;
}
.container-meta a,
.container-meta a:hover {
	text-decoration: none;
}
.container-meta a:after {
	position: absolute;
	content:"";
	width: 16px;
	height: 16px;
	margin-top: 4px;
	margin-left: 4px;
	background: url(../../assets/ui/icon-external-link-dark.svg);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center center;
}
@media screen and (max-width: 991px) {
	.container-meta {
		display: none;
		position: absolute;
		top: auto;
		margin: -150px auto 0 auto;
		z-index: 9;
		width: 100%;
	}
.container-meta a:after {
	position: absolute;
	content:"";
	width: 16px;
	height: 16px;
	margin-top: 4px;
	margin-left: 4px;
	background: url(../../assets/ui/icon-external-link-light.svg);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center center;
}
	.container-meta a {
		font-weight: 700;
		color: #ffffff;
		z-index: 1;
	}
	body.item .container-meta {	
		margin: -100px auto 0 auto;
	}
}
@media screen and (max-width: 575px) {
	.container-meta {	
		margin: -180px auto 0 auto;
		padding-right: 14px;
	}
	.container-meta a {
		font-weight: 700;
		color: #ffffff;
		z-index: 1;
	}
	body.item .container-meta {	
		margin: -130px auto 0 auto;
	}
}
.container-jobs {
	padding: 0;
}
.container-jobs .col {
	padding: 0;
}
@media screen and (max-width: 1200px) {
	.container-jobs .col {
		padding: 0 15px;
	}
}	
.container-jobs ul {
	margin-top: 48px;
	margin-bottom: 120px;
	list-style: none;
	padding-left: 0;
	border-top: 1px solid #d8d8d8;
}
.container-jobs ul li {
	display: block;
	position: relative;
	border-bottom: 1px solid #d8d8d8;
}
.container-jobs ul li a {
	font-size: 1em;
	line-height: 150%;
	display: block;
	padding: 20px 80px 20px 0;
	font-weight: 700;
	color: #333333;
	background-image: url(../../assets/ui/Icon-Pfeil.svg);
	background-size: 12px 19px;
	background-position: right 10px center;
	background-repeat: no-repeat;
}
.container-jobs ul li a:hover {
	text-decoration: none;
}
.container-jobs ul li i {
  position: absolute;
	top: 1.15em;
	right: 35px;
	font-size: 1.5em;
	color: #333333;
	opacity: .8;
  transition: all .4s ease;
}
.container-jobs ul li:hover i {
  opacity: 1;
	right: 30px;
}
@media screen and (max-width: 767px) {
	.container-jobs ul li a {
		font-size: 1em;
		line-height: 150%;
		display: block;
		padding: 20px 80px 20px 0;
		font-weight: 700;
		color: #333333;
	}
	.container-jobs ul li i {
		position: absolute;
		top: .75em;
		right: 10px;
	}
	.container-jobs ul li:hover i {
		opacity: 1;
		right: 0;
	}
}
@media screen and (max-width: 576px) {
	.container-jobs ul {
		margin-top: 25px;
		margin-bottom: 120px;
	}
}
.container-teasers {
	margin-bottom: 200px;
}
@media screen and (max-width: 1200px) {
	.container-teasers {
		padding: 0 15px
	}
}
@media screen and (max-width: 991px) {
	.container-teasers {
		margin-bottom: 90px;
	}
}		
.col-md-3.storyWrapper {
}
.container-teasers video {
	display: block;
	width: 100%;
}
.container-teasers video + .playBtn {
	position: absolute;
	left: 10px;
	top: 0;
	right: 10px;
	bottom: 0;
	z-index: 10;
	opacity: .65;
	background-image: url(../../assets/ui/Icon-Play-Button.svg);
	background-position: center center;
	background-repeat: no-repeat;
  transition: all .25s;
	cursor: pointer;
}
.container-teasers video + .playBtn:hover {
	opacity: 1;
}
.container-teasers video.play + .playBtn:hover,
.container-teasers video.play + .playBtn {
	opacity: 0;
}
h2 {
	font-size: 2.25em;
	font-weight: 900;
	margin-bottom: .45em;
}
.container-desc h2 {
	margin-top: 1.45em;
}
@media screen and (max-width: 576px) {
	h2 {
		font-size: 1.825em;
	}	
	body.item h2 {
		font-size: 1.725em;
	}
}


.container-teasers .col-md-3 img {
	width: 100%;
	height: auto;
}
.cta-box {
	position: relative;	
  border: 15px solid;
  border-image-slice: 1;
  border-width: 15px;
	margin: auto;
	margin-top: 120px;
	max-width: 70%;
	z-index: 5;
  border-image-source: linear-gradient(to bottom, #ed7c00 0%, #ed7c00 40%, #01dde8 70%, #01dde8 100%);
	padding: 30px 20px;
}
@media screen and (max-width: 1420px) {
	.cta-box {
		margin-top: 34px;
		max-width: 100%;
	}
}	
@media screen and (max-width: 1200px) {
	.cta-box {
		margin-top: 0px;
		max-width: 90%;
	}
}	
@media screen and (max-width: 991px) {
	.cta-box {
		margin-top: 150px;
		max-width: 100%;
	}
}
@media screen and (max-width: 576px) {
	.cta-box {
		border: 10px solid;
  	border-image-slice: 1;
  	border-width: 10px;
  	border-image-source: linear-gradient(to bottom, #ed7c00 0%, #ed7c00 40%, #01dde8 70%, #01dde8 100%);
	}	
}	

.container-teasers h3 {
	font-size: 1.65em;
	font-weight: 900;
	
	margin-top: 20px;
	margin-bottom: .25em;
}
.container-teasers p {
	margin-bottom: 1.5em;
}
.container-teasers .btn.btn-outline {
	font-size: 1.15em;
	font-weight: 700;
	margin-bottom: .25em;
	padding-left: 25px;
	padding-right: 25px;
	border: 2px solid #333333;
	border-radius: 0;
	padding-top: 8px;
	padding-bottom: 8px;
}

.container-teasers .cta-box img {
  margin-top: -24%;
	border: 4px solid #ffffff;
	width: 120px;
	height: 120px;
}
@media screen and (max-width: 1200px) {
	.container-teasers .cta-box img {
		width: 120px;
		height: 120px;
		margin-top: -45%;
		border: 4px solid #ffffff;
	}
}
@media screen and (max-width: 991px) {
	.container-teasers .cta-box img {
		width: 120px;
		height: 120px;
		margin-top: -25%;
		border: 4px solid #ffffff;
	}	
}
@media screen and (max-width: 479px) {
	.container-teasers .cta-box img {
		width: 120px;
		height: 120px;
		margin-top: -42%;
		border: 4px solid #ffffff;
	}	
}
.container-benefits .video-box {
	position: relative;
	top: 0;
	left: 0;
	right: auto;
	width: 70%;
	z-index: 1;
}
video + .playBtnBenefits {
	position: absolute;
	left: 10px;
	top: 0;
	right: 10px;
	bottom: 0;
	z-index: 10;
	opacity: .65;
	background-image: url(../../assets/ui/Icon-Play-Button.svg);
	background-position: center center;
	background-repeat: no-repeat;
  transition: all .25s;
	cursor: pointer;
}
.video-box:not(.hideMe) .playBtnBenefits:hover {
	opacity: 1;
}
.video-box.hideMe .playBtnBenefits {
	opacity: 0;
}
@media screen and (max-width: 991px) {
	.container-benefits .video-box {
		position: relative;
		top: 0;
		left: auto;
		right: auto;
		width: 100%;
		z-index: 1;
	}
}
@media screen and (max-width: 767px) {
	.container-benefits .video-box {
		position: relative;
		margin-left: 0;
		z-index: 1;
	}
	.container-benefits {
		padding: 0 15px 0 15px;
	}
}
.benefits-box {
	position: absolute;
	top: 70px;
	right: 0;
	width: 42%;
	padding: 45px 60px 45px 45px;
	background: #ffffff;
	z-index: 5;
}
.benefits-box h2 {
	margin-bottom: .5em;
}
@media screen and (max-width: 1420px) {
	.container-benefits .video-box {
		position: relative;
		top: 0;
		left: auto;
		right: auto;
		width: 100%;
		z-index: 1;
	}	
	.benefits-box {
		position: relative;
		top: 0;
		right: 0;
		width: 100%;
		padding: 30px 0 45px 0;
		background: #ffffff;
		z-index: 5;
	}	
	.benefits-box h2 {
		display: none !important;
	}
	.container-benefits > .row >.col > h2 {
		display: block !important;
	}
}
@media screen and (max-width: 991px) {
	.benefits-box {
		position: relative;
		top: 0;
		right: 0;
		width: 100%;
		padding: 30px 0 45px 0;
		background: #ffffff;
		z-index: 5;
	}
}
.container-footer {
	font-size: .9em;
	color: #ffffff;
	margin-top: 245px;
	padding: 45px 0;
  background: linear-gradient(to right, #ed7c00 0%, #ed7c00 10%, #01dde8 90%, #01dde8 100%);
}
.container-footer .logo {
	width: 90px;
	height: 90px;
	margin-top: 0;
	margin-left: 0;
	margin-right: 20px;
	float: left;
}
.container-footer .address {
	float: left;
	margin-top: 7px;
}
.container-footer .container {
	vertical-align: top !important;
	min-height: 90px;
}
b { font-weight: 700 !important; }
.container-footer .mail {
	float: left;
	margin-top: 32px;
	margin-left: 20px;
	min-height: 60px;
}
.container-footer .website {
	display: none;
}
.container-footer .phone {
	float: left;
	margin-top: 32px;
	margin-left: 40px;
	min-height: 60px;
}
.container-footer .meta {
	float: left;
	margin-top: 32px;
	margin-left: 20px;
	min-height: 60px;
}
.container-footer .meta a {
	float: left;
	margin-left: 18px;
}
.container-footer .social {
	float: left;
	margin-top: 18px;
	margin-left: 20px;
	min-height: 60px;
}
.container-footer .social a {
	font-size: 2em;
	margin-left: 10px;
}
.container-footer .mail i {
	display: inline-block;
	margin-right: 5px;
}
.container-footer .phone i {
	display: inline-block;
	margin-right: 5px;
}
.container-footer a {
	color: #ffffff;
}
@media screen and (max-width: 1500px) {
	.container-footer {
	}	
	.container-footer .container {
		max-width: calc(100% - 40px);
		margin: 0;
	}
	.container-footer .mail {
		float: left;
		margin-top: 7px;
		margin-left: 20px;
		min-height: auto;
	}
	.container-footer .phone {
		float: left;
		margin-top: 7px;
		margin-left: 40px;
		min-height: auto;
	}
	.container-footer .meta {
		float: left;
		margin-top: 10px;
		margin-left: 20px;
		min-height: auto;
	}
	.container-footer .meta a {
		float: none;
		margin-left: 18px;
	}
	.container-footer .social {
		float: right;
		margin-top: 0;
		margin-left: 60px;
		min-height: auto;
	}
}

@media screen and (max-width: 991px) {
	.container-footer {
		margin-top: 45px;
		background: linear-gradient(to bottom right, #ed7c00 0%, #ed7c00 10%, #01dde8 90%, #01dde8 100%);
	}
	.container-footer > .container {
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.container-footer p, .container-footer .website {
		display: block;
	}
	.container-footer .logo,
	.container-footer .address,
	.container-footer .mail,
	.container-footer .website,
	.container-footer .phone,
	.container-footer .social,
	.container-footer .meta {
		float: none;
		clear: both;
		text-align: center;
		margin: 0 auto 15px auto;
		min-height: auto;
	}
	.container-footer .logo {
		margin: 0 auto 30px auto;
	}
	.container-footer .mail {
		float: none;
		clear: both;
		text-align: center;
		margin: 0 auto 0 auto;
		min-height: auto;
	}
	.container-footer .website {
		float: none;
		clear: both;
		text-align: center;
		margin: 0 auto 30px auto;
		min-height: auto;
	}
	.container-footer .website img {
		width: 14px;
		height: 14px;
		opacity: .8;
	}
	.container-footer .logo,
	.container-footer .address,
	.container-footer .mail,
	.container-footer .phone,
	.container-footer .social,
	.container-footer .meta {
		display: block;
	}
	.container-footer .meta a {
		float: none;
		display: block;
		margin: 0 0 15px 0;
	}
}
.back-btn {
	position: absolute;
	color: #333333;
	vertical-align: middle;
	padding-left: 20px;
	background-image: url(../../assets/ui/Icon-Pfeil-Links.svg);
	background-size: 12px 19px;
	background-position: left center;
	background-repeat: no-repeat;
}
.back-btn:hover {
	color: #333333;
}
.back-btn i {
	float: left;
	font-size: 1.5em;
	margin-bottom: -12px;
	margin-right: .25em;
}
@media screen and (max-width: 1820px) {
	.back-btn {
		top: 10px;
		left: 5px
	}
}	
.container-facts {
	margin-bottom: 60px;
}
.container-facts .bordered div {
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	margin-right: 10px;
	padding: 20px 0;
}

@media screen and (max-width: 991px) {
	.container-facts .bordered div {
		border-top: 0;
		border-bottom: 1px solid #d8d8d8;
		margin-right: 10px;
		padding: 20px 0;
	}
}
.container-facts .bordered i {
	font-size: 2em;
	float: left;
	margin-right: 30px;
}
.container-facts .bordered img {
	float: left;
	margin-right: 30px;
	margin-bottom: 15px;
}
.container-facts .bordered p {
	margin-bottom: 0;
}
.container-facts .btn.btn-outline {
	float: none;
	display: inline-block;
	font-size: 1.15em;
	font-weight: 700;
	margin-bottom: .25em;
	padding-left: 25px;
	padding-right: 25px;
	border: 3px solid #333333;
	border-radius: 0;
	margin: 20px auto;
}
@media screen and (max-width: 1200px) {
	.container-facts .btn.btn-outline {
		float: none;
		display: block;
		font-size: 1.15em;
		font-weight: 700;
		margin-bottom: .25em;
		padding-left: 5px;
		padding-right: 5px;
		border: 3px solid #333333;
		border-radius: 0;
		margin: 20px auto 20px auto;
	}
}
@media screen and (max-width: 991px) {
	.container-facts .btn.btn-outline {
		float: none;
		display: block;
		font-size: 1.15em;
		font-weight: 700;
		margin-bottom: .25em;
		padding-left: 25px;
		padding-right: 25px;
		border: 3px solid #333333;
		border-radius: 0;
		margin: 40px auto 20px auto;
	}
}


.container-desc .col-md-8 {
	margin-top: 65px;
}
.container-desc .lead {
	font-size: 1.3em;
	font-weight: 500;
	margin-bottom: 80px;
}
.container-desc .col-md-8 h2 {
	margin-top: 65px;
	margin-bottom: .75em;
}
.apply-now {
	margin-top: 120px;
	color: #ffffff;
	padding: 45px 45px;
  background: linear-gradient(135deg, #ed7c00 0%, #ed7c00 10%, #01dde8 90%, #01dde8 100%);
}
@media screen and (max-width: 991px) {
	.apply-now {	
		margin-top: 60px;
	}
}
.apply-now h2 {
	margin-top: 0 !important;
}
.apply-now a {
	color: #ffffff;
}
.apply-now .btn.btn-outline {
	float: none;
	display: inline-block;
	font-size: 1.15em;
	font-weight: 700;
	margin-bottom: .25em;
	padding-left: 15px;
	padding-right: 15px;
	border: 3px solid #ffffff;
	border-radius: 0;
	margin: 20px auto;
}
.apply-now .btn.btn-outline:hover {
	color: #ffffff;
}
.contact-box {	
	position: relative;	
  border: 10px solid;
  border-image-slice: 1;
  border-width: 10px;
	margin: auto;
	margin-top: 120px;
	z-index: 5;
  border-image-source: linear-gradient(to bottom, #ed7c00 0%, #ed7c00 40%, #01dde8 70%, #01dde8 100%);
	padding: 30px 30px 0 30px;
}

@media screen and (max-width: 991px) {
	.contact-box {	
		margin-top: 60px;
	}
}

.contact-box .avatar img {	
	border-radius: 50%;
	width: 125px;
	height: 125px;
	margin-top: -15px;
}
.contact-box .avatar {	
	text-align: center;
}
.contact-box h2 {
	margin-top: 20px;
	margin-bottom: 6px;
}
.contact-box .btn.btn-outline {
	float: none;
	display: block;
	font-size: 1.15em;
	font-weight: 700;
	margin-bottom: .25em;
	padding-left: 45px;
	padding-right: 45px;
	border: 3px solid #333333;
	border-radius: 0;
	margin: 40px auto;
}
.contact-box .name {
	font-size: 1.15em;
	font-weight: 700;
	margin-bottom: -.25em;
}
.contact-box .position {
	font-size: .8em;
	margin-bottom: 0;
}

@media screen and (max-width: 1420px) {
	.contact-box .btn.btn-outline {
		float: none;
		display: block;
		font-size: 1.15em;
		font-weight: 700;
		margin-bottom: .25em;
		padding-left: 0px;
		padding-right: 0px;
		border: 3px solid #333333;
		border-radius: 0;
		margin: 40px auto;
	}
	.contact-box h2 {
		margin-top: 0px;
		margin-bottom: 6px;
	}
}
@media screen and (max-width: 1200px) and (min-width: 992px){
	.contact-box__ {	
		position: relative;	
		border: 15px solid;
		border-image-slice: 1;
		border-width: 15px;
		margin: auto;
		margin-top: 120px;
		z-index: 5;
		border-image-source: linear-gradient(to bottom, #ed7c00 0%, #ed7c00 40%, #01dde8 70%, #01dde8 100%);
		padding: 50px 0 20px 0;
	}
	
	.contact-box .col-lg-2 {	
		min-width: 30%;
	}
	.contact-box .col-lg-7 {	
		min-width: 70%;
	}
	.contact-box .col-lg-3 {	
		min-width: 100%;
	}
	.contact-box .avatar img {
		border-radius: 50%;
		width: 125px;
		height: 125px;
		margin-top: 0px;
	}
	.contact-box .btn.btn-outline {
    float: none;
    display: block;
    font-size: 1.15em;
    font-weight: 700;
    margin-bottom: 0.25em;
    padding-left: 0px;
    padding-right: 0px;
    border: 3px solid #333333;
    border-radius: 0;
    margin: 20px auto;
	}
}

@media screen and (max-width: 576px) {
	.contact-box {	
		position: relative;	
		border: 10px solid;
		border-image-slice: 1;
		border-width: 10px;
		margin: auto;
		margin-top: 120px;
		z-index: 5;
		border-image-source: linear-gradient(to bottom, #ed7c00 0%, #ed7c00 40%, #01dde8 70%, #01dde8 100%);
		padding: 50px 30px 20px 30px;
	}
	.contact-box .btn.btn-outline {
		float: none;
		display: block;
		font-size: 1.15em;
		font-weight: 700;
		margin-bottom: .25em;
		padding: 10px 10px 10px 10px;
		border: 3px solid #333333;
		border-radius: 0;
		margin: 40px auto;
	}
}

.owl-stories {
	margin-left: 1px;
}

@media screen and (max-width: 599px) {
	.owl-carousel .owl-stage {
		padding-left: 0px !important;
	}
}

.modal-content {
	position: relative;	
  border: 15px solid;
  border-image-slice: 1;
  border-width: 15px;
	margin: auto;
  border-image-source: linear-gradient(to bottom, #ed7c00 0%, #ed7c00 40%, #01dde8 70%, #01dde8 100%);
}

/** Cockie Banner **/
#DBcookieBox,
#DBcookieBox * {
	box-sizing: border-box;
}
body.bodyFixed .container-logo:after {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,.5);
}
#DBcookieBox {
	display: none;
}
#DBcookieBox #description {
	display: block;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 30px;
	line-height: 60px;
	background: #303030;
	color: #fff;
	z-index: 999;
  border: 15px solid;
  border-image-slice: 1;
  border-width: 15px;
	margin: auto;
  border-image-source: linear-gradient(to bottom, #ed7c00 0%, #ed7c00 40%, #01dde8 70%, #01dde8 100%);
}
#DBcookieBox .cookieMeta {
	font-size: .75em;
	text-align: center;
}
#DBcookieBox .cookieMeta a {
	text-decoration: none;
}
#DBcookieBox .cookieBtns {
	text-align: center;
	margin: 30px 0;
}
#DBcookieBox a {
	color: #fff;
	text-decoration: none;
}

#DBcookieBox #description p {
	line-height: 140%;
}

#DBcookieBox #acceptBtn {
}

#DBcookieBox #acceptBtn a {
	font-size: 1.15em;
	font-weight: 700;
	margin: 1.25em;
	padding: 10px 25px;
	border: 3px solid #ffffff;
}

@media (max-width: 991px) {
	#DBcookieBox {
		padding-top: 30px;
		padding-bottom: 30px;
		line-height: inherit;
		height: auto;
	}

	#DBcookieBox #description {
		font-size: .85em;
		padding: 20px;
	}
	#DBcookieBox #description .scrollContent {
		max-height: 135px;
		overflow-y:  scroll;
	}
	#DBcookieBox #accept {
		width: 100%;
		margin-top: 15px;
	}

	#DBcookieBox #acceptBtn a {
		font-size: .85em;
		font-weight: 700;
		margin: 1.25em;
		padding: 10px 20px;
		border: 3px solid #ffffff;
	}
}
  /** Cockie Banner END **/