/* Add here all your css styles (customizations) */

#logo-header{max-width:150px;}
.footer-logo{max-width:150px;}
#logo-footer{max-width:100px;}

.slider-inner .da-dots{display:none;}
.da-slider{height:370px; background-position:50% 0%;}
.da-slide p{top:240px;}

.carousel-inner>.item{text-align:center;}
.carousel-inner>.item>img, .carousel-inner>.item>a>img{display:inline;}

.easy-block-v3{background:#B8984B;}
.easy-block-v3 a{color:#ffffff;}


.header .navbar-brand {top: -27px; }

.tooltips,
.popovers{border-bottom:1px dotted #72850B; cursor:pointer;}
.tooltips:hover,
.popovers:hover{text-decoration:none;}

.mandatory{color:#ee9393;}

.profile-edit .sky-form header,
.profile-edit .sky-form fieldset,
.profile-edit .sky-form footer{padding-left:0; padding-right:0;}

.wunschmenge{margin:20px 0 0 0; text-align:center;}
.wunschmenge .btn-plus{float:left; width:25%; text-align:left;}
.wunschmenge .btn-minus{float:left; width:25%; text-align:right;}
.wunschmenge section{float:left; width:40%; margin:4px 5% 0 5%;}

table td[ data-title="Aktion"]{white-space: nowrap;}

#logo-header{max-width:171px; margin-top: 10px;}
#logo-headerar{max-width:200px; max-height: 97px;}



@media (min-width: 480px) {
	.wunschmenge .btn-plus,
	.wunschmenge .btn-minus{width:10%;}
	.wunschmenge section{width:70%;}
}

@media (min-width: 768px) {
	form .dl-horizontal dt { width: 300px; } 
	form .dl-horizontal dd {margin-left: 320px; } 
	.wunschmenge .btn-plus,
	.wunschmenge .btn-minus{width:5%;}
	.wunschmenge section{width:80%;}
}

@media only screen and (max-width: 768px) {
	
	/* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}


@media (max-width: 992px) {
	.header .navbar-brand {top: 12px;}
	.navbar-brand > #logo-headerar{max-height: 30px; }
}

@media (min-width: 992px) {
	.topbar {padding:8px 0 30px 0;}
	.header .navbar-brand {top: -40px; }
}

@media (min-width: 1200px) {
	.wunschmenge{margin:0;}
}

.offerlist {
	overflow: auto;
	overflow-y: scroll;
	max-height: 80px;
	border: 1px solid #ccc;
	margin: 0px !important;
	padding: 15px;
}
.offerlist > label {
	width: 100%;
	margin-right: 0px !important;
}


.ms-promo-info{color:#ffffff; /*width:45%;*/ background:#25347a; padding: 20px; bottom:auto; top:43%!important; right:48% !important;
	/* top:290px!important; right:770px !important; */
	-webkit-transition: all 200ms ease-in-out; /* Firefox */
	-moz-transition: all 200ms ease-in-out; /* WebKit */
	-o-transition: all 200ms ease-in-out; /* Opera */
	transition: all 200ms ease-in-out; /* Standard */
}
.ms-promo-info h1{color:#ffffff; font-size:18px; line-height:1.2em; text-transform: none; padding: 0; margin:0 0 0.25em 0;}
.ms-promo-info p{color:#ffffff; font-size:14px; line-height:1.3em;  text-transform: none; padding: 0; margin:0 0 0.25em 0;}
.ms-promo-info .btndiv {width: 100%; text-align: right;}
.ms-promo-info .btn{margin-top:0.5em; color:#000000; background:#ffffff; text-align: center!important;}
.ms-promo-info .btn:hover{background:rgba(255,255,255,0.75);}

@media (max-width: 767px) {
	.ms-promo-info{right:10px!important; bottom:30px!important; top:auto!important; width:50%;}
	.ms-promo-info h1{ font-size:15px; }
	.ms-promo-info p{ font-size:10px; display:none;}
	.ms-promo-info .btn{font-size:12px; }
}
@media (min-width: 768px) {
	.ms-promo-info h1{ font-size:30px; }
	.ms-promo-info p{ font-size:12px; }
}
@media (min-width: 1200px) {
	.ms-promo-info h1{ font-size:36px; line-height:1.1em; }
	.ms-promo-info p{ font-size:14px; line-height:1.4em; }
}

.arc-color-1.ms-promo-info {background: #718500;}
.arc-color-2.ms-promo-info {background: #990033;}
.arc-color-3.ms-promo-info {background: #653983;}
.arc-color-4.ms-promo-info {background: #25347a;}
.arc-color-5.ms-promo-info {background: #f3920a;}

/*.ms-promo-info.outer-slide {*/
.ms-outer-slide {
	margin-right:-999px;
}