@import "landscape_fixedHeader.css"; /* Geiger, Martin Anthony Walter, Gruppe B, Dienstag*/

/* Hilfreiche CSS-Anweisungen zur Anwendung in Ihrer Aufgabe.

Sie koennen CSS-Statement (mit dem Muster "property: value")
hier abschauen und als Werte des HTML-Attributs "style"
punktuell "inline" einbauen.

Besser ist jedoch, CSS-Anweisungen an einer zentralen Stelle
wie in dieser Datei vorzuhalten, und ueber geeignete Selektoren
(in CSS) oder geeignete Attribute (insb. "class", "id")
von HTML aus wirksam werden zu lassen.
Vergeben Sie ggf. entsprechende Attribute an den richtigen Stellen!
*/



*	{
	font-family: Helvetica;
}

/* Nuetzliche Klassen */

.nowrap {
	white-space: nowrap;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.strikeout {
	text-decoration: line-through;
}
/* Style the header with a grey background and some padding */
.header {
	overflow: hidden;
	background-color: #f1f1f1;
	padding: 20px 10px;
}

/* Style the header links */
.header a {
	float: left;
	color: black;
	text-align: left;
	padding: 12px;
	text-decoration: none;
	font-size: 18px;
	line-height: 25px;
	border-radius: 4px;
}

/* Style the logo link (notice that we set the same value of line-height and font-size to prevent the header to increase when the font gets bigger */
.header a.logo {
	font-size: 25px;
	font-weight: bold;
	align-content: flex-start;
}

.img_logo {
	width: 680px;
	height: auto;
}
.img_ilu{
	align-content: center;
	width: 100%;
	height: auto;
}

/* Change the background color on mouse-over */
.header a:hover {
	background-color: #ddd;
	color: black;
}

/* Style the active/current link*/
.header a.active {
	background-color: dodgerblue;
	color: white;
}

/* Float the link section to the right */
.header-right {
	float: right;
}
.index_end{
	padding:50px 80px;
}

.div_floater{
	padding:50px 80px;
}

body, html {
	height: 100%;
	margin: 0;
	font: 400 15px/1.8 "Lato", sans-serif;
	color: #777;
	overflow-y: scroll;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
}
body::-webkit-scrollbar { /* hides Scrollbar in Chrome, Safari and Opera */
	display: none;
}
/*.bg {
	background-image: url(images/bg.jpg);
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}*/
.bgimg-1, .bgimg-2, .bgimg-3 {
	position: relative;
	opacity: 0.8;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-attachment: scroll;
}

@supports (-webkit-touch-callout: none) {
	/* CSS specific to iOS devices */
	.bgimg-1, .bgimg-2, .bgimg-3 {
		background-attachment: scroll;
	}
}

@supports not (-webkit-touch-callout: none) {
	/* CSS for other than iOS devices */
	.bgimg-1, .bgimg-2, .bgimg-3 {
		background-attachment: fixed;
	}
}
@-moz-document url-prefix() {
	/* CSS for other firefox devices */
		.bgimg-1, .bgimg-2, .bgimg-3 {
			background-attachment: fixed;
		}
}

.bgimg-1 {
	background-image: url(images/bg_small.jpg);
	min-height: 70%;
	background-position: center top;
}

.bgimg-2 {
	background-image: url(images/bg2_small.jpg);
	min-height: 80%;
}

.bgimg-3 {
	background-image: url(images/bg3_small.jpg);
	min-height: 80%;
}

.caption {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	color: #000;
}

.caption span.border {
	background-color: #111;
	color: #fff;
	padding: 18px;
	font-size: 25px;
	letter-spacing: 10px;
}

h3 {
	letter-spacing: 5px;
	text-transform: uppercase;
	font: 20px "Lato", sans-serif;
	color: #111;
	display: flex;
	justify-content: center;
	text-align: center;

}

/* Turn off parallax scrolling for tablets and phones */
/*@media only screen and (max-device-width: 1024px) {
	.bgimg-1, .bgimg-2, .bgimg-3 {
		background-attachment: scroll;
	}
}*/

/* Add media queries for responsiveness - when the screen is 500px wide or less, stack the links on top of each other */
@media screen and (max-width: 680px) and (orientation: portrait) {
	.header a {
		float: none;
		display: block;
		text-align: left;
	}
	.header-right {
		float: none;
	}
	.img_logo {
		width: 100%;
		height: auto;
	}
	.div_floater{
		padding:50px 20px;
		color: #777;
		background-color:white;
		text-align:left;
	}
	.index_end{
		padding: 50px 0px;
	}
	.bgimg-1, .bgimg-2, .bgimg-3 {
		background-attachment: scroll;
	}
	@-moz-document url-prefix() {
		/* CSS for other firefox devices */
		.bgimg-1, .bgimg-2, .bgimg-3 {
			background-attachment: fixed;
		}
	}
}