/* Supplied Vergabequadrat logo: original transparent PNG, without distortion. */
.product-logo{display:block;max-width:100%;height:auto;object-fit:contain}
.app-header{height:128px}
.app-header .product-brand{width:196px;min-width:150px;justify-content:center}
.app-header .product-brand .product-logo{width:160px;height:112px}
.sidebar{top:128px;height:calc(100vh - 128px)}
.record-detail,.document-detail{top:152px}
.mail-reading{scroll-margin-top:148px}
.auth-intro>.event-brand{display:block;width:180px;max-width:100%;margin-inline:auto}
.event-brand img{display:block;width:100%;height:auto;object-fit:contain}
.auth-story{padding-top:clamp(24px,4vh,56px)}
.brand-heading h1{margin:0 0 14px}
.brand-heading .product-logo{width:270px;max-width:100%;margin:0 auto}
.brand-heading p{text-align:center}
.public-header{align-items:center}
.public-header .product-brand{display:block;width:154px;flex-shrink:0}
@media(max-width:800px){
 .app-header{height:auto;min-height:112px}
 .app-header .product-brand{width:auto;min-width:0;justify-content:flex-start}
 .app-header .product-brand .product-logo{width:124px;height:100px}
 .sidebar{top:auto;height:auto}
 .record-detail,.document-detail{position:static;scroll-margin-top:20px}
 .auth-intro{padding:12px 24px}
 .auth-intro>.event-brand{width:112px}
 .auth-panel{padding-top:18px}
 .brand-heading .product-logo{width:225px}
 .public-header{flex-direction:row}
 .public-header .product-brand{width:124px}
}