/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Typography
2.0 Basic
3.0 Forms
4.0 Basic layout
	4.1 Header
	4.2 Fixed
	4.3 Footer
	4.4 Browser notification 
5.0 Navigation
	5.1 Top Navigation
	5.2 Main Navigation
	5.3 Search
	5.4 Footer Navigation
6.0 Homepage
7.0 Category page
	7.1 Teasers
	7.2 Category sidebar
8.0 Article page
9.0 Custom pages
	9.1 Minisite
	9.2 Article page expert
	9.3 Desinfection
	9.4 Academy
	9.5 Contact page
	9.6 Landingpage corporate
10.0 Media Queries
	10.1 Large desktop
	10.2 Portrait tablet to landscape and desktop
	10.3 Landscape phone to portrait tablet
	10.4 Landscape phones and down	
--------------------------------------------------------------*/
@import url(all.min.css);
@import url(reset.css);
/*--------------------------------------------------------------
1.0 Typography
--------------------------------------------------------------*/
p, #content-block ul, #content-block ol, #form ul, #form ol {
	font-size:16px;
	line-height: 26px;
	color:#575757;
	font-weight: 300;
	padding:10px 0 20px 0;
}
h1,h2,h3,h4,h5,h6{
	font-weight: 500;
	margin:20px 0 10px 0;
}
#content-block h2,
#form h2,
#content-block h3, 
#content-block h4, 
#content-block h5, 
#content-block h6{
	font-size:24px;
}
.agenturen{
	color:#f67822;
}
.catering {
	color:#c7b664;
}
.destinations {
	color:#3a6ab2;
}
.locations {
	color:#c51c47;
}
.services {
	color:#324448;
}
.event-topics {
    color: #800080;
}
#content-block ol {
	list-style-type: decimal;
	margin-left: 30px;
}
#content-block ul {
	list-style-type: disc;
	margin-left: 30px;
}
#content-block strong,
#specs strong {
	font-weight: bold;
}
#content-block em {
	font-style: italic;
}
#content-block img {
	height: auto;
	max-width: 100%;
}
#content-block a,
#specs a {
	color: #000;
	text-decoration: underline;
}
/*--------------------------------------------------------------
2.0 Basic elements
--------------------------------------------------------------*/
body{
	font-family: 'Ubuntu', sans-serif;
	padding-top:147px;
	font-weight: 300;
}
*, html{
	outline: none!important;
}
html {
	scroll-behavior: smooth;
	scroll-padding: 147px;
}
.videoWrapper {
	position: relative;
	padding-bottom: 55.25%; /* 16:9 */
	padding-top: 0;
	height: 100%;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.imgWrapper{
	width: 100%;
    overflow: hidden;
    display: block;
}
.imgWrapper img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.full-width{
	width:100%;
}
.full-width i{
	float:right;
}
.dossier iframe {
    border: none; 
    display: block; 
    height: 100vh;
    width: 100%;
}
/*--------------------------------------------------------------
3.0 Forms
--------------------------------------------------------------*/
input, textarea{
    border-bottom: 2px solid #000!important;
    color: #fff;
    border: 1px solid #efefef;
    padding: 15px;
    color: #000;
    box-shadow: none;
}
textarea{
    height:200px;
}
input:focus,
textarea:focus{
    border-bottom: 2px solid #000!important;
    transition: all 0.3s ease-in-out
}
label{
    color:#212529;
    text-transform: uppercase;
    font-weight: bold;
    font-size:11px;
    margin:10px 0 5px 0;
}
.form-text{
    width:100%;
}
input[type=submit]{
    color: #fff;
    background: #000;
    padding:13px 15px 13px 15px;
    display: block;
    font-weight:600;
    font-size:14px;
    letter-spacing: 3px;
    border:2px solid #e90b0c;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
}
input[type=submit]:hover,
input[type=submit]:focus{
    text-decoration: none;
    border:2px solid #e90b0c;
	background: transparent;
	color:#e90b0c!important;
	transition: all 0.3s ease-in-out;
}
button{
	border:2px solid #e90b0c;
	cursor: pointer;
}
button:hover,
button:focus{
	border:2px solid #e90b0c;
	background: transparent;
	color:#e90b0c!important;
	transition: all 0.3s ease-in-out;
}
input[type=checkbox], input[type=radio]{
	height:auto;
}
.form-control{
	padding:20px 15px;
	font-size: 16px;
    line-height: 24px;
    color: #575757;
}
.form-check{
	font-size: 16px;
    line-height: 24px;
    color: #575757;
}
/*--------------------------------------------------------------
4.0 Basic layout
--------------------------------------------------------------*/
.container-1600 {
	max-width: 1600px;
	margin: 0 auto;	
}	
.shadow{
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.80) 0%, rgba(0,0,0,0) 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
a:hover,
a:focus{
	opacity: 0.7;
	transition: all 0.3s ease-in-out;
}
.img-fluid{
	width:100%;
}
/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@-webkit-keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
.hvr-icon-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-bob .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-bob:hover .hvr-icon, .hvr-icon-bob:focus .hvr-icon, .hvr-icon-bob:active .hvr-icon {
  -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
  animation-name: hvr-icon-bob-float, hvr-icon-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
.button{
	background: #e90b0c;
	color:#fff;
	padding:15px;
	font-size: 16px;
	font-weight: 500;
}
.button i{
	margin-left:15px;
}
.button:hover,
.button:focus{
	text-decoration: none;
	color:#fff;
	opacity: 1!important;
}
.button.transparent{
	border:2px solid #000;
	background: transparent;
	color:#000;
}
.button.transparent:hover,
.button.transparent:focus{
	background: #000!important;
	color:#fff;
}
.button.transparent.white{
	border:2px solid #fff;
	background: transparent;
	color:#fff;
}
.button.transparent.white:hover,
.button.transparent.white:focus{
	background: #fff!important;
	color:#000;
}
.button.small{
	padding:10px;
	font-size: 14px;
}
.button.small i{
	font-size:12px;
	margin:0 10px 0 0;
}
/*------------------------------
4.1 Header
------------------------------*/
#whitepaper{
	background: url(../images/whitepaper.jpg);
	background-size:100% 100%;
	background-position: top center;
	height:0px;
	transition: all 0.3s ease-in-out;
	opacity: 0;
	position: fixed;
	top:0;
	left:0;
	width:100%;
	z-index: 1777;
}
.hide-whitepaper #whitepaper {
	display: none !important;
}
#whitepaper .label{
    display: inline-block;
    float: left;
    position: fixed;
}
#whitepaper .label img{
	width:75px;
}
#whitepaper .wrapper{
	display: inline-block;
	width:46%;
    float: left;
    padding-right: 40px;
}
#whitepaper .list{
	display: inline-block;
	width:40%;
	padding:50px 0;
    float: left;
}
#whitepaper .title{
	color:#fff;
	font-weight: 700;
	font-size:40px;
	margin-top:30px;
}
#whitepaper p{
	color:#fff;
	font-size:20px;
	padding:5px 0;
}
#whitepaper .button{
	background: transparent;
	border:2px solid #fff;
	margin-top: 20px;
    float: left;
}
#whitepaper .list ul li{
	color:#fff;
	margin:0 0 15px 0;
	font-size:16px;
}
#whitepaper .list ul li:before{
	content:'\f061';
	font-family: 'Font Awesome 5 Pro';
	font-size:10px;
	color:#fff;
	position: absolute;
	margin-left:-30px;
	margin-top:2px;
}
#whitepaper .close-button{
	position: fixed;
	right:20px;
	top:2px;
	width:40px;
	height:40px;
	background: transparent;
	text-align: center;
	padding:5px;
	color:#fff;
	font-size:30px;
	cursor: pointer;
}
header .logo{
	width:205px;
	height:81.28px;
	margin-top:10px;
}

.remove-whitepaper #whitepaper{
	height:200px;
	opacity: 1;
}
.remove-whitepaper #top-nav{
	top:200px;
}
.remove-whitepaper #main-nav{
	top:255px;
}
.remove-whitepaper{
	padding-top:347px;
	transition: all 0.3s ease-in-out;
}
.remove-whitepaper.hide-whitepaper {
	padding-top: 0 !important;
}
.remove-whitepaper .open-whitepaper{
    top: 370px;
}
.fixed .open-whitepaper{
	top:120px;
}
.fixed .close-button {
	display: none;	
}
.open-whitepaper{
    color: #fff;
    background: #ff1516;
    padding: 15px 0 18px 0;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-size: 11px;
    position: fixed;
	top:170px;
	transition: all 0.3s ease-in-out;
    right: 20px;
    text-align: center;
    z-index: 1400;
}
.open-whitepaper i{
	font-size: 20px;
	margin-top: 2px;
}
.open-whitepaper:hover,
.open-whitepaper:focus{
	text-decoration: none;
	color:#fff;
	background: #d20001;
	opacity: 1;
}
.fixed #whitepaper{
	height:0;
	overflow:hidden;
	transition: all 0.3s ease-in-out;
	z-index: 2000;
}
.fixed #whitepaper .label img {
	margin-left: 35px;
	width: 40px;
}
/*------------------------------
4.2 Fixed
------------------------------*/
#sticky-contact{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    display: block;
    background: #ff1516;
    text-align: center;
    padding: 17px 18px 10px 18px;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    height: 40px;
    width: 110px;
    border: none;
    cursor: pointer;
    z-index: 1500;
    position: fixed;
    left: -45px;
    top: 65%;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
}
#sticky-contact:hover,
#sticky-contact:focus{
	left:-40px;
	transition: all 0.3s ease-in-out;
}
#sticky-contact i {
    font-weight: 400;
    color: #fff;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    margin-left: 5px;
}
.fixed #top-nav{
    padding: 4px 15px;
    height: 44px;
    transition: all 0.3s ease-in-out;
    top:0;
}
.fixed header .logo{
    width: 125px;
    height: 50.22px;
    transition: all 0.3s ease-in-out;
    margin-top:5px;
}
.fixed #main-nav{
	top:44px;
	transition: all 0.3s ease-in-out;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
}
.fixed #main-nav ul{
	padding:7px 0;
}
.fixed header .searchbar{
	top:2px;
	transition: all 0.3s ease-in-out;
}
/*------------------------------
4.3 Footer 
------------------------------*/
/*----------- Newsletter -----------*/
#newsletter{
	margin-top:-1px;
}
#newsletter .container-fluid{
	padding:0;
}
#newsletter .wrapper{
	position: absolute;
	top:30px;
	width: 100%;
	z-index: 666;
	padding:15px 0;
}
#newsletter .title{
    width: 30%;
    display: inline-block;
    float: left;
    color: #fff;
    font-size: 30px;
    padding: 30px;
    font-weight: 500;
}
#newsletter .form{
	width:60%;
	display: inline-block;
	float:right;
	margin-left:30px;
	padding:15px 0;
}
#newsletter .form input{
	background: transparent;
	color:#fff;
	border:1px solid rgb(255,255,255,0.3);
	padding:10px 15px;
	height:40px;
	width:400px;
	margin-top:-3px;
}
#newsletter .form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
#newsletter .form ::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
#newsletter .form :-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
#newsletter .form :-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
#newsletter .mc-field-group{
	display: inline-block;
}
#newsletter .button{
	background: #ff1516!important;
	border:none!important;
	cursor: pointer!important;
}
#newsletter span{
	color: #fff;
    font-size: 14px;
    line-height: 18px;
    display: inline;
    width: 80%;
    float: left;
    margin-top: 15px;
}
#newsletter .form input[type="submit"]{
	width:auto!important;
}
#newsletter .form input[type="checkbox"]{
    display: block;
    height: auto;
    width: 14px;
    margin-right: 10px;
    text-align: left;
    float: left;
    margin-top: 20px;
}
#newsletter .imgWrapper{
	height:200px;
}
/*----------- Social -----------*/
#social{
	background: #1d1b1e;
}
#social .container-fluid{
	padding:0;
}
#social .arrow{
	position: absolute;
	right:25%;
	top:20px;
	width: 13px;
	height:42px;
}
#social .title{
	color:#fff;
	width:100%;
	padding:30px 0;
	text-align: center;
	font-size:20px;
	font-weight: 500;
	background: #ff1516;
}
#social .shadow{
	width: 60%;
	background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
#social i{
	position: absolute;
	left:30px;
	bottom:30px;
	color:#fff;
	font-size:22px;
    padding: 11px;
    width: 20px;
    text-align: center;
    font-size: 20px;
    height: 20px;
    border-radius: 50%;
}
#social .image:hover,
#social .image:focus{
	opacity: 1;
}
#social .image:hover .shadow,
#social .image:focus .shadow{
	opacity: 0.8;
}
#social .image:hover i,
#social .image:focus i{
	left:28px;
	bottom:28px;
    transition: all 0.1s ease-in-out;
    color: #fff;
    padding: 13px;
    width: 44px;
    text-align: center;
    font-size: 20px;
    height: 44px;
    border-radius: 50%;
    background: #3a2756;
}
/*----------- Videos -----------*/
#video{
	background: #1d1b1e;
	padding:10px 50px 50px 70px;
}
#video .title{
	color:#fff;
	width:100%;
	padding:30px 0;
	text-align: center;
	font-size:20px;
	font-weight: 500;
}
/*----------- Directly to -----------*/
#directly-to{
	background: rgb(210,0,1); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(210,0,1,1) 0%, rgba(210,0,1,1) 16.5%, rgba(210,0,1,1) 16.5%, rgba(244,244,244,1) 16.5%, rgba(244,244,244,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(210,0,1,1) 0%,rgba(210,0,1,1) 16.5%,rgba(210,0,1,1) 16.5%,rgba(244,244,244,1) 16.5%,rgba(244,244,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(210,0,1,1) 0%,rgba(210,0,1,1) 16.5%,r gba(210,0,1,1) 16.5%,rgba(244,244,244,1) 16.5%,rgba(244,244,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d20001', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 */
	padding:50px 0;
}
#directly-to .item{
	border-radius: 50%;
	background: #fff;
    padding: 40px 0;
    width: 100%;
    height: 160px;
	text-align: center;
	display: block;
	box-shadow: 5px 10px 25px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
}
#directly-to .item:hover,
#directly-to .item:focus{
	text-decoration: none;
}
#directly-to .item span{
	text-transform: uppercase;
	font-weight: 500;
	font-size:15px;
}
#directly-to .item.red{
	background:#f4252f;
	color:#fff;
	font-weight: 600;
	font-size:18px;
	padding:60px 0;
}
#directly-to .item.agenturen span{
	color:#f07517;
}
#directly-to .item.catering span{
	color:#c7b664;
}
#directly-to .item.destinations span{
	color:#3a6ab2;
}
#directly-to .item.locations span{
	color:#c51c47;
}
#directly-to .item.services span{
	color:#324448;
}
#directly-to .item.event-topics span{
	color:#800080;
}

/*----------- Service -----------*/
#service{
	padding:50px 0;
}
#service .title{
	font-size:24px;
	font-weight: 600;
	margin:0 0 10px 0;
}
#service .sub-title{
	font-size:18px;
	font-weight: 600;
	color:#e51016;
	margin:0 0 5px 0;
}
#service .sub-sub-title{
	font-size:18px;
	font-weight: 300;
	color:#575757;
	margin:0 0 20px 0;
}
#service .button{
	border-color: #e2e2e1;
}
#service .button:hover,
#service .button:focus{
	border-color:#000;
}
#service p{
	height:70px;
	padding:0;
}
#service .contact-person img{
	width:15%;
}
#service .contact-person .wrapper{
	width:80%;
}
/*----------- Footer -----------*/
#footer .row{
	border-top:1px solid #e6e6e6;
	padding-top:20px;
	padding-bottom: 30px;
}
#footer .social{
	margin:0 0 10px 0;
}
#footer .social a{
	color:#000;
	display: inline-block;
	text-decoration: none;
	padding:10px 5px;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
