body,html{
	background-color:#d5eeee; /*#008080*/ /*rgb(234, 234, 234)*/
	line-height: 1.5;
	letter-spacing: -.025em;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	cursor: default;
	color: rgba(255,255,255,.8);
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	transition: background-color 1s ease .5s,color 1s ease .5s;
	font-family: "px sans nouveaux";
	height:100%;
	overflow:hidden;
	
		
}*,:after,:before,
body,html{
	padding:0;
	margin:0
}
html{
	box-sizing:border-box
}*,:after,:before{
	box-sizing:inherit;
	box-sizing:border-box
}

h1 {
	width: calc(100% - 20px);
text-transform: uppercase;
box-sizing: border-box;
color: rgb(170,170,170);
display: block;
font-family: Arial, sans-serif;
font-size: 9px;
font-weight: normal;
line-height: 20px;
font-style: normal;
top: 0%;
height: 26px;
padding-bottom: 0;
padding-left: 0;
padding-top: 0;
padding-left: 0;
left: 0%;
display: inline;
}

.windows-container{
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	color: rgba(255, 255, 255, 0.8);
	cursor: default;
	display: block;
	font-family: px_sans_nouveaux;
	font-size: 12px;
	height: 100%;
	letter-spacing: -0.30000001192092896px;
	line-height: 18px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 1%;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 1%;
	position: relative;
	text-rendering: optimizeLegibility;
	width: 100%;
	z-index: 0;
}

.Bilder{
	position: relative;
    width: 100%;
	pointer-events: none;
	
}
#DS{
	padding: 2%;
	width:100%;
	font-family: adobe-caslon-pro, serif;
	font-weight: 400;
	font-style: normal;
	line-height: 15pt;
	font-size: 12pt;
	z-index: 200;
	scroll-behavior: auto;
	

	
}

	#datenschutz-nav{
	
color: rgb(78,112,153);
		
}
	
#fenster1{
		-webkit-font-smoothing: none;
	background-color: rgb(170,170,170);
	border-bottom-color: rgb(170,170,170);
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-left-color: rgb(239, 239, 239);
	border-left-style: solid;
	border-left-width: 2px;
	border-right-color: rgb(170,170,170);
	border-right-style: solid;
	border-right-width: 2px;
	border-top-color: rgb(239, 239, 239);
	border-top-style: solid;
	border-top-width: 2px;
	box-sizing: border-box;
	color: rgba(255, 255, 255, 0.8);
	cursor: default;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 40%;
	letter-spacing: 0.30000001192092896px;
	line-height: 18px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	position: relative;
	text-rendering: optimizeLegibility;
	float:left;
	width: 18%;
	z-index: 25;
	left: 10%;
	top:23%;
	resize: both;
}
.windows-header-about{
	-webkit-font-smoothing: none;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgb(78,112,153);
	background-image: none;
	background-origin: padding-box;
	background-size: auto;
	text-transform: uppercase;
	box-sizing: border-box;
	color: rgb(170,170,170);
	cursor: default;
	display: block;
	font-family: Helvetica, "Helvetica Bold", "Helvetica Bold Oblique", "Helvetica Light", "Helvetica Light Oblique", "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", "Helvetica Neue Light", "Helvetica Neue Light Italic", "Helvetica Neue Medium", "Helvetica Neue Medium Italic", "Helvetica Neue Thin", "Helvetica Neue Thin Italic", "Helvetica Neue UltraLight", "Helvetica Neue UltraLight Italic", "Helvetica Oblique";
	font-size: 9px;
	font-weight: 400;
	height: 100;
	letter-spacing: 0.30000001192092896px;
	line-height: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 3px;
	padding-left: 9px;
	padding-right: 3px;
	padding-top: 3px;
	position: relative;
	text-align: left;
	text-rendering: optimizeLegibility;
	padding-right:3px;
}
.form-content{
	-webkit-font-smoothing: none;
	box-sizing: border-box;
	color: rgb(0, 0, 0);
	cursor: default;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 100%;
	letter-spacing: 0.30000001192092896px;
	line-height: 18px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	
	text-rendering: optimizeLegibility;
	width: 100%;
}
.wrap{
	-webkit-font-smoothing: none;
	border-bottom-color: rgb(0, 0, 0);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: rgb(255, 255, 255);
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: rgb(0, 0, 0);
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: rgb(255, 255, 255);
	border-top-style: solid;
	border-top-width: 1px;
	box-sizing: border-box;
	color: rgb(0, 0, 0);
	cursor: default;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 100%;
	letter-spacing: 0.30000001192092896px;
	line-height: 18px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	overflow-x:hidden;
	overflow-y:hidden;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-rendering: optimizeLegibility;
}
.outer-container{
	background-attachment: scroll;
	-webkit-font-smoothing: none;
	background-clip: border-box;
	border-bottom-color: rgb(127, 127, 127);
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-left-color: rgb(223, 223, 223);
	border-left-style: solid;
	border-left-width: 0px;
	border-right-color: rgb(127, 127, 127);
	border-right-style: solid;
	border-right-width: 0px;
	border-top-color: rgb(223, 223, 223);
	border-top-style: solid;
	border-top-width: 0px;
	box-sizing: border-box;
	color: rgb(0, 0, 0);
	cursor: default;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 100%;
	letter-spacing: 0.30000001192092896px;
	line-height: 18px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	text-rendering: optimizeLegibility;
	width: 100%;
}
.inner-container{
	-webkit-font-smoothing: none;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgb(170,170,170);
	background-image: none;
	background-origin: padding-box;
	background-size: auto;
	border-bottom-color: rgb(244, 244, 244);
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-left-color: rgb(64, 64, 64);
	border-left-style: solid;
	border-left-width: 0px;
	border-right-color: rgb(244, 244, 244);
	border-right-style: solid;
	border-right-width: 0px;
	border-top-color: rgb(64, 64, 64);
	border-top-style: solid;
	border-top-width: 0px;
	box-sizing: border-box;
	color: rgb(0, 0, 0);
	cursor: default;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 100%;
	letter-spacing: 0.30000001192092896px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	overflow-y: scroll;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 7.5%;
	text-align: left;
	text-rendering: optimizeLegibility;
}
.inner-container-about{
	-webkit-font-smoothing: none;
	background-attachment: none;
	background-clip: border-box;
	background-color: rgb(170,170,170);
	background-image: none;
	background-origin: padding-box;
	background-size: auto;
	border-bottom-color: rgb(244, 244, 244);
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-left-color: rgb(64, 64, 64);
	border-left-style: solid;
	border-left-width: 0px;
	border-right-color: rgb(244, 244, 244);
	border-right-style: solid;
	border-right-width: 0px;
	border-top-color: rgb(64, 64, 64);
	border-top-style: solid;
	border-top-width: 0px;
	box-sizing: border-box;
	color: rgb(0, 0, 0);
	cursor: default;
	    overflow-x: hidden;
    overflow-y: scroll;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 100%;
	letter-spacing: 0.30000001192092896px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	
	text-align: left;
	text-rendering: optimizeLegibility;
}

