Difference between revisions of "Template:Humboldt Berlin"
| (140 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
| + | <html> | ||
| + | |||
| + | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
| + | <!--- THIS IS WHERE THE HTML BEGINS ---> | ||
| + | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
| + | |||
| + | <head> | ||
| + | |||
| + | <!-- This tells the browser that your page is responsive --> | ||
| + | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| + | |||
<style> | <style> | ||
| − | + | #globalWrapper { | |
| + | padding: 0 !important; | ||
| + | } | ||
| − | + | 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 --> | ||
| + | <style> | ||
| + | @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> | ||
| + | </head> | ||
| + | |||
| + | |||
| + | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
| + | <!--- Menu ---> | ||
| + | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
| + | <!--- Content of the page ---> | ||
| + | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
Latest revision as of 03:22, 21 October 2019