body { padding-top: var(--header-height); }
.golden-button {
  touch-action: manipulation;
  display: inline-flex;
  align-items: center;
  gap: 6.4px;
  justify-content: center;
  min-width: 176px;
  box-sizing: border-box;
  height: 2.75em;
  padding: 0 1em;
  border: 0.8px solid var(--nv-gold-border);
  border-radius: 0.3em;
  color: var(--nv-gold-text-dark);
  background-image: var(--nv-gold-gradient);
  background-position: center;
  background-size: 100% 100%;
  box-shadow: 0 2.4px 4.8px var(--shadow-soft), 0 2.4px 4.8px var(--shadow-soft-2),
    inset 0 -1.6px 4px 0.8px var(--nv-gold-inner-dark), inset 0 -0.8px 0.8px 2.4px var(--nv-gold-highlight);
  font-family: inherit;
  font-size: 1em;
  font-weight: 800;
  line-height: 2.5em;
  letter-spacing: 0.045em;
  text-shadow: 0 1.6px 1.6px var(--nv-gold-highlight);
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  position: relative;
}
a:hover .golden-button, a:focus-visible .golden-button {
  color: var(--nv-gold-text-hover);
  border-color: var(--nv-gold-border-hover);
  background-size: 150% 150%;
  transform: translateY(-1.6px);
  box-shadow: 0 8px 16px var(--shadow-hover-1), 0 4.8px 4.8px var(--shadow-hover-2),
    inset 0 -1.6px 4px 0.8px var(--nv-gold-inner-mid), inset 0 -0.8px 0.8px 2.4px var(--nv-gold-highlight);
}
a:active .golden-button {
  box-shadow: 0 2.4px 4.8px var(--shadow-soft), 0 2.4px 4.8px var(--shadow-soft-2),
    inset 0 -1.6px 4px 0.8px var(--nv-gold-inner-mid), inset 0 -0.8px 0.8px 2.4px var(--nv-gold-highlight);
}
.header-cta { text-decoration: none; }
.header-cta .nv-calendly-icon { width: 16px; height: 16px; flex: 0 0 auto; }
/* Nurovelle – Header/Footer – exakt aus index.html extrahierte komponenteneigene Regeln. */
.site-header {
  height: var(--header-height);
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 100;
  border-bottom: 0.8px solid transparent;
  background-image: linear-gradient(#050505,#050505), var(--gold-3);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  backdrop-filter: blur(6.4px);
}
.nv-breadcrumb {
  display: inline-flex;
  max-width: 100%;
  overflow: visible;
  justify-self: center;
  white-space: nowrap;
  filter: drop-shadow(0 9.6px 14.4px #00000047);
}
.nv-breadcrumb__trigger::before,
.nv-breadcrumb__trigger::after {
  content: "";
  position: absolute;
  pointer-events: none;
  clip-path: polygon(0 0, calc(100% - var(--nv-crumb-point)) 0, 100% 50%, calc(100% - var(--nv-crumb-point)) 100%, 0 100%, var(--nv-crumb-point) 50%);
  transition: background 0.3s ease, box-shadow 0.3s ease;
}
.site-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 0.8px; z-index: 0; background: linear-gradient(90deg, #00000000, #fae385d1, #00000000); }
.header-inner { position: relative; z-index: 1; height: 100%; padding: 0 var(--page-gutter); display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; }
.logo-link { display: inline-flex; align-items: center; gap: 9.6px; height: var(--logo-box); perspective: 480px; text-decoration: none; flex: 0 0 auto; }
.logo-wordmark {
  height: var(--logo-h); width: auto; aspect-ratio: 1098 / 250; display: block; align-self: center;
  background: url("assets/hero/Nurovelle_schrift_gold.png") left center / contain no-repeat;
}
.logo-text { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 2.4px; }
.logo-tagline { display: block; color: var(--color-text-light); font: 700 7.2px/1.1 "Inter", Arial, sans-serif; letter-spacing: 0.04em; white-space: nowrap; }
.logo-spin {
  display: block;
  position: relative;
  top: -4px;
  width: var(--logo-w);
  height: var(--logo-h);
  background: url("assets/hero/nurovelle_logo_gold.png") center / contain no-repeat;
  filter: drop-shadow(0 0 6.4px #fae3853d);
}
.nv-breadcrumb__group { position: relative; }
.nv-breadcrumb__group + .nv-breadcrumb__group { margin-left: -6.4px; }
.nv-breadcrumb__group:first-child .nv-breadcrumb__trigger { padding-left: 11.2px; }
.nv-breadcrumb__trigger { --nv-crumb-point: 11px; --nv-crumb-bg: linear-gradient(180deg, #112a20eb, #080b09f5); position: relative; display: flex; align-items: center; min-height: 37px; padding: 0 17.6px; color: var(--color-text-muted); background: none; font-size: 13px; line-height: 1; cursor: pointer; list-style: none; user-select: none; transition: color 0.18s ease, transform 0.18s ease; z-index: 1; }
.nv-breadcrumb__trigger::-webkit-details-marker { display: none; }
.nv-breadcrumb__trigger::marker { content: ""; }
.nv-breadcrumb__trigger > span { position: relative; z-index: 1; }
.nv-breadcrumb__trigger::before { inset: 0; background: linear-gradient(135deg, #fae3855c, #0000007a 58%, #fae38524); z-index: -2; }
.nv-breadcrumb__trigger::after { inset: 0.8px; background: var(--nv-crumb-bg); z-index: -1; }
.nv-breadcrumb__group:first-child .nv-breadcrumb__trigger::before, .nv-breadcrumb__group:first-child .nv-breadcrumb__trigger::after { clip-path: polygon(0 0, calc(100% - var(--nv-crumb-point)) 0, 100% 50%, calc(100% - var(--nv-crumb-point)) 100%, 0 100%); }
.nv-breadcrumb__group:first-child .nv-breadcrumb__trigger::before { border-radius: 8px 0 0 8px; }
.nv-breadcrumb__group:first-child .nv-breadcrumb__trigger::after { border-radius: 7.2px 0 0 7.2px; }
.nv-breadcrumb__group[open] .nv-breadcrumb__trigger, .nv-breadcrumb__group:hover .nv-breadcrumb__trigger { --nv-crumb-bg: linear-gradient(180deg, #163a35f2, #0a1913fa); color: #fae385; transform: translateY(-0.8px); }
.nv-breadcrumb__group[open] .nv-breadcrumb__trigger::before, .nv-breadcrumb__group:hover .nv-breadcrumb__trigger::before { background: linear-gradient(135deg, #fae385a8, #8b5b12a3 58%, #fae38566); }
.nv-breadcrumb__group[open] .nv-breadcrumb__trigger::after, .nv-breadcrumb__group:hover .nv-breadcrumb__trigger::after { box-shadow: inset 0 0.8px 0 #fae38529, 0 4px 11.2px #00000052; }
.nv-breadcrumb__menu { position: absolute; top: calc(100% + 4.8px); left: 9.6px; z-index: 50; display: none; min-width: 176px; padding: 6.4px; border: 0.8px solid transparent; border-radius: 8px; background-image: linear-gradient(#050706,#050706), var(--gold-3); background-origin: border-box; background-clip: padding-box, border-box; box-shadow: 0 14.4px 30.4px #000000b8; backdrop-filter: blur(9.6px); }
.nv-breadcrumb__group[open] .nv-breadcrumb__menu, .nv-breadcrumb__group:hover .nv-breadcrumb__menu { display: grid; }
.nv-breadcrumb__menu a { padding: 7.2px 9.6px; border-radius: 4.8px; color: var(--color-text-muted); font-size: 12px; line-height: 1.2; }
.nv-breadcrumb__menu a:hover, .nv-breadcrumb__menu a:focus-visible { color: #fae385; background: #bc881b1a; outline: none; }
.header-cta { justify-self: end; }
.header-cta .golden-button { min-width: 0; height: 31.68px; /* was 28.8px, +10% per explicit instruction */
  padding: 0 8.8px; /* was 8px, +10% per explicit instruction */
  font-size: 9.68px; /* was 8.8px, +10% per explicit instruction */
  line-height: 29.92px; /* was 27.2px, +10% per explicit instruction */
  letter-spacing: 0.02em; }
@media (max-width: 640px) {.nv-breadcrumb { display: none; }}
.footer { position: relative; background-color: #050505; margin-left: 0px; width: calc(100% - 0px); padding: 43.2px calc(var(--side) * 2); color: var(--color-text-light); background: #121212; }
.footer::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 0.8px; background: linear-gradient(90deg, transparent, #fae385 20%, #fae385 80%, transparent); box-shadow: 0 0 6.4px #fae38566; pointer-events: none; }
.footer-inner { display: grid;
        grid-template-columns: minmax(0, 320px) auto minmax(0, 304px) auto; justify-content: space-between; gap: 76.8px; width: 100%; max-width: none; margin: 0; }
.footer h4, .footer .footer-col__title { margin: 0 0 6.4px; color: #fae385; font: var(--w-zwischentitel) var(--t-zwischentitel)/1.2 "Exo 2",Inter,Arial,sans-serif; letter-spacing: 0.06em; text-transform: uppercase; }
.footer a:not(.footer-top):not(.footer-social a), .footer p { display: block; margin: 0 0 5.6px; color: #c4ccc6; font: 400 13.6px/1.7 Inter, Arial, sans-serif; text-decoration: none; }
.footer-col--about p { color: #aab2ad; }
.footer a:hover, .footer a:focus-visible { color: #fae385; outline: none; }
.footer-newsletter { display: flex; gap: 6.4px; margin-top: 9.6px; }
.footer-newsletter__input { flex: 1 1 auto; min-width: 0; height: 33.6px; padding: 0 9.6px; border: 0.8px solid rgba(212, 175, 55, 0.5); border-radius: 4.8px; color: #f0efe6; background: #0c0c0c; font: 400 11.2px/1.3 Inter, Arial, sans-serif; outline: none; }
.footer-newsletter__input::placeholder { color: #8b938d; }
.footer-newsletter__input:focus { border-color: #d4af37; box-shadow: 0 0 0 1.6px rgba(212, 175, 55, 0.28); }
.footer-newsletter__btn { flex: 0 0 auto; height: 33.6px; padding: 0 14.4px; border: 0; border-radius: 4.8px; color: var(--nv-gold-text-dark); background-image: var(--nv-gold-gradient); font: 700 10.4px/1 Inter, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.04em; cursor: pointer; transition: filter 0.2s ease; }
.footer-newsletter__btn:hover, .footer-newsletter__btn:focus-visible { filter: brightness(1.08); outline: none; }
.footer-social { display: flex; gap: 9.6px; margin-top: 11.2px; }
.footer-social a { display: inline-flex; align-items: center; justify-content: center; width: 30.4px; height: 30.4px; margin: 0; border: 0.8px solid var(--nv-gold-border); border-radius: 6.4px; color: #783205; background-image: var(--nv-gold-gradient); background-position: center; background-size: 100% 100%; transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease; }
.footer-social a svg { width: 15.2px; height: 15.2px; }
.footer-social a:hover, .footer-social a:focus-visible { color: rgba(120, 50, 5, 0.8); background-size: 150% 150%; transform: translateY(-1.6px); outline: none; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 9.6px 22.4px; max-width: none; margin-top: 27.2px; padding-top: 17.6px; }
.footer-legal { display: flex; flex-wrap: wrap; gap: 17.6px; }
.footer-legal a { display: inline; margin: 0; color: #c4ccc6; font: 500 11.2px/1.4 Inter, Arial, sans-serif; }
.footer-copy { margin: 0; color: #8b938d; font: 400 10.4px/1.4 Inter, Arial, sans-serif; }
.footer-top { display: inline-flex; align-items: center; justify-content: center; width: 43.2px; height: 43.2px; margin: 0; color: #783205; border: 0.8px solid var(--nv-gold-border); border-radius: 6.4px; background-image: var(--nv-gold-gradient); background-position: center; background-size: 100% 100%; box-shadow: 0 2.4px 4.8px rgba(0, 0, 0, 0.16), 0 2.4px 4.8px rgba(110, 80, 20, 0.4), inset 0 -1.6px 4px 0.8px var(--nv-gold-inner-dark), inset 0 -0.8px 0.8px 2.4px #fae385; transition: color 0.2s ease, background-size 0.2s ease, transform 0.2s ease; }
.footer-top svg { width: 20.8px; height: 20.8px; }
.footer-top:hover, .footer-top:focus-visible { color: rgba(120, 50, 5, 0.8); background-size: 150% 150%; transform: translateY(-1.6px); outline: none; }
.footer-col--about p, .footer-col > a, .footer-legal > a, .footer-copy { color: #b9c3bd; font: var(--w-fliesstext) var(--t-fliesstext)/1.6 "Inter",Arial,sans-serif; }
@media (max-width: 900px) {.logo-wordmark { height: calc(var(--logo-h) * 0.72); }
.nv-breadcrumb { overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.nv-breadcrumb::-webkit-scrollbar { display: none; }
.header-cta .golden-button { min-width: 0; padding: 0 .6em; font-size: 8.8px; letter-spacing: .02em; }
.header-inner { padding-left: 9.6px; padding-right: 9.6px; column-gap: 6.4px; }
.logo-link { gap: 4.8px; }
.header-inner { display: flex; align-items: center; justify-content: space-between; gap: 6.4px; }
.nv-breadcrumb { flex: 1 1 0; min-width: 0; }
.header-cta { flex: 0 0 auto; }
.footer-inner { grid-template-columns: minmax(0,1fr); gap: 32px; }}
@media (max-width: 560px) {.header-cta .golden-button { padding: 0 .4em; font-size: 7.6px; gap: 4px; }
.header-cta .nv-calendly-icon { width: 11.2px; height: 11.2px; }
.logo-tagline { display: none; }}