#about {
	position:absolute;
	background-attachment: scroll;
	overflow-y: scroll;
	font-family: adobe-caslon-pro, serif;
	font-weight: 400;
	font-style: normal;
	line-height: 15pt;
	font-size: 16pt;
	z-index: 200;
	color: black;
	padding: 1%;
	
}
#about-background{
	position: absolute;
	z-index: 0;
	color: black;
	left:1%;
	top:3%;
	background-color: white;
	width: 97%;
	height: 20%;
}

#lightbox-img {
	
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
/*    background-size: contain;*/
    cursor: pointer;
    z-index: 999;
    padding: 10px;
	
}
.lightbox-inner{
    width: calc(100vw - 20px);
    height: calc(100vh - 20px);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#contact-form{
	 list-style-type: none;
	top:40%;
	position:fixed;
	left:5%;
	font-family:  Helvetica, "Helvetica Bold", "Helvetica Bold Oblique", "Helvetica Light", "Helvetica Light Oblique", "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", Helvetica ;
	text-transform: uppercase;
	display: inline;
	font-weight: 600;
	font-style: normal;
	line-height: 15pt;
	font-size: 12pt;
	z-index: 200;
	
	
}
#contact-info{
	display:none;
}
#contact-info.open{
	display:table;
}

#country{
	
	background-color: white;
	padding: 2px 3px;
	margin: auto;
 	display:table; 

  	
	color: black;
	text-align: right;
	
}
#mail{
	
	background-color: white;
	padding: 2px 3px;
	display:table; 
  	margin: auto;
	
	
	color: black;
	text-align: right;
	
}
#street{
	
	background-color: white;
	padding: 2px 3px;
	display:table; 

 
	
	color: black;
	text-align: right
}
#city{
	
	background-color: white;
	padding: 2px 3px;
	display:table; 

  	margin:auto;
	
	color: black;
	text-align: right
}
nav {
    display: none;
    
}



adress {
	position: relative;
	top:6%;
	left:2%;
	font-family: adobe-caslon-pro, serif;
	font-weight: 400;
	font-style: normal;
	line-height: 15pt;
	font-size: 12pt;
	z-index: 100;
	color: black;
	
}
#adress_form {
	position: absolute;
	z-index: 100;
	top:60%;
	left:2%;
	width: 30%;
	height: 20%;
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: black;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: black;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: black;
	border-top-style: solid;
	border-top-width: 1px;
	box-sizing: border-box;
}
.slider {
  animation-name: slide;
	position: absolute;
  display: block;
	top: 2em;  
  width: 300%;
  font-size: 2em;
  overflow: hidden;
  animation: slide 30s linear infinite;
  	display: table;
padding: 2px 3px;
font-family: Helvetica, "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", Helvetica;
text-transform: uppercase;
   letter-spacing: 2px;
font-weight: 600;
font-style: normal;
line-height: 18pt;
font-size: 16pt;
color: black;
background-color: #ff7f7f;
	text-decoration: underline;
}

@keyframes slide {
   from {
    left: 0%;
  }
  to {
    left: -100%;
  }
}

#aside {
	 list-style-type: none;
	top:40%;
	position:fixed;
	left:5%;
	font-family:  Helvetica, "Helvetica Bold", "Helvetica Bold Oblique", "Helvetica Light", "Helvetica Light Oblique", "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", Helvetica ;
	text-transform: uppercase;
	display: inline;
	font-weight: 600;
	font-style: normal;
	line-height: 15pt;
	font-size: 12pt;
}



}
#hover{
	position: absolute;
	z-index: 100;
	top: 40%;
	color: white;
}
#date{
	position: -webkit-sticky;
position: sticky;
top: 0;
display: table;
z-index: 100;


right: 0px;
float: right;
background-color: white;
	padding: 2px 3px;
	font-family:  Helvetica, "Helvetica Bold", "Helvetica Bold Oblique", "Helvetica Light", "Helvetica Light Oblique", "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", Helvetica ;
	text-transform: uppercase;
	
	font-weight: 600;
	font-style: normal;
	line-height: 13pt;
	font-size: 10pt;
}
.title-wrapper{
	text-align: right;
}
.proj-title{
	text-align: left;
	font-family:  Helvetica, "Helvetica Bold", "Helvetica Bold Oblique", "Helvetica Light", "Helvetica Light Oblique", "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", Helvetica 
		;
	font-weight: 900;
	font-style: bold;
	text-transform: uppercase;
	line-height: 32pt;
	font-size: 12pt;
	color: white;
}
.inner-content{
	text-align: left;
	font-family: adobe-caslon-pro, serif;
	font-weight: 400;
	font-style: normal;
	line-height: 15pt;
	font-size: 12pt;
	color:#fff;
	    top: 5%;
    position: relative;
}
#moveHeader1{
	-webkit-appearance: none;
	-webkit-font-smoothing: none;
	text-align: left;
	text-rendering: optimizeLegibility;
	box-sizing: border-box;
	
	display: block;
	float: left;
	font-size: 11px;
	font-style: normal;
	font-variant-caps: normal;
	font-weight: bold;
	height: 22px;
	line-height: 13px;
	position:absolute;
	font-family: Helvetica, "Helvetica Bold", "Helvetica Bold Oblique", "Helvetica Light", "Helvetica Light Oblique", "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", "Helvetica Neue Light", "Helvetica Neue Light Italic", "Helvetica Neue Medium", "Helvetica Neue Medium Italic", "Helvetica Neue Thin", "Helvetica Neue Thin Italic", "Helvetica Neue UltraLight", "Helvetica Neue UltraLight Italic", "Helvetica Oblique";
	top:0%;
	left: 0%;
	width: calc(100% - 21px);
	writing-mode: horizontal-tb;
	z-index: 0;
}
#placeholder{
		position: relative;
