@import "//hello.myfonts.net/count/313f61";
@font-face {font-family: 'AvenirLT-Medium';src: url('/lib/fonts/313F61_0_0.eot');src: url('/lib/fonts/313F61_0_0.eot?#iefix') format('embedded-opentype'),url('/lib/fonts/313F61_0_0.woff2') format('woff2'),url('/lib/fonts/313F61_0_0.woff') format('woff'),url('/lib/fonts/313F61_0_0.ttf') format('truetype');}
@font-face {font-family: 'AvenirLTStd-Light';src: url('/lib/fonts/31BDAE_0_0.eot');src: url('/lib/fonts/31BDAE_0_0.eot?#iefix') format('embedded-opentype'),url('/lib/fonts/31BDAE_0_0.woff2') format('woff2'),url('/lib/fonts/31BDAE_0_0.woff') format('woff'),url('/lib/fonts/31BDAE_0_0.ttf') format('truetype');}
@font-face {font-family: 'usletter';src: url('/lib/fonts/us-letter-webfont.woff2') format('woff2'),url('/lib/fonts/us-letter-webfont.woff') format('woff')}

:root{--clr0:#fff;--clr1:#B2D699;--clr2:#C9B0D1;--clr3:#FFE89D;--clr4:#EC889B;--clr5:#B3C4DF;}
html{padding:0;margin:0;position:relative;min-height:100%;background:#eee;font-size:90%;}
body{font:1em/1.5 AvenirLTStd-Light,sans-serif;background:#fff;color:#242223;margin:0 auto;margin:0 auto;background:#fff;min-height:100vh;position:relative}
*,:before,:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;vertical-align:top;}
/* ----------- markup ----------- */
a{text-decoration:none;color:#000;border-bottom:1px solid rgba(0,0,0,.1);}
a.active{border-color:#000!important;}
h1,h2{font-family:'usletter',sans-serif;}

h1,h2,h3,h4,h5{line-height:1.2;margin:.25em 0;font-weight:700;}
h1 a,h2 a,h3 a,h4 a,h5 a{border:none;}
h1{font-size:200%;margin:0;}
h2{font-size:150%;}
h3{font-size:120%;}
h4{font-size:100%;}
h5{font-size:90%;}
h6{font-size:80%;}
p{margin:.5em 0;}
hr{border:0;border-bottom:1px solid rgba(0,0,0,.1);margin-top:1em;}
strong{font-family:'AvenirLT-Medium';}
blockquote{padding-left:2em;margin:4px;}
ul{list-style:none;}
ul.inline{display:block;}
ul.inline li{display:inline-block;}
blockquote{margin:.5em 0;padding:0 0 0 2em;}
blockquote:before{position:absolute;content:'•';margin-left:-1em;}
.c{}
.c0,.c1,.c2,.c3,.c4,.c-3,.c-2,.c-6{display:inline-block;vertical-align:top;}
.c0{width:10%;}
.c1{width:20%;}
.c2{width:40%;}
.c3{width:60%;}
.c4{width:80%;}
.c-3{width:33.3%;}
.c-2{width:50%;}
.c-6{width:66.6%;}
.pd{padding:1rem;}
.ph{padding:0 1rem;}
.pv{padding:1rem 0;}
.prr{padding:0 1rem 0 0;}
.pr{position:relative;}
.mb{margin-bottom:1rem;}
.mt{margin-top:1rem;}
.pr{padding-right:1rem;}
.pl{padding-left:1rem;}
.pb{margin-bottom:1px;}
.gb{border:1px solid #eee;}
.fh{min-height:100vh;}
.vb{vertical-align:bottom;border-bottom:1px solid;}
.c4 .c1{width:15%;}
.bb{border-bottom:2px solid #eee;transition:border-color .5s;}
.pr{padding-right:8%;}
.rgt{display:inline-block;float:right;}
.mh{min-height:30vw;}
/* ----------- custom ----------- */
#q{font-family:'AvenirLTStd-Light',Helvetica,sans-serif;padding:.5em 1em;font-size:.9em;width:100%;border-radius:.2em;border:1px solid #eee;margin-top:.7em;}
.highlight{background:#ff0;}
.map-wrapper{position:relative;width:100%;height:calc(100vh - 400px);}
#map{position:absolute;width:100%;height:100%;background-color:#000!important;top:0;}
/* ----------- mobile ----------- */
header{position:fixed;z-index:100;background:#fff;border-bottom:1px solid #f00;width:100%;    height: 4em;}
header .menu-btn{position:absolute;font-size:140%;z-index:10;}
header a.logo{    position: absolute;
    width: 100%;
    background: #fff url(../gfx/PHLA.svg) no-repeat;
    height: 4.1em;
    background-size: 10em;
    background-position: center center;
    border: none;
    padding: 2em 0;
    z-index: 5;}
header .pulldowns {position: absolute; width:100%;background: #fff;top:1rem; transition:top .5s}
header .pulldowns.show {top:4rem;}

a.atm{display:inline-block;padding:.5em;width:33.33%;}
a.vws{display:inline-block;padding:.5em;width:90%;}
.content{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding-top:8rem;}
.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.5);animation:fade 1000ms;z-index:5;display:none;}
.content.nav{position:fixed;left:-80vw;top:0;z-index:10;transition:left .3s;overflow:auto;width:80vw;background:#fff;}
.content.nav.active{left:0;}
.content.nav nav a{color:#000;border-color:#EAEAEA;transition:border-color 1s;padding:1em;display:block;position:relative;line-height:1;}
.content.content1{position:fixed;left:100%;top:0;bottom:0;width:100%;z-index:10;overflow:auto;transition:left .3s;background:#fff;}
.content.content1.active{left:0;}
.select{position:relative;width:100%;margin:.5rem 0}
.select .options{position:relative;width:100%;background:#fff;border:1px solid #EAEAEA; }
.select .options:after{position:absolute;content:'';right:.5rem;top:1em;width:0;height:0;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:.4em solid #000;}
.select .option{padding:.5em;display:none;}
.select.active .options{position:absolute;z-index:10;}
.select.active .option{display:block;border-bottom:1px solid #EAEAEA;}
.select .option.active{display:block;font-weight:700;}

a.tag{padding:.5em 1em;border:1px solid #eee;margin:0 .5em .5em 0;border-radius:.3em;font-size:80%;min-width:11em;display:inline-block;}
.bg-img{padding-top:77%;background-position:center;background-size:cover;background-repeat:no-repeat;}
.bg-img, img.inline{-webkit-filter:grayscale(100%);filter:grayscale(100%);}
.bg-img.p{padding-top:130%;}
.bg-img.r50{padding-top:50%;}
.bg-img.r75{padding-top:75%;}
.bg-img.r100{padding-top:100%;}
.bg-img.fit{background-size:contain;background-position:left top;background-repeat:no-repeat;}
img.inline {width:100%;}
.hide {display:none;}

a.btn{
    display: inline-block;
    padding: .5rem 2rem;
    margin: 1rem 0;
    border: none;
    background: #1e1e1c;
    transition:color 1s;
}
a.btn:hover { color: #fff;}
.bg0 .btn{color:var(--clr0);}
.bg1 .btn{color:var(--clr1);}
.bg2 .btn{color:var(--clr2);}
.bg3 .btn{color:var(--clr3);}
.bg4 .btn{color:var(--clr4);}
.bg5 .btn{color:var(--clr5);}

.bg0{background:var(--clr0);}
.bg1{background:var(--clr1);}
.bg2{background:var(--clr2);}
.bg3{background:var(--clr3);}
.bg4{background:var(--clr4);}
.bg5{background:var(--clr5);}
.b0{border:1px solid var(--clr0);}
.b1{border:1px solid var(--clr1);}
.b2{border:1px solid var(--clr2);}
.b3{border:1px solid var(--clr3);}
.b4{border:1px solid var(--clr4);}
.b5{border:1px solid var(--clr5);}
.d,.ul{display:inline-block;border-bottom:2px solid transparent;transition:border-color 1s;}
.d{margin-left:1em;}
.d:before{content:'\25CF';position:absolute;margin-left:-1em;}
.d0:before{color:var(--clr0);}
.d1:before{color:var(--clr1);}
.d2:before{color:var(--clr2);}
.d3:before{color:var(--clr3);}
.d4:before{color:var(--clr4);}
.d5:before{color:var(--clr5);}

.f0{stroke:#eee;}
.node .f1{stroke:#B2D699;}
.node .f2{stroke:#C9B0D1;}
.node .f5{stroke:#B3C4DF;}
.node .f4{stroke:#EC889B;}
.node .f3{stroke:#FFE89D;}
.node .c1{fill:#B2D699;}
.node .c2{fill:#C9B0D1;}
.node .c5{fill:#B3C4DF;}
.node .c4{fill:#EC889B;}
.node .c3{fill:#FFE89D;}
iframe{border:0;background:#fff;width:100%;overflow:hidden;}
.bt{border-top:1px solid #ddd;padding-top:1em;}
.el{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.small{font-size:90%;}
.wbg{background:#fff;}
.caption{display:block;font-size:80%;padding:.5em 0;}
.itmz{margin:1em 0;}
.hidden{display:none;}
.itmz.img img{max-width:100%;max-height:40vw;margin-bottom:1em;}
.itmz.img small{display:block;}
.itmz iframe{width:100%;height:100%;border:0;margin-bottom:1em;}
.fixdiv{position:relative;width:100%;}
.fixdiv-spacer{padding-top:75%;}
.fixdiv-inner{position:absolute;top:0;bottom:0;left:0;right:0;}
.bx{position:relative;}
.bx .txt{padding-bottom:2em;}
a img{filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(100%);}
#tree{background:#333;padding-top:100%;position:relative;}
#tree  svg{position:absolute;top:0;left:0;}
/* ----- sozial ----- */#sb{margin-top:20px;}
#sb a{display:inline-block;width:3em;height:3em;margin-right:1px;margin-top:10px;background:rgba(0,0,0,.5) url(/lib/gfx/sb2.svg) no-repeat;border:0;transition:background-color .2s;background-size:18em;}
#sb a.twt{background-position:-3em 0;}
#sb a.lin{background-position:-6em 0;}
#sb a.ins{background-position:-9em 0;}
#sb a.flk{background-position:-120px 0;}
#sb a.ltr{background-position:-150px 0;}
#sozial{display:block;margin-top:1em;bottom:0;}
#sozial a{font-size:90%;padding:.5em;border:1px solid;margin:1em 1em 1em 0;display:inline-block;transition:background-color .2s;width:7rem;text-decoration:none;}