Difference between revisions of "Template:Humboldt Berlin"

 
(111 intermediate revisions by 3 users not shown)
Line 11: Line 11:
  
 
<style>
 
<style>
−
#content {
+
    #globalWrapper {
−
    width: 100%;
+
        padding: 0 !important;
−
    margin: 0;
+
     }
−
     padding: 0;
+
−
}
+
  
 +
    html #content {
 +
position: static;
 +
width: 100%;
 +
margin: 0;
 +
padding: 0;
 +
    }
  
 +
    .fixed-image-header {
 +
        z-index: -1 !important;
 +
    }
 +
.padding-container {
 +
padding: 0 5%;
 +
}
 
</style>
 
</style>
  
 
<!-- CUSTOM STYLE -->
 
<!-- CUSTOM STYLE -->
 
<style>
 
<style>
−
@font-face{font-family:'Lato';src:url("../fonts/Lato-Bold.woff") format("woff");font-style:italic;font-weight:bold;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("../fonts/Lato-Italic.woff") format("woff");font-style:italic;font-weight:normal;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("../fonts/Lato-Regular.woff") format("woff");font-style:normal;font-weight:normal;text-rendering:optimizeLegibility}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{background:color(bg, 1);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:'Lato', sans-serif;color:#373535}#content html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}#content body{margin:0}#content article,#content aside,#content footer,#content header,#content nav,#content section{display:block}#content h1{font-size:2em;margin:0.67em 0}#content figcaption,#content figure,#content main{display:block}#content figure{margin:1em 40px}#content hr{box-sizing:content-box;height:0;overflow:visible}#content pre{font-family:monospace, monospace;font-size:1em}#content a{background-color:transparent;-webkit-text-decoration-skip:objects}#content abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}#content b,#content strong{font-weight:inherit}#content b,#content strong{font-weight:bolder}#content code,#content kbd,#content samp{font-family:monospace, monospace;font-size:1em}#content dfn{font-style:italic}#content mark{background-color:#ff0;color:#000}#content small{font-size:80%}#content sub,#content sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}#content sub{bottom:-0.25em}#content sup{top:-0.5em}#content audio,#content video{display:inline-block}#content audio:not([controls]){display:none;height:0}#content img{border-style:none}#content svg:not(:root){overflow:hidden}#content button,#content input,#content optgroup,#content select,#content textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}#content button,#content input{overflow:visible}#content button,#content select{text-transform:none}#content button,#content html [type="button"],#content [type="reset"],#content [type="submit"]{-webkit-appearance:button}#content button::-moz-focus-inner,#content [type="button"]::-moz-focus-inner,#content [type="reset"]::-moz-focus-inner,#content [type="submit"]::-moz-focus-inner{border-style:none;padding:0}#content button:-moz-focusring,#content [type="button"]:-moz-focusring,#content [type="reset"]:-moz-focusring,#content [type="submit"]:-moz-focusring{outline:1px dotted ButtonText}#content fieldset{padding:0.35em 0.75em 0.625em}#content legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}#content progress{display:inline-block;vertical-align:baseline}#content textarea{overflow:auto}#content [type="checkbox"],#content [type="radio"]{box-sizing:border-box;padding:0}#content [type="number"]::-webkit-inner-spin-button,#content [type="number"]::-webkit-outer-spin-button{height:auto}#content [type="search"]{-webkit-appearance:textfield;outline-offset:-2px}#content [type="search"]::-webkit-search-cancel-button,#content [type="search"]::-webkit-search-decoration{-webkit-appearance:none}#content ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}#content details,#content menu{display:block}#content summary{display:list-item}#content canvas{display:inline-block}#content template{display:none}#content [hidden]{display:none}#content h1,#content h2{text-align:center}#content ul,#content ol{margin-top:0;margin-bottom:24px;padding-left:24px}#content ul{list-style:disc}#content ol{list-style:decimal}#content li>ul,#content li>ol{margin-bottom:0}#content img{height:auto;max-width:100%;vertical-align:middle}#content figure{margin:24px 0}#content figcaption{padding:8px 0}#content img,#content svg{display:block}#content table{border-collapse:collapse;margin-bottom:24px;width:100%}#content tr{border-bottom:1px solid color(bg, 3)}#content th{text-align:left}#content th,#content td{padding:10px 16px}#content th:first-child,#content td:first-child{padding-left:0}#content th:last-child,#content td:last-child{padding-right:0}#content section{padding:50px 0;background-color:#fff}#content .grey-bg{background:#a7c0e5}#content .image-bg img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0;-webkit-filter:brightness(50%);filter:brightness(50%)}#content .image-bg-content{position:relative;z-index:1;min-height:550px}#content .full-height{height:100vh;min-height:550px;padding:20px}#content .width-limit{max-width:1440px;margin:0 auto}#content .relative-container{position:relative}#content .margin-top{margin-top:80px}#content .hidden{display:none !important}#content .visible{display:block !important}#content .ar16-9{padding:56.25% 0 0}#content .sr .has-animations .is-revealing{visibility:hidden}#content .mouse{display:block;margin:0 auto;width:23px;height:40px;border-radius:13px;border:2px solid #fff;position:absolute;top:90%;position:absolute;left:50%;margin-left:-14px;z-index:2}#content .mouse span{display:block;margin:6px auto;width:3px;height:7px;border-radius:100%;background:#fff;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:scroll;animation-name:scroll}@-webkit-keyframes scroll{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(12px);transform:translateY(12px)}}@keyframes scroll{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(12px);transform:translateY(12px)}}#content .image-container{margin-bottom:50px}#content .image-tag{position:absolute;border:3px solid rgba(255,255,255,0.25);cursor:pointer}#content .image-tag .tag-caption{display:none;width:100%;top:-10px;-webkit-transform:translateY(-100%);transform:translateY(-100%);text-align:center}#content .image-tag:hover{border:3px solid rgba(255,255,255,0.9)}#content .image-tag:hover .tag-caption{display:block}#content nav{position:absolute;left:0;top:0;z-index:100;width:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#a2dfba}#content nav .nav-logo{display:inline-block;width:2.5em;height:auto;margin-right:10px}#content nav .nav-content{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:80px}#content nav a{color:#373535;font-weight:bold;text-decoration:none;font-size:18px}#content nav a.active{color:#ff59ab}#content nav .nav-right{position:relative}#content nav .nav-right input,#content nav .nav-right span,#content nav .nav-right .submenu{display:none}#content nav .nav-right .item{position:relative;display:inline-block}#content nav .nav-right .item:hover .submenu{display:block;position:absolute;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);background-color:#a2dfba;padding:10px}#content nav .nav-right .item:hover .submenu a{white-space:nowrap;white-space:pre;margin:10px;display:block}#content nav .nav-right a{margin:0 10px}#content nav .nav-right a:hover{color:#ff59ab}#content nav .nav-right a:last-child{margin:0 0 0 10px}#content nav .nav-right .devider{display:inline}#content nav .nav-right .devider::after{content:'|';color:#373535;margin:0 10px}@media screen and (max-width: 1023px){#content nav .nav-right .menu-items{display:none}#content nav .nav-right .devider{border-top:1px solid #373535;margin:0 20px 0 0;height:1px;width:100%}#content nav .nav-right .devider::after{content:''}#content nav .nav-right input,#content nav .nav-right span{display:block}#content nav .nav-right input{width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}#content nav .nav-right span{width:33px;height:4px;margin-bottom:5px;position:relative;background:#373535;border-radius:3px;z-index:1;-webkit-transform-origin:4px 0px;transform-origin:4px 0px;transition:background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),opacity 0.55s ease,-webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);transition:transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),opacity 0.55s ease;transition:transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),opacity 0.55s ease,-webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1)}#content nav .nav-right span:first-child{-webkit-transform-origin:0% 0%;transform-origin:0% 0%}#content nav .nav-right span:nth-last-child(2){-webkit-transform-origin:0% 100%;transform-origin:0% 100%}#content nav .nav-right input:checked ~ span{opacity:1;-webkit-transform:rotate(45deg) translate(-2px, -1px);transform:rotate(45deg) translate(-2px, -1px);background:#232323}#content nav .nav-right input:checked ~ span:nth-last-child(3){opacity:0;-webkit-transform:rotate(0deg) scale(0.2, 0.2);transform:rotate(0deg) scale(0.2, 0.2)}#content nav .nav-right input:checked ~ span:nth-last-child(2){-webkit-transform:rotate(-45deg) translate(0, -1px);transform:rotate(-45deg) translate(0, -1px)}#content nav .nav-right input:checked ~ .menu-items{display:block;position:absolute;padding:0 10px;right:-20px;text-align:right;margin-top:30px;background:#a2dfba}#content nav .nav-right input:checked ~ .menu-items a{display:block;margin:20px 15px}}#content .footer-container{background:#a2dfba;padding:75px 0}#content .footer-right{display:flex}#content .footer-right ul:first-child{margin-right:20px}@media screen and (max-width: 760px){#content .footer-right ul:first-child{margin-right:0}}#content footer{display:flex;justify-content:space-between;align-items:center;padding:0 20px}@media screen and (max-width: 760px){#content footer{flex-direction:column}}#content footer img{width:200px;height:auto}@media screen and (max-width: 760px){#content footer img{margin-bottom:20px}}#content footer ul li{list-style:none;margin:10px 0}#content footer a{color:#373535;font-weight:bold;text-decoration:none;font-size:18px}#content footer a:hover{color:#ff59ab}#content .animated-background{background:#1F3D24;height:100vh;width:100%;overflow:hidden;position:absolute}#content .animated-background span{width:20vmin;height:20vmin;border-radius:20vmin;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;-webkit-animation-name:move;animation-name:move;-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}#content .animated-background span:nth-child(1){color:#85C067;top:38%;left:9%;-webkit-animation-duration:13.3s;animation-duration:13.3s;-webkit-animation-delay:-3s;animation-delay:-3s;-webkit-transform-origin:1vw 14vh;transform-origin:1vw 14vh;box-shadow:40vmin 0 10.8534vmin currentColor}#content .animated-background span:nth-child(2){color:#85C067;top:10%;left:20%;-webkit-animation-duration:13.6s;animation-duration:13.6s;-webkit-animation-delay:-10.1s;animation-delay:-10.1s;-webkit-transform-origin:-15vw -18vh;transform-origin:-15vw -18vh;box-shadow:40vmin 0 11.44704vmin currentColor}#content .animated-background span:nth-child(3){color:#85C067;top:7%;left:63%;-webkit-animation-duration:10.7s;animation-duration:10.7s;-webkit-animation-delay:-14.5s;animation-delay:-14.5s;-webkit-transform-origin:-19vw -1vh;transform-origin:-19vw -1vh;box-shadow:-40vmin 0 13.12025vmin currentColor}#content .animated-background span:nth-child(4){color:#5C984F;top:74%;left:8%;-webkit-animation-duration:10.2s;animation-duration:10.2s;-webkit-animation-delay:-14.6s;animation-delay:-14.6s;-webkit-transform-origin:23vw -24vh;transform-origin:23vw -24vh;box-shadow:-40vmin 0 13.65134vmin currentColor}#content .animated-background span:nth-child(5){color:#85C067;top:98%;left:36%;-webkit-animation-duration:10.3s;animation-duration:10.3s;-webkit-animation-delay:-8.6s;animation-delay:-8.6s;-webkit-transform-origin:8vw -8vh;transform-origin:8vw -8vh;box-shadow:-40vmin 0 14.39956vmin currentColor}#content .animated-background span:nth-child(6){color:#5C984F;top:16%;left:92%;-webkit-animation-duration:12.1s;animation-duration:12.1s;-webkit-animation-delay:-8.6s;animation-delay:-8.6s;-webkit-transform-origin:21vw 18vh;transform-origin:21vw 18vh;box-shadow:-40vmin 0 12.06503vmin currentColor}#content .animated-background span:nth-child(7){color:#5C984F;top:27%;left:58%;-webkit-animation-duration:11.1s;animation-duration:11.1s;-webkit-animation-delay:-11.8s;animation-delay:-11.8s;-webkit-transform-origin:-10vw 1vh;transform-origin:-10vw 1vh;box-shadow:-40vmin 0 13.1758vmin currentColor}#content .animated-background span:nth-child(8){color:#5C984F;top:49%;left:63%;-webkit-animation-duration:12.4s;animation-duration:12.4s;-webkit-animation-delay:-.9s;animation-delay:-.9s;-webkit-transform-origin:25vw -7vh;transform-origin:25vw -7vh;box-shadow:-40vmin 0 13.20167vmin currentColor}#content .animated-background span:nth-child(9){color:#85C067;top:49%;left:8%;-webkit-animation-duration:14.7s;animation-duration:14.7s;-webkit-animation-delay:-5.1s;animation-delay:-5.1s;-webkit-transform-origin:-19vw 8vh;transform-origin:-19vw 8vh;box-shadow:40vmin 0 14.3081vmin currentColor}#content .animated-background span:nth-child(10){color:#5C984F;top:75%;left:32%;-webkit-animation-duration:10.4s;animation-duration:10.4s;-webkit-animation-delay:-.5s;animation-delay:-.5s;-webkit-transform-origin:-6vw -6vh;transform-origin:-6vw -6vh;box-shadow:40vmin 0 14.83117vmin currentColor}#content .animated-background span:nth-child(11){color:#85C067;top:2%;left:6%;-webkit-animation-duration:15.1s;animation-duration:15.1s;-webkit-animation-delay:-8.8s;animation-delay:-8.8s;-webkit-transform-origin:3vw 11vh;transform-origin:3vw 11vh;box-shadow:-40vmin 0 13.808vmin currentColor}#content .animated-background span:nth-child(12){color:#5C984F;top:98%;left:56%;-webkit-animation-duration:11.5s;animation-duration:11.5s;-webkit-animation-delay:-1.2s;animation-delay:-1.2s;-webkit-transform-origin:-5vw -19vh;transform-origin:-5vw -19vh;box-shadow:40vmin 0 5.38884vmin currentColor}#content .animated-background span:nth-child(13){color:#5C984F;top:45%;left:19%;-webkit-animation-duration:14s;animation-duration:14s;-webkit-animation-delay:-10.3s;animation-delay:-10.3s;-webkit-transform-origin:16vw -19vh;transform-origin:16vw -19vh;box-shadow:40vmin 0 14.8837vmin currentColor}#content .animated-background span:nth-child(14){color:#5C984F;top:95%;left:83%;-webkit-animation-duration:13.2s;animation-duration:13.2s;-webkit-animation-delay:-8.3s;animation-delay:-8.3s;-webkit-transform-origin:7vw 13vh;transform-origin:7vw 13vh;box-shadow:40vmin 0 7.65359vmin currentColor}#content .animated-background span:nth-child(15){color:#85C067;top:36%;left:90%;-webkit-animation-duration:10.2s;animation-duration:10.2s;-webkit-animation-delay:-4.9s;animation-delay:-4.9s;-webkit-transform-origin:-3vw -21vh;transform-origin:-3vw -21vh;box-shadow:40vmin 0 9.38405vmin currentColor}#content .animated-background span:nth-child(16){color:#5C984F;top:58%;left:74%;-webkit-animation-duration:10.4s;animation-duration:10.4s;-webkit-animation-delay:-14.4s;animation-delay:-14.4s;-webkit-transform-origin:8vw 18vh;transform-origin:8vw 18vh;box-shadow:40vmin 0 13.24378vmin currentColor}#content .animated-background span:nth-child(17){color:#85C067;top:91%;left:54%;-webkit-animation-duration:14.3s;animation-duration:14.3s;-webkit-animation-delay:-2s;animation-delay:-2s;-webkit-transform-origin:-2vw -9vh;transform-origin:-2vw -9vh;box-shadow:40vmin 0 14.04748vmin currentColor}#content .animated-background span:nth-child(18){color:#5C984F;top:3%;left:36%;-webkit-animation-duration:13s;animation-duration:13s;-webkit-animation-delay:-5.3s;animation-delay:-5.3s;-webkit-transform-origin:-23vw 8vh;transform-origin:-23vw 8vh;box-shadow:-40vmin 0 10.27614vmin currentColor}#content .animated-background span:nth-child(19){color:#5C984F;top:84%;left:26%;-webkit-animation-duration:11.8s;animation-duration:11.8s;-webkit-animation-delay:-15.7s;animation-delay:-15.7s;-webkit-transform-origin:-3vw -14vh;transform-origin:-3vw -14vh;box-shadow:-40vmin 0 12.79509vmin currentColor}#content .animated-background span:nth-child(20){color:#5C984F;top:43%;left:64%;-webkit-animation-duration:14.1s;animation-duration:14.1s;-webkit-animation-delay:-6.6s;animation-delay:-6.6s;-webkit-transform-origin:16vw 1vh;transform-origin:16vw 1vh;box-shadow:40vmin 0 7.21593vmin currentColor}#content .animated-background span:nth-child(21){color:#5C984F;top:29%;left:41%;-webkit-animation-duration:12.2s;animation-duration:12.2s;-webkit-animation-delay:-12.6s;animation-delay:-12.6s;-webkit-transform-origin:20vw 4vh;transform-origin:20vw 4vh;box-shadow:40vmin 0 9.60818vmin currentColor}#content .animated-background span:nth-child(22){color:#5C984F;top:94%;left:42%;-webkit-animation-duration:13.1s;animation-duration:13.1s;-webkit-animation-delay:-3.2s;animation-delay:-3.2s;-webkit-transform-origin:12vw 1vh;transform-origin:12vw 1vh;box-shadow:40vmin 0 10.0834vmin currentColor}#content .animated-background span:nth-child(23){color:#5C984F;top:39%;left:58%;-webkit-animation-duration:14.8s;animation-duration:14.8s;-webkit-animation-delay:-3.6s;animation-delay:-3.6s;-webkit-transform-origin:24vw 13vh;transform-origin:24vw 13vh;box-shadow:-40vmin 0 9.87237vmin currentColor}#content .animated-background span:nth-child(24){color:#85C067;top:92%;left:21%;-webkit-animation-duration:13.4s;animation-duration:13.4s;-webkit-animation-delay:-14.6s;animation-delay:-14.6s;-webkit-transform-origin:12vw 10vh;transform-origin:12vw 10vh;box-shadow:40vmin 0 6.59018vmin currentColor}#content .animated-background span:nth-child(25){color:#85C067;top:92%;left:18%;-webkit-animation-duration:13.4s;animation-duration:13.4s;-webkit-animation-delay:-9.7s;animation-delay:-9.7s;-webkit-transform-origin:-1vw 9vh;transform-origin:-1vw 9vh;box-shadow:40vmin 0 5.58813vmin currentColor}#content .animated-background span:nth-child(26){color:#5C984F;top:62%;left:29%;-webkit-animation-duration:11.6s;animation-duration:11.6s;-webkit-animation-delay:-5.7s;animation-delay:-5.7s;-webkit-transform-origin:7vw -10vh;transform-origin:7vw -10vh;box-shadow:40vmin 0 10.1893vmin currentColor}#content .animated-background span:nth-child(27){color:#85C067;top:36%;left:67%;-webkit-animation-duration:13.9s;animation-duration:13.9s;-webkit-animation-delay:-13.7s;animation-delay:-13.7s;-webkit-transform-origin:-21vw -4vh;transform-origin:-21vw -4vh;box-shadow:40vmin 0 14.64061vmin currentColor}#content .animated-background span:nth-child(28){color:#85C067;top:75%;left:78%;-webkit-animation-duration:14.7s;animation-duration:14.7s;-webkit-animation-delay:-5.4s;animation-delay:-5.4s;-webkit-transform-origin:-2vw -19vh;transform-origin:-2vw -19vh;box-shadow:-40vmin 0 6.97776vmin currentColor}#content .animated-background span:nth-child(29){color:#85C067;top:27%;left:14%;-webkit-animation-duration:14.2s;animation-duration:14.2s;-webkit-animation-delay:-7.9s;animation-delay:-7.9s;-webkit-transform-origin:19vw -23vh;transform-origin:19vw -23vh;box-shadow:40vmin 0 14.40976vmin currentColor}#content .animated-background span:nth-child(30){color:#5C984F;top:31%;left:33%;-webkit-animation-duration:13.5s;animation-duration:13.5s;-webkit-animation-delay:-6.2s;animation-delay:-6.2s;-webkit-transform-origin:-19vw -15vh;transform-origin:-19vw -15vh;box-shadow:-40vmin 0 14.44723vmin currentColor}#content .animated-background span:nth-child(31){color:#5C984F;top:23%;left:78%;-webkit-animation-duration:15.2s;animation-duration:15.2s;-webkit-animation-delay:-12.9s;animation-delay:-12.9s;-webkit-transform-origin:-20vw -3vh;transform-origin:-20vw -3vh;box-shadow:40vmin 0 8.2827vmin currentColor}#content .animated-background span:nth-child(32){color:#85C067;top:14%;left:49%;-webkit-animation-duration:12.2s;animation-duration:12.2s;-webkit-animation-delay:-10.2s;animation-delay:-10.2s;-webkit-transform-origin:18vw 5vh;transform-origin:18vw 5vh;box-shadow:40vmin 0 5.06828vmin currentColor}#content .animated-background span:nth-child(33){color:#5C984F;top:42%;left:65%;-webkit-animation-duration:13s;animation-duration:13s;-webkit-animation-delay:-13.1s;animation-delay:-13.1s;-webkit-transform-origin:-5vw 23vh;transform-origin:-5vw 23vh;box-shadow:-40vmin 0 5.94854vmin currentColor}#content .animated-background span:nth-child(34){color:#5C984F;top:65%;left:57%;-webkit-animation-duration:10.9s;animation-duration:10.9s;-webkit-animation-delay:-4.4s;animation-delay:-4.4s;-webkit-transform-origin:-21vw 25vh;transform-origin:-21vw 25vh;box-shadow:40vmin 0 11.72001vmin currentColor}#content .animated-background span:nth-child(35){color:#5C984F;top:73%;left:45%;-webkit-animation-duration:14.6s;animation-duration:14.6s;-webkit-animation-delay:-9.2s;animation-delay:-9.2s;-webkit-transform-origin:-14vw -23vh;transform-origin:-14vw -23vh;box-shadow:-40vmin 0 8.4325vmin currentColor}#content .animated-background span:nth-child(36){color:#85C067;top:47%;left:32%;-webkit-animation-duration:13.9s;animation-duration:13.9s;-webkit-animation-delay:-10.6s;animation-delay:-10.6s;-webkit-transform-origin:-9vw 15vh;transform-origin:-9vw 15vh;box-shadow:40vmin 0 10.50139vmin currentColor}#content .animated-background span:nth-child(37){color:#85C067;top:47%;left:32%;-webkit-animation-duration:13.7s;animation-duration:13.7s;-webkit-animation-delay:-11.8s;animation-delay:-11.8s;-webkit-transform-origin:-20vw 16vh;transform-origin:-20vw 16vh;box-shadow:-40vmin 0 12.74075vmin currentColor}#content .animated-background span:nth-child(38){color:#85C067;top:10%;left:79%;-webkit-animation-duration:15.2s;animation-duration:15.2s;-webkit-animation-delay:-14.2s;animation-delay:-14.2s;-webkit-transform-origin:-21vw 12vh;transform-origin:-21vw 12vh;box-shadow:40vmin 0 6.55432vmin currentColor}#content .animated-background span:nth-child(39){color:#5C984F;top:24%;left:58%;-webkit-animation-duration:11.2s;animation-duration:11.2s;-webkit-animation-delay:-2.3s;animation-delay:-2.3s;-webkit-transform-origin:20vw 11vh;transform-origin:20vw 11vh;box-shadow:40vmin 0 14.92007vmin currentColor}#content .animated-background span:nth-child(40){color:#85C067;top:4%;left:64%;-webkit-animation-duration:15s;animation-duration:15s;-webkit-animation-delay:-2.3s;animation-delay:-2.3s;-webkit-transform-origin:-24vw -14vh;transform-origin:-24vw -14vh;box-shadow:40vmin 0 7.46153vmin currentColor}@-webkit-keyframes move{100%{-webkit-transform:translate3d(0, 0, 1px) rotate(360deg);transform:translate3d(0, 0, 1px) rotate(360deg)}}@keyframes move{100%{-webkit-transform:translate3d(0, 0, 1px) rotate(360deg);transform:translate3d(0, 0, 1px) rotate(360deg)}}#content .landing-page .site-header{padding:0 50px}#content .landing-page .site-header,#content .landing-page section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}#content .landing-page .header-logo{width:auto;max-height:50vh}#content .landing-page .flex{display:flex;width:100%}#content .landing-page .flex-column{width:100%}#content .landing-page .mol{width:100%;margin-top:25px;cursor:-webkit-grab;cursor:grab}#content .landing-page .big-text h1,#content .landing-page .big-text h2{display:inline;color:#f29799}#content .landing-page .big-text h1,#content .landing-page .big-text h2,#content .landing-page .big-text span{font-size:52px;line-height:1.212}@media screen and (max-width: 1200px){#content .landing-page .big-text h1,#content .landing-page .big-text h2,#content .landing-page .big-text span{font-size:40px}}@media screen and (max-width: 900px){#content .landing-page .big-text h1,#content .landing-page .big-text h2,#content .landing-page .big-text span{font-size:28px}}@media screen and (max-width: 400px){#content .landing-page .big-text h1,#content .landing-page .big-text h2,#content .landing-page .big-text span{font-size:22px}}@media screen and (max-width: 360px){#content .landing-page .big-text h1,#content .landing-page .big-text h2,#content .landing-page .big-text span{font-size:18px}}#content .landing-page .big-text span{color:#373535}#content .landing-page .green-underline .big-headline{border-bottom:10px solid #a2dfba}#content .landing-page .green-underline .image-links a:hover{border-bottom:6px solid #a2dfba}#content .landing-page .red-underline .big-headline{border-bottom:10px solid #f29799}#content .landing-page .red-underline .image-links a:hover{border-bottom:6px solid #f29799}#content .landing-page .blue-underline .big-headline{border-bottom:10px solid #a7c0e5}#content .landing-page .blue-underline .image-links a:hover{border-bottom:6px solid #a7c0e5}#content .landing-page .purple-underline .big-headline{border-bottom:10px solid #322460}#content .landing-page .purple-underline .image-links a:hover{border-bottom:6px solid #322460}#content .landing-page .image-bg-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;align-items:flex-start;justify-content:flex-end;color:#fff}#content .landing-page .image-bg-content .big-headline{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;text-transform:uppercase;font-weight:bold}#content .landing-page .image-bg-content .text-navigation p{font-size:32px;margin:0}@media screen and (max-width: 1200px){#content .landing-page .image-bg-content .text-navigation p{font-size:28px}}@media screen and (max-width: 900px){#content .landing-page .image-bg-content .text-navigation p{font-size:22px}}@media screen and (max-width: 400px){#content .landing-page .image-bg-content .text-navigation p{font-size:18px}}@media screen and (max-width: 360px){#content .landing-page .image-bg-content .text-navigation p{font-size:14px}}#content .landing-page .image-bg-content .text-navigation .image-links{margin:40px 0;font-size:28px;font-weight:bold}@media screen and (max-width: 1200px){#content .landing-page .image-bg-content .text-navigation .image-links{font-size:25px}}@media screen and (max-width: 900px){#content .landing-page .image-bg-content .text-navigation .image-links{font-size:20px}}@media screen and (max-width: 400px){#content .landing-page .image-bg-content .text-navigation .image-links{font-size:15px}}@media screen and (max-width: 360px){#content .landing-page .image-bg-content .text-navigation .image-links{font-size:12px}}#content .landing-page .image-bg-content .text-navigation .image-links a{color:#fff;text-decoration:none}#content .landing-page .image-bg-content .text-navigation .image-links a:first-child{margin-right:60px}@media screen and (max-width: 900px){#content .landing-page .image-bg-content .text-navigation .image-links a:first-child{margin-right:30px}}#content .landing-page .sponsored{align-items:flex-start;padding:20px}@media screen and (max-width: 767px){#content .landing-page .sponsored{align-items:center}}#content .landing-page .sponsored h2{color:#373535;text-transform:uppercase}#content .landing-page .sponsor-images{display:flex;justify-content:space-between;width:100%;margin-bottom:50px}@media screen and (max-width: 767px){#content .landing-page .sponsor-images{flex-direction:column;align-items:center}}#content .landing-page .sponsor-images img{width:auto;height:100px}@media screen and (max-width: 1200px){#content .landing-page .sponsor-images img{height:80px}}@media screen and (max-width: 900px){#content .landing-page .sponsor-images img{height:60px}}@media screen and (max-width: 767px){#content .landing-page .sponsor-images img{width:200px;height:auto;margin:20px 0}}#content .team-headline{position:absolute;top:0;left:20px;z-index:1;font-size:52px;text-align:left;text-transform:uppercase;border-bottom:10px solid #a2dfba;font-weight:bold}@media screen and (max-width: 1023px){#content .team-headline{font-size:40px;border-bottom:8px solid #a2dfba}}@media screen and (max-width: 767px){#content .team-headline{font-size:30px;border-bottom:6px solid #a2dfba}}@media screen and (max-width: 500px){#content .team-headline{font-size:24px;border-bottom:4px solid #a2dfba}}@media screen and (max-width: 380px){#content .team-headline{font-size:18px;border-bottom:4px solid #a2dfba}}#content .container .team-image{margin:0 auto;-webkit-filter:none;filter:none}#content .team-member{display:flex;margin-bottom:50px}@media screen and (max-width: 1440px){#content .team-member{padding:0 20px}}@media screen and (max-width: 760px){#content .team-member{flex-direction:column;align-items:center}}#content .team-member img{width:200px;height:200px;border-radius:200px}#content .team-member h2{text-align:left;text-transform:uppercase;font-size:40px;margin:0}@media screen and (max-width: 1200px){#content .team-member h2{font-size:30px}}@media screen and (max-width: 900px){#content .team-member h2{font-size:20px}}#content .team-member h2 i{font-weight:normal}#content .team-member h2 i::before{content:'| '}#content .member-content{width:50%}@media screen and (max-width: 900px){#content .member-content{width:100%}}#content .member-image-left img{margin-right:50px}#content .member-image-right img{margin-left:50px}#content .member-image-right{justify-content:flex-end}@media screen and (max-width: 760px){#content .member-image-right{flex-direction:column-reverse}}@media screen and (max-width: 760px){#content .member-image-left img,#content .member-image-right img{margin:0 0 20px 0}}#content .show-all-members{display:block;text-align:center;font-size:22px;margin:50px 0;color:#373535;text-decoration:none;text-transform:uppercase;font-weight:bold}#content .show-all-members:hover{text-decoration:underline}#content .show-all-members img{display:inline-block;width:20px;margin-top:-2px}
+
@font-face{font-family:'Lato';src:url("https://static.igem.org/mediawiki/2019/7/72/T--Humboldt_Berlin--Lato-Bold.woff") format("woff");font-style:italic;font-weight:bold;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("https://static.igem.org/mediawiki/2019/e/e2/T--Humboldt_Berlin--Lato-Italic.woff") format("woff");font-style:italic;font-weight:normal;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("https://static.igem.org/mediawiki/2019/d/d5/T--Humboldt_Berlin--Lato-Regular.woff") format("woff");font-style:normal;font-weight:normal;text-rendering:optimizeLegibility}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{background:color(bg, 1);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:'Lato', sans-serif;color:#373535}#content html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}#content body{margin:0}#content article,#content aside,#content footer,#content header,#content nav,#content section{display:block}#content h1{font-size:2em;margin:0.67em 0}#content figcaption,#content figure,#content main{display:block}#content figure{margin:1em 40px}#content hr{box-sizing:content-box;height:0;overflow:visible}#content pre{font-family:monospace, monospace;font-size:1em}#content a{background-color:transparent;-webkit-text-decoration-skip:objects}#content abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}#content b,#content strong{font-weight:inherit}#content b,#content strong{font-weight:bolder}#content code,#content kbd,#content samp{font-family:monospace, monospace;font-size:1em}#content dfn{font-style:italic}#content mark{background-color:#ff0;color:#000}#content small{font-size:80%}#content sub,#content sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}#content sub{bottom:-0.25em}#content sup{top:-0.5em}#content audio,#content video{display:inline-block}#content audio:not([controls]){display:none;height:0}#content img{border-style:none}#content svg:not(:root){overflow:hidden}#content button,#content input,#content optgroup,#content select,#content textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}#content button,#content input{overflow:visible}#content button,#content select{text-transform:none}#content button,#content html [type="button"],#content [type="reset"],#content [type="submit"]{-webkit-appearance:button}#content button::-moz-focus-inner,#content [type="button"]::-moz-focus-inner,#content [type="reset"]::-moz-focus-inner,#content [type="submit"]::-moz-focus-inner{border-style:none;padding:0}#content button:-moz-focusring,#content [type="button"]:-moz-focusring,#content [type="reset"]:-moz-focusring,#content [type="submit"]:-moz-focusring{outline:1px dotted ButtonText}#content fieldset{padding:0.35em 0.75em 0.625em}#content legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}#content progress{display:inline-block;vertical-align:baseline}#content textarea{overflow:auto}#content [type="checkbox"],#content [type="radio"]{box-sizing:border-box;padding:0}#content [type="number"]::-webkit-inner-spin-button,#content [type="number"]::-webkit-outer-spin-button{height:auto}#content [type="search"]{-webkit-appearance:textfield;outline-offset:-2px}#content [type="search"]::-webkit-search-cancel-button,#content [type="search"]::-webkit-search-decoration{-webkit-appearance:none}#content ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}#content details,#content menu{display:block}#content summary{display:list-item}#content canvas{display:inline-block}#content template{display:none}#content [hidden]{display:none}#content h1,#content h2{text-align:center}#content ul,#content ol{margin-top:0;margin-bottom:24px;padding-left:24px}#content ul{list-style:disc}#content ol{list-style:decimal}#content li>ul,#content li>ol{margin-bottom:0}#content img{height:auto;max-width:100%;vertical-align:middle}#content figure{margin:24px 0}#content figcaption{padding:8px 0;font-style:italic}#content img,#content svg{display:block}#content table{border-collapse:collapse;margin-bottom:24px;width:100%}#content tr{border-bottom:1px solid color(bg, 3)}#content th{text-align:left}#content th,#content td{padding:10px 16px}#content th:first-child,#content td:first-child{padding-left:0}#content th:last-child,#content td:last-child{padding-right:0}#content section{padding:50px 0;background-color:#fff}#content #top_title{display:none !important}#content h1,#content h2{overflow:visible}#content .grey-bg{background:#a7c0e5}#content .image-bg img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0;-webkit-filter:brightness(50%);filter:brightness(50%)}#content .image-bg-content{position:relative;z-index:1;min-height:550px}#content .full-height{height:100vh;min-height:550px;padding:20px}#content .width-limit{max-width:1440px;margin:0 auto;position:relative;z-index:2}#content .relative-container{position:relative}#content .margin-top{margin-top:80px}#content .hidden{display:none !important}#content .visible{display:block !important}#content .ar16-9{padding:56.25% 0 0}#content .ar100vh{padding:100vh 0 0}#content .block-text{display:block;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-align:justify}@media screen and (max-width: 760px){#content .block-text{text-align:left;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}}#content .to-top-link{display:block;text-align:center;font-size:22px;margin:50px 0;color:#373535;text-decoration:none;text-transform:uppercase;font-weight:bold}#content .to-top-link img{display:inline-block;width:20px;margin-top:-2px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}#content .no-bulletpoint{list-style:none}#content .hover-blue a{color:#000}#content .hover-blue a:hover{color:#a2dfba;text-decoration:none}#content .padding-container{padding:0 5%}#content .js .is-revealing{display:block;opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px);transition:0.5s ease-in-out}#content .js .is-revealing-visible{opacity:1;-webkit-transform:none;transform:none}#content #globalWrapper #top_menu_under{height:16px}#content html p{margin:0}#content #container p{margin:.4em 0 .5em 0}#content .mouse{display:block;margin:0 auto;width:23px;height:40px;border-radius:13px;border:2px solid #fff;position:absolute;top:90%;position:absolute;left:50%;margin-left:-14px;z-index:2}#content .mouse span{display:block;margin:6px auto;width:3px;height:7px;border-radius:100%;background:#fff;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:scroll;animation-name:scroll}@-webkit-keyframes scroll{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(12px);transform:translateY(12px)}}@keyframes scroll{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(12px);transform:translateY(12px)}}#content .image-container{margin-bottom:50px}#content .image-tag{position:absolute;border:3px solid rgba(255,255,255,0.25);cursor:pointer}#content .image-tag .tag-caption{display:none;width:100%;top:-10px;-webkit-transform:translateY(-100%);transform:translateY(-100%);text-align:center}#content .image-tag:hover{border:3px solid rgba(255,255,255,0.9)}#content .image-tag:hover .tag-caption{display:block}#content nav{position:absolute;left:0;top:16px;z-index:100;width:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#a2dfba}#content nav .nav-logo{display:inline-block;width:2.5em;height:auto;margin-right:10px}#content nav .nav-content{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:80px}#content nav a{color:#373535;font-weight:bold;text-decoration:none;font-size:18px}#content nav a.active{color:#ff59ab}#content nav .nav-right{position:relative}#content nav .nav-right input,#content nav .nav-right span,#content nav .nav-right .submenu{display:none}#content nav .nav-right .item{position:relative;display:inline-block}#content nav .nav-right .item:hover .submenu{display:block;position:absolute;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);background-color:#a2dfba;padding:10px}#content nav .nav-right .item:hover .submenu a{white-space:nowrap;margin:10px;display:block}#content nav .nav-right a{margin:0 10px}#content nav .nav-right a:hover{color:#ff59ab}#content nav .nav-right a:last-child{margin:0 0 0 10px}#content nav .nav-right .devider{display:inline}#content nav .nav-right .devider::after{content:'|';color:#373535;margin:0 10px}@media screen and (max-width: 1023px){#content nav .nav-right .item .submenu,#content nav .nav-right .item:hover .submenu{display:block;position:relative;padding:0 0 0 30px;box-shadow:none}#content nav .nav-right .item .submenu a,#content nav .nav-right .item:hover .submenu a{margin:20px 15px}#content nav .nav-right .menu-items{display:none}#content nav .nav-right .devider{border-top:1px solid #373535;margin:0 20px 0 0;height:1px;width:100%}#content nav .nav-right .devider::after{content:''}#content nav .nav-right input,#content nav .nav-right span{display:block}#content nav .nav-right input{width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}#content nav .nav-right span{width:33px;height:4px;margin-bottom:5px;position:relative;background:#373535;border-radius:3px;z-index:1;-webkit-transform-origin:4px 0px;transform-origin:4px 0px;transition:background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),opacity 0.55s ease,-webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);transition:transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),opacity 0.55s ease;transition:transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),opacity 0.55s ease,-webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1)}#content nav .nav-right span:first-child{-webkit-transform-origin:0% 0%;transform-origin:0% 0%}#content nav .nav-right span:nth-last-child(2){-webkit-transform-origin:0% 100%;transform-origin:0% 100%}#content nav .nav-right input:checked ~ span{opacity:1;-webkit-transform:rotate(45deg) translate(-2px, -1px);transform:rotate(45deg) translate(-2px, -1px);background:#232323}#content nav .nav-right input:checked ~ span:nth-last-child(3){opacity:0;-webkit-transform:rotate(0deg) scale(0.2, 0.2);transform:rotate(0deg) scale(0.2, 0.2)}#content nav .nav-right input:checked ~ span:nth-last-child(2){-webkit-transform:rotate(-45deg) translate(0, -1px);transform:rotate(-45deg) translate(0, -1px)}#content nav .nav-right input:checked ~ .menu-items{display:flex;flex-direction:column;position:fixed;padding:0 10px;left:0;text-align:left;margin-top:26px;background:#a2dfba;width:100%}#content nav .nav-right input:checked ~ .menu-items a{display:block;margin:20px 15px}}#content .footer-container{background:#a2dfba;padding:75px 0;position:relative;z-index:2}#content .footer-right{display:flex}#content .footer-right ul:first-child{margin-right:20px}@media screen and (max-width: 760px){#content .footer-right ul:first-child{margin-right:0}}#content footer{display:flex;justify-content:space-between;align-items:center;padding:0 20px}@media screen and (max-width: 760px){#content footer{flex-direction:column}}#content footer img{width:200px;height:auto}@media screen and (max-width: 760px){#content footer img{margin-bottom:20px}}#content footer ul li{list-style:none;margin:10px 0}#content footer a{color:#373535;font-weight:bold;text-decoration:none;font-size:18px}#content footer a:hover{color:#ff59ab}#content .animated-background{background:#1F3D24;height:100vh;width:100%;overflow:hidden;position:absolute}#content .animated-background span{width:20vmin;height:20vmin;border-radius:20vmin;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;-webkit-animation-name:move;animation-name:move;-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}#content .animated-background span:nth-child(1){color:#85C067;top:69%;left:45%;-webkit-animation-duration:14.3s;animation-duration:14.3s;-webkit-animation-delay:-8.4s;animation-delay:-8.4s;-webkit-transform-origin:0vw 4vh;transform-origin:0vw 4vh;box-shadow:-40vmin 0 5.49094vmin currentColor}#content .animated-background span:nth-child(2){color:#85C067;top:23%;left:30%;-webkit-animation-duration:13.2s;animation-duration:13.2s;-webkit-animation-delay:-9.7s;animation-delay:-9.7s;-webkit-transform-origin:-15vw 20vh;transform-origin:-15vw 20vh;box-shadow:40vmin 0 14.41431vmin currentColor}#content .animated-background span:nth-child(3){color:#85C067;top:63%;left:59%;-webkit-animation-duration:10.3s;animation-duration:10.3s;-webkit-animation-delay:-12.4s;animation-delay:-12.4s;-webkit-transform-origin:-9vw 0vh;transform-origin:-9vw 0vh;box-shadow:40vmin 0 13.6646vmin currentColor}#content .animated-background span:nth-child(4){color:#5C984F;top:92%;left:12%;-webkit-animation-duration:10.1s;animation-duration:10.1s;-webkit-animation-delay:-4s;animation-delay:-4s;-webkit-transform-origin:7vw 16vh;transform-origin:7vw 16vh;box-shadow:-40vmin 0 9.65637vmin currentColor}#content .animated-background span:nth-child(5){color:#5C984F;top:76%;left:10%;-webkit-animation-duration:13s;animation-duration:13s;-webkit-animation-delay:-15.1s;animation-delay:-15.1s;-webkit-transform-origin:7vw -8vh;transform-origin:7vw -8vh;box-shadow:-40vmin 0 5.14665vmin currentColor}#content .animated-background span:nth-child(6){color:#85C067;top:81%;left:86%;-webkit-animation-duration:13.2s;animation-duration:13.2s;-webkit-animation-delay:-3.6s;animation-delay:-3.6s;-webkit-transform-origin:11vw 15vh;transform-origin:11vw 15vh;box-shadow:-40vmin 0 11.0297vmin currentColor}#content .animated-background span:nth-child(7){color:#85C067;top:83%;left:86%;-webkit-animation-duration:16s;animation-duration:16s;-webkit-animation-delay:-14.1s;animation-delay:-14.1s;-webkit-transform-origin:-12vw -17vh;transform-origin:-12vw -17vh;box-shadow:-40vmin 0 5.83064vmin currentColor}#content .animated-background span:nth-child(8){color:#85C067;top:73%;left:7%;-webkit-animation-duration:15.2s;animation-duration:15.2s;-webkit-animation-delay:-3.4s;animation-delay:-3.4s;-webkit-transform-origin:3vw 14vh;transform-origin:3vw 14vh;box-shadow:40vmin 0 9.71786vmin currentColor}#content .animated-background span:nth-child(9){color:#5C984F;top:23%;left:3%;-webkit-animation-duration:11.5s;animation-duration:11.5s;-webkit-animation-delay:-7.4s;animation-delay:-7.4s;-webkit-transform-origin:-5vw -6vh;transform-origin:-5vw -6vh;box-shadow:40vmin 0 5.06752vmin currentColor}#content .animated-background span:nth-child(10){color:#5C984F;top:38%;left:76%;-webkit-animation-duration:14.5s;animation-duration:14.5s;-webkit-animation-delay:-15.7s;animation-delay:-15.7s;-webkit-transform-origin:-1vw -7vh;transform-origin:-1vw -7vh;box-shadow:-40vmin 0 6.88313vmin currentColor}#content .animated-background span:nth-child(11){color:#5C984F;top:11%;left:93%;-webkit-animation-duration:14.3s;animation-duration:14.3s;-webkit-animation-delay:-3s;animation-delay:-3s;-webkit-transform-origin:2vw -10vh;transform-origin:2vw -10vh;box-shadow:-40vmin 0 12.60616vmin currentColor}#content .animated-background span:nth-child(12){color:#85C067;top:90%;left:78%;-webkit-animation-duration:10.9s;animation-duration:10.9s;-webkit-animation-delay:-3.6s;animation-delay:-3.6s;-webkit-transform-origin:-22vw -14vh;transform-origin:-22vw -14vh;box-shadow:-40vmin 0 8.99062vmin currentColor}#content .animated-background span:nth-child(13){color:#5C984F;top:63%;left:37%;-webkit-animation-duration:14.6s;animation-duration:14.6s;-webkit-animation-delay:-14.9s;animation-delay:-14.9s;-webkit-transform-origin:-10vw 1vh;transform-origin:-10vw 1vh;box-shadow:40vmin 0 10.19955vmin currentColor}#content .animated-background span:nth-child(14){color:#5C984F;top:77%;left:67%;-webkit-animation-duration:10.1s;animation-duration:10.1s;-webkit-animation-delay:-14.4s;animation-delay:-14.4s;-webkit-transform-origin:-5vw 19vh;transform-origin:-5vw 19vh;box-shadow:-40vmin 0 8.59628vmin currentColor}#content .animated-background span:nth-child(15){color:#85C067;top:42%;left:18%;-webkit-animation-duration:11.1s;animation-duration:11.1s;-webkit-animation-delay:-5.5s;animation-delay:-5.5s;-webkit-transform-origin:11vw 4vh;transform-origin:11vw 4vh;box-shadow:-40vmin 0 7.97956vmin currentColor}#content .animated-background span:nth-child(16){color:#85C067;top:72%;left:84%;-webkit-animation-duration:14.4s;animation-duration:14.4s;-webkit-animation-delay:-6.2s;animation-delay:-6.2s;-webkit-transform-origin:-9vw 4vh;transform-origin:-9vw 4vh;box-shadow:40vmin 0 8.50576vmin currentColor}#content .animated-background span:nth-child(17){color:#85C067;top:47%;left:23%;-webkit-animation-duration:14.5s;animation-duration:14.5s;-webkit-animation-delay:-7.1s;animation-delay:-7.1s;-webkit-transform-origin:13vw -6vh;transform-origin:13vw -6vh;box-shadow:40vmin 0 9.71486vmin currentColor}#content .animated-background span:nth-child(18){color:#5C984F;top:26%;left:82%;-webkit-animation-duration:13.3s;animation-duration:13.3s;-webkit-animation-delay:-.7s;animation-delay:-.7s;-webkit-transform-origin:9vw -15vh;transform-origin:9vw -15vh;box-shadow:40vmin 0 13.46975vmin currentColor}#content .animated-background span:nth-child(19){color:#5C984F;top:23%;left:53%;-webkit-animation-duration:15.6s;animation-duration:15.6s;-webkit-animation-delay:-9.6s;animation-delay:-9.6s;-webkit-transform-origin:-23vw 12vh;transform-origin:-23vw 12vh;box-shadow:40vmin 0 5.12048vmin currentColor}#content .animated-background span:nth-child(20){color:#5C984F;top:40%;left:45%;-webkit-animation-duration:11.9s;animation-duration:11.9s;-webkit-animation-delay:-3.4s;animation-delay:-3.4s;-webkit-transform-origin:-11vw -2vh;transform-origin:-11vw -2vh;box-shadow:-40vmin 0 5.41452vmin currentColor}#content .animated-background span:nth-child(21){color:#5C984F;top:1%;left:65%;-webkit-animation-duration:15.9s;animation-duration:15.9s;-webkit-animation-delay:-11s;animation-delay:-11s;-webkit-transform-origin:3vw 10vh;transform-origin:3vw 10vh;box-shadow:-40vmin 0 10.27903vmin currentColor}#content .animated-background span:nth-child(22){color:#5C984F;top:100%;left:13%;-webkit-animation-duration:12.8s;animation-duration:12.8s;-webkit-animation-delay:-10.7s;animation-delay:-10.7s;-webkit-transform-origin:20vw 0vh;transform-origin:20vw 0vh;box-shadow:-40vmin 0 13.49562vmin currentColor}#content .animated-background span:nth-child(23){color:#5C984F;top:11%;left:88%;-webkit-animation-duration:13.6s;animation-duration:13.6s;-webkit-animation-delay:-2.2s;animation-delay:-2.2s;-webkit-transform-origin:15vw 21vh;transform-origin:15vw 21vh;box-shadow:-40vmin 0 14.40066vmin currentColor}#content .animated-background span:nth-child(24){color:#85C067;top:51%;left:22%;-webkit-animation-duration:11.6s;animation-duration:11.6s;-webkit-animation-delay:-14.7s;animation-delay:-14.7s;-webkit-transform-origin:1vw 19vh;transform-origin:1vw 19vh;box-shadow:-40vmin 0 13.51245vmin currentColor}#content .animated-background span:nth-child(25){color:#85C067;top:85%;left:86%;-webkit-animation-duration:14.7s;animation-duration:14.7s;-webkit-animation-delay:-14s;animation-delay:-14s;-webkit-transform-origin:-4vw -3vh;transform-origin:-4vw -3vh;box-shadow:-40vmin 0 7.42024vmin currentColor}#content .animated-background span:nth-child(26){color:#5C984F;top:67%;left:64%;-webkit-animation-duration:10.6s;animation-duration:10.6s;-webkit-animation-delay:-8.7s;animation-delay:-8.7s;-webkit-transform-origin:25vw -24vh;transform-origin:25vw -24vh;box-shadow:40vmin 0 11.59417vmin currentColor}#content .animated-background span:nth-child(27){color:#5C984F;top:21%;left:15%;-webkit-animation-duration:13.2s;animation-duration:13.2s;-webkit-animation-delay:-3.5s;animation-delay:-3.5s;-webkit-transform-origin:11vw -13vh;transform-origin:11vw -13vh;box-shadow:-40vmin 0 11.41835vmin currentColor}#content .animated-background span:nth-child(28){color:#85C067;top:78%;left:85%;-webkit-animation-duration:14.8s;animation-duration:14.8s;-webkit-animation-delay:-12.3s;animation-delay:-12.3s;-webkit-transform-origin:-18vw -3vh;transform-origin:-18vw -3vh;box-shadow:-40vmin 0 5.71552vmin currentColor}#content .animated-background span:nth-child(29){color:#5C984F;top:34%;left:26%;-webkit-animation-duration:12.6s;animation-duration:12.6s;-webkit-animation-delay:-4.5s;animation-delay:-4.5s;-webkit-transform-origin:-10vw 18vh;transform-origin:-10vw 18vh;box-shadow:-40vmin 0 11.5756vmin currentColor}#content .animated-background span:nth-child(30){color:#5C984F;top:54%;left:86%;-webkit-animation-duration:10.3s;animation-duration:10.3s;-webkit-animation-delay:-8.1s;animation-delay:-8.1s;-webkit-transform-origin:25vw 10vh;transform-origin:25vw 10vh;box-shadow:-40vmin 0 6.39034vmin currentColor}#content .animated-background span:nth-child(31){color:#85C067;top:13%;left:61%;-webkit-animation-duration:13.3s;animation-duration:13.3s;-webkit-animation-delay:-10.2s;animation-delay:-10.2s;-webkit-transform-origin:15vw -9vh;transform-origin:15vw -9vh;box-shadow:-40vmin 0 5.15985vmin currentColor}#content .animated-background span:nth-child(32){color:#85C067;top:73%;left:29%;-webkit-animation-duration:14.2s;animation-duration:14.2s;-webkit-animation-delay:-4.4s;animation-delay:-4.4s;-webkit-transform-origin:8vw -23vh;transform-origin:8vw -23vh;box-shadow:-40vmin 0 6.10794vmin currentColor}#content .animated-background span:nth-child(33){color:#5C984F;top:67%;left:85%;-webkit-animation-duration:14.4s;animation-duration:14.4s;-webkit-animation-delay:-11s;animation-delay:-11s;-webkit-transform-origin:-21vw -23vh;transform-origin:-21vw -23vh;box-shadow:40vmin 0 8.11159vmin currentColor}#content .animated-background span:nth-child(34){color:#85C067;top:36%;left:56%;-webkit-animation-duration:11.4s;animation-duration:11.4s;-webkit-animation-delay:-15.1s;animation-delay:-15.1s;-webkit-transform-origin:5vw 0vh;transform-origin:5vw 0vh;box-shadow:-40vmin 0 13.83957vmin currentColor}#content .animated-background span:nth-child(35){color:#85C067;top:85%;left:74%;-webkit-animation-duration:15s;animation-duration:15s;-webkit-animation-delay:-6.1s;animation-delay:-6.1s;-webkit-transform-origin:-10vw 6vh;transform-origin:-10vw 6vh;box-shadow:40vmin 0 9.61499vmin currentColor}#content .animated-background span:nth-child(36){color:#85C067;top:98%;left:74%;-webkit-animation-duration:13.6s;animation-duration:13.6s;-webkit-animation-delay:-5.5s;animation-delay:-5.5s;-webkit-transform-origin:-15vw -8vh;transform-origin:-15vw -8vh;box-shadow:-40vmin 0 8.48121vmin currentColor}#content .animated-background span:nth-child(37){color:#85C067;top:34%;left:93%;-webkit-animation-duration:10.9s;animation-duration:10.9s;-webkit-animation-delay:-11.1s;animation-delay:-11.1s;-webkit-transform-origin:-6vw -18vh;transform-origin:-6vw -18vh;box-shadow:40vmin 0 11.91016vmin currentColor}#content .animated-background span:nth-child(38){color:#5C984F;top:46%;left:15%;-webkit-animation-duration:14.5s;animation-duration:14.5s;-webkit-animation-delay:-.2s;animation-delay:-.2s;-webkit-transform-origin:9vw -1vh;transform-origin:9vw -1vh;box-shadow:40vmin 0 8.79218vmin currentColor}#content .animated-background span:nth-child(39){color:#5C984F;top:57%;left:37%;-webkit-animation-duration:12.7s;animation-duration:12.7s;-webkit-animation-delay:-7.8s;animation-delay:-7.8s;-webkit-transform-origin:-15vw -19vh;transform-origin:-15vw -19vh;box-shadow:40vmin 0 6.50587vmin currentColor}#content .animated-background span:nth-child(40){color:#85C067;top:98%;left:95%;-webkit-animation-duration:11.2s;animation-duration:11.2s;-webkit-animation-delay:-9.6s;animation-delay:-9.6s;-webkit-transform-origin:19vw -3vh;transform-origin:19vw -3vh;box-shadow:40vmin 0 11.90919vmin currentColor}@-webkit-keyframes move{100%{-webkit-transform:translate3d(0, 0, 1px) rotate(360deg);transform:translate3d(0, 0, 1px) rotate(360deg)}}@keyframes move{100%{-webkit-transform:translate3d(0, 0, 1px) rotate(360deg);transform:translate3d(0, 0, 1px) rotate(360deg)}}#content .landing-page .site-header{padding:0 50px}#content .landing-page .site-header,#content .landing-page section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}#content .landing-page .header-logo{width:auto;max-height:50vh}#content .landing-page .flex{display:flex;width:100%}#content .landing-page .flex-column{width:100%}#content .landing-page .mol{width:100%;margin-top:25px;cursor:-webkit-grab;cursor:grab}#content .landing-page .big-text h1,#content .landing-page .big-text h2{display:inline;color:#f29799}#content .landing-page .big-text h1,#content .landing-page .big-text h2,#content .landing-page .big-text span{font-size:52px;line-height:1.212}@media screen and (max-width: 1200px){#content .landing-page .big-text h1,#content .landing-page .big-text h2,#content .landing-page .big-text span{font-size:40px}}@media screen and (max-width: 900px){#content .landing-page .big-text h1,#content .landing-page .big-text h2,#content .landing-page .big-text span{font-size:28px}}@media screen and (max-width: 400px){#content .landing-page .big-text h1,#content .landing-page .big-text h2,#content .landing-page .big-text span{font-size:22px}}@media screen and (max-width: 360px){#content .landing-page .big-text h1,#content .landing-page .big-text h2,#content .landing-page .big-text span{font-size:18px}}#content .landing-page .big-text span{color:#373535}#content .landing-page .green-underline .big-headline{border-bottom:10px solid #a2dfba}#content .landing-page .green-underline .image-links a:hover{border-bottom:6px solid #a2dfba}#content .landing-page .red-underline .big-headline{border-bottom:10px solid #f29799}#content .landing-page .red-underline .image-links a:hover{border-bottom:6px solid #f29799}#content .landing-page .blue-underline .big-headline{border-bottom:10px solid #a7c0e5}#content .landing-page .blue-underline .image-links a:hover{border-bottom:6px solid #a7c0e5}#content .landing-page .purple-underline .big-headline{border-bottom:10px solid #322460}#content .landing-page .purple-underline .image-links a:hover{border-bottom:6px solid #322460}#content .landing-page .image-bg-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;align-items:flex-start;justify-content:flex-end;color:#fff}#content .landing-page .image-bg-content .big-headline{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;text-transform:uppercase;font-weight:bold}#content .landing-page .image-bg-content .text-navigation p{font-size:32px;margin:0}@media screen and (max-width: 1200px){#content .landing-page .image-bg-content .text-navigation p{font-size:28px}}@media screen and (max-width: 900px){#content .landing-page .image-bg-content .text-navigation p{font-size:22px}}@media screen and (max-width: 400px){#content .landing-page .image-bg-content .text-navigation p{font-size:18px}}@media screen and (max-width: 360px){#content .landing-page .image-bg-content .text-navigation p{font-size:14px}}#content .landing-page .image-bg-content .text-navigation .image-links{margin:40px 0;font-size:28px;font-weight:bold}@media screen and (max-width: 1200px){#content .landing-page .image-bg-content .text-navigation .image-links{font-size:25px}}@media screen and (max-width: 900px){#content .landing-page .image-bg-content .text-navigation .image-links{font-size:20px}}@media screen and (max-width: 400px){#content .landing-page .image-bg-content .text-navigation .image-links{font-size:15px}}@media screen and (max-width: 360px){#content .landing-page .image-bg-content .text-navigation .image-links{font-size:12px}}#content .landing-page .image-bg-content .text-navigation .image-links a{color:#fff;text-decoration:none}#content .landing-page .image-bg-content .text-navigation .image-links a:first-child{margin-right:60px}@media screen and (max-width: 900px){#content .landing-page .image-bg-content .text-navigation .image-links a:first-child{margin-right:30px}}#content .landing-page .sponsored{align-items:flex-start;padding:20px}@media screen and (max-width: 767px){#content .landing-page .sponsored{align-items:center}}#content .landing-page .sponsored h2{color:#373535;text-transform:uppercase}#content .landing-page .sponsor-images{display:flex;justify-content:space-between;width:100%;margin-bottom:50px}@media screen and (max-width: 767px){#content .landing-page .sponsor-images{flex-direction:column;align-items:center}}#content .landing-page .sponsor-images img{width:auto;height:100px}@media screen and (max-width: 1200px){#content .landing-page .sponsor-images img{height:80px}}@media screen and (max-width: 900px){#content .landing-page .sponsor-images img{height:60px}}@media screen and (max-width: 767px){#content .landing-page .sponsor-images img{width:200px;height:auto;margin:20px 0}}#content .team-headline{position:absolute;top:0;left:20px;z-index:1;font-size:52px;text-align:left;text-transform:uppercase;border-bottom:10px solid #a2dfba;font-weight:bold}@media screen and (max-width: 1023px){#content .team-headline{font-size:40px;border-bottom:8px solid #a2dfba}}@media screen and (max-width: 767px){#content .team-headline{font-size:30px;border-bottom:6px solid #a2dfba}}@media screen and (max-width: 500px){#content .team-headline{font-size:24px;border-bottom:4px solid #a2dfba}}@media screen and (max-width: 380px){#content .team-headline{font-size:18px;border-bottom:4px solid #a2dfba}}#content .container .team-image{margin:0 auto;-webkit-filter:none;filter:none}#content .team-member{display:flex;margin-bottom:50px}@media screen and (max-width: 1440px){#content .team-member{padding:0 20px}}@media screen and (max-width: 760px){#content .team-member{flex-direction:column;align-items:center}}#content .team-member img{width:200px;height:200px;border-radius:200px}#content .team-member h2{text-align:left;text-transform:uppercase;font-size:40px;line-height:1;margin:0}@media screen and (max-width: 1200px){#content .team-member h2{font-size:30px}}@media screen and (max-width: 900px){#content .team-member h2{font-size:20px}}#content .team-member h2 i{font-weight:normal}#content .team-member h2 i::before{content:'| '}#content .member-content{width:50%}@media screen and (max-width: 900px){#content .member-content{width:100%}}#content .member-image-left img{margin-right:50px}#content .member-image-right img{margin-left:50px}#content .member-image-right{justify-content:flex-end}@media screen and (max-width: 760px){#content .member-image-right{flex-direction:column-reverse}}@media screen and (max-width: 760px){#content .member-image-left img,#content .member-image-right img{margin:0 0 20px 0}}#content .show-all-members{display:block;text-align:center;font-size:22px;margin:50px 0;color:#373535;text-decoration:none;text-transform:uppercase;font-weight:bold}#content .show-all-members:hover{text-decoration:underline}#content .show-all-members img{display:inline-block;width:20px;margin-top:-2px}#content .fixed-header-container{position:relative}#content .fixed-image-header{position:fixed;z-index:0;top:0;left:0;height:100vh;width:100vw;padding:0}#content .fixed-image-header img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}#content .fixed-header-content{position:relative;z-index:2;margin-top:100vh}#content .page-headline{position:absolute;bottom:5vh;text-transform:uppercase;z-index:2;color:#000;margin:0 auto;width:100%;text-align:center;border-bottom:2vh solid #a7c0e5}#content .page-headline.description{font-size:14vw;line-height:11vw}#content .page-subheadline{text-align:left;font-size:10vw;line-height:10vw;color:#000;margin:0 2vw 20px}#content .headline3{font-size:26px;line-height:28px}#content .no-filter img{-webkit-filter:none;filter:none}#content .two-columns{display:flex;margin:120px 0}#content .two-columns>*{width:100%;padding:0 5%;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width: 760px){#content .two-columns>*{margin-bottom:40px}}#content .two-columns.not-centered>*{justify-content:flex-start}#content .two-columns.no-margin-top{margin-top:0}@media screen and (max-width: 760px){#content .two-columns{flex-direction:column}}#content .two-columns-headline{margin:120px 0 15px;padding:0 5%}#content .medium-sized p,#content p.medium-sized{font-size:18px}#content .small-sized p{font-size:12px}#content .quote{display:flex;max-width:1000px;margin:60px auto 150px;padding:0 50px}#content .quote img{-o-object-fit:contain;object-fit:contain}#content .quote.image-left .quote-image-container{margin-right:40px}#content .quote.image-right .quote-image-container{margin-left:40px}#content .quote .small-image{width:33%}#content .quote img.check-icon{width:50px;height:50px;margin:0;display:inline-block}#content .big-text b{line-height:1.188em}#content .big-text p,#content .big-text b{font-size:32px}@media screen and (max-width: 760px){#content .big-text p,#content .big-text b{font-size:24px}}@media screen and (max-width: 420px){#content .big-text p,#content .big-text b{font-size:18px}}#content .learn-more h3{font-size:32px;text-align:center}#content .learn-more-links{display:flex;justify-content:center}@media screen and (max-width: 760px){#content .learn-more-links{flex-direction:column}}#content .learn-more-links img{position:absolute;top:0;left:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}#content .learn-more-links a{position:relative;display:block;width:50%;padding:300px 0 50px;background:lightgrey;text-decoration:none}@media screen and (max-width: 760px){#content .learn-more-links a{width:calc(100% - 40px);margin:20px}}#content .learn-more-links h4{position:relative;font-size:45px;color:#fff;border-bottom:15px solid #a7c0e5;display:inline-block;margin-bottom:5px;padding:15px 50px}@media screen and (max-width: 760px){#content .learn-more-links h4{font-size:30px;border-bottom:10px solid #a7c0e5;padding:15px 20px}}#content .learn-more-links p{position:relative;color:#fff;padding:10px 50px;font-size:24px;background-color:rgba(0,0,0,0.5)}@media screen and (max-width: 760px){#content .learn-more-links p{padding:10px 20px}}#content .big-underline{border-bottom:30px solid #a7c0e5}#content .greyblue-devider{width:100%;border-bottom:5px solid #a7c0e5;position:relative;z-index:2}#content .notebook{height:100%;padding-top:50px;background:#fff;z-index:3}#content .infobox{position:absolute;top:240px;left:200px;min-width:200px;max-width:1200px;width:calc(100% - 250px);padding:50px;border:5px solid #50bdc4;background:#fff}#content .infobox i{display:inline}#content .infobox .two-columns{margin:0}#content .infobox .two-columns>div{display:block}#content .infobox h2{text-align:left;margin-bottom:5px}#content .infobox.has-image{display:flex}#content .infobox.has-image>*{margin:0 20px}#content .infobox.fixed{position:fixed;z-index:3;top:185px;left:220px;width:calc(100% - 290px)}@media screen and (min-width: 1440px){#content .infobox.fixed{left:calc((100vw / 2) - 720px + 200px)}}#content .infobox::before{content:" ";width:0;height:0;border-style:solid;border-width:25px 50px 25px 0;border-color:transparent #50bdc4 transparent transparent;position:absolute;top:20px;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}#content .infobox::after{content:" ";width:0;height:0;border-style:solid;border-width:20px 40px 20px 0;border-color:transparent #fff transparent transparent;position:absolute;top:25px;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}#content .infobox-date{margin:0;font-size:30px;line-height: 32px;}#content .infobox-image{width:auto;height:auto;max-height:300px}#content .infobox-image.no-image{display:none}#content .timeline{position:relative;border-left:5px solid #000;margin-left:30px;margin-top:50px;padding-bottom:300px}#content .timeline .tl-first-element{padding:70px 10px}#content .timeline>div{padding:75px 10px;display:none;align-items:center}#content .timeline>div.visible{display:flex}#content .timeline-dot::before{content:" ";width:45px;height:5px;background:#000;display:block;margin-left:-35px}#content .timeline-month::before{content:" ";width:40px;height:40px;border-radius:40px;background:#50bdc4;display:inline-block;margin-left:-35px;margin-right:10px}#content .category-container{display:flex;justify-content:space-evenly}#content .category-container h3{display:inline-flex;align-items:center;width:100%}#content .category{margin:0 50px;width:100%;cursor:pointer}@media only screen and (max-width: 1200px){#content .category{margin:0 30px}}#content .synthesis-color .infobox{border:5px solid #ef8b6b}#content .synthesis-color .infobox::before{border-color:transparent #ef8b6b transparent transparent}#content .synthesis-color .timeline-month::before{background:#ef8b6b}#content .human-practice-color .infobox{border:5px solid #a7c0e5}#content .human-practice-color .infobox::before{border-color:transparent #a7c0e5 transparent transparent}#content .human-practice-color .timeline-month::before{background:#a7c0e5}#content .chlamy-color .infobox{border:5px solid #007e48}#content .chlamy-color .infobox::before{border-color:transparent #007e48 transparent transparent}#content .chlamy-color .timeline-month::before{background:#007e48}#content .bioreaktor-color .infobox{border:5px solid #50bdc4}#content .bioreaktor-color .infobox::before{border-color:transparent #50bdc4 transparent transparent}#content .bioreaktor-color .timeline-month::before{background:#50bdc4}#content .plus::before,#content .minus::before{position:absolute;-webkit-transform:translateX(-100%);transform:translateX(-100%);margin-left:-5px}#content .plus::before{content:"+"}#content .minus::before{content:"-";margin-left:-10px}#content .big-border-left{border-left:80px solid #a7c0e5;margin:0;padding:60px 0}#content .big-border-left .image-column{display:flex;align-items:center}#content .big-border-left img{max-width:250px}#content .page-headline.experiments{font-size:13vw;line-height:14vh}#content .experiments .experiments-container{margin:50px 20px}#content .experiments .protocolls-header{display:flex;justify-content:space-between}#content .experiments .protocolls-buttons{display:flex;flex-direction:column;justify-content:center}#content .experiments .collapse-all,#content .experiments .expand-all{margin:10px 2vw;font-size:30px;cursor:pointer}#content .experiments .collapse-all img,#content .experiments .expand-all img{width:26px;display:inline-block}#content .experiments .collapse-all img{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#content .experiments .experiments-container>.experiments-bar{margin-bottom:50px}#content .experiments .experiments-bar h3{position:relative;color:#000;padding:10px 30px;pointer-events:none}#content .experiments .experiments-bar h3.lightgreen{background-color:#a2dfba}#content .experiments .experiments-bar h3.pink{background-color:#f29799}#content .experiments .experiments-bar h3.lightpurple{background-color:#d299c1}#content .experiments .experiments-bar h3.greyblue{background-color:#a7c0e5}#content .experiments .experiments-bar h3.lightblue{background-color:#50bdc4}#content .experiments .experiments-bar h3::after{content:'<';position:absolute;height:100%;right:10px;top:0;padding:10px;color:#fff;pointer-events:all;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);font-size:28px;cursor:pointer}#content .experiments .experiments-bar .experiments-bar-content{display:none;margin-left:50px}#content .experiments .experiments-bar.open>.experiments-bar-content{display:block}#content .experiments .experiments-bar.open>h3::after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}#content .experiments .experiments-bar .experiments-bar h3{background-color:#b3b3b3}#content .experiments .experiments-bar .experiments-bar .experiments-bar h3{background-color:#e6e6e6}#content .experiments .experiments-bar .experiments-bar .experiments-bar h3::after{color:#000}#content .experiments table{font-family:arial, sans-serif;border-collapse:collapse;width:100%;margin:10px 0;max-width:500px;border:1px solid #000}#content .experiments th{background-color:#dddddd}#content .experiments td,#content .experiments th{border:1px solid #000;text-align:left;padding:8px}#content .expandable .collapse-all,#content .expandable .expand-all{margin:10px 2vw;font-size:30px;cursor:pointer}#content .expandable .collapse-all img,#content .expandable .expand-all img{width:26px;display:inline-block}#content .expandable .collapse-all img{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#content .expandable .protocolls-header{margin-bottom:80px}#content .expandable-container{position:relative;border-left:6px solid #007e48;margin:0 30px;padding:0 0 50px}#content .expandable-container::before{content:'';position:absolute;top:0;left:0;width:100%;display:block;height:2px;background:#E3E7EB;background:linear-gradient(to right, rgba(227,231,235,0.3) 0, rgba(227,231,235,0.9) 50%, rgba(227,231,235,0.3) 100%)}#content .expandable-preview{position:relative;display:flex;align-items:center;padding:30px 0}#content .expandable-preview::before{content:" ";position:absolute;left:-18px;top:-15px;width:30px;height:30px;background:#007e48;border-radius:100%}#content .expandable-preview p,#content .expandable-preview img{width:100%}#content .expandable-preview img{max-width:300px}#content .expandable-preview p{margin:0 50px !important}#content .expandable-readall{margin:10px 2vw 0;font-size:30px;cursor:pointer;text-align:center}#content .expandable-readall img{width:26px;display:inline-block}#content .expandable-container .expandable-more{display:none}#content .expandable-container .readmore{display:inline-block}#content .expandable-container .readless{display:none}#content .open .expandable-more{display:block}#content .open .readmore{display:none}#content .open .readless{display:inline-block}#content .open .expandable-readall img{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.big-border-left2{border-left:80px solid #a7c0e5;  margin:0;padding:60px 0}#content .big-border-left2 .image-column{display:flex;align-items:center}#content .ptable td{padding-left:8px}#content .ptable th{padding-left:8px}#content
 +
.standardmarginleft{margin-left: 40px}
 +
 
  
  
 
</style>
 
</style>
−
 
 
</head>
 
</head>
−
 
−
<script>
 
−
var ScrollReveal=function(){"use strict";var e={delay:0,distance:"0",duration:600,easing:"cubic-bezier(0.5, 0, 0, 1)",interval:0,opacity:0,origin:"bottom",rotate:{x:0,y:0,z:0},scale:1,cleanup:!0,container:document.documentElement,desktop:!0,mobile:!0,reset:!1,useDelay:"always",viewFactor:0,viewOffset:{top:0,right:0,bottom:0,left:0},afterReset:function(){},afterReveal:function(){},beforeReset:function(){},beforeReveal:function(){}},t={clean:function(){},destroy:function(){},reveal:function(){},sync:function(){},get noop(){return!0}};function n(e){return"object"==typeof window.Node?e instanceof window.Node:null!==e&&"object"==typeof e&&"number"==typeof e.nodeType&&"string"==typeof e.nodeName}function i(e,t){if(void 0===t&&(t=document),e instanceof Array)return e.filter(n);if(n(e))return[e];if(i=e,r=Object.prototype.toString.call(i),"object"==typeof window.NodeList?i instanceof window.NodeList:null!==i&&"object"==typeof i&&"number"==typeof i.length&&/^\[object (HTMLCollection|NodeList|Object)\]$/.test(r)&&(0===i.length||n(i[0])))return Array.prototype.slice.call(e);var i,r;if("string"==typeof e)try{var o=t.querySelectorAll(e);return Array.prototype.slice.call(o)}catch(e){return[]}return[]}function r(e){return null!==e&&e instanceof Object&&(e.constructor===Object||"[object Object]"===Object.prototype.toString.call(e))}function o(e,t){if(r(e))return Object.keys(e).forEach(function(n){return t(e[n],n,e)});if(e instanceof Array)return e.forEach(function(n,i){return t(n,i,e)});throw new TypeError("Expected either an array or object literal.")}function a(e){for(var t=[],n=arguments.length-1;0<n--;)t[n]=arguments[n+1];if(this.constructor.debug&&console){var i="%cScrollReveal: "+e;t.forEach(function(e){return i+="\n — "+e}),console.log(i,"color: #ea654b;")}}function s(){var e=this,t={active:[],stale:[]},n={active:[],stale:[]},r={active:[],stale:[]};try{o(i("[data-sr-id]"),function(e){var n=parseInt(e.getAttribute("data-sr-id"));t.active.push(n)})}catch(e){throw e}o(this.store.elements,function(e){-1===t.active.indexOf(e.id)&&t.stale.push(e.id)}),o(t.stale,function(t){return delete e.store.elements[t]}),o(this.store.elements,function(e){-1===r.active.indexOf(e.containerId)&&r.active.push(e.containerId),e.hasOwnProperty("sequence")&&-1===n.active.indexOf(e.sequence.id)&&n.active.push(e.sequence.id)}),o(this.store.containers,function(e){-1===r.active.indexOf(e.id)&&r.stale.push(e.id)}),o(r.stale,function(t){var n=e.store.containers[t].node;n.removeEventListener("scroll",e.delegate),n.removeEventListener("resize",e.delegate),delete e.store.containers[t]}),o(this.store.sequences,function(e){-1===n.active.indexOf(e.id)&&n.stale.push(e.id)}),o(n.stale,function(t){return delete e.store.sequences[t]})}function l(e){var t,n=this;try{o(i(e),function(e){var i=e.getAttribute("data-sr-id");if(null!==i){t=!0;var r=n.store.elements[i];r.callbackTimer&&window.clearTimeout(r.callbackTimer.clock),e.setAttribute("style",r.styles.inline.generated),e.removeAttribute("data-sr-id"),delete n.store.elements[i]}})}catch(e){return a.call(this,"Clean failed.",e.message)}if(t)try{s.call(this)}catch(e){return a.call(this,"Clean failed.",e.message)}}function c(e){if(e.constructor!==Array)throw new TypeError("Expected array.");if(16===e.length)return e;if(6===e.length){var t=d();return t[0]=e[0],t[1]=e[1],t[4]=e[2],t[5]=e[3],t[12]=e[4],t[13]=e[5],t}throw new RangeError("Expected array with either 6 or 16 values.")}function d(){for(var e=[],t=0;t<16;t++)t%5==0?e.push(1):e.push(0);return e}function u(e,t){for(var n=c(e),i=c(t),r=[],o=0;o<4;o++)for(var a=[n[o],n[o+4],n[o+8],n[o+12]],s=0;s<4;s++){var l=4*s,d=[i[l],i[l+1],i[l+2],i[l+3]],u=a[0]*d[0]+a[1]*d[1]+a[2]*d[2]+a[3]*d[3];r[o+l]=u}return r}function f(e,t){var n=d();return n[0]=e,n[5]="number"==typeof t?t:e,n}var m=function(){var e={},t=document.documentElement.style;function n(n,i){if(void 0===i&&(i=t),n&&"string"==typeof n){if(e[n])return e[n];if("string"==typeof i[n])return e[n]=n;if("string"==typeof i["-webkit-"+n])return e[n]="-webkit-"+n;throw new RangeError('Unable to find "'+n+'" style property.')}throw new TypeError("Expected a string.")}return n.clearCache=function(){return e={}},n}();function h(e,t){void 0===t&&(t={});var n=t.pristine||this.pristine,i="always"===e.config.useDelay||"onload"===e.config.useDelay&&n||"once"===e.config.useDelay&&!e.seen,r=e.visible&&!e.revealed,o=!e.visible&&e.revealed&&e.config.reset;return t.reveal||r?function(e,t){var n=[e.styles.inline.generated,e.styles.opacity.computed,e.styles.transform.generated.final];t?n.push(e.styles.transition.generated.delayed):n.push(e.styles.transition.generated.instant),e.revealed=e.seen=!0,e.node.setAttribute("style",n.filter(function(e){return""!==e}).join(" ")),p.call(this,e,t)}.call(this,e,i):t.reset||o?function(e){var t=[e.styles.inline.generated,e.styles.opacity.generated,e.styles.transform.generated.initial,e.styles.transition.generated.instant];e.revealed=!1,e.node.setAttribute("style",t.filter(function(e){return""!==e}).join(" ")),p.call(this,e)}.call(this,e):void 0}function p(e,t){var n=this,i=t?e.config.duration+e.config.delay:e.config.duration,r=e.revealed?e.config.beforeReveal:e.config.beforeReset,o=e.revealed?e.config.afterReveal:e.config.afterReset,a=0;e.callbackTimer&&(a=Date.now()-e.callbackTimer.start,window.clearTimeout(e.callbackTimer.clock)),r(e.node),e.callbackTimer={start:Date.now(),clock:window.setTimeout(function(){o(e.node),e.callbackTimer=null,e.revealed&&!e.config.reset&&e.config.cleanup&&l.call(n,e.node)},i-a)}}var g,y=(g=0,function(){return g++});function v(e,t){if(void 0===t&&(t=this.pristine),!e.visible&&e.revealed&&e.config.reset)return h.call(this,e,{reset:!0});var n=this.store.sequences[e.sequence.id],i=e.sequence.index;if(n){var r=new b(n,"visible",this.store),o=new b(n,"revealed",this.store);if(n.models={visible:r,revealed:o},!o.body.length){var a=n.members[r.body[0]],s=this.store.elements[a];if(s)return w.call(this,n,r.body[0],-1,t),w.call(this,n,r.body[0],1,t),h.call(this,s,{reveal:!0,pristine:t})}if(!n.blocked.head&&i===[].concat(o.head).pop()&&i>=[].concat(r.body).shift())return w.call(this,n,i,-1,t),h.call(this,e,{reveal:!0,pristine:t});if(!n.blocked.foot&&i===[].concat(o.foot).shift()&&i<=[].concat(r.body).pop())return w.call(this,n,i,1,t),h.call(this,e,{reveal:!0,pristine:t})}}function b(e,t,n){var i=this;this.head=[],this.body=[],this.foot=[],o(e.members,function(e,r){var o=n.elements[e];o&&o[t]&&i.body.push(r)}),this.body.length&&o(e.members,function(e,r){var o=n.elements[e];o&&!o[t]&&(r<i.body[0]?i.head.push(r):i.foot.push(r))})}function w(e,t,n,i){var r=this,o=["head",null,"foot"][1+n],a=e.members[t+n],s=this.store.elements[a];e.blocked[o]=!0,setTimeout(function(){e.blocked[o]=!1,s&&v.call(r,s,i)},e.interval)}function E(){var e=this;s.call(this),o(this.store.elements,function(e){var t=[e.styles.inline.generated];e.visible?(t.push(e.styles.opacity.computed),t.push(e.styles.transform.generated.final)):(t.push(e.styles.opacity.generated),t.push(e.styles.transform.generated.initial)),e.node.setAttribute("style",t.filter(function(e){return""!==e}).join(" "))}),o(this.store.containers,function(t){var n=t.node===document.documentElement?window:t.node;n.addEventListener("scroll",e.delegate),n.addEventListener("resize",e.delegate)}),this.delegate(),this.initTimeout=null}function T(e){return void 0===e&&(e=navigator.userAgent),/Android|iPhone|iPad|iPod/i.test(e)}function j(e){for(var t=[],n=arguments.length-1;0<n--;)t[n]=arguments[n+1];if(r(e))return o(t,function(t){o(t,function(t,n){r(t)?(e[n]&&r(e[n])||(e[n]={}),j(e[n],t)):e[n]=t})}),e;throw new TypeError("Target must be an object literal.")}function k(t,n,r){var s=this;void 0===n&&(n={}),void 0===r&&(r=!1);var h,p=[],g=n.interval||e.interval;try{g&&(h=new function(e){var t=Math.abs(e);if(isNaN(t))throw new RangeError("Invalid sequence interval.");this.id=y(),this.interval=Math.max(t,16),this.members=[],this.models={},this.blocked={head:!1,foot:!1}}(g));var v=i(t);if(!v.length)throw new Error("Invalid reveal target.");o(v.reduce(function(e,t){var r={},a=t.getAttribute("data-sr-id");a?(j(r,s.store.elements[a]),r.node.setAttribute("style",r.styles.inline.computed)):(r.id=y(),r.node=t,r.seen=!1,r.revealed=!1,r.visible=!1);var g=j({},r.config||s.defaults,n);if(!g.mobile&&T()||!g.desktop&&!T())return a&&l.call(s,r),e;var v,b=i(g.container)[0];if(!b)throw new Error("Invalid container.");return b.contains(t)&&(null===(v=function(e){for(var t=[],n=arguments.length-1;0<n--;)t[n]=arguments[n+1];var i=null;return o(t,function(t){o(t,function(t){null===i&&t.node===e&&(i=t.id)})}),i}(b,p,s.store.containers))&&(v=y(),p.push({id:v,node:b})),r.config=g,r.containerId=v,r.styles=function(e){var t=window.getComputedStyle(e.node),n=t.position,i=e.config,r={},o=(e.node.getAttribute("style")||"").match(/[\w-]+\s*:\s*[^;]+\s*/gi)||[];r.computed=o?o.map(function(e){return e.trim()}).join("; ")+";":"",r.generated=o.some(function(e){return e.match(/visibility\s?:\s?visible/i)})?r.computed:o.concat(["visibility: visible"]).map(function(e){return e.trim()}).join("; ")+";";var a,s,l,h,p,g,y,v,b,w,E,T,j,k=parseFloat(t.opacity),I=isNaN(parseFloat(i.opacity))?parseFloat(t.opacity):parseFloat(i.opacity),L={computed:k!==I?"opacity: "+k+";":"",generated:k!==I?"opacity: "+I+";":""},A=[];if(parseFloat(i.distance)){var O="top"===i.origin||"bottom"===i.origin?"Y":"X",x=i.distance;"top"!==i.origin&&"left"!==i.origin||(x=/^-/.test(x)?x.substr(1):"-"+x);var P=x.match(/(^-?\d+\.?\d?)|(em$|px$|%$)/g),q=P[0];switch(P[1]){case"em":x=parseInt(t.fontSize)*q;break;case"px":x=q;break;case"%":x="Y"===O?e.node.getBoundingClientRect().height*q/100:e.node.getBoundingClientRect().width*q/100;break;default:throw new RangeError("Unrecognized or missing distance unit.")}"Y"===O?A.push((l=x,(h=d())[13]=l,h)):A.push((a=x,(s=d())[12]=a,s))}i.rotate.x&&A.push((p=i.rotate.x,g=Math.PI/180*p,(y=d())[5]=y[10]=Math.cos(g),y[6]=y[9]=Math.sin(g),y[9]*=-1,y)),i.rotate.y&&A.push((v=i.rotate.y,b=Math.PI/180*v,(w=d())[0]=w[10]=Math.cos(b),w[2]=w[8]=Math.sin(b),w[2]*=-1,w)),i.rotate.z&&A.push((E=i.rotate.z,T=Math.PI/180*E,(j=d())[0]=j[5]=Math.cos(T),j[1]=j[4]=Math.sin(T),j[4]*=-1,j)),1!==i.scale&&(0===i.scale?A.push(f(2e-4)):A.push(f(i.scale)));var M={};if(A.length){M.property=m("transform"),M.computed={raw:t[M.property],matrix:function(e){if("string"==typeof e){var t=e.match(/matrix(3d)?\(([^)]+)\)/);if(t)return c(t[2].split(", ").map(parseFloat))}return d()}(t[M.property])},A.unshift(M.computed.matrix);var R=A.reduce(u);M.generated={initial:M.property+": matrix3d("+R.join(", ")+");",final:M.property+": matrix3d("+M.computed.matrix.join(", ")+");"}}else M.generated={initial:"",final:""};var S={};if(L.generated||M.generated.initial){S.property=m("transition"),S.computed=t[S.property],S.fragments=[];var N=i.delay,C=i.duration,D=i.easing;L.generated&&S.fragments.push({delayed:"opacity "+C/1e3+"s "+D+" "+N/1e3+"s",instant:"opacity "+C/1e3+"s "+D+" 0s"}),M.generated.initial&&S.fragments.push({delayed:M.property+" "+C/1e3+"s "+D+" "+N/1e3+"s",instant:M.property+" "+C/1e3+"s "+D+" 0s"}),S.computed&&!S.computed.match(/all 0s/)&&S.fragments.unshift({delayed:S.computed,instant:S.computed});var F=S.fragments.reduce(function(e,t,n){return e.delayed+=0===n?t.delayed:", "+t.delayed,e.instant+=0===n?t.instant:", "+t.instant,e},{delayed:"",instant:""});S.generated={delayed:S.property+": "+F.delayed+";",instant:S.property+": "+F.instant+";"}}else S.generated={delayed:"",instant:""};return{inline:r,opacity:L,position:n,transform:M,transition:S}}(r),h&&(r.sequence={id:h.id,index:h.members.length},h.members.push(r.id)),e.push(r)),e},[]),function(e){(s.store.elements[e.id]=e).node.setAttribute("data-sr-id",e.id)})}catch(t){return a.call(this,"Reveal failed.",t.message)}o(p,function(e){s.store.containers[e.id]={id:e.id,node:e.node}}),h&&(this.store.sequences[h.id]=h),!0!==r&&(this.store.history.push({target:t,options:n}),this.initTimeout&&window.clearTimeout(this.initTimeout),this.initTimeout=window.setTimeout(E.bind(this),0))}var I,L=Math.sign||function(e){return(0<e)-(e<0)||+e},A=(I=Date.now(),function(e){var t=Date.now();16<t-I?e(I=t):setTimeout(function(){return A(e)},0)}),O=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||A;function x(e,t){for(var n=t?e.node.clientHeight:e.node.offsetHeight,i=t?e.node.clientWidth:e.node.offsetWidth,r=0,o=0,a=e.node;isNaN(a.offsetTop)||(r+=a.offsetTop),isNaN(a.offsetLeft)||(o+=a.offsetLeft),a=a.offsetParent;);return{bounds:{top:r,right:o+i,bottom:r+n,left:o},height:n,width:i}}var P,q,M,R,S,N,C,D,F="4.0.0";function z(n){var r;if(void 0===n&&(n={}),void 0===this||Object.getPrototypeOf(this)!==z.prototype)return new z(n);if(!z.isSupported())return a.call(this,"Instantiation failed.","This browser is not supported."),t;try{r=j({},N||e,n)}catch(n){return a.call(this,"Instantiation failed.","Invalid configuration.",n.message),t}try{if(!i(r.container)[0])throw new Error("Invalid container.");if(!r.mobile&&T()||!r.desktop&&!T())throw new Error("This device is disabled.")}catch(n){return a.call(this,"Instantiation failed.",n.message),t}return N=r,document.documentElement.classList.add("sr"),document.body?document.body.style.height="100%":document.addEventListener("DOMContentLoaded",function(){document.body.style.height="100%"}),this.store={containers:{},elements:{},history:[],sequences:{}},this.pristine=!0,P=P||function(e,t){var n=this;void 0===e&&(e={type:"init"}),void 0===t&&(t=this.store.elements),O(function(){var i="init"===e.type||"resize"===e.type;o(n.store.containers,function(e){i&&(e.geometry=x.call(n,e,!0));var t=function(e){var t,n;return e.node===document.documentElement?(t=window.pageYOffset,n=window.pageXOffset):(t=e.node.scrollTop,n=e.node.scrollLeft),{top:t,left:n}}.call(n,e);e.scroll&&(e.direction={x:L(t.left-e.scroll.left),y:L(t.top-e.scroll.top)}),e.scroll=t}),o(t,function(e){i&&(e.geometry=x.call(n,e)),e.visible=function(e){void 0===e&&(e={});var t=this.store.containers[e.containerId];if(t){var n=Math.max(0,Math.min(1,e.config.viewFactor)),i=e.config.viewOffset,r=e.geometry.bounds.top+e.geometry.height*n,o=e.geometry.bounds.right-e.geometry.width*n,a=e.geometry.bounds.bottom-e.geometry.height*n,s=e.geometry.bounds.left+e.geometry.width*n,l=t.geometry.bounds.top+t.scroll.top+i.top,c=t.geometry.bounds.right+t.scroll.left-i.right,d=t.geometry.bounds.bottom+t.scroll.top-i.bottom,u=t.geometry.bounds.left+t.scroll.left+i.left;return r<d&&u<o&&l<a&&s<c||"fixed"===e.styles.position}}.call(n,e)}),o(t,function(e){e.sequence?v.call(n,e):h.call(n,e)}),n.pristine=!1})}.bind(this),q=q||function(){var e=this;o(this.store.elements,function(e){e.node.setAttribute("style",e.styles.inline.generated),e.node.removeAttribute("data-sr-id")}),o(this.store.containers,function(t){var n=t.node===document.documentElement?window:t.node;n.removeEventListener("scroll",e.delegate),n.removeEventListener("resize",e.delegate)}),this.store={containers:{},elements:{},history:[],sequences:{}}}.bind(this),M=M||k.bind(this),R=R||l.bind(this),S=S||function(){var e=this;o(this.store.history,function(t){k.call(e,t.target,t.options,!0)}),E.call(this)}.bind(this),Object.defineProperty(this,"delegate",{get:function(){return P}}),Object.defineProperty(this,"destroy",{get:function(){return q}}),Object.defineProperty(this,"reveal",{get:function(){return M}}),Object.defineProperty(this,"clean",{get:function(){return R}}),Object.defineProperty(this,"sync",{get:function(){return S}}),Object.defineProperty(this,"defaults",{get:function(){return N}}),Object.defineProperty(this,"version",{get:function(){return F}}),Object.defineProperty(this,"noop",{get:function(){return!1}}),D||(D=this)}return z.isSupported=function(){return("transform"in(t=document.documentElement.style)||"WebkitTransform"in t)&&("transition"in(e=document.documentElement.style)||"WebkitTransition"in e);var e,t},Object.defineProperty(z,"debug",{get:function(){return C||!1},set:function(e){return C="boolean"==typeof e?e:C}}),z(),z}();function addScrollListener(e){for(var t=0;t<e.length;t++)e[t].addEventListener("click",function(e){e.preventDefault();var t=this.getAttribute("data-link"),n=document.getElementById(t);animate(document.scrollingElement||document.documentElement,"scrollTop","",0,n.offsetTop,300,!0)},!1)}function animate(e,t,n,i,r,o,a){if(e){var s=(new Date).getTime(),l=setInterval(function(){var c=Math.min(1,((new Date).getTime()-s)/o);a?e[t]=i+c*(r-i)+n:e.style[t]=i+c*(r-i)+n,1===c&&clearInterval(l)},25);a?e[t]=i+n:e.style[t]=i+n}}!function(){const e=document.documentElement;if(e.classList.remove("no-js"),e.classList.add("js"),document.body.classList.contains("has-animations")){(window.sr=ScrollReveal()).reveal(".is-revealing",{duration:1e3,distance:"40px",easing:"cubic-bezier(0.5, -0.01, 0, 1.005)",origin:"bottom",interval:150})}addScrollListener(document.querySelectorAll(".scroll-link",0))}(),window.onscroll=function(){if(null!==document.getElementById("mouse")){var e=document.getElementById("mouse"),t=window.innerHeight,n=void 0!==window.pageYOffset?window.pageYOffset:(document.documentElement||document.body.parentNode||document.body).scrollTop;t/=2,e.style.opacity=(t-n)/t}};const imageContainer=document.querySelector(".image-bg"),showAllButton=document.querySelector(".show-all-members"),allTeamMembers=document.querySelectorAll(".team-member");function addPosition(e,t){e.style.left=t[0]+"%",e.style.top=t[1]+"%",e.style.width=t[2]-t[0]+"%",e.style.height=t[3]-t[1]+"%"}function getPosition(e){var t=e.target.getBoundingClientRect(),n=e.target.width,i=e.target.height,r=(e.clientX-t.left)/n*100,o=(e.clientY-t.top)/i*100;console.log(r,o)}function addTag(e,t,n){const i=document.createElement("div");document.createElement("div");i.addEventListener("click",n),i.classList.add("image-tag"),addPosition(i,e),imageContainer.appendChild(i)}function filterImages(e){allTeamMembers.forEach(t=>{t.id===e?(t.classList.remove("hidden"),t.scrollIntoView({left:0,block:"start",behavior:"smooth"})):t.classList.add("hidden")}),showAllButton.classList.remove("hidden")}function resetFilter(e){e.preventDefault(),allTeamMembers.forEach(e=>{e.classList.remove("hidden")}),showAllButton.classList.add("hidden")}imageContainer.addEventListener("click",getPosition),null!==document.getElementById("team")&&(showAllButton.addEventListener("click",resetFilter),addTag([45,49,52,66],"Paul",()=>{filterImages("paul")}),addTag([15,27,21,40],"Vincent",()=>{filterImages("vincent")}),addTag([70,25,77,38],"Johannes",()=>{filterImages("johannes")}),addTag([3,39,10,52],"Juli",()=>{filterImages("juli")}),addTag([54,21,61,35],"Luise",()=>{filterImages("luise")}),addTag([32,22,38,32],"Marc",()=>{filterImages("marc")}),addTag([25,27,31,39],"Sandra",()=>{filterImages("sandra")}));
 
−
</script>
 
  
  

Latest revision as of 03:22, 21 October 2019