/* ------------------------------------------------------------- */
/* FONTS */

/* source-sans-pro-200 - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 200;
    src: url('/fonts/source-sans-pro-v21-latin-200.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/source-sans-pro-v21-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/source-sans-pro-v21-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/source-sans-pro-v21-latin-200.woff') format('woff'), /* Modern Browsers */
         url('/fonts/source-sans-pro-v21-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/source-sans-pro-v21-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-200italic - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 200;
    src: url('/fonts/source-sans-pro-v21-latin-200italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/source-sans-pro-v21-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/source-sans-pro-v21-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/source-sans-pro-v21-latin-200italic.woff') format('woff'), /* Modern Browsers */
         url('/fonts/source-sans-pro-v21-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/source-sans-pro-v21-latin-200italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-300 - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
         url('/fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-300italic - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 300;
    src: url('/fonts/source-sans-pro-v21-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/source-sans-pro-v21-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/source-sans-pro-v21-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/source-sans-pro-v21-latin-300italic.woff') format('woff'), /* Modern Browsers */
         url('/fonts/source-sans-pro-v21-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/source-sans-pro-v21-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-regular - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('/fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-italic - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: url('/fonts/source-sans-pro-v21-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/source-sans-pro-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/source-sans-pro-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/source-sans-pro-v21-latin-italic.woff') format('woff'), /* Modern Browsers */
         url('/fonts/source-sans-pro-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/source-sans-pro-v21-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-600 - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/source-sans-pro-v21-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
         url('/fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-600italic - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 600;
    src: url('/fonts/source-sans-pro-v21-latin-600italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/source-sans-pro-v21-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/source-sans-pro-v21-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/source-sans-pro-v21-latin-600italic.woff') format('woff'), /* Modern Browsers */
         url('/fonts/source-sans-pro-v21-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/source-sans-pro-v21-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-700 - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/source-sans-pro-v21-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */
         url('/fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-700italic - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 700;
    src: url('/fonts/source-sans-pro-v21-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/source-sans-pro-v21-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/source-sans-pro-v21-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/source-sans-pro-v21-latin-700italic.woff') format('woff'), /* Modern Browsers */
         url('/fonts/source-sans-pro-v21-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/source-sans-pro-v21-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-900 - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 900;
    src: url('/fonts/source-sans-pro-v21-latin-900.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/source-sans-pro-v21-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/source-sans-pro-v21-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/source-sans-pro-v21-latin-900.woff') format('woff'), /* Modern Browsers */
         url('/fonts/source-sans-pro-v21-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/source-sans-pro-v21-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-900italic - latin */
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 900;
    src: url('/fonts/source-sans-pro-v21-latin-900italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/source-sans-pro-v21-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/source-sans-pro-v21-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/source-sans-pro-v21-latin-900italic.woff') format('woff'), /* Modern Browsers */
         url('/fonts/source-sans-pro-v21-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/source-sans-pro-v21-latin-900italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }

/* cairo-200 - latin */
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 200;
    src: url('/fonts/cairo-v20-latin-200.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/cairo-v20-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/cairo-v20-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/cairo-v20-latin-200.woff') format('woff'), /* Modern Browsers */
         url('/fonts/cairo-v20-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/cairo-v20-latin-200.svg#Cairo') format('svg'); /* Legacy iOS */
  }
  /* cairo-300 - latin */
  @font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/cairo-v20-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/cairo-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/cairo-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/cairo-v20-latin-300.woff') format('woff'), /* Modern Browsers */
         url('/fonts/cairo-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/cairo-v20-latin-300.svg#Cairo') format('svg'); /* Legacy iOS */
  }
  /* cairo-500 - latin */
  @font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/cairo-v20-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/cairo-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/cairo-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/cairo-v20-latin-500.woff') format('woff'), /* Modern Browsers */
         url('/fonts/cairo-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/cairo-v20-latin-500.svg#Cairo') format('svg'); /* Legacy iOS */
  }
  /* cairo-regular - latin */
  @font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/cairo-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/cairo-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/cairo-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/cairo-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('/fonts/cairo-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/cairo-v20-latin-regular.svg#Cairo') format('svg'); /* Legacy iOS */
  }
  /* cairo-600 - latin */
  @font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/cairo-v20-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/cairo-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/cairo-v20-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/cairo-v20-latin-600.woff') format('woff'), /* Modern Browsers */
         url('/fonts/cairo-v20-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/cairo-v20-latin-600.svg#Cairo') format('svg'); /* Legacy iOS */
  }
  /* cairo-700 - latin */
  @font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/cairo-v20-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/cairo-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/cairo-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/cairo-v20-latin-700.woff') format('woff'), /* Modern Browsers */
         url('/fonts/cairo-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/cairo-v20-latin-700.svg#Cairo') format('svg'); /* Legacy iOS */
  }
  /* cairo-800 - latin */
  @font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 800;
    src: url('/fonts/cairo-v20-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/cairo-v20-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/cairo-v20-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/cairo-v20-latin-800.woff') format('woff'), /* Modern Browsers */
         url('/fonts/cairo-v20-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/cairo-v20-latin-800.svg#Cairo') format('svg'); /* Legacy iOS */
  }
  /* cairo-900 - latin */
  @font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 900;
    src: url('/fonts/cairo-v20-latin-900.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/cairo-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/cairo-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/cairo-v20-latin-900.woff') format('woff'), /* Modern Browsers */
         url('/fonts/cairo-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/cairo-v20-latin-900.svg#Cairo') format('svg'); /* Legacy iOS */
  }



/* GLOBAL */
:root {
    --font-hl: Cairo, sans-serif;
    --font-body: Source Sans Pro, sans-serif;
    --letter-spc: 0.01em;

    --fs-h1: calc(30px + (50 - 30) * ((100vw - 320px) / (1200 - 320)));
    --fs-h2: calc(25px + (37 - 25) * ((100vw - 320px) / (1200 - 320)));
    --fs-h3: calc(20px + (22 - 20) * ((100vw - 320px) / (1200 - 320)));
    --fs-body: calc(16px + (18 - 16) * ((100vw - 320px) / (1200 - 320)));
    --fs-sl-body: calc(17px + (20 - 17) * ((100vw - 320px) / (1200 - 320)));
    --fs-site-title: calc(20px + (30 - 20) * ((100vw - 320px) / (1600 - 320)));
    --fs-menu: calc(16px + (20 - 16) * ((100vw - 320px) / (1600 - 320)));
    --fs-customer-body: calc(12px + (17 - 12) * ((100vw - 320px) / (1200 - 320)));

    --color-1st: rgb(8, 153, 215);
    --color-2nd: rgb(207, 41, 41);
    --color-body: #000;
    --color-btn: 136, 6, 108;
    --opacity-btn: 1;
    --color-btn-hov: 8, 153, 215;
    --opacity-btn-hov: 0.2;
    --color-btn-sdw: 136, 136, 136;
}
@media (min-width: 1200px) {
    :root {
        --fs-h1: 50px;
        --fs-h2: 40px;
        --fs-h3: 25px;
        --fs-body: 18px;
        --fs-sl-body: 20px;
        --fs-site-title: 30px;
        --fs-menu: 20px;
        --fs-customer-body: 17px;
    }
}

h1,
h2,
h3 {
    font-family: var(--font-hl);
    letter-spacing: var(--letter-spc);
    text-align: left;
}
h1 {
    font-weight: 100;
    font-size: var(--fs-h1) !important;
    color: var(--color-1st)
}
h2 {
    font-weight: 100;
    font-size: var(--fs-h2) !important;
    color: var(--color-1st)
}
h3 {
    font-weight: 300 !important;
    font-size: var(--fs-h3) !important;
}
body {
    font-family: var(--font-body);
    font-size: var(--fs-body) !important;
    font-weight: 300 !important;
    line-height: 1.4em;
}
.copy-color-1st {
    font-family: var(--font-body);
    font-size: var(--fs-body) !important;
    font-weight: 300 !important;
    line-height: 1.4em;
    color: var(--color-1st)
}
.copy-color-2nd {
    font-family: var(--font-body);
    font-size: var(--fs-body) !important;
    font-weight: 300 !important;
    line-height: 1.4em;
    color: var(--color-2nd)
}
.intro {
    font-family: var(--font-hl);
    font-size: var(--fs-body) !important;
    font-weight: 600 !important;
    font-style: italic;
    line-height: 1.4em;
    color: var(--color-1st)
}
ul {
    list-style-type: square;
    padding-inline-start: 20px;
}
.footermenu {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    margin-left: -20px !important;
}
@media (min-width: 680px) {
    .footermenu {
        flex-direction: row;
        margin-left: 0px;
    }
}
.footermenu li {
    margin-right: 20px;
    margin-bottom: 10px;
}



/* ------------------------------------------------------------- */
/* BUTTONS */
.button-m,
.sppb-sp-slider-button .sp-slider-btn-text,
#mod-eu-cookies button,
#mod-eu-cookies #eu-cookies-save.btn-module-class button,
#mod-eu-cookies #eu-cookies-accept-all.btn-module-class button {
    display: block;
    font-family: var(--font-hl);
    font-size: var(--fs-body);
    font-weight: 300;
    letter-spacing: var(--letter-spc);
    color: #fff;
    text-align: center;
    white-space: nowrap;
    border: 0px solid transparent;
    border-color: var(--color-1st) !important;
    border-radius: 5px;
    background: var(--color-1st) !important;
    padding: 10px 20px;
    transition-duration: .2s;
    transition-property: color,background;
    box-shadow: 3px 3px 5px 0px rgb(var(--color-btn-sdw));
}
#mod-eu-cookies a {
    text-decoration: none !important;
}
.button-m:hover,
.sppb-sp-slider-button .sp-slider-btn-text:hover {
    color: #fff !important;
    background: var(--color-2nd) !important;
    border: 0px solid transparent;
    border-color: var(--color-2nd);
}


/* ------------------------------------------------------------- */
/* LINKS */
.link,
.link:visited {
    color: var(--color-1st);
}
.link:hover {
    color: var(--color-2nd);
}


/* ------------------------------------------------------------- */
/* SPPB OVERWRITES */
.sp-contact-info {
    float: right;
    margin: 5px 0;
}
.sp-contact-info li i {
    color: var(--color-1st)
}


/* ------------------------------------------------------------- */
/* ROW SITE TITLE */
#sp-header {
    margin-top: 15px;
    margin-bottom: 0px;
}
#sp-header:before {
    content: none;
}
.site-title {
    height: 100px !important;
    background: var(--color-1st);
    border-top: 5px solid transparent;
    border-color: var(--color-2nd);
    margin-bottom: 50px;
}
.site-title .row {
    display: flex;
    align-items: center;
}
.site-title .sppb-row-container {
    display: flex;
}
.site-title .col-xs-2,
.site-title .col-sm-2,
.site-title .col-md-2‚ {
    padding: 0 !important;
}
.site-title .flow {
    display: flex;
    float: left;
    align-items: center;
}
.site-title .flow .logo {
    height: 80px !important;
    max-width: 73px !important;
    margin-right: 10px !important;
}
.site-title .flow .text {
    display: flex;
}
.site-title .container {
    display: table;
}
@media (max-width: 430px) {
    .site-title .logo {
        display: none !important;
    }
    .site-title .container {
        display: flex;
    }
    .site-title .sppb-row-container {
        padding-left: 0px;
    }
}
@media (max-width: 650px) {
    .site-title .container {
        display: block;
    }
    .site-title .sppb-container {
        display: block;
        padding-left: 0px;
    }
    .site-title .flow .text {
        display: block;
        line-height: 1.1em !important;
    }
    .site-title .flow .text .part-1 {
        line-height: 1.4em !important;
        margin-bottom: 0px;
    }
}
.site-title a,
.site-title a:hover,
.site-title h1 {
    font-family: var(--font-hl);
    font-weight: 100;
    font-size: var(--fs-site-title) !important;
    color: white !important;
    line-height: 1.1em !important;
    letter-spacing: var(--letter-spc);
    margin: 0;
    align-items: left;
}