#footer .social a:hover,
#footer .social a:focus{
	-webkit-animation-name: hvr-pop;
	animation-name: hvr-pop;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
#footer ul{
	width:100%;
}
#footer ul li{
	display: inline-block;
	margin:0 0 0 20px;
}
#footer ul li a{
	color:#575757;
	text-decoration: underline;
}

#corporate-banner img {
	width: 100%;
}

.rotate-device{
	display: none;
}
/*------------------------------
4.4 Browser notification 
------------------------------*/
.browser-notification { 
	background: #e9004d; 
	color: #fff; 
	font: bold 14px/40px Arial, sans-serif;  
	height: 40px; 
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%; 
}

.browser-notification a {
	color: #fff;
	text-decoration: underline;	
} 
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*------------------------------
5.1 Top Navigation
------------------------------*/
#top-nav{
	background: #d20001;
	padding:10px 15px;
	height:55px;
	position: fixed;
	top:0;
	transition: all 0.3s ease-in-out;
	left:0;
	z-index: 1999;
}
#top-nav .social{
	padding:0 10px;
}
#top-nav .social a{
	color:#fff;
	display: inline-block;
	text-decoration: none;
	padding:10px 5px;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
#top-nav .social a:hover,
#top-nav .social a:focus{
	-webkit-animation-name: hvr-pop;
	animation-name: hvr-pop;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
#top-nav .text-before{
	color: #fff;
}
#top-nav ul{
	display: inline-block;
}
#top-nav ul li{
	width: auto;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    float:left;
    background: #ff1516;
    padding:10px;
    margin:0 5px;
    cursor: default;
}
#top-nav ul li i{
	margin-right:3px;
}
#top-nav ul li a{
	color:#fff;
	font-weight: 600;
}
#top-nav ul li a:hover,
#top-nav ul li a:focus{
	text-decoration: none;
	color:#fff;
}
#top-nav ul li:before{
	display: none;
}
#top-nav ul li:hover a,
#top-nav ul li:focus a{
	color:#fff;
	opacity: 1!important;
}
#top-nav ul li ul{
	display: none;
    width: 150px;
    position: absolute;
    top: 35px;
    margin-left: -15px;
}
#top-nav ul li.expanded:hover ul,
#top-nav ul li.expanded:focus ul{
	display: block!important;
}
#top-nav ul li ul li{
	width:100%;
	padding:10px;
	background: #e20c0d;
	color:#fff;
}
#top-nav ul li ul li:nth-child(2){
	background: #d20001;
}
#top-nav ul li ul li:nth-child(2):hover,
#top-nav ul li ul li:nth-child(2):focus{
	background: #ff1516;
}
#top-nav ul li ul li a{
	color:#fff;
	font-weight: 300;
	font-size:14px;
	width:100%;
	display: block;
}
#top-nav ul li ul li a:hover,
#top-nav ul li ul li a:focus{
	color:#fff;
}
#top-nav ul li ul li:after{
	content:'\f061';
	font-family: 'Font Awesome 5 Pro';
	font-size:10px;
	color:#fff;
	position: absolute;
	right:10px;
	margin-top:-12px;
}
#top-nav .button{
	background: transparent;
	font-size:16px;
	padding:10px;
	border:none;
	color:#fff;
}
#top-nav .button:hover,
#top-nav .button:focus{
	background: transparent!important;
}
#top-nav .button i{
	margin-left:5px;
}
/*------------------------------
5.2 Main Navigation
------------------------------*/
#main-nav{
	position: fixed;
	top:55px;
	transition: all 0.3s ease-in-out;
	left:0;
	z-index: 1888;
	background: #fff;
}
#main-nav ul{
	display: inline-block;
	padding:27px 0;
}
#main-nav ul li{
	width: auto;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    float:left;
    padding:10px 5px;
    margin:0 5px;
}
#main-nav ul li a{
	color:#000;
	font-size:18px;
	font-weight: 300;
}
#main-nav ul li a:hover,
#main-nav ul li a:focus{
	text-decoration: none;
}
.navbar-toggler{
	display: none;
}
.navbar{
	padding:0;
}
/*------------------------------
5.3 Search
------------------------------*/
#main-nav .col-3{
	overflow:visible;
}
header .region-navigation{
    width:100%;
}
header .searchbar:after{
    content: "\f002";
    color: #000;
    font-family: 'Font Awesome 5 Pro';
    font-size: 14px;
    font-weight: 400;
    display: block;
    position: absolute;
    right: 15px;
    top: 19px;
    z-index: 999;
}
header .searchbar{
    height: 60px;
    cursor: pointer;
    position: absolute;
    right: 25px;
    top: 20px;
    z-index: 1400;
}
header .form-text{
    color: #000;
    outline: 0;
    background: #fff;
    width: 165px;
    caret-color:transparent;
    line-height: 40px;
    transition: width 0.3s ease-in-out;
    border:2px solid #000;
    padding:0 30px 0 15px;
    font-weight: 700;
    font-size:14px;
    height:auto!important;
}
header .searchbar:hover > .form-text{
    padding: 0 10px;
    width: 450px!important;
    caret-color: #000;
    transition: all 0.8s ease-in-out!important;
}
header .open-search{
    padding: 0 10px!important;
    width: 450px!important;
    caret-color: #000!important;
    transition: width 0.3s ease-in-out!important;
}
header .searchbar:hover > .form-submit{
    background: transparent;
    color: #000;
}
header .form-submit{
    height: 40px;
    width: 40px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color:#000;
    text-decoration: none;
    text-indent: -99999px;
    margin-top: -38px;
    border: none!important;
    z-index: 2000!important;
    background: transparent;
}
header .searchbar:hover:after{
    background: transparent;
    transition: all 0.3s ease-in-out;
}
header .form-submit:hover,
header .form-submit:focus{
    border:none;
    background: transparent;
    transition: all 0.3s ease-in-out;
}

header .searchbar ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
header .searchbar ::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
header .searchbar :-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
header .searchbar :-moz-placeholder { /* Firefox 18- */
  color: #000;
}
/*------------------------------
5.4 Footer Navigation
------------------------------*/
/*--------------------------------------------------------------
6.0 Homepage
--------------------------------------------------------------*/
#top-image {
	overflow-x: hidden;
	position: relative;
}
#top-image .container-fluid{
	padding:0;
}
#top-image .title{
	color:#fff;
	font-weight: 700;
	font-size:24px;
	line-height: 30px;
	width:100%;
	text-align: center;
	position: absolute;
    z-index: 666;
    top: 40px;
}
#top-image .searchform{
	position: absolute;
	width:50%;
	left:25%;
	top:100px;
	z-index: 666;
	background: rgba(255, 255, 255, 0.9);
    padding: 15px;
}
#top-image .form-text{
	border:none!important;
	padding:10px!important;
	width:99%;
}
#top-image .searchform:after{
	content: "\f002";
    color: #75758b;
    font-family: 'Font Awesome 5 Pro';
    font-size: 14px;
    font-weight: 400;
    display: block;
    position: absolute;
    right: 34%;
    top: 33px;
    z-index: 999;
}
#top-image .form-item{
	display: inline-block;
	width: 70%
}
#top-image .form-submit{
	background: #e90b0c;
	color:#fff;
	padding:10px 15px;
	font-size: 18px;
	font-weight: 500;
	border:none!important;
	cursor: pointer;
}
#top-image .form-wrap{
	display: inline-block;
	width:28%;
}
#top-image .form-wrap:after{
	content: "\f061";
    color: #fff;
    font-family: 'Font Awesome 5 Pro';
    font-size: 14px;
    font-weight: 400;
    display: block;
    position: absolute;
    right: 38px;
    top: 33px;
    z-index: 999;
}
#top-image .form-wrap input{
	width:100%;
	text-align: left;
	margin-top:-4px;
	text-transform: none;
	letter-spacing: 0;
}
#top-image .form-wrap input:hover,
#top-image .form-wrap input:focus{
	color:#fff!important;
}
/*----------- Intro -----------*/
#intro {
	padding: 30px 20px 30px 20px;
    overflow: hidden;
    background: rgba(0,0,0,.5);
	bottom: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

#intro .row {
	align-items: center;
}

#intro .intro-links {
	display: flex;
	justify-content: center;
	text-align: right;
	flex-wrap: wrap;
	width: 100%;
}
#intro .intro-links .link-wrapper {
	margin: 0 15px;
	text-align: center;
}
#intro .intro-links .link-wrapper span {
	line-height: 1.3;
}
#intro .intro-links .link-wrapper a {
	color: #fff;
	font-weight: 700;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	align-items: center;
}

#intro .intro-links .link-wrapper img {
	max-width: 50px;
	margin-bottom: 15px;
	text-align: center;
}

#intro .intro-links .link-wrapper i {
	font-size: 40px;
	margin-bottom: 15px;
	height: 50px;
}

#intro .intro-links .link-wrapper i {
	color: #fff;
}

#intro .logo-discover {
	padding-left: 30px;
	position: absolute;
	right: 5%;
}

#intro .logo-discover img {
	width: 100%;
	max-width: 140px;
}




/*----------- Category block -----------*/
#category-block{
	height:1200px;
	border-top: 200px solid #D40000;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 70%, rgba(212,0,0,1) 70%, rgba(212,0,0,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 70%,rgba(212,0,0,1) 70%,rgba(212,0,0,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 70%,rgba(212,0,0,1) 70%,rgba(212,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d40000',GradientType=1 );
    padding: 0 0 50px 0;
}
#category-block #categorySlider {
	top: -50px;
}
#category-block .wrapper{
	left:0;
	width: 100%;
	margin:0 0 30px 0;
}
#category-block .wrapper .text{
	background: rgb(255,255,255,0.95);
	padding:40px 40px 40px 55px;
	display: inline-block;
	width:40%;
	left:0px;
	position: absolute;
	margin-top:-150px;
}
#category-block .wrapper .text p{
	padding:0;
}
#category-block .wrapper .text:before{
	content:'“';
	font-size:250px;
	position: absolute;
	left:50px;
	top:-70px;
}
#category-block .wrapper.agenturen .text:before{
	color:#f67822;
	font-weight: 400;
}
#category-block .wrapper.agenturen .text .title{
	color:#f67822;
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	margin:20px 0;
}
#category-block .wrapper.agenturen .text .button{
	background: #f67822;
}
#category-block .wrapper.agenturen .theme{
	border:1px solid #ffe7d6;
	border-top:10px solid #f67822;
}
#category-block .wrapper.agenturen .links{
	background: rgba(246, 120, 34, 0.9);
}
#category-block .wrapper .text .button{
	float:left;
	margin:30px 0 0 0;
}
#category-block .wrapper .theme{
    display: inline-block;
    width: 180px;
    height: 180px;
    position: absolute;
    left: 45%;
    margin-right: 30px;
    padding: 40px 10px;
    vertical-align: middle;
	background: #fff;
}
#category-block .wrapper .theme a{
	display: block;
}
#category-block .wrapper .links{
	margin-top: -150px;
    display: inline-block;
    width: 30%;
    position: absolute;
    right: 0;
    padding: 30px 30px 10px 30px;
}

.nav-tabs{
	border-bottom:none;
}
.nav-tabs li{
	width: 100%;
	display: block;
}


#category-block .wrapper.destinations .text:before{
	color:#3a6ab2;
	font-weight: 400;
}
#category-block .wrapper.destinations .text .title{
	color:#3a6ab2;
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	margin:20px 0;
}
#category-block .wrapper.destinations .text .button{
	background: #3a6ab2;
}
#category-block .wrapper.destinations .theme{
	border:1px solid #c6d4e8;
	border-top:10px solid #3a6ab2;
}
#category-block .wrapper.destinations .links{
	background: rgba(58, 106, 178, 0.9);
}
#category-block .wrapper.catering .text:before{
	color:#c7b664;
	font-weight: 400;
}
#category-block .wrapper.catering .text .title{
	color:#c7b664;
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	margin:20px 0;
}
#category-block .wrapper.catering .text .button{
	background: #c7b664;
}
#category-block .wrapper.catering .theme{
	border:1px solid #e6e0c3;
	border-top:10px solid #c7b664;
}
#category-block .wrapper.catering .links{
	background: rgba(199, 182, 100, 0.9);
}
#category-block .wrapper.locations .text:before{
	color:#c51c47;
	font-weight: 400;
}
#category-block .wrapper.locations .text .title{
	color:#c51c47;
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	margin:20px 0;
}
#category-block .wrapper.locations .text .button{
	background: #c51c47;
}
#category-block .wrapper.locations .theme{
	border:1px solid #eaced5;
	border-top:10px solid #c51c47;
}
#category-block .wrapper.locations .links{
	background: rgba(197, 28, 71, 0.9);
}
#category-block .wrapper.service .text:before{
	color:#324448;
	font-weight: 400;
}
#category-block .wrapper.service .text .title{
	color:#324448;
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	margin:20px 0;
}
#category-block .wrapper.service .text .button{
	background: #324448;
}
#category-block .wrapper.service .theme{
	border:1px solid #cdd4d6;
	border-top:10px solid #324448;
}
#category-block .wrapper.service .links{
	background: rgba(50, 68, 72, 0.9);
}


#category-block .wrapper.event-topics .text:before{
	color:#800080;
	font-weight: 400;
}
#category-block .wrapper.event-topics .text .title{
	color:#800080;
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	margin:20px 0;
}
#category-block .wrapper.event-topics .text .button{
	background: #800080;
}
#category-block .wrapper.event-topics .theme{
	border:1px solid #cdd4d6;
	border-top:10px solid #800080;
}
#category-block .wrapper.event-topics .links{
	background: rgb(128,0,128,0.9);
}



#category-block .wrapper .links .title{
	font-weight: 100;
	font-size:22px;
	margin:0 0 10px 0;
	color:#fff;
}
#category-block .wrapper .links .title i {
	font-size: 30px;
	margin-right: 10px;
}
#category-block .wrapper .links p {
	color: #fff;
}
#category-block .wrapper .links a:hover,
#category-block .wrapper .links a:focus{
	color:#fff;
	opacity: 0.5;
	transition: all 0.3s ease-in-out;
	text-decoration: none!important;
}
#category-block .links i{
	font-size:10px;
	margin-left:5px;
}
#category-block .links .active i{
	display: none;
}
#category-block .item{
	background: #fff;
	text-align: center;
	display: block;
}
#category-block .item:hover,
#category-block .item:focus{
	text-decoration: none;
}
#category-block .item span{
	text-transform: uppercase;
	font-weight: 500;
	font-size:16px;
}
#category-block .item.agenturen span{
	color:#f07517;
}
#category-block .item.catering span{
	color:#c7b664;
}
#category-block .item.destinations span{
	color:#3a6ab2;
}
#category-block .item.locations span{
	color:#c51c47;
}
#category-block .item.services span{
	color:#324448;
}
#category-block .item.event-topics {
	color:#800080;
}
#category-block .item.event-topics img{
	margin-bottom: 10px;
}

