/* Header */
.nosee { display:none }
#main-header .navbar-brand img{
	height:70px;
}
.social a >img {
	display: inline-block;
	float:left;
	margin-right: 10px;
}
/* Footer */
footer #footer-partner-wrapper div.footer-logo{
	float:left;
	width:31.333%;
	margin-right:3%;
	display:block;
	line-height:50px;
}
footer #footer-partner-wrapper div.footer-logo:last-of-type{
	margin-right:0;
}
footer #footer-partner-wrapper img{
}
/* /Footer */
/* News */
article.masonry-item.masonry-wide img{
	max-height:423px;
}
article.masonry-normal .post-masonry-content{
	height:400px;
}
article.masonry-item.masonry-normal img{
	max-height:207px;
}
article.masonry-item .post-masonry-imagewrapper{
	text-align:center;
}
article.masonry-item img{
	display:inline-block;
}
/* /News */

/* default.asp */
#slider-flex2 .flex-viewport figure{
	margin:0 10px;
	padding:10px;
	width:170px;
}
.flexslider .slides img{
	display:inherit;
	width:auto;
}
.tp-leftarrow,
.tp-rightarrow{
	opacity:0.5;
}
.tp-leftarrow:hover,
.tp-rightarrow:hover{
	opacity:1;
}
/* CH Slider */
#myCarouselCH {
  overflow: hidden;
}
#myCarouselCH .carousel-caption {
  background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
  bottom: 20px;
  font-size: 12px;
  left: 0;
  margin-right: 10%;
  max-height: 60%;
  padding: 15px;
  right: 0;
  text-align: left;
}
#myCarouselCH .carousel-caption h3 {
  text-transform: uppercase;
  margin: 0 0 10px 0;
}
#myCarouselCH .carousel-caption h3:after {
  background: #fff none repeat scroll 0 0;
  content: "";
  display: block;
  height: 2px;
  margin: 5px 0;
  width: 60px;
}
@media (max-width: 767px) {
  #myCarouselCH .carousel-caption p {
    display: none;
  }
}

#myCarouselCH .carousel-control {
  top: 30px;
  left: 30px;
  bottom: auto;
  color: #fff;
  font-size: 20px;
  opacity: 1;
  position: absolute;
  text-align: center;
  width: 5%;
  z-index: 11;
  display:none;
}
#myCarouselCH .carousel-control:hover span {
  opacity: 0;
}
#myCarouselCH .carousel-control:hover .thumbImage.prevImage {
  left: 0;
}
#myCarouselCH .carousel-control:hover .thumbImage.nextImage {
  right: 0;
}
#myCarouselCH .carousel-control span {
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
  font-size:50px;
}
#myCarouselCH .carousel-control .thumbImage {
  position: absolute;
  top: -4px;
  background: rgba(255, 255, 255, 0.5);
  transition: all 0.3s ease-in-out;
  width:202px;
}
#myCarouselCH .carousel-control .thumbImage i{
	width: 50px;
	vertical-align: middle;
}
#myCarouselCH .carousel-control .thumbImage.prevImage {
  left: -205px;
}
#myCarouselCH .carousel-control .thumbImage.nextImage {
  right: -205px;
}
#myCarouselCH .carousel-control .thumbImage img {
  width: 150px;
  padding: 2px;
}
#myCarouselCH .carousel-control.left,
#myCarouselCH .carousel-control.right {
  background: none;
  top: 42%;
}
@media (max-width: 1199px) {
  #myCarouselCH .carousel-control.left,
  #myCarouselCH .carousel-control.right {
    top: 36%;
  }
}
#myCarouselCH .carousel-control.left {
  left: 0;
}
#myCarouselCH .carousel-control.right {
  left: auto;
}
/* /Slideshow */
/* /default.asp */

/* filiale.asp */
#filiale-brands-wrapper .img-thumbnail,
#filiale-brands-wrapper .img-thumbnail img{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#filiale-brands-wrapper .img-thumbnail{
	height:100px;	
	line-height:90px;
	padding:5px;
	width:100%;
}
/* /filiale.asp */

/* shopContent */
@media screen and (min-width:767px){
	.shop-content-columns{
	 -webkit-column-count: 2;
		-moz-column-count: 2;
			 column-count: 2;
	  -webkit-column-gap: 30px;
		 -moz-column-gap: 30px;
			  column-gap: 30px;
	}
}
#content-quote-wrapper ul{
	list-style-type:none;
}
#content-quote-wrapper li{
	list-style-type:none;
    position: relative;
    margin: 0 0 24px;
    padding: 12px 24px;
}
#content-quote-wrapper li:before{
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 3px;
	content:"";
	background-color:#82C9ED;
}
.shop-background-color{
	background-color:#82C9ED !important;
}
/* /shopContent */

