@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');

html{
	
	position: relative;
	min-height: 100%;
	
}

body{
	
	font-family: "Roboto", sans-serif;
	font-size: 100%;
	height: 100%;
	margin-bottom: 81px;
	font-variant-ligatures: none;
	/*background-image: url("../img/header_bg.jpg");
	background-size: contain;
	background-position: center top;
	background-repeat: no-repeat;*/
}

a{
	color: #6f1c1c;
	font-weight: 300;
	font-size: 17px;
}


.navbar-nav {

    padding-left: 3em;
    margin-top: 38px;
 
}

input[type="text"] {

    
    border: transparent;
    border-bottom: 1px solid lightgrey;
    border-radius:0;
}

textarea{
	
	border:transparent !important;
	border-bottom: 1px solid lightgrey !important;
}

label{
	
	margin-bottom: 0px !important;
	font-weight: 200 !important;
	
}

.nav-link{
	
	font-family: "Roboto", sans-serif;
	font-weight: 200;
	text-transform: uppercase;
	
	}

h1{
	font-weight: 800;
	font-size: 42px;
	color:#701c21;
	
}

p{
	font-weight: 200;
	color: #222;
	font-size: 17px;
	line-height: 1.4;
	font-variant-ligatures: none;
	
}

.border{
	
	border: 1px solid lightgrey;
	padding: 1em;
}

.card{
	
	margin-top: 4vh;
	background-color: rgba(255, 255, 255, 0.9);
	
	color: #222;
	z-index: 999999;
	font-weight: 100;
}

.card-header{
	
	color: #6f1c1c; 
	font-weight:400;
}
.card-block{
	
	padding-top: 2em;
}

.contact_button{
	
	background-color: transparent;
	border: 1px solid #6f1c1c;
	color: #222;
	cursor: pointer;
	font-weight: 100;
	
	
}

.contact_button:hover{
	
	background-color: rgba(113, 28, 34, 1);
	border: 1px solid grey;
	color: white;
	cursor: pointer;
	transition: .7s;
	
	
}

.header_avey{
	width: 100vw;
	height: 60vh;
	margin-bottom: 2vh;	
	
	background-image: url("../img/header_bg.jpg");
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.header_avey_impressum{
	width: 100vw;
	height: 60vh;
	margin-bottom: 2vh;		
	
	
	background-image: url("../img/header_bg_impressum.jpg");
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}


.header_avey_contact{
	width: 100vw;
	height: 60vh;	
	margin-bottom: 2vh;	
	
	background-image: url("../img/header_bg_contact.jpg");
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
}

.header_avey_impressum h2, .header_avey_impressum table,.header_avey_impressum h3,.header_avey_impressum h4 {
	
	color: white;
}

.logo_wrapper{
	
	padding-top: 2vh;
	padding-left: 6vw;
}

.main_content{
	
	padding: 0vh 6vw 20vh;
	background-color: white
}

.main_content_contact{
	
	padding: 4vh 8vw;
	background-color: rgba(113, 28, 34, 0.9);

}

.main_content_impressum{
	margin-bottom: 100px;
	margin-top: 4vh;
	padding: 6vh 3vw;
	background-color: rgba(113, 28, 34, 0.9);
	
}

.main_content_contact p, .main_content_contact h1, .main_content_impressum p, .main_content_impressum h1{
	

	color: white; 
}

.main_content .small_h1,.main_content_contact .small_h1, .main_content_impressum .small_h1 {
	
	color: #363636;
	font-size: 22px !important;
	font-weight: 300;
}

.main_content_contact .small_h1, .main_content_impressum .small_h1{
	
	color: white;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: auto;
  background-color: transparent;
  border-top: 1px solid rgba(113, 28, 28, 0.2); 
  font-weight: 800;
  padding-top: 1em;
  box-shadow: -4px 0 12px rgba(0,0,0,.1);
  
}



@media only screen and (max-width: 1200px) {
	
.header_avey, .header_avey_contact, .header_avey_impressum{

	height: 35vh;
	

	}	
.main_content_impressum{
	
	margin-top: 18vh;
	
	
}

.card{
	
	margin-top: 0vh;
	
}



.main_content .small_h1,.main_content_contact .small_h1, .main_content_impressum .small_h1 {
	
	color: #363636;
	font-size: 18px !important;
	font-weight: 300;
}

.footer a,.footer p {
	font-size: 12px;
}

.contact_mobile_margin_top{
	
	margin-top: 20vh;
}

}

@media only screen and (max-width: 900px) {
	
.header_avey, .header_avey_contact, .header_avey_impressum{

	height: 30vh;
	

	}	
	
}	
	

@media only screen and (max-width: 768px) {
	
.header_avey, .header_avey_contact, .header_avey_impressum{

	height: 25vh;
	

	}	
	
}	
	
@media only screen and (max-width: 414px) {
	
.header_avey, .header_avey_contact, .header_avey_impressum{

	height: 20vh;
	

	}	
	
	
}