/* ============ Akademiebrief =============================== */


.akaframe {background-color: #f8f8f8; border:1px solid #4F4F4F;}



form {
  width: 100%;
  margin:0 auto;
}

.box {
        background:#FFFFFF;
        padding:0em;
}

.box div {
        clear: both; /* fix for IE8 */
}

/* remove standard-styles */
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height:60px;
  width: 100%;
  font-family: 'Roboto', sans-serif;
        font-size: 120%;
        font-weight: 300;
        letter-spacing: .09em;
        color: #000000;
        text-align:center;
}



/* Input  */
input {
  background-color:#f3ffee;
  border: 1px solid #AFAFAF;
  padding:.5em 1em .5em 1em;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #91c214;
   opacity:  0.6;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #91c214;
   opacity:  0.6;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #91c214;
   opacity:  0.6;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #91c214;
   opacity:  0.6;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #91c214;
   opacity:  0.6;
}

::placeholder { /* Most modern browsers support this now. */
   color:    #91c214;
   opacity:  0.6;
}




input:hover,
input:active,
textarea:hover,
textarea:active {
  border:1px solid #007F00;
}



@media screen and (max-width:960px) {
        input { font-size: 120%;}

}


.feldemail {
  width: 50%;

  margin-top:0px;
  margin-left:15%;
  margin-right:2px;
  margin-bottom:10px;
  float:left;
}


.answer_button {
  height: 60px;
  width:  20%;
  margin-top:0px;
  border: 1px solid;
  border-color:#91c214;
  background-color:#91c214;

  font-family: 'Roboto', sans-serif;
  font-size: 80%;
  font-weight: 600;
  letter-spacing: .09em;
  color: #FFFFFF;
  line-height:1.3em;


  display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-transition: .3s ease-in-out;
  transition: .2s ease-in-out;
  cursor: pointer;
}



.answer_button:hover {
  border: 1px solid;
  border-color: #91c214;
  filter: brightness(1.1);
  transition: .2s ease-in-out;
}

@media screen and (max-width:960px) {
        .akaframe {background-color: none; border:1px solid #4F4F4F; padding:0 10px 0 10px;}
        .feldemail       { width: 96%; margin-left:2%;}
        .answer_button   { width: 96%; margin-left:2%;}
}






/* ========== business-seite ============== */

.business  {
  background-color:#eef9ff;
  border: 1px solid #AFAFAF;
  padding:.5em 1em .5em 1em;
}



.business:hover{
  border:1px solid #2c5188;
}


.blue {
  background-color:#2c5188;
  border-color: #2c5188;
}

.blue:hover {
  border-color: #2c5188;

}