@media
only screen {

	* {
		margin:0;
		padding:0;
	}
/* start */

body {
	background-color:#afc6e6;
	color:#000;
	text-align: left;
	font-size: 80%;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	line-height: 1em;
	font-weight: normal;
	font-variant: normal;
	}
/* --------------------------------------------------------- */

a{
	color: #000b21;
	text-decoration: none;
}
a:hover{
	color: #000b21;
	text-decoration: none;
}
a:active{
	color: #000b21;
	text-decoration: none;
}
a:link{
	color: #000b21;
	text-decoration: none;
}
a:visited{
	color: #000b21;
	text-decoration: none;
}

ul,ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: normal;
	color: #66676C;
}
h2 {
	font-size: 1.6em;
	font-weight: bold;
	line-height: normal;
}
h3 {
	font-size: 1.4em;
	font-weight: bold;
	line-height: normal;
	margin: 0px;
	display: inline;
}
h4 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: normal;
	margin: 0px;
}
h5 {
	font-size: 1.0em;
	font-weight: bold;
	line-height: normal;
	margin: 0px;
}
h6 {
	font-size: 1.6em;
	font-weight: bold;
	line-height: normal;
	color: #ff0404;
}
/* --------------------------------------------------------- */

div#oben{

	background-color:#fff;
	}
div#oben_links{
	width:100%;
	height:108px;
	background-image: url(../script/handheld_logoheader.jpg);
	background-position: 0 top;
	background-repeat: no-repeat;
	}
div#oben_rechts{

	padding:10px 5px 10px 10px;
	font-size:2.1em;
	line-height:1.3em;
	}
.reihe1 li{

	}
.reihe2{
	padding-top:10px;
	}
div#bildreihe_links{
	display:none;
}
div#logotext_mobilephones_anfang{
	padding-top:10px;
	padding-bottom:10px;
	background-image: url(../script/handheld_strich.jpg);
	background-repeat: no-repeat;
	}
div#logotext_mobilephones{
	width:100%;
	padding:10px 5px 10px 10px;
	font-size:2.2em;
	line-height:1.2em;
	font-weight: bold;
	color: #16125d;
	}
div#bilder_mobilephones{
	height: 90px;
	background-image: url(../bilder/bildreihe.jpg);
	background-repeat: no-repeat;
	}
div#logotext_mobilephones_ende{
	padding-top:10px;
	padding-bottom:10px;
	background-image: url(../script/handheld_strich.jpg);
	background-repeat: no-repeat;
	}

div#mittewrapper{

}
div#menuelinks{
	display:none;
}
div#untermenuedorne{
	display:none;
}
div#um_drehbareklammern{
	display:none;
}
div#um_drehgeraete{
	display:none;
}
div#um_seitenschieber{
	display:none;
}
div#um_klammern{
	display:none;
}
div#um_kranausleger{
	display:none;
}

div#um_lasthalter{
	display:none;
}
div#um_zvg_vorgehaengt{
	display:none;
}
div#um_zvg_integriert{
	display:none;
}
div#um_sonderanbaugeraete{
	display:none;
}
div#um_sonstige{
	display:none;
}

div#mittetext{
	font-size:1.8em;
	line-height:1.3em;
	color: #000b21;
	background-color:#FFF;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 20px;
}
div#mittetext h2{
	font-size:1.1em;
	font-weight: bold;
}
div#mittetext h3{
	font-size:1.05em;
	font-weight: bold;
}
.home_hg{
	background-image:none;
	background-color:#FFF;
	}
.einrueck1{
	font-size:1em;
	line-height:1.6em;
	padding-left: 10px;
	color:#77a5e6;
}
.einrueck1 a{
	padding-left: 10px;
	color:#77a5e6;
}
div#mittetext ul li a{
	text-decoration: none;
	line-height:2em;
}
.bildgroessen{
	width:100%;
	}
	
div#mitterechtespalte{
	display:none;
	}

div#mittetext1{
	display:none;
	}
iframe[name="preisliste"] { display:none; }

