/* CSS Document */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input[type=text],input[type=button],input[type=submit],input[type=password],select{vertical-align:middle}


* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

html.mx_logged_in {
margin-top:0 !important;
}

.mx_logged_in #header {
top:52px;
}

@font-face {font-family: 'Branding-Semibold';src: url('../fonts/36076F_0_0.eot');src: url('../fonts/36076F_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/36076F_0_0.woff2') format('woff2'),url('../fonts/36076F_0_0.woff') format('woff'),url('../fonts/36076F_0_0.ttf') format('truetype'); font-display: swap;} 
  
@font-face {font-family: 'Branding-Semilight';src: url('../fonts/36076F_1_0.eot');src: url('../fonts/36076F_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/36076F_1_0.woff2') format('woff2'),url('../fonts/36076F_1_0.woff') format('woff'),url('../fonts/36076F_1_0.ttf') format('truetype');font-display: swap;}

:root {
  --font-family:'Branding-Semibold','Branding','Segoe UI',sans-serif; 
  --body-font-size:17px; 
  --body-color:#5b647a; 
  --bg-color:#eef1f6; 
  --dark-color: #0D1C48;
  --dimmed-color: #6f79a8;
  --light-color: #c3c9e2;
  --shadow: 0 24px 60px rgba(13,28,72,.14);
  --primary-color: #ED1846;
  --primary-dark-color: #d1123c;
  --primary-shadow:0 10px 24px rgba(237,24,70,.30);
  --secondary-color: #F15A22;
  --border-radius: 10px;
  --container-width: 1180px;
}

.gradient-bg {
background: linear-gradient(135deg,var(--primary-color),var(--secondary-color))!important;
}

.dark-bg {
background: var(--dark-color)!important;
}

.dimmed-bg {
background: var(--dimmed-color)!important;
}

.lighter-bg {
background: var(--bg-color)!important;
}

.bg-color {
background: var(--bg-color)!important;
}

.light-bg {
background: var(--light-color)!important;
}

.primary-bg {
background: var(--primary-color)!important;
}

.secondary-bg {
background: var(--secondary-color)!important;
}

.white-bg {
border: 1.5px solid var(--bg-color)!important;
background: transparent !important;
}

.gradient-bg,
.gradient-bg *,
.label.gradient-bg,
.dark-bg,
.dark-bg *,
.label.dark-bg,
.dimmed-bg,
.dimmed-bg *,
.label.dimmed-bg,
.primary-bg,
.primary-bg *,
.label.primary-bg,
.secondary-bg,
.secondary-bg * {
  color: #FFFFFF !important;
}

.light-bg,
.light-bg * {
  color: var(--dark-color) !important;
}

.dark-color {
color: var(--dark-color)!important;
}

.dimmed-color {
color: var(--dimmed-color)!important;
}

.light-color {
color: var(--light-color)!important;
}

.primary-color,
.primary-color li::before{
color: var(--primary-color)!important;
}

.secondary-color {
color: var(--secondary-color)!important;
}

body {
margin:0;
padding:0;
}

body, p, td, td p {
font-family: var(--font-family);
font-size: var(--body-font-size);
color: var(--body-color);
line-height: 1.450;
font-weight: 400;
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
margin: 0;
padding-bottom: 25px;
}

h1 {
font-size: 34px;
line-height: 1.02;
font-weight: 900;
}

/*h1 + h2 {
  margin-top: -25px;
}*/

#sfeertext h1 {
font-size: 56px;
}

h2 {
font-size: 33px;
line-height: 1.15;
font-weight: 900;
color: var(--dark-color);
letter-spacing: -.01em;
}

h3 {
font-size: 19px;
color: var(--dark-color);
line-height: 115%;
}

h4{
font-size: 15px;
font-weight: 800;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--primary-color);
}

.mx_news_block_item em {
font-weight: 800;
text-transform: uppercase;
font-size: 12px!important;
color: var(--dimmed-color);
}

h5 {
font-size: 19px;
color: var(--dimmed-color);
}

a {
color: var(--primary-color);
text-decoration: none;
}

a:hover {
color: var(--secondary-color);
}


input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], button, textarea, select {
border-radius: calc(var(--border-radius) / 2);
font-family: inherit;
font-size: var(--body-font-size);
font-weight: inherit;
filter: none;
line-height: 100%;
padding:8px 10px;
border: solid 1.5px var(--light-color);
width: 100%;
max-width: 450px;
color:var(--body-color);
}

:focus-visible { 
outline: 1px solid var(--dimmed-color);
}