#category-block .carousel-indicators li{
	text-indent: 0;
	height:auto;
	width:100%;
	background: transparent;
}
#category-block .carousel-indicators li::after,
#category-block .carousel-indicators li::before{
	display: none;
}
#category-block .carousel-indicators{
    display: block;
    width:100%;
    background: rgba(0, 0, 0, 0.9);
    right: -50px;
    bottom: 250px;
    left:auto;
}
#categorySlider .carousel-inner{
	padding-bottom: 300px;
}
/*----------- Youtube -----------*/
#youtube .container-fluid{
	padding:0;
}
#youtube .wrapper{
	background: #d40000;
	display: block;
	height:100%;
	padding:50px 100px;
}
#youtube .wrapper .fa-video{
	font-size:60px;
	color:#fff;
	margin-bottom: 10px;
}
#youtube .wrapper .title{
	color:#fff;
	font-size:36px;
	font-weight: 600;
}
#youtube .wrapper .sub-title{
	color:#fff;
	font-size:20px;
	font-weight: 600;
	margin:20px 0;
}
#youtube .wrapper p{
	color:#fff;
	padding:0;
}
#youtube .button{
	margin:30px 0 0 0;
}
/*----------- News -----------*/
#news{
	background: #f4f4f4;
	padding:50px 50px 50px 70px;
}
#news .wrapper{
	background: #fff;
	padding:15px;
	height:175px;
}
#news .wrapper_academy{
	background: #fff;
	padding:15px;
	min-height:380px;
}
#news .title{
	font-size:36px;
	font-weight: 600;
	margin:0 0 20px 0;
}
#news .label{
	font-weight: 600;
	font-size:16px;
	margin:0 0 5px 0;
	color:#575757;
}
#news a:hover {
	text-decoration: none;
}
#news .label i{
	margin-right:5px;
}
#news h2{
	font-size: 16px;
    line-height: 24px;
    color: #ff1516;
    margin:10px 0 0 0;
}
#news .button{
	float:left;
	width:100%;
}
#news .button:hover,
#news .button:focus{
	background: #cc0808;
}
#news .button i{
	float:right;
}
#news .button.transparent{
	width:auto;
	display: inline-block;
	float: none;
}
#news .more{
	display: inline-block;
	font-size:24px;
	font-weight: 100;
	color:#858585;
	margin:50px 20px 0 0;
}
/*----------- Companies -----------*/
#companies {
	padding: 50px 50px 50px 70px;
}
#companies .title {
	font-size: 36px;
    font-weight: 600;
    margin: 0 0 20px 0;
}
#companies .swiper-slide {
	text-align: center;
}

#companies a:hover {
	-webkit-filter: none;
    filter: none;
    opacity: 1;
}

#companies img {
	max-width: 150px;
    min-width: 120px;
}

/*----------- Downloads -----------*/
#downloads{
	background: #ff1516;
}
#downloads .container-fluid{
	padding:0;
}
#downloads .downloads-wrapper {
	position: relative;
}
#downloads .downloads-wrapper i{
	position: absolute;
	top:100px;
	left:0;
	text-align: center;
	color:#fff;
	width: 100%;
	font-size:60px;
}
#downloads .downloads-wrapper .content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 70%;
	text-align: center;
	display: flex;
    flex-direction: column;
    align-items: center;
}
#downloads .downloads-wrapper .content .logo {
	width: 150px;
	margin-bottom: 25px;
}
#downloads .downloads-wrapper .subtext {
	color: #fff;
    width: 100%;
    font-size: 20px;
    display: block;
    font-weight: 500;
	text-align: center;
	line-height: 1.3;
	padding: 0 20px;
}
#downloads .search-wrapper .subtext{
	color: #fff;
    position: absolute;
	bottom: 100px;
	width: 100%;
    font-size: 20px;
    display: block;
    font-weight: 500;
	text-align: center;
	line-height: 1.3;
	padding: 0 20px;
}
#downloads .search-wrapper .title{
	color: #fff;
    position: absolute;
	bottom: 45px;
	width: 100%;
    font-size: 25px;
    display: block;
    font-weight: 500;
	text-align: center;
	padding: 0 20px;
}
#downloads .item{
	float: left;
	margin:0 10px 20px 30px;
}
#downloads a:hover {
	opacity: 1;
}
#downloads .downloads{
	padding:10px 0 0 0;
}
#downloads h3{
	color:#fff;
	font-size: 16px;
	line-height: 20px;
	margin:5px 20px;
	font-weight: 600;
}
#downloads .item p{
	color:#fff;
	font-size:14px;
	line-height: 18px;
	padding:0 20px;
}
#downloads .button{
	margin:10px 20px 0 20px;
	float:left;
}
/*----------- Help -----------*/
.help{
	background: #fff;
	width:100%;
	height:100%;
	padding:100px 50px;
}
.help h4{
	display: inline-block;
    width: 75%;
    font-size: 30px;
    line-height: 32px;
    font-weight: 600;
    color: #ff1516;
    margin:20px 0;
}
.help .fa-search-location{
	display: inline-block;
    width: 70px;
    font-size: 60px;
    margin: 20px 10px 0 0;
    color: #ff1516;
    float: left;
}
.help .sub-title{
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    margin: 30px 0;
    color: #ff1516;
}
.help p{
	margin:10px 0;
	padding:0;
}
.contact-person img{
	border-radius: 50%;
    width: 22%;
    margin-right: 10px;
	display: inline-block;
	float:left;
	margin-top:40px;
}
.contact-person .wrapper{
	display: inline-block;
	float:left;
	width:70%;
	margin:40px 0;
}
.contact-person .name{
	font-weight: 700;
	margin-bottom:10px;
}
.contact-person .function{
	color:#575757;
}
.contact-person .fa-phone{
	font-size:16px;
}
a.phone,
a.email{
	text-decoration: none;
	cursor: default;
	display: inline-block;
	margin:10px 0;
	color:#e51016;
	font-weight: 600;
	font-size:20px;
}
a.phone:hover,
a.phone:focus,
a.email:hover,
a.email:focus{
	opacity: 1;
	color:#e51016;
}
a.phone i,
a.email i{
	font-size: 13px; 
	margin:0 5px 0 0;
}
/*----------- Map search form -----------*/
.search-wrapper{
	width:100%;
}
.search-wrapper a:hover {
	opacity: 1;
}
.search-wrapper .map-title{
    background: #000;
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    padding: 30px;
	width: -moz-max-content;
	width: -webkit-max-content;
    top: 170px;
    right: 0;
    position: absolute;
    z-index: 666;
}
.search-wrapper .imgWrapper .dcp-desk {
	object-fit: cover;
	object-position: top;
	display: block;
}
.search-wrapper .imgWrapper .dcp-mob {
	display: none;
}
.search-wrapper .logo {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    text-align: center;
	padding: 15px;
	background: rgba(255, 255, 255, .8);
	width: 300px;
}
.search-wrapper .searchform{
	position: absolute;
	width:80%;
	left:10%;
	top:70%;
	z-index: 666;
	background: rgba(255, 21, 22, 0.7);
	padding:15px;
	border-radius: 5px;
}
.search-wrapper .form-text{
	border:none!important;
	padding:10px 10px 10px 30px!important;
	width:99%;
	margin:0;
}
/*.search-wrapper .searchform:before{
	content: "\f002";
    color: #75758b;
    font-family: 'Font Awesome 5 Pro';
    font-size: 12px;
    font-weight: 400;
    display: block;
    position: absolute;
    left: 25px;
    top: 30px;
    z-index: 999;
}*/
.search-wrapper .button {
	margin: 0 !important;
	width: 100%;
}
.search-wrapper .form-item{
	display: inline-block;
	width: 55%
}
.search-wrapper .form-submit{
	background: #e90b0c;
	color:#fff;
	padding:10px 15px;
	font-size: 18px;
	font-weight: 500;
	border:none!important;
	cursor: pointer;
}
.search-wrapper .form-wrap{
	display: inline-block;
	width:43%;
}
.search-wrapper .form-wrap:after{
	content: "\f061";
    color: #fff;
    font-family: 'Font Awesome 5 Pro';
    font-size: 14px;
    font-weight: 400;
    display: block;
    position: absolute;
    right: 30px;
    top: 27px;
    z-index: 999;
}
.search-wrapper .form-wrap input{
	width:100%;
	text-align: left;
	margin-top:-3px;
}
/*----------- Client Panel -----------*/
#panel{
	border-top:200px solid #D40000;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 1%, rgba(255,255,255,1) 70%, rgba(212,0,0,1) 70%, rgba(212,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 1%,rgba(255,255,255,1) 70%,rgba(212,0,0,1) 70%,rgba(212,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,1) 1%,rgba(255,255,255,1) 70%,rgba(212,0,0,1) 70%,rgba(212,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d40000',GradientType=1 ); /* IE6-9 */
	padding:0 0 50px 0;
}
#panel .item{
	display: block;
	width:100%;
	height:100%;
}
#panel .item:hover,
#panel .item:focus{
	opacity: 0.7;
	text-decoration: none;
}
#panel .item.big .wrapper{
	position: absolute;
	left:0;
	bottom:0;
	background: rgba(255, 255, 255, 0.9);
	z-index: 444;
	width: calc(100% - 30px);
	padding:30px;
	margin:0 15px;
}
#panel .item.big .wrapper{
	bottom:30px;
}
#panel .item.big{
	margin-bottom: 30px;
	margin-top:-50px;
}
#panel .item.big .wrapper{
	background: rgba(121, 121, 121, 0.9);
	height:150px;
}
#panel .item img{
	z-index: -1;
}
#panel .item.big .wrapper h3{
	color:#fff;
}
#panel .item h3{
	color:#000;
	font-size:18px;
	font-weight: 600;
	margin:0 0 10px 0;
}
#panel .item.big .wrapper p{
	color:#fff;
	padding:0;
}
#panel .item.big .wrapper .label{
	top:-35px;
}
#panel .item .wrapper .label{
	display: inline-block;
	width: auto;
	position: absolute;
	padding:10px 25px;
	top:-36px;
	left:0;
	background: #000;
	color:#fff;
}
#panel .label i{
	margin-right:5px;
}
#panel .title{
	color:#fff;
	font-size:36px;
	font-weight: 600;
	margin-top:-100px;
}
#panel .item .wrapper{
	position: relative;
	left:0;
	bottom:0;
	background: #f4f4f4;
	z-index: 666;
	width: 100%;
	padding:30px;
	height:400px;
	overflow:hidden;
}
#panel .item .wrapper p{
	color:#575757;
	padding:0;
}
#panel .row .col-sm-4:last-of-type .item .wrapper {
	background: #ff1516;
}
#panel .row .col-sm-4:last-of-type .item .wrapper h3,
#panel .row .col-sm-4:last-of-type .item .wrapper p{
	color:#fff;
}
/*----------- Quicklinks -----------*/
#quicklinks {
	height: 56px;
	display: none;
}

#quicklinks .quicklinks-inner {
	background: #D40000;
	padding: 20px 0;
	bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 9999;
}

#quicklinks .quicklinks-inner.relative {
	position: relative;
	z-index: unset;
}

#quicklinks .container {
	display: flex;
	justify-content: space-between;
}

#quicklinks .link-wrapper {
	display: flex;
}

#quicklinks .link-wrapper a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#quicklinks .link-wrapper i {
	margin-left: 10px;
    color: #fff;
}



/*--------------------------------------------------------------
7.0 Category page
--------------------------------------------------------------*/
#top-image.overview h1{
	color:#fff;
	position: absolute;
	padding:30px; 
	text-align: center;
	font-size:48px;
	font-weight: 500;
	background: rgb(0,0,0,0.4);
	z-index: 600;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
}
#top-image.overview h1 span {
	font-size: 28px;
}
#top-image.overview .shadow{
	transform: rotate(180deg);
	top:1px;
}
/*------------- Intro --------------*/
#summary{
	background: #000;
	padding:20px 0 0 0;
}
#summary.festival {
	position: sticky;
	top: 147px;
	z-index: 9999;
}
#summary p{
	color:#fff;
	padding:0 0 20px 0;
}
/*----------- Pagination -----------*/
.pagination {
    padding: 30px 0;
}
.pagination li {
    border: solid 1px #d9d9d9;
    display: inline-block;
    height: 35px;
    line-height: 33px;
    margin-right: -1px;
    text-align: center;
    width: 35px;
}
.pagination li.active,
.pagination li.current {
    background: #000;
    border-color: #000;
    color: #fff;
}
.page-link {
    background-color: transparent !important;
    border: none !important;
    padding: 6px 5px;
}

.pagination ul {
    display: inline;
}
.pagination li.active a,
.pagination li.current a {
    color: #fff;
}
.pagination a {
    color: #000;
    display: block;
    font-weight: 400;
}
.pagination label {
    color: #909090;
    display: inline-block;
    font-weight: normal;
}
.pagination a:hover,
.pagination a:focus{
	text-decoration: none;
}
/*----------- Overview -----------*/
.overview .item{
	margin-bottom:30px;
	display: block;
}
.overview .item:hover,
.overview .item:focus{
	opacity: 0.7;
	transition: all 0.3s ease-in-out;
	text-decoration: none!important;
}
.overview .item .label{
    background: rgba(52, 52, 52, 0.8);
    border-left: 8px solid #000;
	position: absolute;
	bottom:20px;
	left:-8px;
	color:#fff;
	font-size:16px;
	font-weight: 500;
	padding:10px;
}
.overview .item .label i{
	margin-right:10px;
	font-size:14px;
}
.overview .item .label.catering{
	background:rgba(145, 137, 76, 0.8);
	border-left:8px solid #d2c986;
}
.overview .item .label.locations{
	background: rgba(199, 182, 100, 0.8);
	border-left:8px solid #ff003d;
}
.overview .item .label.destinations{
	background: rgba(58, 106, 178, 0.8);
	border-left:8px solid #548cd5;
}
.overview .item .label.agenturen{
	background: rgba(197, 28, 71, 0.8);
	border-left:8px solid #ff7800;
}
.overview .item .label.service{
	background: rgba(50, 68, 72, 0.8);
	border-left:8px solid #878787;
}

