/* Brand fonts as used on orbit-werbeagentur.de (Google Fonts) */

:root{
/* Brand — from Elementor global kit on orbit-werbeagentur.de */
--blue-800:#084C7B;--blue-600:#0B5E98;--blue-500:#0D6DAF;--blue-100:#E3EFF8;
--orange-600:#CC8302;--orange-500:#E99603;--orange-100:#FCEFD6;
--rust-500:#CE4918;--pink-500:#F2295B;--lime-500:#DCDA56;--leaf-500:#4D970B;--mint-400:#75DAB4;
--dark-900:#212529;--dark-850:#222222;--dark-800:#2B2E31;--gray-600:#54595F;--gray-500:#7A7A7A;--gray-100:#EDEDED;--gray-100-30:rgba(237,237,237,.3);--black:#000000;--white:#FFFFFF;
/* Neutral scale (used by components) */
--ink-900:#212529;--ink-800:#2B2E31;--ink-700:#3A3E43;--ink-600:#54595F;--ink-500:#7A7A7A;--ink-400:#9A9DA1;--ink-300:#C6C8CA;--ink-200:#DDDEDF;--ink-100:#EDEDED;
--paper:#FFFFFF;--paper-deep:#F5F5F5;
/* Accent aliases (orange) */
--orbit-700:#A86C02;--orbit-600:#CC8302;--orbit-500:#E99603;--orbit-200:#F6D394;--orbit-100:#FCEFD6;
/* Service-line colors (titles on the Home page) */
--ch-print:var(--orange-500);--ch-web:var(--blue-500);--ch-video:var(--pink-500);--ch-audio:var(--rust-500);--ch-social:var(--leaf-500);
--green-600:#3F7D09;--green-100:#E4F1D6;--amber-600:#B87602;--amber-100:#FCEFD6;--red-600:#D11F4C;--red-100:#FDE2E9;--info-600:#0D6DAF;--info-100:#E3EFF8;
/* Semantic */
--surface-page:var(--white);--surface-sunken:var(--paper-deep);--surface-card:var(--white);--surface-brand:var(--blue-500);--surface-inverse:var(--dark-900);--surface-inverse-raised:var(--dark-800);--surface-accent:var(--orange-500);
--text-primary:var(--dark-900);--text-body:var(--gray-500);--text-secondary:var(--gray-500);--text-tertiary:var(--ink-400);--text-heading-brand:var(--blue-500);--text-inverse:var(--white);--text-on-accent:var(--white);--text-accent:var(--orange-500);
--border-subtle:var(--ink-100);--border-default:var(--ink-200);--border-input:var(--ink-300);--border-strong:var(--dark-900);--border-on-dark:rgba(255,255,255,.12);
--accent:var(--orange-500);--accent-hover:var(--orange-600);--accent-soft:var(--orange-100);--brand:var(--blue-500);--brand-hover:var(--blue-600);
--success:var(--green-600);--success-soft:var(--green-100);--warning:var(--amber-600);--warning-soft:var(--amber-100);--danger:var(--red-600);--danger-soft:var(--red-100);--info:var(--info-600);--info-soft:var(--info-100);
--focus-ring:var(--blue-500);
}

:root{
--font-display:"Quicksand","Poppins",sans-serif;--font-body:"Poppins",sans-serif;--font-mono:"Roboto Mono",ui-monospace,monospace;
--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;
--size-h1:68px;--size-h2:54.5px;--size-h3:43px;--size-h4:35px;--size-h5:28px;--size-h6:22.5px;
--size-section-title:52px;--size-statement:38px;--size-body-l:18px;--size-body:16px;--size-body-s:14px;--size-caption:13px;--size-eyebrow:13px;--size-step-number:60px;--size-text-bg:142px;
--leading-heading:1.4;--leading-snug:1.3;--leading-body:1.8;--leading-relaxed:2;
--tracking-heading:-1px;--tracking-h5:-0.4px;--tracking-eyebrow:3px;--tracking-link:2px;
}

:root{
--space-0:0;--space-1:5px;--space-2:10px;--space-3:15px;--space-4:20px;--space-5:30px;--space-6:40px;--space-7:60px;--space-8:70px;--space-9:100px;--space-10:120px;
--radius-0:0;--radius-1:3px;--radius-2:6px;--radius-3:15px;--radius-pill:999px;
--control-h-sm:36px;--control-h-md:46px;--control-h-lg:56px;
--container-max:1170px;--gutter:30px;--header-h:80px;--heading-line:50px;--rule:1px;
}

:root{
--shadow-none:none;
--shadow-hard:0 20px 40px -18px rgba(33,37,41,.28);
--shadow-hard-accent:0 14px 30px -14px rgba(13,109,175,.45);
--shadow-overlay:0 1px 0 rgba(33,37,41,.04),0 18px 40px -12px rgba(33,37,41,.3);
--ring-focus:0 0 0 2px var(--white),0 0 0 4px var(--blue-500);
--scrim:rgba(0,0,0,.6);
--ease-orbit:cubic-bezier(.3,0,.7,1); /* @kind other */
--ease-in-out:cubic-bezier(.65,0,.35,1); /* @kind other */
--dur-fast:150ms; /* @kind other */
--dur-base:300ms; /* @kind other */
--dur-slow:1000ms; /* @kind other */
}



html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:18px;font-weight:500;line-height:1.8;color:var(--gray-500);background:#fff}a{color:var(--blue-500)}a:hover{color:var(--orange-500)}.orbit-legal p{margin:0 0 1.1em}@keyframes orbitFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.orbit-legal svg,.orbit-legal img{max-width:100%;height:auto}