/* ------------------------------------------------------------- */
/* OFFCNVAS MENU */
.sp-megamenu-wrapper i {
    font-size: 44px !important;
}
@media (max-width: 430px) {
    .sp-megamenu-wrapper i {
        font-size: 38px !important;
    }
}
#offcanvas-toggler {
    display: flex;
    float: right;
    align-items: center;
}
.offcanvas-menu {
    background: var(--color-2nd);
    background-image: url(/images/website/offcanvas-bg.png) !important;
    background-repeat: repeat-x;
}
.offcanvas-inner {
    padding-top: 110px !important
}
.close-offcanvas {
    position: absolute;
    top: 35px !important;
    right: 35px !important;
    z-index: 1;
    color: #fff !important;
    background: transparent;
    border: none !important;
    border-radius: none !important;
    width: 22px;
    height: 0;
    line-height: 0;
    text-align: center;
    font-size: 40px  !important;
    -webkit-transition: border 300ms, color 300ms;
    -moz-transition: border 300ms, color 300ms;
    -o-transition: border 300ms, color 300ms;
    transition: border 300ms, color 300ms;
}
.offcanvas-menu a {
    border: none;
}
.offcanvas-menu .fa {
    font-family: 'peIcon7' !important;
}
.offcanvas-menu i:before {
    content: "\e681" !important;
}
.nav-pills {
    font-family: var(--font-hl);
    font-size: var(--fs-menu) !important;
    letter-spacing: var(--letter-spc);
}
.nav-pills li {
    float: none;
}
.nav-pills a {
    background: none !important;
}


