/* ============================================================================
Additional Styles for Integration
============================================================================= */
.klappteaser__details p.zentrieren {
     text-align: center;
}

.link--button--white {
     background-color: #eeeeee;
     border: 0px none;
     color: #cc0000;
     display: inline-block;
     font-weight: 700;
     line-height: 22px;
     padding: 0px 10px;
     text-decoration: none;
     text-transform: uppercase;
     vertical-align: middle;
}
.link--button--white:hover, a:hover .link--button--white {
     background-color: #ffffff;
     color: #cc0000;
}

.megacountdown {
     background-color: #393939;
}

.pixel {
     height: 1px;
     width: 1px;
}

/* ---- Services boxes ---------------- */
.service-box {
	padding-top: 30px;
}
.box-cont {
	position: relative;
	border-top: 1px #ECECEC solid;
	text-align: center;
	padding:0 15px 15px;
	border:1px #E6E6E6 solid
}
.service-box h4 {
	text-align: center;
	font-weight: bold;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
.sub-title {
	margin: -10px 0 15px;
	font-size: small;
}
.service-box .fa {
	display: table;
	margin: 0 auto 25px;
	margin-top: -45px;
	width: 90px;
	height: 90px;
	border: 1px #E6E6E6 solid;
	border-radius: 50%;
	/* background-color: #e6981a; => gelb*/
	background-color: #cc071e;
	box-shadow: inset 0 0 0 3px #fff;
	/* color: #B3B3B3; */
	color: #fff;
	text-align: center;
	font-size: 38px;
	line-height: 90px;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
.service-box .r-more {
	position: relative;
	z-index: 1;
	display: table;
	margin: 15px auto 0;
	padding: 8px 15px;
	/* background: #e6981a; => gelb*/
	background: #cc071e;
	color: #fff;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
.service-box .r-more:after {
	display: inline-block;
	margin-left: 8px;
	content: "+";
	font-size: 14px;
}

.service-box--traum:hover h4 {
	color: #e6981a;
}
.service-box--brand:hover h4 {
	color: #cc071e;
	/* transform: scale(1.05);*/
}

.service-box--traum:hover .sub-title {
	color: #e6981a;
}
.service-box--brand:hover .sub-title {
	color: #cc071e;
}


.service-box--grey .fa, .service-box--grey  .r-more {
	background-color: #B3B3B3;
}

.service-box--grey:hover h4 {
	color: #cc071e;
}
.service-box--grey:hover .fa , .service-box--grey:hover .r-more {
	background-color: #cc071e;
	color: #fff;
}

.service-box p.mediumFont {
	overflow: hidden;
	max-height: 180px;
	/* min-height: 100px;*/
	padding-bottom:25px !important;
	color: #000000;
}
.fx {
	opacity: 0;
}

.service-box--traum:hover .fa , .service-box--traum:hover .r-more {
	background-color: #e6981a;
	color: #fff;	
}

.service-box--brand:hover .fa , .service-box--brand:hover .r-more {
	background-color: #B3B3B3;
	color: #f5f5f5;
}

a.r-more, a.more-btn   {
	text-decoration: none; 
}

.text-wrap {
    height: 119px;
    border-bottom: 1px #eee solid;
}

a.style1 {text-decoration:none;}

.margin-b {
	margin-bottom: 34px;
}
@media only screen and (max-width: 970px) {
	.margin-bb {
		margin-bottom: 54px;
	}
}

/* ---- Lightbox Startseite ---------------- */

.lightbox--vimeo--start, span.lightbox--vimeo--start {
	cursor:pointer;
	text-decoration:none !important;
}

.lightbox--vimeo--start:hover, span.lightbox--vimeo--start:hover {
	color:#ffffff !important;
	text-decoration:none !important;
}