@font-face {
    font-family: 'OPTILimitedView';
    src:url('/webfonts_OPTILimitedView/OPTILimitedView.ttf.woff') format('woff'),
        url('/webfonts_OPTILimitedView/OPTILimitedView.ttf.svg#OPTILimitedView') format('svg'),
        url('/webfonts_OPTILimitedView/OPTILimitedView.ttf.eot'),
        url('/webfonts_OPTILimitedView/OPTILimitedView.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

body, html, .landing {background-color: #fff200;margin:0; padding:0;}

h1, h2, p, a { 
   font-family: Helvetica, Arial, "sans-serif";
	color: #000000;
	text-decoration: none; text-align: center;
} 

.header {width: 90%; max-width: 1000px;
  margin: 10vh auto;
  max-height: 60vh;
  display: flex;
  justify-content: center;}
.headerbild {max-width: 100%;align-self: center;
  }
  
  @media screen and (min-width: 992px) {
	  .headerbild { max-height: 60vh;}
  }

.row1 {font-size: calc(108px + 2.5vw);font-weight: 300; text-transform: lowercase;line-height: 0.8;}
.row2 {font-size: calc(60px + 2.5vw); font-family: 'OPTILimitedView' !important;text-transform: lowercase;line-height:1; }
.row3 {font-size: calc(56px + 2.5vw);font-weight: 300;text-transform: uppercase;}

h2 {font-size: calc(7px + 2.5vw);font-weight: 500;margin: 10px !important;}

p {text-align: center;font-size: calc(21px + 0.5vw);font-weight: 300;margin: 0;}

.container {width: 100%;}
#one { height: 80vh; display: flex;
  align-items: center;}

#footer {display: flex;
  align-items: center;height: 20vh;}