width: 100%;
height: 100px;
	}
#imag{
	    position: relative;
    width: 60%;
    top: 50%;
    left: 0%;
    transform: translate(-5%, 7%);
}
#img-container {
  position: relative;
  text-align: center;
  color: white;
}
#text{
	    position: absolute;
    width: 70%;
    top: 70%;
    left: 20%;
	        text-shadow: 0px 0px 10px grey;
	font-family: adobe-caslon-pro, serif;
	font-weight: 400;
	font-style: normal;
	line-height: 18pt;
    font-size: 16pt;
}
.centered {
      position: absolute;
    top: 40%;
    left: 5%;
    /* transform: translate(-15%, -300%); */
    right: 0px;
    float: right;
    display: table;
    background-color: white;
    color: black;
    padding: 2px 3px;
    font-family: Helvetica, "Helvetica Bold", "Helvetica Bold Oblique", "Helvetica Light", "Helvetica Light Oblique", "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", Helvetica;
    text-transform: uppercase;
    font-weight: 800;
    font-style: normal;
    line-height: 16pt;
    font-size: 14pt;
}
#maillink{
	color:rgb(78,112,153);
}
/*------------new----------------*/
.windows-container{
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	color: rgba(255, 255, 255, 0.8);
	cursor: default;
	display: block;
	font-family: px_sans_nouveaux;
	font-size: 12px;
	height: 100%;
	letter-spacing: -0.30000001192092896px;
	line-height: 18px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 1%;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 1%;
	position: relative;
	text-rendering: optimizeLegibility;
	width: 100%;
	z-index: 2;
}

		
			
	

.single-category{
	
}

.project-title{
	border-bottom-color: rgb(0, 0, 0);
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-image-outset: 0px;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgb(0, 0, 0);
	border-left-style: none;
	border-left-width: 0px;
	border-right-color: rgb(0, 0, 0);
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: rgb(0, 0, 0);
	border-top-style: none;
	border-top-width: 0px;
	box-sizing: border-box;
	color: rgb(0, 0, 0);
	display: inline-block;
	font-family: monospace;
	
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 8px;
	vertical-align: baseline;
	visibility: visible;
	
}

.proj-title{
	text-align: left;
	font-family:  Helvetica, "Helvetica Bold", "Helvetica Bold Oblique", "Helvetica Light", "Helvetica Light Oblique", "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", Helvetica 
		;
	font-weight: 900;
	font-style: bold;
	text-transform: uppercase;
	line-height: 32pt;
	font-size: 12pt;
	color: white;
}
#project-box{
	    z-index: 50;
}
.inner-content{
	text-align: left;
	font-family: adobe-caslon-pro, serif;
	font-weight: 400;
	font-style: normal;
	line-height: 15pt;
	font-size: 12pt;
	color:#fff;
}
.title-wrapper{
	text-align: right;
}




.form-content{
	-webkit-font-smoothing: none;
	box-sizing: border-box;
	color: rgb(0, 0, 0);
	cursor: default;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 100%;
	letter-spacing: 0.30000001192092896px;
	line-height: 18px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;

	text-rendering: optimizeLegibility;
	width: 100%;
}
.wrap{
	-webkit-font-smoothing: none;
	border-bottom-color: rgb(0, 0, 0);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: rgb(255, 255, 255);
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: rgb(0, 0, 0);
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: rgb(255, 255, 255);
	border-top-style: solid;
	border-top-width: 1px;
	box-sizing: border-box;
	color: rgb(0, 0, 0);
	cursor: default;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 100%;
	letter-spacing: 0.30000001192092896px;
	line-height: 18px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	overflow-x:hidden;
	overflow-y:hidden;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-rendering: optimizeLegibility;
}
.outer-container{
	background-attachment: scroll;
	-webkit-font-smoothing: none;
	background-clip: border-box;
	border-bottom-color: rgb(127, 127, 127);
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-left-color: rgb(223, 223, 223);
	border-left-style: solid;
	border-left-width: 0px;
	border-right-color: rgb(127, 127, 127);
	border-right-style: solid;
	border-right-width: 0px;
	border-top-color: rgb(223, 223, 223);
	border-top-style: solid;
	border-top-width: 0px;
	box-sizing: border-box;
	color: rgb(0, 0, 0);
	cursor: default;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 100%;
	letter-spacing: 0.30000001192092896px;
	line-height: 18px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;

	text-rendering: optimizeLegibility;
	width: 100%;
}
.inner-container{
	-webkit-font-smoothing: none;
	background-attachment: scroll;
	background-clip: border-box;
	
	background-image: none;
	background-origin: padding-box;
	background-size: auto;
	border-bottom-color: rgb(244, 244, 244);
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-left-color: rgb(64, 64, 64);
	border-left-style: solid;
	border-left-width: 0px;
	border-right-color: rgb(244, 244, 244);
	border-right-style: solid;
	border-right-width: 0px;
	border-top-color: rgb(64, 64, 64);
	border-top-style: solid;
	border-top-width: 0px;
	box-sizing: border-box;
	color: rgb(0, 0, 0);
	cursor: default;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 100%;
	letter-spacing: 0.30000001192092896px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	overflow-y: scroll;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 7.5%;
	text-align: left;
	text-rendering: optimizeLegibility;
}


#timeline{
	box-sizing: border-box;
	display: inline-flex;
}
#list-1{
	display: block;
	width: 100%;
	height: 100%
}
/*------------new----------------*/
/*-----------------------------------Recently-------------------------------*/

