@charset "utf-8";
/* mobile Version Müller Azmoos AG */


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

#address table {
	margin-top: 0px;
	font-size:0.9em;
}

#swissgarantie {
	bottom:-25px;
	left:0;
	height:auto;
	width:4.58%;
	margin-left:23%;
}

#culinarium {
	bottom:-25px;
	left:0;
	height:auto;
	width:9.5%;
	margin-left:13%;
}

#swissgarantie img, #culinarium img {
    height:auto;
    width:100%;
}


/* Hauptnavigation */


.mainnavi {
	margin:10px 0 0 0;
}

.mainnavi li {
	height:40px;
	line-height:40px;
	margin-bottom:10px;
}


.mainnavi li a, .mainnavi li a:visited {
	font-size:1.1em;
}

/* Unternavigation */


.mainnavi li:hover > ul li {
	height: 36px;
	line-height:36px;
	padding: 0 0 0 20px;
	margin-bottom:4px;

}

#marktbericht{
	top:-50px;
	left:0.8%;
	width:16%;
}

#wochenangebot{
	top:30px;
	left:10%;
	width:16%;
}

#neues{
	top:-24px;
	left:20.5%;
	width:16%;
}


#marktbericht_link, #wochenangebot_link, #neues_link {
	top:30px;
	left:30px;
	height:90px;
	width:90px;
}


#content h1 {
	font-size:1.1em;
	min-height:135px;
}

/* Videobild Home */

.home #c8 {
	position:absolute;
	top:-210px;
	left:0;
	z-index:9990;
}

#c8 iframe { 
	height:165px;

}
}

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


#marktbericht{
	top:-50px;
	left:0.8%;
	width:15%;
}

#wochenangebot{
	top:24px;
	left:9.5%;
	width:15%;
}

#neues{
	top:-24px;
	left:20.5%;
	width:15%;
}


#marktbericht_link, #wochenangebot_link, #neues_link {
	top:30px;
	left:30px;
	height:85px;
	width:85px;
}

#content h1 {
	font-size:1.1em;
	min-height:115px;
}

/* Videobild Home */

.home #c8 {
	position:absolute;
	top:-195px;
	left:0;
	z-index:9990;
}

.home #c8 iframe {
	height:156px;
}
	
}

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

body {
	font-size:14px;
}

#address table {
	margin-top: 0px;
	font-size:0.9em;
	margin-bottom:15px;
}

/* Hauptnavigation */


.mainnavi {
	margin:8px 0 0 0;
}

.mainnavi li {
	height:32px;
	line-height:32px;
	margin-bottom:4px;
}


.mainnavi li a, .mainnavi li a:visited {
	font-size:1.1em;
}

/* Unternavigation */


.mainnavi li:hover > ul li {
	height: 30px;
	line-height:30px;
	padding: 0 0 0 20px;
	margin-bottom:3px;
	font-size:1em;
}

#marktbericht{
	top:-50px;
	left:0.8%;
	width:16%;
}

#wochenangebot{
	top:24px;
	left:9.5%;
	width:16%;
}

#neues{
	top:-24px;
	left:20.5%;
	width:16%;
}


#marktbericht_link, #wochenangebot_link, #neues_link {
	top:30px;
	left:30px;
	height:80px;
	width:80px;
}

#content h1 {
	font-size:1.1em;
	height:90px;
}

/* Videobild Home */

.home #c8 {
	position:absolute;
	top:-175px;
	left:0;
	z-index:9990;
}

.home #c8 iframe {
	height:130px;
}



}


@media only screen and (max-width:760px) {
	
body {
		background:none;
		background-color:#FFF;
}

#wrapper {
	margin: 0px auto;
	width:100%;
	background:none;
}

#header, #header_custom {
	position:relative;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	background:none;
}

#logo-wrapper {
    padding: 10px 0;

}

#swissgarantie, #culinarium {
	display:none;
}


#slogan {
	position: static;
	width:100%;
	height:40px;
	line-height:40px;
	z-index:99998;
	text-align:center;
}


#navi {
	display:none;
}

/* menu mobile */

