/* cmsms stylesheet: indigo lounge CSS homeslider modified: Wednesday, August 10, 2022 3:35:12 PM */
div#contentwrapper {
        background: none !important;
}

div.bx-viewport {
	border: 0 !important;
	box-shadow: 0 0 0 !important;
	left: 0 !important;
        background: none !important;
}


ul.bxslider {padding: 0 !important;}

ul.bxslider li {
	background-size: cover !important;
}

.bx-pager {
	display: none;
}

a.bx-prev {
	display: none;
}

.bx-wrapper {
	margin-bottom: 0 !important;
}
/* cmsms stylesheet: Mobile CSS modified: Wednesday, August 10, 2022 3:35:12 PM */
@media screen and (max-width: 1024px) {

div#headerwrapper, div#header, div#contentwrapper, div#footer, div#content {
         height: auto;
         width: 100%;
}

div#shadow {
         width: 100%;
         float: left;
}

div#content {
        background: url(http://www.indigo-lounge.ch/images/layout/transparent.png) repeat;        
}

div#navi {
         width: 30%;
         background: none;
}

div#main {
         width: 63%;
         background: none;
}

div#slideshow_1 ul li img, div#slideshow_2 ul li img, div#slideshow_3 ul li img {
     max-width: 100% !important;
     height: auto !important;
}

div#slideshow_1, div#slideshow_2, div#slideshow_3 {
width: 100% !important;
}

div#slideshow_1 ul#slides_1, div#slideshow_2 ul#slides_2, div#slideshow_3 ul#slides_3 {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}

div#slideshow_1 ul#slides_1 li, div#slideshow_2 ul#slides_2 li, div#slideshow_3 ul#slides_3 li {
width: 100% !important;
height: auto !important;
max-width: 100% !important;
}

}

@media screen and (max-width: 768px) {

	.mean-container .mean-nav ul {
		margin-left: 15px;
	}

	.mean-container .mean-bar, .mean-container .mean-nav {
		background-color: #fff;
	}

	.unternav {
		padding-left: 10px;
	}

	.mean-container a.mean-expand:hover {
		background: none !important;
		color: #000 !important;
	}

	.mean-container a.meanmenu-reveal span {
		background-color: #000;
	}

	.mean-container a.meanmenu-reveal {
		color: #000;
	}

div#menu_vert a {font-size: 16px; color: #000;}

div#menu_vert a:hover {font-size: 16px; background: #212121;}

div#menu_vert a.menuactive {background: #000;}

	.mean-container .mean-nav ul li a {
		width: 75%;
	}

	.mean-container .mean-nav ul li {
		height: auto;
		width: 95%;
		border-right: none;
	}

	nav.mean-nav  ul#primary-nav li ul a {
		width: 90%;
		background-color: #fff;
		color: #4A4A4A;
	}

	nav.mean-nav  ul#primary-nav li ul a:hover, nav.mean-nav  ul#primary-nav li ul a.menuactive {
		color: #fff !important;
	}

	nav.mean-nav #primary-nav li li {
		background-color: #fff;
	}

	nav.mean-nav ul#primary-nav li ul {
		background: none !important;
		position: relative !important;
		display: block;
		border: none !important;
		margin-left: 30px !important;
		z-index: 0 !important;
		width: 100% !important;
		margin-top: 0px !important;
	}

	nav.mean-nav #primary-nav li li {
		width: 70%;
		border: none;
	}

	.mean-container .mean-nav ul li {
		margin-left: 0;
	}
div#slogan {padding: 0; margin-top: 25px;}
div#facebook {float: left; margin-top: 0;}

ul.bxslider li {height: 510px !important;}

div#main {
     width: 90%;
}

}

@media screen and (max-width: 533px) {

div#slogan {width: 100%; height: auto;}

div#main {
     width: 85%;
}

}

@media screen and (max-width: 320px) {

div#slogan {width: 95%; height: auto; padding-left: 5%; margin-bottom: 20px;}

div#main {
     width: 80%;
}

div#logo {float: none; margin: 0 auto;}

}
@media screen and (max-width: 650px) {
#NewsPostDetailSummary img {
width: 100% !important;
height: auto;
}
}