@import url("reset.css");
@charset "UFT-8";

/*algemein*/
 html {
  scroll-behavior: smooth;
}
body {
	
	font-family: 'Open Sans Condensed', sans-serif;
}

a{
	text-decoration: none;
	
}

.menu:hover {

	text-decoration: underline;
	

}



.border {
	
	border: 2px solid;
	border-color: #ebc599;

}



.borderbottom {
	
	border-bottom: 2px solid;
	border-style: none none solid none;
	border-color: #ebc599;
}

.bordertop {
	
	border-bottom: 2px solid;
	border-style: solid none none none;
	border-color: #ebc599;
}


#border {
	
	border: 2px solid;
	border-color: #ebc599;
}


#border:hover {
	
	border: none;
	zoom: 200%;
	
	
}

.bordertext {
	padding: 20px;
	border: 2px solid;
	border-color: #ebc599;
}

.block{
	margin: 20px 0px;
	padding: 20px 0px;
	background-color: #ebc599;
	color: #052c1d;
	font-size: 25px;
	text-align: center;
	border: double;
}

.block2{
	margin: 60px 0px;
	padding: 10px 10px 20px 10px;
	background-color: #ebc599;
	border: double;
	

}

.block2:hover{

	background-color: #ffe0be;
	border: double;
	text-decoration: none;

}

.blocktext{
	margin: 60px 0px;
	padding: 40px 40px 40px 40px;
	background-color: #ebc599;
	color: #052c1d;
	font-size: 23px;
	text-align: center;

	


}

.block:hover{
background-color: #ffe0be;	
border: double;
text-decoration: none;
text-decoration: none;



}
wrapper {
	display: block;
	/*max-width: 1000px;*/
	margin: 0 auto;
	background-color: #052c1d;

}




/*header*/
footer {
	background-color: #052c1d;
	margin-left: 5%;
	margin-right: 5%;
	padding-bottom: 40px;
	

	

}

header {
	width: 100%;
	background-color: #052c1d;
	color: #052c1d;
	/*top: 20px;*/
	position: fixed;
	padding-top: 10px;
	padding-left: 5%;
	padding-right: 5%;
	
	border-color: red;
	border: so;
	


	z-index: 10;
	text-align: left;
}

.logo {
	
	max-width: 140px;
	margin: 20px 0px 0px 0px;

}

.between {
	height: 130px;
}

.menu {
	padding-bottom: 20px;

}

.footer {
	
	font-size: 20px;
	padding: 20px 3%;
	margin-bottom: 15px;
}


.foto {
	padding-top: 20px;
	padding-bottom: 0px;

}


/*main*/
main {
	margin: 00px 00px;
	padding: 30px 5% 00px 5%;

}

/*Text*/

/*font-family: "itc-american-typewriter-cond", serif;
font-weight: 300;
font-style: normal;

font-family: "itc-american-typewriter-cond", serif;
font-weight: 300;
font-style: normal;

font-family: "gill-sans-nova", sans-serif;
font-weight: 200;
font-style: normal;

font-family: "gill-sans-nova", sans-serif;
font-weight: 200;
font-style: italic;

*/

h1 {
	color: #ebc599; 
	font-size: 50px;
	padding: 40px 0px 0px 0px;
	text-align: center;
font-family: "gill-sans-nova-inline", sans-serif;
font-weight: 200;


}

h2 {
color: #ebc599;
	line-height: 35px;
	font-size: 25px;
	text-align: center;

	font-family: "gill-sans-nova-black", sans-serif;
	font-weight: 200;


}

h3 {
color: #ebc599;
	line-height: 30px;
	font-size: 25px;
	text-align: center;

	font-family: "gill-sans-nova", sans-serif;
	font-weight: 200;
	font-style: italic;

}


h4 {
	color: #ebc599; 
	font-size: 25px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-family: "itc-american-typewriter", serif;
font-weight: 300;


}
h5 {
	color: #052c1d; 
	font-size: 25px;
	text-align: center;
	font-family: "gill-sans-nova", sans-serif;
	font-weight: 200;
	


}