.recently{
	    position: relative;
    top: 12%;
    width: 100%;
    
    overflow: hidden;
}

:root {
  --gutter: 20px;
}

.app {
  
  display: grid;
  grid-gap: var(--gutter) 0;
  grid-template-columns: var(--gutter) 1fr var(--gutter);
  align-content: start;
	 grid-template-rows: 100%;
	overflow: hidden;
}

.app > * {
  grid-column: 2 / -2;
}

.app > .full {
  grid-column: 1 / -1;
}

.hs {
  display: grid;
   grid-template-columns: 15% repeat(4, calc(60% - var(--gutter) * .125)) 15%;
    grid-template-rows: minmax(1fr, 100%);
    height: 90%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
}
.hs::-webkit-scrollbar {
    display: none;
}
.hs:before{
  content: '';
	border-left: none;
	border-right: none;
}
.hs:after {
  content: '';
	border-left: none;
	border-right: none;
}


/* Hide scrollbar */
.hide-scroll {
  overflow-y: hidden;
  margin-bottom: calc(-.1 * var(--gutter));
}


/* Demo styles */



ul {
  list-style: none;
  padding: 0;
}

h1,
h2,
h3 {
  margin: 0;
}
#date{
	position: -webkit-sticky;
position: sticky;
top: 0;
display: table;



right: 0px;
float: right;
background-color: white;
	padding: 2px 3px;
	font-family:  Helvetica, "Helvetica Bold", "Helvetica Bold Oblique", "Helvetica Light", "Helvetica Light Oblique", "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", Helvetica ;
	text-transform: uppercase;
	
	font-weight: 600;
	font-style: normal;
	line-height: 13pt;
	font-size: 10pt;
}
.app {
  width:100%;
  height: 100%;
  overflow:hidden;
	
}

.hs > li,
.item {
  scroll-snap-align: center;
    padding: 0px 30px 0px 30px;
    flex-direction: column;
    justify-content: center;
    text-align: right;
    align-items: center;
    height: 100%;
   
		
}
.item:first-child{
	border-left: none;
}
#content{
	 text-align: left;
    font-family: niveau-grotesk, sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 16pt;
    font-size: 12pt;
    color: #fff;
    text-shadow: 0px 0px 10px grey;
	
}

#back-box{
	bottom: 2.5%;
position: fixed;
right: 5%;
}
#back{
	display: table;
padding: 2px 3px;
font-family: Helvetica, "Helvetica Bold", "Helvetica Bold Oblique", "Helvetica Light", "Helvetica Light Oblique", "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", Helvetica;
text-transform: uppercase;
font-weight: 600;
font-style: normal;
line-height: 15pt;
font-size: 12pt;
color: black;
background-color: white;
	text-decoration: none;
}
#project-box{
	top: 6%;
position: fixed;
left: 4%;
}
#project-title{
	display: table;
padding: 2px 3px;
font-family: Helvetica, "Helvetica Bold", "Helvetica Bold Oblique", "Helvetica Light", "Helvetica Light Oblique", "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", Helvetica;
text-transform: uppercase;
font-weight: 600;
font-style: normal;
line-height: 15pt;
font-size: 12pt;
color: black;
background-color: white;
	text-decoration: none;
}
#downloadlink{
	display: table;
padding: 2px 3px;
font-family: Helvetica, "Helvetica Bold", "Helvetica Bold Oblique", "Helvetica Light", "Helvetica Light Oblique", "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", Helvetica;
text-transform: uppercase;
font-weight: 600;
font-style: normal;
line-height: 15pt;
font-size: 12pt;
color: rgb(78,112,153);
background-color: white;
	text-decoration: none;
}
/*-----------------------------------Recently-------------------------------*/



/*-------------------------Responsive-----------------------------------------*/

@media  (max-width: 1370px) {
	.recently {
    position: relative;
    top: 0px;
    width: 100%;
    overflow: hidden;
}
	.hs {
    display: grid;
    grid-template-columns: 15% repeat(4, calc(80% - var(--gutter) * .125)) 15%;
    grid-template-rows: minmax(1fr, 100%);
    height: 90%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
}
	.hs > li, .item {
    scroll-snap-align: center;
    padding: 0px 30px 0px 30px;
    flex-direction: column;
    justify-content: center;
    text-align: right;
    align-items: center;
    height: 100%;
}
}
@media  (max-width: 980px) {
	.recently {
    position: relative;
    top: 0px;
    width: 100%;
    overflow: hidden;
}
	.hs {
    display: grid;
    grid-template-columns: 15% repeat(4, calc(85% - var(--gutter) * .125)) 15%;
    grid-template-rows: minmax(1fr, 100%);
    height: 90%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
}
	.hs > li, .item {
    scroll-snap-align: center;
    padding: 0px 30px 0px 30px;
    flex-direction: column;
    justify-content: center;
    text-align: right;
    align-items: center;
    height: 100%;
}
	.slider .slider-row {
  width: 190%;
  height: 4.5vw;
}
	.slider {
  position: absolute;
  width: 110%;
  top: 220px;
  overflow: hidden;
	left: -5%
}
		
	#fenster1{
	
		display: block;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 45%;
	letter-spacing: 0.30000001192092896px;
	line-height: 18px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	position: absolute;
	text-rendering: optimizeLegibility;
	float:right;
	width: 60%;
	z-index: 150;
	left:35%;
	top:50%;
}

	#lightbox-img {
	
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
/*    background-size: contain;*/
    cursor: pointer;
    z-index: 999;
    padding: 10px;
	
	
}
.lightbox-inner{
    width: calc(100vw - 20px);
    height: calc(100vh - 20px);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#contact-form{
	 list-style-type: none;
	top:70%;
	position:fixed;
	left:10%;
	
	
}