div#mittetext_wrapper{
	display:none;
	}
div#mittetext_bilder{
	display:none;
	}
div#preislistenbilder{
	display:none;
	}	
	
	
div#preisliste_mobilephones{
	width:100%;
	color:#000;
	padding-top:10px;
	padding-left: 5px;
	padding-bottom: 5px;
	font-size: 1.5em;
	line-height:1.3em;
}
div#preisliste_mobilephones h1{
	font-size: 1.1em;
	color:#000;
}
div#preisliste_mobilephones img{
	width:100%;
}

#datenschutz{
	width:80%;
	display:block;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	padding:50px 22% 50px 0;
	height:458px;
	overflow:scroll;
	}
#datenschutz h1{
	font-size:1.2em;
	line-height: 1.6em;
	color:#000;
	}
#datenschutz h2{
	font-size:1.1em;
	line-height: 1.5em;
	padding-top:30px;
	}
#datenschutz h3{
	font-size:1em;
	line-height: 1.5em;
	padding-top:30px;
	}



#navWrap {
	display:none;

}

#navWrap1 {
	width:60%;
	margin-left:20%;
	margin-right:20%;
	text-align:left;
	padding:10px 0 10px 0;

}


#nav1 {
	background: #FFF;
}
#navi1 {
	background: #CCC;

}
#navi1 li{
	height:30px;
	background: #6987b0;
	list-style-type: none;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	padding:10px 0 10px 30px;
}
#navi1 .aktuell{
	background-color: #233438;
	}


#navi1 li ul li{
	display: none;
}
#navi1 li a{
	text-decoration: none;
	color: #233438;  
}

/* der aktuelle Menüpunkt */
.aktuell a{
	text-transform:uppercase;
	color:#b2b3b3 !important; /*grau*/
	}
/* ... aber nicht für das Untermenü*/
.aktuell ul li a{
	text-transform:none;
	text-decoration: none;
	color: #233438 !important; 
}
.aktuell ul li a:hover{
	color: #b2b3b3 !important; 
}
/*--------------------------------------------------------*/



#navWrap2 {
	display:block;
	background:#FFF;
		width:60%;
	margin-left:20%;
	margin-right:20%;
	text-align:left;
	padding:10px 0 10px 0;

}
nav2 {
	width:100%;
	float:left;
	background:#6987b0;
	height:0;
	overflow:hidden;
	transition:height .2s ease-in-out;
}

nav2 li {
	float:left;
	width:100%;
}

nav2 a {
	display:block;
	height:100%;
	width:100%;
	padding:1em;
	text-decoration:none;
	color:white;
	border-top: 1px solid rgba(0,0,0,0.2);
}

nav2 a:hover {
	background:rgba(0,0,0,0.2);
}

.nav-toggle {
	background:rgba(0,0,0,0.2);
	display:block;

	padding:1em;
	color:#6987b0;
	cursor:pointer;
	text-decoration:none;
}

.nav-toggle:hover {
	background:rgba(0,0,0,0.4);
}

#nav-open:target .nav-closed {
	display:block;
}

.nav-closed,
#navi-closed:target .nav-closed,
#nav-open:target .nav-open {
	display:none;
}


	#nav-open:target nav2 {
		/*height:410px;*/
		height:285px;
	}
/*--------------------------------------------------------*/
#navWrap3 {
	display:block;
	background:#FFF;
		width:60%;
	margin-left:20%;
	margin-right:20%;
	text-align:left;
	padding:10px 0 10px 0;
}
nav3 {
	width:100%;
	float:left;
	background:#6987b0;
	margin-bottom:50px;
}

nav3 li {
	float:left;
	width:100%;
	list-style-type: none;
}

nav3 a {
	display:block;

	padding:1em;
	text-decoration:none;
	color:white;
	border-top: 1px solid rgba(0,0,0,0.2);
}

nav3 a:hover {
	background:rgba(0,0,0,0.2);
}
.grau{
	background:#CCC;
}
.grau a{
	color:#6987b0;
}
.aktuell_mobil{
	background:#546c8d;
	}
