html {
	height: 100%;
}

body {
	height: 100%;
	background-image: url("bg3.jpg");
	 background-position: center;
	 background-size: cover;
	 background-attachment: fixed;
}

/* hauptmenü */

header {
	display: none;
	position: absolute;
	top: 0px;
	z-index: 1;
}

main {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	height: auto;
	padding-bottom: 0px;
}

main section {
	min-height: min-content;
	display: flex;
	flex-direction: row;
	margin-bottom: 20px;
}

main section article {
	min-height: min-content;
	flex: 1 1 0;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;		
}

.bildbox {
	width: 100%;
}

.bildbox img {
	width: 100%;
	border-radius: 0px;
}


.rechts, .links, .mitte {
	/*
		margin und padding hier ändern die maße der spalten!
		nicht machen!!
	*/
	display: block;
	width: 100%;
	font-size: 1.5em;
	line-height: .85em;
	font-weight: normal;
	padding: 8px 3px 4px 3px;
}

p.mitte { text-align: center;background-color: ;}

p.links { text-align: left;background-color: ;}

p.rechts { text-align: right; background-color: ;}

p.weiss {  background-color: white; }

a.start {
	transform: rotate(45deg);
	font-size: 2.8em;
	color: rgba( 255 , 255 , 255 , 1 );
	width: 20px;
	margin-left: 50%;
	font-size: 6em;
	background-color: ;
	/*transform-origin: top;*/
}

footer {
	position: fixed;
	bottom: 50%;
	left: 10px;
}
@media screen and (min-width: 801px) {

.klein {
	display: none;
}

}

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

body {
	overflow: scroll;
}

main section {
	display: flex;
	flex-direction: column;
}

.gross {
	display: none;
}

p.rechts { text-align: left;}

}