@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";
/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:list-item;}template{display:none;}[hidden]{display:none;}
.black-bg{background-color:#000}html{font-size:62.5%}img{object-fit:contain;max-width:100%;height:auto;display:block}.toolbar .toolbar-icon:before{width:2rem}.toolbar .toolbar-icon{margin:0;font-size:1.3rem}@media only screen and (min-width:36em){.toolbar .toolbar-bar .toolbar-tab>.toolbar-icon:before{width:2rem}}.toolbar .toolbar-toggle-orientation button{width:3.9rem;height:3.9rem}.dialog-off-canvas-main-canvas{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);min-height:100vh;display:grid}.dialog-off-canvas-main-canvas *{box-sizing:border-box}.toolbar-horizontal .dialog-off-canvas-main-canvas,.toolbar-vertical .dialog-off-canvas-main-canvas{min-height:calc(100vh - 39px)}.toolbar-horizontal.toolbar-tray-open .dialog-off-canvas-main-canvas{min-height:calc(100vh - 79px)}html{font-family:Space Grotesk,sans-serif}h1{font-size:clamp(2.5rem,2vw + 1rem,4rem);font-weight:400;line-height:1.1285em}h2{font-size:clamp(1.333rem,2vw + 1rem,3.5rem);font-weight:400}h3,h4{font-size:clamp(1.486rem,2vw + 1rem,3rem);font-weight:400;line-height:1.33334em}h5{font-size:clamp(1rem,4vw,2.5rem);font-weight:400;line-height:1.33334em}p,.dialog-off-canvas-main-canvas a{font-size:clamp(1.2rem,2vw + 1rem,1.5rem);font-weight:400;line-height:1.33334em}.about-us{text-align:center;padding:10rem 0}.silver-button-simple{height:44px;box-shadow:none;color:#000;background-color:#a4a2a2;background-image:linear-gradient(99deg,#fff0 30%,#fff 100%),radial-gradient(circle,#fff 0,#fff0 70%);background-position:0 0,-1000% 0;background-repeat:no-repeat;background-size:100% 100%,90% 100%;border:none;border-radius:25px;width:max-content;padding:12px 26px;font-weight:400;transition:all .6s ease-out}.silver-button-simple:hover{background-position:0 0,150% 0}.silver-button-simple a{color:#000;text-decoration:none}.view-wrapper{background-color:#000;padding:5rem}.feature-card{place-content:center;display:grid}.feature-card .feature-card__image{position:relative}.feature-card .feature-card__image .overlay{opacity:0;pointer-events:none;background-image:linear-gradient(0deg,#000 0,#fff0 100%);background-size:200% 100%;width:100%;height:60%;transition:all .3s ease-out;position:absolute;bottom:0;left:0}.feature-card .feature-card__image:hover .overlay{opacity:.6}.feature-card .features-card__headline{position:relative}.feature-card .features-card__headline h3{color:#fff}.feature-card .features-card__headline a{text-decoration:none;position:relative}.feature-card .features-card__headline a:before{content:"";opacity:0;background-image:linear-gradient(99deg,#000 0,#fff0 60%);width:100%;height:100%;transition:all .3s ease-out;position:absolute;top:0;left:0}.feature-card .features-card__headline a:hover:before{opacity:1}.five-column-links{color:#fff;background-color:#000;padding:6rem 4rem}.five-column-links .five-col-links__headline{text-align:center;margin-bottom:8rem}.five-column-links .five-col-wrapper{grid-template-columns:20% 80%;margin-bottom:7rem;display:grid}.five-column-links .five-col-wrapper .five-col-links__plain-text h4{margin:0 0 1rem}.five-column-links .five-col-wrapper .five-col-links__plain-text p{color:#b6b6b6;margin:0}.five-column-links .five-col-wrapper .five-col-links__plain-text p a{color:#b6b6b6;text-decoration:none}.five-column-links .five-col-wrapper .image-card-link{grid-template-columns:repeat(5,1fr);place-items:center;gap:2rem;display:grid}.five-column-links .five-col-wrapper .image-card-link>div{position:relative}.five-column-links .five-col-wrapper .image-card-link>div .overlay-box{z-index:1;justify-content:center;height:50%;display:flex}.five-column-links .five-col-wrapper .image-card-link>div .overlay-box .overlay{opacity:0;pointer-events:none;background-image:linear-gradient(0deg,#fff 0,#fff0 100%);background-size:200% 100%;width:100%;height:100%;transition:all .3s ease-out;position:absolute;top:0;left:0}.five-column-links .five-col-wrapper .image-card-link>div .overlay-box .silver-button{opacity:0;color:#000;background-color:#a4a2a2;background-image:linear-gradient(99deg,#fff0 0%,#fff 100%),radial-gradient(circle,#fff 0,#fff0 90%);background-position:0 0,-1000% 0;background-repeat:no-repeat;background-size:100% 100%,90% 100%;border-radius:25px;width:max-content;padding:12px 2px;text-decoration:none;transition:all .4s ease-out;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.five-column-links .five-col-wrapper .image-card-link>div .overlay-box .silver-button:hover{background-position:-30% 0}.five-column-links .five-col-wrapper .image-card-link>div .overlay-box .silver-button a{color:#000;padding:12px 26px;text-decoration:none}.five-column-links .five-col-wrapper .image-card-link>div:hover .silver-button{opacity:1;bottom:40%}.five-column-links .five-col-wrapper .image-card-link>div:hover .overlay{opacity:.75}@media only screen and (max-width:1280px){.image-card-link>div a{transform:translate(28%)}}@media only screen and (max-width:1000px){.five-column-links .five-col-wrapper{grid-template-columns:repeat(1,1fr)}.five-column-links .five-col-wrapper .image-card-link{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:600px){.five-column-links .five-col-wrapper .image-card-link{grid-template-columns:repeat(1,1fr)}}.footer{color:#a4a2a2;grid-template-columns:repeat(3,1fr);height:100%;padding:6rem 4rem;display:grid}.footer a{color:#a4a2a2;text-decoration:none}.footer a:hover{filter:brightness(5)}.footer .footer-logo img{max-width:7rem}.footer .social{flex-flow:column;gap:1rem;display:flex}@media only screen and (max-width:700px){.footer{grid-template-columns:repeat(1,1fr);gap:2rem;padding:6rem 1rem}}.grid-3-col-articles{background-color:#000}.grid-3-col>div{color:#fff;grid-template-columns:repeat(3,1fr);gap:2rem;padding-top:5rem;display:grid}@media only screen and (max-width:500px){.grid-3-col>div{grid-template-columns:repeat(2,1fr)}}.header{background-color:#000;grid-template-columns:15% 70% 15%;place-items:center;padding:2rem 0;display:grid}.header .logo{max-width:7rem}.header .logo-mobile{display:none}.header .github-logo{max-width:10rem}.header .main-menu{grid-auto-flow:column;gap:4rem;padding:1rem;display:grid}.header .main-menu li{list-style:none}.header .main-menu li a{color:#fff;padding:.5rem;text-decoration:none}.header .main-menu li a:hover{color:#ccc}.header .main-menu .github-logo{display:none}.hamburger.is-active span:first-child{transform:translateY(9px)rotate(45deg)}.hamburger.is-active span:nth-child(2){opacity:0}.hamburger.is-active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media only screen and (max-width:1000px){.header{grid-template-columns:repeat(2,1fr)}.header .github-logo,.header .logo{display:none}.header .logo-mobile{justify-self:left;max-width:4rem;margin-left:3rem;display:block}.header .main-menu{display:none}.header .main-menu .github-logo{max-width:3rem;display:block}.hamburger{cursor:pointer;place-content:center;justify-self:end;height:100%;margin-right:3rem;display:grid}.hamburger .bar{background-color:#fff;width:2.5rem;height:2px;margin:3px auto;transition:all .3s ease-in-out;display:block}.main-menu.is-active{background-color:#000;width:100%;margin:0;padding-left:4rem;display:block;position:absolute;top:100%}.main-menu.is-active li{padding:1.5rem 0}}.hero-banner{grid-template-columns:60% 40%;place-items:center;gap:1rem;padding:5rem 1rem;display:grid}.hero-banner .hero-banner__text{border-left:1px solid #000;padding:1rem 5rem}@media only screen and (max-width:800px){.hero-banner{grid-template-columns:repeat(1,1fr)}.hero-banner .hero-banner__text{border-top:1px solid #000;border-left:none}}.home-banner{text-align:center;padding:18rem 2rem}.indented{text-indent:20px}.wrapper{background-color:#000;padding:6rem 4rem}.most-popular{color:#fff;grid-template-columns:1fr 1fr 1fr;padding-bottom:5rem;display:grid}.most-popular .left-side{flex-flow:column;grid-column:1/3;justify-content:space-between;display:flex}.most-popular .left-side button:hover span{margin-left:15px;margin-right:3px}.most-popular .left-side button span{margin-left:18px;font-size:16px;transition:all .6s ease-out}.most-popular .right-side{justify-content:end;display:grid}@media only screen and (max-width:900px){.most-popular{grid-template-columns:repeat(1,1fr);row-gap:5rem}.most-popular .right-side{justify-content:center}}.profiles-view{color:#fff;background-color:#000}.container,.container-wide{box-sizing:content-box;max-width:142rem;margin:0 auto;padding-inline:2rem}.main-container{max-width:144rem;margin:auto;padding:1rem 5rem}.container-large{max-width:144rem;margin:auto}.container-medium{max-width:130rem;margin:auto}.container-small{max-width:100rem;margin:auto}.container-mobile{max-width:90rem;margin:auto}.full-width-container{width:100%;max-width:144rem;margin:auto}@media only screen and (max-width:1400px){.main-container{max-width:130rem;margin:auto}}@media only screen and (max-width:1100px){.main-container{max-width:100rem;margin:auto}}@media only screen and (max-width:800px){.main-container{max-width:90rem;margin:auto}}@media only screen and (max-width:500px){.main-container{max-width:90rem;margin:auto;padding:1rem}}.article-full{color:#fff;grid-template-columns:repeat(2,1fr);gap:2rem;padding:9rem 2rem;display:grid}.articles-teaser-2{place-content:center;display:grid}.articles-teaser-2 a{color:#fff;text-decoration:none}.articles-teaser-2 .image{position:relative}.articles-teaser-2 .image .overlay{opacity:0;pointer-events:none;background-image:linear-gradient(0deg,#000 0,#fff0 100%);background-size:200% 100%;width:100%;height:60%;transition:all .3s ease-out;position:absolute;bottom:0;left:0}.articles-teaser-2 .image:hover .overlay{opacity:1}.articles-teaser-2 .text p{letter-spacing:.02em;font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,2vw + 1rem,2.5rem);font-weight:400;line-height:1.2058em;position:relative}.articles-teaser-2 .text p:before{content:"";opacity:0;background-image:linear-gradient(99deg,#000 0,#fff0 60%);width:100%;height:100%;transition:all .3s ease-out;position:absolute;top:0;left:0}.articles-teaser-2 .text p:hover:before{opacity:1}.articles-teaser-3{place-content:center;display:grid}.articles-teaser-3 a{color:#fff;text-decoration:none}.articles-teaser-3 .image{position:relative}.articles-teaser-3 .image .overlay{opacity:0;pointer-events:none;background-image:linear-gradient(0deg,#000 0,#fff0 100%);background-size:200% 100%;width:100%;height:60%;transition:all .3s ease-out;position:absolute;bottom:0;left:0}.articles-teaser-3 .image:hover .overlay{opacity:1}.articles-teaser-3 .tags a{position:relative}.articles-teaser-3 .tags a:before{content:"";background-color:#fff;width:100%;height:1px;transition:all .3s ease-out;display:block;position:absolute;bottom:0;left:0}.articles-teaser-3 .tags a:hover:before{width:0}.articles-teaser-3 .text p{letter-spacing:.02em;font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,2vw + 1rem,2.5rem);font-weight:400;line-height:1.2058em;position:relative}.articles-teaser-3 .text p:before{content:"";opacity:0;background-image:linear-gradient(99deg,#000 0,#fff0 60%);width:100%;height:100%;transition:all .3s ease-out;position:absolute;top:0;left:0}.articles-teaser-3 .text p:hover:before{opacity:1}.outer-card{place-items:center;display:grid;position:relative}.outer-card:hover .inner-card{opacity:1}.outer-card .inner-card{opacity:0;background-image:linear-gradient(90deg,#a4a2a2 20%,#fff);flex-direction:column;grid-template-rows:80% 20%;justify-content:space-between;width:80%;height:86%;padding:5rem 2rem 2rem;transition:all .3s ease-out;display:flex;position:absolute}.outer-card .inner-card .image-field{width:100%;padding:0 2rem}.outer-card .inner-card .image-field img{object-fit:cover;height:100%;position:relative}.outer-card .inner-card .image-field button{position:absolute;top:50%;left:50%;transform:translate(-50%)}.outer-card .inner-card .image-field button:hover span{margin-left:15px;margin-right:3px}.outer-card .inner-card .image-field button span{margin-left:18px;font-size:16px;transition:all .6s ease-out}.outer-card .inner-card .price{color:#000;font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,2vw + 1rem,2.5rem);line-height:1.4em}.content-grid{color:#fff;grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.profil{grid-template-columns:repeat(2,1fr);margin-bottom:4rem;display:grid}.profil .text{max-width:80%}.profil .image{place-items:end;display:grid;position:relative}.profil .image:hover .img-link{height:5rem}.profil .image img{width:100%}.profil .image .img-link{color:#000;background-color:#fff;grid-template-columns:repeat(3,1fr);place-items:center;width:100%;height:0;text-decoration:none;transition:all .5s;display:grid;position:absolute;bottom:0;left:0}.profil .image .img-link .linkedin a img{max-width:2rem}@media only screen and (max-width:700px){.profil{grid-template-columns:repeat(1,1fr);padding:0 1rem}}