#umfrageNavi #navi_wrapper .row .mobil_nav_bg, .burger{
  /*display: none!important;*/

}

#umfrage .item{
min-height: 300px;
}

#umfrage .item h1{
font-size: 1.4em;
}

#umfrage .item textarea{
  border: 1px solid rgba(0,0,0,0.2);
-webkit-border-radius: 4px;
background-color: transparent;
height: 150px;
width: 100%;
max-width: 700px;
margin: 0 auto;
padding: 10px 10px 6px 10px;
display: block;
position: relative;
font-size: 1.2em;
z-index: 2;
    
  }


.th3_google_icon{
  display: block;
  width: 140px;
  height: 183px;
  background-image: url('./google_icon.png');
  background-repeat: no-repeat;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0 0;
margin: 10px auto;
}

.hide_uf{
  display: none!important;
}

.umfrageTeaser #teaser_halbhoch .headerimg,
.umfrageTeaser #teaser_halbhoch{
  height: 300px;
 
}


.google_uf{
  display: none;
  margin: 0 auto;
  text-align: center;
}

#umfrage{
  display: block;
  clear: both;
margin-bottom: 30px;
}


#th3_umfrage{
  width: calc(100% - 80px );
  min-height:300px; 
}


.umfragelabels{
  width: 360px;
  margin: 15px auto;
  height: 50px;

}

.label1{ margin-top: 10px;  float: left; width: 100px; height: 30px; }
.label2{ margin-top: 10px;   float: left; width: 110px; height: 30px;  padding-left: 40px;}
.label3{ margin-top: 10px;   float: left; width: 100px; height: 30px;  text-align: right;}

#th3_umfrage .item{
  width: 100%;
  margin: 20px 0;
}



#th3_umfrage .item .bar-group{
  display: block;
  width: 300px;
  margin: 0 auto;

}



#th3_umfrage .fragenblock h1{
  display: block;
  margin: 20px 0;
  text-align: center;
  clear: both;
  

}







.bar-group > [type*="radio"]{ display: none; }
.bar-group > [type*="radio"] + label {
  display: block;
  float: right;
  width: 60px;
  height: 100px;
  cursor: pointer;
}
.bar-group > [type*="radio"] + label span {
  display: block;
  width: 23px;
  height: 100px;
  background-color: #e0e0e0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; 
  transition: .5s;
}

.bar-group > .r1 + label span { height: 20px; margin-top:80px;}
.bar-group > .r2 + label span {  height: 40px;  margin-top:60px;}
.bar-group > .r3 + label span {  height: 60px;  margin-top:40px;}
.bar-group > .r4 + label span {  height: 80px;  margin-top:20px;}


.bar-group > [type*="radio"] + label:hover span ,
.bar-group > [type*="radio"]:checked ~ label span,
.bar-group > [type*="radio"] + label:hover ~ label span,
.bar-group > [type*="radio"]:checked + label span{
  background-color: #000;
}




.next{
  border: 1px solid #000;
  background-color: #fff;
  display: block;
  padding: 8px 12px;
  text-align: center;
  width: 300px;
  margin: 20px auto;
  cursor: pointer;
  transition: .5s;
}

.next:hover, #th3_submit_umfrage:hover{
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
}

#th3_submit_umfrage{
  display: block;
  border: 1px solid #000;
  background-color: #fff;
  color: #000;
  padding: 8px 12px;
  text-align: center;
  width: 300px;
  /*left: calc(50% - 150px)!important;*/
  left:300px;
  margin: 20px auto;
  cursor: pointer;
  transition: .5s;
}