.overview .item .label.event-topics{
	background: rgb(128,0,128);
	border-left:8px solid #800080;
}
.overview .item .img-wrapper{
	position: relative;
}
.overview .item .wrapper{
	padding:20px 10px 0 10px;
}
.overview .item.big .wrapper{
	border:1px solid #cecece;
	padding:30px 30px 10px 30px;
}
.overview .item h2{
	font-weight: 700;
	color:#000;
	font-size:18px;
	margin:0;
}
.overview .item.big p{
	font-size:18px;
}
.overview .item p{
	font-size:16px;
}
.overview .item .wrapper{
	height:200px;
}
.overview .item.big .wrapper{
	height:160px;
}
/*----------- CTA -----------*/
.overview .call-to-action{
	background: #d20001;
	padding:30px;
	margin-bottom: 30px;
}
.overview .call-to-action.black{
	background: #000;
}
.overview .call-to-action h3{
	color:#fff;
	font-weight: 700;
	font-size:24px;
	margin:0;
}
.overview .call-to-action h3 .small{
	font-size:18px;
	font-weight: 700;
	margin-left:10px;
}
.overview .call-to-action h4{
	color:#fff;
	font-weight: 300;
	font-size:18px;
	margin:0 0 10px 0;
}
.overview .call-to-action .button{
	float:right;
}
.overview .call-to-action .contact-person img{
    border-radius: 50%;
    width: 100%;
    margin-right: 0;
    display: inline-block;
    float: left;
    margin-top: 0px;
}
/*----------- Filter company -----------*/
#company.tabcontent {
	padding: 0;
}
#company .big-items {
	background: linear-gradient(to right,#1D1B1E 58%,#D40000 42%);
	padding: 70px 0;
	margin-top: 50px;
}
#company .big-items .intro p{
	color: #fff;
}
#company .big-items .big-item .name {
	color: #fff;
	font-weight: 700;
	margin: 15px 0;
}
#company .big-items .big-item .city {
	margin-top: 15px;
	color: #fff;
}
#company .big-items .big-item .big-img-wrapper {
	position: relative;
}
#company .big-items .big-item .big-img-wrapper .logo {
	position: absolute;
	bottom: 5%;
	left: 5%;
	max-width: 150px;
	padding: 15px;
	background: #fff;
	border-width: 3px 1px 1px 1px;
	border-color: #EB7524;
	border-style: solid;  
}
#company .big-items .container .row:first-child .big-item{
	margin-top: 0;
}
#company .big-items .big-item {
	margin-top: 50px;
}
#company .big-items .big-item a{
	text-decoration: none;
}
#company .big-items .big-item a:hover{
	opacity: .7;
}
#company .andere {
	padding: 70px 0;
	background: #F4F4F4;
	background: linear-gradient(to right,#F4F4F4 84%,#D40000 16%);
	border-bottom: 130px solid #D40000;
}
#company .andere .title {
	font-size: 30px; 
	font-weight: 500;
	margin-bottom: 20px;
	text-align: center;
}
#company .andere .sub-title {
	text-align: center;
	margin-bottom: 20px;
}
#company .andere .col-md-3 {
	margin-top: 30px;
}
#company .andere a {
	text-decoration: none;
	color: unset;
}
#company .andere .name {
	font-weight: 700;
	margin: 15px 0 10px;
}
#company .partners {
	margin-top: -40px;
}
#company .partners .intro img {
	object-fit: cover;
    height: 100%;
}
#company .partners .intro .text-block {
	background: #FF1516;
	padding: 40px;
}
#company .partners .intro .text-block .title{
	font-size: 30px; 
	font-weight: 500;
	margin-bottom: 20px;
	text-align: center;
	color: #fff;
}
#company .partners .intro .text-block p{
	color: #fff;
}
#company .partners .intro .img-block-left {
	padding-right: 0;
}
#company .partners .intro .img-block-right {
	padding-left: 0;
}
#company .partners .companies {
	padding: 70px 0 110px;
}
#company .partners .companies a {
    color: unset;
	text-decoration: none;
}
#company .partners .companies .list-block {
	display: flex; 
	flex-direction: column;
	justify-content: space-between;
}
#company .partners .companies .list-block.right {
	text-align: right;
}
#company .partners .companies .name {
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.2;
}


/*------------------------------
7.1 Category brands
------------------------------*/
#top-image.overview h1 i{
	margin-right:5px;
}
#top-image.overview h1.agenturen{
	background: rgba(246, 120, 34, 0.6);
}
#top-image.overview h1.catering{
	background: rgba(199, 182, 100, 0.7);
}
#top-image.overview h1.destinations{
	background: rgba(58, 106, 178, 0.8);
}
#top-image.overview h1.locations{
	background: rgba(197, 28, 71, 0.7);
}
#top-image.overview h1.services{
	background: rgba(50, 68, 72, 0.9);
}
#top-image.overview h1.event-topics{
	background: 	rgb(128,0,128);
}


#top-image.overview .logo-label{
	position: absolute;
	width:250px;
	right:30px;
	bottom:30px;
	background: #fff;
	z-index: 700;
}
#top-image.overview .logo-label img{
	padding:10px;
}
#summary .filters{
	padding:20px 0 50px 0;
}
#summary .filters .subtitle{
	display: inline-block;
	color:#a0a0a0;
	font-size:18px;
	font-weight: 200;
	margin-right:10px;
}
#summary .filters a{
	background: transparent;
	border:1px solid #fff;
	padding:10px 20px;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}
#summary .filters a.active{
	background: #ff1516;
	border:1px solid #ff1516;
	box-shadow:0px 38px 0px #930000;
}
#summary .filters a:hover,
#summary .filters a:focus{
	text-decoration: none!important;
}
#summary .filters a.active:hover,
#summary .filters a.active:focus{
	opacity: 1;
}
.overview.brands .img-wrapper{
	border:1px solid #cecece;
}
.overview.brands .item .wrapper{
	height:250px;
}
/*------------------------------
7.2 Category wissen
------------------------------*/
.overview .item .label{
	background:rgba(52, 52, 52, 0.8);
	border-left:8px solid #000;
}
.overview.wissen h2{
	font-weight: 300;
	font-size: 18px;
	line-height: 24px;
}
.overview.wissen .item .wrapper{
	height:250px;
}
.overview.wissen .item.big .wrapper{
	height:220px;
}

/*--------------------------------------------------------------
8.0 Article page
--------------------------------------------------------------*/
#top-image.article .shadow{
	transform: rotate(180deg);
}
#top-image.article h1{
	color:#fff;
    width: 70%;
    left:15%;
    padding: 30px 0;
    margin: 0;
    font-size: 48px;
    font-weight: 500;
    z-index: 600;
    position: absolute;
    bottom:50px;
}
#top-image.article .label-article{
	background: rgba(59, 74, 79, 0.9);
	position: absolute;
	bottom:0;
	padding:10px 20px;
	z-index: 1000;
	color:#fff;
	font-weight: 700;
	width: auto;
    margin-left:15%;
}
#top-image.article .label-article i{
	margin-right:5px;
}
#top-image.article .label-article.agenturen{
	background: rgba(246,120, 34, 0.9);
}
#top-image.article .label-article.catering{
	background: rgba(199, 182, 100, 0.9);
}
#top-image.article .label-article.destinations{
	background: rgba(58, 106, 178, 0.9);
}
#top-image.article .label-article.locations{
	background: rgba(197, 28, 71, 0.9);
}
#top-image.article .label-article.service{
	background: rgba(50, 68, 72, 0.9);
}
#top-image.article .label-article.event-topics{
	background: rgb(128,0,128);
}
.back-button{
	position: absolute;
	bottom:0;
	right:0;
	z-index: 800;
}
.back-button:hover,
.back-button:focus{
	padding:15px 25px 15px 15px;
}
#top-image .logo{
	position: absolute;
	right:0;
	padding:15px 70px 15px 15px;
	background: #fff;
	bottom:0;
	text-align: center;
	z-index: 100;
	width:25%;
}
#top-image .logo img{
	width:80%;
}
/*----------- Content -----------*/
#content-block{
	padding:50px 0;
}
#content-block h2{
	color:#000;
	font-size:30px;
	font-weight: 500;
}
#content-block h2.agenturen{
	color:#f67822;
}
#content-block h2.catering {
	color:#c7b664;
}
#content-block h2.destinations {
	color:#3a6ab2;
}
#content-block h2.locations {
	color:#c51c47;
}
#content-block h2.services {
	color:#324448;
}
#content-block h2.event-topics {
	color:#800080;
}
.special-text{
	border-top:1px solid #cecece;
	border-bottom:1px solid #cecece;
	padding:30px;
	font-weight: 700;
	color:#000;
	text-align: center;
	font-size:18px;
	line-height: 24px;
	margin:10px 0 20px 0;
}
#content-block .subtitle{
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    padding: 25px 0 0 50px;
}
#content-block .subtitle:before{
	content:'\f234';
	font-family: 'Font Awesome 5 Pro';
	font-size:20px;
	color:#000;
	position: absolute;
	margin-left:-35px;
	margin-top:2px;
	font-weight: 300;
}
#content-block .logo-link{
	border-bottom:1px solid #cecece;
	display: block;
    width: 80%;
    margin-left: 10%;
}
/*----------- Image slider -----------*/
#image-slider{
	padding:0 0 50px 0;
}
#image-slider .container-fluid{
	padding:0;
}
.carousel-indicators {
	list-style-type: none !important;
	margin: 0;
}
.carousel-inner .active.left { left: -16.7%; }
.carousel-inner .next        { left:  16.7%; }
.carousel-inner .prev        { left: -16.7%; }
.carousel-inner > .carousel-item.next,
.carousel-inner > .carousel-item.active.right {
  left: 0;
  -webkit-transform: translate3d(16.7%, 0, 0);
  -ms-transform: translate3d(16.7%, 0, 0);
  -o-transform: translate3d(16.7%, 0, 0);
  transform: translate3d(16.7%, 0, 0);
}
.carousel-inner > .carousel-item.prev,
.carousel-inner > .carousel-item.active.left {
  left: 0;
  -webkit-transform: translate3d(-16.7%, 0, 0);
  -ms-transform: translate3d(-16.7%, 0, 0);
  -o-transform: translate3d(-16.7%, 0, 0);
  transform: translate3d(-16.7%, 0, 0);
}
.carousel-inner .carousel-item .img-wrapper{
	float:left;
	overflow:hidden!important;
}
.carousel-inner .carousel-item .img-wrapper:first-child{
	width:15.5%;
}
.carousel-inner .carousel-item .img-wrapper:nth-child(2){
	width:69%;
	left:15.5%;
}
.carousel-inner .carousel-item .img-wrapper:nth-child(3){
	width:15.5%;
	right:0;
}
.carousel-inner .carousel-item .img-wrapper:first-child img{
	height: 311px !important;
	width:622px !important;
	margin-top:25px;
}
.carousel-inner .carousel-item .img-wrapper:nth-child(2) img{
	width:100%;
}
.carousel-inner .carousel-item .img-wrapper:nth-child(3) img{
	height: 311px !important;
	width:622px !important;
	margin-top:25px;
}

.carousel-control-prev i,
.carousel-control-next i{
	font-size:30px;
	color:#fff;
	padding:25px;
	border-radius: 50%;
	border:1px solid #fff;
	width:80px;
}
.carousel-control-prev,
.carousel-control-next{
	background: #000;
	border-top:55px solid #fff;
	top: -30px;
	bottom: 30px;
	width: 15.5%;
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{
	opacity: 0.7!important;
}
/*------------- Video -------------*/
#video.article{
	background: #0a0809; /* Old browsers */
	background: -moz-linear-gradient(top, #0a0809 0%, #0a0e0a 84%, #0a0e0a 84%, #eeeeee 84%, #eeeeee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #0a0809 0%,#0a0e0a 84%,#0a0e0a 84%,#eeeeee 84%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #0a0809 0%,#0a0e0a 84%,#0a0e0a 84%,#eeeeee 84%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a0809', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
#video.article .container-fluid{
	padding:0;
}
#video.article .videoWrapper{
    width: 76%;
    margin-left: 11.3%;
	padding-bottom:40%;
}
/*----------- Partners -----------*/
#partners{
	padding:50px 0;
	background: #eeeeee;
}
#partners .title{
	font-size:20px;
	font-weight: 700;
	padding-left:35px;
	margin:0 0 20px 0;
}
#partners .title:before{
	content:'\f234';
	font-family: 'Font Awesome 5 Pro';
	font-size:20px;
	color:#000;
	position: absolute;
	margin-left:-30px;
	margin-top:2px;
	font-weight: 300;
}
#partners .logo-link{
	background: #fff;
}
#partners .col-2{
	padding:0 5px;
}
/*--------------------------------------------------------------
9.0 Custom pages
--------------------------------------------------------------*/
/*------------------------------
9.1 Minisite
------------------------------*/
#content-block.minisite a:hover {
	text-decoration: none;
}
#content-block.minisite h2{
	font-size: 24px;
	font-weight: 600;
}
#content-block.minisite .wrapper-content{
	padding:0 50px 0 0;
}
#content-block.minisite .item {
	text-decoration: none;
}
#partner-info .contact-wrapper{
	background: #f4f4f4;
	padding:20px 20px 10px 20px;
	display: block;
	margin:30px 0;
}