/* ------------------------------------------------------------- */
/* ROW HOME SLIDER */
.row-hp-slider {
    padding: 50px 0 !important;
}
.row-hp-slider .sppb-container {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
}
.slider-top .sp-slider .sp-dots ul li {
    margin-left: 0px;
    background-color: var(--color-1st) !important;
    border-color: var(--color-1st) !important;
}
.slider-top .sppb-sp-slider-title {
    font-size: var(--fs-h1) !important;
    margin-top: 50px;
    margin-bottom: 50px;
}
.slider-top .sppb-sp-slider-text {
    margin: 0 0 20px 0 !important;
    color: var(--color-body);
    font-size: var(--fs-sl-body) !important;
    line-height: 1.3em;
    font-weight: 100;
    margin-bottom: 18px;
    width: 100%;
}
.slider-top .sppb-sp-slider-text ul {
    list-style-type: none;
    padding-left: 20px !important;
}
.slider-top .sppb-sp-slider-text li {
    position: relative;
    padding-left: 5px;
    margin-bottom: 10px
}
.slider-top .sppb-sp-slider-text li:before {
    font-family: 'peIcon7' !important;
    content: "\e684" !important;
    color: var(--color-1st);
    font-size: var(--fs-h1);
    position: absolute;
    top: 2px;
    left: -33px;
}
@media (min-width: 768px) {
    .slider-top .sppb-sp-slider-text li:before {
        font-size: var(--fs-h2);
    }
}
/* BG Image: Zuordnung Klasse slider-top verschiebt BG */
.sp-slider .sp-item .sp-background {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: bottom;
    top: unset;
    bottom: 0px;
}

