.formbox {  width: 50%; }

.formrow {
width: calc(50% - 8px);
margin-bottom: 7px;
float: left; 
margin-right: 8px; 
}

.full { 
margin-right: 8px; 
width: calc(100% - 8px); 
}

label { color: #969696; }
.radiolabel  { color: #333; }

.formrow textarea, .formrow select, input[type=text] {
box-sizing: border-box; 
border: none;   
font-family: 'Raleway';
height: 35px;
width: 100%;
padding-left: 10px;
margin-top: 3px;
-webkit-border-radius:0; 
border-radius:0;
background-color: #ededed;
-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.39);
-moz-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.39);
box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.39);
}

.formrow select { 
-webkit-appearance: none; 
background-image:url(images/select-arrow.png); 
background-position: right;
  background-repeat: no-repeat;
}

.formrow select:focus {  outline: 2px solid var(--blau);}

.formrow ::placeholder { 
color: grey; 
font-size: 15px; 
font-style: italic; 
}

input[type=text]:focus, textarea:focus { outline: 2px solid var(--blau); }

.formrow input[type="checkbox"], .formrow input[type="radio"] {
width: 20px;
height: 20px;
float: left;
margin: 0px 20px 15px 0px;
border: none;
box-shadow: none;
margin-top: 0px;
}

.formrow textarea {
height: 150px;
padding-top: 10px;
padding-left: 8px;
}

.buttonrow { text-align: right;}


.buttonrow input {
-webkit-border-radius:0; 
border-radius:0;
margin-top: 15px;
text-align: center;
padding: 10px 35px;
cursor: pointer;
font-size: 16px;
float: right;       
color: #fff;
font-weight: bold;
border: none; 
background: var(--blau); 
font-family: 'Raleway';
white-space: normal;
}   

.buttonrow .btn { 
width: 100%;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out; 
}

.buttonrow .btn:hover {
color: #fff;
background-color: var(--blau);
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}

option{ color: #333; }
option:first-child {color: #ccc; }   


@media screen and (max-width: 1024px) {     
  .formbox {width: 100%; }
  label { font-size: 16px; }
   .formrow select, input[type=text] { height: 40px; }
} /* --------------------- ende max 1024 ---------------------*/


@media screen and (max-width: 768px) {
  .formrow {width: 100%;  margin-bottom: 15px;}
} /* --------------------- ende max 1024 ---------------------*/