/* Mission Freedom Ltd – Website-Bausteine (Petrol / Gold) */
:root{
  --mf-ink:#06222A; --mf-petrol:#145963; --mf-teal:#1C8A8D;
  --mf-gold:#E3A63C; --mf-amber:#EF8033; --mf-cream:#F6F1E7;
  --mf-paper:#fffcf6; --mf-text:#4c5f65; --mf-line:#e4d9c4;
  --mf-display:"Sora","Segoe UI",system-ui,sans-serif;
  --mf-body:"Inter","Segoe UI",system-ui,sans-serif;
  --mf-mono:"IBM Plex Mono",ui-monospace,monospace;
}
body{font-family:var(--mf-body);color:var(--mf-ink);background:var(--mf-paper);font-size:17px;line-height:1.65;}
h1,h2,h3,h4,.mf-h1,.mf-h2,.mf-h3{font-family:var(--mf-display);letter-spacing:-.022em;line-height:1.12;color:var(--mf-ink);}
.mf-h1{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;margin:.2em 0 .4em;}
.mf-h2{font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:700;margin:.2em 0 .5em;}
.mf-h3{font-size:1.18rem;font-weight:600;margin:.1em 0 .5em;}
a{color:var(--mf-petrol);}
::selection{background:var(--mf-gold);color:var(--mf-ink);}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:rgba(6,34,42,.07)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--mf-petrol),var(--mf-ink));border-radius:99px;border:3px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--mf-gold),var(--mf-amber));background-clip:padding-box}
:focus-visible{outline:2px solid var(--mf-gold);outline-offset:3px;}

.mf-shell{max-width:1240px;margin-inline:auto;padding-inline:20px;}
.mf-section{padding-block:clamp(56px,7vw,96px);}
.mf-section--cream{background:
  radial-gradient(50% 45% at 100% 0%,rgba(227,166,60,.20),transparent 60%),
  radial-gradient(45% 40% at 0% 20%,rgba(28,138,141,.14),transparent 62%),var(--mf-cream);}
.mf-dark{background:
  radial-gradient(60% 55% at 12% 8%,rgba(20,89,99,.85),transparent 60%),
  radial-gradient(45% 45% at 88% 12%,rgba(28,138,141,.4),transparent 65%),
  radial-gradient(55% 60% at 72% 96%,rgba(227,166,60,.2),transparent 62%),var(--mf-ink);color:var(--mf-cream);}
.mf-dark h1,.mf-dark h2,.mf-dark h3,.mf-dark .mf-h1,.mf-dark .mf-h2,.mf-dark .mf-h3{color:var(--mf-cream);}
.mf-dark p{color:rgba(246,241,231,.76);}
.mf-hero{padding-block:clamp(120px,14vw,180px) clamp(64px,8vw,110px);}
.mf-eyebrow{font-family:var(--mf-mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--mf-petrol);margin:0 0 10px;}
.mf-eyebrow--light{color:var(--mf-gold);}
.mf-lead{font-size:1.06rem;max-width:70ch;color:var(--mf-text);}
.mf-kicker{font-family:var(--mf-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mf-teal);margin:0 0 6px;}
.mf-num{font-family:var(--mf-mono);font-size:12px;color:var(--mf-gold);letter-spacing:.18em;margin:0;}
.mf-hint{font-size:.82rem;color:var(--mf-text);opacity:.85;font-style:italic;}

