/* ============================================================================
Additional Styles for Integration
============================================================================= */

.textpic__caption {
	font-size: 12px;
	font-style: italic;
}

.home_small {
	font-size:28px !important;
	font-size:2.2076923077rem !important;
}

.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;
}
/* ---- Bestellseite Border ---------------- */
.borderRot {
	border: 1px solid #cc0000;
	padding: 5px;
}

/* ---- 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;
}
.padding-l {
	padding-left: 10px !important;
}

@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;
}

/* ---- euro-joker farben ---------------- */
.color--euro {
	color:#004180!important
}

.box--zusatz--rot {
	padding: 15px 10px;
	color:#fff;
	background:#cc071e
}


/* --- suchform oben --- */
.top-searchform-wrapper {
	position:absolute;
	top: 20px;
	left:428px;
}
#top_search_val {max-width: 150px;}



/* ============================================================================
|| FEHLER- bzw. STATUS-MELDUNGEN (bspw. beim Depot) werden auch im Web ausgegeben
============================================================================= */


.alert {
	padding: 5px 10px 5px 10px;
	margin-bottom: 10px;
	border: 1px solid transparent;
	border-radius: 4px;
  }
  .alert .alert-message-title {
	margin: 0 0 2px 0; 
	color: inherit; font-size:12px;
  }
  .alert .alert-message-text {
	font-size:12px;line-height:13px;
  }
  
  
  
  .alert .alert-link {
	font-weight: bold;
  }
  .alert div.alert-message-text > p,
  .alert div.alert-message-text > ul {
	margin-bottom: 0;
  }
  .alert div.alert-message-text > p + p {
	margin-top: 5px;
  }
  .alert-dismissable,
  .alert-dismissible {
	padding-right: 35px;
  }
  .alert-dismissable .close,
  .alert-dismissible .close {
	position: relative;
	top: -2px;
	right: -21px;
	color: inherit;
  }
  .alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
  }
  .alert-success hr {
	border-top-color: #c9e2b3;
  }
  .alert-success .alert-link {
	color: #2b542c;
  }
  .alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
  }
  .alert-info hr {
	border-top-color: #a6e1ec;
  }
  .alert-info .alert-link {
	color: #245269;
  }
  .alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
  }
  .alert-warning hr {
	border-top-color: #f7e1b5;
  }
  .alert-warning .alert-link {
	color: #66512c;
  }
  .alert-error {
	color: #a94442;
	background-color: #f3f3f3;
	border-color: #ebccd1;
  }
  .alert-error hr {
	border-top-color: #e4b9c0;
  }
  .alert-error .alert-link {
	color: #843534;
  }
  
  .alert-debug {
	color: #7f7b93;
	background-color: #f2f2f2;
	
  }
  .alert-debug hr {
	border-top-color: #f7e1b5;
  }
  
  
  .alert {
	text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), 0 1px 2px rgba(0, 0, 0, .25);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), 0 1px 2px rgba(0, 0, 0, .25);
  }
  
  .alert-debug {
	text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), 0 1px 2px rgba(0, 0, 0, .25);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), 0 1px 2px rgba(0, 0, 0, .25);
	background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #dddddd 100%);
	background-image:      -o-linear-gradient(top, #f3f3f3 0%, #dddddd 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
	background-image:         linear-gradient(to bottom, #f3f3f3 0%, #dddddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#dddddd', GradientType=0);
	background-repeat: repeat-x;
			
  }
  
  .alert-success {
	background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
	background-image:      -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
	background-image:         linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
	background-repeat: repeat-x;
	border-color: #b2dba1;
  }
  .alert-info {
	background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
	background-image:      -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
	background-image:         linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
	background-repeat: repeat-x;
	border-color: #9acfea;
  }
  .alert-warning {
	background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
	background-image:      -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
	background-image:         linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
	background-repeat: repeat-x;
	border-color: #f5e79e;
  }
  .alert-error {
	background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
	background-image:      -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
	background-image:         linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
	background-repeat: repeat-x;
	border-color: #dca7a7;
  }