select {
  -webkit-appearance:none;
  -moz-appearance:none;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="11.8" viewBox="0 0 20 11.8"><g fill="rgba(0, 0, 0, 1)"><path d="M9.7 3.2H16L12.8 6 9.7 8.9 6.5 6 3.3 3.2"/></g></svg>')right 5px top 50% no-repeat;
  padding-right: 25px;
  cursor: pointer;
  width: auto;
}

input[type="file"] {
font-family: inherit;
font-size: var(--body-font-size);
font-weight: inherit;
filter: none;
line-height: 100%;
width: 100%;
}

::file-selector-button {
background-color: var(--dimmed-color);
border-radius: calc(var(--border-radius) * 2);
border: solid 2px var(--dimmed-color);
color: #FFFFFF;
padding:5px 15px;
cursor: pointer;
}

input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
width: 20px;
height: 20px;
border: 1.5px solid var(--light-color);
border-radius: 2px;
cursor: pointer;
margin: 0;
top: 3px;
position: relative;
margin-right: 5px;
background-color: #FFFFFF;
}

input[type="checkbox"]::after {
content: " ";
position: absolute;
top:0;
left: 0;
display: block;
  width: 100%;
  height: 100%;
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center center;
}

input[type="checkbox"]:checked {
  background-color: var(--dimmed-color);
  border-color: var(--dimmed-color);
}

input[type="checkbox"]:checked::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M434.8 70.1c14.3 10.4 17.5 30.4 7.1 44.7l-256 352c-5.5 7.6-14 12.3-23.4 13.1s-18.5-2.7-25.1-9.3l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l101.5 101.5 234-321.7c10.4-14.3 30.4-17.5 44.7-7.1z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1.5px solid var(--light-color);
  border-radius: 50%; 
  cursor: pointer;
  margin: 0;
  top: 3px;
  position: relative;
  margin-right: 5px;
  background-color: #FFFFFF;
}

input[type="radio"]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: transparent;
  transform: translate(-50%, -50%);
}

input[type="radio"]:checked {
  border-color: var(--dimmed-color);
  background-color: #FFFFFF; /* achtergrond blijft wit */
}

input[type="radio"]:checked::after {
  background-color: var(--dimmed-color); /* gevuld bolletje in het midden */
}


input[type=text]:focus, input[type=email]:focus, textarea:focus {
border: 1.5px solid var(--dimmed-color);
}

.button, button[type="submit"],input[type=submit] {
cursor: pointer;
display: inline-block;
width: auto;
padding: 10px 20px;
color: #FFFFFF;
background-color: var(--primary-color);
font-size: calc(var(--body-font-size) - 2px);
border: 1.5px solid var(--primary-color);
transition: .18s;
text-decoration: none;
border-radius:var(--border-radius);
}

p[style*="text-align: center"]:has(> [class*="button"]):not(:has(> :not([class*="button"]))) {
  justify-content: center;
}

.button:hover, button[type="submit"]:hover, input[type=submit]:hover {
color: #FFFFFF;
background-color: var(--primary-dark-color);
box-shadow: var(--primary-shadow);
top:-1px;
position: relative;
}

.button.outline {
background-color: transparent;
color: var(--dark-color);
border: 1.5px solid var(--light-color);
}

.lighter-bg .button.outline {
background-color: #FFFFFF;
}

.button.outline:hover {
border: 1.5px solid var(--dimmed-color);
box-shadow: var(--shadow);
background: rgba(255,255,255,.12);
}

.button.outline.primary {
border: 1.5px solid var(--primary-color);
color: var(--primary-color);
}

.button.outline.primary:hover {
color: #FFFFFF!important;
background-color: var(--primary-dark-color);
border: 1.5px solid var(--primary-dark-color);
box-shadow: var(--primary-shadow);
}

blockquote .button.outline, blockquote[class*="-bg"] .button.outline {
color: #FFFFFF;
border-color:#FFFFFF;
}

blockquote .button:hover {
box-shadow: var(--shadow);
}

.light-bg .button:not(.outline) {
color:#FFFFFF!important;
}

blockquote.light-bg .button.outline {
border-color:var(--dark-color);
}

.primary-bg .button:not(.outline),
.secondary-bg .button:not(.outline),
.gradient-bg .button:not(.outline){
background-color:var(--dark-color);
border-color:transparent;
}

p:has(> .button):not(:has(> :not(.button))) {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}


.button::after, nav a:after {
display: none;
}

