@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(/fonts/roboto-400.woff2?0583f6e64e5907a7eb8a0eb09b58fbdc) format("woff2"),url(/fonts/roboto-400.woff?0e0840c5d2b0d124bb6ba249b5a79bd0) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:local("Roboto Medium"),local("Roboto-Medium"),local("Roboto Medium Regular"),local("Roboto-Medium-Regular"),url(/fonts/roboto-500.woff2?2bb5d9095c6227b5b4ced9c74ccf0c93) format("woff2"),url(/fonts/roboto-500.woff?f99d8d472f1860ea6e9badae00d71ade) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:local("Roboto Bold"),local("Roboto-bold"),url(/fonts/roboto-700.woff2?d9387a7b862e7a36612fc685ab18e692) format("woff2"),url(/fonts/roboto-700.woff?5f5b5e55061f2e5c02fe58f75d9a6c8e) format("woff")}:root{font-size:14px}@media (min-width:768px) and (max-width:1900px){:root{font-size:calc(11.96466px + .26502vw)}}@media (min-width:1900px){:root{font-size:17px}}body,html,p{color:#504b4b;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.6;text-align:left}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p{margin-bottom:0}a,a:active,a:focus,a:hover,a:link,a:visited{color:#21643e;text-decoration:none}a:hover{text-decoration:underline}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#193a2f;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1em;margin-bottom:1rem;margin-top:0}.h1,h1{font-size:4.2857142857rem}.h2,.h3,h2,h3{font-size:2.633980437rem}.h4,h4{font-size:1.4285714286rem}.h5,h5{font-size:1.3333333333rem}.h6,h6{font-size:1.1666666667rem}@media (min-width:768px){.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height:1}.h1,h1{font-size:4.2857142857rem}.h2,.h3,h2,h3{font-size:2.233980437rem}.h4,h4{font-size:1.2285714286rem}.h5,h5{font-size:1.1333333333rem}.h6,h6{font-size:1.1rem}}.nav__item{margin:.25rem;text-align:center}.nav__item a{font-family:Roboto,Georgia,Cambria,Palatino,Palatino Linotype,Palatino LT STD,Book Antiqua,serif;font-size:1rem;font-weight:400;line-height:1.65;padding:.75rem 1.5rem}.nav__item a,.nav__item a:active,.nav__item a:focus,.nav__item a:hover,.nav__item a:link,.nav__item a:visited{color:#224136;text-decoration:none}@media (min-width:768px){.nav__item a{font-size:.8rem;padding:.08rem .75rem}}@media (min-width:992px){.nav__item a{padding:.1rem .75rem}}@media (min-width:1200px){.nav__item a{padding:.13rem .6rem}}@media (min-width:1400px){.nav__item a{font-size:.6584951092rem;padding:.1938713319rem .5877426639rem}}@media (min-width:1600px){.nav__item a{font-size:.6584951092rem;padding:.4938713319rem .8877426639rem}}#home .card__body .card__header .nav__item a{font-size:1.1666666667rem;padding:.666667rem 1.133333rem}@media (min-width:768px){#home .card__body .card__header .nav__item a{font-size:1.1666666667rem;padding:.666667rem 1.133333rem}}@media (min-width:992px){#home .card__body .card__header .nav__item a{font-size:1.1666666667rem;padding:.666667rem 1.133333rem}}@media (min-width:1200px){#home .card__body .card__header .nav__item a{font-size:1.0666666667rem;padding:.566667rem 1.033333rem}}@media (min-width:1400px){#home .card__body .card__header .nav__item a{font-size:1rem;padding:.5572693756rem 1.0169902185rem}}@media (min-width:1600px){#home .card__body .card__header .nav__item a{font-size:1rem;padding:.7572693756rem 1.3169902185rem}}body,html,p{margin:0;padding:0}body{background:#e5e5e5;width:100%}img{height:auto;max-width:100%}.site__header--mobile{background:#fff;bottom:0;display:block;left:0;opacity:1;position:-webkit-sticky;position:sticky;right:0;top:0;width:100%;z-index:100}@media (min-width:768px){.width-95{width:95%}.width-75,.width-95{margin-left:auto;margin-right:auto}.width-75{width:75%}.width-50{width:50%}.width-50,.width-60{margin-left:auto;margin-right:auto}.width-60{width:60%}.site__header--mobile{display:none;position:absolute;z-index:-1}body{width:411.9377777778vw}}@media (min-width:992px){body{width:332.4933333333vw}}@media (min-width:1200px){body{width:269.3288888889vw}}@media (min-width:1400px){body{width:216.128vw}}.icon img{display:block;height:calc(1.6rem - 4px);margin:2px;max-width:none;width:auto}.icon__text{display:none}@media (min-width:768px){.icon img{height:calc(1.28rem - 4px)}}.button,button{background:#b8d9ce;border:1px solid #b8d9ce}.button,.button:link,.button:visited,button,button:link,button:visited{background-color:#b8d9ce}.button:active,.button:focus,.button:hover,button:active,button:focus,button:hover{background-color:#e3fff6}.button,.button:active,.button:focus,.button:hover,.button:link,.button:visited,button,button:active,button:focus,button:hover,button:link,button:visited{color:#224136;text-decoration:none}.nav,nav{height:100%}.nav{align-content:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:0;padding:0;width:100%}.nav__item,.nav__item a{display:block}.nav__item a{border-radius:50px;transition:all .5s}.nav__item a,.nav__item a:link,.nav__item a:visited{background-color:#b8d9ce}.nav__item a:active,.nav__item a:focus,.nav__item a:hover{background-color:#e3fff6}.nav__item .icon img{display:block;height:calc(1.6rem - 4px);margin:2px;max-width:none;width:auto}.card .nav{display:none}@media (min-width:768px){.card .nav,.nav{display:flex}.nav{align-content:center;flex-direction:row;flex-wrap:wrap;height:0;justify-content:space-between;margin:0;padding:6.03% 0;width:100%}.nav__item .icon img{height:calc(1.295rem - 4px);margin:2px}}@media (min-width:1400px){.nav__item .icon img{height:calc(1.05rem - 4px);margin:2px}}.infoblocks{display:flex;text-align:center}.infoblocks .infoblocks__section{display:block;display:inline-flex;flex-direction:column;margin:0 auto .5rem;padding:1rem 0 .5rem}.infoblocks .infoblocks__section p{text-align:center}.infoblocks .infoblocks__section h3{font-size:1.1rem;font-weight:500}.infoblocks .infoblocks__section ul{align-items:flex-start;display:flex;flex-direction:row;justify-content:center;list-style:none;margin:0;padding:0}.infoblocks .infoblocks__section ul>li{display:block}.infoblocks .infoblocks__section:not(:last-child){margin-bottom:.5rem}.infoblocks .infoblocks__section .icon img{height:4rem;margin:1rem}.infoblocks--horizontal{flex-direction:column}.infoblocks--horizontal .infoblocks__section:not(:last-child){border-bottom:1px solid rgba(80,75,75,.37)}.infoblocks--vertical{flex-direction:column}@media (min-width:768px){.infoblocks .infoblocks__section{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin:0;padding:0 1rem}.infoblocks .infoblocks__section:not(:last-child){margin-bottom:0}.infoblocks .infoblocks__section>header{flex-grow:0}.infoblocks .infoblocks__section>section{display:flex;flex-grow:1}.infoblocks .infoblocks__section>section p{align-self:center}.infoblocks .infoblocks__section .icon img{height:1.5rem;margin:.5rem}.infoblocks--horizontal{align-items:flex-start;flex-direction:row;justify-content:stretch;width:75%}.infoblocks--horizontal .infoblocks__section{height:100%}.infoblocks--horizontal .infoblocks__section:not(:last-child){border-bottom:0 transparent;border-right:1px solid rgba(80,75,75,.37)}.infoblocks--vertical{align-items:center;flex-direction:column;justify-content:space-around;width:75%}.infoblocks--vertical .infoblocks__section{margin:1rem auto}}.reference{margin-bottom:2.3333333333rem;text-align:left}.reference__title{color:#193a2f;font-size:1.6666666667rem;line-height:1em;margin-bottom:.2666666667rem}.reference__subtitle{color:#939393;font-size:.8333333333rem;line-height:1em;margin-bottom:.5333333333rem}.reference__content{font-size:1rem}.reference--empty{opacity:.5}.reference--empty .reference__subtitle{font-size:.8rem}.reference--empty .reference__content{font-size:.8333333333rem}@media (min-width:768px){.reference{margin:0}}.grid-container{box-sizing:border-box;display:flex;flex-direction:column;padding:.5rem;width:100%}#title-color-filter-svg,.clip-svg{height:0;width:0}.card{background:#c3e4d9;box-sizing:border-box;margin-bottom:3rem;padding:.5rem}.card,.card__wrapper{overflow:hidden;position:relative;width:100%}.card__wrapper{display:block;height:100%;margin:0 auto}.card__content{align-content:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;text-align:center;width:100%}.card__content>.card__header{padding:.5em 0}.card__content>.card__header .card__title{display:table-cell;vertical-align:middle}.card__header{order:0}.card__header+.card__aside{order:2}.card__body{order:3}.card__body+.card__aside{order:4}.card__footer{margin:auto 0 0;order:1}.card__footer,.card__header{display:table;margin:0;text-align:center}.card__footer .card__title,.card__header .card__title{color:#c3e4d9;display:table-cell;filter:url(#title-color-filter);line-height:1.5;margin:0;vertical-align:middle}.card .card__body{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;margin:auto auto 0;padding:5px 0}.card .card__body p:not(:last-child){margin-bottom:.5em}.card .card__body .card__subtitle{margin:0 auto .5em}.card--hexagon,.card--old{position:relative}.card--old:before{content:"";display:block;padding-top:100%;width:100%}.card--old>.card__wrapper{bottom:0;left:0;position:absolute;right:0;top:0}@media (-ms-high-contrast:none){.card--hexagon#my-design-rules .card__body,.grid-container{-ms-grid-columns:1fr;-ms-grid-rows:auto;display:-ms-grid}}@media (min-width:768px){.grid-container{display:grid;gap:5rem 0;grid-template-areas:". references ." "about-me references portfolio" "about-me home portfolio" "services home contact" "services my-design-rules contact" ". my-design-rules .";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;margin:0 37.4488888889vw;padding:0;width:337.04vw}.card{background:transparent;margin-bottom:0;padding:0;width:100%}.card__footer,.card__header{margin:0 25%;max-width:50%}.card__footer{margin:.5em 25%}.card__content>.card__header{order:1}.card__content>.card__header+.card__aside{order:2}.card__content>.card__body{order:3}.card__content>.card__body+.card__aside{order:4}.card__content .card__footer{order:5}.card .card__body{flex-grow:1;margin:auto auto 0;width:80%}.card--hexagon{background-image:url(/public/images/background_hexagon_pages.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(14px 14px 15px #AED7C9) drop-shadow(-14px -14px 15px #DAFAEF);height:0;padding-top:87.21%;position:relative}.card--hexagon .card__wrapper{bottom:0;left:0;position:absolute;right:0;top:0}}@media (-ms-high-contrast:none) and (min-width:768px){.grid-container{-ms-grid-columns:1fr 1fr 1fr;-ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr;display:-ms-grid}.card--hexagon#my-design-rules .card__body{-ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr;-ms-grid-rows:max-content max-content max-content max-content;display:-ms-grid}}@media (min-width:768px){.grid-container{margin:0 37.4488888889vw;width:337.04vw}}@media (min-width:992px){.grid-container{margin:0 30.2266666667vw;width:272.04vw}}@media (min-width:1200px){.grid-container{margin:0 24.4844444444vw;width:220.36vw}}@media (min-width:1400px){.grid-container{margin:0 19.648vw;width:176.832vw}}.intro__wrapper{bottom:0;left:0;position:absolute;right:0;top:0}.intro__content{background:#fafafa;border:1px solid transparent;border-radius:4.3vw;color:#505050;display:grid;gap:0;grid-template-areas:"intro-header-image intro-header-image intro-header-image intro-header-image intro-header-image" ". intro-header intro-header intro-header ." ". intro-subtitle intro-subtitle intro-body-navigation ." ". . intro-arrow intro-body-navigation ." ". intro-body-text intro-body-text intro-body-navigation ." ". . . intro-body-navigation .";grid-template-columns:220fr 915fr 125fr 723fr 220fr;grid-template-rows:auto;margin:2rem auto;width:calc(100vw - 4rem)}@media (max-width:767px){.intro__content{grid-template-areas:"intro-header-image intro-header-image intro-header-image" ". intro-header ." ". intro-subtitle ." ". intro-body-navigation ." ". intro-body-text .";grid-template-columns:.5rem 1fr .5rem;width:calc(100vw - 1rem)}}.intro__content>.intro__aside{grid-area:intro-header-image}.intro__content>.intro__aside picture{height:auto;margin:0;width:100%}.intro__content>.intro__header{grid-area:intro-header}.intro__content>.intro__header p{color:#505050;font-size:1.1666666667rem}.intro__content>.intro__header .intro__title{color:#757575;filter:none;line-height:1em;margin:1.6rem 0}.intro__content .intro__subtitle{grid-area:intro-subtitle;margin-bottom:0}.intro__content>.intro__body .intro__text{margin-top:0}.intro__content>.intro__body .button{background:#5f9f89;border:1px solid #234439;border-radius:.6666666667rem;box-shadow:0 0 10px rgba(0,0,0,.25);box-sizing:border-box;color:#fff;display:inline-block;font-size:1.1666666667rem;margin:2rem 0;padding:.8333333333rem 1.2rem}.intro__content>.intro__body--left{grid-area:intro-body-text;position:relative}.intro__content>.intro__body--left p{color:#505050}.intro__content>.intro__body--right{grid-area:intro-body-navigation}.intro__content .image--arrow{grid-area:intro-arrow}@media (max-width:767px){.intro__content .image--arrow{display:none}}.intro .nav{display:grid;gap:2rem 0;grid-template-areas:". references ." "about-me references portfolio" "about-me home portfolio" "services home contact" "services my-design-rules contact" ". my-design-rules .";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;height:auto;margin-bottom:4rem;padding:0}@media (max-width:767px){.intro .nav{margin:2rem 0 1rem}}.intro .nav__item{background-image:url(/public/images/background_hexagon_pages_intro_nav.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:0;margin:0;padding-top:87.21%;position:relative}.intro .nav__item a{bottom:0;display:inline-block;left:0;padding:calc(50% - 1.325rem) 0;position:absolute;right:0;top:0}@media (min-width:768px){.intro .nav__item a{padding:calc(50% - 1.06rem) 0}}.intro .nav__item a,.intro .nav__item a:active,.intro .nav__item a:focus,.intro .nav__item a:hover,.intro .nav__item a:link,.intro .nav__item a:visited{background-color:transparent}.intro .nav__item a,.intro .nav__item a:active,.intro .nav__item a:focus,.intro .nav__item a:hover,.intro .nav__item a:link,.intro .nav__item a:visited{color:#234439;text-decoration:none}.intro .nav__item .icon img{display:none}.intro .nav__item .icon__text{display:inline}.intro .nav__item--home{grid-area:home}.intro .nav__item--about-me{grid-area:about-me}.intro .nav__item--services{grid-area:services}.intro .nav__item--references{grid-area:references}.intro .nav__item--my-design-rules{grid-area:my-design-rules}.intro .nav__item--portfolio{grid-area:portfolio}.intro .nav__item--contact{grid-area:contact}#home{order:1}#about-me{order:2}#services{order:3}#references{order:4}#my-design-rules{order:5}#portfolio{order:6}#contact{order:7}#services{grid-area:services}#services .card__body{margin:auto}#services .card__body article{display:grid;gap:.75rem;grid-template-areas:"image" "title" "description";grid-template-columns:1fr;grid-template-rows:auto;margin-bottom:.75rem}#services .card__body article header{grid-area:title;text-align:left}#services .card__body article header h4{margin-bottom:0}#services .card__body article img{grid-area:image;margin:15%}#services .card__body article p{grid-area:description;margin-bottom:0}#references{grid-area:references}#references .card__body{margin:auto}#home{grid-area:home}#home .card__aside header{align-items:baseline;display:flex;flex-direction:row;justify-content:center}#home .card__aside header img{max-height:26.6666666667vw}#home.card .card__body{justify-content:flex-start}#home.card .card__body .card__header{margin:0 auto;max-width:100%;width:100%}#home.card .card__body .card__header .nav__item a{border:2px solid #e3fff6}#home.card .card__body .card__subtitle{margin:.5em auto}#my-design-rules{grid-area:my-design-rules}#my-design-rules .card__body{display:flex;flex-direction:column;padding:1px}#my-design-rules .card__body article{background:#d0ede3;border-radius:10px;box-shadow:0 0 8px rgba(23,93,53,.1);box-sizing:border-box;margin:.5rem auto;max-width:calc(100% - 16px);padding:.857rem 1.42857rem}#my-design-rules .card__body article:nth-of-type(2){box-shadow:0 0 8px #e91e63}#my-design-rules .card__body article:nth-of-type(6){box-shadow:0 0 8px #09cf83}#my-design-rules .card__body article:nth-of-type(7){box-shadow:0 0 8px #fbc02d}#portfolio{grid-area:portfolio}#portfolio .card__body{display:grid;gap:1rem;grid-template-areas:"expert-app expert-app" "expert-app expert-app" "channel-overview channel-overview" "shift-tracker shift-tracker" "ascaso ascaso" "vincaffe vincaffe";grid-template-columns:1fr 1fr;grid-template-rows:auto}#portfolio .card__body article{display:grid;gap:.88542vw;grid-template-columns:1fr;grid-template-rows:auto;margin:.5rem auto}#portfolio .card__body article p{font-size:1rem;margin-bottom:.75rem}#portfolio .card__body article p:last-child{margin-bottom:0}#portfolio .card__body article h3{font-size:1.142857rem;margin-bottom:.5rem;text-align:left}#portfolio .card__body article#berlin-expert-app{grid-area:expert-app;grid-template-areas:"expert-app-img" "expert-app-text"}#portfolio .card__body article#berlin-expert-app picture{grid-area:expert-app-img}#portfolio .card__body article#berlin-expert-app section{grid-area:expert-app-text}#portfolio .card__body article#berlin-expert-app section header h3{font-size:1.57142857rem;line-height:1.57142857rem;margin-bottom:.75rem}#portfolio .card__body article#channel-overview{grid-area:channel-overview;grid-template-areas:"channel-overview-img" "channel-overview-text"}#portfolio .card__body article#channel-overview picture{grid-area:channel-overview-img}#portfolio .card__body article#channel-overview section{grid-area:channel-overview-text}#portfolio .card__body article#shift-tracker{grid-area:shift-tracker;grid-template-areas:"shift-tracker-img" "shift-tracker-text"}#portfolio .card__body article#shift-tracker picture{grid-area:shift-tracker-img}#portfolio .card__body article#shift-tracker section{grid-area:shift-tracker-text}#portfolio .card__body article#ascaso{grid-area:ascaso;grid-template-areas:"ascaso-img" "ascaso-text"}#portfolio .card__body article#ascaso picture{grid-area:ascaso-img}#portfolio .card__body article#ascaso section{grid-area:ascaso-text}#portfolio .card__body article#vincaffe{grid-area:vincaffe;grid-template-areas:"vincaffe-img" "vincaffe-text"}#portfolio .card__body article#vincaffe picture{grid-area:vincaffe-img}#portfolio .card__body article#vincaffe section{grid-area:vincaffe-text}#contact{grid-area:contact}#contact .card__body>header{order:2}#contact .card__body>header+aside{order:1}#contact .card__body>aside+aside{order:3}@media (-ms-high-contrast:none) and (min-width:768px){#about-me{-ms-grid-row-span:2;-ms-grid-column-span:1;grid-column:1;-ms-grid-column:1;grid-row:2;-ms-grid-row:2}#services{-ms-grid-row-span:2;-ms-grid-column-span:1;grid-column:1;-ms-grid-column:1;grid-row:4;-ms-grid-row:4}#reference{-ms-grid-row-span:2;-ms-grid-column-span:1;grid-column:2;-ms-grid-column:2;grid-row:1;-ms-grid-row:1}#home{-ms-grid-row-span:2;-ms-grid-column-span:1;grid-column:2;-ms-grid-column:2;grid-row:3;-ms-grid-row:3}#my-design-rules{-ms-grid-row-span:2;-ms-grid-column-span:1;grid-column:2;-ms-grid-column:2;grid-row:5;-ms-grid-row:5}#portfolio{-ms-grid-row-span:2;-ms-grid-column-span:1;grid-column:3;-ms-grid-column:3;grid-row:2;-ms-grid-row:2}#contact{-ms-grid-row-span:2;-ms-grid-column-span:1;grid-column:3;-ms-grid-column:3;grid-row:4;-ms-grid-row:4}}@media (min-width:576px){#services .card__body article{grid-template-areas:". title" "image description";grid-template-columns:1fr 8.828125fr;grid-template-rows:1fr auto;margin-bottom:.75rem}#services .card .card__body{margin:auto}}@media (min-width:768px){#services .card__body article:nth-of-type(odd){max-width:90%}#services .card__body article:nth-of-type(2){max-width:100%}#services .card__body article:nth-of-type(4){max-width:75%}#services .card__body article img{margin:1rem}#about-me{background-image:url(/public/images/background_hexagon_pages_about-me.svg);grid-area:about-me}#about-me .card .card__body{margin:auto auto 1rem}#about-me .card__aside .card__placeholder{padding-top:33.28%}#references article:first-of-type{max-width:65%}#references article:nth-of-type(2){max-width:55%}#references article:nth-of-type(3){max-width:45%}#references article#channel-overview{gap:0 .88542vw;grid-template-areas:"channel-overview-img channel-overview-text";grid-template-columns:1fr 2fr}#references article#shift-tracker{gap:0 .88542vw;grid-template-areas:"shift-tracker-text shift-tracker-img";grid-template-columns:2fr 1fr}#references article#ascaso{gap:0 .88542vw;grid-template-areas:"ascaso-img ascaso-text";grid-template-columns:1fr 2fr}#references article#vincaffe{gap:0 .88542vw;grid-template-areas:"vincaffe-text vincaffe-img";grid-template-columns:1fr 1fr}#home{background-image:url(/public/images/background_hexagon_pages_home.svg)}#home .card__aside{height:35.666667vw}#home .card__aside header img{max-height:35.666667vw}#home .card__body{flex-grow:0;margin:0 auto}#home .card__subtitle.h1{margin-left:-5rem;margin-right:1rem}#my-design-rules .card__body{display:grid;gap:1rem .1rem;grid-template-areas:". info-header info-header info-header info-header ." "info-col1 info-col1 info-col4 info-col4 info-col7 info-col7" "info-col2 info-col2 info-col5 info-col5 info-col8 info-col8" "info-col3 info-col3 info-col6 info-col6 info-col9 info-col9";grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:-webkit-min-content -webkit-max-content -webkit-max-content -webkit-max-content;grid-template-rows:min-content max-content max-content max-content;margin:2rem auto auto}#my-design-rules .card__body>header{grid-area:info-header}#my-design-rules .card__body article{box-shadow:0 0 .9vw rgba(23,93,53,.1);font-size:.7142857rem}#my-design-rules .card__body article:nth-of-type(3n+1){width:calc(90% - 3.646vw)}#my-design-rules .card__body article:nth-of-type(3n+2){width:calc(100% - 3.646vw)}#my-design-rules .card__body article:nth-of-type(3n+3){width:calc(80% - 3.646vw)}#my-design-rules .card__body article:first-of-type{grid-area:info-col1}#my-design-rules .card__body article:nth-of-type(2){box-shadow:0 0 .9vw #e91e63;grid-area:info-col2}#my-design-rules .card__body article:nth-of-type(3){grid-area:info-col3}#my-design-rules .card__body article:nth-of-type(4){grid-area:info-col4}#my-design-rules .card__body article:nth-of-type(5){grid-area:info-col5}#my-design-rules .card__body article:nth-of-type(6){box-shadow:0 0 .9vw #09cf83;grid-area:info-col6}#my-design-rules .card__body article:nth-of-type(7){box-shadow:0 0 .9vw #fbc02d;grid-area:info-col7}#my-design-rules .card__body article:nth-of-type(8){grid-area:info-col8}#my-design-rules .card__body article:nth-of-type(9){grid-area:info-col9}#portfolio .card__body{display:grid;gap:2.046vw;grid-template-areas:". expert-app expert-app expert-app expert-app expert-app expert-app ." "channel-overview channel-overview channel-overview channel-overview shift-tracker shift-tracker shift-tracker shift-tracker" ". ascaso ascaso ascaso vincaffe vincaffe vincaffe .";grid-template-columns:auto;grid-template-rows:-webkit-max-content -webkit-max-content -webkit-max-content;grid-template-rows:max-content max-content max-content;margin:1rem auto auto}#portfolio .card__body article{margin:0 auto auto}#portfolio .card__body article p{font-size:.71428571rem;margin-bottom:.5rem}#portfolio .card__body article#berlin-expert-app{display:grid;gap:0 .88542vw;grid-area:expert-app;grid-template-areas:"expert-app-img expert-app-text";grid-template-columns:1.3333333333fr 1fr;max-width:90%}#portfolio .card__body article#berlin-expert-app picture{grid-area:expert-app-img}#portfolio .card__body article#berlin-expert-app section{grid-area:expert-app-text}#portfolio .card__body article#berlin-expert-app section p{font-size:.8571rem;margin-bottom:1rem}#portfolio .card__body article#channel-overview{display:grid;gap:0 .88542vw;grid-area:channel-overview;grid-template-areas:"channel-overview-img channel-overview-text";grid-template-columns:1fr 2fr;max-width:90%}#portfolio .card__body article#channel-overview picture{grid-area:channel-overview-img}#portfolio .card__body article#channel-overview section{grid-area:channel-overview-text}#portfolio .card__body article#ascaso{display:grid;gap:0 .88542vw;grid-area:ascaso;grid-template-areas:"ascaso-img ascaso-text";grid-template-columns:1fr 1fr;max-width:100%}#portfolio .card__body article#ascaso picture{grid-area:ascaso-img}#portfolio .card__body article#ascaso section{grid-area:ascaso-text}#portfolio .card__body article#shift-tracker{display:grid;gap:0 .88542vw;grid-area:shift-tracker;grid-template-areas:"shift-tracker-img shift-tracker-text";grid-template-columns:1fr 2.218274fr;max-width:90%}#portfolio .card__body article#shift-tracker picture{grid-area:shift-tracker-img}#portfolio .card__body article#shift-tracker section{grid-area:shift-tracker-text}#portfolio .card__body article#vincaffe{display:grid;gap:0 .88542vw;grid-area:vincaffe;grid-template-areas:"vincaffe-img vincaffe-text";grid-template-columns:1fr 1.245614fr;max-width:100%}#portfolio .card__body article#vincaffe picture{grid-area:vincaffe-img}#portfolio .card__body article#vincaffe section{grid-area:vincaffe-text}#contact{background-image:url(/public/images/background_hexagon_pages_contact.svg)}#contact .card__body{margin:1rem auto auto}#contact .card__body header .card__subtitle{font-size:1.285714rem}#contact .card__aside{margin:auto 0 0}#contact .card__aside .card__placeholder{padding-top:39%}}@media (min-width:992px){#home .card__aside{height:28.666667vw}#home .card__aside header img{max-height:28.666667vw}#portfolio .card__body{gap:.946vw;margin:0 auto auto}}@media (min-width:1200px){#home .card__aside{height:22.666667vw}#home .card__aside header img{max-height:22.666667vw}}@media (min-width:1400px){#home .card__aside{height:17.666667vw}#home .card__aside header img{max-height:17.666667vw}#home .card__subtitle.h1{margin-left:-8rem;margin-right:3rem}}