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

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=09bd1d3e-d3be-4f10-8ac4-064a6d59a006&fontids=788263");
@font-face {
	font-family: 'XYZ';
	src: url('../fonts/Fonts/788263/2a79221f-ba37-4662-9270-50e26629d7d5.eot?#iefix');
	src: url('../fonts/Fonts/788263/2a79221f-ba37-4662-9270-50e26629d7d5.eot?#iefix') format('eot'),
	     url('../fonts/Fonts/788263/f306d3cb-6196-46f9-978b-76e233e8421b.woff2') format('woff2'),
	     url('../fonts/Fonts/788263/bb9d0a47-b188-4a86-a9f8-a1fde21c9826.woff') format('woff'),
	     url('../fonts/Fonts/788263/04807d96-ce9f-4c0b-a0a0-dff68111bd48.ttf') format('truetype');
}

/* Google Fonts: https://google-webfonts-helper.herokuapp.com/fonts */
@font-face {
  font-family: 'TitilliumWeb-Regular';
  src: url('../fonts/titillium-web-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('../fonts/titillium-web-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v8-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'TitilliumWeb-SemiBold';
  src: url('../fonts/titillium-web-v8-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'),
       url('../fonts/titillium-web-v8-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v8-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v8-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v8-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v8-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'TitilliumWeb-Bold';
  src: url('../fonts/titillium-web-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'),
       url('../fonts/titillium-web-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v8-latin-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* ALLGEMEINE FORMATIERUNGEN */
* {
	margin: 0px;
	padding: 0px;
	font-family: 'XYZ';
}

html {
	overflow-y: scroll;
}

body {
	background-color: #68797b;
}

a {
	text-decoration: none;
}

/* HEADER */
header p#header_leftBackground {
	background-image: url(../graphics/header/header_leftBackground.png);
	height: 97px;
	width: calc(50% - 470px);
	position: fixed;
	top: 0px;
}

header p#header_rightBackground {
	background-image: url(../graphics/header/header_rightBackground.png);
	height: 117px;
	width: calc(50% - 470px);
	position: fixed;
	top: 0px;
	right: 0px;
}

/* WRAPPER */
div#wrapper {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}

/* WRAPPER: header */
div#wrapper div#wrapper_header {
	height: 117px;
	position: fixed;
	top: 0px;
	z-index: 100;
}

div#wrapper div#wrapper_header h1 {
	position: absolute;
	top: 15px;
	left: -1px;
	font-size: 23px;
	font-weight: 500;
	color: #03e7fb;
}

ul#wrapper_header_navigation {
	position: absolute;
	top: 49px;
	right: 16px;
	font-size: 16px;
}

ul#wrapper_header_navigation li {
	margin-left: 21px;
	display: inline;
}

ul#wrapper_header_navigation li#home {
	margin-right: 2px;
}

ul#wrapper_header_navigation li a:link {
	color: #fff;
	transition: all ease 1s;
}

ul#wrapper_header_navigation li a:visited {
	color: #fff;
}

ul#wrapper_header_navigation li a:hover {
	color: #03e7fb;
}

ul#wrapper_header_navigation li a span#cyan {
	color: #03e7fb;
}

/* WRAPPER: content */
div#wrapper div#content { /* vertikale Zentrierung: https://maurice-web.de/css-vertikale-zentrierung-unbekannter-hoehe (siehe 2. Lösung) */
	height: 535px;
	width: 940px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #03e7fb;
}

/* WRAPPER: content (Home) */
div#wrapper div#content div#slider {
	height: 535px;
}

div#wrapper div#content div#slider p {
	width: 940px;
	text-align: center;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 72px;
	color: #fff;
}

div#wrapper div#content div#slider p#notCentered {
	text-align: left;
	margin-left: 29px;
}

/* WRAPPER: content (Über Uns, Kontakt) */
div#wrapper div#content div#textRight {
	width: 400px;
	position: absolute;
	bottom: 35px;
	left: 440px;
}

div#wrapper div#content div#textRight h3 {
	margin-bottom: 16px;
	font-family: 'TitilliumWeb-SemiBold';
	font-size: 36px;
	font-weight: 500;
	letter-spacing: 0.04em;
}

div#wrapper div#content div#textRight hr {
	height: 2px;
	border: 0px;
	background-color: #fff;
}

div#wrapper div#content div#textRight p {
	margin-top: 23px;
	font-family: 'TitilliumWeb-Regular';
	font-size: 16px;
	letter-spacing: 0.04em;
}

div#wrapper div#content div#textRight h4 {
	margin-top: 23px;
	margin-bottom: -22px;
	font-family: 'TitilliumWeb-Bold';
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.04em;
}

/* WRAPPER: content (Impressum) */
div#wrapper div#content div#map {
	height: 535px;
	width: 380px;
}