#country{
	
	background-color: white;
	padding: 2px 3px;
	margin: auto;
 	display:table; 
 
  	
	color: black;
	text-align: right;
	
}
#mail{
	
	background-color: white;
	display:table; 
  	margin: auto;
	
	
	color: black;
	text-align: right;
	
}
#street{
	
	background-color: white;
	padding: 2px 3px;
	display:table; 
 
	
	color: black;
	text-align: right
}
#city{
	
	background-color: white;
	padding: 2px 3px;
	display:table;
  	margin:auto;
	
	color: black;
	text-align: right
}
#contact {
  
	background-color: white;
	padding: 2px 3px;
	display:table;
 
	
	color: black;
	text-align: right
}

	#about {
	font-family: adobe-caslon-pro, serif;
	font-weight: 300;
	font-style: normal;
	line-height: 16pt;
	font-size: 18pt;
	z-index: 200;
	color: black;
	padding: 1%;
	height: 21%;
}
	#aside{
		font-weight: 900;
	font-style: bold, underline;
	line-height: 15pt;
	font-size: 12pt;
	color: black;
	position: fixed;
	float: right;
	background-color: #fff;

	padding: 2px 3px;
	display:table;
	text-decoration:none;
	top: 60%;
    left: 10%;
	
	}
		#text{
			font-family: adobe-caslon-pro, serif;
	font-weight: 300;
	font-style: normal;
	line-height: 18pt;
	font-size: 16pt;
		}
}
@media (max-width:768px){
.recently {
    position: relative;
    top: 0px;
    width: 100%;
    overflow: hidden;
}
	.hs {
    display: grid;
    grid-template-columns: 15% repeat(4, calc(85% - var(--gutter) * .125)) 15%;
    grid-template-rows: minmax(1fr, 100%);
    height: 90%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
}
	.hs > li, .item {
    scroll-snap-align: center;
    padding: 0px 30px 0px 30px;
    flex-direction: column;
    justify-content: center;
    text-align: right;
    align-items: center;
    height: 100%;
}
}
@media all and (max-width: 736px) {
.slider .slider-row {
  width: 170%;
  height: 5vw;
}
	.slider {
  position: absolute;
  width: 110%;
  top: 200px;
  overflow: hidden;
	left: -5%
}
	#fenster1{
	
display: block;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: normal;
height: 80%;
letter-spacing: 0.30000001192092896px;
line-height: 18px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: absolute;
text-rendering: optimizeLegibility;
float: right;
width: 60%;
z-index: 150;
left: 35%;
top: 10%;
}
	#aside {	
	font-family:  Helvetica, "Helvetica Bold", "Helvetica Bold Oblique", "Helvetica Light", "Helvetica Light Oblique", "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", Helvetica 
		;
	text-decoration:none;
	font-weight: 900;
	font-style: bold;
	background-color: white;
	padding: 2px 3px;
	margin: auto;
 	display:table; 
	color: black;
	text-align: right;
	line-height: 15pt;
	left: 5%;
}
	#contact-form{
		
	left:5%;
	}
	#adress_form {
	position: absolute;
	z-index: 100;
	top:40%;
	left:15%;
	width: 30%;
	height: 20%;
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: black;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: black;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: black;
	border-top-style: solid;
	border-top-width: 1px;
	box-sizing: border-box;
}
	#about {
	font-family: adobe-caslon-pro, serif;
	font-weight: 300;
	font-style: normal;
	line-height: 14pt;
	font-size: 16pt;
	z-index: 200;
	color: black;
	padding: 1%
}

	#text{
		font-family: adobe-caslon-pro, serif;
	font-weight: 300;
	font-style: normal;
	line-height: 16pt;
	font-size: 14pt;
	}
.recently {
position: relative;
top: 1%;
width: 100%;
overflow: hidden;
	}}

@media (max-width:630px){
	.ui-desktop{
		display:none
	}
	.windows-container{
		-webkit-font-smoothing: none;
		background-attachment: hide;
		background-clip: border-box;
		overflow-y: hide;
	}
		.hs > li,
.item{
		scroll-snap-align: center;
		padding: 0px 2px 0px 2px;
		flex-direction: column;
		justify-content: center;
		text-align: right;
		align-items: center;
		height: 100%;
	}
	.hs{
		display: grid;
		grid-template-columns: .5px repeat(4, calc(100% - 1px * .125)) .5px;
		grid-template-rows: minmax(1fr, 100%);
		height: 100%;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
	}
	.recently{
		position: relative;
		top: 0px;

		width: 100%;
		overflow: hidden;
	}
	#esc-nav{
		color:#ff7f7f
	}
	#fenster1{
		resize: none;
	}
}
@media (max-width: 606px) {
		.hs > li,
.item{
		scroll-snap-align: center;
		padding: 0px 2px 0px 2px;
		flex-direction: column;
		justify-content: center;
		text-align: right;
		align-items: center;
		height: 100%;
	}
	.hs{
		display: grid;
		grid-template-columns: .5px repeat(4, calc(100% - 1px * .125)) .5px;
		grid-template-rows: minmax(1fr, 100%);
		height: 100%;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
	}
	.recently{
		position: relative;
		top: 0px;

		width: 100%;
		overflow: hidden;
	}
	.slider .slider-row {
  width: 170%;
  height: 5vw;
}
	.slider {
  position: absolute;
  width: 110%;
  top: 0px;
  overflow: hidden;
	left: -5%
}
	nav {
    display: table;
    text-align: center;
    width: 100vw;
    background: white;
    left: 0%;
    position: fixed;
	top:28px;
	height:28px;
}

	nav a {
 	text-decoration: none;
	display: inline-block;
  	color:black;
	background-color: white;
	padding: 6px 4px;
	font-family:  Helvetica, "Helvetica Bold", "Helvetica Bold Oblique", "Helvetica Light", "Helvetica Light Oblique", "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", Helvetica ;
	text-transform: uppercase;
	font-weight: 600;
	font-style: normal;
	line-height: 13pt;
	font-size: 13pt;
}
	
	#about{
		top: 100px;
		
	}
	#about-background{
		top:103px;
	}
	#fenster1{
	
	display: block;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 88%;
	letter-spacing: 0.30000001192092896px;
	line-height: 18px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	position: relative;
	text-rendering: optimizeLegibility;
	float:left;
	width: 100%;
	z-index: 150;
	left:0%;
	top:87px;
}
	adress {
		display: none;
		
	}
	#adress_form {
	display: none;
	position: absolute;
	z-index: 100;
	top:30%;
	left:2%;
	width: 30%;
	height: 20%;
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: black;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: black;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: black;
	border-top-style: solid;
	border-top-width: 1px;
	box-sizing: border-box;
}
	#contact-form{
		display: none;
		line-height: 13pt;
    font-size: 12pt;
	top: 250px;
	left:80px;
	}
