/* MKBurg Design System – Tokens für NewProcessLab.com
   1:1 aus dem RocketBPM Website Design System übernommen (Mirko, 24.09.2026).
   Alle Schriften und Font Awesome sind lokal gehostet (DSGVO), keine Google Fonts-/cdnjs-Anfragen. */

@font-face{font-family:'Homestead';src:url('../fonts/homestead/Homestead-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Homestead Display';src:url('../fonts/homestead/Homestead-Display.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}

@font-face{font-family:'Poppins';src:url('../fonts/poppins/poppins-300-normal.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';src:url('../fonts/poppins/poppins-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';src:url('../fonts/poppins/poppins-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';src:url('../fonts/poppins/poppins-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';src:url('../fonts/poppins/poppins-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* ---- Brand colors ---- */
  --color-blue:#002060;
  --color-blue-hover:#1A3A7A;
  --color-red:#FF364A;
  --color-red-hover:#FF5C6D;
  --color-grey:#E9EEF5;
  --color-grey-hover:#D8DFE9;
  --color-green:#1F9D55;
  --color-green-hover:#33B86C;
  --color-placeholder:#7A8699;
  --color-white:#FFFFFF;
  --color-bg-light:#F7F8FA;
  --color-placeholder-border:#C9D3E2;
  --color-recessive-icon:#B3BFD2;
  --overlay-backdrop:rgba(0,32,96,.93);

  /* ---- Semantic aliases ---- */
  --fg-1:var(--color-blue);
  --fg-2:var(--color-placeholder);
  --fg-accent:var(--color-red);
  --fg-on-primary:var(--color-white);
  --bg-1:var(--color-white);
  --bg-2:var(--color-bg-light);
  --border:var(--color-blue);
  --border-soft:var(--color-grey);

  /* ---- Type ---- */
  --font-sans:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --font-display:'Homestead Display','Homestead','Poppins',serif;
  --font-hero:'Homestead','Poppins',serif;
  --weight-light:300;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;

  /* ---- Radii / shadows ---- */
  --radius-btn:4px;
  --shadow-hero:0 24px 60px -20px rgba(0,32,96,.25);
  --shadow-widget:0 8px 24px -8px rgba(0,32,96,.2);
  --shadow-card:0 6px 20px -10px rgba(0,32,96,.22);
  --transition:.2s ease;
}

.display-1{font-family:var(--font-display);font-weight:var(--weight-regular);font-size:72px;line-height:1.05;letter-spacing:.5px;color:var(--fg-1)}
.display-2{font-family:var(--font-display);font-weight:var(--weight-regular);font-size:48px;line-height:1.1;letter-spacing:.5px;color:var(--fg-1)}
.eyebrow-lg{font-size:12px;font-weight:var(--weight-semibold);letter-spacing:1.4px;text-transform:uppercase;color:var(--color-red);margin:0}
.link-1{color:var(--fg-1);font-weight:var(--weight-semibold);text-decoration:none;border-bottom:1px solid transparent;text-underline-offset:2px;cursor:pointer;transition:border-bottom var(--transition),color var(--transition)}
.link-1:hover{color:var(--color-blue-hover);border-bottom-color:var(--color-blue-hover)}
body{font-family:var(--font-sans);font-weight:var(--weight-light);color:var(--fg-1);background:var(--bg-1)}
a{color:var(--color-blue)}
a:hover{color:var(--color-red)}