@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../../fonts/roboto-v30-latin-ext_latin-500.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../../fonts/roboto-v30-latin-ext_latin-300.woff') format('woff');
}

@font-face {
  font-family: "foundation-icons";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/foundation-icons.woff") format("woff");
}

@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-mono-v5-latin-regular.woff") format("woff"); 
}

html {
  height: 100%; 
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body.sg_elements {
  margin: 0;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}


#m::before,
#splitter::before,
#splitter2::before,
.fi-tablet-landscape::before,
.fi-monitor::before,
.fi-comments::before,
.fi-pricetag-multiple::before,
.fi-info::before,
.fi-pause::before,
.fi-wrench::before,
.fi-filter::before,
.fi-arrows-out::before,
.fi-arrows-in::before,
.fi-arrow-down::before,
.fi-arrow-up::before,
.fi-results::before,
.fi-link::before,
.fi-flag::before,
.fi-list-thumbnails::before,
.fi-list::before,
.fi-thumbnails::before,
.fi-play::before,
.fi-pencil::before,
.fi-plus::before,
.fi-trash::before,
.fi-x::before,
.fi-page-export::before,
.fi-widget::before,
.fi-page-multiple::before,
.fi-arrow-right::before,
.fi-arrow-left::before,
.fi-record::before,
.fi-share::before,
.fi-refresh::before,
.fi-eye::before,
.fi-magnifying-glass::before,
.fi-lightbulb::before {
  font-family: "foundation-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
}

.fi-pricetag-multiple::before { content: "\f19e"; }
.fi-tablet-landscape::before { content: "\f1f3"; }
.fi-monitor::before { content: "\f179"; }
.fi-info::before { content: "\f15e"; }
.fi-comments::before { content: "\f132"; }
.fi-pause::before { content: "\f191"; }
.fi-wrench::before { content: "\f215"; }
.fi-filter::before { content: "\f14b"; }
.fi-arrows-out::before { content: "\f110"; }
.fi-arrows-in::before { content: "\f10f"; }
.fi-arrow-down::before { content: "\f109"; }
.fi-arrow-up::before { content: "\f10c"; }
.fi-results::before { content: "\f1a7"; }
.fi-link::before { content: "\f165"; }
.fi-flag::before { content: "\f14d"; }
.fi-list-thumbnails::before { content: "\f168"; }
.fi-list::before { content: "\f169"; }
.fi-thumbnails::before { content: "\f1fa"; }
.fi-play::before { content: "\f198"; }
.fi-pencil::before { content: "\f194"; }
.fi-plus::before { content: "\f199"; }
.fi-trash::before { content: "\f204"; }
.fi-x::before { content: "\f217"; }
.fi-page-export::before { content: "\f188"; }
.fi-widget::before { content: "\f214"; }
.fi-page-multiple::before { content: "\f18a"; }
.fi-arrow-left::before { content: "\f10a"; }
.fi-record::before { content: "\f1a4"; }
.fi-arrow-right::before { content: "\f10b"; }
.fi-share::before { content: "\f1ad"; }
.fi-refresh::before { content: "\f1a5"; }
.fi-eye::before { content: "\f147"; }
.fi-magnifying-glass::before { content: "\f16c"; }
.fi-lightbulb::before { content: "\f163"; }

:root {
  --sg-logo: url("../../img/Kanton-Bern.svg");
  --sg-logo2: url("../../img/Kanton-Bern-Web-Styleguide.svg");
  --sg-w: 150px;
  --sg-h: 75px;
  --sg-mt: 160px;
  --sg-w2: 150px;
  --sg-h2: 100px;
  --sg-mt2: 160px;
  --sp-header-height: 210px;
  --header-height: 120px;
  --sticky-header-height: 40px;
  --header-shadow-1: 0;
  --header-shadow-2: 0;
  --header-shadow-3: 0;
  --header-line: 75%;
  --bg-color-body: #fff;
  --bg-color-sidebar: #fff;
  --bg-color-header: #ffffff;
  --primary-color: #ff5252;
  --primary-color-darken: #f54848;
  --primary-color-lighten: #ff5c5c;
  --secondary-color: #bbb;
  --secondary-color-darken: #aaa;
  --font-color-dark: #0a0a0a;
  --font-color-light: #8a8a8a;
  --font-color-white: #fff;
  --font-color-header: #0a0a0a;
  --font-color-headlines: #0a0a0a;
  --font-color-header-hover: #ff5252;
  --font-weight-hf: 500;
  --font-weight-bf: 300;
  --border-color-light: #ccc;
  --border-color-dark: #4d4d4d;
  --light-bg-color: #f8f8f8;
  --b-font: "Roboto";
  --h-font: "Roboto";
  --c-font: "Roboto Mono", monospace;
  --max-width: none;
  --max-width-plus: calc(none + 66px);
  --V_XS_plus: 390px;
  --V_S_plus: 615px;
  --V_M_plus: 915px;
  --V_L_plus: 1195px;
  --V_XL_plus: 1495px;
  --icon-left: 15px;
  --icon-right: auto;
  --h1-vertical-distance: 1.25rem;
  --h2-vertical-distance1: 6rem;
  --h2-vertical-distance2: 1.5rem;
  --h2-vertical-distance3: 1rem;
  --h3-vertical-distance1: 7rem;
  --h3-vertical-distance2: 6rem;
  --h3-vertical-distance3: 3rem;
  --h-text-transform: uppercase;
  --menu_text_size1: 0.75rem;
  --menu_text_size2: 0.875rem;
  --menu_text_size3: 0.75rem;
  --menu_distances3: 0.5rem 0.5rem 0.1rem 1.5rem !important;
  --menu_text_weight: 500;
  --h-letter-space: 0.05rem;
  --letter-space-1: 0.02rem;
  --letter-space-2: 0.04rem;
  --letter-space-3: 0.04rem;
  --word-space: 0.08rem;
  --mt: 60px;
  --cbz: 100px;
  --cbf: 50%;
  --cbza: center;
  --cbzb: 10px;
  --svp: inline;
}
    

    @media screen and (max-width: 1930px) { 
        .xl_view { display: none !important; }
    }
    @media screen and (max-width: 1630px) { 
        .l_view { display: none !important; }
    }
    @media screen and (max-width: 1350px) { 
        .m_view { display: none !important; }
    }
    @media screen and (max-width: 1050px) { 
        .s_view { display: none !important; }
    }