#aside {	
	font-weight: 900;
	font-style: bold, underline;
	line-height: 13pt;
    font-size: 12pt;
	z-index: 200;
	color: black;
	position: fixed;
	left:280px;
	float: right;
	top: 250px;
	background-color: #fff;
	padding: 2px 3px;
	display:table; 
	display:none;

	
}
}
@media (max-width : 486px ){
	.hs > li,
.item{
		scroll-snap-align: center;
		padding: 0px 2px 0px 2px;
		flex-direction: column;
		justify-content: center;
		text-align: right;
		align-items: center;
		height: 100%;
	}
	.hs{
		display: grid;
		grid-template-columns: .5px repeat(4, calc(100% - 1px * .125)) .5px;
		grid-template-rows: minmax(1fr, 100%);
		height: 100%;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
	}
	.recently{
		position: relative;
		top: 0px;

		width: 100%;
		overflow: hidden;
	}
	.slider {
  position: absolute;
  width: 110%;
  top: 0px;
  overflow: hidden;
	left: -5%
}
	#fenster1{
	
	display: block;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 88%;
	letter-spacing: 0.30000001192092896px;
	line-height: 18px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	position: relative;
	text-rendering: optimizeLegibility;
	float:left;
	width: 100%;
	z-index: 150;
	left:0%;
	top:87px;
}
	#aside {	
	font-weight: 900;
	font-style: bold;
	text-decoration: none;
	line-height: 13pt;
	font-size: 12pt;
	color: black;
	position: fixed;
	right:0%;
	float: right;
	top: 250px;
	background-color: #fff;
	padding: 2px 3px;
	display:table; 
	display:none;
	
}
}
@media (max-width:450px){
	.ui-desktop{
		display:none
	}
	.hs > li, .item {
		scroll-snap-align: center;
		padding: 0px 2px 0px 2px;
		flex-direction: column;
		justify-content: center;
		text-align: right;
		align-items: center;
		height: 100%;
}
	.hs {
		display: grid;
		grid-template-columns: 1px repeat(4, calc(100% - 1px * .125)) 1px;
		grid-template-rows: minmax(1fr, 100%);
		height: 100%;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
}
	.recently {
		position: relative;
		top: 30px;
		width: 100%;
		overflow: hidden;
}
	.slider {
  position: absolute;
  width: 110%;
  top: 0px;
  overflow: hidden;
	left: -5%;
		animation: slide 10s linear infinite;
}
	nav a{
		padding: 6px 6px;
	}

	#about {
	font-family: adobe-caslon-pro, serif;
	font-weight: 400;
	font-style: normal;
	line-height: 14pt;
    font-size: 15pt;
	z-index: 200;
	color: black;
	padding: 1%;
	height: 146px;
		top: 80px;
}
	#about-background{
		top: 98px;
    height: 130px;
	}
	#aside{
		top: 268px;
		line-height: 13pt;
    	font-size: 12pt;
		left: 50%;

	}
	#contact-form{
		top: 268px;
		left:50px;
	}
	#fenster1{
	overflow: scroll;
	background-attachment: scroll;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 62%;
	letter-spacing: 0.30000001192092896px;
	line-height: 18px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	position: relative;
	text-rendering: optimizeLegibility;
	float:left;
	width: 100%;
	z-index: 150;
	left:0%;
	top: 87px;
	
		
	width: 100%;
	height: 640px;
	top: 87px;
}
	#text {
    position: absolute;
    width: 80%;
    top: 180px;
    font-size: 15pt;
    line-height: 17pt;
    font-weight: 400;
    left: 10%;
	
}
	.centered {
    position: absolute;
    top: 110px;
    left: 5%;
    /* transform: translate(-15%, -300%); */
    right: 0px;
    float: right;
    display: table;
    background-color: white;
    color: black;
    padding: 2px 3px;
    font-family: Helvetica, "Helvetica Bold", "Helvetica Bold Oblique", "Helvetica Light", "Helvetica Light Oblique", "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", Helvetica;
    text-transform: uppercase;
    font-weight: 800;
    font-style: normal;
    line-height: 17pt;
    font-size: 15pt;
}
	#imag {
    position: absolute;
    width: 90%;
    top: 30px;
    left: 4%;
    /* transform: translate(-5%, 7%); */
}
}
@media (max-width:400px){
	
	.slider {
  position: absolute;
  width: 110%;
  top: 0px;
  overflow: hidden;
	left: -5%;
		animation: slide 10s linear infinite;
}

#fenster1{
	
	display: block;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 45%;
	letter-spacing: 0.30000001192092896px;
	line-height: 18px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	position: relative;
	text-rendering: optimizeLegibility;
	float:left;
	width: 100%;
	z-index: 150;
	left:0%;
	top:320px;
}
	#about {
	font-family: adobe-caslon-pro, serif;
	font-weight: 400;
	font-style: normal;
	line-height: 12pt;
	font-size: 10pt;
	z-index: 200;
	color: black;
	padding: 1%
}
}
@media (max-width: 375px) { 
	.hs > li,
.item{
		scroll-snap-align: center;
		padding: 0px 2px 0px 2px;
		flex-direction: column;
		justify-content: center;
		text-align: right;
		align-items: center;
		height: 100%;
	}
	.hs{
		display: grid;
		grid-template-columns: .5px repeat(4, calc(100% - 1px * .125)) .5px;
		grid-template-rows: minmax(1fr, 100%);
		height: 100%;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
	}
	.recently{
		position: relative;
		top: 0px;

		width: 100%;
		overflow: hidden;
	}
	.slider {
  position: absolute;
width: 110%;
top: 0px;
overflow: hidden;
left: -5%;
animation: slide 10s linear infinite;
}
	nav {
    display: table;
    text-align: center;
    width: 100vw;
    background: white;
    left: 0%;
    position: absolute;
	top:28px;
	height:28px;
}

	nav a {
    text-decoration: none;
    display: inline-block;
    color: black;
    background-color: white;
    padding: 6px 4px;
    font-family: Helvetica, "Helvetica Bold", "Helvetica Bold Oblique", "Helvetica Light", "Helvetica Light Oblique", "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", Helvetica;
    text-transform: uppercase;
    font-weight: 600;
    font-style: normal;
    line-height: 13pt;
    font-size: 13pt;
}
	#fenster1{
	
	display: block;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: normal;
height: 571px;
letter-spacing: 0.30000001192092896px;
line-height: 18px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: relative;
text-rendering: optimizeLegibility;
float: left;
width: 100%;
z-index: 150;
left: 0%;
top: 87px;
}
	#contact-form{
		top:230px;
		left:20px;
	}
	#aside{
		top:230px;
		left:150px;
		
	}
	#about {
	font-family: adobe-caslon-pro, serif;
	font-weight: 400;
	font-style: normal;
	line-height: 13pt;
    font-size: 12pt;
	z-index: 200;
	color: black;
	padding: 1%;
	top: 74px;
    color: black;
    padding: 1%;
    height: 120px;
}
	#about-background{
		height: 107px;
		top: 88px;
	}
	#adress_form{
		display: none;
	}
	.centered {
    position: absolute;
    top: 90px;
    left: 2%;
    /* transform: translate(-15%, -300%); */
    right: 0px;
    float: right;
    display: table;
    background-color: white;
    color: black;
    padding: 2px 3px;
    font-family: Helvetica, "Helvetica Bold", "Helvetica Bold Oblique", "Helvetica Light", "Helvetica Light Oblique", "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", Helvetica;
    text-transform: uppercase;
    font-weight: 800;
    font-style: normal;
    line-height: 14pt;
    font-size: 12pt;
}
	#text {
    position: absolute;
    width: 80%;
    top: 140px;
    left: 10%;
}
	#imag {
    position: absolute;
    width: 90%;
    top: 25px;
    left: 0%;
    /* transform: translate(-5%, 7%); */
}
}
@media (max-width: 350px){
	.hs > li,
.item{
		scroll-snap-align: center;
		padding: 0px 2px 0px 2px;
		flex-direction: column;
		justify-content: center;
		text-align: right;
		align-items: center;
		height: 100%;
	}
	.hs{
		display: grid;
		grid-template-columns: .5px repeat(4, calc(100% - 1px * .125)) .5px;
		grid-template-rows: minmax(1fr, 100%);
		height: 100%;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
	}
	.recently{
		position: relative;
		 top: 0px;
		width: 100%;
		overflow: hidden;
	}
	.slider {
  position: absolute;
width: 110%;
top: 0px;
overflow: hidden;
left: -5%;
animation: slide 10s linear infinite;
}
	nav {
    display: table;
    text-align: center;
    width: 100vw;
    background: white;
    left: 0%;
    position: absolute;
	top:28px;
	height:28px;
}

	nav a {
	text-decoration: none;
	display: inline-block;
	color: black;
	background-color: white;
	padding: 6px 4px;
	font-family: Helvetica, "Helvetica Bold", "Helvetica Bold Oblique", "Helvetica Light", "Helvetica Light Oblique", "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", Helvetica;
	text-transform: uppercase;
	font-weight: 600;
	font-style: normal;
	line-height: 12pt;
	font-size: 11pt;
}
	#fenster1{
	
	display: block;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: normal;
height: 481px;
letter-spacing: 0.30000001192092896px;
line-height: 18px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: relative;
text-rendering: optimizeLegibility;
float: left;
width: 100%;
z-index: 150;
left: 0%;
top: 80px;
}
	#contact-form{
		top:230px;
		left:20px;
	}
	#aside{
		top:230px;
		left:150px;
		
	}
	#about {
	font-family: adobe-caslon-pro, serif;
	font-weight: 400;
	font-style: normal;
	line-height: 13pt;
    font-size: 12pt;
	z-index: 200;
	color: black;
	padding: 1%;
	top: 74px;
    color: black;
    padding: 1%;
    height: 120px;
}
	#about-background{
		height: 107px;
		top: 88px;
	}
	#adress_form{
		display: none;
	}
	.centered {
    position: absolute;
    top: 90px;
    left: 2%;
    /* transform: translate(-15%, -300%); */
    right: 0px;
    float: right;
    display: table;
    background-color: white;
    color: black;
    padding: 2px 3px;
    font-family: Helvetica, "Helvetica Bold", "Helvetica Bold Oblique", "Helvetica Light", "Helvetica Light Oblique", "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", Helvetica;
    text-transform: uppercase;
    font-weight: 800;
    font-style: normal;
    line-height: 14pt;
    font-size: 12pt;
}
	#text {
    position: absolute;
    width: 80%;
    top: 140px;
    left: 10%;
}
	#imag {
    position: absolute;
    width: 90%;
    top: 25px;
    left: 0%;
    /* transform: translate(-5%, 7%); */
}
	.inner-container{
		height: 95%;
	}
}
@media (min-width:630px){
		.slider .slider-row {
  width: 140%;
  height: 3vw;
 
}
	.slider {
  position: absolute;
width: 110%;
top: 0%;
overflow: hidden;
left: -5%;
letter-spacing: 4px;
font-weight: 600;
font-style: normal;
line-height: 26pt;
font-size: 24pt;
}
	#about{
		width: 60%;
left: 30%;
top: 10vh;
	}
	#about-background{
		width: 80%;
