@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=PT+Mono|PT+Sans");*{color:#000;margin:0;padding:0;border:0;outline:0;box-sizing:border-box}html,body{height:100%;background-color:#accdda}body{font:14px/150% "PT Sans", sans-serif;text-rendering:optimizeLegibility;margin:auto;position:relative}a{white-space:nowrap;text-decoration:none}h1,h2,h3,h4,h5,h6{font-size:2em;line-height:150%;font-family:"PT Mono", monospace;font-weight:bold}p{font-family:"PT Sans", sans-serif}p:empty{display:none}h4,h6,strong,b{font-weight:bold}ul,ol,li{list-style:none;display:block}#top-header{min-height:70px;width:100%;background:rgba(99, 116, 127, 0.85);z-index:50000;position:absolute;top:0}#top-header #logo{background:no-repeat left center;background-size:contain;width:80%;float:left;margin:1em}#top-header #logo img{height:3.8em;float:left}#top-header #logo h1,#top-header #logo h2{display:inline-block}#top-header #logo h1{display:none;height:2.5em;width:2.5em;background-color:#fff;border-radius:50%;text-align:center}#top-header #logo h2{color:#fff;font-size:1.3em;padding-left:1em;padding-top:0.75em;letter-spacing:0.2em;font-weight:normal;text-transform:uppercase}#top-header #top-menue{position:absolute;top:0;right:0;bottom:0;z-index:900000000;text-align:right;display:flex;justify-content:center;align-items:center}#top-header #top-menue a{display:inline-flex;margin:0.5em;width:3em;height:3em;border-radius:50%;cursor:pointer;text-align:center;justify-content:center;align-items:center;font-size:1.2em;font-weight:normal;font-weight:bold;color:#fff}#top-header #top-menue a:hover{color:black}#top-header #top-menue a.menu{background:url(../img/menu-w.svg) no-repeat center center;background-size:cover}#top-header #top-menue a.menu:hover{background-image:url(../img/menu-b.svg)}#content{margin:0 auto;height:100%;position:relative}#content #ground,#content #overlay,#content #spinner{position:absolute;top:0;left:0;right:0;bottom:0}#content #ground main{position:relative;height:100%;width:100%;overflow:hidden;cursor:move}#content #ground main svg{background-color:#accdda}#content #ground main svg:after{content:"";display:block;clear:both}#content #ground main #steuerung{position:absolute;right:1em;bottom:1em;width:40px;height:120px}#content #ground main #steuerung span{margin:10px;height:20px;width:20px;display:block;border-radius:50%;background:center center no-repeat rgba(255, 255, 255, 0.5);background-size:cover;cursor:pointer}#content #ground main #steuerung span:hover{background-color:rgba(0, 0, 0, 0.1)}#content #ground main #steuerung #z-plus{background-image:url(../img/plus-b.svg)}#content #ground main #steuerung #z-reset{background-image:url(../img/close-b.svg)}#content #ground main #steuerung #z-minus{background-image:url(../img/minus-b.svg)}#content #overlay{z-index:20000;display:none}#content #overlay #overflex{height:100%;width:100%;padding:5em;padding-top:10em}#content #overlay main{position:relative;background:rgba(99, 116, 127, 0.85);height:100%;width:100%;display:block}#content #overlay main #over-content{overflow-x:auto;height:100%;width:100%}#content #overlay main #over-close{position:absolute;top:1em;right:1em;z-index:5100000}#content #overlay main #over-close a{padding:1em;display:block;background:center center no-repeat url(../img/close-w.svg);background-size:cover;border-radius:50%;cursor:pointer}#content #overlay main #over-close a:hover{background-image:url(../img/close-b.svg)}#content #overlay main *{color:#fff}#content #overlay main header,#content #overlay main article,#content #overlay main footer{padding:1em 2em}#content #overlay main header{height:5em}#content #overlay main header.icon{height:14em}#content #overlay main header.icon div.icons{height:100%;background:center center no-repeat;background-size:auto 70%}#content #overlay main article{padding:0 5em}#content #overlay main article div.head{padding-bottom:3em}#content #overlay main article div.head.col-md-12{text-align:center}#content #overlay main article div.head h2{letter-spacing:0.2em;text-transform:uppercase}#content #overlay main article div.txt,#content #overlay main article div.code{padding-bottom:0.5em}#content #overlay main article div.txt.col-md-12,#content #overlay main article div.code.col-md-12{text-align:center}#content #overlay main article div.txt h1,#content #overlay main article div.txt h2,#content #overlay main article div.txt h3,#content #overlay main article div.txt h4,#content #overlay main article div.txt h5,#content #overlay main article div.txt h6,#content #overlay main article div.code h1,#content #overlay main article div.code h2,#content #overlay main article div.code h3,#content #overlay main article div.code h4,#content #overlay main article div.code h5,#content #overlay main article div.code h6{font-size:14px;font-family:"PT Sans";padding-bottom:0.95em}#content #overlay main article div.txt li,#content #overlay main article div.code li{padding-left:1em}#content #overlay main article div.txt li::before,#content #overlay main article div.code li::before{content:"•";width:1.2em;display:inline-block;margin-left:-1.2em}#content #overlay main article div.txt ol li:before,#content #overlay main article div.code ol li:before{counter-increment:section;content:counter(section) ". ";font-weight:600 !important}#content #overlay main article div.txt p,#content #overlay main article div.txt ul,#content #overlay main article div.txt ol,#content #overlay main article div.code p,#content #overlay main article div.code ul,#content #overlay main article div.code ol{counter-reset:section;margin-bottom:0.95em;hyphens:auto;-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphenate-limit-chars:4 3;hyphenate-limit-lines:2}#content #overlay main article div.txt a,#content #overlay main article div.code a{opacity:0.85}#content #overlay main article div.txt a:hover,#content #overlay main article div.code a:hover{opacity:1;text-decoration:underline}#content #overlay main article div.menu ul{list-style:none}#content #overlay main article div.menu ul li{list-style:none;display:block}#content #overlay main article div.menu ul li a.icon{display:block;overflow:hidden;white-space:normal;margin:0.5em 0;padding:0.3em 0.1em;padding-left:3em;color:#fff;border-radius:1em;background:left top no-repeat;background-size:2.1em auto}#content #overlay main article div.menu ul li a.icon:hover{background-color:rgba(0, 0, 0, 0.2)}#content #overlay main div.prev,#content #overlay main div.next{position:absolute;bottom:0;top:0;width:10%;z-index:5000000;background:center center no-repeat;cursor:pointer;background-size:2em}#content #overlay main div.prev{left:0;background-image:url(../img/prev-w.svg);background-position:left center}#content #overlay main div.prev:hover{background-image:url(../img/prev-b.svg)}#content #overlay main div.next{right:0;background-image:url(../img/next-w.svg);background-position:right center}#content #overlay main div.next:hover{background-image:url(../img/next-b.svg)}#content #overlay main div.pager{position:absolute;bottom:0;left:0;right:0;height:4em;padding:1em;text-align:center}#content #overlay main div.pager span{padding:0.3em;border-radius:50%;display:inline-block;margin:0.5em;background:rgba(255, 255, 255, 0.5);cursor:pointer}#content #overlay main div.pager span.cycle-pager-active,#content #overlay main div.pager span:hover{background:white}#content #overlay main footer{display:none}#content #spinner{display:none;z-index:30000;background:center center no-repeat url(../img/spinner.svg);background-size:8em auto}figure{padding-bottom:0.5em}figure img{width:100%}figure figcaption{opacity:0.7;font-size:0.9em;line-height:1.4em}figure a{opacity:1}figure a:hover{opacity:0.85}.c-black *{color:#000}.c-white *{color:#fff}.f-black{background-color:rgba(0, 0, 0, 0.75)}.f-white{background-color:rgba(255, 255, 255, 0.75)}@media (max-width:767.98px){h1,h2,h3,h4,h5,h6{font-size:1.2em}#top-header #logo h2{font-size:0.9em;width:200px;padding-top:0}#content #overlay #overflex{padding:1em;padding-top:7em}#content #overlay #overflex main header{height:3em}#content #overlay #overflex main header.icon{height:10em}#content #overlay #overflex main article{padding:1em}#content #overlay #overflex main article div.head{padding-bottom:3em}}::-moz-selection{color:#fff;background:rgba(99, 116, 127, 0.8)}::selection{color:#fff;background:rgba(99, 116, 127, 0.8)}@media screen{#ground,img{-moz-animation:fade 2s;-webkit-animation:fade 2s;-o-animation:fade 2s;-ms-animation:fade 2s;animation:fade 2s}@-moz-keyframes fade{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade{0%{opacity:0}100%{opacity:1}}@-o-keyframes fade{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fade{0%{opacity:0}100%{opacity:1}}@keyframes fade{0%{opacity:0}100%{opacity:1}}}