/*ul:not([style*="list-style-type:"]) {
list-style-type: none;
padding-left: 0;
}
*/
a:has(> .iconfont.boxed) {
display: flow-root;
text-decoration: none;
position: relative;
padding-left: 60px;
padding-top: 3px;
padding-right: 30px;
margin-bottom: 20px;
}

a > em.iconfont.boxed {
position: absolute;
top: 0;
left: 0;
}

#herotext ul {
list-style-type: none;
padding-left: 0;
}

#herotext ul > li > a:after {
content:"→";
position: absolute;
top: calc(50% - 7px);
right:10px;
height: 10px;
  line-height: 10px;
  transition: all 0.2s ease;
}

#herotext li:hover a:after {
right:5px;
}

ul.list-col {
padding-left: 0;
padding-bottom: 35px;
list-style-type: none;
}

ul.list-col li {
padding-left: 25px;
position: relative;
color: var(--body-color);
}

#sfeertext ul.list-col li {
display: inline-block;
padding-right: 10px;
padding-left: 18px;
font-size: calc(var(--body-font-size) - 3px);
}

ul.list-col li:before {
content: "\f00c";
position: absolute;
left: 0px;
font-family: "Font Awesome 7 Brands", "Font Awesome 7 Free";
}

ul.list-col li:before {
color:var(--dimmed-color);
}

#sfeertext ul.list-col li:before {
color:#FFFFFF;
}

ul.list-col li:before {
font-weight: bold;
}

/*ul.list-col li strong {
color: var(--primary-color);
}*/

ul.list-col:after {
content: "";
display: block;
clear: both;
}

ul.list-blocks {
display: flex;
flex-wrap:wrap;
list-style-type: none;
margin: 0;
padding: 0;
padding-bottom: 35px;
justify-content: center;
gap: 20px;
}

ul.list-blocks li {
width: calc(25% - 15px);
min-width: 250px;
max-width: 300px;
background-color:#FFFFFF;
border-radius: 15px;
padding: 25px;
position: relative;
border: 1.5px solid var(--bg-color);
flex-grow: 1;
}

ul.list-blocks li[style*="left"] {
  display: flex;
  align-items: center;
  }

.landing-left:not(.full) ul.list-blocks, .landing-right:not(.full) ul.list-blocks {
gap: 12px;
}

.landing-left:not(.full) ul.list-blocks li, .landing-right:not(.full) ul.list-blocks li {
width: calc(50% - 10px);
min-width:inherit;
font-size: 15px;
  line-height: 110%;
  padding: 15px;
}

ol.list-blocks {
display: flex;
flex-wrap:wrap;
margin: 0;
padding: 0;
counter-reset: list-blocks-counter;
padding-bottom: 35px;
justify-content: center;
gap: 20px;
}

ol.list-blocks li {
width: calc(50% - 15px);
min-width: 250px;
background-color:#FFFFFF;
list-style-type: none;
border-radius: 15px;
padding: 25px;
position: relative;
padding-top: 80px;
border: 1.5px solid var(--bg-color);
}

ol.list-blocks li::before {
content: counter(list-blocks-counter);
counter-increment: list-blocks-counter;
display: block;
position: absolute;
top: 25px;
width: 40px;
height: 40px;
background-color:var(--dark-color);
font-size: 30px;
line-height: 38px;
text-align: center;
color: #FFFFFF;
border-radius: var(--border-radius);
}

p.label {
display: inline-block;
background: color-mix(in srgb, var(--dimmed-color) 40%, transparent);
padding: 8px 14px; 
border-radius: 20px; 
font-size: calc(var(--body-font-size) - 5px)!important;
color: var(--dark-color);
margin-bottom: 5px;
backdrop-filter: blur(6px);
text-transform: uppercase;
margin-bottom: 10px;
}

p.label:before {
content: "ⓘ";
position: relative;
color: inherit;
padding-right: 7px;
font-size: calc(var(--body-font-size) - 3px)!important;
top: 0.5px;
}