.mf-grid{display:grid;gap:22px;margin-top:34px;}
.mf-grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}
.mf-grid--3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
.mf-grid--pillars{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
@media(min-width:1000px){.mf-grid--pillars{grid-template-columns:1.35fr 1fr 1fr;}}
.mf-card{background:var(--mf-paper);border:1px solid var(--mf-line);border-radius:20px;padding:26px;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s;}
.mf-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px -28px rgba(6,34,42,.45);border-color:var(--mf-gold);}
.mf-card--lead{background:linear-gradient(160deg,var(--mf-ink),#0b343e);color:var(--mf-cream);border-color:rgba(227,166,60,.5);}
.mf-card--lead h3,.mf-card--lead .mf-h3{color:#fff;}
.mf-card--lead p{color:rgba(246,241,231,.8);}
.mf-card--lead .mf-kicker{color:var(--mf-gold);}
.mf-card__media{border-radius:14px;overflow:hidden;margin-bottom:16px;aspect-ratio:16/9;background:linear-gradient(140deg,var(--mf-ink),var(--mf-petrol));}
.mf-card__media img{width:100%;height:100%;object-fit:cover;display:block;}
.mf-card__media--empty{display:grid;place-items:center;}
.mf-card__media--empty span{font-family:var(--mf-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(246,241,231,.6);}
.mf-textlink{font-weight:600;color:var(--mf-petrol);text-decoration:none;border-bottom:1px solid currentColor;background:none;border-top:0;border-left:0;border-right:0;cursor:pointer;padding:0;font-size:1rem;}

.mf-ticks{list-style:none;padding:0;margin:16px 0 0;}
.mf-ticks li{position:relative;padding-left:26px;margin-bottom:8px;font-size:.96rem;}
.mf-ticks li:before{content:"";position:absolute;left:0;top:.55em;width:12px;height:2px;background:var(--mf-gold);}
.mf-steps{display:grid;gap:20px;margin-top:32px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.mf-step{border-top:2px solid var(--mf-gold);padding-top:16px;}

.mf-buttons{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start;margin-top:26px;}
.mf-btn-wrap{display:inline-flex;flex-direction:column;gap:6px;align-items:flex-start;}
.mf-btn,.wp-block-button__link.mf-btn{display:inline-flex;min-height:74px;box-sizing:border-box;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 2.25rem;border-radius:999px;font-family:var(--mf-display);font-weight:600;font-size:.97rem;line-height:1.25;text-align:center;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s;}
.mf-btn:hover{transform:translateY(-2px);}
.mf-btn--primary{background:linear-gradient(120deg,var(--mf-gold),var(--mf-amber));color:#21150a!important;box-shadow:0 14px 34px -16px rgba(239,128,51,.85);}
.mf-btn--dark{background:var(--mf-ink);color:var(--mf-cream)!important;}
.mf-btn--outline{border-color:rgba(6,34,42,.26);color:var(--mf-ink)!important;background:transparent;}
.mf-dark .mf-btn--outline{border-color:rgba(246,241,231,.35);color:var(--mf-cream)!important;}
.mf-btn--pending{cursor:help;}
.mf-ph{font-family:var(--mf-mono);font-size:.78em;border:1px dashed rgba(239,128,51,.7);background:rgba(239,128,51,.12);color:#a35a1c;padding:.12em .5em;border-radius:6px;display:inline-block;}
.mf-dark .mf-ph{color:#f7cd8c;}
.mf-note{border-left:3px solid var(--mf-teal);background:rgba(28,138,141,.08);padding:18px 20px;border-radius:0 14px 14px 0;margin:26px 0;font-size:.96rem;}
.mf-note--warn{border-color:var(--mf-amber);background:rgba(239,128,51,.1);}

.mf-faq{margin-top:28px;display:grid;gap:12px;}
.mf-faq__item{border:1px solid var(--mf-line);border-radius:16px;background:var(--mf-paper);padding:0 20px;}
.mf-faq__item summary{cursor:pointer;font-family:var(--mf-display);font-weight:600;padding:18px 0;list-style:none;}
.mf-faq__item summary::-webkit-details-marker{display:none;}
.mf-faq__item summary:after{content:"+";float:right;color:var(--mf-gold);font-size:1.3rem;line-height:1;}
.mf-faq__item[open] summary:after{content:"–";}
.mf-faq__body{padding-bottom:18px;color:var(--mf-text);}

.mf-contact{display:grid;gap:32px;grid-template-columns:1fr;}
@media(min-width:900px){.mf-contact{grid-template-columns:1.5fr 1fr;}}
.mf-form__row{margin-bottom:16px;display:flex;flex-direction:column;gap:6px;}
.mf-form__row label{font-family:var(--mf-display);font-size:.9rem;font-weight:600;}
.mf-field{width:100%;padding:.82rem 1rem;border:1px solid var(--mf-line);border-radius:12px;background:var(--mf-paper);font-family:var(--mf-body);font-size:1rem;color:var(--mf-ink);}
.mf-field:focus{outline:none;border-color:var(--mf-teal);box-shadow:0 0 0 4px rgba(28,138,141,.18);}
.mf-form__consent label{display:flex;gap:10px;font-weight:400;font-family:var(--mf-body);font-size:.92rem;color:var(--mf-text);}
.mf-form__consent input{margin-top:.35em;}
.mf-req{color:#cf4a3c;}
.mf-form__hp{position:absolute!important;left:-9999px!important;}
.mf-form__status{font-size:.95rem;font-weight:600;min-height:1.4em;}
.mf-form__status.is-ok{color:#2f9e68;}
.mf-form__status.is-error{color:#cf4a3c;}
.mf-contact-list{list-style:none;padding:0;margin:18px 0;}
.mf-contact-list li{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid var(--mf-line);}
.mf-contact-list__label{font-family:var(--mf-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mf-teal);}

.mf-cookie{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;}
.mf-cookie__backdrop{position:absolute;inset:0;background:rgba(6,34,42,.7);backdrop-filter:blur(3px);}
.mf-cookie__panel{position:relative;background:var(--mf-paper);max-width:560px;width:calc(100% - 32px);max-height:88vh;overflow:auto;border-radius:22px;padding:28px;}
.mf-cookie__row{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid var(--mf-line);border-radius:14px;padding:14px;margin-top:10px;font-size:.92rem;}
.mf-cookie__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}
.mf-cookie-fab{position:fixed;left:16px;bottom:16px;z-index:60;border-radius:999px;border:1px solid var(--mf-line);background:var(--mf-paper);color:var(--mf-text);font-size:.8rem;padding:.5rem 1rem;cursor:pointer;}
.mf-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);}
.mf-reveal.is-in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.mf-reveal{opacity:1;transform:none;}*{animation-duration:.001ms!important;transition-duration:.001ms!important;}}
@media(max-width:600px){body{font-size:16px;}.mf-card{padding:20px;}}

/* Bildwelt aus dem Arena-Paket: nur dekorative Hintergründe, keine externen Bilddienste. */
.mf-hero{background-image:linear-gradient(90deg,rgba(6,34,42,.94) 0%,rgba(6,34,42,.84) 55%,rgba(6,34,42,.58) 100%),url("img/hero-console.jpg");background-size:cover;background-position:center;}
.mf-card--lead{background:linear-gradient(160deg,rgba(6,34,42,.94),rgba(11,52,62,.88)),url("img/marketing-set.jpg") center/cover;}
.mf-split{background-image:linear-gradient(90deg,rgba(6,34,42,.93),rgba(6,34,42,.77)),url("img/radio-studio.jpg");background-size:cover;background-position:center;}
.mf-tomex{background-image:linear-gradient(105deg,rgba(246,241,231,.97) 0%,rgba(246,241,231,.91) 55%,rgba(246,241,231,.65) 100%),url("img/tomex-studio.jpg");background-size:cover;background-position:center right;}
@media(max-width:700px){.mf-hero{background-position:60% center}.mf-split{background-position:58% center}.mf-tomex{background-position:65% center}}