––*, *:before, *:after {-webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */-moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */box-sizing: border-box; /* Opera/IE 8+ */}
html    { font-size: 100%; overflow-x: hidden}
body { font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; }
body {  margin: 0; padding: 0; }
a:link, a:visited  { text-decoration: none; outline-style: none }
#slider{ min-height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; height: 400px; }
#mobiltype   {  }
#mobiltype img  { width: 90%; margin-left: 20px; margin-top: 20px; margin-bottom: 20px }
#menu  { display: none }

#textcontainer { display: none }
#mobilmenu { border-top: 1px solid #999 }
#mobilmenu ul  { margin-left: -15px; }
#mobilmenu li  { color: #c00; font-size: 2em; font-family: "Courier New", Courier, Monaco, monospace; font-style: normal; text-decoration: none; letter-spacing: 0.1em; display: block; margin-right: 6px }
#mobilmenu li  { color: #000 ; text-decoration: none; }
#mobilmenu li a  { color: #000  }
#mobilmenu li a:hover  { color: #c00 }


@media screen and (min-width:40em) 
{
#mobiltype  { display: none }
#slider { display: none }
#menu  { height: 30px; position: absolute; z-index: 80; bottom: 40px; width: 100% }
ul   { padding-top: 4px; padding-bottom: 4px; padding-left: 18px; float: right }

#textcontainer { display: inline }
#textcontainer img { position: absolute; width: 80%; left: 120px; top: 50px; }

#mobilmenu  { display: none }
#menu  { display: inline}
#menu  { height: 26px; width: 100% ; }
ul   { background-color: #fff; float: right }
li      { color: #c00; font-size: 1.1em; font-family: "Courier New", Courier, Monaco, monospace; font-style: normal; text-decoration: none; letter-spacing: 0.1em; display: inline; margin-right: 6px   }
li a    { color: #000 ; text-decoration: none; }
li a:hover  { color: #c00 }
#menu li.stop       { color: #757575; font-size: 30px; line-height: 0; margin-right: 1px; margin-left: -13px; padding-top: 5px; vertical-align: -6px }
#menu li.stop a    { color: #c00 }
#menu li.stop a:hover   { color: #000 }
}



@media screen and (min-width:58em) 
{
#textcontainer img { width: 60%; left: 300px; top: 120px; }	
	
}
@media screen and (min-width:72em) 
{
#textcontainer img { width: 50%; left: 520px; top: 120px; }		
}
@media screen and (min-width:80em) and (min-height: 45em)
{
#textcontainer img { width: 40%; left: 700px; top: 200px; }		
	}
@media screen and (min-width:92em) and (min-height: 45em)
{
#textcontainer img { width: 35%; left: 750px; top: 250px; }		
}
@media screen and (min-width:110em) and (min-height: 45em)
{
#textcontainer img { width: 30%; left: 1200px; top: 250px; }		
}