/*--------------------------------------------------------*/
br.clearLeft {
   clear: left;        
}

}



/* Small screens ----------- diesen wieder nach oben zu small screens kopieren !!!!!!!!!!*/	
@media only screen
and (min-width : 992px) {
	
body {
	background-color:#afc6e6;
	color:#000;
	height:100%;
	text-align:center;
	font-size: 80%;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	width:100%;
	}

	div#wrapper {
	width: 100%;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	}
	
div#oben{
	width: 100%;
	height: 85px;
	margin-top: 0px;
	margin-left: 0px;
	position: relative;
	background-color: #afc6e5;
	margin-right: 0px;
	margin-bottom: 0px;
}
div#oben_links{
	width: 25%;
	height: 85px;
	position: relative;
	float: left;

	margin: 0px;
	padding: 0px;
}
div#oben_rechts{
	width: 75%;
	height: 85px;
	float: right;

	color: #16125d;
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	padding: 0px;
	line-height:1em;
}
.reihe1{
	width: 75%;
	padding-top: 20px;
}
div#oben_rechts ul li{
	display: inline;
	padding-left: 70px;
}
.reihe1 li{
	border-bottom-width: 0px;
	border-bottom-style: none;
	}
.reihe2{
	padding-left: 154px;
	padding-top: 20px;
}
div#linieoben{
	width: 100%;
	height: 15px;
	float: left;
	background-color: #afc6e5;

	}
	
div#bildreihe{
	width: 100%;
	height: 90px;
	margin-top: 14px;
	position: relative;
	background-color: #afc6e5;
}
div#bildreihe_links{
	display:block;
	width: 25%;
	height: 66px;
	position: relative;
	float: left;
	background-color: #afc6e5;
	color: #16125d;
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	padding-top: 24px;
	padding-left: 16px;
}
div#bildreihe_rechts{
	width: 75%;
	height: 90px;
	position: relative;
	float: right;
	background-color: #fff;

}

div#logotext_mobilephones_anfang{
	display:none;
}
div#logotext_mobilephones{
	display:none;
}
div#bilder_mobilephones{
	display:none;
}
div#logotext_mobilephones_ende{
	display:none;
}

div#leerraum{
	width: 100%;
	height: 20px;
	position: relative;
	float: left;
	background-color: #fff;

}

div#mittewrapper{
	width: 100%;
	position: relative;
	float: left;
	background-color: #fff;

}
div#menuelinks{
	display:block;
	width: 25%;
	position: relative;
	float: left;
	background-color: #315f9d;
	color: #fff;
	padding-top: 0px;
	padding-left: 5px;
	text-align: left;
	line-height: 25px;
	z-index:99;
}
div#menuelinks ul{
	list-style-type: disc;
	list-style-position: inside;
}
div#menuelinks a{
	font-size: 1.1em;
	color: #fff;
	font-weight: bold;
}
div#menuelinks a:hover{
	font-size: 1.1em;
	color: #000;
	font-weight: bold;
}
.abstand{
	line-height: normal;
	list-style-type: none;
	padding-left: 15px;
}

.blind{
	color: #315f9d;	
}

div#untermenuedorne{
	display:block;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	visibility: hidden;
	text-align: left;
	background-color: #afc6e5;
	position: absolute;
	height: 50px;
	width: 150px;
	left: 220px;
	top: 50px;
	line-height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	z-index:99;
}
div#um_drehbareklammern{
	display:block;
	position:absolute;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	visibility: hidden;
	text-align: left;
	background-color: #afc6e5;
	position: absolute;
	height: 118px;
	width: 150px;
	left: 220px;
	top: 75px;
	line-height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	z-index:99;
}
div#um_drehgeraete{
	display:block;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	visibility: hidden;
	text-align: left;
	background-color: #afc6e5;
	position: absolute;
	height: 50px;
	width: 150px;
	left: 220px;
	top: 100px;
	line-height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	z-index:99;
}
div#um_seitenschieber{
	display:block;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	visibility: hidden;
	text-align: left;
	background-color: #afc6e5;
	position: absolute;
	height: 70px;
	width: 150px;
	left: 220px;
	top: 125px;
	line-height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	z-index:99;
}
div#um_klammern{
	display:block;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	visibility: hidden;
	text-align: left;
	background-color: #afc6e5;
	position: absolute;
	height: 170px;
	width: 150px;
	left: 220px;
	top: 175px;
	line-height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	z-index:99;
}
div#um_kranausleger{
	display:block;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	visibility: hidden;
	text-align: left;
	background-color: #afc6e5;
	position: absolute;
	height: 72px;
	width: 150px;
	left: 220px;
	top: 200px;
	line-height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	z-index:99;
}