@media (max-width: 499.98px) {
    .row-hp-slider {
        margin-top: 20px !important;
    }
    .slider-top .sp-slider-outer-stage {
        height: 470px !important;
    }
    .slider-top .sppb-sp-slider-title {
        margin-top: 12%;
        margin-bottom: 10px;
    }
    .slider-top .sppb-sp-slider-text {
        margin: 30px 0 10px 0 !important;
        width: 95%;
    }
    .slider-top .sppb-sp-slider-text .space{
        display: none;
    }
    .slider-top .sppb-sp-slider-button {
        margin-top: 10px;
    }
    .slider-top .button-2 {
        margin-right: 120px;
    }
    .sp-slider .sp-item .sp-background {
        bottom: 20px;
    }
    .slider-top .sp-slider-content-align-left {
        padding: 0px
    }
}
@media (min-width: 500px) {
    .slider-top .sp-slider-outer-stage {
        height: 470px !important;
    }
    .slider-top .sppb-sp-slider-text {
        width: 70%;
    }
    .sp-slider .sp-item .sp-background {
        bottom: 0px;
    }
}
@media (min-width: 768px) {
    .slider-top .sp-slider-outer-stage {
        height: 470px !important;
    }
    .slider-top .sppb-sp-slider-text {
        width: 50%;
    }
    .sp-slider .sp-item .sp-background {
        bottom: 0px;
    }
}
@media (min-width: 992px) {
    .slider-top .sp-slider-outer-stage {
        height: 500px !important;
    }
    .slider-top .sppb-sp-slider-text {
        width: 50%;
    }
    .sp-slider .sp-item .sp-background {
        bottom: 30px;
    }
}
@media (min-width: 1200px) {
    .slider-top .sp-slider-outer-stage {
        height: 520px !important;
    }
    .slider-top .sppb-sp-slider-text {
        width: 50%;
    }
    .sp-slider .sp-item .sp-background {
        background-size: 105%;
        bottom: 10px;
    }
}


