html {
	font-size:70%;
}
body {
	margin: 0px;
	line-height:1.5rem;
	font-size: 1rem;
	font-family: Verdana, Geneva, sans-serif;
}
h1 {
	font-size:1.3rem;
	color:#233264!important;
}
h2 {
	font-size:1.5rem;
	line-height:2rem;
	color:#233264!important;
	margin-bottom:1rem;
}
h3 {
	font-size:1.3rem;
	color:#233264!important;
}
p {
    margin-bottom: 0.5rem;
}
footer {
	font-size: 0.9rem;	
}
#map {
	height:25rem;
}
a {
	color:#004B96;
}
.logo img {
	width: 18rem;
	display:block;
	margin-top: 0rem;
	margin-bottom:2rem;
}
.header-teaser {
	width: 22rem;
	display:block;
	position:relative;
	background-image: url(../img/klammer.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 22rem auto;
	padding-top: 0.1rem;
    padding-bottom: 0.1rem;
	margin:auto;
}
.header-teaser img{
	width:5rem;
	position:absolute;
	right:1.6rem;
	bottom:2rem;
}
.header-teaser ul{
	padding-left: 1rem;
	font-size: 0.9rem;
}
.info-one{
	line-height:1.65rem;
}
.info-one .teaser-box{
	width:100%;
	font-size:0.9rem;
}
.info-one .teaser-box .btn{
	font-size:1rem;
	font-weight:700;
}
.info-two img{
	width:7rem;
}
.info-three .row{
	position:relative;
}
.info-three .teaser-box{
	width:100%;
	font-size:0.9rem;
}
.info-three .circle {
  padding-top:2.3rem;
  width:10rem;
  height:10rem;
  line-height:1.25rem;
  font-size:1rem;
}
.info-three .circle span{
  font-size:1.5rem;
  line-height: 2rem;
}

.jumbotron img {
	width: 100%;	
}
.brands img {
	width: 100%;	
}
.border-primary {
	border-color:rgb(240,200,10)!important;
}
.border-wide {
	border-width:24px!important;
}
.text-dark {
	color:#373737!important;
}
.text-primary {
	color:rgb(240,200,10)!important;
}
.text-secondary{
	color:#233264!important;
}
.bg-primary {
	background-color:rgb(240,200,10)!important;
}
.bg-secondary {
	background-color:rgb(230,233,236)!important;
}
.btn-primary {
	background-color:rgb(240,200,10)!important;
}
.circle {
  display:block;
  width:8rem;
  height:8rem;
  line-height:8rem;
  font-size:1.25rem;
  margin:auto;
}
.contact-teaser{
	margin-left:3rem;
}

#myCarousel {
	padding:0;
	height:auto;
	overflow: hidden;
	text-align:center;
	width:100%;
}
#myCarousel img{
	width:100%
}
.carousel-control-prev-icon {
    background-image: url(../img/pfeil_links.png);
}
.carousel-control-next-icon {
    background-image: url(../img/pfeil_rechts.png);
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 4rem;
    height: 4rem;
}
.carousel-control-next, .carousel-control-prev {
    width: 12%;
}
footer span.copy{
	display:block;
	width:100%;
	margin:auto;
}
footer div.links{
	display:block;
	width:100%;
	margin:auto;
}
a.topLink{
	width:42px;
	height:42px;
	margin-left:-21px;
	padding-top:6px;
	box-sizing:border-box;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	position:fixed;
	left:50%;
	bottom:5px;
	background-color:rgb(240,200,10)!important;
	border:solid 1px rgb(240,200,10)!important;
	color:#fff;
	font-size:26px;
	text-align:center;
	cursor:pointer;
	-webkit-box-shadow:0px 3px 15px rgba(0,0,0,0.75);
	-moz-box-shadow:0px 3px 15px rgba(0,0,0,0.75);
	box-shadow:0px 3px 15px rgba(0,0,0,0.75);
	z-index:5;
}
.topLink:hover{
	background-color:#666666;
}

@media (min-width: 576px) {
	html {
		font-size:80%;
	}
	.header-teaser {
		width: 24rem;
		background-size: 24rem auto;
		padding-bottom: 1rem;
		padding-top: 0.5rem;
	}
	.header-teaser img{
		width:6rem;
		right:2rem;
		bottom:2rem;
	}
	.header-teaser ul{
		padding-left: 1rem;
		font-size: 0.9rem;
	}
}


@media (min-width: 768px){
	html {
		font-size:90%;
	}
	.overlay {
		position:absolute;
		z-index:999;
		left:0rem;
	}
	.logo img {
		width: 18rem;
		margin-top: 4rem;
	}
	.header-teaser {
		width: 23rem;
		background-size: 23rem auto;
		padding-bottom: 1rem;
	}
	.header-teaser img{
		width:5rem;
		right:2rem;
		bottom:2rem;
	}
	.header-teaser ul{
		padding-left: 1rem;
		font-size: 0.8rem;
	}
	.info-one .teaser-box{
		width:14rem;
		font-size:0.9rem;
	}
	.info-three .teaser-box{
		width:14rem;
		font-size:0.9rem;
	}
	.circle {
		width:8rem;
		height:8rem;
		line-height:8rem;
		font-size:1.25rem;
		margin-left:0;
		margin-right:0;
	}
	.contact-teaser{
		margin-left:0;
	}
	footer span.copy{
		float:left;
		width:auto;
	}
	footer div.links{
		float:right;
		width:auto;
	}
}
@media (min-width: 992px){
	.logo img {
		width: 21rem;
		margin-top: 4rem;
	}
	.header-teaser {
		width: 28rem;
		background-size: 28rem auto;
		padding-top:1.5rem;
		padding-bottom:4rem;
		margin-top:1rem;
	}
	.header-teaser img{
		width:7rem;
		right:2rem;
		bottom:2rem;
	}
	.header-teaser ul{
		padding-left: 1rem;
		font-size: 0.9rem;
	}
	.info-one .teaser-box{
		width:15rem;
		font-size:0.9rem;
	}
	.info-three .teaser-box{
		width:15rem;
		font-size:0.9rem;
	}
	.circle {
	  margin-left:4rem;
	  margin-right:0;
	}
}

@media (min-width:1024px){
	.logo img {
		width: 23rem;
		margin-top: 4rem;
	}
	.header-teaser {
		width: 28rem;
		background-size: 28rem auto;
	}
	.header-teaser img{
		width:7rem;
		right:2rem;
		bottom:2rem;
	}
	.header-teaser ul{
		padding-left: 1rem;
		font-size: 0.9rem;
	}
}
@media (min-width:1140px) {

}
@media (min-width: 1200px) {

}