/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--color-grey:#ededed;--color-grey-light:#e9e9e9;--color-primary:#00b6ed;--color-primary-light:#e3f7fd;--color-secondary:#ffcd00;--color-green:#008d3f;--color-default:#000;--color-light:#fff;--color-light-20:color-mix(in srgb,var(--color-light),transparent 20%);--color-dark:#000}:root{--font-base-family:"Asap","Helvetica","Arial",sans-serif;--font-sec-family:"Asap","Helvetica","Arial",sans-serif;--font-size:1.6rem;--font-size-big:1.8rem;--font-line-height:2.2rem;--font-line-height-big:2.5rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600}:root{--flex-gap:80px;--flex-total-columns:24}:root{--grid-gap:80px}.c-hero{position:relative}@media screen and (max-width:880px){.c-hero{margin-bottom:4rem}}@media screen and (min-width:880px){.c-hero:before{content:"";position:absolute;inset:0;width:100%;height:100%;z-index:2;background-color:#0000004d}}@media screen and (min-width:880px){.c-hero .h1{color:var(--color-light);margin-bottom:3rem}}@media screen and (min-width:1920px){.c-hero .h1{margin-bottom:6rem}}.c-hero__content-wrapper{color:var(--color-dark);animation:1s ease-out 0s 1 slideinfromleft;padding:4rem 0}@media screen and (min-width:880px){.c-hero__content-wrapper{position:absolute;width:100%;bottom:0;left:0;z-index:5;padding:0}}@media screen and (max-width:880px){.c-hero__content-wrapper .container{padding:0}}@media screen and (min-width:768px){.c-hero__text{font-size:1.6rem;line-height:2.4rem;font-weight:var(--font-weight-medium)}}@media screen and (min-width:992px){.c-hero__text{font-size:1.8rem;line-height:3rem}}@media screen and (min-width:1440px){.c-hero__text{font-size:2.4rem;line-height:4rem}}.c-hero__wrap{position:relative;display:inline-flex}@media screen and (min-width:880px){.c-hero__wrap{width:100%;z-index:5}}@media screen and (min-width:1050){.c-hero__wrap{width:90%}}@media screen and (min-width:1440px){.c-hero__wrap{width:80%}}@media screen and (min-width:1920px){.c-hero__wrap{width:60%}}.c-hero__wrap:after{flex:.5}@media screen and (min-width:880px){.c-hero__wrap:after{content:"";position:relative;top:1px;background:url(/themes/custom/studioeleventheme/img/hero-x.svg) no-repeat;background-size:contain;width:100%;height:auto;scale:1.14}}@media screen and (min-width:880px){.c-hero__wrap:before{content:"";position:absolute;z-index:-1;bottom:0;left:0;width:25%;height:100%;background:var(--color-light);transform:translate(-50%)}}@media screen and (min-width:880px){.c-hero__content{flex:1;background-color:var(--color-light);padding-right:3rem;padding-top:4rem}}@media screen and (max-width:480px){.c-hero__buttons .btn{margin-bottom:1rem}}@media screen and (min-width:480px){.c-hero__buttons{margin-top:2rem;display:flex;gap:2rem}}@media screen and (min-width:880px){.c-hero__buttons{position:relative;top:3rem}}
:root{--color-grey:#ededed;--color-grey-light:#e9e9e9;--color-primary:#00b6ed;--color-primary-light:#e3f7fd;--color-secondary:#ffcd00;--color-green:#008d3f;--color-default:#000;--color-light:#fff;--color-light-20:color-mix(in srgb,var(--color-light),transparent 20%);--color-dark:#000}:root{--font-base-family:"Asap","Helvetica","Arial",sans-serif;--font-sec-family:"Asap","Helvetica","Arial",sans-serif;--font-size:1.6rem;--font-size-big:1.8rem;--font-line-height:2.2rem;--font-line-height-big:2.5rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600}:root{--flex-gap:80px;--flex-total-columns:24}:root{--grid-gap:80px}.c-teaser{display:flex;--anchor-color:var(--color--dark);--anchor-color-hover:var(--color--dark)}.c-teaser a{display:flex;flex-direction:column}.c-teaser a:hover .c-teaser__media img{scale:1.12}.c-teaser .h4{color:var(--color--dark);font-size:var(--font-size);margin-top:2rem}@media screen and (min-width:1600px){.c-teaser .h4{font-size:var(--font-size-big)}}.c-teaser__media{position:relative;overflow:hidden;border-radius:1.5rem;box-shadow:5px 0 var(--color-primary)}.c-teaser__media img{transition:all .3s ease-in-out;scale:1.06}.view-blog .grid .grid__item:nth-child(odd) .c-teaser__media{color:var(--color-primary)}.view-blog .grid .grid__item:nth-child(2n) .c-teaser__media{box-shadow:5px 0 var(--color-secondary)}