/* Porta Viola – Marketing-Site, self-hosted Fonts (DSGVO-konform, kein Google-Fonts-CDN) */

@font-face {
  font-family: 'Dmsans';
  src: url('/fonts/DMSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dmsans';
  src: url('/fonts/DMSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dmsans';
  src: url('/fonts/DMSans-Italic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorantgaramond';
  src: url('/fonts/CormorantGaramond-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root{
  --violet:#26215C;
  --gold:#A9874E;
  --ivory:#F3EDE3;
  --warmgrau:#888780;
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--ivory)}
body{font-family:'Dmsans',sans-serif;font-weight:400;color:var(--warmgrau)}

a{color:inherit}

.signet-svg{display:block;margin:0 auto}

/* ---------- Hero (Home) ---------- */
.hero-section{
  display:flex;width:100%;min-height:92vh;
  padding:140px 24px;
  flex-direction:column;justify-content:center;align-items:center;
  background:var(--ivory);
  text-align:center;
}
.hero-container{
  display:flex;width:100%;max-width:560px;
  flex-direction:column;align-items:center;text-align:center;
}
.wordmark{
  margin:0 0 10px;
  font-family:'Cormorantgaramond',serif;font-weight:300;
  font-size:44px;color:var(--violet);letter-spacing:.02em;
}
.tagline{
  margin:0 0 36px;
  font-family:'Dmsans',sans-serif;font-weight:300;font-size:11px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--warmgrau);
}
.gold-divider{
  width:88px;height:1px;margin:0 0 44px;
  background-image:linear-gradient(to right,transparent,var(--gold),transparent);
}
.headline{
  margin:0 0 22px;
  font-family:'Cormorantgaramond',serif;font-weight:300;
  font-size:32px;line-height:1.3;color:var(--violet);
}
.body-text{
  max-width:440px;margin:0 0 44px;
  font-family:'Dmsans',sans-serif;font-weight:400;
  font-size:16px;line-height:1.7;color:var(--warmgrau);
}
.cta-button{
  display:inline-block;
  padding:17px 44px;border-radius:14px;
  background-color:var(--gold);
  font-family:'Dmsans',sans-serif;font-weight:400;font-size:13px;
  letter-spacing:.08em;text-transform:uppercase;
  color:var(--ivory);text-decoration:none;
}

/* ---------- Über Porta Viola ---------- */
.about-section{
  display:flex;width:100%;padding:120px 24px;
  flex-direction:column;align-items:center;background:var(--ivory);
}
.about-container{
  display:flex;width:100%;max-width:600px;
  flex-direction:column;align-items:center;
}
.about-headline{
  margin:0 0 44px;
  font-family:'Cormorantgaramond',serif;font-weight:300;
  font-size:36px;text-align:center;color:var(--violet);
}
.about-body-text{
  width:100%;margin:0 0 26px;
  font-family:'Dmsans',sans-serif;font-weight:400;
  font-size:16px;line-height:1.75;text-align:left;color:var(--warmgrau);
}
.about-personal-marker{
  margin-top:20px;
  font-family:'Dmsans',sans-serif;font-weight:300;font-style:italic;
  font-size:13px;text-align:center;color:var(--warmgrau);
}

/* ---------- Legal-Seiten ---------- */
.legal-section{
  display:flex;width:100%;padding:100px 24px;
  flex-direction:column;align-items:center;background:var(--ivory);
}
.legal-container{
  display:flex;width:100%;max-width:760px;
  flex-direction:column;align-items:flex-start;
}
.legal-title{
  width:100%;margin:0 0 16px;
  font-family:'Cormorantgaramond',serif;font-weight:300;
  font-size:34px;text-align:center;color:var(--violet);
}
.legal-h2{
  width:100%;margin:40px 0 14px;
  font-family:'Dmsans',sans-serif;font-weight:700;
  font-size:19px;color:var(--warmgrau);
}
.legal-h3{
  width:100%;margin:24px 0 10px;
  font-family:'Dmsans',sans-serif;font-weight:700;
  font-size:16px;color:var(--warmgrau);
}
.legal-p{
  width:100%;margin:0 0 16px;
  font-family:'Dmsans',sans-serif;font-weight:400;
  font-size:15px;line-height:1.75;text-align:left;color:var(--warmgrau);
}
.legal-list-item{
  width:100%;margin:0 0 8px;padding-left:20px;
  font-family:'Dmsans',sans-serif;font-weight:400;
  font-size:15px;line-height:1.75;text-align:left;color:var(--warmgrau);
}
.legal-meta{
  width:100%;margin-top:36px;
  font-family:'Dmsans',sans-serif;font-weight:400;font-style:italic;
  font-size:13px;text-align:center;color:var(--warmgrau);
}

/* ---------- Footer (alle Seiten) ---------- */
.footer-nav{
  display:flex;width:100%;margin-top:88px;
  justify-content:center;flex-wrap:wrap;gap:28px;
}
.footer-link{
  font-family:'Dmsans',sans-serif;font-weight:400;
  font-size:12px;color:var(--warmgrau);text-decoration:none;
}
.footer-link:hover{color:var(--violet)}