/* Global properties ======================================================== */
:root { --main-color: #ff8000; --second-color: #ff8000; --hlcolor1:#333; --hlfont1: 'Cushy'; --hlcolor2:#676767; --hlfont2: 'ExpresswayRg-Regular'; --txtfont: 'CoreHumanistSans';}
body { background:#fff; width:100%;  padding:0; margin:0; align-items: center; overflow:hidden;}

* {font-family: var(--txtfont); font-size: 13px; text-align:center;}
h1 {font-size: 16px; color: #fff;}

.alert,
.errIndicator {color: var(--second-color);}
.col-submit {height: 20vh;}

.formbg {background: #fff; padding: 5px;}

#mf_Datenschutz{padding: 15px;}

input, textarea {
  display: inline-block;
  position: relative;
  width: 90%;
  line-height: 22px;
  margin: 2px 5px;
  padding: 7px 5px 3px;
  border: 1px solid #f5f5f5;
  outline: none;
  color: #555;
  font-family: var(--txtfont);
  font-weight: bold;
  font-size: 14px;
  opacity: .6;
  transition: all linear .3s;
  box-shadow:inset 0 1px 2px rgba(0,0,0,0.18);
  border-radius:5px;
}
input.checkbox {
	margin-top: 10px; width: 25px;border: 1px solid #ccc;box-shadow: inset 0 0 0;margin: 0;
}
input:focus, textarea:focus {
  opacity: 1;
}
input.submitbtn {
  width: 60%; margin-top:12px;
  border: 2px solid #f8f8f8; background:var(--second-color); color: #fff; opacity: 1;
  font-weight: normal; letter-spacing:0.5px;padding: 5px 10px; border-radius: 7px;
  -webkit-appearance: none;
}
input.submitbtn:hover {background: #fff; color: var(--seconds-color); cursor:pointer;}
input.submitbtn:active {background: #ffcc00;}