/*Desktop und Laptops*/
@media only screen and (min-width: 1224px) {

}

/*Große Bildschirme*/
@media only screen and (min-width:1824px) {

}

/*Pads(Portrait)*/
@media only screen and
(min-device-width:768px) and
(max-device-width:1024px) and
(orientation:portrait) {

}

/*iPads (Landscape)*/
@media only screen and
(min-device-width:768px) and
(max-device-width:1024px) and
(orientation: landscape) {

}

/*Smartphones (Landscape & Portrait)*/
@media only screen and
(min-device-width:320px) and
(max-device-width:480px) {

}

/*Smartphones (Landscape)*/
@media only screen and
(min-device-width:321px) {

}

/*Smartphones (Portrait)*/
@media only screen and
(min-width:320px) {

}

/*iPhone 4*/

/*  --- was nicht gebraucht wird würd ich produktivseitig immer rausschmeissen


@media only screen and
(-webkit-min-device-pixel-ratio: 1.5),only screen and
(min-device-pixel-ration: 1.5) {

}
*/

/* =======================================================================================
Responsive Design - Ab 641px Fenstergröße ...
======================================================================================= */
@media screen and (min-width: 641px) {
	header {
		background-color:#fff;
	}

	/* =====================================
	==== Die Basis der Haupt-Navigation ====
	===================================== */
	.nav-toggle {
		display:none;
	}

	.nav-collapse.opened {
		max-height:9999px;
	}

/*

	.nav-collapse.disable-pointer-events {
		pointer-events:none!important;
	}
*/

	.nav-collapse,.nav-collapse * {
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}

	.nav-collapse li {
		float:left;
		width:24.999%;
	}

	.js .nav-collapse.closed {
		max-height:none;
	}

	.js .nav-collapse {
		clip:rect(0 0 0 0);
		max-height:0;
		position:absolute;
		display:block;
		overflow:hidden;
		zoom:1;
	}

	.js .nav-collapse.closed {
		max-height:none;
	}
}

/* =======================================================================================
Responsive Design - Phone
======================================================================================= */
@media screen and (max-width: 640px) {
	header {
		background:#fff;
	}

	.nav-collapse,.nav-collapse * {
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}

	.nav-collapse,.nav-collapse ul {
		list-style:none;
		width:100%;
		float:left;
	}

	.nav-collapse ul {
		margin:0;
		padding:0;
		width:100%;
		display:block;
		list-style:none;
	}

	.nav-collapse li {
		width:100%;
		display:block;
		float:left;
	}

	.js .nav-collapse {
		clip:rect(0 0 0 0);
		max-height:0;
		position:absolute;
		display:block;
		overflow:hidden;
		zoom:1;
	}

	.nav-collapse.opened {
		max-height:9999px;
	}

	.nav-collapse.disable-pointer-events {
		pointer-events:none!important;
	}

	.nav-toggle {
		-webkit-tap-highlight-color:rgba(0,0,0,0);
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none;
		width:50px;
		height:50px;
		float:left;
		margin:auto;
		text-indent:-9999px;
		overflow:hidden;
		background:#000 url(img/small-menu.gif) no-repeat -24px -23px;
	}
}

/* Ende der Phone Styles */
/* =======================================================================================
Spezial Bilder für Retina Displays
======================================================================================= */
@media screen and (-webkit-min-device-pixel-ratio: 1.3),screen and (min--moz-device-pixel-ratio: 1.3),screen and (-o-min-device-pixel-ratio: 2 1),screen and (min-device-pixel-ratio: 1.3),screen and (min-resolution: 192dpi),screen and (min-resolution: 2dppx) {
	.nav-toggle {
		background-image:url(../images/small-menu-retina.gif);
		-webkit-background-size:100px 100px;
		-moz-background-size:100px 100px;
		-o-background-size:100px 100px;
		background-size:100px 100px;
	}
}

/* Ende der Retina Deklarationen

/* Responsive */
#slides {
	display:none;
}

.container {
	margin:0 auto;
}

/* For tablets & smartphones */
@media (max-width: 767px) {
	body {
/*
		padding-left:10px;
		padding-right:10px;
*/
	}

	.container {
		width:auto;
	}
}

/* For smartphones */
@media (max-width: 480px) {
	.container {
		width:auto;
	}
}

/* For smaller displays like laptops */
@media (min-width: 768px) and (max-width: 979px) {
	.container {
		width:724px;
	}
}

/* For larger displays */
@media (min-width: 1200px) {
	.container {
		width:1170px;
	}
}

/* =======================================================================================
Responsive Design - Phone
======================================================================================= */
@media screen and (max-width:568px) {
	header h1 {
		display:none;
	}
}

/* =======================================================================================
Responsive Design - Tablet
======================================================================================= */
@media screen and (min-width:569px) and (max-width:960px) {
	header h1 {
		display:none;
	}
}