/* Nur die aktuelle Startseite von www.rezasfotografie.de. */
.home-page .wedding-header .brand-logo{width:280px}
.home-page .wedding-header{padding-top:12px;padding-bottom:16px}
.home-page .home-shortcuts{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 30px;width:auto;margin:0;padding:16px 6%;border-bottom:1px solid var(--line);background:var(--paper)}
.home-page .home-shortcuts a{font:600 15px/1.5 system-ui,sans-serif;text-decoration:none;padding:6px 0;border-bottom:1px solid transparent}
.home-page .home-shortcuts a:hover{border-bottom-color:var(--gold-dark)}
.home-page .home-shortcuts a:focus-visible{outline:3px solid var(--gold-dark);outline-offset:5px}
.home-page .hero{padding-top:30px;padding-bottom:30px}
.home-page .hero h1{font-size:clamp(38px,4.1vw,60px);line-height:1.1}
.home-page .hero-copy .intro{font-size:18px!important;max-width:48ch}
.home-page .hero-photo{max-width:360px;justify-self:center;width:100%}
.home-page .hero-note{margin-top:20px}
.home-page .section{padding-top:56px;padding-bottom:56px}
.home-page .home-price-guide{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 32px;align-items:center;margin:0;border-width:0 0 1px;border-radius:0;background:#f0e7d9;padding:30px 6%}
.home-page .home-price-guide .eyebrow{grid-column:1;margin:0}
.home-page .home-price-guide h2{font-size:clamp(28px,3vw,38px);grid-column:1}
.home-page .home-price-guide p:not(.eyebrow){grid-column:1;max-width:65ch;margin:8px 0 0;font-size:16px}
.home-page .home-price-guide .button{grid-column:2;grid-row:1/4;margin:0;white-space:nowrap}
.home-page .home-region-hint{padding:10px 6% 24px;text-align:center;font:600 14px/1.5 system-ui,sans-serif}
.home-page .home-extra{padding-top:20px;padding-bottom:20px;border-top:1px solid var(--line)}
.home-page .home-extra>details{padding:0;border:0}
.home-page .home-extra>details>summary{font:500 clamp(22px,2.5vw,30px)/1.3 var(--display);padding:16px 0;min-height:54px}
.home-page .home-story-details{padding-top:24px}
.home-page .home-story-details h2{font-size:36px}
.home-page .home-family-details{padding:24px 0;background:transparent}
.home-page .footer-regions{grid-column:1/-1;width:100%;padding:38px 0;margin:0;border-bottom:1px solid var(--line)}
.home-page .footer-regions h2{font:clamp(28px,3vw,38px)/1.15 var(--display);letter-spacing:-.5px}
.home-page .footer-regions p{font-size:15px;text-align:left;max-width:80ch;margin:14px 0 18px;line-height:1.7}
.home-page .footer-city-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 24px;align-items:start;width:100%;margin:0;padding:0}
.home-page footer .footer-city-links a{font-size:16px;padding:10px 0;line-height:1.5;text-decoration-thickness:1px;text-underline-offset:4px}
.home-page footer .footer-regions>a{display:inline-block;padding:8px 0;font-size:15px}
@media(max-width:760px){
 .home-page .home-shortcuts{gap:4px 22px;padding:12px 6%}
 .home-page .home-shortcuts a{font-size:14px;min-height:40px;display:flex;align-items:center}
 .home-page .home-price-guide{grid-template-columns:1fr;padding:26px 6%}
 .home-page .home-price-guide .button{grid-column:1;grid-row:auto;justify-self:start;margin-top:12px;white-space:normal}
 .home-page .footer-city-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px}
 .home-page .hero-photo{max-width:320px;align-self:center}
 .home-page .hero{padding-top:10px;padding-bottom:24px}
 .home-page .hero h1{font-size:clamp(38px,9.5vw,54px)}
 .home-page .section{padding-top:38px;padding-bottom:38px}
 .home-page .home-extra{padding-top:12px;padding-bottom:12px}
 .home-page .home-family-details{display:block}
 .home-page .home-family-details figure{max-width:300px;margin-bottom:24px}
}