blockquote {
background: radial-gradient(600px 260px at 12% 20%,rgba(241,90,34,.22),transparent 60%),linear-gradient(120deg,var(--dark-color),#0a1330);
padding: 40px 40px 15px 40px;
border-radius: calc(var(--border-radius) * 2);
margin-bottom: 25px;
}

blockquote * {
color: #FFFFFF;
}

em.iconfont {
font-family: "Font Awesome 7 Brands", "Font Awesome 7 Free";
font-style: normal;
font-size: var(--body-font-size);
font-weight: bold;
margin-right: 15px;
}

em.iconfont.boxed {
display: inline-block;
width: calc(var(--body-font-size) * 2 + 2.5px);
line-height: calc(var(--body-font-size) * 2);
border-radius: calc(var(--border-radius) / 2);
background: #FFFFFF;
border: solid 1.5px var(--light-color);
text-align: center;
font-size: var(--body-font-size);
flex-shrink: 0;
margin-bottom: 10px;
}

.iconfont[class*="-bg"] {
  border-color: transparent!important;
}

#sfeer em.iconfont.boxed {
background: rgba(255,255,255,.12);
  border-color: transparent!important;
  width: 44px;
  line-height: 41.5px;
  }

em.iconfont.boxed + br {
margin-bottom: 15px;
}

*[style*="center"] em.iconfont {
margin-right: 0;
}

.x2 {
width: calc(var(--body-font-size) * 3 + 2.5px)!important;
line-height: calc(var(--body-font-size) * 3)!important;
font-size: 30px!important;
border-radius: var(--border-radius)!important;
}

#content img[style*="left"], #content img[align="left"] { margin: 0 20px 10px 0; }
#content img[style*="right"], #content img[align="right"] { margin: 0 0 10px 20px; }

#content img {
max-width:100%;
height:auto;
}

img:not([src]):not([srcset]) {
  visibility: hidden;
}

table, tr, td {
height:auto !important;
}

.video-container-outer {
	width:600px;
	max-width: 100%;
	margin:0 auto 35px auto;
}

.video-container {
    position: relative;
    padding-bottom: 51.4%;
    padding-top: 30px;
    height: 0px;
    overflow: hidden;
    border-radius: var(--border-radius);
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100% !important;
    height: 100% !important;
}

p.delay {
 animation: fadein ;
 position: absolute;
 width: 100%;
 min-height: 100%;
 height: auto;
 background-color: var(--dark-color);
 top: 0;
 align-content: center;
 padding: 20px;
 text-align: center;
 color: var(--light-color);
}

p.delay:before {
content: "\f4e2";
font-family: "Font Awesome 7 Brands", "Font Awesome 7 Free";
font-weight: bold;
display: block;
font-size: 24px;
line-height: 60px;
color: var(--primary-color);
background-color: #FFFFFF;
border-radius: 50px;
width: 60px;
height: 60px;
margin: 0 auto 20px auto;
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

#topwrapper {
}

#top {
width: 100%;
max-width: var(--container-width);
margin: 0 auto;
height: auto;
display: flex;
align-items: center;
gap: 20px;
justify-content: right;
padding: 10px 30px;
font-size: calc(var(--body-font-size) - 2px);
}

#top > a {
text-decoration: none;
color: var(--dark-color);
}

#top i {
color:  var(--primary-color);
margin-right: 5px;
}

#top a:hover {
color:  var(--primary-dark-color);
}

#top .button {
min-width: inherit!important;
}

#headerwrapper {
width: 100%;
background-color: var(--dark-color);
z-index: 9999;
}

#headerwrapper.stick {
top: 0;
left: 0;
position: fixed;
}

#header {
width: 100%;
max-width: var(--container-width);
margin: 0 auto;
height: auto;
padding: 0 30px;
display: flex;
flex-wrap: wrap;
align-items: center;
}

#logo {
width: 250px;
transition: all 0.7s ease;
}

#logo img {
max-width: 225px;
display: block;
}

.stick #logo img {
max-width: 155px;
display: block;
}

#nav {
width: calc(100% - 250px);
text-align: right;
}

#sfeerwrapper {
background:
  linear-gradient(
  100deg,
  rgba(9, 17, 44, 0.95) 0%,
  rgba(11, 23, 64, 0.82) 45%,
  rgba(11, 23, 64, 0.42) 100%
  ),
  radial-gradient(
  1000px 500px at 85% -10%,
  rgba(241, 90, 34, 0.3),
  transparent 60%
  );
position: relative;
}

#sfeerwrapper.stick {
margin-top: 74px;
}

#sfeerwrapper > img {
position: absolute;
inset: 0;
z-index: -2;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}

#sfeer > .mx_buttons {
position: absolute;
right:0;
}

#sfeer {
width: 100%;
max-width: var(--container-width);
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
position: relative;
padding-bottom: 100px;
column-gap:40px;
}

#sfeer::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background-color: #FFFFFF;
height: 85px;
border-radius: 25px 25px 0 0;
}

#sfeertext {
width:  calc(50% - 20px);
padding: 60px 30px 30px 30px;
}

