@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Oxygen);
#cssmenu {
    z-index:1999;
  background: #383838;
  margin: 0;
  width: auto;
  padding: 0;
  line-height: 1;
  display: block;
  position: relative;
  font-family: oxygen;
}
#cssmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}
#cssmenu ul:after,
#cssmenu:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
#cssmenu ul li {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}
#cssmenu ul li a {
  text-decoration: none;
  display: block;
  margin: 0;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu > ul > li {
  float: right;
}
#cssmenu.align-center > ul > li {
  float: none;
  display: inline-block;
}
#cssmenu.align-center > ul {
  text-align: center;
}
#cssmenu.align-right > ul {
  float: right;
}
#cssmenu > ul > li:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  z-index: 0;
  background: #ffffff;
  -webkit-transition: height .2s;
  -moz-transition: height .2s;
  -ms-transition: height .2s;
  -o-transition: height .2s;
  transition: height .2s;
}
#cssmenu > ul > li:nth-child(5):after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  z-index: 0;
  background:forestgreen;
  -webkit-transition: height .2s;
  -moz-transition: height .2s;
  -ms-transition: height .2s;
  -o-transition: height .2s;
  transition: height .2s;
}
#cssmenu > ul > li:nth-child(4):after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  z-index: 0;
  background:salmon;
  -webkit-transition: height .2s;
  -moz-transition: height .2s;
  -ms-transition: height .2s;
  -o-transition: height .2s;
  transition: height .2s;
}
#cssmenu > ul > li:nth-child(3):after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  z-index: 0;
  background:red;
  -webkit-transition: height .2s;
  -moz-transition: height .2s;
  -ms-transition: height .2s;
  -o-transition: height .2s;
  transition: height .2s;
}
#cssmenu > ul > li:nth-child(2):after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  z-index: 0;
  background:yellow;
  -webkit-transition: height .2s;
  -moz-transition: height .2s;
  -ms-transition: height .2s;
  -o-transition: height .2s;
  transition: height .2s;
}
#cssmenu > ul > li:nth-child(1):after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  z-index: 0;
  background:skyblue;
  -webkit-transition: height .2s;
  -moz-transition: height .2s;
  -ms-transition: height .2s;
  -o-transition: height .2s;
  transition: height .2s;
}
#cssmenu > ul > li > a {
  color: #ffffff;
  padding: 15px 20px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  z-index: 2;
  position: relative;
}
#cssmenu > ul > li:nth-child(5) > a {
  color: forestgreen;
  padding: 15px 20px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  z-index: 2;
  position: relative;
}
#cssmenu > ul > li:nth-child(4) > a {
  color: salmon;
  padding: 15px 20px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  z-index: 2;
  position: relative;
}
#cssmenu > ul > li:nth-child(3) > a {
  color: red;
  padding: 15px 20px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  z-index: 2;
  position: relative;
}
#cssmenu > ul > li:nth-child(2) > a {
  color: yellow;
  padding: 15px 20px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  z-index: 2;
  position: relative;
}
#cssmenu > ul > li:nth-child(1) > a {
  color: skyblue;
  padding: 15px 20px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  z-index: 2;
  position: relative;
}
#cssmenu > ul > li:hover:after,
#cssmenu > ul > li.active:after {
  height: 100%;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #000000;
}
#cssmenu > ul > li:hover > a:after,
#cssmenu > ul > li.active > a:after {
  background: #000000;
}
#cssmenu > ul > li:hover > a:before,
#cssmenu > ul > li.active > a:before {
  border-top-color: #ffffff;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu > ul > li > a {
  display: block;
}
#cssmenu > ul > li {
  width: auto;
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu > ul {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.35s ease-out;
    -moz-transition: max-height 0.35s ease-out;
    -ms-transition: max-height 0.35s ease-out;
    -o-transition: max-height 0.35s ease-out;
    transition: max-height 0.35s ease-out;
  }
  #cssmenu.align-right ul li a {
    text-align: left;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu.align-center > ul > li {
    display: block;
  }
  #cssmenu > ul.open {
    max-height: 1000px;
    border-top: 1px solid rgba(110, 110, 110, 0.25);
  }
  #cssmenu ul {
    width: 100%;
  }
  #cssmenu ul > li {
    float: none;
    width: 100%;
  }
  #cssmenu ul li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 20px;
  }
  #cssmenu ul > li:after {
    display: none;
  }

  #cssmenu #menu-button {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    cursor: pointer;
  }
  #cssmenu #menu-button:after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    right: 20px;
    top: 16px;
  }
  #cssmenu #menu-button:before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    right: 20px;
    top: 26px;
  }
}
body{
     background: url(kontakt_bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0px;
}
.wmfg_layout_1{margin-top:3.7%;margin-left:15%;}
<style>	
.wmfg_layout_1, table, .wmfg_textarea { font-family: oxygen; font-size: 13px;}
.wmfg_layout_1 ul.wmfg_questions { list-style-type: none; margin: 0; padding: 0; }
.wmfg_layout_1 ul.wmfg_questions li.wmfg_q { margin: 0px 0; }
.wmfg_layout_1 label.wmfg_label { display: block; margin: 0 0 5px 0; font-weight:bold; }
.wmfg_layout_1 table.wmfg_answers { width: 100%; width: 97%; border-collapse: collapse; }
.wmfg_layout_1 table.wmfg_answers { vertical-align: top; }
.wmfg_layout_1 table.wmfg_answers td { padding: 2px; vertical-align: top; }
.wmfg_layout_1 table.wmfg_answers td.wmfg_a_td { width: 25px; }
.wmfg_layout_1 .wmfg_text { border: 1px solid #CCC; padding: 4px; font-size: 13px; color: #000000; width: 52%;
background-color: #ffffff;
background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#fff));
background:-moz-linear-gradient(top,#f8f8f8,#fff);
}
.wmfg_layout_1 .wmfg_textarea { border: px solid #CCC; padding: 4px; font-size: 13px; color: #000000; width: 52%;
background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#fff));
background:-moz-linear-gradient(top,#f8f8f8,#fff);
background-color: #ffffff;
}
.wmfg_layout_1 .wmfg_select { 
border:1px solid #CCCCCC; padding: 3px; font-size: 13px; color: #000000; margin: 0; width: 100%; width: 14%;
background-color: #ffffff;
background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#fff));
background:-moz-linear-gradient(top,#f8f8f8,#fff);
}
.wmfg_layout_1 .wmfg_btn { 
border: 1px solid #cccccc; cursor: pointer; font-weight: normal; font-size: 13px; padding: 6px; color: #444; font-family: 'lucida grande', oxygen, sans-serif; 
background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), color-stop(0.5, #FAFAFA), color-stop(0.5, #E5E5E5), to(#F9F9F9)); 
background: -moz-linear-gradient(top, #FAFAFA, #FAFAFA 50%, #E5E5E5 50%, #F9F9F9);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FAFAFA', endColorstr='#E5E5E5');
}
.wmfg_layout_1 .wmfg_btn:hover {  
background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), color-stop(0.5, #EDEDED), color-stop(0.5, #D9D9D9), to(#EDEDED)); 
background: -moz-linear-gradient(top, #EDEDED, #EDEDED 50%, #D9D9D9 50%, #EDEDED);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E3326E', endColorstr='#D9D9D9'); 
}
.wmfg_q{
width: 500px;
    padding-top: 20px;
   padding-left: 0%; 
    
}
#formular{position: absolute; height:482px;top:50%;margin-top:-241px;left:13%;width:0%;}
#select_id, #text_id1, #text_id2, #text_id3, #text_id4, #text_id5, #textarea_id{font-family: oxygen;}
#select_id{box-shadow: 0px 0px 5px 1px forestgreen;}
#text_id1{;box-shadow: 0px 0px 5px 0px salmon;width:70%;}
#text_id2{box-shadow: 0px 0px 5px 0px red;width:70%;}
#text_id3{box-shadow: 0px 0px 5px 0px yellow;width:70%;}
#text_id4{box-shadow: 0px 0px 5px 0px blue;width:70%;}
#text_id5{box-shadow: 0px 0px 5px 0px forestgreen;width:70%;}
#textarea_id{box-shadow: 0px 0px 5px 0px salmon;width:70%;}
iframe{
  float: right;  
position: absolute;
top:50.2%;
    height:444px;
    margin-top:-222px;
    right:13%;
    left:46%;
}
#footer{
     z-index:1998;
        clear: left;
    background: #313131;
    position: fixed;
    bottom: 0px;
    color: #838383;
    font-family: oxygen;
    width: 100%;
    text-indent: 30px;
    font-size:11px;
}
#feedback{position: absolute;height:448px;width:350px;left:13%;top:50%;margin-top:-224px;}
#feedback p{text-align:center;background:lightgreen;font-family:oxygen;font-size:13px;padding:5px;text-align:right;padding-right:40px;margin-left:90px;margin-top:421px;}
@media (min-width:768px) and (max-width: 1024px)  {
    iframe{left:500px;right:0px;}
}
@media (min-width:480px) and (max-width: 768px)  {
    div#cssmenu{position: fixed;z-index:1999;width:100%;top:0%;}
    #formular{position: absolute; top:260px; width:100%;left:0%;}
 iframe{float:none;top:845px;margin-bottom:25px;width: 100%;left:0px;}
    select, .wmfg_q{padding-bottom:25px;}
    .wmfg_q{width:0px;}
    input, textarea, select{left:15%;right:4%;position: absolute;margin-top:50px;}
    select{top:70px;left:15%;}
    .wmfg_btn{left:0%;right:0%;top:581px;width:100%;height:60px;}  
    .wmfg_layout_1{margin-left:0%;}
    .wmfg_layout_1 .wmfg_text{width:92%;}
    .wmfg_layout_1 .wmfg_textarea{width:92%;}
    .wmfg_layout_1 .wmfg_select{width:10%;}
    .wmfg_layout_1 .wmfg_btn{width:100%;top:494px;}
     div#feedback{top:762px;left:0%;position: absolute;height:27px;width:100%;}
div#feedback p{text-align:center;background:lightgreen;font-family:oxygen;font-size:13px;padding:5px;text-align:center;padding-right:0px;margin-left:0px;margin-top:0px;}
 div#footer{
        clear: left;
    background: #313131;
    position: fixed;
    bottom: 0px;
    color: #838383;
    font-family: oxygen;
    width: 100%;
    font-size:8px;
        text-align:center;text-indent: 0px
}
}
@media (max-width: 480px) {
    body{background-repeat: no-repeat;background-image: url(Handy_k.png);background-size:auto;}
     div#cssmenu{z-index:99;position: fixed;width:100%;top:0%;}
    #formular{position: absolute; top:260px; width:100%;left:0%;}
 iframe{float:none;top:845px;margin-bottom:25px;width: 100%;left:0px;}
    select, .wmfg_q{padding-bottom:25px;}
    .wmfg_q{width:0px;}
    input, textarea, select{left:4%;right:4%;position: absolute;margin-top:50px;width:100%;}
    select{top:70px;left:4%;}
    .wmfg_btn{left:0%;right:0%;top:581px;width:100%;height:60px;}
    .wmfg_layout_1{margin-left:0%;}
    #text_id1{box-shadow: 0px 0px 5px 0px salmon;width:90%;}
#text_id2{box-shadow: 0px 0px 5px 0px red;width:90%;}
#text_id3{box-shadow: 0px 0px 5px 0px yellow;width:90%;}
#text_id4{box-shadow: 0px 0px 5px 0px blue;width:90%;}
#text_id5{box-shadow: 0px 0px 5px 0px forestgreen;width:90%;}
#textarea_id{box-shadow: 0px 0px 5px 0px salmon;width:90%;}
    .wmfg_layout_1 .wmfg_text{width:92%;}
    .wmfg_layout_1 .wmfg_textarea{width:92%;}
    .wmfg_layout_1 .wmfg_select{width:20%;}
    .wmfg_layout_1 .wmfg_btn{width:100%;top:494px;}
    div#feedback{top:762px;left:0%;position: absolute;height:27px;width:100%;}
div#feedback p{text-align:center;background:lightgreen;font-family:oxygen;font-size:13px;padding:5px;text-align:center;padding-right:0px;margin-left:0px;margin-top:0px;}
div#footer{
        clear: left;
    background: #313131;
    position: fixed;
    bottom: 0px;
    color: #838383;
    font-family: oxygen;
    width: 100%;
    font-size:8px;
        text-align:center;text-indent: 0px
}
}