div#um_lasthalter{
	display:block;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	visibility: hidden;
	text-align: left;
	background-color: #afc6e5;
	position: absolute;
	height: 50px;
	width: 150px;
	left: 220px;
	top: 230px;
	line-height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	z-index:99;
}
div#um_zvg_vorgehaengt{
	display:block;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	visibility: hidden;
	text-align: left;
	background-color: #afc6e5;
	position: absolute;
	height: 95px;
	width: 150px;
	left: 220px;
	top: 250px;
	line-height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	z-index:99;
}
div#um_zvg_integriert{
	display:block;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	visibility: hidden;
	text-align: left;
	background-color: #afc6e5;
	position: absolute;
	height: 95px;
	width: 150px;
	left: 220px;
	top: 270px;
	line-height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	z-index:99;
}
div#um_sonderanbaugeraete{
	display:block;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	visibility: hidden;
	text-align: left;
	background-color: #afc6e5;
	position: absolute;
	height: 52px;
	width: 150px;
	left: 220px;
	top: 360px;
	line-height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	z-index:99;
}
div#um_sonstige{
	display:block;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	visibility: hidden;
	text-align: left;
	background-color: #afc6e5;
	position: absolute;
	height: 190px;
	width: 150px;
	left: 220px;
	top: 300px;
	line-height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	z-index:99;
}

div#mittetext{
	width: 75%!important;
	position: relative;
	float: right;
	font-size: 1.1em;
	color: #000b21;
	font-weight: bold;
	text-align: left;
	padding-top: 50px;
	padding-left: 60px;
	z-index:1;
}
div#mittetext h2{
	font-size: 1.6em;
	font-weight: bold;
	line-height: normal;
}
div#mittetext a{
	text-decoration: underline;
}
div#mittetext1{
	display:block;
	width: 75%;
	position: relative;
	float: right;
	font-size: 1.1em;
	color: #000b21;
	font-weight: bold;
	text-align: left;
	padding-top: 22px;
	padding-left: 2px;
	z-index:1;
}

.grau{
	background-color: #CCC;
	min-height:600px;
	}

div#mittetext1 iframe{
	display:block;
	position:absolute;
	top:0px; 
	left:150px;
	width:630px;
	height:618px;
	z-index:1;
}
div#mittetext_wrapper{
	display:block;
	width: 75%;
	position: relative;
	float: left;
}
div#mittetext_bilder{
	display:block;
	width: 145px;
	position: relative;
	float: left;
	font-size: 1em;
	color: #000b21;
	font-weight: bold;
	text-align: left;
	padding-top: 22px;
	padding-left: 2px;
	z-index:1;
}
div#preislistenbilder{
	display:block;
	position:relative;
	float:right;
	width:628px;
	min-height:650px;
	background-color:#FFF;
	height:560px;
	overflow:scroll;
}
div#langtexte{
	display:block;
	position:relative;
	float:right;
	width:100%;
	background-color:#FFF;
	height:560px;
	overflow:scroll;
}

div#preisliste_mobilephones{
	display:none;
}

.impressum_hg{
	background-image: url(../script/hgimpr.jpg);
	background-repeat: no-repeat;
	text-align: center;
	height: 522px;
	}
.home_hg{
	background-image: url(../script/hghome.jpg);
	background-repeat: no-repeat;
	text-align: center;
	}