#sfeertext * {
color: #FFFFFF!important;
}

#heroimage {
width: calc(50% - 20px);
padding: 60px 30px 60px 30px;
}

#heroimage img {
width: 100%;
max-width: 500px;
height: auto;
border-radius: 25px;
display: block;
margin: 0 0 0 auto;
}

#herotext {
width:  calc(50% - 50px);
background: rgba(255,255,255,.07);
border: 1px solid rgba(255,255,255,.16);
border-radius: var(--border-radius);
padding: 25px 25px 10px 25px;
backdrop-filter: blur(6px);
color:#FFFFFF;
margin-right: 30px;
}

#herotext > *:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
}

#herotext li {
line-height:  118%;
font-size: calc(var(--body-font-size) - 2px);
padding-top: 20px;
border-top: 1px solid rgba(255,255,255,.12);
}

#herotext li strong {
font-size: calc(var(--body-font-size) - 1px);
}

#herotext li a {
color: var(--light-color);
}

#herotext li:first-of-type {
border-top:0;
padding-top: 0;
}

#herotext * {
color:#FFFFFF;
}

#content {
width: 100%;
max-width: var(--container-width);
margin: 0 auto;
height: auto;
padding: 0px 30px 70px 30px;
  margin-top: -40px;
  position: relative;
}

#aside {
width: 100%;
max-width: var(--container-width);
margin: 0 auto;
height: auto;
padding: 70px 30px 70px 30px;
  position: relative;
}

#breadcrumbswrapper {
border-top:solid 1px var(--light-color);
}

#breadcrumbs {
width: 100%;
max-width: var(--container-width);
margin: 0 auto;
height: auto;
padding: 30px 30px 70px 30px;
}

#breadcrumbs ul {
padding: 0;
margin: 0;
float: left;
}

#breadcrumbs ul li { 
display: inline;
text-transform: uppercase; 
font-size:calc(var(--body-font-size) - 2px);
color:var(--light-color);
}

#breadcrumbs ul li a {
width:auto;
color:var(--light-color);
text-decoration: none;
}

#breadcrumbs ul li a:after {
content:"\203A";
padding-left:10px;
padding-right:10px;
font-size: 24px;
top:2px;
position: relative;
}

#breadcrumbs ul li a:hover span {
text-decoration:underline;
}

#breadcrumbs ul li a[href*=\#] {
pointer-events:none;
}

#footerwrapper {
background-color: var(--dark-color);
}

#footer {
width: 100%;
max-width: var(--container-width);
margin: 0 auto;
height: auto;
padding: 60px 30px 0 30px;
display: flex;
flex-wrap: wrap;
gap:40px;
justify-content:space-between;
}

#column-1 {
width: 300px;
}

#column-1 img {
max-width: 145px;
margin-bottom: 18px;
}

#column-2 {
max-width: 200px;
min-width: 130px;
}

#column-3 {
max-width: 200px;
min-width: 150px;
}

#column-4 {
max-width: 200px;
min-width: 150px;
}

#footerwrapper * {
color: var(--light-color);
text-decoration: none;
font-size: calc(var(--body-font-size) - 2px);
}

#footerwrapper h6 {
color: #FFFFFF;
}

#footerwrapper ul {
list-style-type: none;
padding-left: 0;
}

#footerwrapper li {
padding-bottom: 12px;
}

#footerwrapper em.iconfont.boxed {
background-color:#FFFFFF15;
border-color: transparent;
color:#FFFFFF;
}

#bottom {
width: 100%;
height: auto;
border-top:solid 1px var(--dimmed-color);
padding: 25px 0 20px 0;
display: flex;
flex-wrap: wrap;
gap:40px;
justify-content:space-between;
order:5;
}

#bottom p {
font-size: calc(var(--body-font-size) - 4px)!important;
color:var(--dimmed-color);
padding-bottom: 0;
}

#bottom a {
font-size: calc(var(--body-font-size) - 4px)!important;
padding: 8px;
padding-left: 14px;
color:var(--dimmed-color);
}

#bottom li:before {
display: block;
content: ".";
position: absolute;
line-height: 17px;
color:var(--dimmed-color);
}

#bottom li:first-of-type:before {
display: none;
}

#bottomlinks {
text-align: right;
}

#bottomlinks ul {
padding-bottom: 0;
}

#bottomlinks li {
display: inline-block;
}

.landingwrapper.number1 {
background-color: transparent!important;
}

.landingwrapper.number1 .landing {
background-color: #FFFFFF;
padding-top: 0;
}