/* ------------------------------------------------------------- */
/* COOKIE LAYER */
@media (min-width: 992px) {
    #mod-eu-cookies .eu-cookies-wrapper {
        width: 768px !important;
    }
}
#mod-eu-cookies .cookie-accept, 
#mod-eu-cookies .cookie-more-information {
    width: 100%;
    padding: 0px 0px !important;
    text-align: left !important;
}
#mod-eu-cookies .cookie-settings {
    width: 100%;
    padding: 10px 0px !important;
    text-align: left !important;
}
@media (min-width: 768px) {
    #mod-eu-cookies .cookie-accept {
        width: 33% !important;
        padding: 0 !important;
    }
}
@media (min-width: 768px) {
    #mod-eu-cookies .cookie-settings {
        width: 33% !important;
        padding: 14px 0 0 0 !important;
        text-align: center !important;
    }
}@media (min-width: 768px) {
    #mod-eu-cookies .cookie-more-information {
        width: 33% !important;
        padding: 14px 0 0 0 !important;
    }
}
#mod-eu-cookies .eu-cookies-wrapper {
    padding: 15px !important;
}
#mod-eu-cookies .user-content {
    min-height: 0px !important;
    margin-bottom: 15px;
}
#mod-eu-cookies .cookie-accept button,
#mod-eu-cookies .cookie-save button  {
    width: 100% !important;
    text-align: center;
    box-shadow: none !important;
}
#mod-eu-cookies p, #mod-eu-cookies span, #mod-eu-cookies h6, .full-width {
    font-family: var(--font-body) !important;
    font-size: var(--fs-body) !important;
    font-weight: 300;
    color: white !important;
}
#mod-eu-cookies .cookie-explain-content {
    padding: 15px 0px;
    text-align: left !important;
}
#mod-eu-cookies .cookie-explain-content p {
    letter-spacing: 0 !important;
    line-height: 1.4em !important;
}
.cookie-accept {
    width: unset !important;
}


/* ------------------------------------------------------------- */
/* ROW ABOUT ME */
.row-about-me {
    padding: 50px 0 0 0 !important;
    margin: 50px 0 50px 0 !important;
    background-position: bottom center !important;
    height: 100% !important;
}

@media (max-width: 599.98px) {
    .row-about-me {
        background-image: url(/images/website/sven-mones-s.jpg) !important;
        background-size: cover !important;
        background-position: right 0px top 0% !important;
    }
    .row-about-me .sppb-row-overlay {
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 100%, #fff 0%) transparent !important;
    }
}
@media (min-width: 600px) {
    .row-about-me {
        background-image: url(/images/website/sven-mones-m.jpg) !important;
        background-size: cover !important;
    }
    .row-about-me .sppb-row-overlay {
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 100%, #fff 0%) transparent !important;
    }
}
@media (min-width: 768px) {
    .row-about-me {
        background-image: url(/images/website/sven-mones-l.jpg) !important;
        background-size: cover !important;
    }
    .row-about-me .sppb-row-overlay {
        background: none !important;
    }
}
@media (min-width: 1200px) {
    .row-about-me {
        background-image: url(/images/website/sven-mones-l.jpg) !important;
        background-size: cover !important;
        background-position: right 0px top 100% !important;
    }
    .row-about-me .sppb-row-overlay {
        background: none !important;
    }
}
@media (min-width: 1600px) {
    .row-about-me {
        background-image: url(/images/website/sven-mones-xxl.jpg) !important;
        background-size: cover !important;
    }
    .row-about-me .sppb-row-overlay {
        background: none !important;
    }
}

