.blackbox{color:#fff;width:auto;max-width:calc(var(--teaser-max-width) + var(--bar-width));z-index:2;background-color:#000;margin:24px 0;padding:0 16px 16px;position:relative}@media (min-width:1199px){.blackbox{height:auto;width:var(--column-2);margin:0}}.blackbox .q-tabs{width:100%}.blackbox .q-tab{min-height:23px;padding-left:0;padding-right:0}.blackbox .q-tab.q-hoverable:hover .q-focus-helper{border-radius:55px;padding:0}.blackbox .q-tab--inactive{opacity:1}.blackbox .q-tab__content{min-height:initial;width:100%;padding:0 8px}.blackbox .q-tab-panel{padding:0}.blackbox .q-panel.scroll{overflow:initial}.blackbox .q-tab-panels{background-color:#0000}.blackbox .q-tab__label{font-size:.875rem;font-weight:700;line-height:1}.blackbox .q-tab__indicator{z-index:-1;border-radius:50px;height:100%;padding-left:8px;padding-right:8px}.blackbox .q-tabs__arrow:not(.q-tabs__arrow--faded){background-color:#000}.blackbox .blackbox__header{top:var(--page-y-offset);z-index:2;background-color:#000;align-items:center;height:55px;display:flex;position:sticky}.blackbox .blackbox__header .blackbox__header--content{justify-content:space-between;width:100%;margin:16px 0;display:flex;position:relative}@media (min-width:1199px){.blackbox .blackbox__header{height:auto;top:initial;position:relative}}.blackbox .blackbox__body ol{counter-reset:boxcounter;margin:0;padding:0;list-style:none}.blackbox .blackbox__body ol li{counter-increment:boxcounter;border-bottom:1px solid #fff;flex-flow:row;gap:12px;margin-top:16px;padding-bottom:16px;display:flex}.blackbox .blackbox__body ol li:last-child{border-bottom:none}.blackbox .blackbox__body ol li:before{content:counter(boxcounter);font-family:Noto Sans Mono,monospace;font-size:2.5rem;font-weight:700;line-height:1}.blackbox .blackbox__body ol li:hover:before{color:#70aac1}.blackbox .blackbox__body ol li a{width:auto;text-decoration:none;display:block}.blackbox .blackbox__body .blackbox-teaser{width:100%}.blackbox .blackbox__body .blackbox-teaser[href]:hover .title{text-decoration:underline}.blackbox .blackbox__body .blackbox-teaser .title{margin-bottom:2px;font-size:1rem;font-weight:700;line-height:1.375;display:block}@media (min-width:1199px){.blackbox .blackbox__body .blackbox-teaser .title{font-size:.875rem;line-height:1.28571}}.blackbox .blackbox__body .blackbox-teaser .subtitle{font-size:.875rem;line-height:1.42857;display:block}@media (min-width:1199px){.blackbox .blackbox__body .blackbox-teaser .subtitle{font-size:.8125rem;line-height:1.38462}}.blackbox footer a{font-size:.875rem;line-height:1}.blackbox footer a svg{width:100%;height:32px;display:block}.blackbox footer .q-btn{margin-bottom:12px;padding-left:0}.blackbox footer .q-btn.q-hoverable:hover .q-focus-helper{opacity:0}.blackbox footer .q-icon{margin-left:.5em}.blackbox.-mostread{color:#000;background-color:#fff;border:2px solid #000}.blackbox.-mostread .blackbox__header{background-color:#fff}.blackbox.-mostread .q-tabs .q-tab{color:#000}.blackbox.-mostread .q-tabs .q-tab--active,.blackbox.-mostread .q-tabs .q-tab--active .q-tab__label{color:#fff}.blackbox.-mostread .q-tab__indicator{background-color:#000}.blackbox.-mostread .q-tabs__arrow:not(.q-tabs__arrow--faded){color:#000;background-color:#fff}.blackbox.-mostread .blackbox__body ol li{border-bottom:1px solid #000}.blackbox.-mostread .blackbox__body ol li:last-child{border-bottom:none}.blackbox.-mostread .blackbox__body ol li:hover:before{color:#3d98ad}.blackbox.-mostread .mostbox__images{aspect-ratio:3/2;width:100%;position:relative;overflow:hidden}.blackbox.-mostread .mostbox__images img{aspect-ratio:3/2;object-fit:cover;max-width:100%;height:auto}@media not (prefers-reduced-motion){.blackbox.-mostread .mostbox__images .v-enter-active,.blackbox.-mostread .mostbox__images .v-leave-active{transition:opacity .25s;position:absolute}.blackbox.-mostread .mostbox__images .v-enter-from,.blackbox.-mostread .mostbox__images .v-leave-to{opacity:0}}.blackbox.-ranking .headline{margin:8px 0;font-size:1.5rem;line-height:1}.blackbox.-ranking .blackbox__body ol li:first-child{border-top:1px solid #fff;padding-top:16px}.blackbox.-ranking .blackbox-teaser{position:relative}.blackbox.-ranking .blackbox-teaser .title,.blackbox.-ranking .blackbox-teaser .subtitle{padding-right:25px}.blackbox.-ranking .blackbox-teaser .icon{font-size:1.25rem;line-height:1;position:absolute;top:0;right:0}.blackbox.-jobs .blackbox__header--content{margin:16px 0 0}.blackbox.-jobs .blackbox__body ul{margin:0 0 14px;padding:0 0 4px;list-style:none}.blackbox.-jobs .blackbox__body ul li{counter-increment:boxcounter;border-top:1px solid #fff;flex-flow:row;gap:12px;margin-top:16px;padding-top:16px;display:flex}.blackbox.-jobs .blackbox__body ul li a{width:auto;text-decoration:none;display:block}.blackbox.-jobs .headline{margin:8px 0;font-size:1.5rem;line-height:1}.blackbox.-jobs .blackbox-teaser .title,.blackbox.-jobs .blackbox-teaser .subtitle{font-size:1rem;line-height:1.25}.more{justify-content:center;margin-top:32px;margin-bottom:72px;display:flex}.more.-newer{margin-top:12px;margin-bottom:24px}@media (min-width:1199px){.more.-newer{margin-bottom:36px}.more{margin-bottom:80px}}.more__button{font-size:1.25rem;line-height:1.2}@media (min-width:1199px){.more__button{font-size:1rem;line-height:1.25}}@media (min-width:1439px){.more__button{font-size:1.25rem;line-height:1.2}}.more__button .q-btn__content{height:100%}