left: 30%;
top: 10vh;
	}
	nav {
    top: 80px;
position: absolute;
height: 100%;
left: 3%;
top: 44px;
color: black;
width: 200px;
display: block;
    
}
#esc-nav{
	display: block;
border: none;
color: black;
cursor: pointer;
text-align: left;
font-family: Helvetica, "Helvetica Bold", "Helvetica Bold Oblique", "Helvetica Light", "Helvetica Light Oblique", "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", Helvetica;
font-weight: 900;
font-style: bold;
text-transform: uppercase;

text-decoration: none;
bottom: 25vh;
background-color: white;
position: absolute;
padding: 2px 3px;
	line-height: 14pt;
    font-size: 12pt;
    width: 220px;
    padding-left: 17%;
    padding-top: 5px;
    padding-bottom: 5px;
}
#contact-nav{
	display: block;
border: none;
color: black;
cursor: pointer;
text-align: left;
font-family: Helvetica, "Helvetica Bold", "Helvetica Bold Oblique", "Helvetica Light", "Helvetica Light Oblique", "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", Helvetica;
font-weight: 900;
font-style: bold;
text-transform: uppercase;

text-decoration: none;
bottom: 20vh;
position: absolute;
background-color: white;
padding: 2px 3px;
	line-height: 14pt;
    font-size: 12pt;
    width: 220px;
    padding-left: 17%;
    padding-top: 5px;
    padding-bottom: 5px;
}
#subscribe-nav{
	display: block;
