CINXE.COM

<!doctype html> <html lang="de-de"> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="theme-color" content="#00a7e1"> <script>window.MSInputMethodContext && document.documentMode && document.write('<script src="/templates/inside-22/js/ie11.min.js"><\x2fscript>');</script> <style> /*********************************** FONTS **********************************/ /* roboto-300 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: local(''), url('/templates/inside-22/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/templates/inside-22/fonts/roboto-v30-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-500 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 500; src: local(''), url('/templates/inside-22/fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/templates/inside-22/fonts/roboto-v30-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-700 - latin */ @font-face { font-family: 'Roboto'; font-display: swap; font-style: normal; font-weight: 700; src: local(''), url('/templates/inside-22/fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/templates/inside-22/fonts/roboto-v30-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /********************************* VARIABLEN ********************************/ :root { --hauptfarbe: #444; --akzentfarbe: #7ba4dd; --blau: #00a7e1; --warmblau: #7ba4dd; --kaltblau: #5f8db5; --font: 'Roboto', Arial, Sans-Serif; --normal: 400; --medium: 500; --dick: 700; --width: 90%; --mobilewidth: 88%; --maxwidth: 1420px; --sanft: all linear .25s; } /********************************** BASICS **********************************/ html {position: relative; min-height: 100%} body { background: #fff; font-family: var(--font); color: #777; font-weight: var(--normal); box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14pt; line-height: 19pt; margin: 0px; padding: 0; min-height: 100%; overflow-x: hidden; } .mobile {display:none} .wrapper { box-sizing: border-box; position: relative; min-height: calc(100vh - 285px); width: 100%; margin: 0 auto; } .container { position: relative; width: var(--width); max-width: var(--maxwidth); margin: 0 auto; padding: 0; } #oben .container {margin:0px auto;height:175px;padding-bottom:0;} #oben { box-sizing: border-box; background: #fff; top:0px; height:175px; position:fixed; margin: 0; border-bottom:1px solid #fff; padding:0px; z-index: 1001; width: 100%; transition: all linear 0.5s; } #logo { position:absolute; top: 50px; right:0; z-index: 1001; float:right; width:350px; height: 100px; text-align: right; overflow: hidden; opacity:1; transition:var(--sanft); } #logo a {display:block;float:left;width:100%;height:90px;} #logo a img {margin:0px;width:100%;transition:var(--sanft)} .fulllauf {width:100%;height:50px;margin-top:0px;transition:var(--sanft)} .smaller .fulllauf {height:10px;transition:var(--sanft)} /***************************** KLEINER HEADER *******************************/ .smaller { height: 80px!important; border-bottom: 1px solid #efefef!important; transition:var(--sanft) } .smaller#oben .container {height:80px!important;transition:var(--sanft)} .smaller #logo {top:15px;height:60px;width:185px; transition:var(--sanft)} .smaller #logo a img {transition:var(--sanft)} /************************************ MENÜ ***********************************/ .slicknav_menu {display: none} .header {position:absolute;top:100px;left:0;float:left;transition: all linear 0.5s;} .smaller .header {top:10px;transition: all linear 0.5s;} .header ul {list-style: none; padding: 0; height:25px} .header > ul > li { display: inline-block; position: relative; padding: 0; z-index: 100; height:25px; cursor: pointer; color: #333; } .header > ul > li > a, .header > ul > li > span { box-sizing: border-box; display: block; width: auto; height: 25px; text-align: left; margin: 0; padding: 5px 40px 5px 0px; color: #777; line-height: 1em; font-size: 1.1em; font-weight: var(--medium); text-decoration:none; text-transform: uppercase; letter-spacing: 0.5px; transition: 0.5s all ease; } .header > ul > li:first-of-type > a {padding-left:0} .header > ul > li > a:hover, .header > ul > li > span:hover {color:var(--blau)} .header > ul > li.active > a {color:var(--blau)} .header > ul > li > ul > li > a:hover, .header > ul > li ul > li.active > a {color:var(--blau)} .header ul li a img {max-height:18px!important;width:auto!important} /********************************* 2. EBENE ***********************************/ .header > ul > li > ul { position: absolute; left: 0; top: 100%; height: auto; padding: 50px 1000em 50px 1000em; margin: 0px -1000em; z-index: 101; visibility: hidden; opacity: 0; background: rgba(255,255,255,0.98); border-bottom:2px solid var(--hell); text-align: left; transition: visibility 0s linear 0.5s,opacity 0.5s linear; } .header > ul > li:hover > ul, .header > ul > li.hover > ul { visibility: visible; opacity: 1; transition-delay:0s; } .header > ul ul li { height: 0px; transition: height .5s ease;} .header > ul > li:hover ul li, .header > ul > li.hover ul li {height:45px;} .header > ul > li > ul > li { margin: 0; padding: 2px 0!important; } .header > ul > li > ul > li > a{ display: block; font-size: 1em; font-weight: 300; min-width: 570px; text-transform: uppercase; text-align: left; margin: 0px; padding: 10px 0px 10px 20px; color: #666; text-decoration:none; } .header > ul > li > ul > li.item-129 a {min-width:666px;} .header > ul > li:first-of-type > ul > li > a{ padding: 10px 0;} .header > ul > li > ul > li > a:hover, .header > ul > li > ul > li.active > a{color:var(--blau)} /******************************** LOGIK ************************************/ .reihe {margin: 25px auto 30px;width:100%; display: flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap;} .fullsize {display: flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap;margin-top: 75px;margin-left: -2000px; width: 100%; padding: 75px 2000px;height:auto} .hellgrau {background: #f0f0f0} .items-row:after, .moduletable:after, .item-page:after, .drittel:nth-of-type(3n):after, .reihe::after {content:' ';display:table;clear:both} .halb, .drittel, .viertel, .fuenftel, .sechstel {box-sizing:border-box;margin:0px;padding:0;} .achtzig, .siebzig, .sechzig, .fuenfzig, .vierzig {box-sizing:border-box;} .halb {flex: 0 0 48.5%} .drittel {flex: 0 0 33%} .viertel {flex: 0 0 25%} .fuenftel {flex: 0 0 20%} .sechstel {flex: 0 0 16.66%} .achtzig {width:80%;max-width:80%;} .siebzig {width:70%;max-width:70%;} .sechzig {width:60%;max-width:60%;} .fuenfzig {width:50%;max-width:50%;} .vierzig {width:40%;max-width:40%;} .foto {display:flex;border-right:25px solid #fff;padding:0!important;align-items: center;justify-content: center;background:var(--hell);border-radius:12px} .foto img {width:100%} .clear {width:100%;height:1px;clear:both;} .verlauf, .blau, .warmblau, .kaltblau, .verlauf a, .blau a, .warmblau a, .kaltblau a, .messe.verlauf {color:#fff!important} .verlauf, .messe.verlauf {background: linear-gradient(90deg, rgba(0,167,225,1) 20%, rgba(123,164,221,1) 50%, rgba(95,141,181,1) 80%)!important} .dekoimage {margin-bottom:-75px;} .dekoimage img {object-fit: cover;width:100%;height:auto} /***************************** CONTENT **************************************/ .item-page, .blog, .item-content, .category-desc { box-sizing: border-box; position: relative; width: var(--width); max-width: var(--maxwidth); padding: 0 0 450px; margin: 285px auto 0; font-size: 1em; line-height: 1.5; text-align: left;} .blog {padding:0 0 400px;} .category-desc {padding: 0 0 75px} .news .category-desc {padding: 0 0 10px} .item-content {margin: 0 auto;padding: 50px 0} .career .blog {margin: 170px auto 0} .career .category-desc {margin:0px auto 75px;width:100%;max-width:100%;height:10;} /******************* PRESS MEET US in PERSON **********************/ .item-content.article-20 {margin:50px auto 0} /******************* **********************/ .item-content.article-13 {padding-top:0px} .blog {width:100%;max-width:100%} h1, h2, h3, h4 {line-height:1.25;} h1 {font-size:2.35em;font-weight:var(--medium);color:#54bb8f;text-transform: uppercase;margin-bottom:0px} h2{font-size:1.35em;font-weight:var(--duenn);color:var(--blau);margin-top:10px;text-transform: uppercase;} h3{font-size:1.25em;margin:1.5em 0 0.25em;color:var(--blau);font-weight:var(--medium)} h4{font-size:1.25em;color:var(--blau)} .verlauf h1 {font-size:2.35em;color:#fff;font-weight:var(--dick)} .verlauf h2 {color:#fff;} td h3 {margin:0 0 5px;} p {margin: 0 0 15px} p.blau {color:var(--blau)!important;} strong, b, th {font-weight:var(--dick);color:#555;} .verlauf strong, .verlauf b, th {color:#fff;} th, td {vertical-align:top;padding-right:25px;font-size:1em} .item-page img, .category-desc img, .headerfoto img {width:100%} td img {width:auto!important} .item-page a, a {color:var(--blau);font-size: 1em;text-decoration:none;font-weight:var(--medium);transition: var(--sanft)} .item-page a strong {color:#777;} p.cta {font-size:1.5em!important;display:block} p.cta a img {margin: 7px 5px -5px 0} .item-page a:hover, a:hover {text-decoration: underline; text-underline-offset:3px;transition: var(--sanft)} .item-page a.wf_file {padding-left:8px} .item-page a.wf_file::before {display:block;float:left;margin:0 2px 0 0px;width:20px;height:20px;content: url(/templates/inside-22/images/download.svg);} .item-page ul li {padding:4px 0} iframe {width:100%;overflow:hidden;border:none;} .tricky {margin:-100px 0 100px;padding-top:100px;height:1px} /************************************ MESSEN ********************************/ .blog-item .flex, .flex {display: flex;flex-wrap: wrap;justify-content: space-between;} .blog-item .flex .messe, .flex .messe {box-sizing:border-box;flex: 0 0 48%; display:block;border-radius:14px;padding:30px 30px 30px 65px;background: #f0f0f0;margin-bottom:35px} .blog-item .flex .messe img, .flex .messe img {margin-left: -35px;width:calc(100% + 35px)!important;height:auto!important;border-top-left-radius:12px;border-top-right-radius: 12px;} .blog-item .flex .messe h3, .flex .messe h3 {margin: 15px 0 25px} .blog-item .flex .messe .strich, .flex .messe .strich {margin-left:-50px;height:1px;width:40%;background:var(--blau);margin-top:14px;margin-bottom:18px;} .blog-item .flex .messe.verlauf .strich, .flex .messe.verlauf .strich {background:#fff} .blog-item .flex .messe.verlauf h3, .flex .messe.verlauf h3, .blog-item .flex .messe.verlauf p strong, .flex .messe.verlauf p strong {color:#fff} /******************** NUMBERS ************************************************/ .reihe.numbers {margin-top:75px;flex-wrap: wrap;align-items:center;justify-content: center;color:var(--blau);text-align:Center;font-size:1.2em} .reihe.numbers .drittel, .reihe.numbers .viertel {padding-top:25px} .reihe.numbers h4 {margin:0;color:var(--blau)} .reihe.numbers .drittel:first-of-type {border-right: 3px dashed var(--blau);} .reihe.numbers .drittel:last-of-type {border-left: 3px dashed var(--blau);} .reihe.numbers .viertel {display:flex;border-right: 2px dashed var(--blau);min-height:275px;align-items:center;justify-content: center;} .reihe.numbers .viertel:last-of-type {border-right:none} .reihe.numbers .viertel div {padding: 0 12px} /****************************** CSS SLIDER ***********************/ .toggleBox {position: relative; margin-bottom:20px} .toggleBox .toggleBox {margin-top:-20px} /* Ausblenden des input-Feldes */ .toggleBox input {position: absolute; left: -99999px} /* Gestaltung der labels */ .toggleBox label { display: block; color: #777; font-size:1em; padding: 0px 0px 20px; text-align: left; cursor: pointer; font-weight:var(--dick); box-sizing: border-box; transition: var(--sanft) } .career .toggleBox {margin-bottom:0} .career .toggleBox label {color:var(--blau)} .toggleBox label:hover { color: #111; transition: var(--sanft) } /* Der Aufklappmechanismus */ .toggleBox input:not(:checked) ~ div {opacity: 0; height: 0; width:100%; overflow:hidden; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out} .toggleBox input:checked ~ div {width:100;opacity: 1; padding: 0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } .toggleBox input:checked ~ div:after {content:'';display:table;clear:both;} /* Steuerung der Sichtbarkeit der labels */ .toggleBox input:not(:checked) ~ .close, .toggleBox input:checked ~ .open { display: none; } /*.toggleBox p {margin-bottom:0}*/ .toggleBox img {max-width:100%;height:auto} .toggleBox .fullsize img {width:100%;max-width:100%} /******************************** TECNNOLOGY ******************************/ .fullsize .halb, .switch {aspect-ratio: 2.13/1;} .fullsize .halb {margin-bottom: 25px; flex: 0 0 48.75%} .switch {width:100%;height:auto;position:relative;} .picture img {max-width:100%;height:auto!important} .picture {position:absolute;top:0;left:0;width:100%;z-index:8;transition:var(--sanft)} .picture .bigtext {position:absolute;display:block;bottom:30px;left:30px;color:#fff;width:42%;} .trechts .bigtext {left: 58%;} /* .switch .text {position:absolute;box-sizing: border-box;top:0;left:0;padding:12px;font-size:.85em;color:#fff;width:100%;z-index:7;opacity:0;transition: var(--sanft)} .switch:hover .text {opacity:1;transition: var(--sanft)} .switch:hover .picture {opacity:0;transition:var(--sanft)} .cyan:hover {background:#00a7e1} .sanftblau:hover {background:#7ba4dd} .graublau:hover {background:#5f8db5} .grasgruen:hover {background:#90cd3f} .mintgruen:hover {background:#54c4b2} .waldmeister:hover {background:#54bb8f} */ /*********************************** FOOTER ***********************************/ .footer { position: absolute; bottom: 0; background: url(/templates/inside-22/images/footer.webp) no-repeat; background-size: cover; background-position: center top; box-sizing: border-box; width:100%; min-height:400px; margin: 0px; padding:50px 0 40px; font-size: .9em; line-height: 2; color: #fff; } .footer .container {width:var(--width);max-width:var(--maxwidth);display: flex;justify-content: flex-start;align-items: stretch} .footer .container .viertel:nth-of-type(1) {flex: 0 0 30%} .footer .container .viertel:nth-of-type(2) {flex: 0 0 30%} .footer .container .viertel:nth-of-type(3) {flex: 0 0 30%} .footer .container .viertel:nth-of-type(4) {flex: 0 0 10%;text-align:right;} .footer strong {color:#fff} .footer .custom a {text-decoration: none;color:#fff;font-weight:var(--duenn)} .footer a img {width:38px;opacity:.7;} .footer a:hover img {opacity:1} .footer ul {display:block;list-style:none;width:100%;margin:0px;padding:0;text-align:left;} .footer ul li {display:block;margin:0;padding:0;} .footer ul li a {text-decoration:none;color:#fff;font-size:1em;display:block;padding:6px 0;transition:var(--sanft)} .footer ul li a:hover, .footer .custom a:hover {text-decoration:underline;transition:var(--sanft)} @media only screen and (max-width: 1350px) { .switch .text {font-size:.75em} } @media only screen and (max-width: 1220px) { .reihe.numbers {font-size:1.2em} } @media only screen and (max-width: 1150px) { .switch .text {font-size:.65em;} } @media only screen and (max-width: 1050px) { .switch .text {line-height:1.2;} } @media only screen and (max-width: 990px) { .header > ul > li > a, .header > ul > li > span {padding: 5px 12px} } /**************************** SMARTPHONES **********************************/ @media only screen and (max-width: 900px) { body {font-size:12pt; margin:0;} .mobile {display:block} .desktop, .header {display:none!important} .smaller#oben .container {height: 50px!important} /********************************* MENÜ *************************************/ .js #menu{display:none} .js .slicknav_menu{display:block} .slicknav_menu{z-index:999;position:fixed;display:block;width:100%;top:0;background-color:#fff;font-size:16px;box-sizing:border-box;padding:5px;border-bottom:1px solid var(--akzentfarbe);overflow:hidden} .slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.638em .625em .553em;line-height:1.125em;cursor:pointer;margin:5px 9px 6px 0;text-decoration:none;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:var(--akzentfarbe)} .slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em} .slicknav_menu{*zoom:1} .slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:300;text-shadow:none} .slicknav_menu .slicknav_icon{float:left;width:1.125em;height:.955em;margin:.188em 0 0 .438em} .slicknav_menu .slicknav_icon:before{background:transparent;width:1.125em;height:.875em;display:block;content:"";position:absolute} .slicknav_menu .slicknav_no-text{margin:0} .slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px} .slicknav_menu:before{content:" ";display:table} .slicknav_menu:after{content:" ";display:table;clear:both} .slicknav_nav .slicknav_arrow{display:block;font-size:1.3em;font-weight:var(--dick);margin:-1px 3px 0 .4em;float:right;} .slicknav_nav .slicknav_item{cursor:pointer} .slicknav_nav .slicknav_item a{display:inline;padding:0;margin:0} .slicknav_menu *{box-sizing:border-box} .slicknav_menu .slicknav_icon-bar{background-color:#fff} #scrollbar {position:fixed;top:57px;bottom:0;left:0;right:0;background:var(--akzentfarbe);} #scrollbar div {position:absolute;overflow:auto;top:0;bottom:0;left:0;right:0;padding-top:45px;} .slicknav_nav{top:65px;width:100%;bottom:0;left:0;right:0;padding:0;color:#eee;margin:0;font-size:1em;list-style:none;} .slicknav_nav ul{list-style:none;overflow:hidden;padding:0;margin:0 0 0 20px} .slicknav_nav .slicknav_row{padding:15px 15px;margin:0px 5px} .slicknav_nav .slicknav_row:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:var(--hell);color:var(--hauptfarbe)} .slicknav_nav a{display:block;padding:11px 15px;margin:0px 5px;text-decoration:none;color:#eee;line-height:14pt;} .slicknav_nav a:hover a {color:var(--hauptfarbe)} .slicknav_open a {background:var(--hell);color:var(--hauptfarbe)} .slicknav_open ul li a {background:var(--akzentfarbe);color:#eee} .slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:var(--hell);color:#111} .slicknav_nav .slicknav_txtnode{margin-left:15px} .slicknav_nav .slicknav_parent-link a{display:inline;padding:0;margin:0} .slicknav_open .slicknav_icon:before {position:absolute;z-index:1003;content:'✕';font-family: 'Arial', sans-serif; color:var(--hauptfarbe);margin:0px 0 0 0px;font-size:1.5em;} .slicknav_open .slicknav_icon:after {content:'';background:#FFF;display:block;position:fixed;top:0px;left:0px;width:100%;height:70px;transition:all linear 0.5s} .slicknav_open .slicknav_icon-bar {display:none;} .slicknav_menu {overflow: visible} /********************************** LOGIK ************************************/ .reihe {margin: 12px auto 14px;display: flex;justify-content: flex-start;flex-direction: column;align-items: flex-start;} .fullsize {box-sizing:border-box;margin-top: 20px;margin-left: 0%; width: 100%; padding: 0px 0;} .career .fulllauf {display:block;} .career .category-desc {box-sizing:border-box;margin-top:-7px;margin-left: -6.75%; width:113.5%;max-width:113.5%; padding: 0px; height:auto;margin-bottom:15px} .career .category-desc img {height: 175px} .halb, .drittel, .viertel, .fuenftel, .sechstel, .achtzig, .siebzig, .sechzig, .fuenfzig, .vierzig {flex: 0 0 100%;width:100%;} .fullsize .halb {flex: 0 0 100%;width:100%} .halb:nth-of-type(2) {border-left:none;} .foto {border-right:none;padding:0!important;margin-bottom:12px;align-items: flex-start;border-radius:8px} /******************************** HEADER ************************************/ #oben {height:50px;width:80%;border-bottom:none;padding:0;transition:none;border:none;} #oben .container {margin:0;width:100%;height:50px;} #logo, .smaller #logo {opacity:1;box-sizing: border-box;top: 0px;left: 0px; margin:0;padding-left:0;padding-right:0px;padding-top:0px;text-align:left;width:180px;background:#fff;height:50px;z-index:1005} #logo a, .smaller #logo a {width:150px;height:50px;} #logo a img, .smaller #logo a img {width:150px; margin: 5px 0 0 14px;} .smaller {height: 50px!important; padding: 0px!important;border:none!important;transition:none;} .fulllauf, .smaller .fulllauf {position:fixed;top:55px;left:0;right:0;margin:0!important;padding:0!important;height:3px} /********************************** CONTENT *********************************/ .home .blog {margin-top:52px;width:var(--mobilewidth);} .item-page, .blog, .career .blog {margin: 60px auto 0;width:var(--mobilewidth);padding-bottom:20px} .item-page {padding-top:15px} .category-desc {margin:0 0 50px} .imprint .item-page, .privacy-policy .item-page {font-size:1em;} .item-page a {word-break: break-all;} .item-page img, .category-desc img, .headerfoto img {height:auto!important} h1, h2 {font-size:1.5em} h1 {margin-bottom:30px} h3, h4 {font-size:1.2em} .verlauf h1 {font-size:2.25em} .item-content, .category-desc { width:100%; padding: 10px 0 3px; } .verlauf {background: linear-gradient(90deg, rgba(0,167,225,1) 7%, rgba(123,164,221,1) 50%, rgba(95,141,181,1) 93%);margin-left: -6.75%; width: 100%; padding: 25px 6.75%;} .dekoimage {margin-bottom:-20px} .reihe.numbers .drittel:first-of-type, .reihe.numbers .viertel {border-right:none;border-bottom: 2px dashed var(--blau);} .reihe.numbers .drittel:last-of-type {border-left:none;border-top: 2px dashed var(--blau);} .reihe.numbers .viertel:last-of-type {border-bottom:none} .fullsize .halb, .switch {aspect-ratio:auto;} .switch .picture {position:relative;} .switch .picture img {max-width:100%!important;height:auto!important} .switch:hover .picture {opacity:1;transition:none} .picture .bigtext {bottom: 20px; left: 17px;font-size:.9em} .trechts .bigtext {left: 57%;} .switch .text {position:relative;line-height:1.4;box-sizing: border-box;margin-top:20px;left:0;padding:12px;font-size:.95em;color:#fff;width:100%;z-index:7;opacity:1} .cyan .text {background:#00a7e1} .sanftblau .text {background:#7ba4dd} .graublau .text {background:#5f8db5} .grasgruen .text {background:#90cd3f} .mintgruen .text {background:#54c4b2} .waldmeister .text {background:#54bb8f} .cyan:hover, .sanftblau:hover, .graublau:hover, .grasgruen:hover, .mintgruen:hover, .waldmeister:hover {background:transparent} .blog-item .flex {display: block;width:100%;} .blog-item .flex .messe, .flex .messe {box-sizing:border-box;flex: 0 0 100%; width:100%; display:block;border-radius:14px;margin:0 0 25px;padding:20px 20px 20px 45px;background: #f0f0f0;margin-bottom:35px} .blog-item .flex .messe img, .flex .messe img {margin-left: -25px;width:calc(100% + 25px)!important;height:auto!important;border-top-left-radius:12px;border-top-right-radius: 12px;} .blog-item .flex .messe h3, .flex .messe h3 {margin: 15px 0 25px} .blog-item .flex .messe .strich, .flex .messe .strich {margin-left:-25px;height:1px;width:40%;background:var(--blau);margin-top:14px;margin-bottom:18px;} /**************************** FOOTER ****************************************/ .footer {box-sizing:border-box;background-image:none;background: linear-gradient(90deg, rgba(0,167,225,1) 7%, rgba(123,164,221,1) 50%, rgba(95,141,181,1) 93%);min-height:auto;position:relative;margin:0;padding-top:40px;} .footer .container {position:relative;width:var(--mobilewidth);display:block} .footer .viertel {flex: none;display:block;width:80%;} .footer .viertel:nth-of-type(4) {position:absolute;flex:none;display:block;width:19%;float:right;bottom:-8px;right:0;text-align:right;padding-bottom:0;} .footer .viertel:nth-of-type(4) p {padding:0;margin:0} .footer ul li {text-align:right} .footer ul li a {padding: 5px 0} .footer ul li:last-of-type a {padding:5px 0 3px} } </style> <meta charset="utf-8"> <meta name="description" content="NeoSphere BioTechnologies"> <title>Home</title> <link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon"> <link href="/media/vendor/joomla-custom-elements/css/joomla-alert.min.css?0.2.0" rel="stylesheet"> <link href="/media/plg_system_jcepro/site/css/content.min.css?86aa0286b6232c4a5b58f892ce080277" rel="stylesheet"> <script src="/media/mod_menu/js/menu.min.js?0c113d" type="module"></script> <script type="application/json" class="joomla-script-options new">{"joomla.jtext":{"ERROR":"Fehler","MESSAGE":"Nachricht","NOTICE":"Hinweis","WARNING":"Warnung","JCLOSE":"Schließen","JOK":"OK","JOPEN":"Öffnen"},"system.paths":{"root":"","rootFull":"https://neospherebiotechnologies.com/","base":"","baseFull":"https://neospherebiotechnologies.com/"},"csrf.token":"207a18184c794ddb408ced84ed5d4552"}</script> <script src="/media/system/js/core.min.js?2cb912"></script> <script src="/media/vendor/webcomponentsjs/js/webcomponents-bundle.min.js?2.8.0" nomodule defer></script> <script src="/media/system/js/joomla-hidden-mail.min.js?80d9c7" type="module"></script> <script src="/media/system/js/messages.min.js?9a4811" type="module"></script> <link rel="shortcut icon" href="/favicon.ico" /> <link href="/android-icon.png" rel="shortcut icon" sizes="196x196"> <link href="/apple-touch-icon.png" rel="apple-touch-icon" /> </head> <body class="front home "> <div class="wrapper"> <div id="oben"> <div class="container">   <nav class="header"> <ul id="menu" class="mod-menu mod-list nav "> <li class="nav-item item-102 deeper parent"><span class="mod-menu__heading nav-header ">Technology</span> <ul class="mod-menu__sub list-unstyled small"><li class="nav-item item-129"><a href="/technology/proteomics-in-degrader-drug-discovery" >Proteomics in degrader drug discovery</a></li><li class="nav-item item-130"><a href="/technology/deep-proteomic-screening" >Deep proteomic screening</a></li><li class="nav-item item-128"><a href="/technology/target-validation" >Target Validation</a></li><li class="nav-item item-259"><a href="/technology/neoverse" >neoVERSE</a></li><li class="nav-item item-258"><a href="/technology/publications" >Publications</a></li></ul></li><li class="nav-item item-104 deeper parent"><span class="mod-menu__heading nav-header ">News & Events</span> <ul class="mod-menu__sub list-unstyled small"><li class="nav-item item-242"><a href="/news/events" class="reload">Events</a></li><li class="nav-item item-240"><a href="/news/press-releases" class="reload">Press releases</a></li><li class="nav-item item-241"><a href="/news/neosphere-biotechnologies-in-the-media" class="reload">NEOsphere Biotechnologies in the media</a></li></ul></li><li class="nav-item item-117 deeper parent"><span class="mod-menu__heading nav-header ">About </span> <ul class="mod-menu__sub list-unstyled small"><li class="nav-item item-131"><a href="/about-us/the-founding-and-management-team" class="reload">The founding and management team</a></li><li class="nav-item item-132"><a href="/about-us/advisory-board" class="reload">Advisory Board</a></li><li class="nav-item item-153"><a href="/about-us/scientific-advisiors" class="reload">Scientific Advisiors</a></li></ul></li><li class="nav-item item-103"><a href="/career" >Career</a></li><li class="nav-item item-262 deeper parent"><span class="mod-menu__heading nav-header ">Company brochures</span> <ul class="mod-menu__sub list-unstyled small"><li class="nav-item item-263"><a href="/company-brochures/brochure-2" ><img src="/images/icon_brochure.png" alt=" Company brochure" width="29" height="24" loading="lazy"><span class="image-title"> Company brochure</span></a></li><li class="nav-item item-264"><a href="/company-brochures/neoverse-brochure-2" ><img src="/images/icon_brochure.png" alt=" neoVERSE brochure" width="29" height="24" loading="lazy"><span class="image-title"> neoVERSE brochure</span></a></li><li class="nav-item item-274"><a href="/company-brochures/company-presentation" ><img src="/images/icon_brochure.png" alt=" Company Presentation" width="29" height="24" loading="lazy"><span class="image-title"> Company Presentation</span></a></li></ul></li></ul> </nav> <div id="logo"> <a href="/"> <img src="/templates/inside-22/images/logo.svg" alt="Kundenname" /> </a> </div> </div> <div class="fulllauf verlauf"> </div> </div>   <div id="system-message-container" aria-live="polite"></div> <div class="com-content-category-blog blog"> <div class="com-content-category-blog__items blog-items items-leading "> <div class="com-content-category-blog__item blog-item"> <div class="verlauf"> <div class="dekoimage"> </div> <div class="item-content article-5"> <h1>Unlock the therapeutic potential of targeted <br />protein degradation</h1> <h2>NEOsphere Biotechnologies integrates world-class mass spectrometry with expert data analysis to systematically create broad pipelines of novel degrader targets at scale and advance our partners’ targeted protein degradation (TPD) drug discovery programs at every stage.</h2> <p> </p> <p> </p> <div class="wf-columns wf-columns-stack-medium wf-columns-layout-auto" data-wf-columns="1"> <div class="wf-column"> <div style="text-align: center;"><a href="/technology/deep-proteomic-screening"><img src="/images/icon_plain_links_trans2.webp" alt="icon screen" width="141" height="136" /></a></div> <div style="text-align: center;"><strong><br /><a href="/technology/deep-proteomic-screening">DEEP PROTEOMIC <br />SCREENING</a><br /></strong></div> <div style="text-align: center;"><br /> <p><a href="/technology/deep-proteomic-screening">Perform unbiased, proteome-wide <br />high-throughput screening of <br />entire degrader libraries with unmatched speed, <br />precision, and coverage to access <br />previously undruggable targets. <br />Deep Proteomic Screening characterizes <br />all types of degraders, and uncovers <br />novel TPD mechanisms.</a></p> </div> </div> <div class="wf-column"> <div style="text-align: center;"><a href="/technology/target-validation"><img src="/images/icon_plain_mitte_trans.webp" alt="icon screen" width="141" height="136" /></a></div> <div style="text-align: center;"><strong><br /><a href="/technology/target-validation">TARGET<br />VALIDATION</a></strong></div> <div style="text-align: center;"><br /> <p><a href="/technology/target-validation">Apply global ubiquitinomics to capture <br />target modifications with exceptional <br />depth and speed, and to gain a comprehensive <br />understanding of dynamic ubiquitin <br />signaling at the systemic level.</a></p> </div> </div> <div class="wf-column"> <div style="text-align: center;"><a href="/technology/neoverse"><img src="/images/icon_plain_rechts_trans.webp" alt="icon screen" width="141" height="138" /></a><strong><strong><br /></strong></strong> <div style="text-align: center;"><strong><br /><a href="/technology/neoverse">NEOVERSE<br /> </a></strong></div> <div style="text-align: center;"><br /> <p><a href="/technology/neoverse">Effortlessly transform large-scale proteomic<br /> data into actionable insights that inform<br /> drug discovery decisions in SAR-optimization,<br /> target identification, and library<br />expansion and optimization.</a></p> </div> </div> </div> </div> <p> </p> <p> </p> <p class="cta"><joomla-hidden-mail is-link="1" is-email="0" first="aW5mbw==" last="bmVvc3BoZXJlYmlvdGVjaC5jb20=" text="Q09OVEFDVCBVUyBGT1IgQ09PUEVSQVRJT04gT1BQT1JUVU5JVElFUw==" base="" class="cta" title="Send us a Email">Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein.</joomla-hidden-mail>  <img src="/images/pfeil_weiss.webp" alt="pfeil weiss" width="33" height="33" /></p> </div> </div> </div> <div class="com-content-category-blog__item blog-item"> <div class=""> <div class="dekoimage"> </div> <div class="item-content article-7"> <div class="reihe numbers"> <div class="viertel"> <div> <p>Develop broad <br />pipelines of novel<br /> degrader targets</p> </div> </div> <div class="viertel"> <div> <p>Systematically <br />link degraders to <br />their targets</p> </div> </div> <div class="viertel"> <div> <p>Gain unparalleled insights <br />into compound-induced<br /> ubiquitination</p> </div> </div> <div class="viertel"> <div> <p>Transform proteomics <br />data into actionable <br />biological knowledge</p> </div> </div> </div> </div> </div> </div> <div class="com-content-category-blog__item blog-item"> <div class=""> <div class="dekoimage"> </div> <div class="item-content article-6"> <div class="fullsize hellgrau"> <div class="halb"> <div class="switch tlinks cyan"> <div class="picture"><img src="/images/technology/tech_1_1.webp" alt="tech 1 1" width="700" height="328" /><span class="bigtext">SEAMLESS SCALABILITY<br />THROUGH FULLY<br />AUTOMATED PROCESSES</span></div> </div> </div> <div class="halb"> <div class="switch tlinks sanftblau"> <div class="picture"><img src="/images/technology/tech_1_2.webp" alt="tech 1 1" width="700" height="328" /><span class="bigtext">EXEPTIONAL DATA<br /> QUALITY FOR ROBUST<br /> AND RELIABLE RESULTS</span></div> </div> </div> <div class="halb"> <div class="switch trechts graublau"> <div class="picture"><img src="/images/technology/tech_2_1.webp" alt="tech 1 1" width="700" height="328" /><span class="bigtext">EXPERT DATA<br />PROCESSING AND COMPREHENSIVE <br />STATISTICAL ANALYSIS<br /></span></div> </div> </div> <div class="halb"> <div class="switch trechts grasgruen"> <div class="picture"><img src="/images/technology/tech_2_2.webp" alt="tech 1 1" width="700" height="328" /><span class="bigtext">TOP-TIER <br />DATA SECURITY <br />STANDARDS</span></div> </div> </div> <div class="halb"> <div class="switch tlinks mintgruen"> <div class="picture"><img src="/images/technology/tech_3_1.webp" alt="tech 1 1" width="700" height="328" /><span class="bigtext">HIGH-PERFORMANCE<br /> DIA-MS FOR <br />OPTIMAL PROJECT OUTCOMES</span></div> </div> </div> <div class="halb"> <div class="switch tlinks waldmeister"> <div class="picture"><img src="/images/technology/tech_3_2.webp" alt="tech 1 1" width="700" height="328" /><span class="bigtext">INSTANT TRANSFERABILITY<br /> OF PROTEOMICS DATA<br /> INTO DRUG DISCOVERY</span></div> </div> </div> </div> </div> </div> </div> </div> </div>   <div class="footer"> <div class="container"> <div class="viertel"> <div id="mod-custom90" class="mod-custom custom"> <p><strong>© NEOsphere Biotechnologies GmbH</strong><br />All rights reserved</p></div> </div> <div class="viertel"> <div id="mod-custom91" class="mod-custom custom"> <p><strong>Service links</strong><br /><a href="/contact/imprint">Imprint</a><br /><a href="/contact/privacy-policy">Data Policy</a><br /><a href="/contact/brochure" target="_blank">Company Brochure</a><br /><a href="/contact/neoverse-brochure" target="_blank">NeoVerse Brochure</a></p></div> </div> <div class="viertel"> <div id="mod-custom92" class="mod-custom custom"> <p><strong>Contact</strong><br />NEOsphere Biotechnologies GmbH<br />Fraunhoferstrasse 1<br />82152 Planegg<br />Germany<br /><br /> Phone: <a href="tel:+498943780200">+49 89 4378 020 0</a><br />Mail: <joomla-hidden-mail is-link="1" is-email="1" first="aW5mbw==" last="bmVvc3BoZXJlYmlvdGVjaC5jb20=" text="aW5mb0BuZW9zcGhlcmViaW90ZWNoLmNvbQ==" base="" >Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein.</joomla-hidden-mail></p></div> </div> <div class="viertel"> <div id="mod-custom93" class="mod-custom custom"> <p><a href="https://www.linkedin.com/company/neosphere-biotechnologies/about/" target="_blank" rel="noopener"> <img src="/templates/inside-22/images/Linkedin.svg" alt="NeoSphere @ LinkedIn" /> </a></p></div> </div> </div> </div>  </div> <script src="/templates/inside-22/js/jui/jquery.min.js"></script>  <script src="/templates/inside-22/js/jquery.slicknav.js"></script> <script> jQuery(document).ready(function(){ jQuery('#menu').slicknav({init: function(){ addDivContainer(); } }); }); function addDivContainer(){ jQuery(".slicknav_nav").wrap('<div id="scrollbar" style="display:none"><div></div></div>'); } </script>  <script type="text/javascript">!function(o){o(document).ready(function(){o(window).scroll(function(){o(window).scrollTop()>25?o("#oben").addClass("smaller"):o(window).scrollTop()<25&&o("#oben").removeClass("smaller")})})}(jQuery);</script>  <script> if (window.innerWidth > 899) { jQuery(document).ready(function(){ jQuery('li.doubletouch').on('touchstart', function (e) { 'use strict'; //satisfy code inspectors var link = jQuery(this); //preselect the link if (link.hasClass('hover')) { return true; } else { link.addClass('hover'); jQuery('li.doubletouch').not(this).removeClass('hover'); e.preventDefault(); return false; //extra, and to make sure the function has consistent return points } })}); } </script>  <script> var _paq = window._paq = window._paq || []; _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://neospherebiotechnologies.com/stats/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '1']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <noscript><p><img src="https://neospherebiotechnologies.com/stats/matomo.php?idsite=1&rec=1" style="border:0;" alt="" /></p></noscript>  </body> </html>