/* ------------------------------------------------------------- */
/* ROW TESTIMONIAL */
@media (max-width: 767px) {
    .slider-testimonial .sp-slider-outer-stage {
        min-height: 500px;
    }
    .slider-testimonial .sp-slider-image-align-left {
        width: 50%;
        margin-bottom: 20px;
    }
    .slider-testimonial .t-image img {
        height: 100% !important;
        max-width: 75%;
        border-radius: 5px;
    }
    .slider-testimonial .t-message ul {
        margin-right: -15px;
    }
    .slider-testimonial .t-message li {
        padding: 10px 20px 0 0;
        height: 220px !important;
        overflow-y: scroll !important;
    }
    .slider-testimonial ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 6px;
    }
    .slider-testimonial ::-webkit-scrollbar-track {
        border-radius: 3px;
        background-color: rgba(0,0,0,.2);
        box-shadow: 0 0 1px rgba(255,255,255,.2);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.2);
    }
    .slider-testimonial ::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: rgba(0,0,0,.5);
        box-shadow: 0 0 1px rgba(255,255,255,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    }
    .slider-testimonial .t-name {
        font-size: var(--fs-body) !important;
    }
}
@media (min-width: 768px) {
    .slider-testimonial .sp-slider-outer-stage {
        min-height: 320px;
    }
    .slider-testimonial .sp-slider-image-align-left {
        width: 100%;
    }
    .slider-testimonial .t-image img {
        height: 100% !important;
        width: 100% !important;
        border-radius: 5%;
    }
}
@media (min-width: 992px) {
    .slider-testimonial .sp-slider-outer-stage {
        min-height: 300px;
    }
}
@media (min-width: 1200px) {
    .slider-testimonial .sp-slider-outer-stage {
        min-height: 360px;
    }
}
.slider-testimonial .sppb-col-sm-12 {
    padding-left: 0px;
}
.slider-testimonial .sppb-container {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .slider-testimonial .sp-slider-content-align-left {
        max-width: 500px;
    }
}
.slider-testimonial .t-message ul {
    list-style-type: none;
    padding-left: 0px !important;
}
.slider-testimonial .t-message li:before {
    font-family: "Font Awesome 5 Free";
    color: var(--color-1st);
    font-size: var(--fs-h1);
    font-weight: 900;
    content: "\f10d" !important;
    margin-right: 10px;
}


/* ------------------------------------------------------------- */
/* ROW CUSTOMER */
.anim-nr .sppb-addon-content {
    padding: 0;
    border-style: solid;
    border-color: var(--color-1st);
    border-width: 1px;
    border-radius: 100%;
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    color: var(--color-1st)
}
.anim-nr .number_addtext {
    animation-name: show;
    animation-duration: 4s;
}
@keyframes show {
    from {color: white;}
    to {color: var(--color-1st);}
  }

.customer-items{
    background-color: white !important;
}
.row-customer .c-rows {
    display: grid;
}
.row-customer .c-row {
    display: flex;
    float: left;
}
.row-customer .col-1 {
    min-width: 160px;
}
.row-customer .col-2 {
    max-width: 500px;
}
@media (min-width: 600px) {
    .row-customer .sppb-col-sm-6 {
        -ms-flex: 0 0 39%;
        flex: 0 0 39%;
        max-width: 50%;
    }
    .row-customer h3 {
        max-width: 260px;
        min-width: 212px;
    }
}
@media (min-width: 992px) {
    .row-customer .sppb-col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}
.row-customer .threeD-content-wrap {
    margin: 8px 0px;
}

.row-customer .threeD-content-inner {
    font-size: var(--fs-customer-body);
}
.row-customer .threeD-content-inner ul {
    margin-bottom: 0px;
}

@media (max-width: 599px) {
    .row-customer .sppb-col-xs-6:nth-child(even) {
        padding-left: 5px;
        padding-right: 10px;
    }
    .row-customer .sppb-col-xs-6:nth-child(odd) {
        padding-left: 10px;
        padding-right: 5px;
    }
    .row-customer .threeD-item {
        max-width: 260px !important;
        display: block;
        padding-top: 50%;
        height: unset;
    }
    .row-customer .threeD-flip-front .threeD-content-inner {
        display: flex;
        justify-content: center;
        padding: 0 10px;
    }
    .row-customer .threeD-flip-front img {
        width: 80%; 
        max-height: 50px; 
        object-fit: contain; 
    }
    .row-customer .threeD-flip-back .threeD-content-inner {
        display: flex;
        padding: 0 5px 0 10px;
        text-align: left;
        line-height: 1.2em;
    }
}
@media (min-width: 600px) {
    .row-customer .threeD-item {
        max-width: 260px !important;
        min-width: 212px;
        display: block;
        padding-top: 50%;
        height: unset;
    }
    .row-customer .threeD-flip-front .threeD-content-inner {
        display: flex;
        justify-content: center;
        padding: 0 20px;
    }
    .row-customer .threeD-flip-front img {
        width: 80%; 
        max-height: 50px; 
        object-fit: contain; 
    }
    .row-customer .threeD-flip-back .threeD-content-inner {
        padding: 0 20px;
        text-align: left;
        line-height: 1.2em;
    }
}
.row-customer .threeD-flip-front:before, .threeD-flip-back:before {  
    border-width: 0px;
    border-color: white;
    border-style: solid;
    border-radius: 5px;
}
.row-customer .threeD-flip-front:before {  
    box-shadow:  3px 3px 8px rgb(211, 211, 211);
}
.row-customer .threeD-flip-back:before {  
    box-shadow: inset 3px 3px 8px rgb(211, 211, 211);
}