/* Google Map */
#map-wrapper .google-map{
	height:450px;
}
@media screen and (max-width: 767px) {
	#map-wrapper .google-map{
		height:300px;
		height:50vh;
	}
}
/* /Google Map */

.tp-caption.skrollable,
.tp-caption.skrollable img
{
	height: auto !important;
}
.btnMarginBtm{
	margin-bottom:12px;
}
#section-offers
{
	margin-top: 30px;
}
/* droplist - style for unordered list with dropdown functionality // js script also needed; see features-blogfolio.php */
#offer-filter-brands{z-index:99;}
.wrapper-droplist { text-align:left; color: #fff; position: relative; width: 200px; margin: 0 auto 30px; padding: 12px 15px 8px 15px; font-size:16px; border-radius: 0px; box-shadow: 0 1px 0 rgba(0,0,0,0.2); cursor: pointer; outline: none; z-index: 2; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.wrapper-droplist, .wrapper-droplist .droplist { background: #82c9ed none repeat scroll 0 0;}
.wrapper-droplist::after {content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 15px; margin-top: -2px; border: 5px solid transparent; border-top-color: #fff;}
.wrapper-droplist .droplist {position: absolute; top: 100%; left: 0; right: 0; border-radius: 0 0 0px 0px; list-style: none; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; max-height: 0; overflow: hidden; margin-left: 0; padding: 0;}
.wrapper-droplist .droplist li {padding: 10px ; display: block; text-decoration: none; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; font-size: 14px; background:rgba(0, 0, 0, 0.06);}
.wrapper-droplist .droplist li:last-child { border-radius: 0 0 0px 0px;}
.wrapper-droplist.active {color: #fff; }
.wrapper-droplist.active,
.wrapper-droplist.active {border-radius: 0px 0px 0 0; box-shadow: none; border-bottom: none;}
.wrapper-droplist.active::after { border-top-color: rgba(255, 255, 255, 0.85); }
.wrapper-droplist.active .droplist { box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3); max-height: 400px; z-index: 2;}

/* droplist nach rechts kategorien */ 
#offer-filter-categories{z-index:99;}

/* Blogfolio styles */
.blogfolio-container { margin: 0 -14px 100px ; }
.blogfolio-item {float: left; padding: 0 11px; margin-bottom: 2%; z-index:1;}
.blogfolio-container[data-columns="3"] .blogfolio-item,
.blogfolio-container[data-columns="5"] .blogfolio-item  {margin-bottom: 1.8%;}
.blogfolio-item .inner-item { border-radius: 5px; background-color: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.1); min-height: 90px;}
.blogfolio-item:hover .inner-item {box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); }
.blogfolio-container[data-columns="1"] .blogfolio-item,
.blogfolio-container[data-columns="1"] .grid-sizer { width: 100%; }
.blogfolio-container[data-columns="2"] .blogfolio-item,
.blogfolio-container[data-columns="2"] .grid-sizer { width: 50%; }
.blogfolio-container[data-columns="3"] .blogfolio-item,
.blogfolio-container[data-columns="3"] .grid-sizer { width: 33.33%; }
.blogfolio-container[data-columns="4"] .blogfolio-item,
.blogfolio-container[data-columns="4"] .grid-sizer { width: 25%; }
.blogfolio-container[data-columns="5"] .blogfolio-item,
.blogfolio-container[data-columns="5"] .grid-sizer { width: 20%; }
.blogfolio-container[data-columns="6"] .blogfolio-item,
.blogfolio-container[data-columns="6"] .grid-sizer { width: 16.65%; }
.blogfolio-container[data-columns="7"] .blogfolio-item,
.blogfolio-container[data-columns="7"] .grid-sizer { width: 14.27%; }
.blogfolio-container[data-columns="8"] .blogfolio-item,
.blogfolio-container[data-columns="8"] .grid-sizer { width: 12.5%; }

