*,:before,:after{margin:0;padding:0;box-sizing:border-box;margin:0;padding:0;outline:none;}
::-moz-selection{background:#000;color:#fff;}
::selection{background:rgba(0,0,0,.05);}

.win ::-webkit-scrollbar {width: 4px;}
.win ::-webkit-scrollbar-track {background: #eee; }
.win ::-webkit-scrollbar-thumb {background: #ccc; }
.win ::-webkit-scrollbar-thumb:hover {background: #666; }

body{font-family:'Helvetica Neue', 'Helvetica',sans-serif;font-weight:300;line-height:1.5;color:#000;text-rendering:geometricPrecision}
h1,h2,h4{font-weight:400;line-height:1;}
h1{font-size:3rem;text-transform:uppercase;font-weight:400;letter-spacing:.025em;}
h2{font-size:1.8rem;}
h3{margin-bottom:.75rem;}
h4{font-size:1rem;}
strong{font-weight:400;}
a{text-decoration:none;color:#000;}
a.ul:hover{text-decoration:underline;}
a.button{background:#000;padding:.5rem 1.5rem .75rem 1.5rem;display:inline-block;margin:1rem 0;color:#fff;border-radius:.25rem;min-width:10rem;text-align:center;transition:all .5s;font-weight:400;line-height:1.2}
a.button:hover{background:#fff;color:#000;}

blockquote {padding-left:.75rem;position:relative;}
blockquote:before {content:'-';position:absolute;margin-left:-.75rem;}

img{max-width:100%;}
small,.small{font-size:.9rem;}

a.zoom figure{overflow:hidden;}
a.zoom figure img{transition:transform .5s;display:block;}
a.zoom figure:hover img{transform:scale(1.05);}
a.sb {font-size: 2rem;color:#ccc;transition: color .5s;}
a.sb:hover{color:#000;}
header {background:#fff;padding:.75rem .75rem .75rem 1.25rem;}

main {min-height:100vh;}
footer {min-height:6rem; background:#fff;font-size:.8rem;padding:.5rem 0;}

.fg {max-width:75rem;min-height: 100vh;margin:0 auto}

.hp {top:0;left:0;position:fixed;width:100vw;height:100vh;z-index:-2;}
.hp .gbg {position: absolute;top:0;left:100vw;width:100vw;height:100vh;opacity:0;transition:opacity .5s, transform 20s linear;}
.hp .gbg.active {left:0;opacity:1;transform:scale(1.1)}
.hp .gbg.loaded {left:0;}
.hp .gbg figure{position: absolute;top:0;left:0;width:100vw;height:100vh;}
.hp .gbg figure img{position: absolute;top:0;left:0;width:100vw;height:100vh;object-fit:cover}

.bg {top:0;left:0;position:fixed;width:100vw;height:100vh;z-index:-1;transition:opacity .5s;pointer-events:none;opacity:0}
.bg .gbg {position: absolute;top:0;left:0;width:100vw;height:100vh;opacity:0;transition:opacity .5s;}
.bg .gbg.active {opacity:1}
.bg .gbg figure{position: absolute;top:0;left:0;width:100vw;height:100vh;}
.bg .gbg figure img{position: absolute;top:0;left:0;width:100vw;height:100vh;object-fit:cover}

.stage {transition:opacity .5s;pointer-events:none;opacity:0}
.pause .stage, .pause .bg {pointer-events:all;opacity:1}
.play main, .play footer {display:none;}

.bx {transition:background .5s;}
.bx:hover {background:#fff;}
.bx.active {background:rgb(255,128,69);}
.bx .txt {display:none;}
.row{display:block;clear:both;position:relative;}
.row.inset {margin:0 -.5rem;}
.col{display:inline-block;vertical-align:top;padding:.5em .5rem;min-height:1px;font-size:.8rem;}
.m1{width:8.3333333333%;}
.m2{width:16.6666666667%;}
.m3{width:25%;}
.m4{width:33.3333333333%;}
.m5{width:41.6666666667%;}
.m6{width:50%;}
.m7{width:58.3333333333%;}
.m8{width:66.6666666667%;}
.m9{width:75%;}
.m10{width:83.3333333333%;}
.m11{width:91.6666666667%;}
.m12{width:100%;}
.offset-m1{margin-left:8.3333333333%;}
.offset-m2{margin-left:16.6666666667%;}
.offset-m3{margin-left:25%;}
.pullout{margin:0 -.75rem;}

.pd{padding:.5rem .75rem;}
.ph{padding:0 .75rem;}
.pv{padding:.75rem 0;}
.pr {    padding-right: 1.5rem;}
.mb{margin-bottom:.5rem;}
.mt{margin-top:.75rem;}
.mb2{margin-bottom:1.5rem;}
.mv{margin:.75rem 0;}
.fh{min-height:100vh;}
.wbg{background:#fff;}
.ofg {color:rgb(255,128,69);font-weight:400;}
.obg {background:rgb(255,128,69)}
.lbg {background:rgba(255,128,69,.2)}
.up{text-transform:uppercase;}
.right {text-align:right;}
.circled {
  border-radius: 100%;
  border:2px solid;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 1.6em; 
}

.sh .st {cursor:pointer;}
.sh .hh{max-height:0;overflow:hidden;transition:max-height .5s;}
.sh.active .hh{max-height:100vh;}
figure.fix{position:relative;overflow:hidden;}
figure.fix.ll{background:#fbfbfb url(../gfx/spinner.svg) no-repeat center center;background-size:2rem;}
figure.fix.r30{padding-top:30%;}
figure.fix.r40{padding-top:40%;}
figure.fix.r50{padding-top:50%;}
figure.fix.r75{padding-top:75%;}
figure.fix.r100{padding-top:100%;}
figure.fix.vh{padding-top:auto;height:calc(100vh - 14rem);max-height:40rem;}
figure.fix.vh100{padding-top:auto;height:100vh;}
figure.fix.vh75{padding-top:auto;height:75vh;}
figure.fix img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
figure.fix.contain img{object-fit:contain;}
figure.fix.contain.lt img{object-position:left top;}
figure.fix.contain.rt img{object-position:right top;}
figure figcaption{font-size:.9rem;}

.wrap{position:relative;}
.wrap img{width:100%;display:block;}
.wrap iframe{border:0;width:100%;height:100%;}
.wrap.vim,.wrap.ytb{cursor:pointer;background:#2d343e;}
.wrap.vid:before{content:'';position:absolute;width:5rem;height:5rem;left:50%;top:50%;background-size:contain;transform:translate(-50%,-50%);z-index:10;background-repeat:no-repeat;background-position:center;}
.wrap.vid.vim:before{background-image:url(../gfx/video_vim.svg);}
.wrap.vid.ytb:before{background-image:url(../gfx/video_ytb.svg?v=1);}

.flickity-wrapper {position:relative;padding-top:75%;overflow:hidden;}
.flickity{position:absolute;width:100%;height:100%;top:0;}
.flickity .flickity-viewport {position: absolute;top: 0; width: 100%;}
.flickity .flickity-slider {height:100%;width:100%;}
.flickity .flickity-viewport {height:100%;}
.flickity .cell{display:block;width:100%;height:100%;transition:transform .5s;cursor:pointer;background:#fafafa;}
.flickity .cell figure{width:100%;height:100%;}
.flickity .cell figure img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;transition:transform .5s}
.flickity .cell .inner figure {user-select:none;}
.flickity .cell .txt {display:none}
.flickity-prev-next-button {position: absolute; top: 50%;width: 2.5rem;height: 2.5rem;padding:.5rem;transform: translateY(-50%);border:0;background:rgba(255,255,255,.25);opacity:0;transition:opacity .5s;cursor:pointer;}
.flickity-prev-next-button.previous { left: 0; }
.flickity-prev-next-button.next { right: 0; }
.flickity:hover .flickity-prev-next-button {opacity:1}

.appear{animation:appear 3s forwards;}
.appear.later{animation-delay:1s;opacity:0;}

.itmz.dwl{margin: .75rem 0}
.itmz.dwl em{display: inline-block;width:1.5rem;height:1.5rem;vertical-align: bottom;background: url(../gfx/pdf.svg?v=1);background-size:contain;background-repeat:no-repeat;margin-right:.5rem;}
@keyframes appear {
	from{opacity:0;}
	to{opacity:1;}
}
@keyframes zoomin {
	from{transform:scale(1);}
	to{transform:scale(1.1);}
}

@media screen and (min-width: 640px) {
	header .logo {height: 5.5rem;}
	header .mennekes img{height: 5.5rem;}
	.no-padding {padding:0;}
	.pl {padding-left:.5rem;}
}
@media screen and (max-width: 1024px) {
	.fg {width: 100vw;overflow: hidden;}
}
@media screen and (max-width: 768px) {
	header {padding: .25rem;}
	header .logo {height: 4.5rem;}
	header .mennekes img{height: 4.5rem;}
	.col {width:100%;}
	.pr {padding: .5rem 1.25rem;}
	.s1{width:8.3333333333%;}
	.s2{width:16.6666666667%;}
	.s3{width:25%;}
	.s4{width:33.3333333333%;}
	.s5{width:41.6666666667%;}
	.s6{width:50%;}
	.s7{width:58.3333333333%;}
	.s8{width:66.6666666667%;}
	.s9{width:75%;}
	.s10{width:83.3333333333%;}
	.s11{width:91.6666666667%;}
	.s12{width:100%;}
}