.contact-wrapper .theme{
	font-size:16px;
	font-weight: 700;
	color:#e51016;
	margin-bottom:5px;
}
.contact-wrapper span,
.contact-wrapper .company{
	display: block;
	color:#8e8e8e;
	font-size:15px;
	font-weight: 400;
	margin-bottom:20px;
}
.contact-wrapper .person,
.contact-wrapper .logo{
	border-radius: 50%;
	margin:10px;
	width:80px;
	line-height: 70px;
    display: inline-block;
    float: left;
}
.contact-wrapper .logo {
	background: #fff;
	overflow: hidden;
	padding: 5px;
}
.contact-wrapper .phone{
	margin-top:20px;
}
.contact-wrapper .phone,
.contact-wrapper .email{
	cursor: default;
	color:#000;
	display: block;
	font-size: 13px;
	font-weight: bold;
	position: relative;
}
.contact-wrapper i{
	font-weight: 400;
}
.contact-wrapper .email i{
	margin-right:5px;
}
.contact-wrapper .email:hover{
	text-decoration: none;
	cursor: pointer;
}
#partner-info .arrow-inline{
	width:35px;
	margin-right:5px;
}
#partner-info .title{
	font-size:24px;
	font-weight: 600;
}
#partner-info .item{
	display: block;
	margin:20px 0;
}
#partner-info .item p{
	font-weight: 600;
	color:#000;
}
#partner-info .item:hover,
#partner-info .item:focus{
	text-decoration: none;
}
#offers{
	background: #000;
	padding:30px 0;
	text-align: center;
}
#offers img{
	width:50px;
	margin-right: 10px;
}
#offers .title{
	display: inline-block;
	color:#fff;
	font-size:24px;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0 30px 0 20px;
}
#image-slider.minisite{
	padding:0;
}
#image-slider.minisite .carousel-control-prev,
#image-slider.minisite .carousel-control-next{
	background: none !important;
	border:none!important;
	opacity: 1;
}
#image-slider.minisite .carousel-inner .carousel-item {
	width: 63.666666%;
}
#image-slider.minisite .carousel-inner .carousel-item .img-wrapper img{
	margin-top:0;
	height:auto !important;
	width:100% !important;
}
#image-slider.minisite .carousel-inner .carousel-item .img-wrapper:first-child{
	width:100%;
	height:auto;
}
#image-slider.minisite .carousel-control-next{
    margin-right: 36.333333%;
}
#image-slider.minisite #image-carousel:before{
	content:'';
    background: rgba(210, 0, 1, 0.9);
    width:36.333333%;
    height:100%;
    position: absolute;
    right:0;
    top:0;
    z-index: 100;
}
#image-slider.minisite .wrapper-about{
    padding: 40px 80px;
    position: absolute;
    right: 0;
    width: 36.333333%;
    top: 0;
    z-index: 999;
    display: block;
    height: 100%;
    overflow:hidden;
}
#image-slider.minisite .carousel-indicators{
	left:-35%;
}
#image-slider.minisite .wrapper-about .title{
	color:#fff;
	font-size:34px;
	font-weight: 400;
	line-height: 38px;
	margin:30px 0;
}
#image-slider.minisite .wrapper-about ul {
	margin:10px 0 10px 40px;
}
#image-slider.minisite .wrapper-about ul li{
	padding:8px 0 16px 0;
	color:#fff;
	line-height: 22px;
}
#image-slider.minisite .wrapper-about ul li:before{
	content:'\f00c';
	font-family: 'Font Awesome 5 Pro';
	font-size:15px;
	color:#fff;
	position: absolute;
	margin-left:-40px;
	margin-top:2px;
	font-weight: 700;
}
#content-partner {
	background: #fff;
	overflow-x: hidden;
}
#content-partner h2{
	font-size:30px;
	font-weight: 600;
	margin:0 0 30px 0;
}
#content-partner h3{
	color:#e51016;
	font-weight: 600;
	margin:0;
}
#content-partner .wrapper{
	display: block;
	float: left;
	width: 63.666666%;
	padding:90px 140px 90px 230px;
}
.contact-social-wrapper {
	display: block;
	float: left;
	background: #000;
	height:100%;
    width: 36.333333%;
}
.contact-social-wrapper .contact-information{
	display: block;
	float: left;
    padding: 80px;
	color:#fff;
	background: #000;
	z-index: 200;
	width: 100%;
}
.contact-social-wrapper .contact-information .title{
	font-weight: 400;
	font-size:30px;
	margin-bottom: 60px;
}
.contact-social-wrapper .contact-information .adress{
	font-size:18px;
	line-height: 28px;
	margin-bottom: 40px;
	padding-left:50px;
}
.contact-social-wrapper .contact-information .adress:before{
	content:'\f3c5';
	font-family: 'Font Awesome 5 Pro';
	font-size:24px;
	color:#fff;
	position: absolute;
	margin-left:-50px;
	margin-top:2px;
	font-weight: 300;
}
.contact-social-wrapper .contact-information .phone{
	color:#fff;
	font-size:18px;
	font-weight: 300;
	display: block;
	margin-bottom: 40px;
	padding-left:50px;
}
.contact-social-wrapper .contact-information .phone:before{
	content:'\f095';
	font-family: 'Font Awesome 5 Pro';
	font-size:24px;
	color:#fff;
	position: absolute;
	margin-left:-50px;
	margin-top:2px;
	font-weight: 300;
}
.contact-social-wrapper .contact-information .phone:hover,
.contact-social-wrapper .contact-information .phone:focus{
	color:#fff;
}
.contact-social-wrapper .contact-information .e-mail{
	color:#fff;
	margin-bottom: 40px;
	padding-left:50px;
	display: block;
	position: relative;
}
.contact-social-wrapper .contact-information .e-mail:before{
	content:'\f0e0';
	font-family: 'Font Awesome 5 Pro';
	font-size:24px;
	color:#fff;
	position: absolute;
	margin-left:-50px;
	top:-2px;
	font-weight: 300;
}
.contact-social-wrapper .contact-information .e-mail:hover,
.contact-social-wrapper .contact-information .e-mail:focus{
	text-decoration: none;
}
.contact-social-wrapper .contact-information .button{
    float: left;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 400;
}
.contact-social-wrapper .social{
	padding: 100px 0;
	position: relative;
	display: table;
	width:100%;
}
.contact-social-wrapper .social .wrapper{
	height: 100%;
	color: #fff;
	display: table-cell;
	text-align: center;
	width: 100% !important;
	padding: 0 !important;
	position: relative;
	z-index: 2;
}
.contact-social-wrapper .social .wrapper .title{
	font-size:30px;
	font-weight: 200;
	margin:0 0 40px 0;
}
.contact-social-wrapper .social img{
	bottom: 0;
	opacity: 0.3;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	object-fit: cover;
}
.contact-social-wrapper .social .wrapper a{
	color:#fff;
	font-size: 30px;
	padding:10px 15px;
}
#video-minisite{
	background: #d20001;
}
#video-minisite .container-fluid{
	padding:0;
}
#video-minisite .videoWrapper{
	width:63.666666%;
	display: inline-block;
	float:left;
	height:50vh;
	padding-bottom: 35.25%;
}
#video-minisite .video-text{
	width:36.333333%;
	display: inline-block;
	float:left;
	padding:80px 100px;
}
#video-minisite .video-text h2{
	color:#fff;
	font-weight: 400;
	font-size:30px;
	line-height: 30px;
	margin-bottom:20px;
}
#video-minisite .video-text p{
	color:rgba(255,255,255,0.8);
	line-height: 28px;
}
#video-minisite .video-text .button {
	font-size: 20px;
	font-weight: 400;
	padding: 20px 50px 20px 20px;
	position: relative;	
}
#video-minisite .video-text .button i {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 20px;
}
#image-slider.article.white{
	background: #000;
	color:#fff;
	padding-top:70px;
	border-bottom:70px solid #000;
	text-align: center;
	position: relative;
}
#image-slider.article.white h2{
	color:#fff;
	font-size:48px;
	line-height: 52px;
	font-weight: 400;
	padding:0 50px;
	margin-bottom: 20px;
}
#image-slider.article.white p{
	color:rgba(255,255,255,0.8);
	margin-bottom: 30px;
}
#image-slider.article.white .carousel-control-prev, 
#image-slider.article.white .carousel-control-next{
	border-color:#000;
}
#image-slider.article.white .carousel-inner .carousel-item {
	margin: -10% 0;
}
#image-slider.article.white .carousel-inner .carousel-item .img-wrapper {
	position: relative;
	left: 0;
}
#image-slider.article.white .text-wrapper{
	display: none !important;
    position: absolute;
    left: 0;
    bottom: 0;    
    padding: 20px 180px 0 45px;
    width: 100%;
    background: rgba(109, 109, 109, 0.9);
    color: #fff;
    z-index: 2000!important;
    text-align: left;      
}
#image-slider.article.white .text-wrapper i {
	font-size: 36px;
	position: absolute;
	bottom: 60px;
	right: 60px
}
#image-slider.article.white .active .img-wrapper:nth-child(2) .text-wrapper{
	display: block !important;
}
#image-slider.article.white .carousel-inner .carousel-item .img-wrapper:first-child img{
	height: 55vh !important;
	margin-top: 80%;
}
#image-slider.article.white .carousel-inner .carousel-item .img-wrapper:nth-child(3) img{
	height: 55vh !important;
	margin-top: 80%;
}
#image-slider.article.white .text-wrapper h3{
	font-size:28px;
	font-weight: 400;
}
#image-slider.article.white .text-wrapper h4{
	font-size:18px;
	font-weight: 500;
	margin:0 0 10px 0;
}
#image-slider.article.white .carousel-indicators{
	bottom:-50px;
}
#more-experts{
	padding:50px 0;
	background: #f4f4f4;
}
#more-experts .title{
	font-size: 24px;
    font-weight: 500;
    margin: 0 0 30px 0;
}
#more-experts .title i{
	font-size:22px;
	margin-right: 10px;
	font-weight: 400;
}
#more-experts .contact-wrapper{
	background: #fff;
	padding:19px;
	display: block;
	text-align: left;
	margin-bottom:30px;
	min-height:250px;
}
#more-experts .col-sm-3:nth-child(odd) .contact-wrapper{
	background: #fff;
	border:none;
}
#more-experts .col-sm-3:nth-child(even) .contact-wrapper{
	background: transparent;
	border:1px solid #cdcdcd;
}
#more-experts .arrow-inline{
	width:35px;
	margin-right:5px;
}
#more-experts .carousel-inner .active.left{ 
	left: -25%; 
}
#more-experts .carousel-inner .next{ 
	left:  25%; 
}
#more-experts .carousel-inner .prev{ 
	left: -25%; 
}
#more-experts .carousel-control{ 
	width:  4%; 
}
#more-experts .carousel-control.left,
#more-experts .carousel-control.right{
	color:#000;
	font-size:24px;
	font-weight: 700;
	padding:13px 10px;
	border-radius: 50%;
	width:50px;
	height:50px;
	text-align: center;
	background: #ebebeb;
	position: absolute;
	top:42%;
	left:-100px;
}
#more-experts .carousel-control.right{
	right:-100px;
	left:auto;
	background: #fff;
}
#more-experts .row{
	padding:0 10px;
}
#more-experts .col-3{
	display: inline-block;
	padding:0 5px;
}
.logo-wrapper{
	background: #fff;
    padding: 5px;
    width: 80px;
    padding: 20px 0;
    overflow: hidden;
    height: 80px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
	margin-top:10px;
    left: 125px;
}
.logo-wrapper img{
	width:100%;
}
/*------------------------------
9.2 Article page expert
------------------------------*/
#content-block #partner-info .title{
	margin-bottom: 20px;
}
#content-block #partner-info .contact-wrapper{
	background: #fff;
	padding:20px;
	display: block;
	text-align: left;
	margin-bottom:30px;
	height:280px;
	border:1px solid #cecece;
}
#content-block #partner-info .col-3:nth-child(odd) .contact-wrapper{
	background: #fff;
	border:none;
}
#content-block #partner-info .col-3:nth-child(even) .contact-wrapper{
	background: transparent;
	border:1px solid #cdcdcd;
}
#content-block #partner-info .contact-wrapper .theme{
	font-size:16px;
	font-weight: 700;
	color:#e51016;
	margin-top:5px;
	float:left;
}
#content-block #partner-info .contact-wrapper .company{
	color:#000;
	font-size:15px;
	font-weight: 700;
	margin-bottom:20px;
	text-align: center;
}
#content-block #partner-info .contact-wrapper .person{
	border-radius: 50%;
	margin:10px;
	width:80px;
    display: inline-block;
    float: left;
}
#content-block #partner-info .contact-wrapper .phone{
	margin-top:10px;
}
#content-block #partner-info .contact-wrapper .phone,
#content-block #partner-info .contact-wrapper .email{
	cursor: default;
	color:#000;
	font-size: 14px;
	font-weight: 400;
	position: relative;
    float: left;
}
#content-block #partner-info .contact-wrapper i{
	font-weight: 400;
}
#content-block #partner-info .contact-wrapper .email i{
	margin-right:5px;
}
#content-block #partner-info .contact-wrapper .email:hover{
	text-decoration: none;
	cursor: pointer;
}
#content-block #partner-info .arrow-inline{
	width:25px;
	margin-right:5px;
	position: absolute;
	right:10px;
}
#content-block #partner-info h3{
	font-size:16px;
	line-height: 20px;
	color:#000;
	font-weight: 700;
	margin:10px 0 5px 0;
}
#content-block #partner-info .item p{
	font-weight: 300;
	font-size:14px;
	line-height: 18px;
	padding:0;
	color:#575757;
}
#content-block #partner-info p{
	font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    padding: 0 80px 0 0;
    color: #575757;
}
#image-slider.minisite .wrapper-about.agenturen{
	background: rgb(246, 120, 34);
}
#image-slider.minisite .wrapper-about ul li a{
	color:#fff;
	text-decoration: none;
	font-weight: 700;
}

/*------------------------------
9.3 Desinfection
------------------------------*/
#products {
	margin: 30px 0;
}
#specs {
	margin-bottom: 60px;
}
#form {
	background: #f4f4f4;
	padding: 40px 0;
}
#form ul li {
	margin-bottom: 10px;
	position: relative;
	padding-left: 25px;
}
#form ul li i {
	position: absolute;
	left: 0;
	top: 3px;
}
#form i {
	font-size: 16px;
}
#form form {
	margin-bottom: 40px;
}

/*------------------------------
9.4 Academy
------------------------------*/
#top-image.overview h1.academy {
	background: rgba(104, 177, 53, .8);
}

#academy-intro {
	background: #d40000;

}
#academy-intro .text-block {
	padding: 40px 80px;
	display: flex;
	align-items: center;
}

#academy-intro .text-block .fa-graduation-cap{
	font-size: 60px;
	color: #fff;
	margin-bottom: 15px;
}

#academy-intro .text-block .title {
	font-size: 33px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 15px;
}

#academy-intro .text-block .title span {
	font-weight: 700;
}

#academy-intro .text-block p {
	color: #fff;
}

#academy-intro .text-block .hvr-pop {
	background: transparent;
    border: 2px solid #fff;
}

#academy-intro .video {
	padding-right: 0;
}

#academy-intro .video iframe {
	width: 100%;
	height: 100%;
	min-height:600px;
}

#academy-service {
	padding: 70px 0;
	text-align: center;
}

#academy-service .title i {
	font-size: 60px;
	color: #ff1516;
	margin-right: 25px;
}

#academy-service .title {
	color: #ff1516;
	font-size: 33px;
	margin-bottom: 30px;
	font-weight: 500;
}
#academy-service .title span {
	font-weight: 700;
}
#academy-service .sub-title {
	color: #ff1516;
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 20px;
}

#academy-service p {
	padding: 0;
	margin-bottom: 30px;
}

#academy-service p span {
	font-weight: bold;
}

#academy-service .person {
	display: flex;
	align-items: center;
	justify-content: center;
}

#academy-service .person .photo {
	margin-right: 20px;
}

#academy-service .person .photo img {
	border-radius: 50%;
}

#academy-service .person .name {
	color: #212529;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 10px;
}

#academy-service .person .quote {
	font-size: 17px;
	margin-bottom: 20px;
}

#academy-service .person .tel {
	font-size: 20px;
	color: #ff1516;
	font-weight: 700;
}

#academy-icons {
	padding: 70px 0;
	position: relative;
	background: rgb(244,0,1);
    background: -moz-linear-gradient(left, rgba(244,244,244,1) 0%, rgba(244,244,244,1) 16.5%, rgba(244,244,244,1) 16.5%, rgba(255,255,255,1) 16.5%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(244,244,244,1) 0%,rgba(244,244,244,1) 16.5%,rgba(244,244,244,1) 16.5%,rgba(255,255,255,1) 16.5%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(244,244,244,1) 0%,rgba(244,244,244,1) 16.5%, rgba(244,244,244,1) 16.5%,rgba(255,255,255,1) 16.5%,rgba(255,255,255,1) 100%);
}

#academy-icons:after {
	content: '';
	position: absolute;
	height: 200px;
	top: 0;
	left: 0;
	width: 100%;
	background: rgb(210,0,1);
}
#academy-icons .wrapper {
	background: #fff;
	z-index: 2;
	position: relative;
	padding: 20px;
	box-shadow: 0 30px 40px 0 rgb(212 217 232 / 20%);
}

#academy-icons .title {
	margin: 15px 0;
	font-weight: 700;
	color: #d40000;
}

#academy-icons .icon img {
	width: 70px;
}

#academy-icons .icon i {
	font-size: 70px;
	color: #d40000;
} 

#academy-icons p {
	padding: 0;
}

#academy-icons span {
	font-weight: 700;
}

#academy-info {
	padding: 60px 0;
	background: #F4F4F4;
}

#academy-info .title {
	font-size: 33px; 
	color: #212529;
	margin-bottom: 25px;
	font-weight: 700;
	text-align: center;
}

#academy-info p {
	padding: 0;
}

#academy-info strong {
	font-weight: 700;
}

#academy-slider .title {
	font-size: 33px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	background: #D40000;
	padding: 70px 0;
}

#academy-slider .info .container {
	position: relative;
	padding-right: 0;
	padding-left: 0;
	margin-top: -30px;
}

#academy-slider .info {
	padding-bottom: 70px;
	background: rgb(255,255,255);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 70%, rgba(212,0,0,1) 70%, rgba(212,0,0,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 70%,rgba(212,0,0,1) 70%,rgba(212,0,0,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 70%,rgba(212,0,0,1) 70%,rgba(212,0,0,1) 100%);
}

#academy-slider .info img {
	width: 100%;
}

#academy-slider p {
	position: absolute;
	background: rgba(121,121,121,.9);
	color: #fff;
	padding: 30px;
	bottom:0;
	line-height: 1.5;
}

#academy-slider p span {
	display: block;
	font-weight: 700;
}

#ausbildungen {
	padding: 100px;
	background: #F4F4F4;
}

#ausbildungen .wrapper {
	background: #fff;
	height: 100%;
}

#ausbildungen .title {
	font-size: 33px;
	font-weight: 700;
	color: #212529;
	text-align: center;
}

#ausbildungen .video {
	margin-top: 30px;
}

#ausbildungen .video iframe {
	width: 100%;
	min-height: 220px;
}

#ausbildungen .video .details {
	padding: 15px;
}

#ausbildungen .video .cat {
	color: #707070;
	font-weight: 500;
	margin-bottom: 10px;
}

#ausbildungen .video i {
	margin-right: 8px;
}

#ausbildungen .video .title {
	font-size: 16px;
	font-weight: 500;
	color: #FF1516;
	text-align: left;
	margin-bottom: 0;
}

#landingpage-text .title {
	color: #FF1516;
    font-size: 33px;
    font-weight: 700;
    margin: 60px 0 30px;
	text-align: center;
}

