.image-text-teaser{padding:22px 0}@media screen and (min-width: 768px){.image-text-teaser{padding:27px 0}}@media screen and (min-width: 1280px){.image-text-teaser{padding:32px 0}}.image-text-teaser:first-child{padding-top:0}.image-text-teaser--image-right .image-text-teaser__wrapper{flex-direction:row-reverse}@media screen and (min-width: 1280px){.image-text-teaser__wrapper{display:flex;border-radius:10px;overflow:hidden}}.image-text-teaser__image{position:relative;left:50%;transform:translate(-50%);width:100vw}@media screen and (min-width: 768px){.image-text-teaser__image{left:0;transform:none;width:100%;border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden}}@media screen and (min-width: 1280px){.image-text-teaser__image{width:50%;border-radius:0}}.image-text-teaser__image--with-product-mockup{display:flex;align-content:center;justify-content:center;align-items:center;padding-top:40px;padding-bottom:10px;background:var(--color-very-light-blue)}.image-text-teaser__image--with-product-mockup .product-mockup--book>div{position:relative;left:-10px;width:104.88px;margin:0 auto}@media screen and (min-width: 768px){.image-text-teaser__image--with-product-mockup .product-mockup--book>div{left:-25px;width:152.95px}}@media screen and (min-width: 1280px){.image-text-teaser__image--with-product-mockup .product-mockup--book>div{left:-10px;width:218.5px}}.image-text-teaser__image--with-product-mockup .product-mockup--book .product-mockup__cover{position:relative}.image-text-teaser__image--with-product-mockup .product-mockup--book .product-mockup__cover picture{display:block;perspective:284.88px;transform-style:preserve-3d}@media screen and (min-width: 768px){.image-text-teaser__image--with-product-mockup .product-mockup--book .product-mockup__cover picture{perspective:415.45px}}@media screen and (min-width: 1280px){.image-text-teaser__image--with-product-mockup .product-mockup--book .product-mockup__cover picture{perspective:593.5px}}.image-text-teaser__image--with-product-mockup .product-mockup--book .product-mockup__cover picture img{position:relative;transform-style:preserve-3d;transform:rotateY(-20deg) scale(1);z-index:100}.image-text-teaser__image--with-product-mockup .product-mockup--book .product-mockup__mockup img{position:absolute;top:-7.2px;left:-3px;width:calc(100% + 61.44px);max-width:none;height:calc(100% + 16.08px);z-index:200}@media screen and (min-width: 768px){.image-text-teaser__image--with-product-mockup .product-mockup--book .product-mockup__mockup img{top:-10.5px;left:-4.375px;width:calc(100% + 89.6px);height:calc(100% + 23.45px)}}@media screen and (min-width: 1280px){.image-text-teaser__image--with-product-mockup .product-mockup--book .product-mockup__mockup img{top:-15px;left:-6.25px;width:calc(100% + 129.5px);height:calc(100% + 33.5px)}}.image-text-teaser__image--with-product-mockup .product-mockup--tablet>div{display:inline-block;position:relative}.image-text-teaser__image--with-product-mockup .product-mockup--tablet .product-mockup__cover picture img{position:absolute;top:11%;left:50%;transform:translate(-50%);width:75%;max-width:none;height:79%;object-fit:contain;background:var(--color-black)}.image-text-teaser__image--with-product-mockup .product-mockup--tablet .product-mockup__mockup{position:relative;z-index:200}.image-text-teaser__image--with-product-mockup .product-mockup--no-mockup .product-mockup__cover picture img{display:block;width:75%;max-width:none;height:79%;margin:0 auto;object-fit:contain;background:var(--color-black)}@media screen and (min-width: 1280px){.image-text-teaser__image--with-product-mockup{padding-top:0;padding-bottom:0}}.image-text-teaser__image--with-product-mockup .product-mockup{margin:0 0 30px}@media screen and (min-width: 1280px){.image-text-teaser__image--with-product-mockup .product-mockup{margin:50px 0}}.image-text-teaser__image--as-teaser img{object-fit:cover}@media screen and (min-width: 768px){.image-text-teaser__image--as-teaser img{height:482px}}@media screen and (min-width: 1280px){.image-text-teaser__image--as-teaser img{position:absolute;height:100%}}.image-text-teaser__image figcaption{max-width:170px!important;position:absolute;right:5px;bottom:0;transform:rotate(-90deg) translate(105%);transform-origin:bottom right;max-width:43%;color:var(--color-white);font-size:.75rem;text-shadow:0 1px 4px #000;text-wrap:balance;text-align:left}@media screen and (min-width: 768px){.image-text-teaser__image figcaption{max-width:230px!important}}.image-text-teaser__text{position:relative;padding:33px 0;background:var(--color-very-light-blue)}.image-text-teaser__text ul{list-style:disc}.image-text-teaser__text ul li{padding:3px 0}@media screen and (min-width: 768px){.image-text-teaser__text ul li{padding-left:5px}}.image-text-teaser__text ol{list-style:none;counter-reset:my-counter}.image-text-teaser__text ol li{padding:3px 0;counter-increment:my-counter}@media screen and (min-width: 768px){.image-text-teaser__text ol li{padding-left:5px}}.image-text-teaser__text ol li:before{position:absolute;top:3px;left:-20px;font-weight:700;font-size:1.125rem;content:counter(my-counter) ". "}@media screen and (min-width: 768px){.image-text-teaser__text{padding:33px 20px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}}@media screen and (min-width: 1280px){.image-text-teaser__text{display:flex;align-content:center;align-items:center;width:50%;padding:55px;border-radius:0}}.image-text-teaser__text__overline{display:block;margin-bottom:8px;text-transform:uppercase;color:var(--color-theme-red);font-family:Hueber Forward Sans,Arial,sans-serif;letter-spacing:1px;font-size:.875rem}@media screen and (min-width: 768px){.image-text-teaser__text__overline{margin-bottom:0;font-size:1rem}}.image-text-teaser__text h2,.image-text-teaser__text .h2{font-size:1.375rem}@media screen and (min-width: 768px){.image-text-teaser__text h2,.image-text-teaser__text .h2{padding-bottom:5px;font-size:2rem}}.image-text-teaser__text button,.image-text-teaser__text .button{margin-top:10px}.image-text-teaser__text>div{width:100%}.image-text-teaser__text:before{position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:100%;background:var(--color-very-light-blue);z-index:-1;content:""}@media screen and (min-width: 768px){.image-text-teaser__text:before{display:none}}.login{padding:22px 0}@media screen and (min-width: 768px){.login{padding:27px 0}}@media screen and (min-width: 1280px){.login{padding:32px 0}}.login:first-child{padding-top:0}.login .intro-text{padding:22px 0!important}@media screen and (min-width: 768px){.login .intro-text{padding:27px 0!important}}@media screen and (min-width: 1280px){.login .intro-text{padding:32px 0!important}}.login .intro-text:first-child{padding-top:0}.login__box{position:relative;padding:30px 15px;background:var(--color-very-light-blue);border-radius:10px}@media screen and (min-width: 768px){.login__box{padding:30px}}@media screen and (min-width: 1280px){.login__box{padding:40px 50px}}.login__box--simple{background:transparent;text-align:center}.login__box__intro-text{padding-top:0}@media screen and (min-width: 768px){.login .form{display:block}}@media screen and (min-width: 768px){.login .form__hint{float:left;clear:left}}.login .form__info-text{order:10;margin-bottom:0;font-family:Hueber Forward Sans,Arial,sans-serif;font-size:1rem;line-height:1.25}@media screen and (min-width: 768px){.login .form__info-text{float:right;order:1;padding:5px 0 0;font-size:1.125rem;line-height:1.44}}.login .form__info-text:last-child{padding-bottom:0}@media screen and (min-width: 768px){.login .form .input{float:left}}.login .form .button{margin-top:6px}@media screen and (min-width: 768px){.login .form .button{float:left;clear:left;margin-top:10px}}.login .form .button--red{margin-top:20px}.login .form hr{background:var(--color-light-blue)}@media screen and (min-width: 768px){.login .form hr{position:absolute;top:30px;right:42.1%;width:1px;height:calc(100% - 60px);margin:0}}@media screen and (min-width: 1280px){.login .form hr{top:40px;right:38.5%;height:calc(100% - 80px)}}