:root {
  --space-extra-large: 50px;
  --space-large: 25px;
  --space-medium: 20px;
  --space-small: 15px;
  --space-extra-small: 5px;
}
@media (min-width: 768px) {
  :root {
    --space-extra-large: 70px;
    --space-large: 50px;
    --space-medium: 40px;
    --space-small: 20px;
    --space-extra-small: 5px;
  }
}
@media (min-width: 992px) {
  :root {
    --space-extra-large: 70px;
    --space-large: 50px;
    --space-medium: 40px;
    --space-small: 20px;
    --space-extra-small: 5px;
  }
}
@media (min-width: 1200px) {
  :root {
    --space-extra-large: 90px;
    --space-large: 65px;
    --space-medium: 40px;
    --space-small: 30px;
    --space-extra-small: 5px;
  }
}
@media (min-width: 1440px) {
  :root {
    --space-extra-large: 100px;
    --space-large: 65px;
    --space-medium: 40px;
    --space-small: 30px;
    --space-extra-small: 5px;
  }
}
@media (min-width: 1600px) {
  :root {
    --space-extra-large: 100px;
    --space-large: 80px;
    --space-medium: 40px;
    --space-small: 30px;
    --space-extra-small: 5px;
  }
}
@media (min-width: 1900px) {
  :root {
    --space-extra-large: 120px;
    --space-large: 100px;
    --space-medium: 50px;
    --space-small: 40px;
    --space-extra-small: 5px;
  }
}
:root {
  --color-1: #F7F7F7;
  --color-2: #6F656F;
  --color-3: #FFED00;
  --color-4: #F7ED5C;
  --color-5: #74D7F7;
  --color-6: #3F90AB;
  --color-7: #768B03;
  --color-8: #40ACF5;
  --color-9: #FFB319;
  --color-10: #FF8019;
  --color-11: #FF4D19;
  --color-12: #FF4D19;
  --bg-color-default: #ffffff;
  --bg-color-1: #999999;
  --bg-color-2: #666666;
  --bg-color-3: #FFED00;
  --bg-color-4: #F7ED5C;
  --bg-color-5: #74D7F7;
  --bg-color-6: #3F90AB;
  --bg-color-default-trans: #163104;
  --bg-color-1-trans: #99999980;
  --bg-color-2-trans: #66666680;
  --bg-color-3-trans: #33333380;
  --bg-color-4-trans: #16310480;
  --bg-color-5-trans: #ef8a4d80;
  --bg-color-6-trans: #d9570280;
  --text-color-white: white;
  --text-color-black: #000000;
  --text-color-default: #163104;
  --text-color-1: #6F656F;
  --text-color-2: #6F656F;
  --text-color-3: #6F656F;
  --text-color-4: #6F656F;
  --text-color-5: #ffffff;
  --text-color-6: #ffffff;
  --btn-text-color-white: white;
  --btn-text-color-black: #000000;
  --btn-text-color-default: white;
  --btn-text-color-1: #4eb300;
  --btn-text-color-2: #ef8a4d;
  --btn-text-color-3: white;
  --btn-text-color-4: white;
  --btn-text-color-5: white;
  --btn-text-color-6: white;
  --gradient-1: transparent linear-gradient(270deg, #ff0000 0%, #FFFFFF3B 100%) 0% 0% no-repeat padding-box;
  --gradient-2: transparent linear-gradient(90deg, #ff0000 0%, #FFFFFF3B 100%) 0% 0% no-repeat padding-box;
  --gradient-3: transparent linear-gradient(120deg, #ff0000 0%, #FFFFFF3B 100%) 0% 0% no-repeat padding-box;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('/Resources/Public/fonts/SourceSansPro-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('/Resources/Public/fonts/SourceSansPro-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('/Resources/Public/fonts/SourceSansPro-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('/Resources/Public/fonts/SourceSansPro-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
:root {
  --font-regular: 'SourceSansPro';
  --font-special: 'SourceSansPro';
  --font-size: 15px;
  --font-size-backend: 17px;
  --font-size-navigation: 16px;
  --h6-size: 16px;
  --h5-size: 17px;
  --h4-size: 18px;
  --h3-size: 20px;
  --h2-size: 23px;
  --h1-size: 35px;
  --text-color-white: white;
  --text-color-black: #000000;
  --text-color-default: #000000;
  --bg-color-default-trans: #95c11fE6;
  --bg-color-default: transparent;
  --color-1: #F7F7F7;
  --color-2: #4e4e4e;
  --color-3: #FFED00;
  --color-4: #F7ED5C;
  --color-5: #74D7F7;
  --color-6: #3F90AB;
  --color-7: #768B03;
  --color-8: #40ACF5;
  --color-9: #FFB319;
  --color-10: #FF8019;
  --color-11: #FF4D19;
  --color-12: #FF4D19;
  --bg-color-1: #F7F7F7;
  --bg-color-2: #6F656F;
  --bg-color-3: #FFED00;
  --bg-color-4: #F7ED5C;
  --bg-color-5: #74D7F7;
  --bg-color-6: #3F90AB;
  --bg-color-7: #768B03;
  --bg-color-8: #40ACF5;
  --bg-color-9: #FFB319;
  --bg-color-10: #FF8019;
  --bg-color-11: #FF4D19;
  --bg-color-12: #FF4D19;
  --color-1-trans: #F7F7F7E6;
  --color-2-trans: rgba(111, 101, 111, .20);
  --color-3-trans: #332433E6;
  --color-4-trans: #4D0F00E6;
  --color-5-trans: #D1E17BE6;
  --color-6-trans: #A5C400E6;
  --color-7-trans: #768B03E6;
  --color-8-trans: #40ACF5E6;
  --color-9-trans: #FFB319E6;
  --color-10-trans: #FF8019E6;
  --color-11-trans: #FF4D19E6;
  --color-12-trans: #FF4D19E6;
  --text-color-1: #F7F7F7;
  --text-color-2: #6F656F;
  --text-color-3: #332433;
  --text-color-4: #4D0F00;
  --text-color-5: #D1E17B;
  --text-color-6: #A5C400;
  --text-color-7: #768B03;
  --text-color-8: #40ACF5;
  --text-color-9: #FFB319;
  --text-color-10: #FF8019;
  --text-color-11: #FF4D19;
  --text-color-12: #FF4D19;
  --btn-text-color-white: #ffffff;
  --btn-text-color-default: #ffffff;
  --btn-text-color-1: #6F656F;
  --btn-text-color-2: #ffffff;
  --btn-text-color-3: #ffffff;
  --btn-text-color-4: #ffffff;
  --btn-text-color-5: #ffffff;
  --btn-text-color-6: #ffffff;
  --btn-text-color-7: #ffffff;
  --btn-text-color-8: #ffffff;
  --btn-text-color-9: #ffffff;
  --btn-text-color-10: #ffffff;
  --btn-text-color-11: #ffffff;
  --btn-text-color-12: #ffffff;
  --gallerie-space-extra-small: 2px;
  --gallerie-space-small: 5px;
  --gallerie-space-medium: 7px;
  --gallerie-space-large: 10px;
  --gallerie-space-extra-large: 15px;
  --gradient-1: transparent linear-gradient(180deg, #95c11f 0%, #749719 100%) no-repeat padding-box;
  --gradient-2: transparent linear-gradient(180deg, rgba(149, 193, 31, .6) 0%, rgba(116, 151, 25, .6) 100%) no-repeat padding-box;
  --gradient-3: transparent linear-gradient(270deg, #95c11f 0%, #749719 100%) 0% 0% no-repeat padding-box;
}
@media (min-width: 768px) {
  :root {
    --font-size: 16px;
    --h6-size: 20px;
    --h5-size: 23px;
    --h4-size: 28px;
    --h3-size: 32px;
    --h2-size: 40px;
    --h1-size: 60px;
  }
}
@media (min-width: 1200px) {
  :root {
    --font-size: 16px;
    --h6-size: 18px;
    --h5-size: 20px;
    --h4-size: 23px;
    --h3-size: 28px;
    --h2-size: 30px;
    --h1-size: 60px;
  }
}
@media (min-width: 1440px) {
  :root {
    --font-size: 16px;
    --h6-size: 20px;
    --h5-size: 23px;
    --h4-size: 28px;
    --h3-size: 32px;
    --h2-size: 40px;
    --h1-size: 60px;
  }
}
@media (min-width: 1900px) {
  :root {
    --font-size-navigation: 18px;
  }
}
.shadow-around {
  -webkit-box-shadow: 2px 2px 5px 0 #000000bf;
  -moz-box-shadow: 2px 2px 5px 0 #000000bf;
  box-shadow: 2px 2px 5px 0 #000000bf;
}
body {
  font-family: var(--font-regular);
}
.logo {
  width: 100px;
}
#header-desktop {
  padding: 20px 100px;
}
#header-mobile {
  padding: 10px 30px 30px 30px;
}