#landingpage-video {
	position: relative;
	padding-bottom: 45.25%;
	padding-top: 25px;
	height: 0;
	margin: 60px 0;
}

#landingpage-video iframe {
	position: absolute;
	top: 0;
	width: 80%;
	height: 100%;
	max-height: calc(100vh - 150px);
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}
#news.academy .title {
	margin-bottom: 0;
}

#news.academy .col-sm-3 {
	margin-top: 30px;
}

#news.academy h2 {
	color: #E90B0C;
}

#news.academy .button {
	background: #E90B0C;
}

/*------------------------------
9.5 Contact page
------------------------------*/
#contact-intro {
	background: #E90B0C;
}

#contact-intro .text-block {
    padding: 40px 80px;
}

#contact-intro .text-block .hvr-pop {
    background: transparent;
    border: 2px solid #fff;
}

#contact-intro .video iframe {
    width: 100%;
    height: 100%;
    min-height: 600px;
}

#contact-intro .title {
	font-size: 26px;
	color: #fff;
	margin-bottom: 30px;
}

#contact-intro span {
	font-size: 40px;
	display: block;
	margin-left: 50px;
	font-weight: 700;
	margin-top: 10px;
}

#contact-intro p {
	color: #fff;
	padding-right: 30px;
}

#contact-intro .col-md-6 {
	padding-bottom: 50px;
}

#contact-intro .col-md-5 {
	padding-right: 0;
}

#contact-intro .img-wrapper {
	position: relative;
	height: 100%;
}

#contact-intro .img-wrapper img {
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
}

#contact-form .black-border {
	height: 70px;
	background: #1D1B1E;
}

#contact-form .form {
	padding: 60px 15%;
	background: #1D1B1E;
}

#contact-form .form .title {
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 30px;
	color: #fff;
}

#contact-form .form-group label {
	color: #fff;
}

#contact-form .form-group textarea,
#contact-form .form-group input {
	border-bottom: none !important;
}

#contact-form .form .form-group .form-control {
	border-radius: 0;
	background-color: #4B4848;
	border: none;
	color: #fff;
}

#contact-form .form .form-group .form-control::placeholder { 
	color:#fff;
	opacity: .7;
}

#contact-form .form-check {
	color: #fff;
	font-size: 14px;
}

#contact-form .newsletter {
	display: flex;
	align-items: center;
}

#contact-form .newsletter .wrapper {
	position: relative;
	right: 15%;
	background: #E90B0C;
	padding: 40px;
}


#contact-form .newsletter .title {
	font-size: 25px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 10px;
	max-width: 550px;
}

#contact-form .newsletter .button {
	background: #1D1B1E;
}

#contact-form .newsletter .form-control {
	border-radius: 0;
}

#team {
	padding: 70px 0;
	background: #F4F4F4;
	position: relative;
}

#team .row {
	align-items: center;
	margin: 0 auto;
}

#team .title {
	color: #000000;
	text-align: center;
	font-size: 30px;
	font-weight: 500;
}

#team .col-md-6 {
	margin-top: 30px;
}

#team .wrapper {
	background: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 25px;
}

#team .name {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 25px;
}

#team .name .tel {
	font-size: 20px;
}

#team .photo img {
	border-radius: 50%;
	width: 100%;
	max-width: 120px;
}

#team .hands, #team .hands-block {
	padding-left: 0;
	padding-right: 0;
}

#team .hands-block {
	margin-left: -30px;
}

#contact-banners .col-md-6 {
	text-align: center;
	padding: 50px 7%;
}

#contact-banners .title {
	font-weight: 500;
	font-size: 30px;
	margin-bottom: 20px;
	color: #fff;
}

#contact-banners p {
	padding-top: 0;
	color: #fff;
	font-size: 18px;
	padding-bottom: 30px;
}

#contact-banners .button {
	display: inline-block;
	border: 2px solid #fff;
    color: #fff;
}

#contact-banners .button:hover {
	background: #fff !important;
	color: #E90B0C;
}

#contact-banners .bg {
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index: -1;
}

#contact-banners .left .bg .overlay {
	background: rgba(210, 0, 1, .75);
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
}

#contact-banners .right .bg .overlay {
	background: rgba(15, 13, 41, .75);
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
}

#contact-banners .bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#contact-address .red-border {
	height: 70px;
	background: #e90b0c;
}

#contact-address .location {
	background: #e90b0c;
	color: #fff;
	text-align: left;
	padding: 60px 5% 60px 15px;
	line-height: 1.6;
}

#contact-address .location .wrapper {
	margin-left: auto;
	width: fit-content;
}

#contact-address .location span {
	font-weight: bold;
}

#contact-address .logo {
	display: flex;
	align-items: center;
	padding-left: 5%;
}

#family-member .title-wrapper {
	margin-bottom: 20px;
	background: url(../images/family-friends-banner.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	padding: 70px 15px;
	position: relative;
	margin-bottom: 70px;
}

#family-member .title-wrapper .title {
	color: #fff;
	font-size: 30px;
	font-weight: 500;
	text-align: center;
	z-index: 2;
	position: relative;
}

#family-member .title-wrapper .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(1,1,1,.5);
	z-index: 1;
}


#family-member .sub-title {
	text-align: center;
	font-weight: 500;
	text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin-top: 40px;
}

#family-member .row {
	padding: 0 50px 0 50px;
	justify-content: center;
}

#family-member .logo{
	text-align: center;
	flex-basis: 15%;
	margin: 30px 15px;
}

#family-member hr {
	flex-basis: 100%; 
	height: 0; 
	margin: 0; 
	border: 0; 
}

#family-member  .title-org {
	font-weight: 700;
	margin-top: 15px;
}

#family-member .title-org span {
	font-weight: 500;
}

#dcp-experiences {
	background: #E90B0C;
	color: #fff;
}

#dcp-experiences .big,
#dcp-experiences .sub-text {
	display: flex;
	align-items: center;
	line-height: 1.3;
}

#dcp-experiences .sub-text {
	font-size: 19px;
	padding: 70px 60px;
}

#dcp-experiences .big {
	font-size: 30px;
	text-align: center;
	font-weight: 500;
	justify-content: center;
	padding: 15px;
}

#dcp-experiences .big img{
	width: 100%;
	max-width: 250px;
}

#dcp-experiences a {
	display: inline-block;
    border: 2px solid #fff;
    color: #fff;
	margin-top: 15px;
}

#friends {
	padding: 70px 0;
}

#friends .title {
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 20px;
}

#friends .title,
#friends .sub-title {
	text-align: center;
}

#friends .sub-title {
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: 500;
}

#friends .row {
	display: flex;
	justify-content: center;
}

#friends .col-md-9 {
	display: flex;
	justify-content: space-between;
}

#friends .logo {
	text-align: center;
	margin-top: 40px;
}

#friends .logo img {
	width: 100%;
}

#friends .logo:nth-child(6),
#friends .logo:nth-child(7),
#friends .logo:nth-child(8),
#friends .logo:nth-child(9),
#friends .logo:nth-child(10),
#friends .logo:nth-child(11) {
	flex-basis: 15%;
}

/*------------------------------
9.6 Landingpage corperate
------------------------------*/
#top-nav.landingpage {
	background: #000;
}

#top-nav .row {
	justify-content: space-between;
	width: 100%;
}

#top-nav .menu {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 15px;
}

#top-nav ul li {
	background: none;
	width: unset;
	display: unset;
	text-align: unset;
	float: unset;
	padding: unset;
	height: unset;
	margin: 0 8px;
}

#top-nav ul li a {
	transition: all .3s;
}

#top-nav ul li a:hover {
	opacity: .7;
}

#top-nav ul li img {
	height: 30px;
	width: auto;
	margin-right: 8px;
}

#main-nav.landingpage .row {
	display: flex;
	justify-content: space-between;
	padding: 8px 0;
	width: 100%;
}

#main-nav.landingpage .button {
	align-self: center;
	margin-right: 30px;
}

#main-nav.landingpage .logo {
	height: auto;
}

#top-image.home .shadow {
	background: linear-gradient(to right, rgba(0,0,0,0.6) 0%,rgba(0,0,0,.2) 50%);
}

#top-image.home h1 {
	font-size: 60px;
	position: absolute;
	color: #fff;
	font-weight: 900;
	z-index: 5;
	top: 10%;
	left: 8%;
	max-width: 900px;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #fff;
	line-height: 1.3;
}

#top-image.home h1 .full {
	-webkit-text-fill-color: #fff;
	-webkit-text-stroke-width: 1px;
}

#top-image.home h1 .smaller {
	font-size: 40px;
	-webkit-text-stroke-width: 1px;
}

#top-image.home .banner-img {
	height: calc(100vh - 147px);
	object-fit: cover;
}

#contact-intro.landingpage {
	background: #000;
}

#contact-intro.landingpage .video {
	padding: 0;
}

#contact-intro.landingpage .video .swiper-slide img {
	object-fit: cover;
	width: 100%;
}

#contact-intro.landingpage .text-block.logo {
	background: linear-gradient(to bottom, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 155px,rgba(0,0,0,1) 155px,rgba(0,0,0,1) 100%);
}

#contact-intro.landingpage .text-block .logo {
	height: 75px;
	width: auto;
	margin-bottom: 80px;
	float: unset;
}

#contact-intro.landingpage .text-block .big-title {
	color: #fff;
	font-weight: 700;
	font-size: 28px;
	margin-bottom: 10px;
}

#contact-intro.landingpage strong {
	font-weight: 700;
}

#academy-service.landingpage .title,
#academy-service.landingpage .title i, 
#academy-service.landingpage .person .tel {
	color: #000;
}

#academy-service.landingpage .title {
	font-size: 23px;
}

#academy-service.landingpage .sub-title {
    font-weight: 500;
    padding: 20px 120px;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    background: url(../images/paint-stripe.svg);
    background-repeat: no-repeat;
    background-size: 501px 130px;
    background-position: center;
    width: fit-content;
    margin: 0 auto;
	margin-bottom: 30px;
    text-align: left;
	display: block;
}

#academy-service.landingpage .sub-title:hover {
    text-decoration: none;
}

#academy-service.landingpage .sub-title span {
	font-weight: 700;
	font-size: 35px;
	margin-left: 40px;
	margin-top: 10px;
	display: block;
}

#academy-icons.landingpage {
	padding-top: 50px;
	background: #f4f4f4;
}

#academy-icons.landingpage:after {
	background: #000;
	height: 375px;
}

#academy-icons.landingpage h2 {
	text-align: center;
	position: relative;
	z-index: 2;
	color: #fff;
	font-size: 36px;
    font-weight: 600;
	margin-bottom: 30px;
	margin-top: 0;
}

#academy-icons.landingpage .sub-title {
	font-size: 50px;
	color: #fff;
	font-weight: 700;
	position: relative;
	z-index: 5;
	text-transform: uppercase;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #fff;
	text-align: center;
	margin-bottom: 50px;
}

#academy-icons.landingpage .sub-title .full {
	-webkit-text-fill-color: #fff;
	-webkit-text-stroke-width: 1px;
}

#academy-icons.landingpage .title {
    color: #000;
	margin-bottom: 10px;
}

#academy-icons.landingpage .sub {
    font-style: italic;
	font-size: 15px;
	margin-bottom: 15px;
}

#academy-icons.landingpage .sub span {
    font-weight: 700;
}

#academy-icons.landingpage .icon i {
    color: #000000;
}

#academy-icons.landingpage .icon img {
	filter: brightness(0%);
	height: 70px;
	width: auto;
}

#academy-icons.landingpage .wrapper {
	height: 100%;
	padding: 0;
	display: flex;
    flex-direction: column;
}

#academy-icons.landingpage .wrapper .details {
	padding: 20px;
}

#academy-icons.landingpage .wrapper .button {
	width: 100%;
	background: #000;
	display: flex;
	justify-content: space-between;
	margin-top: auto;
	color: #fff;
	cursor: pointer;
}

#companies.landingpage h2 {
	text-align: center;
	margin-bottom: 30px;
	margin-top: 0;
	font-size: 22px;
}

#companies.landingpage h2 span {
	font-weight: 700;
}

#academy-slider.landingpage #usps {
	padding: 25px 0;
	background: #000;
	color: #fff;
}
  
#academy-slider.landingpage #usps .usp-wrapper {
	text-align: center;
}
  
#academy-slider.landingpage #usps .usp-wrapper img {
	max-width: 70px;
	margin-bottom: 12px;
}
  
#academy-slider.landingpage #usps span {
	font-size: 25px;
	font-weight: 700;
	padding-right: 20px;
	border-right: 1px solid #fff;
}
  
#academy-slider.landingpage #usps h4 {
	padding-left: 20px;
	margin: 0;
	text-align: left;
}
  
#academy-slider .info .container {
    position: relative;
    padding-right: 0;
    padding-left: 0;
    margin-top: 0;
}

#academy-slider.landingpage .info {
	background: rgb(255,255,255);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 70%, rgba(0,0,0,1) 70%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 70%,rgba(0,0,0,1) 70%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 70%,rgba(0,0,0,1) 70%,rgba(0,0,0,1) 100%);
}

#news.academy.landingpage .logo {
	width: 250px;
	margin: 0 auto;
	display: block;
	float: unset;
}


#news.academy.landingpage h2 {
    color: #000;
}

#news.academy.landingpage .button {
    background: #000;
}

#academy-intro.landingpage {
	background: #000;
}

#academy-intro.landingpage .text-block img {
	height: 60px;
	width: auto;
	margin-bottom: 15px;
}

#contact-banners.landingpage .left .bg .overlay {
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
	opacity: .9;
}

#contact-banners.landingpage .right .bg .overlay {
	background: #0A66C2;
	opacity: .75;
}

#contact-banners .button:hover {
    color: #000;
}

/*--------------------------------------------------------------
10.0 Media Queries
--------------------------------------------------------------*/

@media (max-width: 1900px) {
	#top-image.home h1 {
		font-size: 40px;
	}
} 
@media (min-width: 1401px) and (max-width: 1900px) { 
	#company .andere {
		background: linear-gradient(to right,#F4F4F4 92%,#D40000 8%);
	}
	#news .wrapper_academy {
		min-height: 500px;
	}
}