div#wrapper div#content div#textRightImpressum {
	max-height: 465px;
	overflow-y: auto;
	width: 430px;
	padding-right: 10px;
	position: absolute;
	bottom: 35px;
	left: 440px;
}

div#wrapper div#content div#textRightImpressum h3 {
	margin-bottom: 16px;
	font-family: 'TitilliumWeb-SemiBold';
	font-size: 36px;
	font-weight: 500;
	letter-spacing: 0.04em;
}

div#wrapper div#content div#textRightImpressum hr {
	height: 2px;
	border: 0px;
	background-color: #fff;
}

div#wrapper div#content div#textRightImpressum h4 {
	margin-top: 23px;
	margin-bottom: -22px;
	font-family: 'TitilliumWeb-Bold';
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.04em;
}

div#wrapper div#content div#textRightImpressum p {
	margin-top: 23px;
	font-family: 'TitilliumWeb-Regular';
	font-size: 16px;
	letter-spacing: 0.04em;
}

div#wrapper div#content div#textRightImpressum a {
	font-family: 'TitilliumWeb-Regular';
}

div#wrapper div#content div#textRightImpressum a:link {
	color: #fff;
}

div#wrapper div#content div#textRightImpressum a:visited {
	color: #68797b;
}

div#wrapper div#content div#textRightImpressum a:hover {
	color: #68797b;
}

/* WRAPPER: content (Leistungen, Infos) */
div#wrapper div#content div#textLeft {
	width: 361px; /* Wert prozentuell passend zu div#textRight */
	position: absolute;
	bottom: 35px;
	left: 54px; /* Wert prozentuell passend zu div#textRight */
}

div#wrapper div#content div#textLeft h3 {
	margin-bottom: 16px;
	font-family: 'TitilliumWeb-SemiBold';
	font-size: 36px;
	font-weight: 500;
	letter-spacing: 0.04em;
}

div#wrapper div#content div#textLeft hr {
	height: 2px;
	border: 0px;
	background-color: #fff;
}

div#wrapper div#content div#textLeft h4 {
	margin-top: 23px;
	margin-bottom: -22px;
	font-family: 'TitilliumWeb-Bold';
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.04em;
}

div#wrapper div#content div#textLeft p {
	margin-top: 23px;
	font-family: 'TitilliumWeb-Regular';
	font-size: 16px;
	letter-spacing: 0.04em;
}

div#wrapper div#content div#textLeft div#left {
	margin-top: 23px;
	margin-right: 10px;
	float: left;
	font-family: 'TitilliumWeb-Regular';
	font-size: 16px;
	letter-spacing: 0.04em;
}

div#wrapper div#content div#textLeft div#right {
	margin-top: 23px;
	font-family: 'TitilliumWeb-Regular';
	font-size: 16px;
	letter-spacing: 0.04em;
}

div#wrapper div#content div#textLeft a {
	font-family: 'TitilliumWeb-Regular';
}

div#wrapper div#content div#textLeft a:link {
	color: #fff;
}

div#wrapper div#content div#textLeft a:visited {
	color: #68797b;
}

div#wrapper div#content div#textLeft a:hover {
	color: #68797b;
}

div#wrapper div#content div#textLeft a span#darkgrey {
	font-family: 'TitilliumWeb-Regular';
	color: #263d3f; /* Farbwert aus footer */
}

div#wrapper div#content div#graphicRight {
	position: absolute;
	left: 505px;
}

div#wrapper div#content div#slider2 {
	height: 535px;
	width: 435px;
	position: absolute;
	right: 0px;
}

/* WRAPPER: footer */
div#wrapper div#wrapper_footer {
	height: 117px;
	position: fixed;
	bottom: 0px;
}

div#wrapper div#wrapper_footer h2 {
	position: absolute;
	bottom: 24px;
	right: -1px;
	font-size: 14px;
	font-weight: 500;
	color: #03e7fb;
}

ul#wrapper_footer_navigation {
	position: absolute;
	bottom: 49px;
	left: 14px;
	font-size: 16px;
}

ul#wrapper_footer_navigation li {
	margin-right: 16px;
	display: inline;
}

ul#wrapper_footer_navigation li a:link {
	color: #fff;
	transition: all ease 1s;
}

ul#wrapper_footer_navigation li a:visited {
	color: #fff;
}

ul#wrapper_footer_navigation li a:hover {
	color: #03e7fb;
}

ul#wrapper_footer_navigation li a span#cyan {
	color: #03e7fb;
}

/* FOOTER */
footer p#footer_leftBackground {
	background-image: url(../graphics/footer/footer_leftBackground.png);
	height: 117px;
	width: calc(50% - 470px);
	position: fixed;
	bottom: 0px;
}

footer p#footer_rightBackground {
	background-image: url(../graphics/footer/footer_rightBackground.png);
	height: 97px;
	width: calc(50% - 470px);
	position: fixed;
	bottom: 0px;
	right: 0px;
}