* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
				
	}
html, body {
				margin: 0;
				padding: 0;
				border: 0;
				scroll-behavior: smooth;
	}
.contentcontainer {
				position: relative;
				top: 0px;
				left: 0;
				width: 100%;
				height: 100%;
				min-height: 100vh;
				overflow: auto;
				z-index: 100;
				border: none;
				background-color: transparent;
				overflow: hidden;
			}
@font-face { 
		font-family: "Oswald-ExtraLight"; 
		src: url("/css/fonts/Oswald/Oswald-ExtraLight.ttf"); 
		}
@font-face { 
			font-family: "RobotoCondensed-Regular"; 
			src: url("/css/fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf"); 
		}
@font-face { 
			font-family: "Roboto-Regular"; 
			src: url("/css/fonts/Roboto/Roboto-Regular.ttf"); 
		}
@font-face { 
			font-family: "Oswald-Regular"; 
			src: url("/css/fonts/Oswald/Oswald-Regular.ttf"); 
		}
@font-face { 
			font-family: "Roboto-Thin"; 
			src: url("/css/fonts/Roboto/Roboto-Thin.ttf"); 
		}
video {
				background-color: rgba(255, 255, 255, 1);
	}
.fade-in {
				opacity: 1;
				animation-name: fadeInOpacity;
				animation-iteration-count: 1;
				animation-timing-function: ease-in;
				animation-duration: 2s;
			}
@keyframes fadeInOpacity {
				0% {
					opacity: 0;
				}
				100% {
					opacity: 1;
				}
	}
h1 {
				font-size: 1.5em;
				line-height: 2em;
				margin-bottom: 1em;
				font-style: normal;
				border-style: none;
				border-width: 0px 0px 0px 0px;
				font-family: "Oswald-ExtraLight", sans-serif;
				font-weight: 600;
    			letter-spacing: 0.15em;
				color: #777777;
				text-transform: uppercase;				
				text-decoration: underline rgb(117, 117, 117);
				text-underline-offset: 12px;
				text-align: center;
		}
h2 {
				font-size: 1em;
				line-height: 2em;
				margin-bottom: 1em;
				font-style: normal;
				border-style: none;
				border-width: 0px 0px 0px 0px;
				font-family: 'Roboto Condensed', sans-serif;
				font-weight: 300;
				letter-spacing: 0.09em;
				color: #7f7f7f;
				text-transform: uppercase;				
				text-decoration: underline rgb(117, 117, 117);
				text-underline-offset: 6px;
				text-align: left;
	}
h3 {
				font-size: 0.8em;
				line-height: 1.0em;
				margin-top: 1em;
				margin-bottom: 1em;
				font-family: "Oswald-Regular";
				font-weight: 300;
				font-style: normal;
		}
h4 {
				font-weight: 300;
				font-style: normal;
				font-family: "Oswald-Regular";
				font-size: 1em;
				line-height: 1.5em;
				margin: 0.75em 0px;
				color: rgba(56, 46, 46, 1);
			}
h5 {
				margin: 0.3em 0px;
				font-family: "Roboto";
				font-weight: 500;
				font-style: italic;
				font-size: 0.9em;
				line-height: 1.2em;
				padding: 1.1em 0px;
				color: rgba(10, 9, 9, 1);
			}
h6 {
				margin: 0.3em 0px;
				font-family: "Roboto";
				font-weight: 400;
				font-style: normal;
				font-size: 1em;
				line-height: 1.2em;
				padding: 1.1em 0px;
				color: rgba(10, 9, 9, 1);
			}
p.intro {
				font-size: 1.05em;
				line-height: 1.55em;
				margin-top: 0.5em;
				margin-bottom: 0.5em;
				font-family: "Roboto";
				font-weight: 400;
				font-style: italic;
			}
p {
				display: block;
				font-family: "Roboto", Helvetica, sans-serif;
				font-size: 0.9em;
				font-weight: 300;
				line-height: 1.65em;
				text-align: justify;
				text-justify: inter-word;
				scrollbar-width: thin;
			}
p::-webkit-scrollbar {
				width: 0.3em;
			}