.blogfolio-item .inner-item{	border:1px solid rgba(0,0,0,.1);}
.blogfolio-item .post-image{	text-align:center;padding:5px;border-bottom:1px solid rgba(0,0,0,.1);}
.blogfolio-item .post-image img{max-height:180px;width:auto;display:inline-block;}
.blogfolio-item .post-image a {display:block;}
.blogfolio-item .post-image a:hover {opacity:0.9;}
.blogfolio-item .post-image img {border-radius: 5px 5px 0 0;}
.blogfolio-item .post-details { padding:20px; color:#888; }
.blogfolio-item .post-title {font-size:15px; line-height:1.3; margin-bottom:13px; }
.blogfolio-item .post-title a {color:#45474d; }
.blogfolio-item .post-title a:hover {color:#c41230; text-decoration: none; }
.blogfolio-item .post-content {margin-bottom: 35px; font-size: 12px;}
.blogfolio-item .data {font-size: 14px; color:#4c4c4c;}


/* Angebote */

/* Filterbox */
#section-offers .filterbox
{
	margin:0 12px 15px 12px;
	float:left;
}
#section-offers select
{
	border: 1px solid #ddd;
	border-radius: 4px;
}
#section-offers select option.level0 { 
	color: #000000;
	font-weight: bold;
}
#section-offers select option.level1 { 
	padding-left:10px;
	font-weight: normal;
}
#section-offers select option.level2 { 
	padding-left:20px;
	font-weight: normal;
}
#section-offers .filterbox .form-control
{
	color:#000;
}
#section-offers .filterbox .navbar-nav {
	margin: 0 ;
}
#section-offers .filterbox .navbar-nav > li > a {
	padding-bottom: 10px;
	padding-top: 10px;
}
#section-offers .filterbox .navbar {
	min-height: inherit;
	margin-bottom:18px;
}
/* Seitenzahl */
#section-offers .pagination {
	margin:0 11px 10px 11px;
}
/* Produkt */
#section-offers .product-offers {
  margin-bottom: 24px;
}
#section-offers .product-offers h3{
  text-transform:uppercase;
  border-radius: 5px 5px 0 0;
  padding:10px 5px;
  margin:0 !important;
}
#section-offers .product-offers .post-brand
{
  font-size:12px;
  text-align:right;
  padding: 2px 5px;
}
#section-offers .product-offers .post-brand #brand-name
{
  font-size:24px;
  font-weight:bold;
  padding: 2px 5px;
}
#section-offers .product-offers .post-image,
.product-offers .post-content
{
  padding: 10px;
}
#section-offers .product-offers .post-content {
  margin-bottom: 5px;
}
#section-offers .product-offers .post-details {
  color: #4c4c4c;
  padding: 0px;
}
#section-offers .product-offers .product-price .price-color{
	white-space:nowrap;
	display:block;
}
#section-offers .product-offers .product-price .fs-xxl {
	font-size: 32px;
}
#section-offers .product-offers .product-price .fs-xl {
	font-size: 28px;
}
#section-offers .product-offers table .price {
  margin-bottom: 0;
}

#section-offers .product-offers .price-big {
  font-size: 36px;
  line-height: 48px;
}
#modal-product-detail h3{
	border-radius: 5px 5px 0 0;
	margin: 0 !important;
	padding: 10px 5px;
	text-transform: uppercase;
	font-size:24px;
}
#modal-product-detail .top {
	margin: -45px 0 0;
	padding-right: 0;
}
#modal-product-detail .top .btn {
	padding: 0 7px;
	background-color:#ccc !important;
	color:#000;
	border-radius: 20px;
}
#modal-product-detail #product-title small {
	color:#dfdfdf;
}
#modal-product-detail  #brand-name
{
  font-size:34px;
  font-weight:bold;
  padding: 2px 5px;
}
@media screen and (max-width: 480px) {
	#section-offers .filterbox
	{		
		float:none;
	}
}

@media (max-width: 419px) {
	.blogfolio-container .blogfolio-item,
	.blogfolio-container .grid-sizer {width:100% !important;}
}
@media (min-width: 420px) and (max-width: 767px) {
	.blogfolio-container[data-columns]:not([data-columns="1"]) .blogfolio-item,
	.blogfolio-container[data-columns]:not([data-columns="1"]) .grid-sizer  {width:50%;}
}
@media (min-width: 768px) and (max-width: 991px){
	.blogfolio-container[data-columns]:not([data-columns="1"]):not([data-columns="2"]) .blogfolio-item,
	.blogfolio-container[data-columns]:not([data-columns="1"]):not([data-columns="2"]) .grid-sizer  {width: 33.3333%; width:-webkit-calc(100% / 3); width:calc(100% / 3);}
}
@media (min-width: 992px) and (max-width: 1199px){
	.blogfolio-container[data-columns]:not([data-columns="1"]):not([data-columns="2"]):not([data-columns="3"]) .blogfolio-item,
	.blogfolio-container[data-columns]:not([data-columns="1"]):not([data-columns="2"]):not([data-columns="3"]) .grid-sizer   {width: 25%;}
}
/*bootstrap modal fix */
#main-header.navbar-stuck
{
	z-index: 1040;
}


/* Shop-Offer Plus */
.carousel {
    margin-bottom: 0;
    padding: 0 0 30px 0;
}

/* The indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: -10px;
	margin-right: -19px;
}
/* The colour of the indicators */
.carousel-indicators li {
	background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6);
}
.carousel-indicators li, .carousel-indicators li.active {
    border-width: 0;
}
.carousel-indicators li.active {
	background: grey none repeat scroll 0 0;
}