body, html {
font-family: 'Roboto', sans-serif;
font-size: 0.95em;
font-weight: 400;
color: #000000;
line-height: 1.6em;
height: 100%;
width: 100%;
min-width: 320px;
margin: 0px;
padding: 0px;
text-align: left;
background: #feed00;
-ms-text-size-adjust: none;
-webkit-text-size-adjust: none;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}


img { border: 0px; text-decoration: none; border-style: none; border-width: 0; }
a { outline: 0; -moz-outline: 0 }
b, strong { font-weight: 700; }
i, em { font-style: italic; }
form { margin: 0px; padding: 0px; position: relative; }
p { margin: 0px; padding: 0px 0px 20px 0px; font-weight: 300; }
ul { margin: 0px; padding: 0px 0px 20px 0px; font-weight: 300; }
li { margin-left: 15px; }
.wh100 { width: 100%; height: auto; }
.pointer { cursor: pointer; }


* {
box-sizing: border-box;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.ofh {
overflow: hidden;
}

.block {
display: block;
}

.cb {
clear: both;
}

.fl {
float: left;
}

.fr {
float: right;
}

h4 {
font-family: 'Roboto', sans-serif;
font-size: 0.95em;
font-weight: 700;
color: #000000;
line-height: 1.6em;
margin: 0px;
padding: 0px;
}

#content {
width: 100%;
height: 100%;
position: relative;
}

#menu {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 65px;
text-align: center;
padding: 0px 0px 0px 0px;
z-index: 30;
}

#mco img, #mln img {
width: 100%;
height: auto;
position: absolute;
top: 0px;
left: 0px;
}

#mco {
margin: 0px auto;
position: relative;
width: 60px;
height: 30px;
display: block;
transform: scale(1);
-o-transition: all 400ms ease 10ms;
-moz-transition: all 400ms ease 10ms;
-ms-transition: all 400ms ease 10ms;
-webkit-transition: all 400ms ease 10ms;
transition: all 400ms ease 10ms;
}

#mln {
margin: 0px auto;
position: relative;
width: 95px;
height: 25px;
display: block;
transform: scale(1);
-o-transition: all 400ms ease 10ms;
-moz-transition: all 400ms ease 10ms;
-ms-transition: all 400ms ease 10ms;
-webkit-transition: all 400ms ease 10ms;
transition: all 400ms ease 10ms;
}

#mco:hover, #mln:hover {
transform: scale(1.1);
-o-transition: all 400ms ease 10ms;
-moz-transition: all 400ms ease 10ms;
-ms-transition: all 400ms ease 10ms;
-webkit-transition: all 400ms ease 10ms;
transition: all 400ms ease 10ms;
}

#schwarz {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background: #000000;
z-index: 10;
-o-transition: all 400ms ease 10ms;
-moz-transition: all 400ms ease 10ms;
-ms-transition: all 400ms ease 10ms;
-webkit-transition: all 400ms ease 10ms;
transition: all 400ms ease 10ms;
}

#gelb {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background: #feed00;
z-index: 20;
-o-transition: all 400ms ease 10ms;
-moz-transition: all 400ms ease 10ms;
-ms-transition: all 400ms ease 10ms;
-webkit-transition: all 400ms ease 10ms;
transition: all 400ms ease 10ms;
}

.op0 {
opacity: 0;
-o-transition: all 400ms ease 10ms;
-moz-transition: all 400ms ease 10ms;
-ms-transition: all 400ms ease 10ms;
-webkit-transition: all 400ms ease 10ms;
transition: all 400ms ease 10ms;
}

.op1 {
opacity: 1;
-o-transition: all 400ms ease 10ms;
-moz-transition: all 400ms ease 10ms;
-ms-transition: all 400ms ease 10ms;
-webkit-transition: all 400ms ease 10ms;
transition: all 400ms ease 10ms;
}

#okmusic {
width: 190px;
height: auto;
position: absolute;
top: 50%;
left: 50%;
margin-left: -95px;
margin-top: -130px;
z-index: 30;
}

#okmusic img {
width: 100%;
height: auto;
position: absolute;
top: 0px;
left: 0px;
}

#text {
width: 100%;
max-width: 700px;
padding: 20px;
text-align: left;
margin: 0px auto;
}

#imp {
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
padding: 25px 0px 25px 0px;
margin: 20px 0px 25px 0px;
}

#home {
margin: 0px auto;
padding: 130px 0px 0px 0px;
width: 40px;
}

#home img {
width: 100%;
height: auto;
transform: scale(1);
-o-transition: all 400ms ease 10ms;
-moz-transition: all 400ms ease 10ms;
-ms-transition: all 400ms ease 10ms;
-webkit-transition: all 400ms ease 10ms;
transition: all 400ms ease 10ms;
}

#home img:hover {
transform: scale(1.1);
-o-transition: all 400ms ease 10ms;
-moz-transition: all 400ms ease 10ms;
-ms-transition: all 400ms ease 10ms;
-webkit-transition: all 400ms ease 10ms;
transition: all 400ms ease 10ms;
}


a:link { 
color: #000000;
text-decoration: none;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

a:active { 
color: #000000;
text-decoration: none;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

a:visited { 
color: #000000;
text-decoration: none;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

a:hover { 
color: #000000;
text-decoration: underline;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}