p::-webkit-scrollbar-track {
				-webkit-box-shadow: inset 0 0 3px silver;
			}
p::-webkit-scrollbar-thumb {
				background-color: rgba(204, 139, 18, 0.5);
				outline: 1px solid rgba(204, 139, 18, 0.5);
				}		
blockquote { 
				margin: 0em 1em 1em 0em;
				border-left: 3px solid #ccc;
				padding: 0em 0em 0em 0.7em;
				width: 80%;
				font-size: 1em;
				line-height: 1.5em;
				font-style: italic;
				color: rgba(56, 50, 50, 1);
				margin: 0px;
				font-family: "Roboto";
				font-weight: 400;
				text-shadow: 4px 4px 4px #aaa;
		}
em {
				font-family: "Oswald-Regular"; 
				font-weight: 600;
				font-style: italic;	
				color: rgb(92, 92, 92);
				margin-right: 1.5em;	
}		
.link {
				text-transform: inherit;
				font-size: 1em;
				font-family: "Raleway";
				font-weight: 500;
				font-style: normal;
				color: rgba(0, 0, 0, 1);
				line-height: 1.8em;
				padding: 0em 0px;
				width: 90%;
				text-align: justify;
		}
a {
				outline: none;
		}
input {
				outline: none;
		}
@media only screen and (orientation: landscape) {	
														#main {
																	position: fixed;
																	top: 0px;
																	left: 0;
																	height: 100%;
																	width: 100%;
																	overflow: hidden;
																	z-index: 1;
																	background-color: rgba(255, 255, 255,1);
														}
														.content {
																	position: relative;
																	top: 60px;
																	left: 50%;
																	transform: translateX(-50%);
																	width: 96%;
																	max-width: 1280px;
																	height: calc(100vh - 90px);
																	max-height: calc(100vh - 90px);
																	min-height: calc(100vh - 90px);
																	z-index: 200;
																	background-color: transparent;
																	opacity: 90%;
																	border: none;
														}
														.spalten {
																	display: flex;
																	flex-direction: row;
																	flex-wrap: wrap;
																	justify-content: space-between;
																	align-items: stretch;
																	overflow: hidden;
																	border: none;
																	background-color: transparent;
														}
														.container_1{														
																				width: 49%;
																				height: 100%;
																				z-index: 500;
																				display: flex;
																				flex-direction: column;
																				justify-content: flex-start;
																				align-items: center;
																				border: none;
														}														
														.container_2 {														
																				width: 49%;
																				height: 100%;
																				z-index: 500;
																				display: flex;
																				flex-direction: column;
																				justify-content: flex-start;
																				align-items: center;
																				border: none;
																				background-color: transparent;
														}
														h1 {					
																				text-align: center;
														}
}
@media only screen and (orientation: portrait) {														
														#main {
																position: fixed;
																top: 0px;
																left: 0;
																height: auto;
																width: 100%;
																overflow: hidden;
																z-index: 1;
																background-color: rgba(255, 255, 255,1);
														}
														.content {
																position: relative;
																top: 30px;
																left: 50%;
																transform: translateX(-50%);
																max-width: calc(100% - 1em);
																width: 60em;
																height: 100%;
																min-height: calc(100vh - 90px);
																z-index: 200;
																background-color: transparent;
																opacity: 90%;
																border: none;
																padding-top: 2em;
															}
														.spalten {
																	display: flex;
																	flex-direction: row;
																	flex-wrap: wrap;
																	align-content: stretch;
																	align-items : stretch;
																	justify-content: space-between;
																	border: none;	
														}
														.container_1{														
																				width: 100%;
																				height:100%;																
																				min-height: 100vh;
																				z-index: 500;
																				display: flex;
																				flex-direction: column;
																				justify-content: flex-start;
																				align-items: center;
																				border: none;
														}
														.container_2{														
																				width: 100%;
																				height: 100%;
																				min-height: 100vh;
																				z-index: 500;
																				display: flex;
																				flex-direction: column;
																				justify-content: flex-start;
																				align-items: center;
																				border: none;
																				background-color: transparent;
														}
														h1 {
															text-align: left;
														}
}