@charset "UTF-8";
/* Grau #a5adb3 Dunkelgrau #505048 Schwarz #1a1a18*/
body {
	font-family: 'calibri-regular', Helvetica, Arial, sans-serif;
	color: #505048;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	position: relative;
  background: #FFFFFF;
}
@media screen and (max-device-width: 479.98px){
  body {
    -webkit-text-size-adjust: none;
  }
}
a {
	color: #1a1a18;
}
a:hover, a:focus {
	color: #505048;
}
input::placeholder {
  font-size: 14px;
  color: #202C3C !important; 
}
.form-control {
  border-color: transparent !important;
  background-color: #F4F2EF !important;
}
h2 {
	font-family: 'calibri-light', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 60px;
	margin-bottom: 40px;
  color: #c20736;
}
h3 {
	font-family: 'calibri-regular', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 30px;
	margin-bottom: 20px;
}
p {
  font-family: 'calibri-light', Helvetica, Arial, sans-serif;
	color: #706f6f;
  font-size: 16px;
}
ul.arrow {
	padding-left: 0;
}
.text-primary {
	color: #000000 !important;
}
.light-font {
	font-weight: 300;
}
.btn {
	font-size: 16px;
	font-weight: 400;
	padding: 0.375rem 1.35rem;
	transition: all 0.3s ease;
}
.nohyphens * {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}
.rechner {
	position: absolute;
	z-index: 100;
	top: 0;
	width: calc(100% - 30px);
	height: 348px;
	margin: 20px 0 0 0;
	padding: 15px;
}
.rechner form {
	text-align: left;
	color: #1a1a18;
}
.rechner form .row {
	padding: 0;
	margin: 0;
}
.rechner form .col-6 {
	padding: 0;
	margin: 0 5px;
	width: calc(50% - 10px);
	max-width: calc(50% - 10px);
}
#submitbutton, .btn-special {
	width: calc(100% + 20px);
	margin-left: -10px;
	font-weight: 400;
	font-size: 16px;
	margin: 0.5rem;
	padding: 0.7rem 1.6rem;
	line-height: 1.8;
  color: ##ffffff;
  border-color: #c20736;
  background-color: transparent;
}
#submitbutton:hover, .btn-special:hover {
  color: #fff;
  background-color: #c20736;
}
@media (max-width:767px){
  .rechner {
    left: 50%;
    transform: translate(-50%, -50%);
    top: 250px;
    height: 400px;
    margin: 0;
  }
  #rechnerhead {
    font-size: 24px;
    margin-bottom: 20px; 
  }
}
p.abbinder {
  font-family: 'calibri-regular', Helvetica, Arial, sans-serif;
	color: #202C3C;
  font-size: 14px;
  float: right;
  margin-top: 30px;
}
p.abbinder img {
  max-width: 100px;
}