/* ============================================================
   Selbstgehostete Webfonts – Barfuß am Atlantik
   DSGVO-konform, kein externer Request an Google Fonts
   Quelle: google-webfonts-helper (Subset: latin)
   ============================================================ */

/* ----- Cormorant Garamond ----- */

/* cormorant-garamond-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/cormorant-garamond-v21-latin-regular.woff2') format('woff2');
}

/* cormorant-garamond-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/cormorant-garamond-v21-latin-600.woff2') format('woff2');
}

/* cormorant-garamond-300italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 300;
  src: url('/fonts/cormorant-garamond-v21-latin-300italic.woff2') format('woff2');
}

/* cormorant-garamond-italic (400) - latin */
@font-face {
  font-display: swap;
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/cormorant-garamond-v21-latin-italic.woff2') format('woff2');
}

/* ----- Jost ----- */

/* jost-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/jost-v20-latin-300.woff2') format('woff2');
}

/* jost-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/jost-v20-latin-regular.woff2') format('woff2');
}

/* jost-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/jost-v20-latin-500.woff2') format('woff2');
}

/* jost-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/jost-v20-latin-600.woff2') format('woff2');
}

/* ===========================================================
   Markenschriftzug "barfuß am Atlantik" — Variante 3A.1 / A1
   Eine Variable steuert alles: --brand-h1
   Subline = 24 % davon (Minimum 12 px für Lesbarkeit)
   =========================================================== */
.site-brand{
  display:inline-flex;
  align-items:baseline;
  gap:calc(var(--brand-h1) * .18);
  text-decoration:none;
  white-space:nowrap;
  --brand-h1:40px;
}
.site-brand .brand-main{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-weight:400;
  font-size:var(--brand-h1);
  line-height:1;
  position:relative; /* Bezugsrahmen für die Terra-Welle (::after) */
  color:#2E6E9E; /* Atlantic — gilt auf allen Hintergründen */
}
/* Terra-Welle unter "bar" — skaliert mit --brand-h1 (em-basiert) */
.site-brand .brand-main::after{
  content:"";
  position:absolute;
  left:.01em;
  bottom:-.24em;
  width:.97em;
  height:.26em;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 145 39'%3E%3Cpath d='M4.5,19.5q34,-30,68,0t68,0' fill='none' stroke='%23C97B4B' stroke-width='9' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat left center/contain;
  pointer-events:none;
}
.site-brand .brand-sub{
  font-family:'Jost',sans-serif;
  font-weight:500;
  font-size:max(calc(var(--brand-h1) * .24), 12px);
  letter-spacing:.4em;
  text-transform:uppercase;
  color:#C97B4B; /* Terra — gilt auf allen Hintergründen */
}
.site-brand.size-hero{--brand-h1:100px}
.site-brand.size-header{--brand-h1:40px}
.site-brand.size-footer{--brand-h1:40px}
@media (max-width:480px){
  .site-brand.size-header,
  .site-brand.size-footer{--brand-h1:32px}
}