section.section--hero>.container,section.section--hero>.container-main{border-radius:1em;position:relative}section.section--hero.section--hero__hero>.container,section.section--hero.section--hero__hero>.container-main{padding-block:8rem;overflow:hidden}@media (max-width: 767.98px){section.section--hero.section--hero__hero>.container,section.section--hero.section--hero__hero>.container-main{overflow:visible;border-radius:0;padding-block:0;background-color:#fff;color:#00448c;width:100%}section.section--hero.section--hero__hero>.container .row,section.section--hero.section--hero__hero>.container-main .row{margin-inline:0}}@media (max-width: 767.98px){section.section--hero.section--hero__hero>.container .section--hero__links,section.section--hero.section--hero__hero>.container-main .section--hero__links{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}}section.section--hero.section--hero__hero>.container .section--hero__image,section.section--hero.section--hero__hero>.container-main .section--hero__image{position:absolute;top:0;right:0;width:55%;height:100%;z-index:1;padding:0;margin:0}@media (max-width: 767.98px){section.section--hero.section--hero__hero>.container .section--hero__image,section.section--hero.section--hero__hero>.container-main .section--hero__image{position:relative;width:100%;height:max(40vh,340px);background-color:#00448c;overflow:hidden;border-radius:0;margin-block-end:1rem}}section.section--hero.section--hero__hero>.container .section--hero__image>img,section.section--hero.section--hero__hero>.container-main .section--hero__image>img{width:100%;height:120%;object-fit:contain;object-position:left -5%}@media (max-width: 767.98px){section.section--hero.section--hero__hero>.container .section--hero__image>img,section.section--hero.section--hero__hero>.container-main .section--hero__image>img{position:absolute;top:0;left:50%;height:100%;width:120%;object-position:center -20%;transform:translate(-50%)}}@media (max-width: 767.98px){section.section--hero:not(.section--hero__hero){padding-inline:1rem}}section.section--hero:not(.section--hero__hero)>.container,section.section--hero:not(.section--hero__hero)>.container-main{padding-block:6rem}@media (max-width: 767.98px){section.section--hero:not(.section--hero__hero)>.container,section.section--hero:not(.section--hero__hero)>.container-main{padding-block-start:2rem;padding-block-end:4rem}}section.section--hero.section--hero__single>.container,section.section--hero.section--hero__single>.container-main{position:relative;text-align:center;background:#f1f1f1}section.section--hero.section--hero__single>.container .section--hero__image,section.section--hero.section--hero__single>.container-main .section--hero__image{position:absolute;bottom:-1rem;left:-4rem;width:200px;height:200px;z-index:1}@media (max-width: 767.98px){section.section--hero.section--hero__single>.container .section--hero__image,section.section--hero.section--hero__single>.container-main .section--hero__image{left:unset;right:.5rem;bottom:-30px;width:90px;height:90px}}section.section--hero.section--hero__single>.container .section--hero__image>img,section.section--hero.section--hero__single>.container-main .section--hero__image>img{width:100%;height:100%;object-fit:contain}@media (max-width: 767.98px){section.section--hero a.button--primary{background-color:#00448c;color:#fff}}section.section--hero h1{position:relative;z-index:1}@media (max-width: 767.98px){section.section--hero h1{color:#00448c;margin-inline:1rem}}section.section--hero h1:has(+.section--hero__links){margin-bottom:6rem}@media (max-width: 767.98px){section.section--hero h1:has(+.section--hero__links){margin-bottom:4rem}}section.section--hero h1:after{content:"";position:absolute;bottom:-2.5rem;left:0;width:186px;height:26px;background-image:url(./staedtler_teachers-club_doodle_underline-DxhEIaeZ.svg);background-repeat:no-repeat;background-size:contain;background-position:center;z-index:-1}@media (min-width: 768px){section.section--hero h1:after{left:50%;transform:translate(-50%)}}section.section--hero h1.text-center:after{left:50%;transform:translate(-50%)}@media (min-width: 768px){section.section--hero h1#hero-title:not(.text-start):after{left:0%;transform:translate(0)}}