/*input[type=text]{width:270px;}/*		/*überschreibt die size eigenschaft es input elements, hat keinen Effekt bei dynamischer generierung, daher in js zugewiesen*/
button{height:unset}
@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
  input[type=text]{width:170px;}		/*überschreibt die size eigenschaft es input elements */
  button{height:50px}
}

body{font-size:unset;}			/*weil in typo3 horvat.css der fontsize auf 10px gestellt ist */
h3{font-size:unset; font-style:unset}

.ui-widget .ui-widget {
	font-size: unset;
}

html
{
   font-family: Arial;
   background-color:white;
}
body{margin:0px;}
.ui-state-active{
    background-color:#296828;
	border:#296828;
}
.ui-accordion .ui-accordion-content {
	padding:0em;
}
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.button {
	  font: bold 1.2em Arial;
	  text-decoration: none;
	  background-color: #EEEEEE;
	  color: #333333;
	  padding: 2px 6px 2px 6px;
	  border-top: 1px solid #CCCCCC;
	  border-right: 1px solid #333333;
	  border-bottom: 1px solid #333333;
	  border-left: 1px solid #CCCCCC;
}
/*popup für erklärung*/
#backgroundOverlay{
    background-color:transparent;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:block;
}
#popup{
    background-color:#fff;
    position:absolute;
    margin-left:10px;
    margin-right:10px;
    margin-top:10px;
    margin-bottom:10px;
    z-index:500;
}

@media(max-width: 689px){
    li span {
    display: block;
    width: 100% !important;
    float: none !important;
}

li[role="option"] {
    margin-bottom: 8px;
}
body{
    max-width: 100%;
}
}

input{
    max-width: 150px;
}