@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:400,500,500');
html{height:100%;}
body{font-family:'Libre Franklin';background:#fff;padding:0;margin:0;color:#333;position:relative;min-height:100%;padding-bottom:10rem;font-weight:400;line-height:1.4;}
a{text-decoration:none;color:inherit;}
p{font-size:.8rem;line-height:1.5;margin:0 0 1rem;}
small, .small{font-size:.7rem;}
blockquote{padding:0;margin:1rem 2rem;font-size:1rem;position:relative;}
blockquote:before{content:'●';position:absolute;margin-left:-1rem;}
h1,h2,h3,h4{margin:0 0 .5em;font-weight:500;line-height:1.2}
strong{font-weight:500;}
h4{margin:.25rem 0;font-size:1rem;}
header{position:fixed;top:0;right:0;z-index:21;}
header .logo{display:inline-block;background:url(../gfx/oozelogo_img.svg) no-repeat left center;background-size:contain;width:10rem;height:10rem;margin-top:-1rem;margin-right:-1rem;}
header .lb{display:inline-block;float:right;padding:.75rem;font-size:.8rem;}
header .lb a{display:inline-block;margin:.25rem;color:#000;}
header .lb a.active{border-bottom:1px solid;}

.close_tab {position:fixed;top:-2rem;width:100%;text-align: center;z-index:1000;transition: top 1s;}
.close_tab.active {top: 0}
.close_tab #close {padding: .5rem 1rem;
    font-size: .8rem;
    background: rgba(255,255,255,.5);
    border-radius: 0 0 0.5rem 0.5rem;
    color: rgba(0,0,0,.75);}
.masthead{min-height:8rem;line-height:1.2}
.masthead .col{font-size:2.5rem;padding:1rem 1rem 4rem;}
nav{display:block;}
footer{width:100%;position:absolute;bottom:0;}
.footer-inner{padding:1rem;font-size:.8rem;}
.footer-inner .col{font-size:.7rem;vertical-align: baseline;}
ul{list-style:none;padding:0;margin:0;}
ul.li.cat{position:relative;}
ul.tbz{margin-left:1rem;}
ul.tbz li{position:relative;background:inherit;}
ul.tbz li .tab{font-size:.8rem;position:absolute;bottom:100%;width:calc(16.66% - 2rem);background:inherit;border-radius:0 .25rem 0 0;border:1px solid transparent;border-bottom:0;padding-right:1rem;}
ul.tbz li .tab.big{padding-bottom:0;font-size:1rem;font-weight:500;}
ul.tbz li .tab a{padding:.5rem 1rem;color:inherit;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
ul.tbz li .tab-inner{box-shadow:0 -.5rem 1rem rgba(0,0,0,0.1);height:0;margin-left:-1rem;margin-top:0;overflow:hidden;padding:.32rem 1rem;background:inherit;transition:height .5s;}
ul.tbz li:hover .tab-inner{height:1rem;transition:height 1s;-webkit-transition-delay:.2s;transition-delay:.2s;}
ul.tbz li.active .tab-inner{height:auto !important;min-height:70vh;padding-bottom:6rem;}
ul.tbz.ch li:last-child .tab-inner{min-height:.5rem;}
.close{position:absolute;right:.5rem;font-size:130%;opacity:0;transition:opacity 1s;cursor:pointer;top:0;z-index:10;}
#overlay .close{display:none;}
.overlay-close{font-size:200%;position:absolute;right:calc(15% - 1rem);z-index:100;top:2rem;color:#fff;cursor:pointer;opacity:.75;}
.overlay-close:hover{opacity:1;}

a.prv, a.nxt {font-size:.8rem;border:.1px solid;padding:.5rem;}
a.prv {float:left;}
a.nxt {position: absolute;right: 1rem;}


.tab .close{}
.map{min-height:50vh;}
ul.tbz li.active :hover .close{opacity:1;}
ul.tbz li.active .close{opacity:.5;}
.last{height:24rem!important;}
ul.tbz li:nth-child(5n) .tab{margin-left:83.32%;}
ul.tbz li:nth-child(5n-1) .tab{margin-left:66.66%;}
ul.tbz li:nth-child(5n-2) .tab{margin-left:50%;}
ul.tbz li:nth-child(5n-3) .tab{margin-left:33.33%;}
ul.tbz li:nth-child(5n-4) .tab{margin-left:16.66%;}
ul.tbz li .tab.big{margin-left:0!important;}
ul.tbz  li.search .tab{margin-left:83.32%;}
section{margin:2rem 1rem;}
.row{display:block;margin:1rem -.5rem;font-size:0;background:inherit;margin-bottom:3rem;}
.col{display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 .5rem;min-height:1px;font-size:0;font-size:1rem;background:inherit;}
.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%;}
.close_big{position:fixed;right:2rem;top:4rem;font-size:200%;}
.offset-m1{margin-left:8.3333333333%;}
.offset-m2{margin-left:16.6666666667%;}
.offset-m3{margin-left:25%;}
.offset-m4{margin-left:33.3333333333%;}
.offset-m5{margin-left:41.6666666667%;}
.offset-m6{margin-left:50%;}
.s{font-size:.7rem;}
.m{font-size:120%;line-height:1.2;}
.l{font-size:140%;line-height:1.2;}
.xl{font-size:150%;line-height:1.2;}
.pd{padding:.75rem;}
.pv{padding:.75rem 0;display:block;}
.ph{padding:0 .75rem;}
.mb{margin-bottom:.75rem;}
.mb2{margin-bottom:1.5rem;}
input{padding:.25rem;background:#fff;border:1px solid #eee;}
input[type='submit']{background:#adadad;color:#fff;}
input.q{border:0;display:block;padding:.5rem;width:100%;outline:none;font-size:.8rem;}
::-webkit-input-placeholder { color: #ccc;}
::-moz-placeholder { color: #ccc;}
:-ms-input-placeholder { color: #ccc;}
:-moz-placeholder { color: #ccc;}
.vv{font-size:.8rem;}
.vr{display:inline-block;vertical-align:top;width:7rem;}
.vl{display:inline-block;vertical-align:top;width:calc(100% - 7rem);margin-bottom:.5rem;}
.vl:before{content:':';position:absolute;margin-left:-.5rem;}
.itmz{}
/*.itmz.txt p{text-align:left;max-width:50em;line-height:1.5;display:inline-block;}*/.itmz img{width:100%;display:block;}
.pro img{cursor:pointer;}
.pro.itmz .sz0{width:50%;display:inline-block;}
.pro.itmz .sz1{width:75%;display:inline-block;}
.pro.itmz .sz2{width:100%;display:inline-block;}
.pro.itmz:nth-child(even){text-align:left;}
.pro.itmz:nth-child(odd){text-align:right;}
.placeholder{width:100%;padding-top:75%;background-color:rgba(0,0,0,.25);}
.bg-img{top:0;width:100%;background-color:inherit;background-size:cover;background-position:center center;}
.bg-img img{width:100%;}
/*.bg-img:hover{opacity:1;}*/.bg-img.r50{padding-top:50%;}
.bg-img.thu{background-size:cover;background-repeat:no-repeat;}
.pro .bg-img{cursor:zoom-in;}
.bg-img.vid{display:inline-block;position:relative;cursor:pointer;padding-top:60%;margin-top:15%;background-size:cover!important;background-position:center center!important;}
.bg-img.vid:before{content:'';position:absolute;width:4rem;height:4rem;left:50%;top:50%;background:transparent url(../gfx/video.svg) center center no-repeat;background-size:contain;transform:translate(-2rem,-2rem);}
iframe{width:100%;height:100%;border:0;}
.bg-img{background-size:2rem!important;background-position:center!important;background-color:rgba(0,0,0,.01);background-repeat:no-repeat;}
.bg-img.loaded {padding:0 !important}
.bg-img.r100{padding-top:100%;}
.bg-img.fit{background-size:contain;background-position:bottom left;background-repeat:no-repeat;}
.slides{position:relative;z-index:10;padding-top:60%;margin-bottom:1.5rem;overflow:hidden;background:rgba(255,255,255,.25);}
.slides.hp{height:calc(100vh - 7.5rem);width:100%;top:0;left:0;padding-top:inherit;margin-bottom:.5rem;max-height:75vw;}
.slides .slide{top:0;position:absolute;width:100%;height:100%;font-size:400%;background-size:cover;background-position:center center;transition:opacity 4s;}
.slides .slide.v{filter:blur(2rem);}
.slides .slide.hide{opacity:0;}
.slides .slide .caption{position:absolute;font-size:1rem;margin:0;bottom:0;left:0;width:100%;}
.slides .thumbs{position:absolute;bottom:-3rem;width:100%;height:3em;z-index:1000;transition:bottom 1s;text-align:center;}
.slides .thumbs .thu{display:inline-block;background-repeat:no-repeat;background-size:cover;height:3rem;width:4rem;margin-right:.5rem;border:2px solid rgba(255,255,255,.75);opacity:.5;transition:opacity 1s;cursor:pointer;background-color:#fff;}
.slides .thumbs .thu:hover,.slides .thumbs .thu.active{opacity:1;}
.slides:hover .thumbs{bottom:1rem;}
.fixdiv{position:relative;width:100%;}
.fixdiv-spacer{padding-top:60%;}
.fixdiv-inner{position:absolute;top:0;bottom:0;left:0;right:0;}
.itmz iframe{width:100%;height:100%;border:0;}
.blended{background-blend-mode:multiply;transition:background-blend-mode 2s;}
.blended:hover{background-blend-mode:normal;}
.credits{font-size:.9rem;}
.caption{font-size:.7rem;min-height:1rem;display:block;padding:.1rem 0;margin-bottom:.1rem;}
.highlight{    background: #5bf085;
    padding: 0 0.2rem;}
#zoombox{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:rgba(0,0,0,.75);z-index:1000;pointer-events:none;background-repeat:no-repeat;background-position:center center;opacity:0;transition:opacity 1s;background-size:contain;}
#zoombox.active{opacity:1;pointer-events:all;}
.zoombox-caption{position:absolute;color:#fff;margin:1rem;bottom:0;left:0;font-size:.8rem;}
#overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background:rgba(0,0,0,.5);padding:1rem;z-index:30;opacity:0;transition:opacity 1s;}
#overlay .tab-inner{position:absolute;padding:.5rem;top:2rem;bottom:4rem;left:15vw;width:70vw;overflow:auto;background:#fff;}
#overlay.active{display:block;opacity:1;}
#overlay .slides{margin-top:.5rem;}
img.fit{width:100%;}
a.inline{border:none;display:inline-block;transition:background 1s;position:relative;opacity:.75;transition:opacity 1s;}
a.inline:after{content:'';position:absolute;border-bottom:2px solid;width:100%;bottom:0;left:0;opacity:.5;transition:opacity 1s;}
a.inline:hover{opacity:1;}
a.inline:hover:after{opacity:1;}

a.file{margin:10px 0;padding:3px 0;border:none;font-size:80%;}
a.file em{display:inline-block;height:50px;width:40px;margin-right:1em;background:url(../gfx/filez.svg) no-repeat;border:0;}
a.file.pdf em{background-position:0 -50px;}
a.file.doc em{background-position:-40px -50px;}
a.file.xls em{background-position:-80px -50px;}
a.file.zip em{background-position:-120px 0;}

a.ul{border-bottom:1px solid rgba(0,0,0,.25);}




#sozial{margin:2rem 0;}
/*#sozial span {min-width:4rem;display:inline-block;}*/#sozial a{margin-right:.9rem;font-size:.8rem;}
.read{max-width:50rem;font-size:.8rem;}
@keyframes appear {
50%{opacity:0;}
100%{opacity:1;}
}
.appear{opacity:0!important;transform:translateX(10px);transition:opacity 0.5s,transform .5s!important;}
.appear.active{opacity:1!important;transform:translateX(0px);}
@keyframes fadeIn {
from{opacity:0;}
to{opacity:1;}
}
.fadeIn{animation-name:fadeIn;animation-duration:1s;}
@media (max-width: 1400px) {
body,.col{font-size:.8rem;}
ul.tbz li .tab{width:calc(25% - 2rem);}
ul.tbz li .tab-inner{height:,75rem;}
ul.tbz li:nth-child(3n) .tab{margin-left:75%;}
ul.tbz li:nth-child(3n-1) .tab{margin-left:50%;}
ul.tbz li:nth-child(3n-2) .tab{margin-left:25%;}

ul.tbz  li.search .tab{margin-left:75%;}
.m1{width:25%;}
.m2{width:25%;}
.m3{width:50%;}
.m4{width:50%;}
.m5{width:50%;}
.m6{width:50%;}
.m7{width:50%;}
.m8{width:50%;}
.m9{width:75%;}
.m10{width:100%;}
.m11{width:100%;}
.m12{width:100%;}
.masthead .col.m6{width:75%;font-size:2rem !important}
footer .col.m6{width:100%!important;margin-bottom:1rem;}
footer .col.m3{width:50%!important;}
}
@media (max-width: 920px) {
body,.col{font-size:.8rem;}
ul.tbz li .tab{width:calc(50% - 2rem);}
ul.tbz li:nth-child(2n) .tab{margin-left:50%;}
ul.tbz li:nth-child(2n-1) .tab{margin-left:0;}
ul.tbz li .tab-inner{height:1.4rem;}
ul.tbz li:hover .tab-inner{height:1.4rem;}
ul.tbz  li.search .tab{margin-left:50%;}
.m1{width:50%;}
.m2{width:50%;}
.m3{width:50%;}
.m4{width:50%;}
.m5{width:50%;}
.m6{width:50%;}
.m7{width:50%;}
.m8{width:50%;}
.m9{width:75%;}
.m10{width:100%;}
.m11{width:100%;}
.m12{width:100%;}
ul.tbz.ch li:last-child .tab-inner{min-height:2rem;}
footer .col{width:100%;margin-bottom:.5rem;}
footer label{display:block;margin-bottom:.1rem;}
.masthead .col.m6{font-size:1rem;width:100%!important;padding-right:10rem;font-size:1.5rem !important}
footer .col.m3{width:100%!important;margin-bottom:1rem;}
}
@media (max-width: 640px) {
header .logo{margin:0;width:6rem;height:6rem;}
ul.tbz li .tab{width:calc(100% - 2rem);margin-left:0!important;}
ul.tbz li .tab-inner{height:2rem;}
ul.tbz li:hover .tab-inner{height:2rem;}
.col{width:100%;}
#overlay .tab-inner{position:absolute;padding:1rem .5rem;top:1rem;bottom:3rem;left:1rem;width:calc(100vw - 3rem);overflow:auto;background:#fff;padding-top:2rem;}
#overlay .close{display:block;right:.25rem;opacity:1;font-size:200%;background:rgba(255,255,255,.5);line-height:1;padding:0 .5rem;top:.5rem;}
.overlay-close{display:none;}

a.prv, 


.bv{padding:0;}
.masthead .col.m6{font-size:1rem !important;padding-right:5.5rem;}
}
@media print {
body,.col{font-size:.8rem;}
ul.tbz li{display:none;}
ul.tbz li.active{display:block;}
ul.tbz li .tab{width:calc(50% - 2rem);}
ul.tbz li:nth-child(2n) .tab{margin-left:50%;}
ul.tbz li:nth-child(2n-1) .tab{margin-left:0;}
ul.tbz li .tab-inner{height:1.4rem;}
.m1{width:50%;}
.m2{width:50%;}
.m3{width:50%;}
.m4{width:50%;}
.m5{width:50%;}
.m6{width:50%;}
.m7{width:50%;}
.m8{width:50%;}
.m9{width:75%;}
.m10{width:100%;}
.m11{width:100%;}
.m12{width:100%;}
ul.tbz.ch li:last-child .tab-inner{min-height:2rem;}
.masonry .col{position:static!important;left:auto;top:auto;display:inline-block;padding:0 .75rem!important;}
.bg-img{background:none!important;padding:0!important;position:relative;}
.bg-img img{display:block;width:90%;}
}