/* ------------------------------------------------------------- */
/* CONTENT PAGES */
.page-5 .sppb-section,
.page-7 .sppb-section,
.page-8 .sppb-section {
    background-repeat: no-repeat;
    background-size: contain; 
    background-position: right bottom !important;
    background-attachment: fixed;
    box-shadow: 0 0 0 0 #ffffff;
}
/* PAGE COMPANY */
.page-5 .sppb-section {
    background-image: url(/images/website/pm-unternehmen-blur.jpg);
}
/* PAGE AGENCY */
.page-7 .sppb-section {
    background-image: url(/images/website/pm-agentur-blur.jpg);
}
/* PAGE Competences */
.page-8 .sppb-section {
    background-image: url(/images/website/pm-digital-blur.jpg);
}


/* ------------------------------------------------------------- */
/* CONTENT BOX */
.page-5 .content-box {
    max-width: 550px;
}
.page-7 .content-box {
    max-width: 700px;
}
.content-box {
    padding: 0px;
    background-color: rgba(255, 255, 255, 0.4);
    border-width: 0px;
    border-radius: 5px;
    border-color: rgb(255, 255, 255, 0.4);
    border-style: solid;
    margin-left: 0px !important;
    margin-right: 0px !important;
    box-shadow: 5px 5px 10px 15px rgba(255, 255, 255, 0.4) !important;
}
@media (min-width: 992px) {
    .p-box-1 {
        margin-right: 10px;
    }
}
@media (min-width: 992px) {
    .p-box-2 {
        margin-left: 10px;
    }
}


/* ------------------------------------------------------------- */
/* ROW ACCORDION */
.row-accordion .sppb-panel {
    background-color: #fff0 !important;
}
.row-accordion .sppb-panel-heading {
    padding: 24px 0 10px 0;
}
.row-accordion .sppb-panel-heading .sppb-panel-title {
    font-family: var(--font-hl) !important;
    font-size: var(--fs-h2) !important;
    font-weight: 100 !important;
    letter-spacing: var(--letter-spc) !important;
    color: var(--color-1st);
}
.row-accordion .sppb-panel-body {
    padding-left: 0 !important;
}
.row-accordion .sppb-panel-flex >.sppb-panel-heading:after {
    font-family: 'peIcon7';
    content: "\e684";
    font-size: var(--fs-h1);
    font-weight: 100;
    color: var(--color-1st);
    margin-top: -1.05em;
    margin-right: -2px;
}
@media (min-width: 600px) {
    .row-accordion .sppb-panel-flex >.sppb-panel-heading:after {
        margin-top: -1em;
    }
}
@media (min-width: 768px) {
    .row-accordion .sppb-panel-flex >.sppb-panel-heading:after {
        margin-top: -0.9em;
    }
}
@media (min-width: 900px) {
    .row-accordion .sppb-panel-flex >.sppb-panel-heading:after {
        margin-top: -0.85em;
    }
}


/* ------------------------------------------------------------- */
/* CONTACT BOX */
#sp-contact-box {
    background-color: var(--color-2nd);
}
.contact-box h2 {
    color: #fff;
}
.contact-box-content {
    padding: 0px !important;
    font-size: 1.3em;
    font-weight: 300;
    line-height: 2.7;
    color: #fff;
    height: 65px;
}
.contact-box-content i {
    display: flex;
    float: left;
    justify-content: center;
    padding: 10px;
    margin-right: 10px !important;
    border-radius: 10px;
    /* border-color: #fff; */
    background-color: rgba(255, 255, 255, 0.8);
    border-width: 1px;
    border-style: solid;
    position: relative;
    color: var(--color-2nd);
    width: 61px;
    height: 61px;
    font-size: 1.5em;
    line-height: 1.2;
}
.contact-box-content i:hover {
    background-color: rgba(255, 255, 255);
}