﻿.teaser_listing__icon,.teaser_listing__image{display:flex;justify-content:center;align-items:center}.teaser_listing__goto:after{display:inline-block;font-family:"webfont";font-weight:400;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.page_portal__hero{background:var(--neutral3);color:var(--neutral1);overflow:hidden;padding-bottom:129px;margin-bottom:-69px}.page_portal__title{font-size:3.125rem;line-height:3.8125rem;text-transform:uppercase;font-weight:800;font-style:italic}@media screen and (max-width: 640px){.page_portal__title{font-size:1.5rem;line-height:2.125rem}}.list_grid{--items: 3;--gapX: 30px;--gapY: 60px;display:flex;flex-wrap:wrap;gap:var(--gapY) var(--gapX)}.list_grid__item{flex:0 0 calc((100% - var(--gapX)*(var(--items) - 1))/var(--items))}.list_grid--portal{--gapY: 30px}.list_grid--documentation{--gapX: 27px;--gapY: 30px}@media screen and (max-width: 640px){.list_grid{--gapY: 30px}}.list_grid--2{--items: 2}@media screen and (max-width: 640px){.list_grid--2{--items: 1}}@media screen and (max-width: 1024px){.list_grid--3{--items: 2}}@media screen and (max-width: 640px){.list_grid--3{--items: 1}}.teaser_listing{height:100%;color:var(--listTeaserColor);--listTeaserColor: inherit;--listTeaserTextColor: inherit;--listTeaserBg: var(--neutral5);--listTeaserIconBg: var(--primary1);--listTeaserIconBgOpacity: .1;--listTeaserGap: 50px;--listTeaserBorderColor: var(--neutral3-10);--listTeaserHoverColor: var(--primary1)}.teaser_listing--gap_s{--listTeaserGap: 20px}.teaser_listing__box{position:relative;display:block;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:var(--listTeaserGap)}@media screen and (max-width: 640px){.teaser_listing__box{gap:30px}}.teaser_listing__box:not(.teaser_listing__box--no_padding){padding:30px;background:var(--listTeaserBg)}@media screen and (max-width: 640px){.teaser_listing__box:not(.teaser_listing__box--no_padding){padding:15px}}.teaser_listing__image{width:50px;height:50px;position:relative;z-index:1;position:relative}.teaser_listing__image:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--listTeaserIconBg);opacity:var(--listTeaserIconBgOpacity);border-radius:10px}.teaser_listing__image img{max-width:70%;max-height:70%;width:auto;height:auto}.teaser_listing__image:before{-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.teaser_listing__image:not(:last-child){margin-bottom:20px}.teaser_listing__icon{position:absolute;inset:0;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.teaser_listing__icon--yellow,.teaser_listing__icon--blue{opacity:0}.teaser_listing__title{font-size:1.125rem;line-height:1.875rem;font-weight:700;color:var(--listTeaserColor);-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.teaser_listing__title:not(:last-child){margin-bottom:11px}.teaser_listing__text{font-size:.875rem;line-height:1.5625rem;color:var(--listTeaserTextColor)}.teaser_listing__goto{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--listTeaserBorderColor);padding-top:11px;font-size:.875rem;line-height:1.875rem;font-weight:600;text-decoration:underline;color:var(--listTeaserColor);-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.teaser_listing__goto:after{content:"";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);font-size:12px;overflow:hidden}.teaser_listing__tag{display:block;width:fit-content;border:1px solid currentColor;border-radius:10px;color:currentColor;padding:4px 9px;font-size:.625rem;line-height:.75rem;font-weight:500;text-transform:uppercase;position:absolute;top:0;right:29px}.teaser_listing__box:is(a):hover,.teaser_listing__goto:is(a):hover{--listTeaserColor: var(--primary1)}