@media (min-width: 1201px) and (max-width: 1400px) { 
	.carousel-inner .carousel-item .img-wrapper:first-child img{
		height:60vh;
		margin-top:55px;
	}
	.carousel-inner .carousel-item .img-wrapper:nth-child(3) img{
		height:60vh;
		margin-top:55px;
	}
	#image-slider.minisite .wrapper-about{
		padding:20px 0 0 50px;
	}
	#more-experts .contact-wrapper{
		padding:10px;
	}
	#company .andere {
		background: linear-gradient(to right,#F4F4F4 96%,#D40000 4%);
	}
}
/*------------------------------
10.1 Large desktop
------------------------------*/
@media (min-width: 980px) and (max-width: 1200px) { 
	#category-block .carousel-indicators{
		right:-42px;
		bottom: 550px;
	}
	#categorySlider .carousel-inner{
		padding-bottom: 500px;
	}
	#category-block .wrapper .text{
		padding:20px;
		bottom:-350px;
	}
	#category-block .wrapper .links{
		bottom:-220px;
	}
	#video-minisite{
		background: #000;
	}
	#video-minisite .video-text{
		background: #d20001;
		padding: 20px 80px 40px 30px;
	}
	#video-minisite .videoWrapper,
	#video-minisite .video-text{
		width:50%;
	}
	#more-experts .carousel-control.left{
		left:0;
		bottom:-50px;
		top:auto;
	} 
	.contact-social-wrapper .social .wrapper{
		top:15%;
	}
	#more-experts .carousel-control.right{
		right:0;
		bottom:-50px;
		top:auto;
	}
	#more-experts{
		padding:50px 0 100px 0;
	}
	#more-experts .contact-wrapper{
		padding:10px;
	}
	#downloads .downloads-wrapper i{
		top: 45px
	}
	#downloads .downloads-wrapper .title {
		top: 125px;
	}
	#downloads .downloads-wrapper .subtext {
		top: 170px;
		font-size: 18px;
		padding: 10px;
	}
	#image-slider.minisite .wrapper-about{
		width:50%;
		padding:0 0 0 30px;
	}
	#image-slider.minisite .carousel-control-next{
		margin-right:50%;
	}
	#image-slider.minisite #image-carousel:before{
		width:50%;
	}
	#image-slider.minisite .wrapper-about ul li {
	    padding: 5px 0;
	}
	#top-nav ul li{
	    margin: 0 3px;
	}
	#top-nav .text-before{
		display: none;
	}
	#top-nav .button{
		padding:10px 0;
	}
	#top-nav .social{
		padding:0;
	}
	header .logo{
		width:145px;
		height:57.5px;
		margin-top: 20px;
	}
	#main-nav ul li a{
		font-size:15px;
	}
	#main-nav ul{
		margin-left:-20px;
	}
	header .form-text {
	    width: 145px;
	    padding: 0 30px 0 10px;
	    font-size: 12px;
	}
	header .form-text{
		caret-color:#000;
	}
	#category-block .wrapper{
		bottom:-80%;
	}
	.fixed header .logo{
		margin-top:5px;
	}
	#news .wrapper{
		height:220px;
	}
	#panel .item.big .wrapper{
		height:180px;
	}
	#panel .item .wrapper{
		height:460px;
	}
	.help{
		padding:50px;
	}
	#panel {
	    border-top: 140px solid #D40000;
	}
	#directly-to .item {
	    padding: 30px 0;
	    height: 130px;
	}
	#directly-to .item.red{
		padding:50px 0;
	}
	#video{
		padding:10px 50px 20px 70px;
	}
	#newsletter .title {
	    width: 34%;
	    font-size: 28px;
	}
	.overview.brands .item .wrapper{
		height:300px;
	}
	#company .andere {
		background: linear-gradient(to right,#F4F4F4 96%,#D40000 4%);
	}
	#content-block {
	    padding: 50px 0 50px 50px;
	}
	.carousel-inner .carousel-item .img-wrapper:first-child img,
	.carousel-inner .carousel-item .img-wrapper:nth-child(3) img{
		height:252px !important;
		width: 504px !important;
	}
	#video.article{
		padding:0;
	}
	#image-slider.minisite .carousel-indicators {
	    left: -50%;
	}
	#image-slider.article.white .text-wrapper{
		padding:0 20px;
	}
}
/*------------------------------
10.2 Portrait tablet to landscape and desktop
------------------------------*/
@media (min-width: 768px) and (max-width: 979px) { 
	.rotate-device{
	    position: fixed;
	    top: 0;
	    left: 0;
	    height: 100%;
	    width: 100%;
	    background: rgba(0, 0, 0, 0.8);
	    color: #fff;
	    z-index: 1400;
	    text-align: center;
	    font-size: 24px;
	    padding: 300px 0;
	    display: block;
	}
	.rotate-device i{
		position: absolute;
		top:400px;
		left:0;
		width:100%;
		text-align: center;
		font-size:60px;
	}
	body{
		overflow:hidden;
	}
}
/*------------------------------
10.3 Landscape phone to portrait tablet
------------------------------*/
@media (max-width: 767px) {
	header.fixed{
		position: fixed;
		top:0;
		left:0;
		z-index: 3000;
		width:100%;
		background: #fff;
		box-shadow: 2px -8px 12px #000;
	}
	.fixed #top-nav{
		height:auto!important;
	}
	header.fixed #main-nav{
		box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25);
		top:5px;
	}
	body{
		padding:0;
	}
	#whitepaper{
		display: none;
	} 
	header .logo{
		margin-top: 0px!important;
		margin-left: 10px;
		width: 150px!important;
		height: 60px!important;
	}
	.navbar-toggler{
		background: transparent;
	    margin-right: 15px;
	    font-size: 24px;
	    color: #e21013;
	    display: block;
	}
	header .form-text{
		width:100%;
	}
	#top-nav{
		top:60px;
		height:auto;
	}
	#top-nav .social{
		display: none;
	}
	#top-nav .text-before{
		display: none;
	}
	#top-nav .col-2{
		display: none;
	}
	#main-nav .col-2{
		display: none;
	}
	.navbar-collapse{
		z-index: 1600;
	}
	#top-nav ul li{
		margin:5px;
	}
	header .button.transparent{
		border:none;
		font-size:22px;
	    position: absolute;
	    right: 60px;
	    top:5px;
	    color:#e90b0c;
	}
	#top-nav .text-right{
		text-align: left!important;
	}
	#top-image .searchform{
		position: relative;
		float:left;
		width:100%;
		top:auto;
		left:auto;
		margin-top:65px;
		background: #000;
	}
	#main-nav ul li{
		display: block;
		width:100%;
	}
	header .searchbar{
	    right: auto;
	    position: relative;
	    float: left;
	    width: 100%;
	    top: auto;
	    padding:10px;
	}
	header .searchbar:after{
	    right: 25px;
	    top: 29px;
	}
	#main-nav ul{
		padding:7px 0;
	}
	#main-nav ul li{
		padding:10px 0px;
	}
	#main-nav ul li a{
		font-size:16px;
	}
	#top-nav{
		position: relative;
		float:left;
		top:auto;
	}
	#main-nav{
		position: relative;
		float:left;
		top:auto;
	}
	#top-image .title {
	    font-size: 18px;
	    line-height: 24px;
	    padding: 15px 30px;
	    top: 110px;
	}
	#top-image{
		background: #000;
	}
	#intro {
		padding: 50px 30px 50px 50px;
		position: relative;
	}
	#intro .row {
		flex-direction: column;
	}
	#intro .logo-discover {
		position: relative;
	}
	#intro .intro-links {
		text-align: center;
		border-right: none;
		padding: 15px;
		flex-direction: column;
	}
	#intro .link-wrapper {
		flex-basis: 100%;
	}
	#intro .intro-links .link-wrapper:not(:last-child) {
		margin-bottom: 30px;
	}
	#intro .intro-links .link-wrapper a {
		flex-direction: row;
	}
	#intro .intro-links .link-wrapper i,
	#intro .intro-links .link-wrapper img {
		margin-bottom: 0;
		margin-right: 10px;
	}
	#intro .logo-discover {
		padding-left: 0;
	}
	#category-block .wrapper .text{
		width:100%;
		margin:0;
		position: relative;
		bottom:0;
	}
	#category-block .wrapper .theme{
		width:100%;
		margin:0;
		position: relative;
		float:left;
		left:auto;
		top:auto;
		height: auto;
		bottom:0;
		border:none!important;
		padding:20px 0;
	}
	#category-block .wrapper .links{
		width:100%;
		margin:0;
		position: relative;
		float:left;
	}
	#category-block .wrapper{
		position: relative;
		float:left;
		bottom:auto;
		margin:0;
	}
	#category-block .container{
		padding:0;
	}
	#category-block{
		height: auto;
	}
	#category-block .wrapper .theme a img{
		width:40%;
	}
	#category-block .wrapper .text:before {
	    font-size: 160px;
	    top: -40px;
	}
	#category-block .wrapper .text .title{
		margin:0 0 20px 0!important;
	}
	#youtube .wrapper{
		padding:50px 40px 30px 60px;
	}
	#companies {
		padding: 50px 30px 30px 40px;
	}
	#news{
		padding:30px 20px 30px 50px;
	}
	#news .button{
		margin-bottom: 30px;
	}
	#news .more{
		margin:10px 20px 10px 0;
	}
	#news .title{
		font-size:24px;
		margin:0 0 10px 0;
	}
	#news h2{
		line-height: 20px;
	}
	#news .wrapper{
		height:auto;
	}
	.open-whitepaper{
		display: none;
	}
	.downloads-wrapper{
		height:200px;
		overflow: hidden;
	}
	#downloads .downloads-wrapper .content .logo {
		width: 80px;
	}
	#downloads .downloads-wrapper i{
		top:25px;
	}
	#downloads .downloads-wrapper .title{
		top:90px;
	}
	#downloads .downloads-wrapper .subtext {
		top: 135px;
	}
	#downloads .search-wrapper {
		height: 350px;
	}
	#downloads .search-wrapper .dcp-desk {
		display: none;
	}
	#downloads .search-wrapper .imgWrapper img {
		object-position: center bottom;
	}
	#downloads .search-wrapper .dcp-mob {
		object-position: 50% 80%;
		display: block;	
	}
	.search-wrapper .logo {
		top: 25%;
		width: 150px;
	}
	#downloads .search-wrapper .subtext{
		bottom: 70px;
	}
	#downloads .search-wrapper .title {
		bottom: 30px;
	}
	.help{
		padding:30px 30px 30px 60px;
	}
	.search-wrapper .map-title{
		font-size:18px;
		position: relative;
		float: left;
		top:0;
	}
	.help h4{
		margin:10px 0 0 0;
		width: 100%;
	    font-size: 24px;
	}
	.help .sub-title{
		margin:15px 0;
	    font-size: 18px;
	    line-height: 24px;
	}
	.search-wrapper .searchform{
		position: relative;
		float:left;
	    margin: 60px 0;
	}
	#panel{
		border-top:120px solid #D40000;
		padding:0 20px 5px 50px;
	}
	#panel .title{
		font-size: 24px;
    	margin-top: -90px;
    }
    #panel .item.big .wrapper{
    	position: relative;
    	float:left;
    	height:auto;
    	bottom:auto;
    	margin:0;
    	width:100%;
    }
    #panel .item .wrapper .label{
	    position: relative;
	    float: left;
	    width: 100%;
	    top: auto;
	    margin-bottom: 20px;
	    padding: 10px;
	    background: rgba(0, 0, 0, 0.3);
    }
    #panel .item.big .wrapper .label{
    	top:auto;
    }
    #panel .item.big .wrapper{
    	background:rgb(121, 121, 121);
    }
    #panel .item .wrapper{
    	height:auto;
    	margin-bottom:30px;
    }
	#quicklinks {
		height: unset;
	}
	#quicklinks .quicklinks-inner {
		position: relative;
		z-index: unset;
	}
	#quicklinks .container {
		flex-direction: column;
	}
	#quicklinks .link-wrapper {
		text-align: center;
		display: block;
	}
	#quicklinks .link-wrapper:not(:last-child) {
		margin-bottom: 20px;
	}
    #newsletter .title{
    	width:100%;
	    font-size: 24px;
	    text-align: center;
	    padding: 0 40px;
	    display: block;
    }
    #newsletter .form{
    	width:100%;
	    display: block;
	    float:left;
	    margin:0;
	    padding: 15px 45px 15px 40px;
    }
    #newsletter .wrapper{
    	padding:0;
    }
    #newsletter .form input{
    	width:100%;
    	margin-top: 5px;
    }
    #newsletter .imgWrapper{
    	height:300px;
    }
    #newsletter .mc-field-group{
    	display: block;
    }
    #newsletter{
    	overflow:hidden;
    }
    #social .title{
    	padding:30px 50px;
    }
    #social .arrow {
	    right: 8%;
	    top:30px;
	}
	#video{
		padding:10px 20px 30px 50px;
	}
	#video .videoWrapper{
		border-bottom:10px solid #1d1b1e;
	}
	#directly-to{
		padding:20px 30px 0px 60px;
		background: -moz-linear-gradient(left, rgba(210,0,1,1) 0%, rgba(210,0,1,1) 36.5%, rgba(210,0,1,1) 36.5%, rgba(244,244,244,1) 36.5%, rgba(244,244,244,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(210,0,1,1) 0%,rgba(210,0,1,1) 36.5%,rgba(210,0,1,1) 36.5%,rgba(244,244,244,1) 36.5%,rgba(244,244,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(210,0,1,1) 0%,rgba(210,0,1,1) 36.5%,r gba(210,0,1,1) 36.5%,rgba(244,244,244,1) 36.5%,rgba(244,244,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	#directly-to .item span{
		font-size:12px;
	}
	#directly-to .item.red{
		padding:40px 0;
		height:110px;
		width:110px;
		font-size:14px;
	}
	#directly-to .item{
		height:110px;
		width:110px;
		padding:25px 0;
		margin-bottom:20px;
	}
	#service{
		padding:30px 10px 20px 50px;
	}
	#service p{
		height:auto;
	}
	#service .sub-sub-title{
		margin:0 0 10px 0;
	}
	.contact-person img{
		margin-top:20px;
	}
	.contact-person .wrapper{
		margin: 20px 0;
	}
	a.phone{
		margin: 10px 0;
	}
	#service .button{
		margin-bottom: 30px;
	}
	#service p{
		font-size:14px;
	}
	a.phone{
		font-size: 16px;
	}
	#footer{
		padding:0 30px 0 60px;
		text-align: center;
		margin-top:-30px;
	}
	#footer img{
		width:50%;
		margin:0 auto;
	}
	#footer .social{
		text-align: center;
	}
	#footer ul{
		text-align: center;
	}
	#footer ul li{
		margin:0 0 15px 5px;
	}
	#top-image .form-wrap:after{
		display: none;
	}
	#top-image .searchform:after{
	    right: 35%;
	    top: 32px;
	}
	#top-image.overview
	.search-wrapper .form-wrap:after{
		display: none;
	}
	#footer .social a{
		padding:10px 15px;
	}
	#video .title{
	    font-size: 20px;
	    line-height: 24px;
	}
	#downloads .item{
		margin:0 10px 20px 40px;
	}
	#top-nav ul li ul.open{
	    width: 90%;
		margin: 20px 10px 10px 10px;
		top: 0;
		position: relative;
		float: left;
	}
	#top-image.overview h1{
		position: relative;
		float:left;
	    font-size: 30px;
		padding: 20px 10px 0 10px;
	}
	#top-image.overview h1 span {
		display: inline-block;
		font-size: 24px;
		margin: 15px 0;
	}
	#summary{
		margin-top: -10px;
	}
	#summary.festival {
		position: unset;
		top: unset;
		z-index: unset;
	}
	#summary .filters {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}
	#summary .filters a.active {
		box-shadow: none;
	}
	#summary p{
		padding:0 20px;
	}
	.pagination{
		padding:20px 20px 20px 40px;
	}
	.overview .item{
		margin-left:30px;
	}
	.overview .item .wrapper,
	.overview .item.big .wrapper{
		height:auto!important;
	}
	.overview .call-to-action{
		margin-left:-15px;
		width:calc(100% + 30px);
		padding:20px 20px 20px 50px;
	}
	.overview .call-to-action .button{
		margin-top:20px;
	}
	.overview .call-to-action h3 .small {
	    margin-left: 0;
	    display: block;
	    margin-top: 10px;
	}
	.overview .item .wrapper{
		border:1px solid #cecece;
	}
	.overview .item .wrapper,
	.overview .item.big .wrapper{
		padding:20px 20px 0 20px!important;
	}
	.overview.wissen .item .wrapper,
	.overview.wissen .item.big .wrapper{
		padding:20px!important;
	}
	.overview .item.big p{
		font-size:16px;
	}
	.overview.brands .item .wrapper{
		margin-top:-1px;
	}
	#company .big-items {
		background: #1D1B1E;
		padding: 50px 15px 50px 40px;
	}
	#company .big-items .intro {
		order: 1;
		margin-bottom: 30px;
	}
	#company .big-items .container .row:first-child .big-item {
		order: 2;
	}
	#company .andere {
		background: #F4F4F4;
		padding: 50px 15px 50px 40px;
	}
	#company .partners .intro .img-block-left,
	#company .partners .intro .img-block-right {
		padding: 0;
	}
	#company .partners .intro .text-block {
		padding: 50px;
	}
	#company .partners .companies {
		padding: 50px 15px 50px 40px;
	}
	#company .partners .companies .company:not(:last-child){
		margin-bottom: 25px;
	}
	#company .partners .companies .img-block{
		margin: 60px 0;
	}
	#company .partners .companies .list-block.right {
		text-align: left;
	}
	#top-image.article h1{
		position: relative;
		float:left;
	    font-size: 24px;
	    padding: 20px;
        width: 100%;
	    left: 0;
	    bottom:auto;
	}
	#top-image.article .label-article{
		position: relative;
		float:left;
		left:0;
		width:100%;
		margin-left:0;
		bottom:auto;
	}
	#content-block{
		padding:0 20px 0 40px;
	}
	#content-block h2{
		font-size:20px;
		line-height: 26px;
	}
	#content-block .subtitle {
	    font-size: 18px;
	    line-height: 24px;
	}
	.carousel-inner .carousel-item .img-wrapper:first-child img,
	.carousel-inner .carousel-item .img-wrapper:nth-child(3) img{
		height:125px;
		margin-top: 20px!important;
	}
	.carousel-control-prev i, .carousel-control-next i{
		zoom:0.5;
	}
	.carousel-control-prev, .carousel-control-next {
	    border-top: 20px solid #fff;
	}
	#video.article{
		padding:0;
	}
	#image-slider{
		padding:0 0 20px 0;
	}
	#partners .logo-link{
		margin-bottom:20px;
	}
	#partners{
		padding:20px 20px 0 40px;
	}
	#content-block .logo-link{
	    width: 45%;
	    display: inline-block;
	    margin-right: 10px;
	    float: left;
	    margin-left: 0;
	    margin-top: 10px;
	    margin-bottom: 20px;
	}
	#more-experts .carousel-control.left{
		left:0;
		bottom:-50px;
		top:auto;
	} 
	#more-experts .carousel-control.right{
		right:0;
		bottom:-50px;
		top:auto;
	}
	#content-block.minisite .wrapper-content{
		padding:20px 0;
	}
	.logo{
		position: relative;
		float:left;
	}
	.logo img{
		width:100%;
		padding:0 30px 30px 30px;
	}
	#partner-info .contact-wrapper{
		margin-top:40px;
	}
	#partner-info .title{
		font-size:18px;
		margin-top:40px;
	}
	#partner-info .arrow-inline{
		width:15px;
	}
	#partner-info{
		padding:0 20px 0 40px;
	}
	#offers .title{
		margin-bottom: 20px;
	}
	#image-slider.minisite .wrapper-about {
	    padding: 20px 10px 20px 40px;
	    position: relative;
	    float: left;
	    width: 100%;
	    top: auto;
	    z-index: 999;
	    display: block;
	    height: auto;
	}
	#image-slider.minisite{
		background: #d20001;
	}
	#image-slider.minisite .carousel-inner .carousel-item {
		width: 100%;
	}
	#image-slider.minisite .carousel-control-prev {
	    height: 135px;
	    bottom: 0;
	    position: absolute;
	    left: 0;
	    top: auto;
	}
	#image-slider.minisite .carousel-control-next {
	    height: 135px;
	    bottom: 0;
	    position: absolute;
	    right: 0;
	    top: auto;
	    margin-right:0;
	}
	#image-slider.minisite #image-carousel:before{
		display: none;
	}
	#image-slider.minisite .carousel-indicators{
		left:0;
	}
	#image-slider.minisite .carousel-inner .carousel-item .img-wrapper img{
		height:135px;
	}
	#content-partner .wrapper {
	    padding: 30px 20px 20px 40px;
	    width: 100%;
	}
	.contact-social-wrapper .contact-information{
		position: relative;
		float: left;
		padding:30px 50px 30px 60px;
	}
	.contact-social-wrapper .social {
	    position: relative;
	    float: left;
	}
	.contact-social-wrapper{
		width:100%;
	    position: relative;
	    float: left;
	}
	#content-partner .col-sm-4{
		padding:0;
	}
	#video-minisite .videoWrapper {
	    width: 100%;
	    display: block;
	    float: left;
	    height: 250px;
	}
	#video-minisite .video-text {
	    width: 100%;
	    display: inline-block;
	    float: left;
	    padding: 20px 30px 30px 60px;
	}
	#image-slider.article.white h2 {
	    font-size: 24px;
	    line-height: 30px;
	    padding:0 40px 0 60px;
	}
	#image-slider.article.white p {
	    padding: 10px 40px 20px 70px;
	}
	#image-slider.article.white .text-wrapper{
		position: relative;
		float:left;
		left:0;
		width:100%;
		height: auto;
	}
	#image-slider.article.white .text-wrapper p{
		display: none;
	}
	#image-slider.article.white .text-wrapper h3{
		font-size:18px;
	}
	#image-slider.article.white .text-wrapper h4{
		font-size:14px;
	}
	.carousel-control-prev{
		top:-70px;
	}
	#image-slider.article.white .carousel-indicators{
		bottom:0;
	}
	#content-block #partner-info{
		padding:0;
	}
	#more-experts{
		padding:20px 0px 0px 20px;
	}
	#category-block .carousel-indicators{
		position: relative;
	    float: left;
	    bottom: 0;
	    right: auto;
	    margin: 0;
	    background: #000;
	}
	#category-block .wrapper .links .title {
	    font-weight: 100;
	    font-size: 22px;
	    margin: 0;
	    color: #fff;
	    padding: 20px 20px 0 20px;
	    background: #000;
	}
	#category-block .wrapper .links{
		bottom: 0;
		background: #000;
		padding:20px 0 0 30px;
	}
	#categorySlider .carousel-inner{
		padding-bottom: 0;
	}
	#category-block .carousel-indicators li{
		width:90%;
	}
	.carousel-inner .carousel-item .img-wrapper {
		width: 100% !important;
	}
	.carousel-inner .carousel-item .img-wrapper:first-child img, 
	.carousel-inner .carousel-item .img-wrapper:nth-child(3) img,
	#image-slider.article.white .carousel-inner .carousel-item .img-wrapper:first-child img {
		height: auto !important;
		margin: 0 !important;
		width: 100% !important;
	}
	.carousel-control-prev, 
	.carousel-control-next {
		top: -20px;
	    bottom: 0;
	}
	.remove-whitepaper {
		padding: 0;
	}
	#products {
		margin-bottom: 0;
	}
	#specs {
		margin-bottom: 20px;	
	}
	#academy-intro .text-block {
		padding: 50px 15px 50px 50px;
	}
	#academy-intro .text-block .title {
		font-size: 30px;
	}
	#academy-intro .video {
		padding-right: 15px;
		padding-bottom: 50px;
	}
	#academy-intro .video iframe {
		width: 100%;
		min-height: 200px;
	}
	#academy-service {
		padding: 50px 15px 50px 50px;
	}
	#academy-service .title {
		font-size: 25px;
		line-height: 1.3;
	}
	#academy-service .title i {
		font-size: 35px;
    	color: #FF1516;
		margin-top: 15px;
	}
	#academy-service .sub-title {
		font-size: 22px;
	}
	#academy-service .person {
		flex-direction: column;
	}
	#academy-service .person .name {
		margin-top: 15px;
	}
	#academy-service.landingpage .sub-title {
		font-size: 20px;
		padding: 30px 48px;
		background-size: cover;
	}
	#academy-service.landingpage .sub-title span {
		font-size: 30px;
	}
	#academy-icons {
		padding-left: 50px;
	}
	#academy-icons .col-md-3:not(:last-child) {
		margin-bottom: 30px;
	}
	#academy-info {
		padding: 50px 15px 50px 50px;
	}
	#academy-info .title {
		font-size: 27px;
	}
	#academy-slider .title {
		font-size: 25px;
		padding: 50px 15px 50px 50px;
	}
	#academy-slider .info .container {
		margin-top: 0;
	}
	#academy-slider p {
		position: relative;
		background: rgba(121,121,121,1);
		padding: 50px 15px 50px 50px;
	}
	#ausbildungen {
		padding: 50px 15px 50px 50px;
	}
	#ausbildungen .title {
		font-size: 25px;
	}
	#landingpage-text {
		padding: 50px 15px 50px 50px;
	}
	#landingpage-text .title {
		font-size: 25px;
		margin-top: 0;
	}
	#landingpage-video {
		margin-top: 0;
	}
	#landingpage-video iframe {
		width: 85%;
		left: 53%;
	}
	#contact-intro {
		padding-bottom: 50px;
	}
	#contact-intro .text-block {
		padding: 50px 15px 50px 50px;
	}
	#contact-intro p {
		padding-right: 0;
		margin-bottom: 0;
	}
	#contact-intro .video > div {
		padding-top: 0 !important;
	}
	#contact-intro .video iframe {
		position: relative !important;
		min-height: 350px;
	}
	#contact-intro .col-md-5 {
		display: none;
	}
	#contact-intro .title {
		font-size: 22px;
	}
	#contact-intro span {
		font-size: 27px;
		margin-left: 10px;
	}
	#contact-intro.landingpage .text-block.logo {
		background: linear-gradient(to bottom, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 130px,rgba(0,0,0,1) 130px,rgba(0,0,0,1) 100%);
	}
	#contact-intro.landingpage .text-block .logo {
		padding: 0;
	}
	#contact-intro.landingpage .text-block .logo {
		margin-bottom: 30px;
	}
	#contact-form .black-border {
		display: none;
	}
	#contact-form .form {
		padding: 50px 15px 50px 50px;
	}
	#contact-form .newsletter {
		padding: 0;
	}
	#contact-form .newsletter .wrapper {
		right: unset;
		padding-left: 50px;
	}
	#contact-banners .col-md-6 {
		padding-left: 50px;
	}
	#contact-banners .title {
		font-size: 25px;
	}	
	#contact-address .red-border {
		display: none;
	}
	#contact-address .location {
		text-align: left;
		padding-left: 50px;
	}
	#contact-address .location .wrapper {
		margin-left: unset;
	}
	#contact-address .logo {
		margin-top: 40px;
	}
	#family-member .title-wrapper {
		padding: 50px 15px;
		background-position: left;
	}
	#family-member .title-wrapper .title,
	#family-member .sub-title{
		padding-left: 30px;
	}
	#family-member .title-wrapper .title {
		font-size: 25px;
	}
	#family-member .logo {
		flex-basis: 100%;
	}
	#family-member .logo img {
		padding-bottom: 0;
		max-width: 250px;
	}
	#friends .sub-title,
	#friends .row {
		padding-left: 30px;
	}
	#friends .logo:nth-child(6), 
	#friends .logo:nth-child(7), 
	#friends .logo:nth-child(8), 
	#friends .logo:nth-child(9), 
	#friends .logo:nth-child(10), 
	#friends .logo:nth-child(11) {
		flex-basis: unset;
	}
	#dcp-experiences .big {
		margin: unset;
	}
	#dcp-experiences .big, #dcp-experiences .sub-text {
		padding: 50px 15px 50px 50px;
	}
	#dcp-experiences a {
		display: block;
	}
	#friends .col-md-9 {
		flex-direction: column;
	}
	header.landingpage {
		position: fixed;
		top: 0;
		width: 100%;
		left: 0;
		z-index: 999;
	}
	header.landingpage .logo {
		width: 150px !important;
		height: auto !important;
	}
	#top-nav {
		display: none;
	}
	#top-nav .menu {
		flex-wrap: wrap;
	}
	#top-nav ul li:first-child {
		flex: 0 0 100%;
		margin-bottom: 8px;
	}
	#top-nav ul li {
		margin: 10px;
	}
	#top-image.home h1 {
		font-size: 30px;
	}
	#top-image.home .logos {
		background: #fff;
		padding: 15px;
	}
	#academy-icons.landingpage .sub-title {
		font-size: 28px;
	}
	#main-nav.landingpage {
		width: 100%;
		padding: 0;
	}
	#main-nav.landingpage .row {
		justify-content: center;
		margin: 0;
	}
	#main-nav.landingpage .row .button {
		margin-right: 0;
	}
	#academy-slider.landingpage #usps {
		padding-left: 50px;
		padding-right: 15px;
	}
	#academy-slider.landingpage #usps .usp-wrapper {
		text-align: center;
	}
	
	#academy-slider.landingpage #usps .row .col-lg-4:not(:last-child) {
		margin-bottom: 30px;
	}
	
	#academy-slider.landingpage #usps .usp-wrapper img {
		max-width: 90px;
	}

	#academy-slider.landingpage #usps span {
		font-size: 30px;
	}

}
/*------------------------------
10.4 Landscape phones and down
------------------------------*/     