#mobilemenu {
	visibility:visible;
}
.logo{position:absolute;top:0;left: 0;width:92%;height:40px;line-height:40px;text-align:left;padding:0 4% ;float:none;background-color:#66802E;z-index:999;}
.logo a{color:#FFF;}
.logo2{display:none}
nav{width:100%;}
#mobilemenu,#mobilemenu ul,#mobilemenu ul li,#mobilemenu ul li a,#mobilemenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#mobilemenu{width:100%,background:#87b32d;margin-top:10px;}
#mobilemenu ul{width:100%;display:none}
#mobilemenu ul li{width:100%;background:#66802E;border-top:1px solid #FFF}
#mobilemenu ul li:hover{background:#66802E;}
#mobilemenu ul ul li,#mobilemenu li:hover > ul > li{height:auto}
#mobilemenu > ul > li > a{padding:13px;font-size:14px;letter-spacing:1px;text-decoration:none;color:#FFF;font-weight:500;}
#mobilemenu ul li a,#mobilemenu ul ul li a{width:100%;border-bottom:0}
#mobilemenu > ul > li:hover > a,#mobilemenu ul li.active a{color:#ffc106;}
#mobilemenu > ul > li{float:none}
#mobilemenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px 11px 25px;width:240px;font-size:14px;text-decoration:none;color:#ddd;font-weight:400;}
#mobilemenu ul ul li{background:#87b32d!important;}
#mobilemenu ul ul li:hover{background:#66802E!important}
#mobilemenu ul ul li:last-child > a,#mobilemenu ul ul li.last-item > a{border-bottom:0}
#mobilemenu ul ul ul li a{padding-left:35px}
#mobilemenu ul ul li a{color:#FFF;background:none}
#mobilemenu ul ul li:hover > a,#mobilemenu ul ul li.active > a{color:#fff}
#mobilemenu ul ul,#mobilemenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#mobilemenu > ul > li.has-sub > a{padding-right:30px}
#mobilemenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#mobilemenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#mobilemenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#mobilemenu ul ul li.has-sub:hover,#mobilemenu ul li.has-sub ul li.has-sub ul li:hover{background:#66802E;}
#mobilemenu ul ul ul li.active a{border-left:1px solid #333}
#mobilemenu > ul > li.has-sub > ul > li.active > a,#mobilemenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
#mobilemenu > ul > li.has-sub > a:after,#mobilemenu > ul > li.has-sub > a:before,#mobilemenu ul ul > li.has-sub > a:after,#mobilemenu ul ul > li.has-sub > a:before{display:none}
#mobilemenu #head-mobile{display:block;padding:20px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:40px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#mobilemenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #FFF;height:40px;width:40px;cursor:pointer;}
#mobilemenu .submenu-button.submenu-opened{background:#66802E;}
#mobilemenu ul ul .submenu-button{height:40px;width:40px}
#mobilemenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#mobilemenu ul ul .submenu-button:after{top:15px;right:13px}
#mobilemenu .submenu-button.submenu-opened:after{background:#fff}
#mobilemenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#mobilemenu ul ul .submenu-button:before{top:12px;right:16px}
#mobilemenu .submenu-button.submenu-opened:before{display:none}
#mobilemenu ul ul ul li.active a{border-left:none}
#mobilemenu > ul > li.has-sub > ul > li.active > a,#mobilemenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}


/* Inhalte */

#content_all {
	float:left;
	width:100%;
	margin-top:20px;
}

#navi,
#marktbericht,
#wochenangebot,
#neues {
	display:none;
}

#content {
	float:left;
	width:96%;
	padding:10px 2%;
	margin-left:0;
}

/* Videobild Home */

.home #c8 {
	position:static;
	top:0;
	left:0;
	z-index:9990;
	text-align:center;
	margin-bottom:15px;
}

.home #c8 iframe {
	max-width:100%;
	width:100%;
	height:215px;
}

.spalte1, .spaltelinks {
    margin-top:0;
}

footer {
	width:94%;
	padding:0 3%;
	margin-top:100px;
}
}


@media only screen and (max-width:568px) {
	
	#slider {
		display:none;
	}

#address {
	width:96%;
	margin:0 2%;
	display:none;
}


#address table {
	font-size:1em;
}

#logo {
	float:none;
	max-width:360px;
	width:96%;
	margin:0 auto;
}

#content .ce-gallery[data-ce-columns="2"] .ce-column,
#content .ce-gallery[data-ce-columns="3"] .ce-column,
#content .ce-gallery[data-ce-columns="4"] .ce-column,
#content .ce-gallery[data-ce-columns="5"] .ce-column,
#content .ce-gallery[data-ce-columns="6"] .ce-column {
	width:100%;
	margin-right:0;
}

/* Videobild Home */


.home #c8 iframe {
	width:100%;
	height:290px;
}

.spalte1, .spalte2, .spalte3, .spaltelinks, .spalterechts {
	float:left;
	width:100%;
}

.spalte2, .spalte3, .spalterechts {
	margin-left:0;
}

/* 4 spaltig */

.spalte4-1, .spalte4-2, .spalte4-3, .spalte4-4 {
	float:left;
	width:44%;
}


.spalte4-2, .spalte4-4 {
	margin-left:8%;
}

.spalte4-3 {
	margin-left:0;
}
}
	
@media only screen and (max-width:414px) {

.home #c8 iframe {
	width:100%;
	height:212px;
}

/* 4 spaltig */

.spalte4-1, .spalte4-2, .spalte4-3, .spalte4-4 {
	float:left;
	width:100%;
	margin-left:0;
}


}