@font-face { font-family: "Andree Sans"; src: url("../fonts/roboto-v51-latin-regular.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "Andree Sans"; src: url("../fonts/roboto-v51-latin-300.woff2") format("woff2"); font-style: normal; font-weight: 300; font-display: swap; }
@font-face { font-family: "Andree Sans"; src: url("../fonts/roboto-v51-latin-600.woff2") format("woff2"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: "Andree Sans"; src: url("../fonts/roboto-v51-latin-700.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; }

/* ANDRÉE – ARTIST LANDINGPAGE Farb- und Formensprache aus den bereitgestellten Designmotiven: tiefes Schwarz, warmes Metallgold, feine Lichtwellen, klare Typografie. */
:root { --andree-black: #050505; --andree-black-soft: #090806; --andree-ink: #0f0d0a; --andree-charcoal: #17130d; --andree-panel: #13110e; --andree-panel-light: #1c1812; --andree-white: #fbfaf7; --andree-text: #eee9df; --andree-muted: #b9b0a1; --andree-muted-strong: #d1c8b9; --andree-gold-deep: #744506; --andree-gold-dark: #98610f; --andree-gold: #d69721; --andree-gold-bright: #f0b83b; --andree-gold-light: #ffe18a; --andree-gold-pale: #fff0b7; --andree-danger: #ff7d7d; --andree-success: #9bd2ad; --andree-border: rgba(231, 174, 55, 0.22); --andree-border-strong: rgba(244, 188, 67, 0.55); --andree-gold-gradient: linear-gradient(135deg, #724305 0%, #cf8917 22%, #ffe08a 48%, #e5a52c 72%, #7a4907 100%); --andree-gold-gradient-horizontal: linear-gradient(90deg, #704204 0%, #d18d1c 24%, #ffe18a 50%, #d18d1c 76%, #704204 100%); --andree-gold-glow: 0 0 30px rgba(218, 151, 31, 0.22), 0 0 90px rgba(218, 151, 31, 0.08); --andree-shadow: 0 24px 70px rgba(0, 0, 0, 0.52); --andree-radius-sm: 8px; --andree-radius-md: 16px; --andree-radius-lg: 28px; --andree-content: 1440px; --andree-content-narrow: 980px; --andree-section-space: clamp(4.5rem, 8vw, 9rem); --andree-nav-height: 92px; --bs-body-font-family: "Andree Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --bs-body-color: var(--andree-text); --bs-body-bg: var(--andree-black); --bs-primary: #d69721; --bs-primary-rgb: 214, 151, 33; --bs-link-color: #f0b83b; --bs-link-hover-color: #ffe18a; --bs-border-color: var(--andree-border); }

/* BASIS */
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--andree-nav-height) + 24px); background: var(--andree-black); }
body { min-width: 320px; overflow-x: hidden; color: var(--andree-text); background: var(--andree-black); font-family: "Andree Sans", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: clamp(1rem, 0.95rem + 0.18vw, 1.125rem); font-weight: 300; line-height: 1.72; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
::selection { color: var(--andree-black); background: var(--andree-gold-light); }
* { scrollbar-color: var(--andree-gold-dark) var(--andree-black); }
img, svg, video, iframe { max-width: 100%; }
img { height: auto; }
a { color: var(--andree-gold-bright); text-decoration-color: rgba(240, 184, 59, 0.45); text-decoration-thickness: 1px; text-underline-offset: 0.18em; transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease, opacity 180ms ease, transform 180ms ease; }
a:hover, a:focus-visible { color: var(--andree-gold-light); }
button, a, input, textarea, select, summary { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--andree-gold-light); outline-offset: 4px; }
.andree-skip-link { position: fixed; top: 0.7rem; left: 0.7rem; z-index: 12000; padding: 0.8rem 1rem; color: var(--andree-black); background: var(--andree-gold-light); border-radius: var(--andree-radius-sm); font-weight: 700; transform: translateY(-160%); }
.andree-skip-link:focus { color: var(--andree-black); transform: translateY(0); }
.visually-hidden-focusable:focus { z-index: 12000; }
.noshow { display: none !important; }
.nopadding { margin: 0 !important; padding: 0 !important; }
.text-gold, .heading-gold { color: var(--andree-gold-bright) !important; }
.text-muted { color: var(--andree-muted) !important; }
.text-white { color: var(--andree-white) !important; }
.andree-kicker, .eyebrow, .section-kicker { display: inline-flex; align-items: center; gap: 0.75rem; margin: 0 0 1rem; color: var(--andree-gold-bright); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.22em; line-height: 1.2; text-transform: uppercase; }
.andree-kicker::before, .eyebrow::before, .section-kicker::before { width: 2.5rem; height: 1px; content: ""; background: var(--andree-gold-gradient-horizontal); }
.andree-lead, .lead { max-width: 860px; color: var(--andree-muted-strong); font-size: clamp(1.15rem, 1rem + 0.55vw, 1.55rem); font-weight: 300; line-height: 1.6; }
.andree-narrow { max-width: var(--andree-content-narrow); margin-inline: auto; }
.andree-center { text-align: center; }
.andree-center .andree-lead, .andree-center .lead { margin-inline: auto; }

/* TYPOGRAFIE */
h1, h2, h3, h4, h5, h6 { margin-top: 0; color: var(--andree-white); font-family: "Andree Sans", system-ui, -apple-system, "Segoe UI", sans-serif; font-weight: 300; line-height: 1.08; text-wrap: balance; }
h1 { margin-bottom: 1.4rem; font-size: clamp(3.25rem, 7vw, 7.8rem); letter-spacing: -0.055em; }
h2 { margin-bottom: 1.35rem; font-size: clamp(2.25rem, 4.8vw, 5rem); letter-spacing: -0.045em; }
h3 { margin-bottom: 1rem; font-size: clamp(1.45rem, 2vw, 2.25rem); font-weight: 400; letter-spacing: -0.025em; }
h4 { margin-bottom: 0.75rem; font-size: clamp(1.15rem, 1.45vw, 1.45rem); font-weight: 500; }
h5, h6 { margin-bottom: 0.65rem; font-size: 1rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; }
p { margin-top: 0; margin-bottom: 1.15rem; }
strong, b { color: var(--andree-white); font-weight: 600; }
small { color: var(--andree-muted); }
ul, ol { padding-left: 1.25rem; }
main li { margin-bottom: 0.5rem; }
blockquote { position: relative; max-width: 1050px; margin: 0; padding: 0 0 0 2.25rem; color: var(--andree-white); border-left: 1px solid var(--andree-gold-bright); font-size: clamp(1.6rem, 3.8vw, 4rem); font-weight: 300; line-height: 1.25; text-wrap: balance; }
blockquote footer, blockquote cite { display: block; margin-top: 1.2rem; color: var(--andree-muted); font-size: 0.9rem; font-style: normal; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; }
hr { width: min(100%, 11rem); height: 1px; margin: 2rem 0; border: 0; opacity: 1; background: var(--andree-gold-gradient-horizontal); }

/* NAVIGATION */
.andree-site-header { position: sticky; top: 0; z-index: 1040; background: rgba(5, 5, 5, 0.78); border-bottom: 1px solid rgba(230, 170, 50, 0.14); backdrop-filter: blur(18px) saturate(115%); -webkit-backdrop-filter: blur(18px) saturate(115%); transition: background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease; }
.andree-site-header.is-scrolled { background: rgba(5, 5, 5, 0.96); border-bottom-color: rgba(230, 170, 50, 0.28); box-shadow: 0 14px 38px rgba(0, 0, 0, 0.38); }
.andree-site-header .navbar { min-height: var(--andree-nav-height); padding-block: 0.75rem; }
.andree-nav-container { max-width: 1680px; padding-inline: clamp(1rem, 3vw, 3.25rem); }
.andree-brand { display: inline-flex; align-items: center; gap: 0.85rem; min-width: 0; padding: 0; color: var(--andree-white) !important; }
.andree-brand__mark { display: block; width: 52px; height: 52px; filter: drop-shadow(0 0 16px rgba(230, 165, 40, 0.2)); }
.andree-brand__text { display: grid; gap: 0.12rem; line-height: 1; }
.andree-brand__text strong { color: var(--andree-white); font-size: clamp(1.35rem, 1.8vw, 2rem); font-weight: 300; letter-spacing: 0.08em; }
.andree-brand__text small { color: var(--andree-gold-bright); font-size: 0.58rem; font-weight: 500; letter-spacing: 0.19em; text-transform: uppercase; }
#mainNavbar > li, #mainNavbar ul, #mainNavbar li, .navbar-nav, .navbar-nav ul, .navbar-nav li, .dropdown-menu, .dropdown-menu li { margin: 0; padding-left: 0; list-style: none !important; }
#mainNavbar > li:first-child { display: contents; }
.navbar-nav { gap: 0.15rem; }
.navbar-nav .nav-link { position: relative; padding: 0.8rem 0.85rem !important; color: var(--andree-muted-strong) !important; font-size: 0.78rem; font-weight: 500; letter-spacing: 0.14em; line-height: 1.2; text-transform: uppercase; }
.navbar-nav .nav-link::after { position: absolute; right: 0.85rem; bottom: 0.45rem; left: 0.85rem; height: 1px; content: ""; background: var(--andree-gold-gradient-horizontal); transform: scaleX(0); transform-origin: center; transition: transform 180ms ease; }
.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus-visible, .navbar-nav > .active > a.nav-link, .navbar-nav > .active > .nav-parent-wrap > a.nav-link { color: var(--andree-white) !important; }
.navbar-nav .nav-link:hover::after, .navbar-nav .nav-link:focus-visible::after, .navbar-nav > .active > a.nav-link::after, .navbar-nav > .active > .nav-parent-wrap > a.nav-link::after { transform: scaleX(1); }
.nav-parent-wrap { width: 100%; }
.navbar .nav-toggle { min-width: 38px; padding: 0.55rem 0.45rem; color: var(--andree-gold-bright) !important; box-shadow: none !important; }
.nav-toggle-icon { display: block; width: 0.45rem; height: 0.45rem; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform 180ms ease; }
.nav-item.open .nav-toggle-icon { transform: rotate(225deg) translate(-1px, -1px); }
.navbar .dropdown-menu { min-width: 230px; padding: 0.55rem; background: rgba(14, 12, 9, 0.98); border: 1px solid var(--andree-border); border-radius: var(--andree-radius-sm); box-shadow: var(--andree-shadow); }
.navbar .dropdown-item { padding: 0.7rem 0.8rem; color: var(--andree-muted-strong); border-radius: 5px; font-size: 0.78rem; letter-spacing: 0.1em; text-transform: uppercase; }
.navbar .dropdown-item:hover, .navbar .dropdown-item:focus, .navbar .dropdown-item.active { color: var(--andree-white) !important; background: rgba(229, 165, 44, 0.11); }
.andree-nav-actions { display: flex; align-items: center; gap: 0.85rem; margin-left: 1.2rem; }
.andree-language-menu ul { display: flex; gap: 0.55rem; margin: 0; padding: 0; list-style: none; }
.andree-language-menu a { color: var(--andree-muted); font-size: 0.7rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; }
.andree-language-menu .current a, .andree-language-menu .active a, .andree-language-menu a:hover { color: var(--andree-gold-bright); }
.andree-nav-social { display: flex; gap: 0.35rem; }
.andree-nav-social a { display: grid; width: 34px; height: 34px; place-items: center; color: var(--andree-gold-bright); border: 1px solid var(--andree-border); border-radius: 50%; font-size: 0.7rem; font-weight: 700; }
.andree-nav-social a:hover, .andree-nav-social a:focus-visible { color: var(--andree-black); background: var(--andree-gold-gradient); border-color: transparent; }
.andree-nav-toggle { display: none; width: 46px; height: 46px; padding: 0; border: 0 !important; box-shadow: none !important; }
.andree-nav-toggle span { display: block; width: 28px; height: 1px; margin: 6px auto; background: var(--andree-gold-bright); transition: transform 220ms ease, opacity 180ms ease; }
.andree-nav-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.andree-nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.andree-nav-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

@media (min-width: 992px) {
  .navbar .nav-item.dropdown:hover > .dropdown-menu, .navbar .nav-item.dropdown:focus-within > .dropdown-menu { display: block; margin-top: 0; }
}

/* BUTTONS */
.btn, .btn-andree-gold, .btn-andree-outline, .btn-andree-ghost { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 0.55rem; padding: 0.76rem 1.35rem; border-radius: 999px; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.15em; line-height: 1.2; text-align: center; text-transform: uppercase; transition: transform 180ms ease, box-shadow 180ms ease, color 180ms ease, background-color 180ms ease, border-color 180ms ease; }
.btn:hover, .btn:focus-visible { transform: translateY(-2px); }
.btn-andree-gold, .btn-primary, .btn-ac { color: var(--andree-black) !important; background: var(--andree-gold-gradient); border: 1px solid transparent; box-shadow: 0 10px 30px rgba(215, 151, 32, 0.18); }
.btn-andree-gold:hover, .btn-andree-gold:focus-visible, .btn-primary:hover, .btn-primary:focus-visible, .btn-ac:hover, .btn-ac:focus-visible { color: var(--andree-black) !important; box-shadow: 0 14px 40px rgba(237, 177, 55, 0.32); }
.btn-andree-outline, .btn-outline-primary { color: var(--andree-gold-light) !important; background: transparent; border: 1px solid var(--andree-border-strong); }
.btn-andree-outline:hover, .btn-andree-outline:focus-visible, .btn-outline-primary:hover, .btn-outline-primary:focus-visible { color: var(--andree-black) !important; background: var(--andree-gold-gradient); border-color: transparent; }
.btn-andree-ghost { color: var(--andree-white) !important; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.16); }
.btn-andree-ghost:hover, .btn-andree-ghost:focus-visible { color: var(--andree-gold-light) !important; background: rgba(229, 165, 44, 0.08); border-color: var(--andree-border-strong); }

/* CONTENT SECTIONS */
.andree-section { position: relative; overflow: hidden; isolation: isolate; }
.andree-content-wrap { max-width: var(--andree-content); padding: var(--andree-section-space) clamp(1.15rem, 4.2vw, 4.75rem); }
.andree-section-inner { position: relative; z-index: 2; }
.andree-section--black { color: var(--andree-text); background: radial-gradient(circle at 15% 15%, rgba(212, 143, 23, 0.065), transparent 20rem), var(--andree-black); }
.andree-section--ink { color: var(--andree-text); background: linear-gradient(135deg, rgba(255, 255, 255, 0.012), transparent 40%), var(--andree-ink); border-block: 1px solid rgba(228, 165, 43, 0.08); }
.andree-section--black::after, .andree-section--ink::after { position: absolute; right: -12vw; bottom: -27vw; z-index: 0; width: min(55vw, 850px); aspect-ratio: 1; content: ""; border: 1px solid rgba(230, 169, 49, 0.08); border-radius: 50%; }
.andree-section--gold-feature { color: var(--andree-black); background: linear-gradient(120deg, rgba(255, 255, 255, 0.35), transparent 25%), var(--andree-gold-gradient-horizontal); }
.andree-section--gold-feature :is(h1, h2, h3, h4, h5, h6, p, li, strong, a) { color: var(--andree-black); }
.andree-section--gold-feature .andree-kicker, .andree-section--gold-feature .eyebrow, .andree-section--gold-feature .section-kicker { color: #3e2504; }
.andree-section--gold-feature .andree-kicker::before, .andree-section--gold-feature .eyebrow::before, .andree-section--gold-feature .section-kicker::before { background: #3e2504; }
.andree-section--gold-band { color: var(--andree-white); background: linear-gradient(90deg, rgba(5, 5, 5, 0.94), rgba(22, 14, 4, 0.78), rgba(5, 5, 5, 0.94)), var(--andree-gold-gradient-horizontal); }
.andree-section--gold-band::before { position: absolute; inset: 0; z-index: 0; content: ""; opacity: 0.44; background: repeating-radial-gradient(ellipse at 50% 100%, transparent 0 13px, rgba(238, 181, 61, 0.34) 14px 15px, transparent 16px 25px); transform: perspective(650px) rotateX(64deg) translateY(50%); }
.andree-section--gold-soft { color: var(--andree-text); background: radial-gradient(circle at 82% 15%, rgba(233, 177, 54, 0.15), transparent 23rem), linear-gradient(135deg, #171108, #090806 60%); border-block: 1px solid rgba(230, 169, 49, 0.18); }
.andree-section--studio { color: var(--andree-text); background: linear-gradient(90deg, rgba(5, 5, 5, 0.97) 0%, rgba(5, 5, 5, 0.84) 42%, rgba(5, 5, 5, 0.3) 100%), var(--andree-black-soft); background-position: center; background-size: cover; }
.andree-section--imageband { background: var(--andree-black); }
.andree-section--imageband .andree-content-wrap { max-width: none; padding: 0; }
.andree-section--imageband .andree-section-inner { width: 100%; }
.andree-section--contact .andree-section-inner, .andree-section--finale .andree-section-inner { max-width: 1180px; margin-inline: auto; }
.andree-section--finale { min-height: 68svh; display: grid; align-items: center; background: radial-gradient(circle at 50% 50%, rgba(218, 151, 31, 0.14), transparent 30rem), var(--andree-black); }
.andree-section--finale::before { position: absolute; top: 50%; left: 50%; z-index: 0; width: min(82vw, 980px); aspect-ratio: 1; content: ""; border: 1px solid rgba(235, 175, 53, 0.18); border-radius: 50%; box-shadow: inset 0 0 90px rgba(218, 151, 31, 0.04), var(--andree-gold-glow); transform: translate(-50%, -50%); }

/* ONEBYONE / BILDBAND / MODULE-KOMPATIBILITÄT */
.onebyone, .members { width: 100%; }
.onebyone-row { align-items: center; }
.onebyone-headline, .onebyone-global-headline { color: var(--andree-white); }
.onebyone-image { display: block; width: 100%; margin: 0; border-radius: var(--andree-radius-md); box-shadow: var(--andree-shadow); }
.onebyone-text > :last-child, .onebyone-code > :last-child, .onebyone-before > :last-child, .onebyone-after > :last-child { margin-bottom: 0; }
.onebyone-imagebox { min-height: clamp(420px, 54vw, 760px) !important; background: var(--andree-black) !important; }
.onebyone-imagebox-media img { filter: saturate(0.88) contrast(1.04); }
.onebyone-imagebox-overlay { background: linear-gradient(90deg, rgba(5, 5, 5, 0.72), rgba(5, 5, 5, 0.18), rgba(5, 5, 5, 0.72)), linear-gradient(0deg, rgba(5, 5, 5, 0.78), transparent 55%, rgba(5, 5, 5, 0.32)) !important; }
.onebyone-imagebox-content-wrap { width: min(100% - 2rem, var(--andree-content)) !important; padding-block: clamp(5rem, 9vw, 9rem) !important; }
.onebyone-imagebox-global-headline, .onebyone-imagebox-headline { color: var(--andree-white) !important; font-family: "Andree Sans", system-ui, -apple-system, "Segoe UI", sans-serif; font-weight: 300 !important; letter-spacing: -0.045em !important; }
.onebyone-imagebox-text, .onebyone-imagebox-code { color: var(--andree-white); font-weight: 300 !important; text-shadow: 0 12px 35px rgba(0, 0, 0, 0.62) !important; }
main .section_anchor, main a.section_anchor { display: block; position: relative; top: calc(-1 * var(--andree-nav-height) - 18px); visibility: hidden; }
[id^="mod_dotnav_"] { filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.45)); }
[id^="mod_dotnav_"] .mod_dotnav_label_f { padding: 0.42rem 0.62rem; background: rgba(5, 5, 5, 0.82); border: 1px solid rgba(230, 168, 47, 0.12); border-radius: 999px; font-family: "Andree Sans", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 0.72rem !important; font-weight: 500; letter-spacing: 0.11em; text-transform: uppercase; backdrop-filter: blur(8px); }

/* FOOTER */
.andree-footer { position: relative; color: var(--andree-text); background: radial-gradient(circle at 12% 20%, rgba(224, 159, 34, 0.08), transparent 21rem), #030303; border-top: 1px solid var(--andree-border-strong); }
.andree-footer::before { position: absolute; top: -1px; right: 0; left: 0; height: 1px; content: ""; background: var(--andree-gold-gradient-horizontal); opacity: 0.72; }
.andree-footer__inner { max-width: var(--andree-content); padding: clamp(4rem, 7vw, 7rem) clamp(1.15rem, 4.2vw, 4.75rem) 1.4rem; }
.andree-footer-brand { display: inline-flex; align-items: center; gap: 1rem; margin-bottom: 1.4rem; color: var(--andree-white); }
.andree-footer-brand img { width: 62px; }
.andree-footer-brand span { display: grid; gap: 0.15rem; }
.andree-footer-brand strong { font-size: 1.65rem; font-weight: 300; letter-spacing: 0.08em; }
.andree-footer-brand small { color: var(--andree-gold-bright); font-size: 0.62rem; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; }
.andree-footer-copy { max-width: 580px; color: var(--andree-muted); }
.andree-footer-title { margin-bottom: 1.2rem; color: var(--andree-gold-bright); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; }
.andree-footer-menu { display: grid; gap: 0.55rem; margin: 0; padding: 0; list-style: none; }
.andree-footer-menu a, .andree-footer-actions > a:not(.btn), .andree-social-links a { color: var(--andree-muted-strong); }
.andree-footer-menu a:hover, .andree-footer-actions > a:not(.btn):hover, .andree-social-links a:hover { color: var(--andree-gold-light); }
.andree-footer-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 0.7rem; }
.andree-footer-actions .btn { margin-top: 0.65rem; }
.andree-social-links { display: flex; flex-wrap: wrap; gap: 0.65rem 1.1rem; margin-top: 1.4rem; font-size: 0.78rem; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; }
.andree-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: clamp(3rem, 6vw, 6rem); padding-top: 1.35rem; color: var(--andree-muted); border-top: 1px solid rgba(231, 174, 55, 0.12); font-size: 0.78rem; }
.andree-footer-bottom p { margin: 0; }
.andree-to-top { color: var(--andree-gold-bright); font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; }

/* REVEAL ANIMATION */
.andree-reveal { opacity: 0; transform: translateY(28px); transition: opacity 650ms ease, transform 650ms ease; }
.andree-reveal.is-visible { opacity: 1; transform: translateY(0); }

/* RESPONSIVE */

@media (max-width: 1199.98px) {
  :root { --andree-nav-height: 84px; }
  .andree-brand__text small { display: none; }
  .andree-nav-actions { margin-left: 0.65rem; }
  .andree-nav-cta { padding-inline: 1rem; }
}

@media (max-width: 991.98px) {
  :root { --andree-nav-height: 76px; }
  .andree-site-header .navbar { min-height: var(--andree-nav-height); }
  .andree-brand__mark { width: 44px; height: 44px; }
  .andree-brand__text strong { font-size: 1.45rem; }
  .andree-nav-toggle { display: block; }
  .navbar-collapse { max-height: calc(100svh - var(--andree-nav-height)); overflow-y: auto; padding: 1rem 0 1.5rem; }
  .navbar-nav { width: 100%; align-items: stretch !important; gap: 0; }
  .navbar-nav .nav-item { width: 100%; border-bottom: 1px solid rgba(231, 174, 55, 0.1); }
  .navbar-nav .nav-link { width: 100%; padding: 1rem 0 !important; }
  .navbar-nav .nav-link::after { right: auto; bottom: 0.65rem; left: 0; width: 3rem; }
  .nav-item.dropdown > .nav-parent-wrap { display: grid !important; grid-template-columns: minmax(0, 1fr) 48px; }
  .navbar .dropdown-menu { position: static !important; display: none; width: 100%; margin: 0 0 0.75rem; border-radius: 0; box-shadow: none; transform: none !important; }
  .navbar .nav-item.dropdown.open > .dropdown-menu { display: block; }
  .andree-nav-actions { flex-wrap: wrap; margin: 1.25rem 0 0; }
  .andree-nav-cta { width: 100%; margin-top: 0.35rem; }
}

@media (max-width: 767.98px) {
  body { line-height: 1.65; }
  .andree-content-wrap { padding-inline: 1rem; }
  .andree-section--finale .btn, .andree-section--contact .btn { width: 100%; }
  .andree-footer-bottom { align-items: flex-start; flex-direction: column; }
  blockquote { padding-left: 1.25rem; }
}

@media (max-width: 575.98px) {
  .andree-brand__text strong { font-size: 1.28rem; }
  .andree-brand__mark { width: 40px; height: 40px; }
  .andree-footer__inner { padding-inline: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
  .andree-reveal { opacity: 1; transform: none; }
}

@media print {
  .andree-site-header, [id^="mod_dotnav_"], .andree-footer, .btn { display: none !important; }
  body, .andree-section, .andree-hero-block { color: #111 !important; background: #fff !important; }
  h1, h2, h3, h4, h5, h6, p, li, strong, a { color: #111 !important; }
}

/* ANDRÉE HERO SLIDER – MEMBERS */
.andree-hero-members { position: relative; z-index: 1; overflow: hidden; background: radial-gradient( circle at 78% 30%, rgba(226, 158, 31, 0.16), transparent 25% ), radial-gradient( circle at 18% 72%, rgba(226, 158, 31, 0.08), transparent 24% ), var(--andree-black); }
.andree-hero-group, .andree-hero-slider, .andree-hero-slider .carousel-inner, .andree-hero-slider .carousel-item, .andree-hero-slide { min-height: calc(100svh - var(--andree-nav-height)); }
.andree-hero-slider { position: relative; overflow: hidden; background: var(--andree-black); }
.andree-hero-slide { position: relative; display: flex; align-items: center; isolation: isolate; overflow: hidden; background: radial-gradient( circle at 76% 40%, rgba(225, 159, 32, 0.12), transparent 28% ), linear-gradient( 115deg, #050505 0%, #080704 55%, #100b04 100% ); }
.andree-hero-slide::before { position: absolute; inset: 0; z-index: -2; content: ""; pointer-events: none; background: linear-gradient( 90deg, rgba(5, 5, 5, 0.98) 0%, rgba(5, 5, 5, 0.92) 34%, rgba(5, 5, 5, 0.48) 62%, rgba(5, 5, 5, 0.06) 100% ), linear-gradient( 0deg, rgba(5, 5, 5, 0.94) 0%, transparent 34% ); }
.andree-hero-slide::after { position: absolute; right: -10%; bottom: -15%; left: -10%; z-index: -1; height: 42%; content: ""; pointer-events: none; opacity: 0.55; background: repeating-radial-gradient( ellipse at 62% 100%, transparent 0 18px, rgba(236, 176, 56, 0.38) 19px 20px, transparent 21px 32px ); transform: perspective(750px) rotateX(63deg); mask-image: linear-gradient( 90deg, transparent, #000 14%, #000 86%, transparent ); }
.andree-hero-slide-background { position: absolute; inset: 0; z-index: -3; pointer-events: none; }
.andree-hero-slide-background::before { position: absolute; top: 10%; right: 7%; width: min(44vw, 720px); aspect-ratio: 1; content: ""; border: 1px solid rgba(240, 184, 59, 0.2); border-radius: 50%; box-shadow: inset 0 0 100px rgba(226, 157, 28, 0.05), 0 0 100px rgba(226, 157, 28, 0.05); }
.andree-hero-slide-container { position: relative; z-index: 3; width: 100%; max-width: var(--andree-content); margin-inline: auto; padding: clamp(4rem, 7vw, 7.5rem) clamp(1.25rem, 4.5vw, 5rem); }
.andree-hero-slide-inner { display: grid; min-height: calc( 100svh - var(--andree-nav-height) - clamp(8rem, 14vw, 15rem) ); align-items: center; grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr); gap: clamp(2rem, 5vw, 7rem); }
.andree-hero-content { position: relative; z-index: 4; max-width: 880px; }
.andree-hero-kicker { margin-bottom: 1.25rem; }
.andree-hero-kicker .member-short1 { margin: 0 !important; color: var(--andree-gold-bright) !important; font-size: clamp(0.76rem, 0.72rem + 0.2vw, 0.95rem) !important; font-weight: 600 !important; letter-spacing: 0.2em !important; line-height: 1.4 !important; text-transform: uppercase; }
.andree-hero-title { max-width: 920px; margin: 0 0 1.5rem; color: var(--andree-white); font-size: clamp(3.6rem, 7.3vw, 7.7rem); font-weight: 300; letter-spacing: -0.055em; line-height: 0.94; text-wrap: balance; }
.andree-hero-title em, .andree-hero-title strong { color: var(--andree-gold-bright); font-style: normal; font-weight: 300; }
.andree-hero-text { max-width: 720px; }
.andree-hero-text .member-long1 { margin: 0 !important; color: var(--andree-muted-strong) !important; font-size: clamp(1.08rem, 0.96rem + 0.55vw, 1.55rem) !important; font-weight: 300 !important; line-height: 1.55 !important; }
.andree-hero-text .member-long1 > :last-child { margin-bottom: 0; }
.andree-hero-additional { max-width: 650px; margin-top: 1.15rem; }
.andree-hero-additional .member-long2 { margin: 0 !important; color: var(--andree-gold-light); font-size: clamp(0.9rem, 0.86rem + 0.15vw, 1rem); font-weight: 400; letter-spacing: 0.025em; line-height: 1.55; }
.andree-hero-additional .member-long2 > :last-child { margin-bottom: 0; }
.andree-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.9rem; margin-top: 2rem; }
.andree-hero-actions[hidden] { display: none !important; }
.andree-hero-actions .member-link { margin: 0; }
.andree-hero-actions .member-link a { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: 0.85rem 1.55rem; color: var(--andree-black) !important; background: var(--andree-gold-gradient); border: 1px solid transparent; border-radius: 999px; box-shadow: 0 12px 35px rgba(225, 157, 29, 0.2); font-size: 0.92rem; font-weight: 700; letter-spacing: 0.075em; line-height: 1.2; text-decoration: none; text-transform: uppercase; }
.andree-hero-actions .member-link a:hover, .andree-hero-actions .member-link a:focus-visible { color: var(--andree-black) !important; box-shadow: 0 15px 44px rgba(237, 177, 55, 0.36); transform: translateY(-2px); }
.andree-hero-media { position: relative; align-self: stretch; min-height: 580px; margin: 0; }
.andree-hero-media-ring { position: absolute; top: 50%; left: 50%; width: min(42vw, 680px); aspect-ratio: 1; border: 1px solid rgba(240, 184, 59, 0.5); border-radius: 50%; box-shadow: 0 0 40px rgba(218, 151, 31, 0.18), 0 0 120px rgba(218, 151, 31, 0.08), inset 0 0 100px rgba(218, 151, 31, 0.05); transform: translate(-50%, -50%); }
.andree-hero-media-ring::before, .andree-hero-media-ring::after { position: absolute; inset: 6%; content: ""; border: 1px solid rgba(240, 184, 59, 0.14); border-radius: 50%; }
.andree-hero-media-ring::after { inset: 15%; border-color: rgba(240, 184, 59, 0.09); }
.andree-hero-media img { position: absolute; right: 0; bottom: 0; z-index: 2; width: min(47vw, 760px); max-width: none; max-height: 96%; object-fit: contain; object-position: right bottom; filter: drop-shadow(0 35px 55px rgba(0, 0, 0, 0.65)); -webkit-mask-image: linear-gradient( to bottom, #000 0%, #000 88%, transparent 100% ); mask-image: linear-gradient( to bottom, #000 0%, #000 88%, transparent 100% ); }

/* SLIDER-NAVIGATION */
.andree-hero-slider .carousel-control-prev, .andree-hero-slider .carousel-control-next { top: auto; bottom: 1.35rem; z-index: 8; width: 48px; height: 48px; opacity: 1; }
.andree-hero-slider .carousel-control-prev { right: 5.25rem; left: auto; }
.andree-hero-slider .carousel-control-next { right: 1.5rem; }
.andree-hero-slider .carousel-control-prev-icon, .andree-hero-slider .carousel-control-next-icon { width: 46px; height: 46px; background-size: 42%; border: 1px solid var(--andree-border-strong); border-radius: 50%; transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease; }
.andree-hero-slider .carousel-control-prev:hover .carousel-control-prev-icon, .andree-hero-slider .carousel-control-next:hover .carousel-control-next-icon { background-color: rgba(230, 166, 42, 0.14); border-color: var(--andree-gold-bright); transform: scale(1.06); }
.andree-hero-slider-ui { position: absolute; right: 9.5rem; bottom: 1.35rem; left: clamp(1.25rem, 4.5vw, 5rem); z-index: 8; display: flex; align-items: center; gap: 1rem; }
.andree-hero-indicators.carousel-indicators { position: static; display: flex; flex: 0 1 auto; justify-content: flex-start; gap: 0.6rem; margin: 0; }
.andree-hero-indicators.carousel-indicators button { width: 38px; height: 3px; margin: 0; opacity: 0.35; background: var(--andree-gold-bright); border: 0; border-radius: 999px; transition: width 250ms ease, opacity 250ms ease; }
.andree-hero-indicators.carousel-indicators button.active { width: 68px; opacity: 1; }
.andree-hero-toggle { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; padding: 0; color: var(--andree-gold-light); background: rgba(5, 5, 5, 0.62); border: 1px solid var(--andree-border); border-radius: 50%; font-size: 0.85rem; line-height: 1; }
.andree-hero-toggle:hover, .andree-hero-toggle:focus-visible { color: var(--andree-black); background: var(--andree-gold-bright); border-color: var(--andree-gold-bright); }

@media (max-width: 1199.98px) {
  .andree-hero-slide-inner { grid-template-columns: minmax(0, 1fr) minmax(300px, 0.75fr); gap: 2rem; }
  .andree-hero-media { min-height: 520px; }
  .andree-hero-media img { width: min(50vw, 680px); }
}

@media (max-width: 991.98px) {
  .andree-hero-group, .andree-hero-slider, .andree-hero-slider .carousel-inner, .andree-hero-slider .carousel-item, .andree-hero-slide { min-height: calc(100svh - var(--andree-nav-height)); }
  .andree-hero-slide { align-items: flex-end; }
  .andree-hero-slide::before { z-index: 1; background: linear-gradient( 180deg, rgba(5, 5, 5, 0.05) 0%, rgba(5, 5, 5, 0.25) 36%, rgba(5, 5, 5, 0.86) 64%, rgba(5, 5, 5, 1) 100% ); }
  .andree-hero-slide::after { z-index: 1; height: 28%; opacity: 0.38; }
  .andree-hero-slide-container { z-index: 4; padding: clamp(2rem, 5vw, 3.5rem) 1.25rem 7.5rem; }
  .andree-hero-slide-inner { display: block; min-height: auto; }
  .andree-hero-content { max-width: 760px; margin-inline: auto; padding-top: 46svh; text-align: center; }
  .andree-hero-title { font-size: clamp(3rem, 10vw, 5.5rem); }
  .andree-hero-text, .andree-hero-additional { margin-inline: auto; }
  .andree-hero-actions { justify-content: center; }
  .andree-hero-media { position: absolute; inset: 0; z-index: 0; min-height: 0; }
  .andree-hero-media-ring { top: 30%; width: min(76vw, 580px); }
  .andree-hero-media img { top: 0; right: 50%; bottom: auto; width: min(92vw, 720px); height: 63%; max-height: none; object-fit: contain; object-position: center top; transform: translateX(50%); }
  .andree-hero-slider .carousel-control-prev, .andree-hero-slider .carousel-control-next { display: none; }
  .andree-hero-slider-ui { right: 1rem; bottom: 1.4rem; left: 1rem; justify-content: center; }
  .andree-hero-indicators.carousel-indicators { justify-content: center; }
}

@media (max-width: 575.98px) {
  .andree-hero-slide-container { padding-right: 1rem; padding-bottom: 6.5rem; padding-left: 1rem; }
  .andree-hero-content { padding-top: 40svh; }
  .andree-hero-title { font-size: clamp(2.75rem, 13vw, 4.6rem); }
  .andree-hero-kicker .member-short1 { font-size: 0.7rem !important; letter-spacing: 0.14em !important; }
  .andree-hero-text .member-long1 { font-size: 1.05rem !important; }
  .andree-hero-actions .member-link, .andree-hero-actions .member-link a { width: 100%; }
  .andree-hero-media img { width: min(110vw, 680px); height: 57%; }
  .andree-hero-indicators.carousel-indicators button { width: 28px; }
  .andree-hero-indicators.carousel-indicators button.active { width: 48px; }
}

/* 02 – INTRO / POSITIONIERUNG */
.andree-intro { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 10rem) 0; background: radial-gradient( circle at 12% 35%, rgba(224, 158, 30, 0.08), transparent 26% ), #050505; }
.andree-intro::before { position: absolute; top: clamp(3rem, 7vw, 7rem); right: clamp(-8rem, -5vw, -3rem); width: clamp(18rem, 34vw, 38rem); aspect-ratio: 1; content: ""; pointer-events: none; border: 1px solid rgba(235, 176, 55, 0.13); border-radius: 50%; box-shadow: inset 0 0 90px rgba(222, 151, 26, 0.025), 0 0 90px rgba(222, 151, 26, 0.025); }
.andree-intro::after { position: absolute; top: 0; left: 50%; width: min(92%, 1480px); height: 1px; content: ""; background: linear-gradient( 90deg, transparent, rgba(231, 171, 49, 0.35), transparent ); transform: translateX(-50%); }
.andree-intro .container { position: relative; z-index: 2; }
.andree-intro-grid { display: grid; align-items: start; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(3rem, 8vw, 9rem); }
.andree-intro-header { position: relative; }
.andree-kicker { margin: 0 0 1.4rem; color: var(--andree-gold-bright); font-size: clamp(0.72rem, 0.68rem + 0.18vw, 0.9rem); font-weight: 600; letter-spacing: 0.2em; line-height: 1.5; text-transform: uppercase; }
.andree-intro-title { max-width: 780px; margin: 0; color: var(--andree-white); font-size: clamp(2.8rem, 5.3vw, 6.2rem); font-weight: 300; letter-spacing: -0.045em; line-height: 1; text-wrap: balance; }
.andree-gold-text { color: var(--andree-gold-bright); }
.andree-intro-content { max-width: 760px; padding-top: clamp(0rem, 3vw, 4.5rem); color: var(--andree-muted); font-size: clamp(1rem, 0.96rem + 0.18vw, 1.15rem); line-height: 1.8; }
.andree-intro-content p { margin: 0 0 1.35rem; }
.andree-intro-content p:last-of-type { margin-bottom: 0; }
.andree-intro-lead { color: var(--andree-white); font-size: clamp(1.3rem, 1.1rem + 0.8vw, 2rem); font-weight: 300; letter-spacing: -0.015em; line-height: 1.45; }
.andree-intro-disciplines { display: flex; flex-wrap: wrap; gap: 0.7rem; margin: 2.2rem 0 0; padding: 0; list-style: none; }
.andree-intro-disciplines li { display: inline-flex; min-height: 42px; align-items: center; padding: 0.55rem 1rem; color: var(--andree-gold-light); background: rgba(223, 155, 29, 0.045); border: 1px solid rgba(231, 174, 55, 0.23); border-radius: 999px; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.1em; line-height: 1.3; text-transform: uppercase; }

@media (max-width: 991.98px) {
  .andree-intro-grid { grid-template-columns: 1fr; gap: 2.5rem; }
  .andree-intro-content { max-width: 820px; padding-top: 0; }
  .andree-intro::before { top: auto; right: -10rem; bottom: -8rem; }
}

@media (max-width: 575.98px) {
  .andree-intro { padding: 4.5rem 0; }
  .andree-intro-title { font-size: clamp(2.65rem, 13vw, 4.2rem); }
  .andree-intro-content { font-size: 1rem; line-height: 1.7; }
  .andree-intro-lead { font-size: 1.3rem; }
  .andree-intro-disciplines { gap: 0.5rem; }
  .andree-intro-disciplines li { min-height: 38px; padding: 0.45rem 0.75rem; font-size: 0.68rem; letter-spacing: 0.08em; }
}

/* BLOCK 03 – STORY / KÜNSTLERGESCHICHTE */
.andree-section--story .onebyone-global-headline { display: flex; align-items: center; gap: 0.85rem; margin: 0 0 clamp(2.5rem, 5vw, 4.5rem); color: var(--andree-gold-bright); font-size: clamp(0.72rem, 0.68rem + 0.15vw, 0.88rem); font-weight: 600; letter-spacing: 0.2em; line-height: 1.5; text-transform: uppercase; }
.andree-section--story .onebyone-global-headline::before { display: block; width: 42px; height: 1px; content: ""; background: var(--andree-gold-bright); }
.andree-section--story .onebyone-row { align-items: center; }
.andree-section--story .onebyone-inner { position: relative; }
.andree-section--story .onebyone-code { height: 100%; }
.andree-story-visual { position: relative; max-width: 620px; margin: 0; }
.andree-story-image-wrap { position: relative; overflow: visible; isolation: isolate; }
.andree-story-image-wrap::before { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: -1; content: ""; background: linear-gradient( 145deg, rgba(239, 184, 66, 0.7), rgba(239, 184, 66, 0.05) 38%, rgba(239, 184, 66, 0.22) ); border-radius: var(--andree-radius-md); }
.andree-story-image-wrap img { position: relative; z-index: 2; display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; background: var(--andree-black); border-radius: var(--andree-radius-md); box-shadow: 0 28px 75px rgba(0, 0, 0, 0.48); filter: saturate(0.88) contrast(1.03); }
.andree-story-image-ring { position: absolute; right: clamp(-5rem, -6vw, -2.5rem); bottom: clamp(-4rem, -5vw, -2rem); z-index: 1; width: clamp(12rem, 22vw, 22rem); aspect-ratio: 1; pointer-events: none; border: 1px solid rgba(234, 175, 55, 0.32); border-radius: 50%; box-shadow: 0 0 60px rgba(221, 153, 28, 0.08), inset 0 0 60px rgba(221, 153, 28, 0.04); }
.andree-story-image-ring::before, .andree-story-image-ring::after { position: absolute; content: ""; border: 1px solid rgba(234, 175, 55, 0.12); border-radius: 50%; }
.andree-story-image-ring::before { inset: 10%; }
.andree-story-image-ring::after { inset: 22%; }
.andree-story-visual figcaption { position: relative; z-index: 3; margin-top: 1rem; color: var(--andree-muted); font-size: 0.72rem; font-weight: 500; letter-spacing: 0.15em; line-height: 1.5; text-transform: uppercase; }
.andree-story-copy { max-width: 780px; }
.andree-story-copy .andree-kicker { margin-bottom: 1.2rem; }
.andree-story-title { margin: 0 0 1.75rem; color: var(--andree-white); font-size: clamp(2.7rem, 4.5vw, 5.5rem); font-weight: 300; letter-spacing: -0.05em; line-height: 1.02; text-wrap: balance; }
.andree-story-title .andree-gold-text { display: block; color: var(--andree-gold-bright); }
.andree-story-lead { max-width: 690px; margin: 0 0 1.75rem; color: var(--andree-white); font-size: clamp(1.25rem, 1.08rem + 0.6vw, 1.75rem); font-weight: 300; letter-spacing: -0.015em; line-height: 1.5; }
.andree-story-text { max-width: 700px; color: var(--andree-muted); font-size: clamp(1rem, 0.96rem + 0.15vw, 1.1rem); line-height: 1.8; }
.andree-story-text p { margin: 0 0 1.25rem; }
.andree-story-text p:last-child { margin-bottom: 0; }
.andree-story-quote { position: relative; max-width: 680px; margin: 2.25rem 0; padding: 1.4rem 0 1.4rem 1.75rem; border-left: 1px solid var(--andree-gold-bright); }
.andree-story-quote::before { position: absolute; top: -0.9rem; left: 1rem; color: rgba(229, 166, 44, 0.16); content: "“"; font-family: Georgia, serif; font-size: 6rem; line-height: 1; }
.andree-story-quote p { position: relative; z-index: 1; margin: 0; color: var(--andree-gold-light); font-size: clamp(1.2rem, 1.05rem + 0.5vw, 1.65rem); font-weight: 300; line-height: 1.5; }

@media (max-width: 991.98px) {
  .andree-story-visual { max-width: 720px; margin-inline: auto; }
  .andree-story-copy { max-width: 760px; margin-inline: auto; }
  .andree-story-image-ring { right: -2rem; bottom: -2rem; }
}

@media (max-width: 575.98px) {
  .andree-section--story .onebyone-global-headline { margin-bottom: 2rem; letter-spacing: 0.15em; }
  .andree-story-image-ring { right: -3rem; bottom: -2.5rem; width: 13rem; }
  .andree-story-title { font-size: clamp(2.6rem, 12vw, 4rem); }
  .andree-story-lead { font-size: 1.25rem; }
  .andree-story-quote { padding-left: 1.3rem; }
  .andree-story-visual figcaption { font-size: 0.66rem; letter-spacing: 0.11em; }
}

/* BLOCK 04 – GOLD-HIGHLIGHT / CLAIM */
.andree-gold-highlight { position: relative; isolation: isolate; overflow: hidden; padding: clamp(5rem, 9vw, 9rem) 0; color: #160e03; background: linear-gradient(120deg, #835008 0%, #d49625 25%, #f3d078 48%, #ca861b 72%, #805008 100%); }
.andree-gold-highlight::before { position: absolute; inset: 0; z-index: -2; content: ""; opacity: .28; background: repeating-linear-gradient(112deg, rgba(255,255,255,.1) 0 1px, transparent 1px 9px); mix-blend-mode: soft-light; }
.andree-gold-highlight::after { position: absolute; inset: 0; z-index: -1; content: ""; background: linear-gradient(90deg, rgba(54,31,2,.22), transparent 28%, transparent 72%, rgba(54,31,2,.24)); }
.andree-gold-highlight .container { position: relative; z-index: 2; }
.andree-gold-highlight-inner { width: min(100%, 1180px); margin-inline: auto; text-align: center; }
.andree-gold-highlight-kicker { display: flex; align-items: center; justify-content: center; gap: 1rem; margin: 0 0 clamp(1.5rem, 3vw, 2.5rem); color: rgba(34,21,4,.7); font-size: clamp(.7rem,.66rem + .16vw,.88rem); font-weight: 700; letter-spacing: .22em; text-transform: uppercase; }
.andree-gold-highlight-kicker::before, .andree-gold-highlight-kicker::after { width: clamp(2.5rem,6vw,5rem); height: 1px; content: ""; background: linear-gradient(90deg, transparent, rgba(35,21,3,.55)); }
.andree-gold-highlight-kicker::after { background: linear-gradient(90deg, rgba(35,21,3,.55), transparent); }
.andree-gold-highlight-title { max-width: 1120px; margin: 0 auto; color: #120c03; font-size: clamp(3rem,6vw,7.4rem); font-weight: 300; letter-spacing: -.058em; line-height: .98; text-wrap: balance; }
.andree-gold-highlight-title span { display: block; color: rgba(56,34,5,.72); font-style: italic; }
.andree-gold-highlight-text { max-width: 760px; margin: clamp(1.8rem,4vw,3rem) auto 0; color: rgba(30,18,3,.76); font-size: clamp(1.15rem,1rem + .5vw,1.55rem); line-height: 1.65; }
.andree-gold-highlight-decoration { position: absolute; inset: 0; z-index: 1; overflow: hidden; pointer-events: none; }
.andree-gold-highlight-ring { position: absolute; aspect-ratio: 1; border: 1px solid rgba(54,31,2,.18); border-radius: 50%; }
.andree-gold-highlight-ring::before, .andree-gold-highlight-ring::after { position: absolute; content: ""; border: 1px solid rgba(54,31,2,.08); border-radius: 50%; }
.andree-gold-highlight-ring::before { inset: 12%; }
.andree-gold-highlight-ring::after { inset: 26%; }
.andree-gold-highlight-ring--one { top: 50%; left: clamp(-17rem,-12vw,-6rem); width: clamp(24rem,42vw,48rem); transform: translateY(-50%); }
.andree-gold-highlight-ring--two { top: -12rem; right: -10rem; width: clamp(22rem,36vw,40rem); opacity: .65; }
.andree-gold-highlight-line { position: absolute; right: -10%; bottom: -9%; left: -10%; height: 30%; opacity: .18; background: repeating-radial-gradient(ellipse at 50% 100%, transparent 0 18px, rgba(54,31,2,.6) 19px 20px, transparent 21px 32px); transform: perspective(720px) rotateX(66deg); }

@media (max-width: 575.98px) {
  .andree-gold-highlight { padding: 4.75rem 0; }
  .andree-gold-highlight-title { font-size: clamp(2.65rem,13vw,4.3rem); }
  .andree-gold-highlight-kicker { gap: .65rem; font-size: .64rem; letter-spacing: .14em; }
  .andree-gold-highlight-kicker::before, .andree-gold-highlight-kicker::after { width: 1.8rem; }
}

/* BLOCK 05 – SONGS / VERÖFFENTLICHUNGEN */
.andree-songs-members { position: relative; isolation: isolate; overflow: hidden; padding: clamp(5.5rem, 10vw, 11rem) 0; background: radial-gradient( circle at 78% 22%, rgba(224, 157, 30, 0.12), transparent 28rem ), radial-gradient( circle at 12% 82%, rgba(224, 157, 30, 0.06), transparent 25rem ), #050505; }
.andree-songs-members::before { position: absolute; inset: 0; z-index: -2; content: ""; pointer-events: none; opacity: 0.17; background: repeating-linear-gradient( 90deg, transparent 0, transparent 119px, rgba(231, 174, 55, 0.07) 120px ), repeating-linear-gradient( 0deg, transparent 0, transparent 119px, rgba(231, 174, 55, 0.045) 120px ); mask-image: radial-gradient( circle at 60% 45%, #000, transparent 76% ); }
.andree-songs-members::after { position: absolute; top: 0; right: 8%; left: 8%; height: 1px; content: ""; background: linear-gradient( 90deg, transparent, rgba(231, 174, 55, 0.3), transparent ); }
.andree-songs-members .container { position: relative; z-index: 2; }
.andree-songs-header { display: grid; align-items: end; margin-bottom: clamp(3rem, 6vw, 6rem); grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr); gap: 2rem clamp(3rem, 8vw, 9rem); }
.andree-songs-header-title { max-width: 920px; }
.andree-songs-heading { margin: 0; color: var(--andree-white); font-size: clamp(3rem, 5.8vw, 7rem); font-weight: 300; letter-spacing: -0.056em; line-height: 0.98; text-wrap: balance; }
.andree-songs-intro { max-width: 680px; padding-bottom: 0.3rem; color: var(--andree-muted); font-size: clamp(1rem, 0.95rem + 0.2vw, 1.15rem); line-height: 1.75; }
.andree-songs-intro p { margin: 0 0 1rem; }
.andree-songs-intro p:last-child { margin-bottom: 0; }
.andree-songs-intro .andree-songs-intro-lead { color: var(--andree-white); font-size: clamp(1.15rem, 1.04rem + 0.4vw, 1.5rem); font-weight: 300; line-height: 1.55; }
.andree-songs-grid { display: grid; gap: clamp(1rem, 2vw, 2rem); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.andree-song-card { position: relative; display: flex; min-width: 0; flex-direction: column; overflow: hidden; background: linear-gradient( 145deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.008) ); border: 1px solid rgba(231, 174, 55, 0.2); border-radius: var(--andree-radius-md); transition: border-color 250ms ease, box-shadow 250ms ease, transform 250ms ease; }
.andree-song-card:hover { border-color: rgba(231, 174, 55, 0.42); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.38), inset 0 0 60px rgba(224, 154, 27, 0.025); transform: translateY(-4px); }
.andree-song-card:first-child { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(320px, 0.88fr) minmax(0, 1.12fr); }
.andree-song-media { position: relative; min-width: 0; overflow: hidden; margin: 0; background: #080808; }
.andree-song-media img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; object-position: center; transition: filter 350ms ease, transform 550ms ease; }
.andree-song-card:first-child .andree-song-media img { height: 100%; min-height: 520px; aspect-ratio: auto; }
.andree-song-card:hover .andree-song-media img { filter: brightness(0.86) saturate(1.05); transform: scale(1.035); }
.andree-song-media-overlay { position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient( 180deg, rgba(4, 4, 4, 0.04) 20%, rgba(4, 4, 4, 0.28) 70%, rgba(4, 4, 4, 0.84) 100% ); }
.andree-song-card:first-child .andree-song-media-overlay { background: linear-gradient( 90deg, rgba(4, 4, 4, 0.02) 35%, rgba(4, 4, 4, 0.32) 76%, rgba(4, 4, 4, 0.64) 100% ), linear-gradient( 180deg, transparent 55%, rgba(4, 4, 4, 0.45) ); }
.andree-song-format { position: absolute; top: 1.25rem; left: 1.25rem; z-index: 4; }
.andree-song-format .member-short1 { display: inline-flex; min-height: 34px; align-items: center; margin: 0 !important; padding: 0.45rem 0.75rem; color: var(--andree-gold-light) !important; background: rgba(5, 5, 5, 0.7); border: 1px solid rgba(231, 174, 55, 0.3); border-radius: 999px; backdrop-filter: blur(8px); font-size: 0.66rem !important; font-weight: 700 !important; letter-spacing: 0.13em !important; line-height: 1.3 !important; text-transform: uppercase; }
.andree-song-media-ring { position: absolute; right: -7rem; bottom: -7rem; z-index: 3; width: 17rem; aspect-ratio: 1; pointer-events: none; border: 1px solid rgba(231, 174, 55, 0.35); border-radius: 50%; box-shadow: 0 0 55px rgba(224, 154, 27, 0.1); transition: right 400ms ease, bottom 400ms ease; }
.andree-song-media-ring::before, .andree-song-media-ring::after { position: absolute; content: ""; border: 1px solid rgba(231, 174, 55, 0.13); border-radius: 50%; }
.andree-song-media-ring::before { inset: 11%; }
.andree-song-media-ring::after { inset: 25%; }
.andree-song-card:hover .andree-song-media-ring { right: -5.5rem; bottom: -5.5rem; }
.andree-song-content { display: flex; min-width: 0; flex: 1 1 auto; flex-direction: column; padding: clamp(1.7rem, 3.5vw, 3.25rem); }
.andree-song-card:first-child .andree-song-content { justify-content: center; padding: clamp(2.5rem, 5vw, 5.5rem); }
.andree-song-title { margin: 0 0 1.25rem; color: var(--andree-white); font-size: clamp(2rem, 3.2vw, 4rem); font-weight: 300; letter-spacing: -0.045em; line-height: 1.05; text-wrap: balance; }
.andree-song-card:first-child .andree-song-title { font-size: clamp(2.8rem, 5vw, 6.2rem); }
.andree-song-description { max-width: 700px; }
.andree-song-description .member-long1 { margin: 0 !important; color: var(--andree-text); font-size: clamp(1rem, 0.96rem + 0.18vw, 1.15rem); line-height: 1.72; }
.andree-song-description p { margin: 0; }
.andree-song-credits { max-width: 700px; margin-top: 1.7rem; padding-top: 1.35rem; border-top: 1px solid rgba(231, 174, 55, 0.16); }
.andree-song-credits .member-long2 { margin: 0 !important; }
.andree-song-credits ul { display: grid; margin: 0; padding: 0; list-style: none; gap: 0.5rem; }
.andree-song-credits li { color: var(--andree-muted); font-size: 0.82rem; line-height: 1.55; }
.andree-song-credits strong { color: var(--andree-gold-light); font-weight: 600; }
.andree-song-action { margin-top: auto; padding-top: 2rem; }
.andree-song-action .member-link { margin: 0; }
.andree-songs-footer { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: clamp(2.5rem, 5vw, 4.5rem); padding-top: 2rem; border-top: 1px solid rgba(231, 174, 55, 0.18); }
.andree-songs-footer p { max-width: 600px; margin: 0; color: var(--andree-muted); font-size: 0.95rem; line-height: 1.6; }

@media (max-width: 991.98px) {
  .andree-songs-header { grid-template-columns: 1fr; gap: 2rem; }
  .andree-songs-intro { max-width: 760px; padding-bottom: 0; }
  .andree-song-card:first-child { grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.1fr); }
  .andree-song-card:first-child .andree-song-media img { min-height: 460px; }
}

@media (max-width: 767.98px) {
  .andree-songs-grid { grid-template-columns: 1fr; }
  .andree-song-card:first-child { display: flex; grid-column: auto; }
  .andree-song-card:first-child .andree-song-media img { height: auto; min-height: 0; aspect-ratio: 1; }
  .andree-song-card:first-child .andree-song-content { padding: clamp(1.7rem, 5vw, 3rem); }
  .andree-song-card:first-child .andree-song-title { font-size: clamp(2.3rem, 9vw, 4rem); }
  .andree-songs-footer { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 575.98px) {
  .andree-songs-members { padding: 4.75rem 0; }
  .andree-songs-heading { font-size: clamp(2.7rem, 13vw, 4.4rem); }
  .andree-song-content, .andree-song-card:first-child .andree-song-content { padding: 1.7rem 1.35rem 2rem; }
  .andree-song-title { font-size: clamp(2rem, 9vw, 3rem); }
  .andree-song-format { top: 1rem; left: 1rem; }
  .andree-song-media-ring { right: -8rem; bottom: -8rem; }
  .andree-songs-footer .btn { width: 100%; }
}

/* BLOCK 06 – STUDIO / PRODUKTION */
.andree-section--studio { background: radial-gradient( circle at 82% 40%, rgba(220, 151, 27, 0.14), transparent 26rem ), linear-gradient( 115deg, #050505 0%, #090806 48%, #120d06 100% ); }
.andree-section--studio::before { position: absolute; inset: 0; z-index: 0; content: ""; pointer-events: none; opacity: 0.22; background: repeating-linear-gradient( 90deg, transparent 0, transparent 79px, rgba(229, 170, 51, 0.07) 80px ), repeating-linear-gradient( 0deg, transparent 0, transparent 79px, rgba(229, 170, 51, 0.045) 80px ); mask-image: linear-gradient( 90deg, transparent, #000 45%, #000 ); }
.andree-section--studio .andree-section-inner { position: relative; z-index: 2; }
.andree-section--studio .onebyone-global-headline { display: flex; align-items: center; gap: 0.9rem; margin: 0 0 clamp(2.75rem, 5vw, 5rem); color: var(--andree-gold-bright); font-size: clamp(0.72rem, 0.68rem + 0.16vw, 0.9rem); font-weight: 600; letter-spacing: 0.21em; line-height: 1.5; text-transform: uppercase; }
.andree-section--studio .onebyone-global-headline::before { display: block; width: 44px; height: 1px; flex: 0 0 auto; content: ""; background: var(--andree-gold-bright); }
.andree-section--studio .onebyone-row { align-items: center; }
.andree-section--studio .onebyone-inner, .andree-section--studio .onebyone-code { height: 100%; }
.andree-studio-copy { max-width: 820px; }
.andree-studio-copy .andree-kicker { margin-bottom: 1.2rem; }
.andree-studio-title { max-width: 800px; margin: 0 0 1.75rem; color: var(--andree-white); font-size: clamp(2.8rem, 4.7vw, 5.8rem); font-weight: 300; letter-spacing: -0.052em; line-height: 1; text-wrap: balance; }
.andree-studio-title .andree-gold-text { display: block; color: var(--andree-gold-bright); }
.andree-studio-lead { max-width: 720px; margin: 0 0 1.75rem; color: var(--andree-white); font-size: clamp(1.25rem, 1.08rem + 0.6vw, 1.8rem); font-weight: 300; letter-spacing: -0.015em; line-height: 1.5; }
.andree-studio-text { max-width: 740px; color: var(--andree-muted); font-size: clamp(1rem, 0.96rem + 0.15vw, 1.1rem); line-height: 1.8; }
.andree-studio-text p { margin: 0 0 1.25rem; }
.andree-studio-text p:last-child { margin-bottom: 0; }
.andree-studio-services { display: grid; max-width: 760px; margin: 2.4rem 0 2.2rem; padding: 0; border-top: 1px solid rgba(231, 174, 55, 0.18); list-style: none; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.andree-studio-services li { display: flex; min-height: 66px; align-items: center; gap: 1rem; padding: 0.9rem 1rem 0.9rem 0; color: var(--andree-text); border-bottom: 1px solid rgba(231, 174, 55, 0.18); font-size: 0.88rem; font-weight: 600; letter-spacing: 0.08em; line-height: 1.4; text-transform: uppercase; }
.andree-studio-services li:nth-child(odd) { padding-right: 1.5rem; border-right: 1px solid rgba(231, 174, 55, 0.18); }
.andree-studio-services li:nth-child(even) { padding-left: 1.5rem; }
.andree-studio-services li span { color: var(--andree-gold-bright); font-size: 0.7rem; font-weight: 700; letter-spacing: 0.12em; }
.andree-studio-visual { position: relative; width: min(100%, 620px); margin: 0 0 0 auto; }
.andree-studio-image-wrap { position: relative; isolation: isolate; }
.andree-studio-image-wrap::before { position: absolute; inset: -1px; z-index: -1; content: ""; background: linear-gradient( 145deg, rgba(240, 184, 66, 0.75), rgba(240, 184, 66, 0.04) 38%, rgba(240, 184, 66, 0.26) ); border-radius: var(--andree-radius-md); }
.andree-studio-image-wrap::after { position: absolute; inset: 0; z-index: 2; content: ""; pointer-events: none; background: linear-gradient( 180deg, transparent 48%, rgba(4, 4, 4, 0.82) 100% ), linear-gradient( 90deg, rgba(4, 4, 4, 0.28), transparent 52% ); border-radius: var(--andree-radius-md); }
.andree-studio-image-wrap img { position: relative; z-index: 1; display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; background: #080808; border-radius: var(--andree-radius-md); box-shadow: 0 35px 90px rgba(0, 0, 0, 0.58); filter: saturate(0.82) contrast(1.06); }
.andree-studio-light { position: absolute; top: -12%; right: -10%; z-index: 3; width: 68%; aspect-ratio: 1; pointer-events: none; opacity: 0.52; background: radial-gradient( circle, rgba(239, 181, 61, 0.34), rgba(217, 144, 22, 0.08) 38%, transparent 70% ); filter: blur(10px); }
.andree-studio-soundwave { position: absolute; right: 7%; bottom: 7%; left: 7%; z-index: 4; display: flex; height: 88px; align-items: center; justify-content: center; gap: clamp(4px, 0.65vw, 9px); padding: 0.8rem 1rem; background: rgba(4, 4, 4, 0.38); border: 1px solid rgba(232, 174, 55, 0.22); border-radius: 999px; backdrop-filter: blur(8px); }
.andree-studio-soundwave span { display: block; width: clamp(2px, 0.24vw, 4px); height: var(--wave-height); min-height: 8px; background: linear-gradient( 180deg, var(--andree-gold-light), var(--andree-gold-dark) ); border-radius: 999px; box-shadow: 0 0 10px rgba(229, 166, 44, 0.24); }
.andree-studio-ring { position: absolute; top: 15%; right: clamp(-5rem, -6vw, -2.5rem); z-index: -1; width: clamp(13rem, 22vw, 23rem); aspect-ratio: 1; pointer-events: none; border: 1px solid rgba(234, 175, 55, 0.28); border-radius: 50%; box-shadow: 0 0 70px rgba(221, 153, 28, 0.08), inset 0 0 70px rgba(221, 153, 28, 0.04); }
.andree-studio-ring::before, .andree-studio-ring::after { position: absolute; content: ""; border: 1px solid rgba(234, 175, 55, 0.11); border-radius: 50%; }
.andree-studio-ring::before { inset: 11%; }
.andree-studio-ring::after { inset: 23%; }
.andree-studio-visual figcaption { position: relative; z-index: 4; margin-top: 1rem; color: var(--andree-muted); font-size: 0.72rem; font-weight: 500; letter-spacing: 0.13em; line-height: 1.5; text-align: right; text-transform: uppercase; }

@media (max-width: 991.98px) {
  .andree-studio-copy { max-width: 800px; margin-inline: auto; }
  .andree-studio-visual { width: min(100%, 720px); margin: 1.5rem auto 0; }
  .andree-studio-ring { right: -2rem; }
}

@media (max-width: 575.98px) {
  .andree-section--studio .onebyone-global-headline { margin-bottom: 2rem; letter-spacing: 0.15em; }
  .andree-studio-title { font-size: clamp(2.6rem, 12vw, 4.2rem); }
  .andree-studio-lead { font-size: 1.25rem; }
  .andree-studio-services { display: block; }
  .andree-studio-services li, .andree-studio-services li:nth-child(odd), .andree-studio-services li:nth-child(even) { padding-right: 0; padding-left: 0; border-right: 0; }
  .andree-studio-ring { top: 18%; right: -5rem; width: 16rem; }
  .andree-studio-soundwave { right: 4%; bottom: 4%; left: 4%; height: 70px; gap: 4px; }
  .andree-studio-visual figcaption { font-size: 0.66rem; letter-spacing: 0.1em; text-align: left; }
}

/* BLOCK 07 – WRITING / SONGWRITING */
.andree-section--writing { position: relative; overflow: hidden; background: radial-gradient( circle at 14% 55%, rgba(223, 154, 28, 0.09), transparent 26rem ), #050505; }
.andree-section--writing::before { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: 0.16; background: repeating-linear-gradient( 180deg, transparent 0, transparent 47px, rgba(229, 170, 51, 0.09) 48px ); mask-image: linear-gradient( 90deg, #000, transparent 58% ); }
.andree-section--writing .onebyone-global-headline { position: relative; z-index: 2; display: flex; align-items: center; gap: 0.9rem; margin: 0 0 clamp(2.75rem, 5vw, 5rem); color: var(--andree-gold-bright); font-size: clamp(0.72rem, 0.68rem + 0.16vw, 0.9rem); font-weight: 600; letter-spacing: 0.21em; line-height: 1.5; text-transform: uppercase; }
.andree-section--writing .onebyone-global-headline::before { display: block; width: 44px; height: 1px; flex: 0 0 auto; content: ""; background: var(--andree-gold-bright); }
.andree-section--writing .onebyone-row { position: relative; z-index: 2; align-items: center; }
.andree-section--writing .onebyone-inner, .andree-section--writing .onebyone-code { height: 100%; }
.andree-writing-visual { position: relative; width: min(100%, 620px); margin: 0 auto 0 0; }
.andree-writing-image { position: relative; isolation: isolate; }
.andree-writing-image::before { position: absolute; inset: -1px; z-index: -2; content: ""; background: linear-gradient( 145deg, rgba(240, 184, 66, 0.72), rgba(240, 184, 66, 0.04) 38%, rgba(240, 184, 66, 0.22) ); border-radius: var(--andree-radius-md); }
.andree-writing-image img { position: relative; z-index: 1; display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; background: #080808; border-radius: var(--andree-radius-md); box-shadow: 0 35px 90px rgba(0, 0, 0, 0.58); filter: saturate(0.78) contrast(1.06); }
.andree-writing-image-overlay { position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient( 180deg, transparent 42%, rgba(3, 3, 3, 0.82) 100% ), linear-gradient( 90deg, rgba(3, 3, 3, 0.18), transparent 60% ); border-radius: var(--andree-radius-md); }
.andree-writing-note { position: absolute; right: clamp(-2.5rem, -3vw, -1rem); bottom: clamp(2rem, 5vw, 4rem); z-index: 4; width: min(82%, 330px); padding: clamp(1.4rem, 3vw, 2.2rem); color: #171208; background: linear-gradient( 135deg, #f0cd76, #c98c20 ); border: 1px solid rgba(255, 235, 177, 0.42); box-shadow: 0 25px 55px rgba(0, 0, 0, 0.45); transform: rotate(-2deg); }
.andree-writing-note::before { position: absolute; top: 0; bottom: 0; left: 2.5rem; width: 1px; content: ""; background: rgba(82, 43, 1, 0.17); }
.andree-writing-note::after { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: 0.32; background: repeating-linear-gradient( 180deg, transparent 0, transparent 29px, rgba(75, 44, 4, 0.18) 30px ); }
.andree-writing-note-number, .andree-writing-note p { position: relative; z-index: 2; }
.andree-writing-note-number { display: block; margin: 0 0 1rem; padding-left: 1.5rem; color: rgba(39, 25, 5, 0.67); font-size: 0.65rem; font-weight: 700; letter-spacing: 0.18em; line-height: 1.4; text-transform: uppercase; }
.andree-writing-note p { margin: 0; color: #181106; font-size: clamp(1.35rem, 1.12rem + 0.8vw, 2rem); font-weight: 400; letter-spacing: -0.025em; line-height: 1.28; }
.andree-writing-circle { position: absolute; top: clamp(-4rem, -5vw, -2rem); left: clamp(-5rem, -6vw, -2.5rem); z-index: -1; width: clamp(13rem, 22vw, 23rem); aspect-ratio: 1; pointer-events: none; border: 1px solid rgba(234, 175, 55, 0.28); border-radius: 50%; box-shadow: 0 0 70px rgba(221, 153, 28, 0.08), inset 0 0 70px rgba(221, 153, 28, 0.04); }
.andree-writing-circle::before, .andree-writing-circle::after { position: absolute; content: ""; border: 1px solid rgba(234, 175, 55, 0.11); border-radius: 50%; }
.andree-writing-circle::before { inset: 11%; }
.andree-writing-circle::after { inset: 23%; }
.andree-writing-visual figcaption { position: relative; z-index: 4; margin-top: 1rem; color: var(--andree-muted); font-size: 0.72rem; font-weight: 500; letter-spacing: 0.13em; line-height: 1.5; text-transform: uppercase; }
.andree-writing-copy { max-width: 850px; }
.andree-writing-copy .andree-kicker { margin-bottom: 1.2rem; }
.andree-writing-title { max-width: 830px; margin: 0 0 1.75rem; color: var(--andree-white); font-size: clamp(2.8rem, 4.7vw, 5.8rem); font-weight: 300; letter-spacing: -0.052em; line-height: 1; text-wrap: balance; }
.andree-writing-title .andree-gold-text { display: block; color: var(--andree-gold-bright); }
.andree-writing-lead { max-width: 740px; margin: 0 0 1.75rem; color: var(--andree-white); font-size: clamp(1.25rem, 1.08rem + 0.6vw, 1.8rem); font-weight: 300; letter-spacing: -0.015em; line-height: 1.5; }
.andree-writing-text { max-width: 760px; color: var(--andree-muted); font-size: clamp(1rem, 0.96rem + 0.15vw, 1.1rem); line-height: 1.8; }
.andree-writing-text p { margin: 0 0 1.25rem; }
.andree-writing-text p:last-child { margin-bottom: 0; }
.andree-writing-process { display: grid; margin: 2.5rem 0 2.3rem; padding: 0; border-top: 1px solid rgba(231, 174, 55, 0.2); list-style: none; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.andree-writing-process li { display: grid; min-height: 130px; padding: 1.35rem 1.5rem 1.35rem 0; border-bottom: 1px solid rgba(231, 174, 55, 0.2); grid-template-columns: 42px minmax(0, 1fr); gap: 0.9rem; }
.andree-writing-process li:nth-child(odd) { border-right: 1px solid rgba(231, 174, 55, 0.2); }
.andree-writing-process li:nth-child(even) { padding-right: 0; padding-left: 1.5rem; }
.andree-writing-process-number { padding-top: 0.15rem; color: var(--andree-gold-bright); font-size: 0.68rem; font-weight: 700; letter-spacing: 0.13em; line-height: 1.4; }
.andree-writing-process strong { display: block; margin-bottom: 0.4rem; color: var(--andree-white); font-size: 0.9rem; font-weight: 700; letter-spacing: 0.08em; line-height: 1.4; text-transform: uppercase; }
.andree-writing-process p { margin: 0; color: var(--andree-muted); font-size: 0.92rem; line-height: 1.6; }

@media (max-width: 991.98px) {
  .andree-writing-visual { width: min(100%, 720px); margin-inline: auto; }
  .andree-writing-copy { max-width: 820px; margin-inline: auto; }
  .andree-writing-note { right: 1.5rem; }
}

@media (max-width: 575.98px) {
  .andree-section--writing .onebyone-global-headline { margin-bottom: 2rem; letter-spacing: 0.15em; }
  .andree-writing-title { font-size: clamp(2.6rem, 12vw, 4.2rem); }
  .andree-writing-lead { font-size: 1.25rem; }
  .andree-writing-note { right: 1rem; bottom: 1.5rem; width: calc(100% - 2rem); padding: 1.35rem; }
  .andree-writing-note::before { left: 1.8rem; }
  .andree-writing-note-number { padding-left: 1.1rem; }
  .andree-writing-circle { top: -4rem; left: -5rem; width: 16rem; }
  .andree-writing-process { display: block; }
  .andree-writing-process li, .andree-writing-process li:nth-child(odd), .andree-writing-process li:nth-child(even) { min-height: 0; padding: 1.2rem 0; border-right: 0; }
  .andree-writing-visual figcaption { font-size: 0.66rem; letter-spacing: 0.1em; }
}

/* BLOCK 08 – COMPOSER / KOMPOSITION */
.andree-section--composer { position: relative; overflow: hidden; background: radial-gradient( circle at 82% 34%, rgba(224, 157, 30, 0.12), transparent 27rem ), linear-gradient( 120deg, #11100e 0%, #0b0a09 48%, #080706 100% ); }
.andree-section--composer::before { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: 0.16; background: repeating-linear-gradient( 180deg, transparent 0, transparent 31px, rgba(229, 170, 51, 0.09) 32px ), repeating-linear-gradient( 90deg, transparent 0, transparent 159px, rgba(229, 170, 51, 0.055) 160px ); mask-image: linear-gradient( 90deg, transparent 0%, #000 48%, #000 100% ); }
.andree-section--composer .onebyone-global-headline { position: relative; z-index: 2; display: flex; align-items: center; gap: 0.9rem; margin: 0 0 clamp(2.75rem, 5vw, 5rem); color: var(--andree-gold-bright); font-size: clamp(0.72rem, 0.68rem + 0.16vw, 0.9rem); font-weight: 600; letter-spacing: 0.21em; line-height: 1.5; text-transform: uppercase; }
.andree-section--composer .onebyone-global-headline::before { display: block; width: 44px; height: 1px; flex: 0 0 auto; content: ""; background: var(--andree-gold-bright); }
.andree-section--composer .onebyone-row { position: relative; z-index: 2; align-items: center; }
.andree-section--composer .onebyone-inner, .andree-section--composer .onebyone-code { height: 100%; }
.andree-composer-copy { max-width: 850px; }
.andree-composer-copy .andree-kicker { margin-bottom: 1.2rem; }
.andree-composer-title { max-width: 830px; margin: 0 0 1.75rem; color: var(--andree-white); font-size: clamp(2.8rem, 4.7vw, 5.8rem); font-weight: 300; letter-spacing: -0.052em; line-height: 1; text-wrap: balance; }
.andree-composer-title .andree-gold-text { display: block; color: var(--andree-gold-bright); }
.andree-composer-lead { max-width: 750px; margin: 0 0 1.75rem; color: var(--andree-white); font-size: clamp(1.25rem, 1.08rem + 0.6vw, 1.8rem); font-weight: 300; letter-spacing: -0.015em; line-height: 1.5; }
.andree-composer-text { max-width: 760px; color: var(--andree-muted); font-size: clamp(1rem, 0.96rem + 0.15vw, 1.1rem); line-height: 1.8; }
.andree-composer-text p { margin: 0 0 1.25rem; }
.andree-composer-text p:last-child { margin-bottom: 0; }
.andree-composer-elements { display: grid; max-width: 800px; margin: 2.5rem 0 2.3rem; border-top: 1px solid rgba(231, 174, 55, 0.2); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.andree-composer-element { display: grid; min-height: 155px; padding: 1.45rem 1.5rem 1.45rem 0; border-bottom: 1px solid rgba(231, 174, 55, 0.2); grid-template-columns: 42px minmax(0, 1fr); gap: 0.9rem; }
.andree-composer-element:nth-child(odd) { border-right: 1px solid rgba(231, 174, 55, 0.2); }
.andree-composer-element:nth-child(even) { padding-right: 0; padding-left: 1.5rem; }
.andree-composer-element-number { padding-top: 0.15rem; color: var(--andree-gold-bright); font-size: 0.68rem; font-weight: 700; letter-spacing: 0.13em; line-height: 1.4; }
.andree-composer-element h4 { margin: 0 0 0.45rem; color: var(--andree-white); font-size: 0.9rem; font-weight: 700; letter-spacing: 0.09em; line-height: 1.4; text-transform: uppercase; }
.andree-composer-element p { margin: 0; color: var(--andree-muted); font-size: 0.92rem; line-height: 1.6; }
.andree-composer-visual { position: relative; width: min(100%, 620px); margin: 0 0 0 auto; }
.andree-composer-image { position: relative; isolation: isolate; }
.andree-composer-image::before { position: absolute; inset: -1px; z-index: -2; content: ""; background: linear-gradient( 145deg, rgba(240, 184, 66, 0.72), rgba(240, 184, 66, 0.04) 38%, rgba(240, 184, 66, 0.22) ); border-radius: var(--andree-radius-md); }
.andree-composer-image img { position: relative; z-index: 1; display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; background: #090909; border-radius: var(--andree-radius-md); box-shadow: 0 35px 90px rgba(0, 0, 0, 0.58); filter: saturate(0.78) contrast(1.06); }
.andree-composer-image-shade { position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient( 180deg, rgba(3, 3, 3, 0.08) 0%, transparent 40%, rgba(3, 3, 3, 0.88) 100% ), linear-gradient( 90deg, rgba(3, 3, 3, 0.22), transparent 60% ); border-radius: var(--andree-radius-md); }
.andree-composer-orbit { position: absolute; top: 9%; right: clamp(-4rem, -5vw, -2rem); z-index: 4; width: clamp(15rem, 25vw, 27rem); aspect-ratio: 1; pointer-events: none; }
.andree-composer-orbit-line { position: absolute; border: 1px solid rgba(235, 177, 58, 0.34); border-radius: 50%; }
.andree-composer-orbit-line--one { inset: 0; }
.andree-composer-orbit-line--two { inset: 12%; border-color: rgba(235, 177, 58, 0.2); }
.andree-composer-orbit-line--three { inset: 27%; border-color: rgba(235, 177, 58, 0.12); }
.andree-composer-orbit-point { position: absolute; top: 19%; right: 11%; width: 10px; height: 10px; background: var(--andree-gold-bright); border-radius: 50%; box-shadow: 0 0 20px rgba(231, 171, 48, 0.8), 0 0 45px rgba(231, 171, 48, 0.4); }
.andree-composer-chord { position: absolute; right: 6%; bottom: 6%; left: 6%; z-index: 4; display: grid; overflow: hidden; background: rgba(5, 5, 5, 0.58); border: 1px solid rgba(231, 174, 55, 0.24); border-radius: 999px; backdrop-filter: blur(10px); grid-template-columns: repeat(4, minmax(0, 1fr)); }
.andree-composer-chord span { display: flex; min-height: 62px; align-items: center; justify-content: center; color: var(--andree-gold-light); border-right: 1px solid rgba(231, 174, 55, 0.18); font-size: clamp(0.85rem, 0.74rem + 0.35vw, 1.1rem); font-weight: 600; letter-spacing: 0.08em; }
.andree-composer-chord span:last-child { border-right: 0; }
.andree-composer-visual figcaption { position: relative; z-index: 4; margin-top: 1rem; color: var(--andree-muted); font-size: 0.72rem; font-weight: 500; letter-spacing: 0.13em; line-height: 1.5; text-align: right; text-transform: uppercase; }

@media (max-width: 991.98px) {
  .andree-composer-copy { max-width: 820px; margin-inline: auto; }
  .andree-composer-visual { width: min(100%, 720px); margin: 1.5rem auto 0; }
  .andree-composer-orbit { right: -2rem; }
}

@media (max-width: 575.98px) {
  .andree-section--composer .onebyone-global-headline { margin-bottom: 2rem; letter-spacing: 0.15em; }
  .andree-composer-title { font-size: clamp(2.6rem, 12vw, 4.2rem); }
  .andree-composer-lead { font-size: 1.25rem; }
  .andree-composer-elements { display: block; }
  .andree-composer-element, .andree-composer-element:nth-child(odd), .andree-composer-element:nth-child(even) { min-height: 0; padding: 1.2rem 0; border-right: 0; }
  .andree-composer-orbit { top: -3rem; right: -5rem; width: 18rem; }
  .andree-composer-chord { right: 4%; bottom: 4%; left: 4%; }
  .andree-composer-chord span { min-height: 52px; font-size: 0.78rem; }
  .andree-composer-visual figcaption { font-size: 0.66rem; letter-spacing: 0.1em; text-align: left; }
}

/* BLOCK 09 – ZITAT / STATEMENT */
.andree-statement { position: relative; isolation: isolate; overflow: hidden; padding: clamp(6rem, 11vw, 12rem) 0; background: radial-gradient( circle at 50% 48%, rgba(224, 157, 30, 0.17), transparent 30rem ), linear-gradient( 115deg, #050505 0%, #0b0804 48%, #050505 100% ); }
.andree-statement::before { position: absolute; top: 0; right: 8%; left: 8%; height: 1px; content: ""; pointer-events: none; background: linear-gradient( 90deg, transparent, rgba(232, 175, 57, 0.34), transparent ); }
.andree-statement::after { position: absolute; right: 8%; bottom: 0; left: 8%; height: 1px; content: ""; pointer-events: none; background: linear-gradient( 90deg, transparent, rgba(232, 175, 57, 0.24), transparent ); }
.andree-statement .container { position: relative; z-index: 3; }
.andree-statement-inner { width: min(100%, 1220px); margin-inline: auto; text-align: center; }
.andree-statement-kicker { display: flex; align-items: center; justify-content: center; gap: 1rem; margin: 0 0 clamp(2rem, 4vw, 3.5rem); color: var(--andree-gold-bright); font-size: clamp(0.7rem, 0.66rem + 0.16vw, 0.88rem); font-weight: 600; letter-spacing: 0.22em; line-height: 1.5; text-transform: uppercase; }
.andree-statement-kicker::before, .andree-statement-kicker::after { display: block; width: clamp(2.5rem, 6vw, 5rem); height: 1px; content: ""; background: linear-gradient( 90deg, transparent, var(--andree-gold-bright) ); }
.andree-statement-kicker::after { background: linear-gradient( 90deg, var(--andree-gold-bright), transparent ); }
.andree-statement-quote { position: relative; max-width: 1120px; margin: 0 auto; padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 4vw, 3rem); border: 0; }
.andree-statement-quote-mark { position: absolute; top: clamp(-2rem, -3vw, -1rem); left: 50%; color: rgba(231, 171, 48, 0.16); font-family: Georgia, "Times New Roman", serif; font-size: clamp(9rem, 18vw, 18rem); font-weight: 400; line-height: 1; transform: translateX(-50%); user-select: none; }
.andree-statement-quote > p { position: relative; z-index: 2; margin: 0; color: var(--andree-white); font-size: clamp(2.4rem, 5.2vw, 6.5rem); font-weight: 300; letter-spacing: -0.052em; line-height: 1.08; text-wrap: balance; }
.andree-statement-quote > p::first-line { color: var(--andree-gold-light); }
.andree-statement-quote footer { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; gap: 0.75rem; margin-top: clamp(2rem, 4vw, 3.5rem); color: var(--andree-muted); font-size: 0.76rem; font-style: normal; font-weight: 600; letter-spacing: 0.13em; line-height: 1.5; text-transform: uppercase; }
.andree-statement-quote footer::before { display: block; width: 38px; height: 1px; content: ""; background: var(--andree-gold-bright); }
.andree-statement-quote cite { color: var(--andree-gold-bright); font-style: normal; }
.andree-statement-quote footer span::before { margin-right: 0.75rem; color: rgba(231, 171, 48, 0.45); content: "·"; }
.andree-statement-decoration { position: absolute; inset: 0; z-index: 1; overflow: hidden; pointer-events: none; }
.andree-statement-ring { position: absolute; display: block; aspect-ratio: 1; border: 1px solid rgba(232, 175, 57, 0.16); border-radius: 50%; }
.andree-statement-ring::before, .andree-statement-ring::after { position: absolute; content: ""; border: 1px solid rgba(232, 175, 57, 0.07); border-radius: 50%; }
.andree-statement-ring::before { inset: 11%; }
.andree-statement-ring::after { inset: 24%; }
.andree-statement-ring--one { top: 50%; left: clamp(-18rem, -13vw, -7rem); width: clamp(24rem, 42vw, 50rem); transform: translateY(-50%); }
.andree-statement-ring--two { top: clamp(-14rem, -10vw, -5rem); right: clamp(-16rem, -11vw, -6rem); width: clamp(22rem, 38vw, 44rem); opacity: 0.62; }
.andree-statement-wave { position: absolute; right: -10%; bottom: -9%; left: -10%; height: 33%; opacity: 0.25; background: repeating-radial-gradient( ellipse at 50% 100%, transparent 0 18px, rgba(232, 175, 57, 0.48) 19px 20px, transparent 21px 32px ); transform: perspective(700px) rotateX(66deg); mask-image: linear-gradient( 90deg, transparent, #000 18%, #000 82%, transparent ); }

@media (max-width: 767.98px) {
  .andree-statement { padding: 5.5rem 0; }
  .andree-statement-quote { padding: 2rem 0; }
  .andree-statement-quote > p { font-size: clamp(2.35rem, 10vw, 4.4rem); line-height: 1.1; }
  .andree-statement-quote footer { flex-wrap: wrap; gap: 0.5rem; }
  .andree-statement-quote footer::before { width: 28px; }
}

@media (max-width: 575.98px) {
  .andree-statement { padding: 4.75rem 0; }
  .andree-statement-kicker { gap: 0.65rem; font-size: 0.65rem; letter-spacing: 0.15em; }
  .andree-statement-kicker::before, .andree-statement-kicker::after { width: 1.8rem; }
  .andree-statement-quote > p { font-size: clamp(2.25rem, 12vw, 3.75rem); letter-spacing: -0.045em; }
  .andree-statement-quote footer { display: block; font-size: 0.66rem; letter-spacing: 0.1em; }
  .andree-statement-quote footer::before { margin: 0 auto 0.85rem; }
  .andree-statement-quote footer span { display: block; margin-top: 0.35rem; }
  .andree-statement-quote footer span::before { display: none; }
  .andree-statement-ring--one { left: -18rem; width: 28rem; }
  .andree-statement-ring--two { top: -8rem; right: -10rem; width: 22rem; }
}

/* BLOCK 10 – PRODUCER / LEISTUNGEN */
.andree-producer-members { position: relative; isolation: isolate; overflow: hidden; padding: clamp(5.5rem, 10vw, 11rem) 0; background: radial-gradient( circle at 84% 25%, rgba(225, 157, 30, 0.12), transparent 28rem ), radial-gradient( circle at 12% 82%, rgba(225, 157, 30, 0.07), transparent 24rem ), #050505; }
.andree-producer-members::before { position: absolute; inset: 0; z-index: -2; content: ""; pointer-events: none; opacity: 0.18; background: repeating-linear-gradient( 90deg, transparent 0, transparent 119px, rgba(231, 174, 55, 0.08) 120px ), repeating-linear-gradient( 0deg, transparent 0, transparent 119px, rgba(231, 174, 55, 0.05) 120px ); mask-image: radial-gradient( circle at 65% 45%, #000, transparent 72% ); }
.andree-producer-members::after { position: absolute; top: 0; right: 8%; left: 8%; height: 1px; content: ""; background: linear-gradient( 90deg, transparent, rgba(231, 174, 55, 0.28), transparent ); }
.andree-producer-members .container { position: relative; z-index: 2; }
.andree-producer-header { display: grid; align-items: end; margin-bottom: clamp(3rem, 6vw, 6rem); grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr); column-gap: clamp(3rem, 8vw, 9rem); }
.andree-producer-header .andree-kicker { grid-column: 1 / -1; }
.andree-producer-heading { max-width: 900px; margin: 0; color: var(--andree-white); font-size: clamp(3rem, 5.6vw, 7rem); font-weight: 300; letter-spacing: -0.055em; line-height: 0.98; text-wrap: balance; }
.andree-producer-intro { max-width: 650px; padding-bottom: 0.35rem; color: var(--andree-muted); font-size: clamp(1rem, 0.95rem + 0.2vw, 1.15rem); line-height: 1.75; }
.andree-producer-intro p { margin: 0 0 1rem; }
.andree-producer-intro p:last-child { margin-bottom: 0; }
.andree-producer-grid { display: grid; border-top: 1px solid rgba(231, 174, 55, 0.24); border-left: 1px solid rgba(231, 174, 55, 0.24); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.andree-producer-card { position: relative; display: flex; min-height: 520px; flex-direction: column; overflow: hidden; padding: clamp(2rem, 4vw, 4rem); background: linear-gradient( 145deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.008) ); border-right: 1px solid rgba(231, 174, 55, 0.24); border-bottom: 1px solid rgba(231, 174, 55, 0.24); transition: background-color 250ms ease, box-shadow 250ms ease; }
.andree-producer-card::before { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: 0; background: radial-gradient( circle at 90% 10%, rgba(227, 164, 41, 0.16), transparent 45% ); transition: opacity 250ms ease; }
.andree-producer-card:hover { background-color: rgba(221, 151, 27, 0.025); box-shadow: inset 0 0 70px rgba(218, 148, 24, 0.035); }
.andree-producer-card:hover::before { opacity: 1; }
.andree-producer-card-top { position: relative; z-index: 2; display: flex; align-items: center; gap: 1rem; margin-bottom: clamp(2.5rem, 5vw, 5rem); }
.andree-producer-number .member-short1 { margin: 0 !important; color: var(--andree-gold-bright) !important; font-size: 0.68rem !important; font-weight: 700 !important; letter-spacing: 0.17em !important; line-height: 1.4 !important; text-transform: uppercase; }
.andree-producer-card-line { display: block; width: 70px; height: 1px; background: linear-gradient( 90deg, var(--andree-gold-bright), transparent ); }
.andree-producer-card-title { position: relative; z-index: 2; max-width: 620px; margin: 0 0 1.5rem; color: var(--andree-white); font-size: clamp(2rem, 3.2vw, 4rem); font-weight: 300; letter-spacing: -0.04em; line-height: 1.05; text-wrap: balance; }
.andree-producer-card-text { position: relative; z-index: 2; max-width: 620px; }
.andree-producer-card-text .member-long1 { margin: 0 !important; color: var(--andree-text); font-size: clamp(1.05rem, 0.98rem + 0.3vw, 1.3rem); font-weight: 300; line-height: 1.65; }
.andree-producer-card-text p { margin: 0; }
.andree-producer-card-details { position: relative; z-index: 2; margin-top: 2rem; }
.andree-producer-card-details .member-long2 { margin: 0 !important; }
.andree-producer-card-details ul { display: grid; margin: 0; padding: 0; list-style: none; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1.5rem; }
.andree-producer-card-details li { position: relative; padding: 0.75rem 0 0.75rem 1.2rem; color: var(--andree-muted); border-bottom: 1px solid rgba(231, 174, 55, 0.13); font-size: 0.88rem; line-height: 1.5; }
.andree-producer-card-details li::before { position: absolute; top: 1.2rem; left: 0; width: 5px; height: 5px; content: ""; background: var(--andree-gold-bright); border-radius: 50%; box-shadow: 0 0 12px rgba(229, 166, 44, 0.38); }
.andree-producer-card-action { position: relative; z-index: 3; margin-top: auto; padding-top: 2.5rem; }
.andree-producer-card-action .member-link { margin: 0; }
.andree-producer-card-ring { position: absolute; right: -9rem; bottom: -10rem; z-index: 1; width: 22rem; aspect-ratio: 1; pointer-events: none; opacity: 0.55; border: 1px solid rgba(231, 174, 55, 0.17); border-radius: 50%; transition: right 350ms ease, bottom 350ms ease, opacity 350ms ease; }
.andree-producer-card-ring::before, .andree-producer-card-ring::after { position: absolute; content: ""; border: 1px solid rgba(231, 174, 55, 0.08); border-radius: 50%; }
.andree-producer-card-ring::before { inset: 12%; }
.andree-producer-card-ring::after { inset: 27%; }
.andree-producer-card:hover .andree-producer-card-ring { right: -7rem; bottom: -8rem; opacity: 0.9; }

@media (max-width: 991.98px) {
  .andree-producer-header { grid-template-columns: 1fr; gap: 2rem; }
  .andree-producer-intro { max-width: 760px; padding-bottom: 0; }
  .andree-producer-card { min-height: 500px; }
  .andree-producer-card-details ul { grid-template-columns: 1fr; }
}

@media (max-width: 767.98px) {
  .andree-producer-grid { grid-template-columns: 1fr; }
  .andree-producer-card { min-height: 0; }
  .andree-producer-card-details ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 575.98px) {
  .andree-producer-members { padding: 4.75rem 0; }
  .andree-producer-heading { font-size: clamp(2.7rem, 13vw, 4.4rem); }
  .andree-producer-card { padding: 2rem 1.4rem; }
  .andree-producer-card-top { margin-bottom: 2.5rem; }
  .andree-producer-card-title { font-size: clamp(2rem, 9vw, 3rem); }
  .andree-producer-card-details ul { grid-template-columns: 1fr; }
  .andree-producer-card-ring { right: -12rem; bottom: -12rem; }
}

/* BLOCK 12 – ÜBER ANDRÉE / KÜNSTLERPROFIL */
.andree-section--about { position: relative; overflow: hidden; background: radial-gradient( circle at 15% 42%, rgba(222, 153, 28, 0.12), transparent 26rem ), radial-gradient( circle at 88% 78%, rgba(222, 153, 28, 0.06), transparent 24rem ), #050505; }
.andree-section--about::before { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: 0.18; background: repeating-linear-gradient( 90deg, transparent 0, transparent 119px, rgba(231, 174, 55, 0.07) 120px ); mask-image: linear-gradient( 90deg, #000, transparent 55% ); }
.andree-section--about .onebyone-global-headline { position: relative; z-index: 2; display: flex; align-items: center; gap: 0.9rem; margin: 0 0 clamp(2.75rem, 5vw, 5rem); color: var(--andree-gold-bright); font-size: clamp(0.72rem, 0.68rem + 0.16vw, 0.9rem); font-weight: 600; letter-spacing: 0.21em; line-height: 1.5; text-transform: uppercase; }
.andree-section--about .onebyone-global-headline::before { display: block; width: 44px; height: 1px; flex: 0 0 auto; content: ""; background: var(--andree-gold-bright); }
.andree-section--about .onebyone-row { position: relative; z-index: 2; align-items: center; }
.andree-section--about .onebyone-inner, .andree-section--about .onebyone-code { height: 100%; }
.andree-profile-visual { position: relative; width: min(100%, 620px); margin: 0 auto 0 0; }
.andree-profile-image-wrap { position: relative; isolation: isolate; }
.andree-profile-image-wrap::before { position: absolute; inset: -1px; z-index: -2; content: ""; background: linear-gradient( 145deg, rgba(240, 184, 66, 0.78), rgba(240, 184, 66, 0.04) 38%, rgba(240, 184, 66, 0.22) ); border-radius: var(--andree-radius-md); }
.andree-profile-image-wrap img { position: relative; z-index: 1; display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; background: #080808; border-radius: var(--andree-radius-md); box-shadow: 0 35px 90px rgba(0, 0, 0, 0.58); filter: saturate(0.8) contrast(1.06); }
.andree-profile-image-overlay { position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient( 180deg, transparent 38%, rgba(4, 4, 4, 0.24) 66%, rgba(4, 4, 4, 0.92) 100% ), linear-gradient( 90deg, rgba(4, 4, 4, 0.2), transparent 58% ); border-radius: var(--andree-radius-md); }
.andree-profile-signature { position: absolute; right: clamp(1.25rem, 3vw, 2.5rem); bottom: clamp(1.25rem, 3vw, 2.5rem); left: clamp(1.25rem, 3vw, 2.5rem); z-index: 4; }
.andree-profile-signature-name { display: block; margin-bottom: 0.35rem; color: var(--andree-white); font-size: clamp(2rem, 4vw, 4rem); font-weight: 300; letter-spacing: -0.045em; line-height: 1; }
.andree-profile-signature-role { display: block; color: var(--andree-gold-light); font-size: clamp(0.62rem, 0.58rem + 0.15vw, 0.78rem); font-weight: 600; letter-spacing: 0.14em; line-height: 1.5; text-transform: uppercase; }
.andree-profile-ring { position: absolute; top: clamp(-5rem, -6vw, -2.5rem); left: clamp(-6rem, -7vw, -3rem); z-index: -1; width: clamp(15rem, 25vw, 27rem); aspect-ratio: 1; pointer-events: none; border: 1px solid rgba(234, 175, 55, 0.28); border-radius: 50%; box-shadow: 0 0 75px rgba(221, 153, 28, 0.08), inset 0 0 75px rgba(221, 153, 28, 0.04); }
.andree-profile-ring::before, .andree-profile-ring::after { position: absolute; content: ""; border: 1px solid rgba(234, 175, 55, 0.11); border-radius: 50%; }
.andree-profile-ring::before { inset: 11%; }
.andree-profile-ring::after { inset: 24%; }
.andree-profile-visual figcaption { position: relative; z-index: 4; margin-top: 1rem; color: var(--andree-muted); font-size: 0.72rem; font-weight: 500; letter-spacing: 0.12em; line-height: 1.5; text-transform: uppercase; }
.andree-profile-copy { max-width: 850px; }
.andree-profile-copy .andree-kicker { margin-bottom: 1.2rem; }
.andree-profile-title { max-width: 840px; margin: 0 0 1.75rem; color: var(--andree-white); font-size: clamp(2.8rem, 4.7vw, 5.8rem); font-weight: 300; letter-spacing: -0.052em; line-height: 1; text-wrap: balance; }
.andree-profile-title .andree-gold-text { display: block; color: var(--andree-gold-bright); }
.andree-profile-lead { max-width: 760px; margin: 0 0 1.75rem; color: var(--andree-white); font-size: clamp(1.25rem, 1.08rem + 0.6vw, 1.8rem); font-weight: 300; letter-spacing: -0.015em; line-height: 1.5; }
.andree-profile-text { max-width: 770px; color: var(--andree-muted); font-size: clamp(1rem, 0.96rem + 0.15vw, 1.1rem); line-height: 1.8; }
.andree-profile-text p { margin: 0 0 1.25rem; }
.andree-profile-text p:last-child { margin-bottom: 0; }
.andree-profile-facts { display: grid; max-width: 800px; margin: 2.5rem 0; border-top: 1px solid rgba(231, 174, 55, 0.2); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.andree-profile-facts div { min-height: 112px; padding: 1.3rem 1.5rem 1.3rem 0; border-bottom: 1px solid rgba(231, 174, 55, 0.2); }
.andree-profile-facts div:nth-child(odd) { border-right: 1px solid rgba(231, 174, 55, 0.2); }
.andree-profile-facts div:nth-child(even) { padding-right: 0; padding-left: 1.5rem; }
.andree-profile-facts dt { margin-bottom: 0.45rem; color: var(--andree-gold-bright); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.13em; line-height: 1.4; text-transform: uppercase; }
.andree-profile-facts dd { margin: 0; color: var(--andree-text); font-size: 0.95rem; line-height: 1.6; }
.andree-profile-quote { position: relative; max-width: 760px; margin: 0 0 2.25rem; padding: 1.4rem 0 1.4rem 1.75rem; border-left: 1px solid var(--andree-gold-bright); }
.andree-profile-quote::before { position: absolute; top: -0.85rem; left: 1rem; color: rgba(229, 166, 44, 0.15); content: "“"; font-family: Georgia, serif; font-size: 6rem; line-height: 1; }
.andree-profile-quote p { position: relative; z-index: 1; margin: 0; color: var(--andree-gold-light); font-size: clamp(1.2rem, 1.05rem + 0.5vw, 1.65rem); font-weight: 300; line-height: 1.5; }
.andree-profile-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.9rem; }
.andree-profile-actions .btn { min-height: 50px; }

@media (max-width: 991.98px) {
  .andree-profile-visual { width: min(100%, 720px); margin-inline: auto; }
  .andree-profile-copy { max-width: 820px; margin-inline: auto; }
  .andree-profile-ring { left: -2rem; }
}

@media (max-width: 575.98px) {
  .andree-section--about .onebyone-global-headline { margin-bottom: 2rem; letter-spacing: 0.15em; }
  .andree-profile-title { font-size: clamp(2.6rem, 12vw, 4.2rem); }
  .andree-profile-lead { font-size: 1.25rem; }
  .andree-profile-ring { top: -4rem; left: -5rem; width: 17rem; }
  .andree-profile-facts { display: block; }
  .andree-profile-facts div, .andree-profile-facts div:nth-child(odd), .andree-profile-facts div:nth-child(even) { min-height: 0; padding: 1.15rem 0; border-right: 0; }
  .andree-profile-actions { align-items: stretch; flex-direction: column; }
  .andree-profile-actions .btn { width: 100%; }
  .andree-profile-visual figcaption { font-size: 0.66rem; letter-spacing: 0.09em; }
}

/* BLOCK 13 – BILDBAND / ATMOSPHÄRE */
.andree-section--imageband { position: relative; overflow: hidden; background: var(--andree-black); }
.andree-section--imageband .andree-content-wrap { max-width: none; padding: 0; }
.andree-section--imageband .andree-section-inner { width: 100%; }
.andree-section--imageband .onebyone-imagebox { position: relative; min-height: clamp(560px, 72svh, 900px) !important; isolation: isolate; overflow: hidden; background: #050505 !important; }
.andree-section--imageband .onebyone-imagebox-media { position: absolute; inset: 0; }
.andree-section--imageband .onebyone-imagebox-media img { width: 100%; height: 100%; min-width: 100%; min-height: 100%; object-fit: cover; object-position: center; filter: brightness(0.68) saturate(0.72) contrast(1.08); transform: scale(1.015); }
.andree-section--imageband .onebyone-imagebox-overlay { background: linear-gradient( 90deg, rgba(4, 4, 4, 0.94) 0%, rgba(4, 4, 4, 0.78) 34%, rgba(4, 4, 4, 0.35) 68%, rgba(4, 4, 4, 0.55) 100% ), linear-gradient( 180deg, rgba(4, 4, 4, 0.34) 0%, transparent 38%, rgba(4, 4, 4, 0.78) 100% ) !important; }
.andree-section--imageband .onebyone-imagebox-content-wrap { position: relative; z-index: 4; display: flex; width: min(100% - 2rem, var(--andree-content)) !important; min-height: clamp(560px, 72svh, 900px); align-items: center; margin-inline: auto; padding: clamp(5rem, 10vw, 10rem) 0 !important; }
.andree-section--imageband .onebyone-imagebox-global-headline { position: relative; z-index: 4; max-width: 1050px; margin: 0 0 clamp(1.75rem, 4vw, 3rem); color: var(--andree-white) !important; font-size: clamp(3.4rem, 7vw, 8.5rem); font-weight: 300 !important; letter-spacing: -0.06em !important; line-height: 0.95; text-wrap: balance; text-shadow: 0 18px 50px rgba(0, 0, 0, 0.72); }
.andree-section--imageband .onebyone-imagebox-global-headline::after { display: block; width: clamp(4rem, 9vw, 8rem); height: 1px; margin-top: clamp(1.5rem, 3vw, 2.5rem); content: ""; background: linear-gradient( 90deg, var(--andree-gold-bright), transparent ); }
.andree-atmosphere-copy { position: relative; z-index: 5; max-width: 780px; }
.andree-atmosphere-kicker { margin: 0 0 1.2rem; color: var(--andree-gold-bright); font-size: clamp(0.7rem, 0.66rem + 0.16vw, 0.88rem); font-weight: 700; letter-spacing: 0.22em; line-height: 1.5; text-transform: uppercase; }
.andree-atmosphere-lead { max-width: 760px; margin: 0 0 1.2rem; color: var(--andree-gold-light); font-size: clamp(1.45rem, 1.16rem + 1vw, 2.5rem); font-weight: 300; letter-spacing: -0.025em; line-height: 1.35; text-wrap: balance; }
.andree-atmosphere-text { max-width: 680px; margin: 0; color: rgba(255, 255, 255, 0.78); font-size: clamp(1rem, 0.94rem + 0.25vw, 1.2rem); font-weight: 300; line-height: 1.75; }
.andree-atmosphere-decoration { position: absolute; inset: 0; z-index: 2; overflow: hidden; pointer-events: none; }
.andree-atmosphere-ring { position: absolute; display: block; aspect-ratio: 1; border: 1px solid rgba(235, 177, 58, 0.24); border-radius: 50%; box-shadow: 0 0 80px rgba(222, 153, 28, 0.08), inset 0 0 80px rgba(222, 153, 28, 0.035); }
.andree-atmosphere-ring::before, .andree-atmosphere-ring::after { position: absolute; content: ""; border: 1px solid rgba(235, 177, 58, 0.09); border-radius: 50%; }
.andree-atmosphere-ring::before { inset: 11%; }
.andree-atmosphere-ring::after { inset: 24%; }
.andree-atmosphere-ring--large { top: 50%; right: clamp(-19rem, -13vw, -7rem); width: clamp(27rem, 46vw, 54rem); transform: translateY(-50%); }
.andree-atmosphere-ring--small { top: clamp(-9rem, -6vw, -3rem); left: clamp(-11rem, -7vw, -4rem); width: clamp(18rem, 30vw, 34rem); opacity: 0.5; }
.andree-atmosphere-wave { position: absolute; right: clamp(1.5rem, 5vw, 6rem); bottom: clamp(2rem, 5vw, 5rem); display: flex; height: clamp(70px, 8vw, 120px); align-items: center; gap: clamp(4px, 0.45vw, 8px); opacity: 0.62; }
.andree-atmosphere-wave span { display: block; width: clamp(2px, 0.2vw, 4px); height: var(--wave-height); min-height: 7px; background: linear-gradient( 180deg, var(--andree-gold-light), var(--andree-gold-dark) ); border-radius: 999px; box-shadow: 0 0 12px rgba(232, 174, 54, 0.3); }

@media (max-width: 767.98px) {
  .andree-section--imageband .onebyone-imagebox, .andree-section--imageband .onebyone-imagebox-content-wrap { min-height: 680px; }
  .andree-section--imageband .onebyone-imagebox-overlay { background: linear-gradient( 180deg, rgba(4, 4, 4, 0.34) 0%, rgba(4, 4, 4, 0.64) 42%, rgba(4, 4, 4, 0.96) 100% ) !important; }
  .andree-section--imageband .onebyone-imagebox-content-wrap { align-items: flex-end; padding: 5rem 0 6rem !important; }
  .andree-section--imageband .onebyone-imagebox-global-headline { font-size: clamp(3rem, 12vw, 5.5rem); }
  .andree-atmosphere-ring--large { right: -18rem; width: 32rem; }
  .andree-atmosphere-wave { right: 1.25rem; bottom: 1.5rem; height: 62px; opacity: 0.4; }
}

@media (max-width: 575.98px) {
  .andree-section--imageband .onebyone-imagebox, .andree-section--imageband .onebyone-imagebox-content-wrap { min-height: 640px; }
  .andree-section--imageband .onebyone-imagebox-content-wrap { width: min(100% - 2rem, var(--andree-content)) !important; }
  .andree-section--imageband .onebyone-imagebox-global-headline { font-size: clamp(2.8rem, 14vw, 4.5rem); letter-spacing: -0.05em !important; }
  .andree-atmosphere-lead { font-size: 1.45rem; }
  .andree-atmosphere-text { font-size: 1rem; line-height: 1.65; }
  .andree-atmosphere-kicker { font-size: 0.65rem; letter-spacing: 0.15em; }
  .andree-atmosphere-ring--small { top: -7rem; left: -10rem; width: 22rem; }
}

/* BLOCK 18 – GOLD-STATEMENT / ZUSAMMENARBEIT */
.andree-collaboration-quote { position: relative; isolation: isolate; overflow: hidden; padding: clamp(5.5rem, 10vw, 10rem) 0; color: #100c05; background: radial-gradient( circle at 18% 26%, rgba(255, 244, 199, 0.58), transparent 25% ), radial-gradient( circle at 84% 78%, rgba(99, 55, 3, 0.24), transparent 30% ), linear-gradient( 120deg, #8f5c0d 0%, #d39826 23%, #f2cf73 46%, #c98719 68%, #e7b449 84%, #81500a 100% ); }
.andree-collaboration-quote::before { position: absolute; inset: 0; z-index: -2; content: ""; pointer-events: none; opacity: 0.3; background: repeating-linear-gradient( 112deg, rgba(255, 255, 255, 0.09) 0, rgba(255, 255, 255, 0.09) 1px, transparent 1px, transparent 9px ); mix-blend-mode: soft-light; }
.andree-collaboration-quote::after { position: absolute; inset: 0; z-index: -1; content: ""; pointer-events: none; background: linear-gradient( 90deg, rgba(53, 30, 1, 0.25), transparent 26%, transparent 74%, rgba(53, 30, 1, 0.28) ), linear-gradient( 180deg, rgba(255, 255, 255, 0.09), transparent 35%, rgba(62, 35, 1, 0.15) ); }
.andree-collaboration-quote .container { position: relative; z-index: 3; }
.andree-collaboration-quote-inner { width: min(100%, 1320px); margin-inline: auto; }
.andree-collaboration-quote-header { max-width: 1180px; margin-inline: auto; text-align: center; }
.andree-collaboration-quote-kicker { display: flex; align-items: center; justify-content: center; gap: 1rem; margin: 0 0 clamp(1.5rem, 3vw, 2.5rem); color: rgba(24, 16, 5, 0.72); font-size: clamp(0.7rem, 0.66rem + 0.15vw, 0.87rem); font-weight: 700; letter-spacing: 0.22em; line-height: 1.5; text-transform: uppercase; }
.andree-collaboration-quote-kicker::before, .andree-collaboration-quote-kicker::after { display: block; width: clamp(2.5rem, 6vw, 5.5rem); height: 1px; content: ""; background: linear-gradient( 90deg, transparent, rgba(24, 16, 5, 0.55) ); }
.andree-collaboration-quote-kicker::after { background: linear-gradient( 90deg, rgba(24, 16, 5, 0.55), transparent ); }
.andree-collaboration-quote-title { max-width: 1180px; margin: 0 auto; color: #100c05; font-size: clamp(2.9rem, 5.8vw, 7.3rem); font-weight: 300; letter-spacing: -0.058em; line-height: 0.98; text-wrap: balance; }
.andree-collaboration-quote-title span { display: block; color: rgba(49, 31, 5, 0.72); font-style: italic; font-weight: 300; }
.andree-collaboration-quote-text { position: relative; max-width: 900px; margin: clamp(2.5rem, 5vw, 4.5rem) auto 0; padding: clamp(2rem, 4vw, 3.5rem) clamp(1.5rem, 5vw, 4.5rem); background: rgba(63, 37, 2, 0.08); border: 1px solid rgba(43, 26, 3, 0.19); backdrop-filter: blur(4px); text-align: center; }
.andree-collaboration-quote-text::before { position: absolute; top: -0.65em; left: 50%; color: rgba(49, 29, 3, 0.15); content: "“"; font-family: Georgia, "Times New Roman", serif; font-size: clamp(8rem, 15vw, 14rem); line-height: 1; transform: translateX(-50%); user-select: none; }
.andree-collaboration-quote-text > p { position: relative; z-index: 2; margin: 0; color: rgba(21, 14, 4, 0.88); font-size: clamp(1.35rem, 1.08rem + 0.95vw, 2.25rem); font-weight: 400; letter-spacing: -0.02em; line-height: 1.5; text-wrap: balance; }
.andree-collaboration-quote-text footer { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; gap: 0.65rem; margin-top: 1.75rem; color: rgba(29, 18, 4, 0.65); font-size: 0.7rem; font-style: normal; font-weight: 700; letter-spacing: 0.13em; line-height: 1.5; text-transform: uppercase; }
.andree-collaboration-quote-text footer::before { display: block; width: 34px; height: 1px; content: ""; background: rgba(31, 20, 5, 0.52); }
.andree-collaboration-quote-text cite { color: #171006; font-style: normal; }
.andree-collaboration-quote-text footer span::before { margin-right: 0.65rem; content: "·"; }
.andree-collaboration-quote-link { display: flex; width: fit-content; min-height: 52px; align-items: center; gap: 0.85rem; margin: clamp(2rem, 4vw, 3.5rem) auto 0; padding: 0.75rem 1.5rem; color: #171006; border: 1px solid rgba(29, 18, 4, 0.4); border-radius: 999px; font-size: 0.76rem; font-weight: 800; letter-spacing: 0.12em; line-height: 1.4; text-decoration: none; text-transform: uppercase; transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; }
.andree-collaboration-quote-link::after { display: block; width: 38px; height: 1px; content: ""; background: currentColor; transition: width 180ms ease, transform 180ms ease; }
.andree-collaboration-quote-link:hover, .andree-collaboration-quote-link:focus-visible { color: var(--andree-gold-light); background: #100c05; border-color: #100c05; box-shadow: 0 16px 40px rgba(59, 34, 2, 0.25); transform: translateY(-2px); }
.andree-collaboration-quote-link:hover::after, .andree-collaboration-quote-link:focus-visible::after { width: 52px; transform: translateX(3px); }
.andree-collaboration-quote-decoration { position: absolute; inset: 0; z-index: 1; overflow: hidden; pointer-events: none; }
.andree-collaboration-quote-ring { position: absolute; display: block; aspect-ratio: 1; border: 1px solid rgba(50, 29, 2, 0.2); border-radius: 50%; }
.andree-collaboration-quote-ring::before, .andree-collaboration-quote-ring::after { position: absolute; content: ""; border: 1px solid rgba(50, 29, 2, 0.09); border-radius: 50%; }
.andree-collaboration-quote-ring::before { inset: 11%; }
.andree-collaboration-quote-ring::after { inset: 24%; }
.andree-collaboration-quote-ring--left { top: 50%; left: clamp(-17rem, -12vw, -6rem); width: clamp(24rem, 42vw, 49rem); transform: translateY(-50%); }
.andree-collaboration-quote-ring--right { top: clamp(-13rem, -9vw, -5rem); right: clamp(-15rem, -10vw, -5rem); width: clamp(21rem, 36vw, 42rem); opacity: 0.65; }
.andree-collaboration-quote-line { position: absolute; right: -10%; bottom: -8%; left: -10%; height: 30%; opacity: 0.2; background: repeating-radial-gradient( ellipse at 50% 100%, transparent 0 18px, rgba(54, 31, 2, 0.6) 19px 20px, transparent 21px 32px ); transform: perspective(720px) rotateX(66deg); }

@media (max-width: 767.98px) {
  .andree-collaboration-quote { padding: 5.25rem 0; }
  .andree-collaboration-quote-title { font-size: clamp(2.8rem, 10vw, 5rem); }
  .andree-collaboration-quote-text { padding: 2rem 1.4rem; }
}

@media (max-width: 575.98px) {
  .andree-collaboration-quote { padding: 4.75rem 0; }
  .andree-collaboration-quote-kicker { gap: 0.65rem; font-size: 0.64rem; letter-spacing: 0.14em; }
  .andree-collaboration-quote-kicker::before, .andree-collaboration-quote-kicker::after { width: 1.8rem; }
  .andree-collaboration-quote-title { font-size: clamp(2.6rem, 13vw, 4.2rem); letter-spacing: -0.05em; }
  .andree-collaboration-quote-text > p { font-size: 1.3rem; }
  .andree-collaboration-quote-text footer { display: block; font-size: 0.64rem; letter-spacing: 0.09em; }
  .andree-collaboration-quote-text footer::before { margin: 0 auto 0.75rem; }
  .andree-collaboration-quote-text footer span { display: block; margin-top: 0.3rem; }
  .andree-collaboration-quote-text footer span::before { display: none; }
  .andree-collaboration-quote-link { width: 100%; justify-content: center; padding-inline: 1rem; text-align: center; }
  .andree-collaboration-quote-ring--left { left: -18rem; width: 28rem; }
  .andree-collaboration-quote-ring--right { top: -8rem; right: -10rem; width: 22rem; }
}

/* BLOCK 19 – FAQ / ZUSAMMENARBEIT */
.andree-faq { position: relative; isolation: isolate; overflow: hidden; padding: clamp(5.5rem,10vw,11rem) 0; background: radial-gradient(circle at 14% 28%, rgba(223,154,28,.1), transparent 27rem), radial-gradient(circle at 88% 76%, rgba(223,154,28,.06), transparent 25rem), #050505; }
.andree-faq::before { position: absolute; inset: 0; z-index: -2; content: ""; opacity: .15; background: repeating-linear-gradient(90deg, transparent 0 119px, rgba(231,174,55,.07) 120px); mask-image: linear-gradient(90deg,#000,transparent 58%); }
.andree-faq::after { position: absolute; top: 0; right: 8%; left: 8%; height: 1px; content: ""; background: linear-gradient(90deg,transparent,rgba(231,174,55,.28),transparent); }
.andree-faq .container { position: relative; z-index: 2; }
.andree-faq-layout { display: grid; align-items: start; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); gap: clamp(3rem,6vw,7rem); }
.andree-faq-layout > *, .andree-faq-header, .andree-faq-content { min-width: 0; }
.andree-faq-header { position: sticky; top: calc(var(--andree-nav-height) + 2rem); max-width: 650px; }
.andree-faq-title { width: 100%; max-width: 100%; margin: 0 0 1.75rem; color: var(--andree-white); font-size: clamp(3rem,3.8vw,4.8rem); font-weight: 300; letter-spacing: -.055em; line-height: .98; overflow-wrap: normal; word-break: normal; hyphens: manual; text-wrap: balance; }
.andree-faq-title .andree-gold-text { display: block; max-width: 100%; color: var(--andree-gold-bright); }
.andree-faq-lead { max-width: 570px; margin: 0; color: var(--andree-muted); font-size: clamp(1rem,.95rem + .22vw,1.18rem); line-height: 1.75; }
.andree-faq-contact { margin-top: 2.5rem; padding-top: 1.75rem; border-top: 1px solid rgba(231,174,55,.18); }
.andree-faq-contact p { margin: 0 0 1rem; color: var(--andree-text); font-size: .9rem; line-height: 1.6; }
.andree-accordion { margin: 0; border-top: 1px solid rgba(231,174,55,.24); }
.andree-accordion .eqd-accordion { width: 100%; margin: 0; }
.andree-accordion .eqd-accordion__heading { margin: 0; background: transparent; border: 0; border-bottom: 1px solid rgba(231,174,55,.24); }
.andree-accordion .eqd-accordion__heading:first-child { border-top: 0; }
.andree-accordion .eqd-accordion__button { position: relative; display: block; width: 100%; min-width: 0; min-height: 88px; padding: 1.45rem 4.5rem 1.45rem 0; color: var(--andree-white) !important; background: transparent !important; border: 0; box-shadow: none !important; font: inherit; font-size: clamp(1.12rem,1rem + .42vw,1.5rem) !important; font-weight: 400; letter-spacing: -.015em; line-height: 1.4; text-align: left; white-space: normal; overflow-wrap: break-word; transition: color 180ms ease,padding-left 180ms ease; }
.andree-accordion .eqd-accordion__button:hover, .andree-accordion .eqd-accordion__button:focus-visible, .andree-accordion .eqd-accordion__button[aria-expanded="true"] { color: var(--andree-gold-light) !important; padding-left: .5rem; }
.andree-accordion .eqd-accordion__button::after { position: absolute; top: 50%; right: 0; display: grid; width: 40px; height: 40px; place-items: center; content: "+"; color: var(--andree-gold-light); border: 1px solid rgba(231,174,55,.3); border-radius: 50%; font-size: 1.25rem; font-weight: 300; line-height: 1; transform: translateY(-50%); }
.andree-accordion .eqd-accordion__button[aria-expanded="true"]::after { content: "−"; color: var(--andree-black); background: var(--andree-gold-bright); border-color: var(--andree-gold-bright); }
.andree-accordion .eqd-accordion__content { padding: 0 4.5rem 1.8rem 0; color: var(--andree-muted); font-size: clamp(.98rem,.94rem + .14vw,1.08rem); line-height: 1.78; }
.andree-accordion .eqd-accordion__content p { margin: 0 0 1rem; }
.andree-accordion .eqd-accordion__content > :last-child { margin-bottom: 0; }
.andree-accordion .eqd-accordion__content ul { margin: 1rem 0; padding: 0; list-style: none; }
.andree-accordion .eqd-accordion__content li { position: relative; margin-bottom: .55rem; padding-left: 1.25rem; }
.andree-accordion .eqd-accordion__content li::before { position: absolute; top: .72em; left: 0; width: 5px; height: 5px; content: ""; background: var(--andree-gold-bright); border-radius: 50%; box-shadow: 0 0 10px rgba(229,166,44,.35); }
.andree-faq-note { max-width: 780px; margin: 2rem 0 0; padding-left: 1.25rem; color: var(--andree-muted); border-left: 1px solid var(--andree-gold-bright); font-size: .82rem; line-height: 1.65; }

@media (max-width: 991.98px) {
  .andree-faq-layout { grid-template-columns: 1fr; gap: 3rem; }
  .andree-faq-header { position: static; max-width: 780px; }
  .andree-faq-lead { max-width: 700px; }
  .andree-faq-contact { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
  .andree-faq-contact p { margin: 0; }
}

@media (max-width: 575.98px) {
  .andree-faq { padding: 4.75rem 0; }
  .andree-faq-title { font-size: clamp(2.7rem,13vw,4.4rem); }
  .andree-faq-contact { align-items: stretch; flex-direction: column; }
  .andree-faq-contact .btn { width: 100%; }
  .andree-accordion .eqd-accordion__button { min-height: 76px; padding: 1.2rem 3.4rem 1.2rem 0; font-size: 1.08rem !important; }
  .andree-accordion .eqd-accordion__button::after { width: 34px; height: 34px; font-size: 1.1rem; }
  .andree-accordion .eqd-accordion__content { padding: 0 0 1.5rem; font-size: .98rem; }
}

/* BLOCK 20 – STIMMEN / TESTIMONIALS */
.andree-testimonials-members .container { position: relative; z-index: 2; }
.andree-testimonials-header { display: grid; align-items: end; margin-bottom: clamp(3rem, 6vw, 6rem); grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr); gap: 2rem clamp(3rem, 8vw, 9rem); }
.andree-testimonials-heading { max-width: 920px; margin: 0; color: var(--andree-white); font-size: clamp(3rem, 5.7vw, 7rem); font-weight: 300; letter-spacing: -0.056em; line-height: 0.98; text-wrap: balance; }
.andree-testimonials-intro { max-width: 680px; padding-bottom: 0.3rem; color: var(--andree-muted); font-size: clamp(1rem, 0.95rem + 0.2vw, 1.15rem); line-height: 1.75; }
.andree-testimonials-intro p { margin: 0 0 1rem; }
.andree-testimonials-intro p:last-child { margin-bottom: 0; }
.andree-testimonials-intro-lead { color: var(--andree-white); font-size: clamp(1.15rem, 1.03rem + 0.4vw, 1.5rem); font-weight: 300; line-height: 1.55; }
.andree-testimonials-grid { display: grid; gap: clamp(1rem, 2vw, 2rem); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.andree-testimonial-card { position: relative; display: flex; min-width: 0; min-height: 490px; flex-direction: column; overflow: hidden; padding: clamp(2rem, 3.5vw, 3.5rem); background: linear-gradient( 145deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008) ); border: 1px solid rgba(231, 174, 55, 0.2); border-radius: var(--andree-radius-md); transition: border-color 250ms ease, box-shadow 250ms ease, transform 250ms ease; }
.andree-testimonial-card:hover { border-color: rgba(231, 174, 55, 0.42); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.38), inset 0 0 60px rgba(224, 154, 27, 0.03); transform: translateY(-4px); }
.andree-testimonial-quote-mark { position: absolute; top: -0.18em; right: 0.12em; z-index: 1; color: rgba(231, 171, 48, 0.11); font-family: Georgia, "Times New Roman", serif; font-size: clamp(8rem, 12vw, 13rem); line-height: 1; user-select: none; }
.andree-testimonial-quote { position: relative; z-index: 3; display: flex; flex: 1 1 auto; flex-direction: column; margin: 0; }
.andree-testimonial-text { flex: 1 1 auto; }
.andree-testimonial-text .member-long1 { margin: 0 !important; color: var(--andree-white); font-size: clamp(1.2rem, 1.05rem + 0.45vw, 1.55rem); font-weight: 300; letter-spacing: -0.015em; line-height: 1.62; }
.andree-testimonial-text p { margin: 0; }
.andree-testimonial-person { display: flex; align-items: center; gap: 1rem; margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid rgba(231, 174, 55, 0.18); }
.andree-testimonial-monogram { display: inline-flex; width: 54px; height: 54px; flex: 0 0 54px; align-items: center; justify-content: center; color: var(--andree-black); background: var(--andree-gold-gradient); border-radius: 50%; box-shadow: 0 8px 28px rgba(221, 151, 27, 0.18); font-size: 0.8rem; font-weight: 800; letter-spacing: 0.1em; }
.andree-testimonial-person-data { min-width: 0; }
.andree-testimonial-name { display: block; overflow: hidden; margin: 0 0 0.25rem; color: var(--andree-white); font-size: 1rem; font-style: normal; font-weight: 600; line-height: 1.4; text-overflow: ellipsis; }
.andree-testimonial-role .member-short1 { margin: 0 !important; color: var(--andree-gold-light) !important; font-size: 0.68rem !important; font-weight: 700 !important; letter-spacing: 0.11em !important; line-height: 1.45 !important; text-transform: uppercase; }
.andree-testimonial-project { margin-top: 0.3rem; }
.andree-testimonial-project .member-short2 { margin: 0 !important; color: var(--andree-muted) !important; font-size: 0.75rem !important; line-height: 1.45 !important; }
.andree-testimonial-additional { position: relative; z-index: 3; margin-top: 1.25rem; }
.andree-testimonial-additional .member-long2 { margin: 0 !important; color: var(--andree-muted); font-size: 0.78rem; line-height: 1.6; }
.andree-testimonial-additional p { margin: 0; }
.andree-testimonial-action { position: relative; z-index: 3; margin-top: 1.5rem; }
.andree-testimonial-action .member-link { margin: 0; }
.andree-testimonial-ring { position: absolute; right: -9rem; bottom: -10rem; z-index: 1; width: 21rem; aspect-ratio: 1; pointer-events: none; opacity: 0.5; border: 1px solid rgba(231, 174, 55, 0.16); border-radius: 50%; transition: right 350ms ease, bottom 350ms ease, opacity 350ms ease; }
.andree-testimonial-ring::before, .andree-testimonial-ring::after { position: absolute; content: ""; border: 1px solid rgba(231, 174, 55, 0.07); border-radius: 50%; }
.andree-testimonial-ring::before { inset: 12%; }
.andree-testimonial-ring::after { inset: 27%; }
.andree-testimonial-card:hover .andree-testimonial-ring { right: -7rem; bottom: -8rem; opacity: 0.9; }
.andree-testimonials-footer { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: clamp(2.5rem, 5vw, 4.5rem); padding-top: 2rem; border-top: 1px solid rgba(231, 174, 55, 0.18); }
.andree-testimonials-footer p { max-width: 650px; margin: 0; color: var(--andree-muted); font-size: 0.95rem; line-height: 1.65; }

@media (max-width: 1199.98px) {
  .andree-testimonials-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .andree-testimonial-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
}

@media (max-width: 991.98px) {
  .andree-testimonials-header { grid-template-columns: 1fr; gap: 2rem; }
  .andree-testimonials-intro { max-width: 760px; padding-bottom: 0; }
}

@media (max-width: 767.98px) {
  .andree-testimonials-grid { grid-template-columns: 1fr; }
  .andree-testimonial-card, .andree-testimonial-card:last-child:nth-child(odd) { min-height: 0; grid-column: auto; }
  .andree-testimonials-footer { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 575.98px) {
  .andree-testimonials-heading { font-size: clamp(2.7rem, 13vw, 4.4rem); }
  .andree-testimonial-card { padding: 2rem 1.4rem; }
  .andree-testimonial-text .member-long1 { font-size: 1.18rem; }
  .andree-testimonials-footer .btn { width: 100%; }
}

/* BLOCK 21 – SOCIAL MEDIA / INSTAGRAM */
.andree-section--social { position: relative; overflow: hidden; background: radial-gradient( circle at 78% 36%, rgba(224, 157, 30, 0.13), transparent 29rem ), radial-gradient( circle at 12% 78%, rgba(224, 157, 30, 0.06), transparent 25rem ), #050505; }
.andree-section--social::before { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: 0.16; background: repeating-linear-gradient( 90deg, transparent 0, transparent 119px, rgba(231, 174, 55, 0.07) 120px ), repeating-linear-gradient( 0deg, transparent 0, transparent 119px, rgba(231, 174, 55, 0.04) 120px ); mask-image: radial-gradient( circle at 70% 44%, #000, transparent 75% ); }
.andree-section--social .onebyone-global-headline { position: relative; z-index: 2; display: flex; align-items: center; gap: 0.9rem; margin: 0 0 clamp(2.75rem, 5vw, 5rem); color: var(--andree-gold-bright); font-size: clamp(0.72rem, 0.68rem + 0.16vw, 0.9rem); font-weight: 600; letter-spacing: 0.21em; line-height: 1.5; text-transform: uppercase; }
.andree-section--social .onebyone-global-headline::before { display: block; width: 44px; height: 1px; flex: 0 0 auto; content: ""; background: var(--andree-gold-bright); }
.andree-section--social .onebyone-row { position: relative; z-index: 2; align-items: center; }
.andree-section--social .onebyone-inner, .andree-section--social .onebyone-code { height: 100%; }
.andree-social-copy { max-width: 720px; }
.andree-social-copy .andree-kicker { margin-bottom: 1.2rem; }
.andree-social-title { margin: 0 0 1.75rem; color: var(--andree-white); font-size: clamp(2.8rem, 4.6vw, 5.7rem); font-weight: 300; letter-spacing: -0.052em; line-height: 1; text-wrap: balance; }
.andree-social-title .andree-gold-text { display: block; color: var(--andree-gold-bright); }
.andree-social-lead { max-width: 680px; margin: 0 0 1.75rem; color: var(--andree-white); font-size: clamp(1.25rem, 1.08rem + 0.6vw, 1.8rem); font-weight: 300; letter-spacing: -0.015em; line-height: 1.5; }
.andree-social-text { max-width: 690px; color: var(--andree-muted); font-size: clamp(1rem, 0.96rem + 0.15vw, 1.1rem); line-height: 1.8; }
.andree-social-text p { margin: 0 0 1.25rem; }
.andree-social-text p:last-child { margin-bottom: 0; }
.andree-social-topics { display: grid; max-width: 700px; margin: 2.4rem 0 2.2rem; padding: 0; border-top: 1px solid rgba(231, 174, 55, 0.2); list-style: none; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.andree-social-topics li { display: flex; min-height: 64px; align-items: center; gap: 0.9rem; padding: 0.9rem 1.25rem 0.9rem 0; color: var(--andree-text); border-bottom: 1px solid rgba(231, 174, 55, 0.2); font-size: 0.82rem; font-weight: 700; letter-spacing: 0.09em; line-height: 1.4; text-transform: uppercase; }
.andree-social-topics li:nth-child(odd) { border-right: 1px solid rgba(231, 174, 55, 0.2); }
.andree-social-topics li:nth-child(even) { padding-right: 0; padding-left: 1.25rem; }
.andree-social-topics span { color: var(--andree-gold-bright); font-size: 0.66rem; letter-spacing: 0.12em; }
.andree-social-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.9rem; }
.andree-social-actions .btn { min-height: 50px; }
.andree-social-visual { position: relative; display: grid; width: min(100%, 900px); min-height: 720px; align-items: center; margin-left: auto; grid-template-columns: minmax(280px, 0.95fr) minmax(180px, 0.55fr); gap: clamp(1rem, 2vw, 2rem); }
.andree-social-ring { position: absolute; top: 50%; left: 43%; z-index: -1; width: clamp(25rem, 42vw, 48rem); aspect-ratio: 1; pointer-events: none; border: 1px solid rgba(234, 175, 55, 0.25); border-radius: 50%; box-shadow: 0 0 90px rgba(221, 153, 28, 0.09), inset 0 0 90px rgba(221, 153, 28, 0.04); transform: translate(-50%, -50%); }
.andree-social-ring::before, .andree-social-ring::after { position: absolute; content: ""; border: 1px solid rgba(234, 175, 55, 0.09); border-radius: 50%; }
.andree-social-ring::before { inset: 11%; }
.andree-social-ring::after { inset: 24%; }
.andree-social-phone { position: relative; z-index: 3; overflow: hidden; padding: 0.85rem; background: linear-gradient( 145deg, #17130d, #050505 55%, #120d05 ); border: 1px solid rgba(234, 175, 55, 0.43); border-radius: 2.3rem; box-shadow: 0 40px 90px rgba(0, 0, 0, 0.55), inset 0 0 25px rgba(229, 164, 40, 0.05); transform: rotate(-2deg); }
.andree-social-phone-top { display: flex; height: 25px; align-items: center; justify-content: center; }
.andree-social-phone-top span { display: block; width: 72px; height: 5px; background: rgba(238, 183, 68, 0.22); border-radius: 999px; }
.andree-social-phone-profile { display: flex; align-items: center; gap: 0.75rem; padding: 0.7rem 0.45rem 0.85rem; }
.andree-social-avatar { display: inline-flex; width: 42px; height: 42px; flex: 0 0 42px; align-items: center; justify-content: center; color: var(--andree-black); background: var(--andree-gold-gradient); border-radius: 50%; font-size: 0.78rem; font-weight: 800; }
.andree-social-phone-profile strong { display: block; color: var(--andree-white); font-size: 0.82rem; line-height: 1.4; }
.andree-social-phone-profile div span { display: block; color: var(--andree-muted); font-size: 0.58rem; letter-spacing: 0.05em; line-height: 1.4; text-transform: uppercase; }
.andree-social-phone-post { overflow: hidden; margin: 0; background: #080808; border-radius: 1.45rem; }
.andree-social-phone-post img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; filter: saturate(0.82) contrast(1.05); }
.andree-social-phone-post figcaption { padding: 1rem 0.9rem; color: var(--andree-text); font-size: 0.72rem; line-height: 1.55; }
.andree-social-phone-icons { display: flex; gap: 1rem; padding: 0.9rem 0.6rem 0.35rem; }
.andree-social-phone-icons span { display: block; width: 20px; height: 20px; }
.andree-social-phone-icons svg { display: block; width: 100%; height: 100%; fill: none; stroke: var(--andree-gold-light); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }
.andree-social-gallery { display: grid; gap: clamp(1rem, 2vw, 2rem); }
.andree-social-tile { position: relative; overflow: hidden; margin: 0; background: #080808; border: 1px solid rgba(231, 174, 55, 0.24); border-radius: var(--andree-radius-md); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4); }
.andree-social-tile--one { transform: translateX(-1rem) rotate(2deg); }
.andree-social-tile--two { transform: translateX(1rem) rotate(-2deg); }
.andree-social-tile img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; filter: saturate(0.8) contrast(1.05); transition: transform 400ms ease; }
.andree-social-tile:hover img { transform: scale(1.04); }
.andree-social-tile figcaption { position: absolute; right: 0.75rem; bottom: 0.75rem; left: 0.75rem; padding: 0.6rem 0.75rem; color: var(--andree-gold-light); background: rgba(5, 5, 5, 0.72); border: 1px solid rgba(231, 174, 55, 0.2); border-radius: 999px; backdrop-filter: blur(8px); font-size: 0.62rem; font-weight: 700; letter-spacing: 0.12em; line-height: 1.4; text-align: center; text-transform: uppercase; }

@media (max-width: 1199.98px) {
  .andree-social-visual { min-height: 650px; }
}

@media (max-width: 991.98px) {
  .andree-social-copy { max-width: 780px; margin-inline: auto; }
  .andree-social-visual { width: min(100%, 820px); min-height: 0; margin: 2rem auto 0; }
}

@media (max-width: 575.98px) {
  .andree-section--social .onebyone-global-headline { margin-bottom: 2rem; letter-spacing: 0.15em; }
  .andree-social-title { font-size: clamp(2.6rem, 12vw, 4.2rem); }
  .andree-social-lead { font-size: 1.25rem; }
  .andree-social-topics { display: block; }
  .andree-social-topics li, .andree-social-topics li:nth-child(odd), .andree-social-topics li:nth-child(even) { padding-right: 0; padding-left: 0; border-right: 0; }
  .andree-social-actions { align-items: stretch; flex-direction: column; }
  .andree-social-actions .btn { width: 100%; }
  .andree-social-visual { display: block; max-width: 410px; }
  .andree-social-phone { margin-inline: 0.75rem; transform: rotate(-1deg); }
  .andree-social-gallery { display: grid; margin-top: 1.5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .andree-social-tile--one, .andree-social-tile--two { transform: none; }
  .andree-social-ring { top: 35%; left: 50%; width: 27rem; }
}

/* BLOCK 22 – KONTAKT / BOOKING Formularfelder und Submit-Button bleiben bewusst in formular.css. */
#andree-block-22 .mpform, #andree-block-22 .mpform form { width: 100%; max-width: none; margin: 0; }
.andree-section--contact .andree-content-wrap, .andree-section--contact .andree-section-inner { width: 100%; max-width: none; padding: 0; }
.andree-contact { position: relative; isolation: isolate; overflow: hidden; padding: clamp(5.5rem,10vw,10rem) 0; color: #130d04; background: radial-gradient(circle at 15% 18%, rgba(255,243,193,.5), transparent 25%), linear-gradient(125deg,#946012 0%,#d19a2d 28%,#edc76a 48%,#c7871c 72%,#8b570d 100%); }
.andree-contact::before { position: absolute; inset: 0; z-index: -1; content: ""; background: linear-gradient(90deg,rgba(55,31,2,.18),transparent 28%,transparent 72%,rgba(55,31,2,.22)); }
.andree-contact .container { position: relative; z-index: 2; }
.andree-contact-layout { display: grid; align-items: start; grid-template-columns: minmax(280px,.8fr) minmax(500px,1.2fr); gap: clamp(3rem,7vw,8rem); }
.andree-contact-intro, .andree-contact-panel { min-width: 0; }
.andree-contact-intro { position: sticky; top: calc(var(--andree-nav-height) + 2rem); max-width: 680px; }
.andree-contact-kicker { margin: 0 0 1.4rem; color: rgba(30,19,4,.7); font-size: clamp(.7rem,.66rem + .16vw,.88rem); font-weight: 700; letter-spacing: .2em; line-height: 1.5; text-transform: uppercase; }
.andree-contact-title { margin: 0 0 1.75rem; color: #100b04; font-size: clamp(3rem,5.5vw,6.7rem); font-weight: 300; letter-spacing: -.058em; line-height: .98; text-wrap: balance; }
.andree-contact-title span { display: block; color: rgba(57,36,6,.72); font-style: italic; }
.andree-contact-lead { max-width: 620px; margin: 0 0 1.25rem; color: rgba(21,14,4,.9); font-size: clamp(1.25rem,1.08rem + .6vw,1.8rem); line-height: 1.5; }
.andree-contact-text { max-width: 620px; margin: 0; color: rgba(28,18,4,.72); font-size: clamp(1rem,.95rem + .2vw,1.12rem); line-height: 1.75; }
.andree-contact-benefits { margin: 2.2rem 0 0; padding: 0; border-top: 1px solid rgba(40,23,2,.2); list-style: none; }
.andree-contact-benefits li { position: relative; margin: 0; padding: .85rem 0 .85rem 1.25rem; color: rgba(24,15,4,.8); border-bottom: 1px solid rgba(40,23,2,.17); font-size: .84rem; font-weight: 600; letter-spacing: .05em; line-height: 1.5; }
.andree-contact-benefits li::before { position: absolute; top: 1.3rem; left: 0; width: 5px; height: 5px; content: ""; background: #171006; border-radius: 50%; }
.andree-contact-social { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: 1.8rem; color: rgba(28,18,4,.65); font-size: .85rem; }
.andree-contact-social a { color: #171006; font-weight: 700; text-underline-offset: .2em; }
.andree-contact-panel { padding: clamp(2rem,3.5vw,3.75rem); color: var(--andree-text); background: rgba(7,7,7,.94); border: 1px solid rgba(255,226,158,.25); border-radius: var(--andree-radius-md); box-shadow: 0 30px 80px rgba(55,31,2,.3); }
.andree-contact-panel-header { margin-bottom: 2.5rem; }
.andree-contact-panel-header h3 { margin: 0 0 .8rem; color: var(--andree-white); font-size: clamp(2.2rem,3.4vw,4rem); font-weight: 300; letter-spacing: -.045em; line-height: 1.05; }
.andree-contact-panel-header > p:last-child { max-width: 620px; margin: 0; color: var(--andree-muted); line-height: 1.7; }
.andree-contact-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.35rem 1.5rem; }
.andree-form-row { min-width: 0; }
.andree-form-row.mpform_textarea, .andree-form-row.mpform_checkbox, .andree-form-row.captcha { grid-column: 1 / -1; }
.andree-form-label { margin-bottom: .45rem; }
.andree-form-help:empty, .andree-form-error:empty { display: none; }
.andree-form-row.captcha { display: block; }
.andree-form-row.captcha .captcha_table { width: auto; margin: 0; }
.andree-form-row.captcha .andree-form-control { width: 100%; overflow-x: auto; }
.andree-contact-required-note { margin: 1.4rem 0 0; color: var(--andree-muted); font-size: .75rem; line-height: 1.5; }
.andree-contact-required-note span { color: var(--andree-gold-bright); }
.andree-contact-submit-area { display: flex; align-items: center; gap: 1.5rem; margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid rgba(231,174,55,.17); }
.andree-contact-submit-area p { max-width: 390px; margin: 0; color: var(--andree-muted); font-size: .74rem; line-height: 1.55; }
.andree-form-success { max-width: 850px; margin-inline: auto; padding: clamp(2rem,5vw,5rem); text-align: center; background: #080808; border: 1px solid rgba(231,174,55,.28); }
.andree-form-success h2 { margin: 0 0 1.25rem; color: var(--andree-white); font-size: clamp(2.5rem,5vw,5.5rem); font-weight: 300; letter-spacing: -.05em; line-height: 1; }
.andree-form-success > p:not(.andree-kicker) { max-width: 650px; margin: 0 auto 2rem; color: var(--andree-muted); line-height: 1.75; }

@media (max-width: 1199.98px) {
  .andree-contact-layout { grid-template-columns: minmax(260px,.75fr) minmax(420px,1.25fr); gap: 3.5rem; }
}

@media (max-width: 991.98px) {
  .andree-contact-layout { grid-template-columns: 1fr; gap: 3rem; }
  .andree-contact-intro { position: static; max-width: 800px; }
}

@media (max-width: 767.98px) {
  .andree-contact-fields { grid-template-columns: 1fr; }
  .andree-form-row { grid-column: 1 / -1; }
  .andree-contact-submit-area { align-items: stretch; flex-direction: column; }
}

@media (max-width: 575.98px) {
  .andree-contact { padding: 4.75rem 0; }
  .andree-contact-title { font-size: clamp(2.7rem,13vw,4.4rem); }
  .andree-contact-panel { padding: 2rem 1.25rem; }
}

/* BLOCK 25 – ABSCHLUSS-CTA / FINALE */
.andree-final-cta { position: relative; isolation: isolate; display: flex; min-height: min(900px, 90svh); align-items: center; overflow: hidden; padding: clamp(6rem, 12vw, 13rem) 0; background: radial-gradient( circle at 50% 48%, rgba(225, 158, 31, 0.17), transparent 28rem ), radial-gradient( circle at 16% 80%, rgba(225, 158, 31, 0.07), transparent 22rem ), linear-gradient( 115deg, #030303 0%, #0b0804 50%, #030303 100% ); }
.andree-final-cta::before { position: absolute; inset: 0; z-index: -2; content: ""; pointer-events: none; opacity: 0.17; background: repeating-linear-gradient( 90deg, transparent 0, transparent 119px, rgba(231, 174, 55, 0.07) 120px ), repeating-linear-gradient( 0deg, transparent 0, transparent 119px, rgba(231, 174, 55, 0.04) 120px ); mask-image: radial-gradient( circle at 50% 50%, #000, transparent 72% ); }
.andree-final-cta::after { position: absolute; top: 0; right: 8%; left: 8%; height: 1px; content: ""; background: linear-gradient( 90deg, transparent, rgba(231, 174, 55, 0.32), transparent ); }
.andree-final-cta .container { position: relative; z-index: 3; }
.andree-final-cta-inner { width: min(100%, 1250px); margin-inline: auto; text-align: center; }
.andree-final-kicker { display: flex; align-items: center; justify-content: center; gap: 1rem; margin: 0 0 clamp(1.75rem, 4vw, 3rem); color: var(--andree-gold-bright); font-size: clamp(0.7rem, 0.66rem + 0.16vw, 0.88rem); font-weight: 700; letter-spacing: 0.22em; line-height: 1.5; text-transform: uppercase; }
.andree-final-kicker::before, .andree-final-kicker::after { display: block; width: clamp(2.5rem, 6vw, 5.5rem); height: 1px; content: ""; background: linear-gradient( 90deg, transparent, var(--andree-gold-bright) ); }
.andree-final-kicker::after { background: linear-gradient( 90deg, var(--andree-gold-bright), transparent ); }
.andree-final-title { max-width: 1200px; margin: 0 auto; color: var(--andree-white); font-size: clamp(3.3rem, 7vw, 8.7rem); font-weight: 300; letter-spacing: -0.062em; line-height: 0.95; text-wrap: balance; }
.andree-final-title span { display: block; color: var(--andree-gold-bright); font-style: italic; font-weight: 300; }
.andree-final-text { max-width: 760px; margin: clamp(2rem, 4vw, 3.5rem) auto 0; color: var(--andree-muted-strong); font-size: clamp(1.1rem, 1rem + 0.4vw, 1.45rem); font-weight: 300; line-height: 1.7; text-wrap: balance; }
.andree-final-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.9rem; margin-top: clamp(2rem, 4vw, 3.5rem); }
.andree-final-actions .btn { min-height: 54px; min-width: 190px; }
.andree-final-signature { display: flex; align-items: center; justify-content: center; gap: 0.85rem; margin-top: clamp(3.5rem, 7vw, 6.5rem); color: var(--andree-muted); }
.andree-final-signature::before, .andree-final-signature::after { display: block; width: clamp(2rem, 5vw, 4.5rem); height: 1px; content: ""; background: linear-gradient( 90deg, transparent, rgba(231, 174, 55, 0.4) ); }
.andree-final-signature::after { background: linear-gradient( 90deg, rgba(231, 174, 55, 0.4), transparent ); }
.andree-final-name { color: var(--andree-white); font-size: 1rem; font-weight: 500; }
.andree-final-role { color: var(--andree-gold-light); font-size: 0.66rem; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; }
.andree-final-role::before { margin-right: 0.85rem; content: "·"; }
.andree-final-cta-decoration { position: absolute; inset: 0; z-index: 1; overflow: hidden; pointer-events: none; }
.andree-final-ring { position: absolute; top: 50%; left: 50%; display: block; aspect-ratio: 1; border: 1px solid rgba(231, 174, 55, 0.18); border-radius: 50%; transform: translate(-50%, -50%); }
.andree-final-ring--outer { width: clamp(38rem, 72vw, 85rem); }
.andree-final-ring--middle { width: clamp(29rem, 55vw, 65rem); border-color: rgba(231, 174, 55, 0.11); }
.andree-final-ring--inner { width: clamp(20rem, 38vw, 45rem); border-color: rgba(231, 174, 55, 0.07); }
.andree-final-wave { position: absolute; right: -10%; bottom: -10%; left: -10%; height: 31%; opacity: 0.23; background: repeating-radial-gradient( ellipse at 50% 100%, transparent 0 18px, rgba(232, 175, 57, 0.5) 19px 20px, transparent 21px 32px ); transform: perspective(720px) rotateX(66deg); mask-image: linear-gradient( 90deg, transparent, #000 16%, #000 84%, transparent ); }

@media (max-width: 767.98px) {
  .andree-final-cta { min-height: auto; padding: 6rem 0; }
  .andree-final-title { font-size: clamp(3rem, 12vw, 5.5rem); }
  .andree-final-ring--outer { width: 48rem; }
  .andree-final-ring--middle { width: 37rem; }
  .andree-final-ring--inner { width: 26rem; }
}

@media (max-width: 575.98px) {
  .andree-final-cta { padding: 5rem 0; }
  .andree-final-kicker { gap: 0.65rem; font-size: 0.64rem; letter-spacing: 0.14em; }
  .andree-final-kicker::before, .andree-final-kicker::after { width: 1.8rem; }
  .andree-final-title { font-size: clamp(2.75rem, 14vw, 4.4rem); letter-spacing: -0.052em; }
  .andree-final-text { font-size: 1.05rem; line-height: 1.65; }
  .andree-final-actions { align-items: stretch; flex-direction: column; }
  .andree-final-actions .btn { width: 100%; }
  .andree-final-signature { align-items: center; flex-direction: column; gap: 0.35rem; }
  .andree-final-signature::before, .andree-final-signature::after { display: none; }
  .andree-final-role::before { display: none; }
}

/* HEADER 1.1 – LANDINGPAGE-NAVIGATION */
.andree-site-header .navbar { padding-block: .65rem; }
.andree-nav-container { display: flex; flex-wrap: wrap; align-items: center; width: 100%; }
.andree-site-header .navbar-collapse { min-width: 0; }
.andree-anchor-nav { display: flex; align-items: center; justify-content: center; gap: clamp(.1rem,.7vw,.75rem); margin-inline: auto; }
.andree-anchor-nav .nav-link { padding: .8rem clamp(.55rem,.9vw,.9rem) !important; white-space: nowrap; font-size: clamp(.67rem,.61rem + .12vw,.78rem); }
.andree-nav-actions { flex: 0 0 auto; gap: .55rem; margin-left: clamp(.75rem,1.8vw,1.8rem); padding-left: clamp(.75rem,1.8vw,1.8rem); border-left: 1px solid rgba(231,174,55,.17); }
.andree-header-utility { display: inline-flex; min-height: 42px; align-items: center; gap: .55rem; padding: .55rem .78rem; color: var(--andree-muted-strong) !important; border: 1px solid rgba(231,174,55,.16); border-radius: 999px; font-size: .72rem; font-weight: 600; letter-spacing: .06em; line-height: 1.2; text-decoration: none; transition: color 180ms ease,border-color 180ms ease,background-color 180ms ease,transform 180ms ease; }
.andree-header-utility i { color: var(--andree-gold-bright); font-size: .95rem; }
.andree-header-utility:hover,.andree-header-utility:focus-visible { color: var(--andree-white) !important; background: rgba(231,174,55,.07); border-color: var(--andree-border-strong); transform: translateY(-1px); }
.andree-nav-cta { min-height: 42px; padding-inline: 1.15rem; }
.andree-nav-toggle { margin-left: auto; }
@media (max-width: 1399.98px) {
  .andree-anchor-nav { gap: 0; }
  .andree-anchor-nav .nav-link { padding-inline: .55rem !important; font-size: .68rem; }
  .andree-header-phone span { display: none; }
  .andree-header-phone { width: 42px; justify-content: center; padding-inline: 0; }
}
@media (max-width: 1199.98px) {
  .andree-header-social span { display: none; }
  .andree-header-social { width: 42px; justify-content: center; padding-inline: 0; }
  .andree-nav-actions { margin-left: .65rem; padding-left: .65rem; }
}
@media (max-width: 991.98px) {
  .andree-site-header .navbar-collapse { width: 100%; }
  .andree-anchor-nav { width: 100%; align-items: stretch; margin: 1rem 0 0; }
  .andree-anchor-nav .nav-item { width: 100%; }
  .andree-anchor-nav .nav-link { width: 100%; padding: 1rem 0 !important; white-space: normal; font-size: .78rem; }
  .andree-nav-actions { display: grid; width: 100%; margin: 1.25rem 0 0; padding: 1.25rem 0 0; border-top: 1px solid rgba(231,174,55,.14); border-left: 0; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .andree-header-phone,.andree-header-social { width: 100%; justify-content: center; }
  .andree-header-phone span,.andree-header-social span { display: inline; }
  .andree-nav-cta { width: 100%; grid-column: 1 / -1; }
}
@media (max-width: 575.98px) {
  .andree-nav-actions { grid-template-columns: 1fr; }
  .andree-nav-cta { grid-column: auto; }
}

/* KONTAKT: volle Breite des eigenen Layouts zulassen */
.andree-section--contact .andree-section-inner { width: 100%; max-width: none; margin: 0; }

/* FOOTER-ERGÄNZUNGEN */
.andree-footer-contact-list { display: grid; gap: .65rem; margin: 0; padding: 0; list-style: none; }
.andree-footer-contact-list li { margin: 0; }
.andree-footer-contact-list a { display: inline-flex; align-items: center; gap: .65rem; color: var(--andree-muted-strong); text-decoration: none; }
.andree-footer-contact-list i { width: 1.1rem; color: var(--andree-gold-bright); text-align: center; }
.andree-footer-legal { display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin: 0; padding: 0; list-style: none; }
.andree-footer-legal li { margin: 0; }
.andree-footer-legal a { color: var(--andree-muted); font-size: .76rem; text-decoration: none; }


/* ==========================================================================
   TYPOGRAFIE & ZITATE 1.1.1 – ROBOTO, RUHIGER UND WENIGER WUCHTIG
   ========================================================================== */
body { font-family: "Andree Sans", system-ui, -apple-system, "Segoe UI", sans-serif; font-weight: 400; line-height: 1.68; letter-spacing: 0; }
button, input, textarea, select { font-family: inherit; }
h1, h2, h3, h4, h5, h6, .onebyone-imagebox-global-headline, .onebyone-imagebox-headline { font-family: "Andree Sans", system-ui, -apple-system, "Segoe UI", sans-serif !important; }
h1, h2, .andree-hero-title, .andree-intro-title, .andree-story-title, .andree-studio-title, .andree-writing-title, .andree-composer-title, .andree-profile-title, .andree-gold-highlight-title, .andree-statement-quote > p, .andree-collaboration-quote-title, .andree-faq-title, .andree-testimonials-heading, .andree-social-title, .andree-contact-title, .andree-final-title { font-weight: 300; letter-spacing: -0.035em; }
.andree-hero-title { font-size: clamp(3.35rem, 6.4vw, 6.9rem); line-height: .98; }
.andree-intro-title, .andree-story-title, .andree-studio-title, .andree-writing-title, .andree-composer-title, .andree-profile-title, .andree-social-title { font-size: clamp(2.65rem, 4.35vw, 5.15rem); line-height: 1.03; }
.andree-faq-title, .andree-contact-title, .andree-testimonials-heading { font-size: clamp(2.75rem, 4vw, 5rem); line-height: 1.03; }
.andree-final-title { font-size: clamp(3rem, 5.8vw, 6.8rem); line-height: .99; }
.andree-intro-lead, .andree-story-lead, .andree-studio-lead, .andree-writing-lead, .andree-composer-lead, .andree-profile-lead, .andree-social-lead, .andree-contact-lead { font-size: clamp(1.15rem, 1.04rem + .42vw, 1.5rem); font-weight: 400; line-height: 1.58; }
.andree-story-text, .andree-studio-text, .andree-writing-text, .andree-composer-text, .andree-profile-text, .andree-intro-content { color: #c4bbad; }

/* Gold-Highlight: gleiche Gestaltung, aber kompakter. */
.andree-gold-highlight { padding: clamp(4rem, 7vw, 7rem) 0; }
.andree-gold-highlight-inner { width: min(100%, 1120px); margin-inline: auto; }
.andree-gold-highlight-title { max-width: 980px; margin-inline: auto; font-size: clamp(2.5rem, 4.15vw, 4.9rem); line-height: 1.05; }
.andree-gold-highlight-text { max-width: 720px; margin: 1.45rem auto 0; font-size: clamp(1rem, .96rem + .2vw, 1.2rem); line-height: 1.65; }

/* Künstlerstatement: weniger Schriftfläche und kein goldener First-Line-Effekt. */
.andree-statement { padding: clamp(4.5rem, 8vw, 8rem) 0; }
.andree-statement-inner { width: min(100%, 1040px); }
.andree-statement-quote { max-width: 960px; padding: clamp(1.5rem, 3vw, 2.75rem) clamp(1rem, 3vw, 2rem); }
.andree-statement-quote > p { color: var(--andree-white); font-family: "Andree Sans", system-ui, sans-serif; font-size: clamp(2rem, 3.75vw, 4.4rem); line-height: 1.12; }
.andree-statement-quote > p::first-line { color: inherit; }
.andree-statement-quote-mark { font-size: clamp(7rem, 13vw, 12rem); opacity: .55; }

/* Gold-Statement: weiterhin Gold, aber deutlich kompakter und ruhiger. */
.andree-collaboration-quote { padding: clamp(4rem, 7vw, 7rem) 0; }
.andree-collaboration-quote-inner { width: min(100%, 1120px); }
.andree-collaboration-quote-title { max-width: 1000px; font-size: clamp(2.5rem, 4.25vw, 5rem); line-height: 1.05; }
.andree-collaboration-quote-text { max-width: 800px; margin-top: clamp(2rem, 3.5vw, 3.25rem); padding: clamp(1.5rem, 2.5vw, 2.4rem) clamp(1.25rem, 3vw, 2.75rem); }
.andree-collaboration-quote-text > p { font-family: "Andree Sans", system-ui, sans-serif; font-size: clamp(1.08rem, 1rem + .35vw, 1.45rem); font-weight: 400; line-height: 1.65; }
.andree-collaboration-quote-text::before { top: -.45em; font-size: clamp(6rem, 10vw, 9rem); }
.andree-collaboration-quote-link { margin-top: clamp(1.6rem, 3vw, 2.5rem); }

/* Kleine Zitate ebenfalls zurücknehmen. */
.andree-story-quote, .andree-profile-quote { margin-block: 1.75rem; padding: 1.05rem 0 1.05rem 1.35rem; }
.andree-story-quote::before, .andree-profile-quote::before { display: none; }
.andree-story-quote p, .andree-profile-quote p { font-family: "Andree Sans", system-ui, sans-serif; color: var(--andree-muted-strong); font-size: clamp(1.12rem, 1.03rem + .35vw, 1.45rem); font-style: normal; line-height: 1.55; }

/* Testimonials: dekoratives Anführungszeichen verkleinern. */
.andree-testimonial-quote-mark { top: .05em; right: .18em; font-size: clamp(5rem, 8vw, 8rem); opacity: .7; }

@media (max-width: 575.98px) {
  .andree-hero-title { font-size: clamp(2.75rem, 12vw, 4.25rem); }
  .andree-gold-highlight-title, .andree-collaboration-quote-title { font-size: clamp(2.25rem, 10.5vw, 3.5rem); }
  .andree-statement-quote > p { font-size: clamp(1.9rem, 8.5vw, 2.9rem); }
}