.landing {
display: flex;
width: 100%;
max-width: var(--container-width);
margin: 0 auto;
padding: 60px 30px 25px 30px;
flex-wrap: wrap;
gap:30px;
}

.landingwrapper.lighter-bg + .landingwrapper.lighter-bg .landing,
.landingwrapper.light-bg + .landingwrapper.light-bg .landing,
.landingwrapper.dimmed-bg + .landingwrapper.dimmed-bg .landing,
.landingwrapper.dark-bg + .landingwrapper.dark-bg .landing,
.landingwrapper.primary-bg + .landingwrapper.primary-bg .landing,
.landingwrapper.secondary-bg + .landingwrapper.secondary-bg .landing {
  padding-top: 0;
}

.landing:not(.equal) {
align-items: center;
}

.landing.center {
justify-content: center;
flex-direction: column;
gap:0;
}

.landing.equal > div {
position: relative;
}

.landing-left {
width: calc(50% - 15px);
border-radius: 15px;
border: solid 1px transparent;
padding:40px 30px 10px 30px;
}

.landing-left.full {
width: 100%;
padding: 0;
}

.landing-right {
width: calc(50% - 15px);
padding:40px 30px 10px 30px;
border-radius: 15px;
}

.landing-left.no-bg {
padding-left: 0;
}

.landing-right.no-bg {
padding-right: 0;
}

.landing img.normal {
display: block;
max-width: 100%;
height: auto!important;
  border-radius: 25px;
  max-height: 400px;
  width: auto;
}

.landing img.bg {
position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 25px;
}

.center {
text-align: center;
}

.block {
display: flex;
width: 100%;
max-width: var(--container-width);
margin: 0 auto;
padding: 60px 30px 25px 30px;
flex-wrap: wrap;
gap:30px;
}

.block-text {
width: calc(50% - 15px);
padding:40px 30px 10px 0;
}

.block-image {
width: calc(50% - 15px);
border-radius: var(--border-radius);
}

.clear {
clear: both;
}

.services {
display: flex;
flex-wrap: wrap;
gap:20px;
padding-bottom: 20px;
justify-content: center;
}

.service-block {
width: calc(33.3% - 15px);
min-width: 250px;
flex-grow: 1;
background-color: #FFFFFF;
padding: 30px;
padding-bottom: 40px;
border-radius: var(--border-radius);
position: relative;
transition: .2s;
overflow: hidden;
}

.service-block a {
text-decoration: none;
display: block;
}

.service-block .more {
position: absolute;
bottom: 0;
left: 30px;
color: var(--primary-color);
}

.service-block .more:after {
content:"→";
padding-left: 5px;
}

.service-block:hover {
box-shadow: var(--shadow);
transform: translateY(-3px);
}

.service-block:hover::before {
  opacity: 1;
}

.service-block::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background: linear-gradient(180deg,var(--primary-color),var(--secondary-color));
  opacity: 0;
  transition: .2s;
}

