.preview-teaser{background:var(--pp-forest);color:#fffdf7;height:340px;padding:24px}.preview-teaser .preview-label{font-size:0.75rem;line-height:1rem;font-weight:600;letter-spacing:1px}.teaser-preview-title{position:relative;display:block;font-size:1.75rem;line-height:2.125rem;letter-spacing:-1px;font-weight:700;margin-top:12px;z-index:2}.teaser-preview-picture{position:absolute;bottom:20px;left:24px;right:24px;height:165px;border:2px solid #fffdf7;border-radius:18px;overflow:hidden}.teaser-preview-picture>img{width:100%;height:100%;object-fit:cover}.teaser-preview-sender{position:absolute;top:8px;left:8px;max-width:calc(100% - 16px);width:fit-content;display:flex;align-items:center;gap:8px;border-radius:18px;padding:8px;font-size:0.75rem;line-height:1rem}.teaser-preview-sender>img{width:24px;height:24px;object-fit:cover;border-radius:50%;flex:none}.teaser-preview-sender>span{display:flex;flex-direction:column;min-width:0}.teaser-preview-sender strong{font-weight:600}.teaser-preview-reply{position:absolute;left:32px;right:16px;bottom:8px;display:flex;align-items:flex-end;gap:8px;color:#181b19;font-size:0.875rem;line-height:1.25rem}.teaser-preview-reply>img{width:28px;height:28px;object-fit:cover;border-radius:50%;flex:none}.teaser-preview-reply>div{background:#fff;box-shadow:0 0 0 1px #d4d9d4;padding:8px 12px;border-radius:18px 18px 18px 4px}.teaser-preview-reply strong{font-size:0.75rem;line-height:1rem;display:block;font-weight:600}.teaser-preview-reply span{display:block}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.languages button{min-height:44px}.site-card .card-meta{font-size:0.75rem;line-height:1rem}.preview-teaser .teaser-preview-reply{color:#181b19}@media(max-width:680px){.cards{grid-template-columns:1fr}.preview-teaser{height:340px}}@media(max-width:350px){.preview-teaser{padding:20px;height:360px}.teaser-preview-picture{left:20px;right:20px;bottom:32px}.teaser-preview-reply{left:24px;right:16px;bottom:12px}}
