/*--- Allgemein ---------------------------------------------------------------------------------------*/

@media screen and (max-width: 978px) {
	.hide-on-mobile {
		display: none;
}
}

@media screen and (min-width: 979px) {
	.hide-on-desktop {
		display: none;
}
}


/*--- Minihopper --------------------------------------------------------------------------------------*/

.minihopperbtn {

}

.minihoppermenu {
	position: relative;
	display: inline-block;
}

.minihoppermenu-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 320px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	margin-left: -219px;	
}

.minihoppermenu-content div {
	display: block;
}

.minihoppermenu-content a:hover, .minihoppermenu-content a:focus, {padding: 10px; !Important}
.minihoppermenu:hover .minihoppermenu-content {display: block;}
.minihoppermenu:hover .minihopperbtn {}


/*--- Preisliste ------------------------------------------------------------------------------------*/

#table_pricelist .col1 {
	float: left;
	text-align: center;
	margin-right: 15px;
}

#table_pricelist .col2 {
	float: left;
}

#table_pricelist .cat {
	font-size: 114.28571%;
}

@media screen and (min-width: 979px) {
	#table_pricelist .cat {
		display: block;
	}
	#table_pricelist .catnr {
		display: block;
		line-height: 1.4;	
	}
	#table_pricelist .price {
		line-height: 1.4;			
	}
}

#table_pricelist .catnr {
	font-size: 150%;
}

#table_pricelist .price {
	font-size: 150%;
}

#table_pricelist .details {

}

/*--- Main Menu ----------------------------------------------------------------------------------------*/

.main-menu {
	position: relative;
	display: inline-block;
}

.main-menu-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 120px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	margin-left: -79px;
}

.main-menu-content div {
	display: block;
}

.main-menu-content a:hover, .main-menu-content a:focus, {padding: 10px; !Important}
.main-menu:hover .main-menu-content {display: block;}
.main-menu:hover .btn {}

