@-ms-viewport {width: device-width;}

@media only screen and (min-width: 280px) and (max-width: 760px) {
	.header { width: 100%; height:inherit;}

	#mainmenu {float: none; margin-left: -50px; width: 100%;}
	#mainmenu ul.menu-top {height: auto;}
	#mainmenu ul li {display: block;}
	#mainmenu ul.menu-0 li ul.menu-1 {visibility: visible; position: static; transition: none; color: #97211f; opacity: 1; border-top: none;}
	#mainmenu ul li::after {content:none;}
	.container {width: 100%;}
	.content {width: 100% !important;}
	#contentbereich {padding: 2%; width: 96%;}
	#grafik {height: auto;}
	.slideshow {width: 100% !important; height: auto!important; min-height: 140px;}
	.slideshow img {width: 100% !important; height: auto !important;}
	.footer {position: static; padding-bottom: 10px; height: auto;}
	.f-content {padding: 0px; width: 100%;}
	.bottommenu {float: none; width: 94%; padding: 0 3%;}
	.footertext {float: none; width: 94%; padding: 0 3%; text-align: right;}
	table  { width: 100% ; display: block; float: left; }	

.koop { filter: alpha(opacity=0); opacity: 1;   -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.koop:hover { filter: alpha(opacity=1); opacity: 1;}	

}

@media only screen and (min-width: 750px) and (max-width: 1024px) {
	.header { width: 100%;}
	.container {width: 100%;}
    #mainmenu {float: left; padding-top: 150px;}
	.content {width: 100% !important;}
	#contentbereich {padding: 2%;  width: 96%;}
	.slideshow {width: 100% !important; height: auto!important;  min-height: 250px;}
	.slideshow img {width: 100% !important; height: auto !important;}
	#grafik {height: auto;}
	.footer {position: static; padding-bottom: 10px; height: auto;}
	.f-content {padding: 0px; width: 100%;}
	.bottommenu {float: none; width: 94%; padding: 0 3%;}
	.footertext {float: none; width: 94%; padding: 0 3%; text-align: right;}
	table  { width: 100% ; display: block; float: left; }		

.koop { filter: alpha(opacity=0); opacity: 1;   -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.koop:hover { filter: alpha(opacity=1); opacity: 1;}	
	
}