.review {
width: 100%;
background: radial-gradient(600px 260px at 12% 20%,rgba(241,90,34,.22),transparent 60%),linear-gradient(120deg,var(--dark-color),#0a1330);
  padding: 40px 40px 15px 40px;
  border-radius: calc(var(--border-radius) * 2);
  margin-bottom: 25px;
}

.review .quote {
color:#FFFFFF;
font-size: 23px;
}

.review .author {
color:#FFFFFF;
}

.review .author span {
color: var(--light-color);
}

.mx_scroller-wrapper {
padding-top: 60px;
width: 100%;
}

.landing .mx_scroller-wrapper {
padding-top: 0;
}

.mx_scroller-wrapper h2 {
text-align: center;
}

.mx_scroller {
  overflow: hidden;
  width: 100%;
  padding: 20px 0 40px 0;
}

.mx_scroller_track {
  display: flex;
  gap: 80px;
  will-change: transform;
}

.mx_scroller_item {
  flex-shrink: 0;
  display: flex;
  align-items: center; 
}

.mx_scroller_item img {
max-width: 150px;
max-height: 75px;
width: auto;
height: auto;
display: block;
}

.team {
display: flex;
gap: 15px;
padding: 30px;
margin-bottom: 25px;
background-color:  var(--bg-color);
border-radius: calc(var(--border-radius) * 2);
transition: .2s;
flex-wrap: wrap;
}

.team-image {
width: 220px;
flex-shrink: 0;
}

.team-image img {
width: 100%;
height: auto;
aspect-ratio: 13 / 14;
object-fit: cover;
display: block;
border-radius: var(--border-radius);
}

.team-description {
flex: 1;
min-width: 0;
}

.team-description h2 {
font-size: 27px;
padding-bottom: 5px;
}

.team-description h2 + p {
color: var(--primary-color);
font-size: 15px;
font-weight: 800;
text-transform: uppercase;
padding-bottom: 20px;
}

.team-description p:last-child,
.team-contact p:last-child {
padding-bottom: 0;
}

.team-contact {
width: 240px;
flex-shrink: 0;
padding-left: 25px;
border-left: 1.5px solid var(--dark-color);
align-self: flex-end;
}

.team-contact a {
color: var(--dark-color);
text-decoration: none;
}

.team-contact a:hover {
color: var(--primary-color);
}

.vacancy {
padding: 30px 30px 5px 260px;
margin-bottom: 25px;
background-color:  var(--bg-color);
border-radius: calc(var(--border-radius) * 2);
transition: .2s;
position: relative;
}

.vacancy:before {
content:"?";
height: calc(100% - 60px);
width: 200px;
background-color: var(--dimmed-color);
position: absolute;
border-radius: var(--border-radius);
line-height: 100%;
text-align: center;
color: #FFFFFF;
font-size: 175px;
left: 30px;
display: flex;
align-items: center;
justify-content: center;
}

.vacancy h2 {
font-size: 27px;
}

.video {
display: flex;
column-gap: 30px;
align-items: center;
padding: 30px 30px 0 30px;
margin-bottom: 25px;
background-color:  var(--bg-color);
border-radius: calc(var(--border-radius) * 2);
transition: .2s;

}

.video-description em {
color: var(--dimmed-color);
  font-size: 14px;
  }
  
.downloads {
display: flex;
flex-wrap: wrap;
gap:30px;
}

.download {
display: flex;
width: calc(50% - 15px);
background-color:  var(--bg-color);
border-radius: calc(var(--border-radius) * 2);
padding: 30px;
padding-bottom: 0;
column-gap: 30px;
}

.download-image {
width: 200px;
padding-bottom: 25px;
}

.download-image img {
display: block;
}

.partnerwrapper {
display: flex;
flex-wrap: wrap;
gap:20px;
}

.partner {
width: calc(33.3% - 15px);
  min-width: 250px;
  background-color: #FFFFFF;
  border-radius: 15px;
  padding: 25px;
  padding-bottom: 0;
  position: relative;
  border: 1.5px solid var(--bg-color);
}

.partner-logo {
  height: 90px;

  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 20px;
}

.partner-logo img {
  max-width: 200px!important;
  max-height: 90px;
  width: auto;
  height: auto;
  object-fit: contain;
}

#prices ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#prices ul li {
min-height: 50px;
line-height: 44px;
font-family: 'Branding-Semibold';
font-weight: 400;
font-size: 17px;
}

#prices .package li .extra, #prices .package li .green, #prices .package li .red {
    display: inline-block;
    width: 44px;
    height: 44px;
    margin-bottom: -14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	position: relative;
}

#prices .package li .green, #prices .package li .extra {
    border: 2px solid #57bb61;
}

#prices .package li .red {
    border: 2px solid #e6434c;
}

#prices .package li .red img {
position: relative;
top: -1px;
}

#prices .package li .extra img {
position: relative;
left: -2px;
top: 1px;
}

.price-label {
float: left;
width:30%;
}

.package {
float: left;
width: 21.33%;
margin: 0 1%;
text-align: center;
background: #f8f9fc;
border: 2px solid #e5e8ee;
padding-bottom: 25px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.packageheader {
min-height: 200px;
padding-top: 25px;
line-height: 24px;
}

.packageheader > div {
min-height: 95px;
position: relative;
}

.packageheader img {
transform: scale(1.59);
width: auto;
position: absolute;
bottom:30px;
display: block;
left: 50%;
-ms-transform: translateX(-50%) scale(1.59);
-webkit-transform: translateX(-50%) scale(1.59);
-moz-transform: translateX(-50%) scale(1.59);
-o-transform: translateX(-50%) scale(1.59);
transform: translateX(-50%) scale(1.59);
}

.packageheader > h3 > span {
text-transform: uppercase; 
font-size: 17px;
color:#9c9c9c;
}

.info-icon {
width: 16px;
height: 16px;
background-color: #1f2b5e;
border-radius: 50%;
display: inline-block;
position: relative;
color: #FFFFFF !important;
font-size: 12px;
font-family:  "Times New Roman", "serif";
text-transform: none;
font-weight: bold;
line-height: 16px;
text-align: center;
top: -5px;
}

.info-icon .tooltip {
  visibility: hidden;
  width: 180px;
background: rgba(31, 43, 94, 0.9);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -90px;
  font-family: 'Branding-Semilight';
font-weight: 300;
}

.info-icon .tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(31, 43, 94, 0.9) transparent transparent transparent;
}

