@charset "utf-8";
address, article, aside, button, blockquote, body, dd, dialog, dl, dt, fieldset,
footer, form, h1, h2, h3, h4, h5, h6, header, li, nav, ol, p, pre, section,
td, th, tr, ul {
    margin: 0;
    padding: 0; 
}

body {
  background: #f8f7f2; 
  margin: 0;
  padding: 0;
  width: 100vw !important;
  overflow-x: hidden;	
  color: #222;  
  line-height:0;
  touch-action: manipulation !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


@font-face 		{ font-family: "Romain"; src: url("SohneSchmal-Dreiviertelfett.otf");}
@font-face 		{ font-family: "Romain_2"; src: url("PracticeDisplayPan-Regular.ttf");}
@font-face 		{ font-family: "Romain_Body"; src: url("PracticePan-Semibold.ttf");}
@font-face 		{ font-family: "Romain_Body"; font-style:italic; src: url("PracticePan-SemiboldItalic.ttf");}
@font-face 		{ font-family: "Romain_Name"; src: url("PracticeDisplayPan-Regular.ttf");}


html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

.lazyload,
.lazyloading {
	opacity: 0;
}
.lazyloaded {
	opacity: 1;
	transition: opacity 600ms;
}


.transition-fade {
    transition: .3s;
    opacity: 1;	
	transition-delay: .3s;
}

html.is-animating .transition-fade{
    opacity: 0;
}



::-webkit-scrollbar {
  display: none !important; 
  width: 0px !important;	
  opacity: 0 !important; 	
}

h1 {
  font-family: "Romain", sans-serif;
  font-weight:300;
  font-size: 25vw;
  line-height: .75em;
  letter-spacing:-.03em;
  
}

.menuType {
	
  font-family: "Romain", sans-serif;
  font-weight:300;
  font-size: 15vw;
  line-height: .75em;
  letter-spacing:-.01em;
  
}

.hugeType {
	
  font-family: "Romain", sans-serif;
  font-weight:300;
  font-size: 66vw;
  line-height: .75em;
  letter-spacing:-.03em;
  	
	
}

h2 {
  font-family: "Romain", sans-serif;
  font-weight:300;
  font-size: 3.75vw;
  line-height: 1em;
  letter-spacing:-.01em;
  margin-left:.1em;
}

h3 {
  font-family: "Romain", sans-serif;
  font-weight:200;
  line-height: 1em;
  letter-spacing:-.01em;
  margin-left:.1em;
	 font-size: 2.25vw;
}

h4 {
  font-family: sans-serif;
  font-weight:400;
  font-size: 1.25vw;
  line-height: 1em;
  letter-spacing:-.01em;
  margin-left:.1em;
}



a {color: #111; text-decoration:none;}


#smooth-content {
  overflow: visible;
  width: 100%;
  height: auto;
  background: #f8f7f2; 
	
 
}

.rollOver {

  width:40vw;
  height:5vh;
  right:0;
  top:0;
  position:fixed;
  background:none;
  cursor:pointer;
  z-index:300;	
  display:flex;	
  cursor:pointer;
	
}

.menu2_header {


  right:2vh;
  top:2vh;
  position: fixed; 
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden !important;
  z-index:200;
  cursor:pointer;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden; 	
	will-change: transform; 
}


.footer1{
	
  margin-left:1vh;
  margin-bottom:1vh;
}

.footer0{
	
  margin-left:.5vh;
  margin-bottom:.5vh;
}


.item {
  opacity:0;	
   will-change: transform; 
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden; 	
}

.faderz {
  white-space: nowrap;
}
.faderz2 {
  white-space: nowrap;
}


.grid {width:100vw; overflow:hidden; height:auto; display:flex; align-items:flex-end; flex-wrap:wrap;  mix-blend-mode:multiply; 	}

.grid-item {
	 -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden; 	

  width: 10%;
  height: auto;
  margin-right:10px;
  margin-top:10px;	
  float:left;	

	
}

.grid-item2 {
	 -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden; 	

  width: 25%;
  height: auto;
  margin-right:10px;
  margin-top:10px;		
  float:left;	

	
}

.grid-item3 {
	 -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden; 	

  width: 35%;
  height: auto;
  margin-right:10px;
  margin-top:10px;	
  float:left;	
	
}

.grid-item4 {
	 -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden; 	

  width: 60%;
  height: auto;
  margin-right:10px;
  margin-top:10px;	
  float:left;	


}

.grid-item5 {
	 -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden; 	

  width: 100vw;
  height: auto;
  margin-top:10px;	
  float:left;	

}

.grid-itemAuto {
	 -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden; 	

  width: auto;
  height: auto;
   margin-right:10px;
  	
	
	
}



 /*
  * 
  * 
  * MAINFRAME
  * 
  * 
  * 
  */ 
  

.mainframe {
  opacity: 1 !important;
  transition: opacity 0.25s;
}
.mainframe.is-hidden {
  opacity: 0 !important;
}






.red {
  background: #f8f7f2;	
  width:100vw;	
  z-index:10 !important;
  position:absolute;	
  height:auto;
  overflow-x:hidden;	
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden; 	
}



.green {
  mix-blend-mode:multiply; 		
  width:100vw;	
  overflow-x:hidden;		
  z-index:5; 
  height:auto;
  background:#f8f7f2;
  box-shadow: 0px 7px 11px 0px rgba(0, 0, 0, 0.26);
}


.articlebody:first-child:first-letter {
  font-family: "Romain";
  color: #111;
  float: right;
  font-size: 50vw;
  line-height: 1em;
  padding-top: 1em;
  padding-right: 1vw;
  padding-left: 1em;
}

.articlebody {font-family: "Romain_Body"; font-weight:normal; text-indent:none; font-size:1.75vw; line-height:2.25vw;} 	

.articlecaption {font-family: "Romain_Body"; font-weight:normal; text-indent:none; font-size:1vw; line-height:1.25vw;} 	

.subauthor {font-family: "Romain_Body"; font-weight:normal; text-indent:none; font-size:3vw; line-height:3vw !important;}
	
.articleLead {
width:100vw; position:relative; display:flex; justify-content:space-between; flex-direction: row;	
}

.articleLeadTitle {
width:50%; height:100vh; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; align-content:center;
}

.articleLeadImg {
width:50%; height:100vh;
}

.articleContainer {
width:95vw; margin-left:2.5vw; position:relative; display:flex; justify-content:flex-end; flex-wrap:wrap; margin-bottom:5vh; mix-blend-mode:multiply;
}

.stickyImage {
	width:50%; height:98vh; position:sticky; top:0; display:flex; flex-direction:column; align-items:center;
}

.stickyText {
	width:50%;
}

.noteNo {
  vertical-align: top; 
  font-size: 0.5em; 
  line-height:20px;	
  margin-left: 1px; 		
}

.marginsCap {
margin-left:3vw; margin-right:1.5vw;	
}


@media only screen and (max-width: 800px) {

.marginsCap {
margin-left:8vw; margin-right:1.5vw;	
}	
	
.articlecaption {font-family: "Romain_Body"; font-weight:normal;  padding-left: 1em;
        text-indent:-1em; font-size:3.5vw; line-height:4vw;  word-break: break-word;} 	

.subauthor {font-family: "Romain_Body"; font-weight:normal; text-indent:none; font-size:5vw; line-height:5.5vw !important;}
		
.articlebody {font-family: "Romain_Body"; font-weight:normal; text-indent:none; font-size:5vw; line-height:6.5vw;} 	
	
	
.articlebody:first-child:first-letter {
  font-family: "Romain";
  color: #111;
  float: right;
  width:100%;	
  font-size: 50vw;
  line-height: 1em;
  padding-top: 1em;
  padding-right: 1vw;
  padding-left: 1em;
}	
	
.articleContainer {
width:95vw; margin-left:2.5vw; position:relative; display:flex; justify-content:flex-end; flex-direction: column-reverse; flex-wrap:wrap; margin-bottom:5vh; mix-blend-mode:multiply;
}	
	
.stickyText {
	width:100%;
}
	
	
.stickyImage {
	width:100%; height:auto; padding-top:5vh; padding-bottom:5vh; position:relative; top:0; display:flex; align-items:center;
}	

.articleLeadImg {
width:100%; height:100vh;
}	
	
.articleLeadTitle {
width:100%; height:auto; padding-top:10vh; padding-bottom:10vh; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; align-content:center;
}	
	
.articleLead {
width:100vw; position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; flex-direction: column-reverse;	
}
	
	
h1 {
  font-family: "Romain", sans-serif;
  font-weight:300;
  font-size: 66vw;
  line-height: .75em;
  letter-spacing:-.03em;
  
}

h2 {
  font-family: "Romain", sans-serif;
  font-weight:300;
  font-size: 10vw;
  line-height: 1em;
  letter-spacing:-.02em;
  margin-left:.1em;
}	
	
h3 {
  font-family: "Romain", sans-serif;
  font-weight:200;
  line-height: 1em;
  letter-spacing:-.01em;
  margin-left:.1em;
  font-size: 3.75vw;
}	
	
	

.menuType {
	
  font-family: "Romain", sans-serif;
  font-weight:300;
  font-size: 30vw;
  line-height: .8em;
  letter-spacing:-.01em;
  
}
	
.footer0{
	
  margin-left:1vh;
  margin-bottom:1vh;
}
	
	
.grid-itemAuto {
	 -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden; 	

  width: auto;
  height: auto;
   margin-right:0px;
  	
	 mix-blend-mode:multiply; 	
	
}	
	
	
}

@media only screen 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) {}




*:focus {
outline: 0;
outline: none;
}