@charset "utf-8";
/* CSS DOKUMENT */

:root {
    /* GRID ABSTAND */
    --space-grid: 80px;
    /* ABSTÄNDE BODY */
	--space-xl: 48px;
    --space-l: 36px;
	--space-m: 24px;
    --space-ms: 20px;
	--space-s: 12px;
    --space-xs: 8px;
    --space-xxs: 4px;
    /* ABSTÄNDE SLIDER */
    --space: 120px;
    --space-half: 60px;
    --space-third: 40px;
    --space-quarter: 30px;
    /* SMOOTH TRANSITION */
	--smooth: all .2s ease-in-out;
    /* GRAUSTUFEN */
    --white: #ffffff;
    --light-grey: #eeeeee;
    --grey: #DBDBDB;
    --dark-grey: #5a5a5a;
    --black: #000000;
    /* BLAUTÖNE */
    --light-blue: #F1F4F8;
    --light-blue-rgb: rgba(241, 244, 248, .7);
    --blue: #17293C;
    --blue-rgb: rgba(23, 41, 60, .9);
    /* ORANGE TÖNE */
    --orange: #F69800;
    --gradient: linear-gradient(90deg, #F69800 0%, #FF6067 100%);
    /* BODY FARBE */
    --body-color: #F7F9FB;
    /* SCHRIFTARTEN */
    --copy-font: Urbane_Rounded;
    --headline-font: Urbanist;
    /* BODY BREITEN */
    --max-body-width: 1094px;
    --max-width: 1400px;
}