@charset "utf-8";
/* CSS Document */

html, body {
	font-size: 100,01%;
	text-decoration: none;
	height: 100%;
	width: 100%;
}

#header {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

#slider {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

#LogoStage {
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	top: 10%;
	width: 80%;
	max-width: 300px;
	height: 120px;
	padding: 15px 25px;
	margin: auto;
	background: rgba(255,255,255,0.5);
	backdrop-filter: blur(5px);
	box-shadow: 8px 8px 10px rgba(0,0,0,0.2);
}
#Logo {
	position: relative;
	width: 100%;
	height: auto;
}

#BUT-Mail {
	position: absolute;
	display: block;	
	left: 0;
	right: 0;
	bottom: 15%;
	width: 270px;
	height: 40px;
	margin: auto;
	padding: 15px 40px;
	text-align: center;
	box-shadow: 8px 8px 10px rgba(0,0,0,0.2);
}

#BUT-Mail:link,
#BUT-Mail:visited {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #f39200;
	font-size: 36px;
	font-weight: bold;
	background: rgba(255,255,255,0.6);
	backdrop-filter: blur(5px);
	-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
#BUT-Mail:hover,
#BUT-Mail:active,
#BUT-Mail:focus {
	color: #fff;
	background: rgba(243,146,0,1)
}

#footer {
	position: fixed;
	width: 100%;
	bottom: 0px;
	height: 20px;
	padding: 10px 0;
	text-align:center;
	background: rgba(255,255,255,0.6);
	backdrop-filter: blur(5px);
}

#footer a:link,
#footer a:visited {
	display: inline-block;
	text-decoration: none;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0 15px 0 15px;
	-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
#footer a:hover,
#footer a:active,
#footer a:focus {
	color: #000;
	text-decoration: underline;
}

/* Impressum */
#Impressum {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 60px 0;
	background: linear-gradient(180deg, rgba(170,175,175,1) 0%, rgba(255,255,255,1) 100%);
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	line-height: 18px;
}
#Impressum h1 {
	font-size: 28px;
	color: #333;
	margin: 40px 0 20px 0;
}

#Impressum h2 {
	font-size: 18px;
	color: #333;
	margin: 30px 0 10px 0;
}

.BUT-Back {
	position:relative;
	display: inline-block;
	margin: 60px 0;
}
.BUT-Back:link,
.BUT-Back:visited {
	text-decoration: none;
	color: #333;
	-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.BUT-Back:hover,
.BUT-Back:active,
.BUT-Back:focus {
	color: #000;
	text-decoration: underline;
}