/* Gemeinsame Markenwelt nach Designentwurf 02. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
@font-face{font-family:Inter;src:url('/open-call/fonts/inter-regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/open-call/fonts/inter-medium.woff') format('woff');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('/open-call/fonts/inter-semibold.woff') format('woff');font-weight:600;font-display:swap}
:root{--ink:#111111;--ink-2:#163A5F;--sea:#163A5F;--navy:#163A5F;--stone:#EFEBE1;--paper:#F8F6F1;--bg:#F8F6F1;--gold:#B88A2A;--gold-soft:#D8B878;--text:#111111;--serif:'Cormorant Garamond',Georgia,serif;--sans:Inter,system-ui,sans-serif}
body{font-family:var(--sans)}
.site-header{background:rgba(248,246,241,.97);gap:20px;flex-wrap:wrap}
.wordmark{position:relative;padding-left:54px;min-height:46px;justify-content:center}
.wordmark:before{content:'';position:absolute;left:0;top:0;width:44px;height:46px;background:url('/assets/av-mark.svg') center/contain no-repeat}
.wordmark-name{font-family:var(--serif);font-size:29px;letter-spacing:0;font-weight:500;margin:0}
.wordmark-sub{letter-spacing:.15em;font-size:8px}.wordmark-line{display:none}
.main-nav{gap:18px}.main-nav a{font-size:12px;letter-spacing:.02em}
.btn-gold{color:#111;background:var(--gold)}.btn-gold:hover{background:#D8B878}.btn-ink,.site-footer,.achse{background:#163A5F}
.eyebrow,.format-tag{color:#86621A}.achse .eyebrow,.opencall .eyebrow{color:#D8B878}
.brand-hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:630px;color:#111;background:#F8F6F1;align-items:stretch;position:relative;overflow:hidden}
.brand-hero:after{content:'';position:absolute;left:0;right:0;bottom:12px;height:110px;background:url('/assets/golden-wave.svg') center/100% 100% no-repeat;pointer-events:none}
.brand-hero .hero-media{position:relative;grid-column:2;grid-row:1;margin:32px 32px 64px 0;min-height:500px}
.brand-hero .hero-media img{position:absolute;object-position:center;animation:none}
.brand-hero .hero-shade,.brand-hero .hero-coords{display:none}
.brand-hero .hero-inner{grid-column:1;grid-row:1;align-self:center;padding:64px clamp(24px,5vw,80px) 105px}
.brand-hero .kicker{color:#86621A;font-size:10px;letter-spacing:.19em}
.brand-hero h1{font-size:clamp(3.6rem,6.4vw,6.8rem);line-height:.92;letter-spacing:-.03em}
.brand-hero h1 em{color:#86621A}.brand-hero .lede{font-size:15px;color:#55606B;max-width:39ch;opacity:1;line-height:1.8}
.brand-hero .btn-ghost-light{color:#163A5F;border-color:#163A5F}
.brand-worlds{padding:64px 0 80px;border-top:1px solid #d6d0c4;border-bottom:1px solid #d6d0c4}
.brand-worlds header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px}.brand-worlds header p{margin:0;color:#86621A;font-family:var(--serif);font-style:italic;font-size:25px}
.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #d6d0c4;border-left:1px solid #d6d0c4}
.brand-card{position:relative;padding:30px;min-height:265px;border-right:1px solid #d6d0c4;border-bottom:1px solid #d6d0c4;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;transition:background .2s}
.brand-card:hover{background:#EFEBE1}.brand-card>small{font-size:10px;letter-spacing:.2em;color:#86621A}.brand-card h3{font-size:32px;margin:17px 0 10px}.brand-card p{font-size:13px;color:#55606B;max-width:30ch}.brand-card .brand-symbol{width:52px;height:52px;color:#B88A2A;margin-top:18px}.brand-card .brand-symbol svg{width:100%;height:100%}
.brand-card.dark{background:#163A5F;color:#F8F6F1}.brand-card.dark h3,.brand-card.dark p{color:#F8F6F1}.brand-card.dark small{color:#D8B878}
.brand-card .brand-link{margin-top:auto;padding-top:14px;font-size:11px;letter-spacing:.1em;color:#86621A}.brand-card.dark .brand-link{color:#D8B878}
.brand-apps{display:flex;gap:10px;margin:20px 0}.brand-apps a{display:grid;place-items:center;width:52px;height:52px;background:#163A5F;color:#D8B878;border-radius:13px}.brand-apps svg{width:27px;height:27px}
.sailing-brand{background:#163A5F;color:#F8F6F1;position:relative}.sailing-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,90px);align-items:center}.sailing-brand h2{color:#F8F6F1;font-size:clamp(3rem,5vw,5rem)}.sailing-brand .eyebrow{color:#D8B878}.sailing-brand p{max-width:40ch}.sailing-brand figure{margin:0}.sailing-brand figure img{width:100%;height:auto;object-fit:contain}.sailing-brand figcaption{font-size:11px;color:#D8B878;margin-top:14px;letter-spacing:.1em}.sailing-brand .sailing-claim{font-family:var(--serif);font-size:28px;color:#D8B878;margin:25px 0}
.j-brand svg{color:#B88A2A}.j-head,.kopf{background:#F8F6F1}.j-brand b{font-size:1.9rem}.marke strong{font-size:2rem}.karte,.panel,.call-card{border-radius:3px}.j-head:after,.kopf:after{content:'';display:block;width:100%;height:24px;background:url('/assets/golden-wave.svg') center/100% 100% no-repeat;pointer-events:none}
@media(min-width:901px) and (max-width:1200px){.main-nav{width:100%;justify-content:space-between;gap:10px}}
@media(max-width:900px){.brand-hero{grid-template-columns:1fr;min-height:0}.brand-hero .hero-inner{grid-column:1;grid-row:1;padding:50px 24px 32px}.brand-hero .hero-media{grid-column:1;grid-row:2;min-height:300px;margin:0 24px 50px}.brand-hero h1{font-size:clamp(3.5rem,12vw,5.6rem)}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-worlds header{display:block}.sailing-grid{grid-template-columns:1fr}.sailing-brand figure{max-width:540px;margin:auto}.site-header{flex-wrap:nowrap}}
@media(max-width:560px){.brand-grid{grid-template-columns:1fr}.brand-card{min-height:220px}.brand-worlds header h2{margin-bottom:16px}.brand-apps{gap:8px}.brand-apps a{width:45px;height:45px}.brand-hero .hero-actions{flex-direction:column;align-items:stretch}}