h6 {
	color: #ebc599;
	line-height: 25px;
	font-size: 18px;
	text-align: center;
	font-family: "gill-sans-nova", sans-serif;
	font-weight: 200;
	font-style: normal;

}


p {
	color: #ebc599;
	line-height: 35px;
	font-size: 25px;
	text-align: center;

	font-family: "gill-sans-nova", sans-serif;
	font-weight: 200;

} 

/*Text*/

/*wraps*/
.none_flex {
	width: 100%;
}

.flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}
.space-between {
	justify-content: space-between;
}
.col-3 {
	width: calc(33.33333333% - 30px );
}
.col-2 {

	width: calc(66.66666666% - 20px );
}
.col-7 {

	width: calc(10% - 20px );
}

.col-22 {

	width: calc(50% - 10px );
}
/*wraps*/


/*Padding class*/
.padding_top_ten {
	padding-top: 10px;
}

.padding_top_thirty {
	padding-top: 30px;
}

.padding_top_twenty {
	padding-top: 20px;
}

.padding_top_sixty {
	padding-top: 60px;
}
.padding_top_fifty {
	padding-top: 50px;
}

.margintop {
	margin-top: 30px;
}
/*Padding class*/

.textright {
	text-align: right;
}


.link:hover{
	border-style: solid;
	border-color: #ebc599;

}

.menu:hover{
	text-decoration: underline;
}


/*Mediaqueries*/
@media screen and (max-width: 1000px) {
	

.logo {

	max-width: 120px;
	margin: 30px 0px 0px 0px;

}

.foto {
	padding-top: 110px;
	padding-bottom: 0px;

}

h3 {
	
	font-size: 20px;

}
h6 {
	color: #ebc599;
	line-height: 25px;
	font-size: 15px;

}
	
p {
	
	
	font-size: 20px;
}


@media screen and (max-width: 600px) {
	

.logo{
	max-height: 0px;
}

h3 {
	
	font-size: 20px;

}

	
p {
	
	
	font-size: 20px;
}



/*Text*/
h1	{
	
	
	font-size: 45px;
}

h2 {
	
	font-size: 23px;
	padding: 30px 0px 15px 0px;

}


h3 {
	
	font-size: 23px;

}
	
p {
	
	
	font-size: 23px;
}
/*
.bordertext{
	padding-top: 0px;
}*/

/*Text*/

/*wraps*/
.none_flex {
	width: 100%;
}

.flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}
.space-between {
	justify-content: space-between;
}
.col-3 {
	width: 100%;
}
.col-2 {
	width: 100%;
}
/*wraps*/

.padding_top_thirty {
	padding-top: 20px;
}


.padding_top_sixty {
	padding-top: 50px;
}

@media screen and (max-width: 600px) {
	
.col-3 {
	width: 100%;
}
.col-2 {
	width: 100%;
}


.logo{
	max-height: -20px;
	margin: 0px 0px 0px 0px;

}



.menu{
	padding-bottom: 5px;
}

.foto {
	padding-top: 90px;
	padding-bottom: 0px;
	
}

footer {
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom: 40px;
}


/*Text*/
h1	{
	
	
	font-size: 40px;
}

h2 {
	
	font-size: 20px;
	padding: 30px 0px 15px 0px;

}


h3 {
	
	font-size: 20px;
	padding: 0px 40px 0px 40px;
	margin-bottom: 20;
}
	
p {
	
	
	font-size: 20px;
}


/*wraps*/

.col-7 {

	width: calc(50%);
}


/*wraps*/

.between{
	height: 60px;
}

.margintop{
	margin-top: 18px;
}
.padding_top_thirty {
	padding-top: 15px;
}
.padding_top_sixty {
	padding-top: 30px;
}
.padding_top_fifty {
	padding-top: 0px;
}


	} /*Media*/