border: none;
color: black;
cursor: pointer;
text-align: left;
font-family: Helvetica, "Helvetica Bold", "Helvetica Bold Oblique", "Helvetica Light", "Helvetica Light Oblique", "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", Helvetica;
font-weight: 900;
font-style: bold;
text-transform: uppercase;

text-decoration: none;
padding: 10px;
bottom: 15vh;
position: absolute;
padding: 2px 3px;
background-color: white;
	line-height: 14pt;
    font-size: 12pt;
    padding-left: 17%;
    width: 220px;
    padding-top: 5px;
    padding-bottom: 5px;
}
	#datenschutz-nav{
	display: block;
border: none;
color: rgb(78,112,153);
cursor: pointer;
text-align: left;
font-family: Helvetica, "Helvetica Bold", "Helvetica Bold Oblique", "Helvetica Light", "Helvetica Light Oblique", "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", Helvetica;
font-weight: 900;
font-style: bold;
text-transform: uppercase;

text-decoration: none;
padding: 10px;
bottom: 10vh;
position: absolute;
padding: 2px 3px;
background-color: white;
	line-height: 14pt;
    font-size: 12pt;
    padding-left: 17%;
    width: 220px;
    padding-top: 5px;
    padding-bottom: 5px;
}
	
}
/*---------------------------Bilder-------------------------------*/
@media (min-width:980px){
			.slider .slider-row {
  width: 140%;
  height: 3vw;
 
}
	.slider {
  position: absolute;
width: 110%;
top: 0%;
overflow: hidden;
left: -5%;
letter-spacing: 4px;
font-weight: 600;
font-style: normal;
line-height: 26pt;
font-size: 24pt;
}
	#fenster1{
	
	display: block;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: normal;
height: 45%;
letter-spacing: 0.30000001192092896px;
line-height: 18px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: absolute;
text-rendering: optimizeLegibility;
float: center;
width: 50%;
height: 50%;
		left: 25%;
top: 15%;
}
	#about {
		height: 16%;
	}
	#contact-form{
		left:10%;
		top: 60%;
	}
	#aside {	
	font-weight: 900;
	font-style: bold;
	text-decoration: none;
	line-height: 15pt;
	font-size: 12pt;
	color: black;
	position: fixed;
	left: 10%;
	float: right;
	top: 50%;
	background-color: white;
	padding: 2px 3px;
	display:table; 
	

	
}
	#adress_form {
	position: absolute;
	z-index: 0;
	top:30%;
	left:15%;
	width: 30%;
	height: 20%;
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: black;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: black;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: black;
	border-top-style: solid;
	border-top-width: 1px;
	box-sizing: border-box;
}
	#about-background{
	position: absolute;
	z-index: 0;
	color: black;
	width: 80%;
	left: 30%;
	top: 10vh;
	background-color: white;
	
	height: 15%;
}
	}
/*---------------------------Landscape Mobile-------------------------------*/
	/*---------------------------iPhone6,7&8+-------------------------------*/
	@media only screen 
	and (min-device-width : 414px) 
	and (max-device-width : 736px) 
	and (orientation : landscape) { 
		.recently{
			position: relative;
			top: 0%;
			width: 100%;
			overflow: hidden;
			}
		.hs {
			display: grid;
			grid-template-columns: 15% repeat(4, calc(85% - var(--gutter) * .125)) 15%;
			grid-template-rows: minmax(1fr, 100%);
			height: 90%;
			overflow: scroll;
			-webkit-overflow-scrolling: touch;
			scroll-snap-type: x mandatory;
			}
		.title-wrapper{
			position: relative;
			top: -10%;
			}
		#back-box{
			display: none;
		}
}
	
	/*---------------------------iPhone6,7&8-------------------------------*/
	@media only screen 
	and (min-device-width : 375px) 
	and (max-device-width : 667px) 
	and (orientation : landscape) { 
		.recently{
			position: relative;
			top: 0%;
			width: 100%;
			overflow: hidden;
			}
		.hs {
			display: grid;
			grid-template-columns: 15% repeat(4, calc(85% - var(--gutter) * .125)) 15%;
			grid-template-rows: minmax(1fr, 100%);
			height: 90%;
			overflow: scroll;
			-webkit-overflow-scrolling: touch;
			scroll-snap-type: x mandatory;
			}
		.title-wrapper{
			position: relative;
			top: -10%;
			}
		#back-box{
			display: none;
		}
}
	/*---------------------------iPhoneX-------------------------------*/
	@media only screen 
	and (min-device-width : 375px) 
	and (max-device-width : 812px) 
	and (-webkit-device-pixel-ratio : 3)
	and (orientation : landscape) { 
		.recently{
			position: relative;
			top: 0%;
			width: 100%;
			overflow: hidden;
			}
		.hs {
			display: grid;
			grid-template-columns: 15% repeat(4, calc(67% - var(--gutter) * .125)) 15%;
			grid-template-rows: minmax(1fr, 100%);
			height: 90%;
			overflow: scroll;
			-webkit-overflow-scrolling: touch;
			scroll-snap-type: x mandatory;
			}
		.title-wrapper{
			position: relative;
			top: -10%;
			}
		#back-box{
			display: none;
		}
}

/*----------------------------------------------------------Responsive----------------------------------------------------------*/