#begriff_close,
.bgw{
	background:#fff;
}

.sslicon,
.back-to-top .path{
	fill:#fff;
}

#header {
    margin: 0 auto 0px;
    overflow: hidden;
}

#begriffbox,
#footer_end,
#footer_end a{
	color:#fff;
}

#drw-button2 {
    display: block;
    position: fixed;
    z-index: 9999;
    top: 50%;
	width: 70px;
	height: 70px;
    right: 0;
    border: 0;
    outline: 0 !important;
    cursor: pointer;
}

.arrow::after{
	border-left: 10px solid #666;
}

#teamicon {
	background:url(../bilder/team.svg) no-repeat center top;
}	

#linksicon {
	background:url(../bilder/links.svg) no-repeat center top;
}

.mittig{
	margin: 0 auto 40px auto;
	float: none;
	clear: both;
}

#logo img {
    margin-top: 35px;
}

#teaser .slick-slide,
#teaser{
	height:550px !important;
}

#logo > a > img {
    height: auto;
    padding: 10px;
}

#kontaktboxheader {
    background-color: #eeeeee;
}

hr{
	border: none;
	height: 1px;
	display: inline-block;
	background-color: #eeeeee;
	width: 100%;
	margin: 20px 0;
}

h3{
	text-transform: uppercase;
}

h2 {
    color: #d2232a;
    font-size: 1.6rem;
}

legend {
	padding: 0 10px;
	color: #de2f1b;
	font-weight: 500;
	font-size: 18px;
  }

  fieldset {
	border: 1px solid #de2a1b;
	padding: 20px 20px 10px;
	margin-bottom: 80px;
  }

  select {
	border: 1px solid rgb(30,30,30);
	width: 100%;
	padding: 10px;
	font-size: 100%;
	color: #888;
	background-color: #fff;
  }

  textarea, select, input{
	  font-weight: 500;
  }

.leistungen {
    min-height: 350px;
    background: #eeeeee;
    padding: 40px;
	border-left: 1px solid #fff;
	border-bottom:  1px solid #fff;
	margin-bottom: 0;
}

.leistungen h3{
	line-height: 1.8rem;
}

.button{
	background-color: #d2232a;
	color: #fff;
	padding: 20px;
}

.button2{
	display: block;
}

.button:hover{
	background-color: #585859;
}

.arrow {
    padding: 20px 40px;
    background-color: #eee;
}

.arrow::after {
    top: 22px;
    left: 15px;
}

.leistungsboxen a:hover .leistungen{
	background: #e4e4e4;
}

.button{
	background-color: #d2232a;
	color: #fff;
	padding: 20px;
}

.button2{
	display: block;
}

#teaser {
	background-size: 100% auto !important;
}


#menu .on, #menu ul li a:hover{
	background-color: #c50024;
}

.fixheader{
	position: fixed;
	top: 0;
}

#headerbalken{

	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

@media (max-width: 1360px) and (min-width: 1201px){
	
	

}

@media (max-width: 1360px) and (min-width: 981px){
	
		
	#impressum.right {
		position: absolute;
		right: 0;
		margin-top: 5px;
		max-width: 320px;
	}

}

@media (max-width: 1200px) and (min-width: 981px){
	
	

}

@media (max-width: 980px) and (min-width: 781px){
	
	

}

@media (max-width: 780px) and (min-width: 481px){
	
	

}


@media (min-width: 780px) {

	

}

@media (max-width: 1680px) {
	
	
	.leistungen {
		min-height: 420px;
	}
}

@media (max-width: 1360px) {
	
	.leistungen {
		min-height: 645px;
	}

	#teaser {
		height: 450px !important;
		background-size: 100% auto !important;
	}


}


@media (max-width: 1200px) {

	/*Nur Design neu*/
	

	
}

@media (max-width: 980px) {
	
	#menu ul li a {
		padding: 28px 15px;
	}

	#menu ul {
		font-size: 14px;
	}

	#kontaktboxheader {
		font-size: 11px;
	}

	.leistungen {
		min-height: auto;
	}

	.spalte23, .spalte3{
		width: 100%;
	}

	#teaser {
		height: 350px !important;
		background-size: 100% auto !important;
	}
	
#drw-button2 {
	width: 50px;
	height: 50px;
}

	
}

@media (max-width: 780px) {

	#menu ul ul li{
		border-left:1px solid #fff;
		border-right:none;
	}
	
	/*#teaser:not(.liquid-slider) {
		margin-top: 150px;
		height: 300px !important;
	}
	
	#inhalt_teaser {
		margin-top: 250px;
	}*/

	#menu ul li a {
		padding: 12px 10px;
	}

	#menu ul {
		font-size: 15px;
	}

	body, .readtxt {
		font-size: 16px;
	}

	.leistungen {
		min-height: auto;
	}

	
	.spalte3.leistungen, .spalte3.halb{
		width: 100%;
	}

	.accordeon .klickopen, accordeon .klickbtn:hover {
		padding-left: 40px;
	}

	#teaser {
		height: 250px !important;
	}

	#teaser {
		background-size: 100% auto !important;
	}


}

@media (max-width: 480px) {
	
	/*#teaser:not(.liquid-slider) {
		height: 200px !important;
	}
	
	#inhalt_teaser {
		margin-top: 200px;
	}*/
	
	
	#teaser {
		height: 200px !important;
	}

	#logo > a > img {
		width: 350px;
	}

	
}