@media (max-width: 320px) { 
	#directly-to .item{
		height:90px;
		width:90px;
		padding:20px 0;
	}
	#directly-to .item.red{
		height:90px;
		width:90px;
		padding:35px 0;
	}
}


/*Expert Section CSS 11-Aug-2020 Start*/

.sc-team {background-color: #f4f4f4; position: relative; z-index: 2; }
.gray_bg_l{background-color: #717171;}
.content-text{padding: 40px; }
.content-text, .content-text p{color: #fff;line-height: 1.7;}
.c-heading{margin-bottom: 15px;}
.c-heading, .text-l {position: relative; padding-left: 70px; }
.c-heading h3 {font-size: 36px; margin: 0; }
.c-heading i {position: absolute; left: 0; top: 26px; font-size: 36px; }
.text-tag-line {font-size: 24px;}

.c-arrow-list {padding: 0 0 10px 30px; }
.c-arrow-list li{padding-left: 24px; margin: 10px 0 5px;     position: relative;}
.c-arrow-list li:before{content: "\f00c"; position: relative; font-size: 12px;    font-family: "Font Awesome 5 Pro"; display: block; position: absolute; left: 0; top: 3px;

}
a.btn-arrow {border: solid 1px #fff; width: 57px; height: 57px; border-radius: 75%; color: #fff; display: block; text-align: center; margin-left: auto; line-height: 57px; font-size: 22px; }


.h-group {font-size: 16px; text-align: center; font-weight: 500; margin-bottom: 30px; }

.team-f {padding: 25px; }
.wb_bg{background-color: #fff;}

.team-info h4 {color: #ff1516; font-size: 18px; }

.designation {color: #8e8e8e; line-height: 20px;font-size: 14px; }


.designation .company {display: block; font-weight: 500; }
.m-pic {width: 50%; }
.m-pic img {width: 103px; height: 103px; object-fit: cover; }

.c-logo {width: 50%; text-align: center; }
.c-logo img{max-width: 100%; height: auto;    max-height: 60px;}

@media screen and (max-width:991px) {
.content-text{padding: 15px;}	
.c-heading, .text-l { padding-left: 40px; }
.c-heading i,
.c-heading h3 {font-size: 24px; line-height: 1.2;}
.content-text, .content-text p {
    line-height: 1.3; font-size: 16px;
}
.text-tag-line {
    font-size: 18px;
}
#team .col-md-2 {
    display: none;
}
#team .col-md-8 {
	padding-right: 0;
}
}

@media screen and (max-width:767px) {
.team-f {
    background-color: #fff;}	
.team-member .col-md-6:nth-child(even) .team-f {
    background-color: #f4f4f4;
}
/*Expert Section CSS 11-Aug-2020 End*/