body {
    font-family: 'Open Sans', sans-serif;
	position:relative;
	color:#36404a;
}

textarea {
    resize: vertical;
}

#get {
    background: url(https://http-get.de/get.gif) no-repeat;
}

/* Google Maps on contact page */
.map {
    width: 100%;
    position: relative;
    height: 300px;
}

.map:before, .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.map:before {
    content: '';
    z-index: 1;
}

.map iframe {
    border: none;
}

.map.active {
    z-index: 1
}

.map.active:before {
    z-index: 0
}

.wpt img {
    max-width: 100px;
}

.powered-by {
    font-size: 14px;
    font-weight: 500;
}

.powered-by small {
    font-size: 10px;
}

.wpt-adress {
    font-size: 12px;
}

h2{
	position:relative;
	display:inline-block;
	background-color:#fff;
	font-weight:bold;
	z-index:2;
	padding-left:15px;
	padding-right:15px;
}
h3{
	font-weight:bold;
}
a{
	color:#177cd6;
}
a:hover{
	text-decoration:none;
}

.blau{
	color:#177cd6!important;
}
.bg-blau{
	background-color:#177cd6!important;
}
.bg-dark{
	background-color:#36404a!important;
}
.bg-light-gray{
	background-color:#f3f3f3!important;
}

.heading{
	position:relative;
	text-align:center;
	margin-bottom:2rem;
}
.linie{
	position:absolute;
	left:0;
	right:0;
	height:1px;
	top:50%;
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	background-color:#ebebeb;
	z-index:1;
}
.bild-unterschrift{
	display:block;
	text-align:center;
	text-transform:uppercase;
	padding:10px;
	font-weight:bold;
}
.circle{
	display:block;
	text-align:center;
	font-weight:bold;
	width:2.5rem;
	height:2.5rem;
	line-height:2.5rem;
	border-radius:50%;
}
.tiny{
	color:#585858;
	font-size:0.8rem;
	font-weight:bold;
}

.card-header-bg{
	display:block;
	height:150px;
	width:100%;
	background-size:cover!important;
}
.my-card .bildunterschrift{
	display:block;
	text-align:center;
	font-weight:bold;
	background-color:#fff;
	color:#36404a;
	font-size:1.5rem;
	padding:10px 15px;
}

.conversion-header{
	padding-top:20px;
	padding-bottom:20px;
}
.tel-ofz-container table:not(:last-child){
	margin-right:50px;
}

.navbar{
	padding:0 1rem;
}
.nav-link{
	text-transform:uppercase;
	padding:.625rem 1rem!important;
	color:#fff!important;
}
.nav-link:hover{
	background-color:#177cd6;
	color:#fff!important;
}
.img-header img{
	width:100%;
	height:auto;
}

.termin-banner-container{
	background-image:linear-gradient(to bottom, #f9f9f9 50%, #37414b 50%);
}
.termin-banner{
	padding:30px 15px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	-ms-transform:skewX(-10deg);
	transform:skewX(-10deg);
}
.termin-banner span, .termin-banner a{
	display:inline-block;
	-ms-transform:skewX(10deg);
	transform:skewX(10deg);
}
.termin-banner span{
	margin-right:25px;
}
.termin-banner a{
	padding:5px 10px;
	color:#fff;
	font-weight:normal;
	border:1px solid #fff;
	border-radius:3px;
}
.termin-banner a:hover{
	background-color:#fff;
	color:#177cd6;
}

.footer-main{
	background-color:#37414b;
	color:#fff;
	padding:2rem 0;
}
.footer-heading{
	font-size:1.5rem;
	line-height:1;
	font-weight:bold;
}
.footer-heading .tiny{
	font-size:0.8rem;
	color:#fff;
}
.footer-menu-heading{
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.2rem;
}
.footer-main a{
	color:#fff;
}

.to-top{
	position:fixed;
	text-align:center;
	right:15px;
	bottom:5px;
	height:40px;
	width:40px;
	line-height:36px;
	border:2px solid #177cd6;
	background-color:#177cd6;
	color:#fff;
}
.to-top:hover{
	color:#177cd6;
	background-color:#fff;
}

.heading h2{
	font-size:1.5rem;
}

#willkommen{
	padding-top:50px;
	padding-bottom:50px;
}
#qualität{
	padding-top:50px;
	padding-bottom:100px;
}
#leistungen{
	background-color:#f9f9f9;
	padding-top:25px;
	padding-bottom:50px;
}
#leistungen h2{
	background-color:transparent;
	padding-left:0;
	padding-right:0;
}
#content-unterseite{
	padding-top:50px;
	padding-bottom:50px;
}

@media screen and (max-width: 1199px){
	.navbar-brand img{
		max-width:200px;
	}
	.my-card{
		display:block;
		margin-bottom:1rem;
	}
}

@media screen and (max-width:767px){
	#willkommen, #content-unterseite{
		padding-top:30px;
		padding-bottom:30px;
	}
	#qualität{
		padding-top:0;
		padding-bottom:30px;
	}
	.navbar-brand img{
		max-width:100%;
	}
	.heading{
		margin-bottom:1rem;
	}
}