/* Meraveli v2.1 shared appearance. Loaded after the existing page layout CSS. */
@font-face{font-family:Dela;src:url('/assets/fonts/dela-gothic-one-cyrillic-400-normal.woff2') format('woff2');font-display:swap;unicode-range:U+0400-045F}
@font-face{font-family:Dela;src:url('/assets/fonts/dela-gothic-one-latin-400-normal.woff2') format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:Onest;src:url('/assets/fonts/onest-cyrillic-wght-normal.woff2') format('woff2-variations');font-weight:100 900;font-display:swap;unicode-range:U+0400-045F}
@font-face{font-family:Onest;src:url('/assets/fonts/onest-latin-wght-normal.woff2') format('woff2-variations');font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2212}
:root{
  color-scheme:light;
  --lime:#CBF24E;--ink:#15190F;--ink-2:#424A36;--paper:#FBFCF6;--paper-2:#F1F4E6;
  --on-ink:#FBFCF6;--on-ink-2:#C2C8B4;--danger:#8A2A1D;--danger-soft:#FBE3E0;
  --display:Dela,Impact,'Arial Black',sans-serif;--body:Onest,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --bg:var(--paper);--bg-raised:var(--paper-2);--card:var(--paper);--surface-2:var(--paper-2);
  --line:#D9DFC9;--line-strong:#737C64;--muted:var(--ink-2);--link:#315619;
  --dark:var(--ink);--dark-2:#20261A;--dark-line:#424A36;--on-dark:var(--on-ink);--on-dark-2:var(--on-ink-2);
  --dim:var(--on-ink-2);--lime-soft:#EAF6BC;--focus:var(--ink);
  --accent:var(--ink-2);--mm-art:var(--lime);--mm-body:var(--ink);--mm-text:var(--paper);--mm-dim:var(--on-ink-2);--mm-accent:var(--lime);--mm-link:var(--ink);
  --font:var(--body);--sans:var(--body);--serif:var(--display);
  --fs-display:clamp(36px,5.2vw,64px);--fs-h1:clamp(30px,3.4vw,48px);
  --fs-h2:clamp(34px,5vw,72px);--fs-h2-doc:26px;--fs-price:clamp(72px,9vw,128px);
  --fw-head:400;--ease:cubic-bezier(.16,1,.3,1);
}
html{scroll-padding-top:80px;scroll-behavior:auto}
body{background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--body)}
button,input,select,textarea{font-family:var(--body)}
h1,h2,h3,.h1,.h2,.num,.price,.pr,.big,.project-num{font-family:var(--display);font-weight:400;letter-spacing:-.02em}
.top,.site-header,.page-mastermind>header,.page-impressum>header,.page-datenschutz>header{background:var(--lime);border-bottom:2px solid var(--ink)}
.top a,.site-header a,.page-mastermind>header a,.page-impressum>header a,.page-datenschutz>header a{color:var(--ink)}
body .top nav a{color:var(--ink)}
.brand,.wordmark,.logo{font:400 20px/1 var(--display);letter-spacing:-.02em;text-transform:none}
.brand svg,.wordmark svg,.logo svg{width:34px;height:34px;flex:none}
.page-spasibo .top,.page-oplata .top,.page-bedingungen .top{position:relative;inset:auto}
.page-oplata .top .shell,.page-bedingungen .top .shell{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1140px;padding-inline:20px}
.page-bedingungen .top a{text-decoration:none}
.page-404 .top .shell{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(calc(100% - 40px),1140px);margin:auto}
.page-404 .top{padding:16px 0}
.page-impressum .head nav,.page-datenschutz .head nav{display:flex}
.site-header .brand{display:inline-flex;align-items:center;gap:10px;flex:none;white-space:nowrap;text-decoration:none}
.site-header .site-nav{flex:none}
.brand small{color:var(--ink-2);font:600 11px/1.2 var(--body);letter-spacing:.08em}
.wordmark-mark{background:var(--ink);color:var(--lime);font:400 17px/1 var(--display);font-style:normal}
.wordmark svg{flex:none;width:34px;height:34px}
.btn,.ds-btn{border-radius:10px;font:700 16px/1.2 var(--body);min-height:52px;box-shadow:none}
.btn-primary,.btn-lime{background:var(--lime);color:var(--ink)}
.btn-dark{background:var(--ink);color:var(--paper)}
.project--mm .btn{background:var(--lime);color:var(--ink)}
.btn:hover{box-shadow:none}
.site-footer,.foot{background:var(--ink);color:var(--on-ink-2)}
.site-footer a,.foot a{color:var(--on-ink)}
.site-footer .ds-foot,.site-footer .ds-foot small{color:var(--on-ink-2)}
.site-footer .ds-foot,.site-footer .footer-inner,.on-ink .ds-foot{display:flex;align-items:center;flex-wrap:wrap;gap:6px 22px;padding-block:30px}
.site-footer .ds-foot a,.site-footer .footer-inner a,.on-ink .ds-foot a{display:inline-flex;align-items:center;min-height:44px}
.site-footer .ds-foot small,.site-footer .footer-inner small,.on-ink .ds-foot small{flex-basis:100%;font-size:12px}
.on-ink{background:var(--ink);color:var(--on-ink-2)}
.on-ink a{color:var(--on-ink)}
.site-footer{padding:0;border-top:0}
.site-footer .wordmark svg{background:var(--lime);border-radius:50%}
.page-bedingungen main,.page-datenschutz main,.page-impressum main{max-width:820px}
.page-bedingungen h1,.page-datenschutz h1,.page-impressum h1{font-size:clamp(28px,6vw,44px);line-height:1.12;max-width:none;overflow-wrap:normal}
.page-bedingungen h2,.page-datenschutz h2,.page-impressum h2{font-size:min(26px,5vw);line-height:1.15}
.page-bedingungen main,.page-impressum .legal,.page-datenschutz .legal{font-size:17px}
:is(.page-bedingungen,.page-impressum,.page-datenschutz) [lang="de"],.page-impressum main[lang="de"],.page-datenschutz main[lang="de"]{hyphens:auto;word-break:normal;overflow-wrap:normal}
.page-mastermind .hero-band{background:var(--lime)}
.page-mastermind .hero{padding-block:clamp(48px,7vw,90px) 42px}
.page-mastermind .hero-intro,.page-spasibo .hero-intro{margin:0 0 18px;font:400 17px/1.5 var(--body)}
.page-mastermind .hero .lead{color:var(--ink-2)}
.page-mastermind .hero .btn-primary{background:var(--ink);color:var(--paper)}
.page-mastermind .hero .btn-ghost{border:2px solid var(--ink);color:var(--ink)}
.page-mastermind .master-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:32px;border-top:2px solid var(--ink)}
.page-mastermind .master-facts li{min-width:0;padding:20px 18px 4px 0;background:transparent;border:0;border-radius:0}
.page-mastermind .master-facts li+li{border-left:1px solid var(--ink);padding-left:18px}
.page-mastermind .master-facts b{font:400 clamp(17px,2vw,24px)/1.2 var(--display)}
.page-mastermind .master-facts span{display:block;margin-top:8px;color:var(--ink-2);font-size:14px}
.page-spasibo #ok{font-weight:600;color:var(--ink-2)}
.page-oplata .card h1{margin-top:0}
.page-404 main nav .btn-primary{background:var(--lime);color:var(--ink)}
.page-bedingungen .card,.page-datenschutz .card,.page-impressum .card{background:var(--paper);border-color:var(--line)}
.project--car .project-body{background:#202020;color:#f4f4ef}
.hero-copy,.hero-index{min-width:0}
.hero-index-title{flex-wrap:wrap;gap:4px 12px}
:is(.hero,.project) h1{overflow-wrap:anywhere}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.hero-dark,.sec-program,.signup-dark,.result-dark,.card-f,.dark,.sticky,.project--car{--focus:var(--lime)}
@media(max-width:640px){body{font-size:16px}}
@media(max-width:760px){.page-mastermind .master-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.page-mastermind .master-facts li{padding-block:16px;border-top:1px solid var(--ink)}.page-mastermind .master-facts li:nth-child(odd){border-left:0;padding-left:0}}
@media(max-width:1024px){.hero{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}