/* trauerrede-hilfe.de - Über uns. Rahmen aus beispielseite.css, Bausteine aus homepage.css. */
.uu-head h1{font-size:60px;line-height:1.05;letter-spacing:-.03em}
.uu-head .page-lead{font-size:21px;line-height:1.55;max-width:44ch}
.uu-main section{margin-bottom:var(--sp-10)}
.uu-main section:last-child{margin-bottom:var(--sp-9)}

/* Auftakt */
.uu-intro{margin:0 0 var(--sp-10)}
.uu-intro p{font-size:20.5px;line-height:1.6;max-width:62ch;margin:0;color:var(--text-body)}
.uu-intro .who{color:var(--text-brand);font-weight:var(--fw-bold)}

/* Wofür wir stehen */
.uu-values{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(236px,1fr));gap:14px;max-width:none}
.uu-values li{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-card);padding:var(--sp-6);font-size:17.5px;line-height:1.6;color:var(--text-muted);padding-left:var(--sp-6)}
.uu-values li::before{display:none}
.uu-values li .ico-pad{margin-bottom:var(--sp-5)}
.uu-values li strong{display:block;font-family:var(--font-display);font-size:20px;line-height:1.3;letter-spacing:-.015em;font-weight:var(--fw-bold);color:var(--text-body);margin-bottom:8px}

.uu-values li:nth-child(2){transition-delay:.08s}
.uu-values li:nth-child(3){transition-delay:.16s}

/* Kontakt */
.uu-contact{display:flex;gap:var(--sp-6);align-items:flex-start;background:var(--surface-card-hi);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-card);padding:var(--sp-7)}
.uu-contact p{margin:0;max-width:56ch}
.uu-contact a.mail{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:19px;color:var(--text-brand);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;overflow-wrap:anywhere;hyphens:none}
.uu-contact a.mail:hover{color:var(--green-900)}
.uu-contact a.imp{color:var(--text-muted);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.uu-contact a.imp:hover{color:var(--green-900)}

@media(min-width:1081px){
.bp-grid.uu-grid{grid-template-columns:minmax(0,820px) 380px;gap:72px;justify-content:space-between}
}
@media(max-width:1080px){
.uu-head h1{font-size:48px}
}
@media(max-width:820px){
.uu-head h1{font-size:38px;line-height:1.08}
.uu-head .page-lead{font-size:18.5px}
.uu-main section{margin-bottom:var(--sp-9)}
.uu-intro{margin-bottom:var(--sp-9)}
.uu-intro p{font-size:18px}
.uu-values{grid-template-columns:minmax(0,1fr);gap:12px}
.uu-values li{padding:var(--sp-5)}
.uu-values li strong{font-size:19px}
.uu-contact{flex-direction:column;gap:var(--sp-5);padding:var(--sp-6)}
.uu-contact a.mail{font-size:17.5px}
}