.preis_hg{
	background-image: url(../script/hgpreis.jpg);
	background-repeat: no-repeat;
	text-align: center;
	height: 522px;
	}

div#mittetext2spaltig{
	width: 75%;
	position: relative;
	float: left;
	font-size: 1.1em;
	color: #000b21;
	font-weight: bold;
	text-align: left;
	padding-top: 50px;
	padding-left: 60px;
	z-index:1;
}
div#mittelinkespalte{
	width: 25%;
	position: relative;
	float: left;
}
div#mitterechtespalte{
	display:block;
	width: 25%;
	position: relative;
	float: left;
}
.normal{
	line-height: normal;
	background-color: #AFC6E6;
	}
div#unten{
	line-height: normal;
	background-color: #AFC6E6;
	height: 120px;
	width: 25%px;
	padding-left: 10px;
	color: #16125d;
	padding-top: 10px;
	}
.rot{
	color: #900;	
	}
.einruecken{
	padding-left: 4px;	
	}




#navWrap1 {
	display:none;
}
#navWrap2 {
	display:none;
}
#navWrap3 {
	display:none;
}
#navWrap {
	display:block;
	padding:10px 0 0 0;
    height: 20px;
	text-align:center;

}
#nav {

	/* zum zentrieren: */
		display:flex;
 	align-items: center;
  	justify-content: center;

}
#navi li{

	border: 0px none #FFF;
}

#nav ul {
   margin: 0;
	padding: 0;    
	text-align:center;
}

#nav ul li {

	padding:0 20px 0 20px;
    margin:0;
    list-style-type: none;

}
#nav li a {
	color: #233438;  
	text-decoration: none;    
}



/*------------------------- Menü-----------------------------------------*/

/*entnommen aus: http://www.gipspferd.de/CSS-Anleitungen/Drop-Down-Navigation-mit-CSS */

ul#navi  {
	text-align:center;
	margin: 0;  
	padding: 0;   
	list-style-type:none;
}

ul#navi a {
	height:24px;
	display:block; 
	text-decoration:none; 
	/*padding:6px 20px 10px 10px; ---------- Untermenü Abstände ------------ */
	padding: 6px 0 10px 0; 


}


ul#navi li  {
 position:relative;            
 float:left;                    /* hinzugefügt um eine horizontale Ausrichtung zu erzielen */

}

ul#navi li ul li {
	width:11em;                  /*Breite Untermnü verändern wegen langer Wörter*/
	text-align:left;
	border-top:1px solid #9cbed2;
	background: #FFF;
	font-size: 0.8em;	
}


/* Alle Ebenen ausblenden  - Untermenüs*/

ul#navi ul  ,
ul#navi  li:hover ul ul , 
ul#navi  li:hover  ul ul ul  {
 position:absolute;
 left:-9999px;
}

ul#navi  li:hover ul {
/*  background:#218426;			 Hintergrundfarbe vom Untermenue */
}


ul#navi ul {
 top:auto;                    /* Neue Position definiert 16px Schriftgröße + (2 x 5px) padding = 30px / 16 = 1.875em*/

}


/* Einzelne Ebenen einblenden */ 
ul#navi li:hover ul  {
 left:0;
 }


                                 /* Neuer Deklarationsblock um die Unterpunkte präzise zu positionieren */
ul#navi ul  li:hover  ul , 
ul#navi ul  ul li:hover  ul  {
 position:absolute;
 left:100%;
 top:0;

 }


/* Hover Hinter- und Vordergrundfarbe für alle Ebenen */
ul#navi li:hover > a , ul#navi  ul li:hover  > a, ul#navi ul  ul  li:hover  > a, ul#navi ul  ul ul  li:hover  > a  {
/*  background:#218426;
	color:#6987b0;*/
  color:#b2b3b3;
}

ul#navi a span {
 float:right;
  font-weight:normal;
  }
	}
	

	

/* Desktops and laptops ----------- */
/*and (min-width : 1224px) {*/
@media only screen
and (min-width : 1400px) {
}