.info-icon:hover .tooltip {
  visibility: visible;
}

.same-size .info-icon {
position: absolute;
}

.package .same-size {
color: #1b2c5d;
}

.package .price-label {
display: none;
}


@media screen and (max-width: 980px) {

h1 {
    font-size: 48px!important;
  }

#column-1 {
order:3;
width: calc(60% - 20px);
min-width: inherit;
max-width: inherit;
}

#column-2 {
order:2;
width: calc(40% - 20px);
min-width: inherit;
max-width: inherit;
}

#column-3 {
order: 1;
width: calc(60% - 20px);
min-width: inherit;
max-width: inherit;
}

#column-4 {
order:4;
width: calc(40% - 20px);
min-width: inherit;
max-width: inherit;
}

#copyright {
width: 100%;
order:2;
text-align: center;
}

#bottomlinks {
width: 100%;
order:1;
text-align: center;
}

blockquote {
padding: 25px 25px 0px 25px;
}

.landing-left, .landing-right {
width: 100%;
padding: 0;
}

.landing-right.img {
order: -1;
}

.landing-left img.normal , .landing-right img.normal {
display: block;
margin: 0 auto;
margin-bottom: 30px;
}

.team-description {
width: calc(100% - 255px);
flex: auto;
order:3;
}

.team-contact {
align-self: center;
  order: 2;
}

.video {
display: block;
max-width: 100%;
}

.video-description {
min-width: 100%;
}

} /* end mediaquery */

@media screen and (max-width: 860px) {

#sfeertext {
width: 100%;
max-width: 520px;
padding: 40px 30px 0 30px;
}

#heroimage {
width:100%;
padding: 30px;
}

#heroimage img {
margin: 0 auto;
}

#herotext {
width:  calc(100% - 60px);
margin: 0 30px 30px 30px;
}

.download {
width: 100%;
}

.price-label {
display: none;
}

.price-label .packageheader {
display: none;
}

.package {
width: 100%;
padding-bottom: 50px;
margin: 0 0 35px 0;
position: relative;
}

.package .price-label {
display: block;
float: left;
width: 70%;
text-align: left;
padding-left: 10px;
}

.price-label ul li:last-of-type {
display: none;
}

.package .inner ul.same-size {
display: block;
float: left;
width: 30%;
}

.package .inner ul.same-size li:last-of-type {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
font-size: 19px !important;
}


} /* end mediaquery */

@media screen and (max-width: 600px) {

h1 {
font-size: 40px!important;
}

h2 {
font-size: 26px;
}

ol.list-blocks li, 
.landing-left:not(.full) ul.list-blocks li, 
.landing-right:not(.full) ul.list-blocks li {
width: 100%;
min-width: inherit;
}

#top {
justify-content: space-between;
}

 #logo img {
  max-width: 155px;
}

#herotext {
width: calc(100% - 40px);
margin: 0 20px 30px 20px;
}

#herotext li {
  font-size: calc(var(--body-font-size) - 1px);
  }
  
#herotext li strong {
  font-size: var(--body-font-size);
}

#top, #header, #sfeertext, #content, .landing, #breadcrumbs, #footer {
padding-left: 20px;
padding-right: 20px;
}

#column-1, #column-2, #column-3, #column-4 {
width: 100%;
text-align: center;
}

#bottomlinks li {
width: 100%;
}

#bottomlinks li:before {
display: none;
}

p.delay {
font-size: 15px;
}

p.delay::before {
margin-bottom: 10px;
}

.team-image {
width: 100%;
}

.team-description {
    width: 100%;
    }

.team-contact {
order: 3;
}

.vacancy::before {
width: 75px;
height: 75px;
font-size: 70px;
}

.vacancy {
padding-left: 30px;
}

.vacancy h2 {
padding-left: 95px;
    font-size: 22px;
    padding-top: 10px;
    min-height: 90px;
}

} /* end mediaquery */

@media screen and (max-width: 450px) {

 #prices ul li {
    font-size: 15px;
  }

.download {
flex-wrap: wrap;
}

.download-image {
width: 100%;
}

} /* end mediaquery */