html{overflow:hidden;padding:0;margin:0;height:100%;width:100%;}html body{overflow:hidden;padding:0;margin:0;height:100%;width:100%;}#particles-js{width:100%;height:100%;background-image:url(../data/assets/img/blurred-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;}.stage{background:#222;border-radius:4px;position:fixed;top:10%;left:10%;right:10%;}@media only screen and (max-width: 1800px){.stage{top:0;left:0;bottom:0;right:0;border-radius:0;}}.stage header{padding:40px;padding-left:0;position:relative;height:170px;box-sizing:border-box;}.stage header .brand{text-align:center;width:20%;}.stage header .brand img{display:block;margin-bottom:5px;margin:0 auto;}.stage header .brand span{font-family:'Source Sans Pro', sans-serif;text-transform:uppercase;color:#e94f27;color:#eee;font-size:18px;opacity:0.9;letter-spacing:4px;margin-left:5px;}.stage header .settings{position:absolute;top:0px;left:20%;right:0;bottom:0;}.stage header .settings >section{width:100%;height:100%;display:table;}.stage header .settings >section >div{display:table-cell;vertical-align:middle;padding-right:40px;}.stage header .settings >section >div input{height:50px;border:2px solid #151718;background:#3c3c3c;text-indent:10px;font-size:16px;color:#afafaf;font-family:'Source Sans Pro', sans-serif;margin-right:10px;width:100%;}.stage header .settings >section >div input:focus{outline:none;}.stage header .settings >section >div input:active{outline:none;}.stage header .settings >section >div button{height:54px;border:2px solid #151718;background:#eee;width:54px;text-align:center;display:block;transition:all 0.2s;cursor:pointer;}.stage header .settings >section >div button span{position:relative;cursor:pointer;top:-2px;color:#242424;font-size:34px;font-family:'Source Sans Pro', sans-serif;transition:all 0.2s;}.stage header .settings >section >div button:hover{background:#fff;}.stage header .settings >section >div button:hover span{color:#000;}.stage header .settings >section >div button:focus{outline:none;}.stage header .settings >section >div button:active{outline:none;}.stage header .settings >section >div label{font-size:12px;text-transform:uppercase;color:#e95429;margin-bottom:4px;font-family:'Source Sans Pro', sans-serif;margin-left:4px;}.stage >section{width:100%;height:700px;overflow:hidden;position:relative;}@media only screen and (max-width: 1800px){.stage >section{height:calc(100% - 220px);}}.stage >section >div{display:table;height:100%;width:100%;overflow:hidden;}.stage >section >div aside{display:table-cell;vertical-align:top;width:20%;background:#333;padding:40px;box-sizing:border-box;}.stage >section >div aside nav span{display:block;margin-bottom:15px;text-transform:uppercase;font-family:'Source Sans Pro', sans-serif;color:#e95429;font-size:12px;}.stage >section >div aside nav >label{display:block;width:100%;box-sizing:border-box;border-radius:2px;background:#222;padding:16px;padding-top:8px;padding-bottom:8px;text-transform:uppercase;font-family:'Source Sans Pro', sans-serif;font-weight:400;font-size:16px;color:rgba(255,255,255,0.8);transition:all 0.2s;cursor:pointer;letter-spacing:1px;display:inline-block;margin-right:10px;opacity:0.9;margin-bottom:10px;}.stage >section >div aside nav >label:hover{color:#fff;background:#111;}.stage >section >div aside nav >label.active{opacity:1;color:#222;background:#eee;}.stage >section >div aside nav >label.active:hover{background:#eee;color:#222;}.stage >section >div aside nav >label.disabled{opacity:0.5;cursor:not-allowed;}.stage >section >div aside nav >label.disabled:hover{background:#222;color:rgba(255,255,255,0.8);}.stage >section >div >section{display:table-cell;vertical-align:top;width:80%;background:#eee;padding:40px;box-sizing:border-box;overflow:hidden;}.stage >section >div >section article{width:100%;height:100%;overflow:hidden;display:none;}.stage >section >div >section article.active{display:block;}.stage >section >div >section article >section{background:white;border-radius:2px;padding:40px;text-align:center;font-family:'Source Sans Pro', sans-serif;line-height:50px;}.stage >section >div >section article >section >img{display:block;margin:0 auto;margin-bottom:20px;margin-top:20px;}.stage >section >div >section article nav{margin-bottom:40px;}.stage >section >div >section article nav label,.stage >section >div >section article nav button{border-radius:2px;background:#b7b7b7;padding:16px;padding-top:8px;padding-bottom:8px;text-transform:uppercase;font-family:'Source Sans Pro', sans-serif;font-weight:400;font-size:16px;color:rgba(255,255,255,0.8);transition:all 0.2s;cursor:pointer;letter-spacing:1px;display:inline-block;margin-right:10px;opacity:0.9;border:none;outline:none;}.stage >section >div >section article nav label:hover,.stage >section >div >section article nav button:hover{color:#fff;background:#da4820;}.stage >section >div >section article nav label.active,.stage >section >div >section article nav button.active{opacity:1;color:#fff;background:#e95429;}.stage >section >div >section article nav label.active:hover,.stage >section >div >section article nav button.active:hover{background:#e95429;color:#fff;}.stage >section >div >section article >div{position:relative;height:548px;overflow:auto;overflow-x:hidden;}.stage >section >div >section article >div .tabellenansicht{font-family:'helvetica', sans-serif;overflow:auto;position:absolute;top:0;left:0;right:0;bottom:0;}.stage >section >div >section article >div .rohdatenansicht{font-family:'helvetica', sans-serif;display:none;overflow:auto;position:absolute;top:0;left:0;right:0;bottom:0;}.stage >section >div >section article >div .rohdatenansicht a{color:#e95429;text-decoration:none;}.stage >section >div >section article >div .rohdatenansicht a.json-toggle{background:#45759d;color:rgba(255,255,255,0.8);padding:4px;padding-left:6px;padding-right:6px;display:inline-block;text-transform:uppercase;border-radius:2px;margin-bottom:5px;margin-top:5px;transition:all 0.2s;cursor:pointer;font-family:'Source Sans Pro', sans-serif;font-size:12px;}.stage >section >div >section article >div .rohdatenansicht a.json-toggle:hover{background:#345f81;color:#fff;}.stage >section >div >section article >div .rohdatenansicht li{font-weight:bold;}.stage >section >div >section article >div .rohdatenansicht li >span.pick-path{display:none;}.stage >section >div >section article >div .rohdatenansicht li >span{font-weight:normal;}.stage footer{clear:left;width:100%;height:50px;text-align:center;}.stage footer .cm-link{position:relative;opacity:1;display:inline-block;}.stage footer .cm-link a{opacity:0.8;width:auto;height:20px;display:inline-block;font-family:'Source Sans Pro', sans-serif;text-decoration:none;cursor:pointer;transition:all 0.2s;position:relative;color:#eee;line-height:20px;line-height:50px;}.stage footer .cm-link a img{height:15px;line-height:50px;margin-right:5px;position:relative;top:2px;transition:all 0.2s;}.stage footer .cm-link a:hover{opacity:1;}.rohdatenansicht{background:white;border-radius:2px;padding:20px;}.tabellenansicht{background:white;border-radius:2px;padding:20px;}.tabellenansicht table{width:100%;height:100%;padding-top:20px !important;margin-bottom:20px !important;}.tabellenansicht table tr.odd{background:#f7f7f7;}.tabellenansicht table tr.even{background:#fefefe;}.tabellenansicht table tr td{border-right:1px solid #eee;}.tabellenansicht table tr td:last-of-type{border-right:0px solid #eee;}.tabellenansicht .dataTables_paginate >span a{height:auto;width:auto;padding:0 !important;margin:0;margin-right:5px;display:inline-block;height:50px;width:50px;line-height:50px;text-align:center;font-size:14px;border-radius:2px;background:#bdbdbd;transition:all 0.2s;}.tabellenansicht .dataTables_paginate >span .dataTables_wrapper.dataTables_paginate.paginate_button{color:rgba(255,255,255,0.8) !important;}.wrappera{position:fixed;top:0;left:0;z-index:9999;margin:0 auto;width:100%;max-width:1140px;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:'Source Sans Pro', sans-serif;max-width:600px;left:50%;margin-left:-300px;}.container{position:relative;width:100%;max-width:600px;height:auto;display:flex;background:#fff;box-shadow:0 0 5px #999;}.col-left,.col-right{padding:30px;display:flex;}.col-left{width:60%;-webkit-clip-path:polygon(0 0,0% 100%,100% 0);clip-path:polygon(0 0,0% 100%,100% 0);background:#262626;}.col-right{padding:60px 30px;width:50%;margin-left:-10%;}@media (max-width: 575.98px){.container{flex-direction:column;box-shadow:none;}.col-left,.col-right{width:100%;margin:0;-webkit-clip-path:none;clip-path:none;}.col-right{padding:30px;}}.login-text{position:relative;width:100%;color:#fff;}.login-text img{display:block;margin-bottom:5px;}.login-text span{font-family:'Source Sans Pro', sans-serif;text-transform:uppercase;color:#e94f27;color:#eee;font-size:18px;opacity:0.9;letter-spacing:4px;margin-left:5px;}.login-text .btn{display:inline-block;padding:7px 20px;font-size:16px;letter-spacing:1px;text-decoration:none;border-radius:30px;color:#fff;outline:none;border:1px solid #fff;box-shadow:inset 0 0 0 0 #fff;transition:.3s;-webkit-transition:.3s;}.login-text .btn:hover{color:#44c7f5;box-shadow:inset 150px 0 0 0 #fff;}.login-form{position:relative;width:100%;}.login-form h2{margin:0 0 15px 0;font-size:22px;font-weight:700;}.login-form p{margin:0 0 10px 0;text-align:left;color:#666;font-size:15px;}.login-form p:last-child{margin:0;padding-top:3px;}.login-form p a{color:#44c7f5;font-size:14px;text-decoration:none;}.login-form label{display:block;width:100%;margin-bottom:2px;letter-spacing:.5px;}.login-form p:last-child label{width:60%;float:left;}.login-form label span{color:#ff574e;padding-left:2px;}.login-form input{display:block;width:100%;height:35px;padding:0;text-indent:10px;outline:none;border:1px solid #ccc;border-radius:2px;}.login-form input:focus{border-color:#ff574e;}.login-form button,.login-form input[type=submit]{display:inline-block;width:100%;margin-top:5px;color:#c24b2a;font-size:16px;letter-spacing:1px;cursor:pointer;background:transparent;border:1px solid #c24b2a;border-radius:2px;box-shadow:inset 0 0 0 0 #c24b2a;transition:.3s;-webkit-transition:.3s;}.login-form button:hover,.login-form input[type=submit]:hover{color:#fff;box-shadow:inset 250px 0 0 0 #c24b2a;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;font-stretch:normal;src:url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4gaVc.ttf) format('truetype');}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:normal;src:url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype');}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-stretch:normal;src:url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4gaVc.ttf) format('truetype');}.center{margin:0 auto;text-align:center;}#processing{position:relative;width:50%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px;background-color:none;}#processing.uncomplete .gear-wrapper-1{-webkit-animation:gearEnter1 0.5s ease 1s forwards;animation:gearEnter1 0.5s ease 1s forwards;}#processing.uncomplete .gear-wrapper-2{-webkit-animation:gearEnter2 0.5s ease 1.5s forwards;animation:gearEnter2 0.5s ease 1.5s forwards;}#processing.uncomplete .gear-wrapper-3{-webkit-animation:gearEnter3 0.5s ease 1.25s forwards;animation:gearEnter3 0.5s ease 1.25s forwards;}#processing.uncomplete .gear-wrapper-4{-webkit-animation:gearEnter4 0.5s ease 0.75s forwards;animation:gearEnter4 0.5s ease 0.75s forwards;}#processing.complete .gears{background-color:transparent;transition:background-color 0.25s ease 0.75s;}#processing.complete .gear-wrapper-1{transform:rotate(10deg) translate3d(-5px,-5px,0);-webkit-animation:gearLeave1 0.5s ease 0.5s forwards;animation:gearLeave1 0.5s ease 0.5s forwards;}#processing.complete .gear-wrapper-2{transform:rotate(25deg) translate3d(20px,-50px,0);-webkit-animation:gearLeave2 0.5s ease 0.5s forwards;animation:gearLeave2 0.5s ease 0.5s forwards;}#processing.complete .gear-wrapper-3{transform:rotate(15deg) translate3d(-25px,-15px,0);-webkit-animation:gearLeave3 0.5s ease 0.5s forwards;animation:gearLeave3 0.5s ease 0.5s forwards;}#processing.complete .gear-wrapper-4{transform:translate3d(0,0,0);-webkit-animation:gearLeave4 0.5s ease 0.5s forwards;animation:gearLeave4 0.5s ease 0.5s forwards;}#processing.complete .loading-bar{-webkit-animation:hideLoading 0.5s forwards;animation:hideLoading 0.5s forwards;}#processing.complete .checkmark.checkmark-success{-webkit-animation:fillCheckSuccess 0.4s cubic-bezier(0.65,0,0.45,1) 1s forwards, beatCheck 0.2s ease-out 1.5s forwards, echoSuccess 1.25s ease-out 1.5s forwards;animation:fillCheckSuccess 0.4s cubic-bezier(0.65,0,0.45,1) 1s forwards, beatCheck 0.2s ease-out 1.5s forwards, echoSuccess 1.25s ease-out 1.5s forwards;}#processing.complete .checkmark.checkmark-success .checkmark-circle{stroke:#3c763d;}#processing.complete .checkmark.checkmark-error{-webkit-animation:fillCheckError 0.4s cubic-bezier(0.65,0,0.45,1) 1s forwards, beatCheck 0.2s ease-out 1.5s forwards, echoError 1.25s ease-out 1.5s forwards;animation:fillCheckError 0.4s cubic-bezier(0.65,0,0.45,1) 1s forwards, beatCheck 0.2s ease-out 1.5s forwards, echoError 1.25s ease-out 1.5s forwards;}#processing.complete .checkmark.checkmark-error .checkmark-circle{stroke:#a94442;}#processing.complete .checkmark-circle{-webkit-animation:strokeCheck 0.5s cubic-bezier(0.65,0,0.45,1) 0.75s forwards;animation:strokeCheck 0.5s cubic-bezier(0.65,0,0.45,1) 0.75s forwards;}#processing.complete .checkmark-check{-webkit-animation:strokeCheck 0.3s cubic-bezier(0.65,0,0.45,1) 1.25s forwards;animation:strokeCheck 0.3s cubic-bezier(0.65,0,0.45,1) 1.25s forwards;}h1{color:#333;font-weight:400;}h2{color:#999;font-weight:300;}.wrapper{position:relative;margin:30px auto;}.gears{width:200px;height:200px;background-color:#999;border-radius:50%;overflow:hidden;transform:scale(0);-webkit-animation:scale 0.5s ease 0.5s forwards;animation:scale 0.5s ease 0.5s forwards;}@-webkit-keyframes scale{to{transform:scale(1);}}@keyframes scale{to{transform:scale(1);}}.gear-wrapper{position:absolute;}.gear-wrapper.gear-wrapper-1{top:0;left:0;transform:rotate(10deg) translate3d(-40px,-60px,0);}.gear-wrapper.gear-wrapper-2{top:0;right:0;transform:rotate(25deg) translate3d(70px,-130px,0);}.gear-wrapper.gear-wrapper-3{bottom:0;right:0;transform:rotate(15deg) translate3d(30px,20px,0);}.gear-wrapper.gear-wrapper-4{bottom:0;left:0;transform:translate3d(-70px,70px,0);}@-webkit-keyframes gearEnter1{to{transform:rotate(10deg) translate3d(-5px,-5px,0);}}@keyframes gearEnter1{to{transform:rotate(10deg) translate3d(-5px,-5px,0);}}@-webkit-keyframes gearEnter2{to{transform:rotate(25deg) translate3d(20px,-50px,0);}}@keyframes gearEnter2{to{transform:rotate(25deg) translate3d(20px,-50px,0);}}@-webkit-keyframes gearEnter3{to{transform:rotate(15deg) translate3d(-25px,-15px,0);}}@keyframes gearEnter3{to{transform:rotate(15deg) translate3d(-25px,-15px,0);}}@-webkit-keyframes gearEnter4{to{transform:translate3d(0,0,0);}}@keyframes gearEnter4{to{transform:translate3d(0,0,0);}}@-webkit-keyframes gearLeave1{from{transform:rotate(10deg) translate3d(-5px,-5px,0);}to{transform:rotate(10deg) translate3d(-40px,-60px,0);}}@keyframes gearLeave1{from{transform:rotate(10deg) translate3d(-5px,-5px,0);}to{transform:rotate(10deg) translate3d(-40px,-60px,0);}}@-webkit-keyframes gearLeave2{from{transform:rotate(25deg) translate3d(20px,-50px,0);}to{transform:rotate(25deg) translate3d(70px,-130px,0);}}@keyframes gearLeave2{from{transform:rotate(25deg) translate3d(20px,-50px,0);}to{transform:rotate(25deg) translate3d(70px,-130px,0);}}@-webkit-keyframes gearLeave3{from{transform:rotate(15deg) translate3d(-25px,-15px,0);}to{transform:rotate(15deg) translate3d(30px,20px,0);}}@keyframes gearLeave3{from{transform:rotate(15deg) translate3d(-25px,-15px,0);}to{transform:rotate(15deg) translate3d(30px,20px,0);}}@-webkit-keyframes gearLeave4{from{transform:translate3d(0,0,0);}to{transform:translate3d(-70px,70px,0);}}@keyframes gearLeave4{from{transform:translate3d(0,0,0);}to{transform:translate3d(-70px,70px,0);}}.gear{fill:#e4e4e4;transform-origin:50% 50%;}.gear.gear-1{width:90px;height:90px;animation:gearRotate 1s linear 2s infinite reverse;}.gear.gear-2{width:150px;height:150px;-webkit-animation:gearRotate 1.5s linear 2s infinite;animation:gearRotate 1.5s linear 2s infinite;}.gear.gear-3{width:60px;height:60px;animation:gearRotate 0.75s linear 2s infinite reverse;}.gear.gear-4{width:120px;height:110px;-webkit-animation:gearRotate 1.25s linear 2s infinite;animation:gearRotate 1.25s linear 2s infinite;}@-webkit-keyframes gearRotate{to{transform:rotate(360deg);}}@keyframes gearRotate{to{transform:rotate(360deg);}}.loading-bar{position:relative;width:200px;height:10px;margin-top:50px;background-color:#e4e4e4;border-radius:10px;overflow:hidden;}.loading-bar span{position:absolute;top:0;left:0;width:0;height:100%;background-color:#999;transition:width 0.5s ease;}@-webkit-keyframes hideLoading{to{height:0;margin:0;opacity:0;}}@keyframes hideLoading{to{height:0;margin:0;opacity:0;}}.checkmark{position:absolute;top:50%;left:50%;width:100px;height:100px;margin-top:-50px;margin-left:-50px;display:block;border-radius:50%;stroke-width:1px;stroke:#fff;stroke-miterlimit:10px;}.checkmark-circle{fill:none;stroke-dasharray:200px;stroke-dashoffset:200px;stroke-width:1px;stroke-miterlimit:10px;}@-webkit-keyframes fillCheckSuccess{to{box-shadow:inset 0 0 0 100px #3c763d;}}@keyframes fillCheckSuccess{to{box-shadow:inset 0 0 0 100px #3c763d;}}@-webkit-keyframes fillCheckError{to{box-shadow:inset 0 0 0 100px #a94442;}}@keyframes fillCheckError{to{box-shadow:inset 0 0 0 100px #a94442;}}@-webkit-keyframes beatCheck{0%,100%{transform:scale(1);}50%{transform:scale(1.05);}}@keyframes beatCheck{0%,100%{transform:scale(1);}50%{transform:scale(1.05);}}@-webkit-keyframes echoSuccess{from{box-shadow:inset 0 0 0 100px #3c763d, 0 0 0 0 #3c763d;}to{box-shadow:inset 0 0 0 100px #3c763d, 0 0 0 50px transparent;}}@keyframes echoSuccess{from{box-shadow:inset 0 0 0 100px #3c763d, 0 0 0 0 #3c763d;}to{box-shadow:inset 0 0 0 100px #3c763d, 0 0 0 50px transparent;}}@-webkit-keyframes echoError{from{box-shadow:inset 0 0 0 100px #a94442, 0 0 0 0 #a94442;}to{box-shadow:inset 0 0 0 100px #a94442, 0 0 0 50px transparent;}}@keyframes echoError{from{box-shadow:inset 0 0 0 100px #a94442, 0 0 0 0 #a94442;}to{box-shadow:inset 0 0 0 100px #a94442, 0 0 0 50px transparent;}}.checkmark-check{stroke:#fff;stroke-dasharray:100px;stroke-dashoffset:100px;transform-origin:50% 50%;}@-webkit-keyframes strokeCheck{to{stroke-dashoffset:0px;}}@keyframes strokeCheck{to{stroke-dashoffset:0px;}}.input{display:inline-block;margin-right:10px;}.input span{display:block;font-size:10px;font-weight:bold;color:#555;font-family:tahoma, arial;margin-bottom:4px;}.input input{height:32px;border:none;background:white;padding-top:2px;padding-bottom:2px;text-indent:10px;position:relative;top:-1px;border-radius:2px;}.input input:focus{outline:none;border:none;}.infobox{background:#ededf9;border:1px solid #c2c2e3;border-radius:2px;padding:40px;font-family:tahoma, arial;font-size:14px;line-height:1.5em;color:rgba(81,87,96,0.9);margin-bottom:20px;}.infobox h4{font-size:16px;margin-bottom:20px;margin-top:0;color:#455c88;}.infobox br{margin-bottom:20px;}.infobox strong{color:#455c88;}.result{background:#fefefe;border:1px solid #eee;border-radius:2px;padding:40px;font-family:tahoma, arial;font-size:14px;line-height:1.5em;}#SectionSwitcher{height:100%;overflow:scroll;padding-right:20px;box-sizing:border-box;position:relative;padding-bottom:50px;top:0px;}#SectionSwitcher hr{background:#000;height:1px;margin-bottom:15px;outline:none;box-shadow:none;border:none;}