*, html {
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS;
	line-height: 1.8;
/*	height: 100%;*/
}

body {
	background-image: url(background.jpg);
	background-size: 100vw 100vh;
	background-repeat: no-repeat;
	background-attachment: fixed
/*	background-color: #1a1712;*/
}

@media only screen and (max-width: 600px) {
	body {
		background-image: url(backgroundmobile.jpg);
	}
}

p {
	font-size: calc(12px + 0.5vw)
}

#content {
	display: grid;
	grid-template-rows: 1fr 10vh;
}

#header {
	z-index: 2;
	width: 100%;
	height: 8vw;
	position: fixed;
	background-image: url(Header.png);
	background-size: 100vw 100%;
	background-repeat: no-repeat;
}

#header a {
	text-decoration: none;
	color: white;
/*	padding: 1vw;*/
}

#links {
	max-width: 60%;
	font-style: italic;
	font-size: calc(8px + 0.5vw);
/*	border: solid blue 0.1vw;*/
	position: absolute;
	bottom: 0;
/*	display: inline-block;*/
	padding: 0;
	color: white;
	padding-left: 0.5vw;
/*	margin-top: 5vw;*/
}

@media only screen and (max-width: 600px) {
	#header {
		height: 13vh;
	}

	#footer {
		height: 17vh;
	}
}

#FahrtLogo {
	position: relative;
	width: auto;
	height: 100%;
	float: right;
	padding-right: 1vw;
}

#logos {
/*	position: relative;*/
	height: 50%;
/*	border: blue solid 0.1vw;*/
	margin: 0;
	width: auto;
	padding-left: 0.5vw;
}

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

	#FahrtLogo {
		width: auto;
		height: 100%;
		padding: 0;
	}
}

#main {
	padding-top: 7vw;
	width: 70%;
	margin: auto;
}

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

	#main {
		width: 95%;
		padding-top: 12vh;
	}
}

.section {
	padding: 0;
	width: 100%;
	height: 10vw;
	/*border: red solid 1vw;*/
}

.top {
	width: 100%;
	margin-bottom: -4vh;
/*	border: red solid 1px;*/
	height: 10vw;
}

#footer {
	background-color: darkred;
/*	background-size: 100% 100%;*/
	height: 15vh;
}

.right {
	margin-top: 2vw;
	margin-bottom: 2vw;
}

.line {
	display: inline-block;
	width: 30%;
	vertical-align: middle;
	padding: 1.5%;
	image-orientation: from-image;
}

.line img {
	image-orientation: from-image;
}

@media only screen and (max-width: 600px) {
	.line {
		width: 45%;
		image-orientation: from-image;
	}
}

.text {
	background-color: #fafafa;
	padding-top: 0;
	margin-top: 0;
}

.images {
	padding-top: calc(7px + 0.5vw);
	padding-bottom: calc(7px + 0.5vw);
	width: 95%;
	text-align: center;
	margin: auto;

}

.Glaubenszeuge {
	border: rgb(255, 0, 0, 1) solid 0.2vw;
	border-radius: calc(5px + 1.5vw);
	background-color: rgb(255, 0, 0, 0.2);
	width: 90%;
	margin: auto;
	margin-top: calc(5px + 1vw);
	margin-bottom: calc(5px + 1vw);
}

.blue {
	border: rgb(0, 0, 255, 1) solid 0.2vw;
	border-radius: calc(5px + 1.5vw);
	background-color: rgb(0, 0, 255, 0.2);
	width: 90%;
	margin: auto;
	margin-top: calc(5px + 1vw);
	margin-bottom: calc(5px + 1vw);
}

span {
	text-decoration: underline;
}

hr {
	color: lightgrey;
	width: 70%;
	margin-left: 5%;
	margin-top: calc(5px + 1vw);
	margin-bottom: calc(5px + 1vw);
}

.Dokument {
	border: rgb(255, 200, 0, 1) solid 0.2vw;
	border-radius: calc(5px + 1.5vw);
	background-color: rgb(255, 200, 0, 0.2);
	width: 90%;
	margin: auto;
	margin-top: calc(5px + 1vw);
	margin-bottom: calc(5px + 1vw);
}

.image {
	position: relative;
	margin: auto;
	width: 50%;
	overflow: auto;
	padding: 1.5%;
	image-orientation: from-image;
}

@media only screen and (max-width: 600px) {
	.image {
		width: 100%;
		padding: 0;
		margin: auto;
		margin-bottom: calc(5px + 1vw);
		margin-top: calc(5px + 0.5vw);
	}
}

.rightimg {
	float: right;
}

.leftimg {
	float: left;
}

h1 {
	font-size: calc(14px + 1.5vw);
	text-align: center;
	padding-top: calc(10px + 1.2vw);
	padding-bottom: calc(10px + 2vw);
	padding-left: calc(5px + 3vw);
	padding-right:  calc(5px + 3vw);
}

h2 {
	font-size: calc(12px + 1.4vw);
	padding-top: calc(10px + 1.2vw);
	padding-bottom: calc(6px + 1vw);
	padding-left: calc(5px + 3vw);
	padding-right:  calc(5px + 3vw);
}

h3 {
	font-size: calc(10px + 1vw);
	padding-top: calc(10px + 1.2vw);
	padding-bottom: calc(1px + 0.3vw);
	padding-left: calc(5px + 3vw);
	padding-right:  calc(5px + 3vw);
}

p {
	padding: 1vw;
	padding-left: calc(5px + 3vw);
	padding-right:  calc(5px + 3vw);
}

.info {
	border: red solid 0.3vw;
	border-radius: 2vw;
	background-color: lightyellow;
	padding: 1vw;
	margin-top: 3vw;
	margin-bottom: 3vw;
	margin-left: 3vw;
	margin-right: 3vw;
}

#footer a {
	color: white;
	font-size: calc(7px + 0.8vw);
}

#footer p {
	vertical-align: middle;
	color: white;
	text-align: center;
}

/*@media only screen and (max-width: 600px) {
	.nav {
		padding-top: 50vh;
	}
}*/