/* CSS Document */

body {
	font-size: 16px; 
	font-family: 'Montserrat', sans-serif;
	font-weight: 200; 
	color:#787878
}


h1
{
	font-weight: 500; 
	text-transform: uppercase;
	font-style: normal !important;
	font-size: 1.5em; 
	text-align: center
}
#logo_container {
	width: 80%; 
	padding-top: 50px;
	max-width: 630px; 
	display: block;	
	margin:auto auto;
}
#logo_container img {
	display: block; 
	width: 100%; 
	height: auto
}
hr {
	height: 3px;
    color: #E20514;
    background: #E20514;
    font-size: 0;
    border: 0;
	max-width: 300px; 
	margin:auto auto;
}
#hr-container {
	padding-top:50px; 
	padding-bottom:50px
}
#kontakt-buttons {
	text-align: center
}
#kontakt-buttons a, 
#kontakt-buttons span#kontakt-trenner{
	display: inline-block; 
	border: 3px solid #E20514; 
	color:#E20514;
	padding: 10px; 
	padding-top: 15px; 
	padding-bottom: 15px;
	text-decoration: none;
	font-size: 1.2em; 
	width:250px; 
	text-align: center; 
	transition: all 0.3s ease;
}

#kontakt-buttons a.m:before {
	content:"office@"
}
#kontakt-buttons a.m:after {
	content:"strahlegger.at"
}


#kontakt-buttons span#kontakt-trenner {
	width: 50px; 
	border: 0; 
	padding: 13px
}
#kontakt-buttons a:hover {
	background-color: #E20514;
	color: #fff
}
#impressum {
	text-align: center; 
	padding-top:50px; 
}
a {
	color: #E20514
}





.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ms-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-ms-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;	

}	
.fadeIn.fade1 {
		-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;

}	
.fadeIn.fade2 {
	-webkit-animation-duration: 3s;
	-moz-animation-duration: 3s;
	-ms-animation-duration: 3s;
	-o-animation-duration: 3s;
	animation-duration: 3s;
}	
.fadeIn.fade3 {
	-webkit-animation-duration: 5s;
	-moz-animation-duration: 5s;
	-ms-animation-duration: 5s;
	-o-animation-duration: 5s;
	animation-duration: 5s;
}	




@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}
@-ms-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}


@media (max-width: 700px) {
	#kontakt-buttons span#kontakt-trenner {
		display: none;
	}
	#kontakt-buttons a {
		display: block;
		max-width: 250px; 
		margin: auto auto; 
		margin-top:20px
	}
	h1 {
		1em
	}
	
}