html{background:#fff; font-family: 'Roboto', sans-serif; font-size:15px; scroll-behavior: smooth;}
html, body{font-weight: 400; padding:0px; margin:0px;}
body{counter-reset: indexLinks; counter-reset: section;}
h1{margin:0px;}
h2{margin:0px; font-size:50px;}
h3{font-size: 20px; margin:0px; font-weight:bold;}
h4{font-size:20px; margin:0px 0px 15px 0px;}
h5{font-size:16px; font-weight: 400; margin:0px; color:rgba(0,0,0,0.45);}
a{text-decoration: none;}
p{line-height:20px; font-size:15px; font-weight: 300;}

ol{list-style-type: none; margin:0px; padding:0px;}
li{font-weight: 300;}

aside.sidebar{background:#FFFFFF; z-index: 1000; position:fixed; top:0px; left:0px; right:0px; height:50px; border-bottom:1px dashed #fff;  box-shadow:inset 0px -10px 20px 0px rgba(0,0,0,0.2);}
aside.sidebar .menu{position: absolute; cursor: pointer; /* top:0px; left:0px; */ width:50px; height:50px; line-height: 50px; text-align: center; background-repeat: no-repeat; background-position: center; background-size: 30%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Laag 1' viewBox='0 0 222.7 230'%3E%3Cdefs/%3E%3Cpath d='M11.8 229.9A11.9 11.9 0 010 218.1V101.9c0-6.5 4-15.2 9-19.4l93.3-79.3a14.4 14.4 0 0118 0L145 24A16.2 16.2 0 01161 8.7h14.6A16.3 16.3 0 01191.9 25v39l21.8 18.5a29 29 0 019 19.4V218a11.9 11.9 0 01-11.9 11.8zm199-9a2.8 2.8 0 002.8-2.8V101.9c0-3.8-2.8-10-5.7-12.5l-93.4-79.3a5.4 5.4 0 00-6.3 0L14.8 89.4C12 92 9.1 98.1 9.1 102V218a2.8 2.8 0 002.7 2.7h65.7V145a16.3 16.3 0 0116.3-16.2h35a16.3 16.3 0 0116.3 16.2v76zm-74.7 0v-76a7.2 7.2 0 00-7.2-7.2H93.8a7.2 7.2 0 00-7.2 7.2v76zm46.8-164.6V25a7.2 7.2 0 00-7.2-7.2H161a7.2 7.2 0 00-7.2 7.2v6.7z'/%3E%3Cpath d='M213.6 82.6l-21.8-18.5V25a16.1 16.1 0 00-16.1-16.1H161A16.1 16.1 0 00145 24.3l-24.8-21a14.3 14.3 0 00-17.8 0L9.1 82.6C4 86.8 0 95.5 0 102V218A11.7 11.7 0 0012 229.8h199a11.7 11.7 0 0011.6-11.8V102a29 29 0 00-9-19.3zM153.8 25a7.3 7.3 0 017.3-7.3h14.6A7.3 7.3 0 01183 25v31.6l-29.3-24.9zm-17.6 196H86.5v-76a7.3 7.3 0 017.3-7.4h35a7.3 7.3 0 017.4 7.3zm77.5-3a3 3 0 01-2.9 3H145v-76a16.1 16.1 0 00-16-16.2H93.7A16.1 16.1 0 0077.7 145V221H11.8a3 3 0 01-2.9-3V102c0-3.9 3-10.1 5.8-12.6L108.2 10a5 5 0 013.2-1 5.2 5.2 0 013.3 1l93.3 79.3c3 2.5 5.8 8.7 5.8 12.6z'/%3E%3C/svg%3E");}
aside.sidebar .menu .menu-info{position:absolute; color:black; left:40px; top:0px; white-space: nowrap;}
aside.sidebar .share{position: absolute; top:0px; right:0px;  width:50px; height:50px; line-height: 50px; text-align: center;}
aside.sidebar .share img{height:24px; vertical-align: middle}
aside.sidebar .modules{display:none; padding-top:50px; padding-bottom:25px;}
aside.sidebar .modules a{display: block; cursor: pointer; font-size:16px; color:black; font-weight: 300; white-space: nowrap; margin:5px 0px; }
aside.sidebar .modules a i{font-style: normal;}
aside.sidebar .modules img{max-height:30px; max-width: 30px; vertical-align: middle;}
aside.sidebar .modules img.white{display:none;}
aside.sidebar .modules a{opacity:0.5;}
aside.sidebar .modules a span{display:inline-block;  margin-left:10px; width:35px; height:35px; line-height: 35px; text-align: center; color:white; border-radius: 8px;}
aside.sidebar .modules a.active{opacity:1; font-weight:400; background-color:#13B8F1; }

aside.sidebar .modules a.active span{background:none;}

.goToTop{display:none; position:fixed; cursor: pointer; bottom:70px; z-index: 1000; font-weight:bold; right:-80px; color:white; background:#00B8F1; text-transform: uppercase; padding:40px 100px 10px 20px;}
.goToTop::before{display:block; position:absolute; top:20px; left:30px; content:''; width:15px; height:15px; border-left:2px solid white; border-top:2px solid white; transform: rotate(45deg)}

html.sidebarIsOpen .sidebar{height:auto;}
html.sidebarIsOpen .sidebar .modules{ display:block;}

.main{padding:50px 20px 0px 20px; /* padding:20px 20px 140px 20px; */ transition: all 0.7s cubic-bezier(1,.08,.32,.97); }
.main.isHidden{opacity:0;}
.main .content{padding-top:30px; counter-increment: section;}
.main .content .title-intro strong::before{dcontent: counter(section) ". ";}

.index{position:relative;}
.index .flex{position:relative;}
.index .title-intro{color:white;}

.button{color:white; margin-bottom:25px; display:inline-block; height:40px; line-height: 40px; padding:0px 25px; text-transform: uppercase;}

.index-callout{padding-top:15px; display:none;}
.index-callout > div{background:white; z-index:100; position:relative; padding:20px;}
.index-callout p{margin:0px 0px 10px 0px; color:#13B8F1; font-weight:400;}
.index-callout a{display:inline-block; padding:5px 10px; color:white;}
.index-callout a.cta{background:#13B8F1; }
/* .index-callout a.cta.clicked{background:#d1d1d1; display:none;}
.index-callout a.cta.clicked:hover{cursor: default;}
 */
.index-logo{display:none;}
.index h3 strong{ background-image: url('MultipressLogo.svg'); height: 35px; background-repeat: no-repeat;  text-indent: 100%;white-space: nowrap; overflow: hidden;}


.articlebox-wrapper{ddisplay:none;}
.articlebox{ margin-bottom:20px;}
.articlebox p{margin:0px;}
.articlebox p + p{margin-top:15px;}
.articlebox .list{margin-top:15px;}
.articlebox h4{margin-top:30px; margin-bottom:5px;}
.articlebox h4 span{color:#00B8F1; font-weight: bold;}

.list{margin:0px; padding:0px; margin-left:20px;}
.inline-links{list-style: none; margin:0px 0px 40px 0px; padding:0px; display:none;}
.inline-links li{display:inline-block; margin-right:7px;}
.inline-links a{display:block; font-size:13px; margin-bottom:10px; box-shadow:0px 0px 6px 0px rgba(0,0,0,0.16); transition:all 0.3s ease; background:#00B8F1; padding:5px 15px; color:white;}
.inline-links a.active{background:white !important; color:black; font-weight:bold; box-shadow:0px 0px 6px 0px rgba(0,0,0,0.16), inset 0px -3px 0px 0px #00B8F1; }
.inline-links a:hover{transform:scale(1.05)}

.video{display:none;}

.videocover::before{content:''; display:block; position:absolute; top:-20px; left:-20px; right:-20px; bottom:0px; background-color: rgba(69, 172, 233, 1);}

.landing{cursor: pointer;}
.landing.loaded .image iframe{opacity:1;}
.landing .image{position: fixed; top:0px; right:0px; left:0px; bottom:0px; background-image:url('/images/landing-image.jpg'); background-size: cover; z-index: 20000; transition: all 0.7s cubic-bezier(1,.08,.32,.97);}
.landing .image iframe{opacity:0; transition: all 0.7s cubic-bezier(1,.08,.32,.97); position: absolute; top:0px; right:0px; left:0px; bottom:0px; }
.landing .intro{text-align: left; padding:30px; position: fixed; top:0px; right:0px; left:0px; bottom:0px; background-size:cover; background-image:url('/images/landing-intro.svg'); background-repeat: no-repeat; background-position: 100% 100%; z-index: 21000; transition: all 0.7s cubic-bezier(1,.08,.32,.97);}
.landing .intro .text{position: absolute; bottom:50px; left:30px; right:30px; color:white; font-weight: 200;}
.landing .intro .text p{font-size:34px;}
.landing .intro .text a{margin-bottom:0px; margin-top:30px; border:1px solid white; color:white; font-size:18px; height:50px; line-height: 50px; font-weight: 400; padding:0px 30px; border-radius: 50px; display:inline-block;}
.landing.isHidden .image{transform: translate(-100%);}
.landing.isHidden .intro{transform: translate(100%);}
.landing p{line-height:normal;}

.title-intro{margin-bottom:30px; margin-top:20px;   padding-top:50px; /* padding-right:50px; */}
.title-intro strong{display:inline-block; position:relative; font-size:20px;  margin-bottom:15px;  -webkit-dhyphens: auto; dhyphens: auto;}
.dtitle-intro strong::before{content:''; background:#00B8F1; height:5px; width:110px; position: absolute; bottom:-7px; left:0px;}
.title-intro span{display:block; font-weight:300;}
.title-intro-small{font-size:20px;}


.title-about{font-weight:400; margin-bottom:30px; margin-top:20px;}
.title-about strong{position:relative; font-size:35px; margin-bottom:15px;}
.title-about strong::before{content:''; height:5px; width:60px; background:#00B8F1; position: absolute; bottom:-7px; left:0px;}
	
.index-links{list-style: none; margin:0px; padding:0px; display:flex; flex-wrap:wrap; }
.index-links li{width:30%; display:flex; dalign-items:center; justify-content: center; border-radius:5px; margin-bottom:20px; padding-bottom:20px;  counter-increment: indexLinks; text-decoration: none; color:black; cursor: pointer; background:white; doverflow:hidden;  transition: transform 0.2s ease; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16), inset 0px 0px 0px 1px white; position: relative;}
.index-links li:nth-child(3n+2){margin-right:5%; margin-left:5%;}
.index-links li:hover{transform: scale(1.1);} 
.index-links li:hover h4 strong, .index-links li:hover h5 strong{}
.index-links li::before{content:''; transition: opacity 0.5s ease; border-radius:5px; opacity:0; z-index:10; position:absolute;  top:0px; left:0px; bottom:0px; right:0px; background-repeat:no-repeat; background-position:50% 50%; background-color:rgba(255,255,255,0.95); dbackground-size: 15%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' style='enable-background:new 0 0 512 512' viewBox='0 0 512 512'%3E%3Cdefs/%3E%3Cpath d='M227.1 0a10 10 0 00-10 10v61.7a10 10 0 0020 0V10a10 10 0 00-10-10zM358.4 131.3h-61.7a10 10 0 100 20h61.7a10 10 0 100-20zM157.5 131.2H96a10 10 0 100 20h61.6a10 10 0 000-20zM177.7 77.6l-29.2-29a10 10 0 00-14.1 14l29.1 29.2c2 2 4.5 2.9 7 2.9s5.2-1 7.2-3c3.9-3.8 3.9-10.2 0-14zM319.9 48.5a10 10 0 00-14.2 0l-29.1 29.2a10 10 0 0014.1 14l29.2-29a10 10 0 000-14.2z' style='fill:%23000'/%3E%3Cpath d='M389.1 227.7c-6.7 0-13 1.8-18.5 5a37 37 0 00-62.5-14.7 36.9 36.9 0 00-44-7.6v-69.1a37 37 0 00-74 0V194a10 10 0 1020 0v-52.7a17 17 0 0134 0v167.4a10 10 0 1020 0v-65.5a17 17 0 0134 0v65.5a10 10 0 1020 0v-65.5a17 17 0 0134 0v65.5a10 10 0 1020 0v-44a17 17 0 0134 0v104.6c0 7.4-.6 14.9-2 22.1a10 10 0 1019.7 3.6 144 144 0 002.3-25.7V264.7a37 37 0 00-37-37z' style='fill:%23000'/%3E%3Cpath d='M381.2 459.5a10 10 0 00-14-.5 122.3 122.3 0 01-83.8 33c-46.8 0-90.2-27.2-110.5-69.4l-46-95.3c-4.2-8.6-1-19.1 7.3-23.9 8.5-5 19.7-2 24.8 6.3l32.6 53.5A10 10 0 00210 358v-98a10 10 0 10-20 0v62.4l-14-23a38.1 38.1 0 00-52-13.3 38.5 38.5 0 00-15.3 49.9l46 95.3a142.6 142.6 0 00226 42.4 10 10 0 00.4-14.2zM407.1 425.6a10 10 0 00-14.1 0 10 10 0 000 14.1 10 10 0 0014.1 0 10 10 0 000-14.1zM207.2 221a10 10 0 00-14.1 0 10 10 0 000 14 10 10 0 0014.1 0 10 10 0 000-14z' style='fill:%23000'/%3E%3C/svg%3E");}
.index-links li:hover::before{/* opacity:1; */}
.index-links li.active{transform: scale(1.1);}
.index-links li .icon{padding:35px 0px 15px 0px; }
.index-links .icon div{text-align: center;}
.index-links .icon div img{height:35px; }
.index-links h4{text-align: center; margin:0px; font-weight:300; font-size:13px; padding:0px 10px; word-break: break-word;}
.index-links h4 strong{display:block;font-size:14px;}
.index-links h4 strong + strong{display:inline; font-size:13px;}
.index-links h4 strong::before{dcontent: counter(indexLinks) ". ";}
.index-links li.special{box-shadow:0px 0px 6px 0px rgba(0,0,0,0.16); dbackground:#FE6007; overflow:visible; display:flex; flex-direction: column; justify-content:flex-end;}
.index-links li em{position: absolute;  z-index:2; top:-10px; right:-5px; background:#FE6007; color:white; display:inline-block; padding:6px 7px; white-space:nowrap; font-style:normal; font-weight:bold; letter-spacing: -0.5px; font-size:14px; border-radius: 5px;}
.index-links li.special h4{dcolor:white; position:relative; z-index:1; font-size:20px; font-weight:bold; dbackground:#FF6007; text-align:left; line-height: 25px; padding:40px 5px 0px 15px;}
.index-links li.special h5{padding:10px 0px 0px 15px; dposition: absolute; bottom:20px; left:15px; dcolor:white; font-weight:200; font-size:14px;}
.index-links li:hover em{/* opacity:0; */}


/* 
.index-links .page01{box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16), inset 0px 0px 0px 1px #00B8F1;}
.index-links .page01::before{background:#00B8F1;}
.index-links .page02{box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16), inset 0px 0px 0px 1px #008FD3;}
.index-links .page02::before{background:#008FD3;}
.index-links .page03{box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16), inset 0px 0px 0px 1px #005782;}
.index-links .page03::before{background:#005782;}
.index-links .page04{box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16), inset 0px 0px 0px 1px #71207B;}
.index-links .page04::before{background:#71207B;}
.index-links .page05{box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16), inset 0px 0px 0px 1px #ED3094;}
.index-links .page05::before{background:#ED3094;}
.index-links .page06{box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16), inset 0px 0px 0px 1px #FF5639;}
.index-links .page06::before{background:#FF5639;}
.index-links .page07{box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16), inset 0px 0px 0px 1px #FF5F1E;}
.index-links .page07::before{background:#FF5F1E;}
.index-links .page08{box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16), inset 0px 0px 0px 1px #FF9027;}
.index-links .page08::before{background:#FF9027;}
.index-links .page09{box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16), inset 0px 0px 0px 1px #FF9027;}
.index-links .page09::before{background:#FF9027;}
.index-links .page10{box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16), inset 0px 0px 0px 1px #87C846;}
.index-links .page10::before{background:#87C846;}
.index-links .page11{box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16), inset 0px 0px 0px 1px #71207B;}
.index-links .page11::before{background: #71207b;}
.index-links .page12{box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16), inset 0px 0px 0px 1px #ED3094;}
.index-links .page12::before{background:#ED3094;} */


.customer-overview{padding:50px 0px 10px 0px;}
.customer-overview h3{text-align:center; font-size:50px; margin-bottom:20px; font-weight:bold;}
.customer-overview ul{display:flex; flex-direction: column; list-style: none; padding:0px; flex-wrap:wrap;}
.customer-overview ul li{margin-bottom:30px;}
.customer-overview ul li:last-child{margin-bottom:0px;}

.flex .customer-highlight-wrapper .highlight{margin-bottom:20px;}

.customer h4{width:100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.customer a{color:black; text-decoration:none;}
.customer .image{height:180px; border-radius:15px; background-repeat: no-repeat; background-size: cover; background-position: bottom right; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.27);}

.index .flex > div:first-child{height:auto; padding:0px; overflow:visible; margin:0px 0px 20px 0px;}
.flex > div:first-child{background-position: center; overflow:hidden; padding:20px; position: relative; background-size: cover; min-height:300px; margin:0px -20px 0px -20px; }
.flex > div:last-child{padding-bottom: 20px;}
.flex-reverse{display:flex; flex-direction:column;}
.flex-reverse > div:last-child{background-position: center; overflow:hidden; position: relative; padding:20px; min-height:300px; background-size: cover; margin:0px -20px 0px -20px;}
.flex-reverse > div:first-child{padding-bottom: 20px;}
.flex{display:flex; flex-direction: column-reverse;}

.quote{text-align: center; padding:50px; position: relative; top:50%; transform: translateY(-50%);}
.quote .text{ font-size:22px; font-weight: 200; line-height: normal;}

.cla-box{overflow: hidden; }
.cla-box .image{height:150px; background-size: cover; }
.cla-box .cla-box-content{padding:15px; }
.cla-box h4{position: relative;}
.cla-box h4::before{content:''; height:2px; width:30px; background:#00B8F1; position: absolute; bottom:-7px; left:0px;}
.cla-box p{margin:0px 0px 5px 0px; font-weight:300;}
.cla-box p.small{font-size:13px;}
.cla-box .button{font-size:12px; border:1px solid #00B8F1; color:#00B8F1; line-height: 25px; height:25px; padding:0px 10px; margin-bottom:0px; margin-top:5px;}

.cla-box-grid{display: flex; flex-direction: column; margin-bottom:20px; flex-wrap: wrap; justify-content: space-between;}
.cla-box-grid > div{box-sizing: border-box; margin-bottom:30px; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16); border-radius: 10px; background:white;}

.content p, .content li{font-size:17px; line-height:24px; padding: 3px 0px;}
.content p a{color:#009FE0;}
.content h4{font-size:18px;}

.highlight{position:relative; z-index:10; background:rgba(255,255,255,0.8); padding:25px; width:100%; box-sizing: border-box;}
.highlight h4{font-size:16px;}
.highlight p{font-size:14px; line-height: 19px;}
.highlight .button{margin-bottom:0px; background:#FF5F1E;}

.customer-case{margin-bottom:20px; z-index:10; width:100%; box-sizing: border-box; position: relative; background:rgba(255,255,255,0.8);  display:flex;}
.customer-case > div:first-child{width:45%; background-repeat: no-repeat; background-size:cover; background-position:bottom right;}
.customer-case > div:last-child{width:55%; padding:25px;}
.customer-case h4{font-size:16px;}
.customer-case p{overflow: hidden; font-size:14px; line-height: 19px;}
.customer-case q{display:block; margin-bottom:10px; font-size:12px; font-weight:bold;}
.customer-case .button{margin-bottom:0px; background:#FF5F1E;}
.customer-case .position-bottom-right{background-position:bottom right !important;}
.customer-case .position-bottom-center{background-position:bottom center !important;}
.customer-case .position-bottom-left{background-position:bottom left !important;}

.colofon{background:#F7F7F7; padding:20px 20px; margin:0px -20px; position: relative; z-index:100;}
.colofon p{font-size:12px;}
.colofon p:last-child{}
.colofon p img, .colofon p svg{vertical-align: middle; height:25px; margin:0px 8px; filter: grayscale(100%);}
.colofon p a{color:black; text-decoration: none;}
.colofon .vigc{opacity:0.7;}
.colofon .cip4{height:27px; opacity: 0.7;}
.colofon .fespa{height:15px; opacity:0.6;}
.colofon .grafkom{height:15px;}
.colofon .febelgra{}

.button{background:#00B8F1;}

.popup{display:none; position:fixed; width:90%; top:5%; left:5%; z-index:100000;  dbox-shadow: 0px 0px 50px 0px rgba(0,0,0,0.9); }
.popup::before{content:''; position:fixed; top:0px; left:0px; right:0px; bottom:0px; background:rgba(0, 0, 0, 0.7); z-index:-1; }
.popup.active{display:block;}
.popup .popup-wrapper{background:white;}
.popup .popup-content{ padding:20px; max-height:65vh; overflow-y: scroll; box-sizing: border-box;}
.popup .popup-content img{width:100%;}
.popup .popup-content h1, .popup .popup-content h2, .popup .popup-content h3{font-size:18px;}
.popup .popup-content p{margin:0px 0px 20px 0px;}
.popup .popup-header{background:#EFEFEF; padding:20px; font-weight:bold;}
.popup .popup-header span{ float:right; display:inline-block; padding:0px 5px 0px 15px; cursor:pointer;}
.popup .popup-header i{font-style: normal;}
.popup .button-group{padding-right:20px;}
.popup .button-group a{margin:0px; cursor: pointer;}
.popup .button-group .button{margin-right:15px;}

.show-in-popup{display:none;}

.image-slider{display:block;}
.image-slider ul{list-style:none; margin:0px; padding:0px;}
.image-slider li{danimation: 9s infinite alternate sliderAnimation; opacity:1; z-index:1; dtransition:opacity 3s ease, transform 9s cubic-bezier(.25,-0.15,.73,1.07); position: absolute; top:0px; right:-100px; bottom:0px; left:0px; background-size:cover; background-repeat: no-repeat; background-position: center;}
.image-slider li.active{opacity:1; z-index:2; transform:translate(-30px, 30px) scale(1.1)}
.image-slider li.default{display:block;}
.image-slider li.tablet{display:none;}

.page-nav-drawer{background:white; z-index: 100; position: relative; padding:20px;  transition: all 0.6s ease; margin-top:20px;}
.page-nav-drawer.open .drawer{display:block;}
.page-nav-drawer .drawer{display:none; margin-top:20px;}
.page-nav-drawer .toggle{display:block; cursor: pointer; position: absolute; top:0px; right:0px; width:100%; height:50px;}
.page-nav-drawer p{font-size:20px; margin:0px;}
.page-nav-drawer p span{content:''; display:inline-block; margin-left:5px; position: relative; top:-2px; width:9px; height:9px; border-right:2px solid #fff; border-bottom:2px solid #fff;  transform:rotate(45deg)}
.page-nav-drawer ul{margin:0px; list-style: none; padding:0px;}
.page-nav-drawer ul ul{display:none;}
.page-nav-drawer ul ul li::before{top:10px;}
.page-nav-drawer ul ul li.open::before{top:13px;}
.page-nav-drawer ul ul li a{padding:7px 0px;}
.page-nav-drawer ul li{font-weight: 300; position: relative; padding-left:25px;}
.page-nav-drawer ul li.arrow::before{content:''; display:block; width:7px; height:7px; border-right:1px solid #fff; border-bottom:1px solid #fff; position: absolute; top:17px; left:0px; transform:rotate(-45deg)}
.page-nav-drawer ul li.active{font-weight: bold; color:#fff;}
.page-nav-drawer ul li.open::before{transform:rotate(45deg); top:14px; left:1px;}
.page-nav-drawer ul li.active::before{border-color:#000;}
.page-nav-drawer ul li.active a{}
.page-nav-drawer ul a{color:black; text-decoration: none; display:block; padding:10px 0px;}

.page-nav-drawer ul.level0 > li{border-bottom:1px solid #000;}
.page-nav-drawer ul.level0 > li.open > ul{display:block;}
.page-nav-drawer ul.level0 > li:last-child{border-bottom:0px;}

.page-nav-drawer ul.level1 > li a{color:black;}
.page-nav-drawer ul.level1 > li.active a{}
.page-nav-drawer ul.level1 > li.open > ul{display:block;}

.page-nav-drawer ul.level2 > li::before{display:none;}
.page-nav-drawer ul.level2 > li a{}
.page-nav-drawer ul.level2 > li.active a{}

.accordeon{margin-bottom:15px;}
.accordeon .accordeon-title::after{content:'\002B'; color:white; z-index:10; position: absolute; top:50%; right:20px; font-size:18px; font-weight: bold; transform:translateY(-50%);}

.accordeon .accordeon-read-more{display:none;}

.accordeon .accordeon-title{padding:15px; overflow:hidden;  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); position: relative; z-index: 1; cursor: pointer;}
.accordeon .accordeon-title::before{transition: all 0.3s; transform:translateX(100%); margin-left:-50px; content:''; z-index:5; position: absolute; top:0px; right:55px; bottom:0px; left:0px; background-color:#00B8F1;}
.accordeon:hover .accordeon-title::before, .accordeon.open .accordeon-title::before{transform:translateX(0%); right:0px;}
.accordeon:hover .accordeon-title h4, .accordeon.open .accordeon-title h4{color:white; z-index:10; position: relative;}

.accordeon .accordeon-title h4{color:#009FE0; margin:0px; padding-right:60px;}
.accordeon .accordeon-content{padding:15px; background:#FAFAFA; display:none;}
.accordeon .accordeon-content p{margin:0px 0px 15px 0px;}
.accordeon .accordeon-content h1, .accordeon .accordeon-content h2, .accordeon .accordeon-content h3{font-size:18px;}
.accordeon .accordeon-content img{max-height:100px;}
.accordeon .accordeon-content .videoIframe{position:relative; max-width:600px;}
.accordeon .accordeon-content .videoIframe::before{content:''; position: absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:100;}
.accordeon .accordeon-content .videoIframe img{width:100%; height:auto; max-height:100%;}
.accordeon .accordeon-content .videoIframe .play{background: rgba(0,0,0,0.55); width: 50px; height: 25px; border-radius: 7px; padding-top: 10px; position: absolute; top: 50%; left:50%; margin-left:-25px; margin-top:-24px; }
.accordeon .accordeon-content .videoIframe .play > div{width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 14px; border-color: transparent transparent transparent #ffffff; margin: 0 auto; }
.accordeon .accordeon-content .videoIframe:hover .play{background: red; }

.accordeon.open .accordeon-content{display:block;}
.accordeon.open .accordeon-title::after{content:'-'; color:white;}

.accordeon.cta{}
.accordeon.cta .accordeon-read-more{display:inline-block; color:white; background:#FE6007; padding:17px 15px 15px 15px; }
.accordeon.cta .accordeon-title{display:flex; padding:0px; justify-content:space-between;}
.accordeon.cta .accordeon-title::before{display:none;}
.accordeon.cta .accordeon-title::after{display:none;}
.accordeon.cta .accordeon-title h4{padding:15px;}
.accordeon.cta:hover .accordeon-title h4, .accordeon.cta.open .accordeon-title h4{color:#009FE0; z-index:10; position: relative;}

/* .details-summary .summary{max-height:130px; overflow: hidden; transition:all 1s ease; position: relative;}
.details-summary.active .summary{max-height:initial; overflow-y:scroll;}
.details-summary.active .summary p + ul{margin-top:15px;}
.details-summary.active .details-summary-read-more{display:none;}
.details-summary .details-summary-read-more{font-weight:bold; transition:all 0.3s ease; font-size:14px; height:50px; color:black; line-height: 85px; background: linear-gradient(180deg, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 60%); position: absolute; bottom:0px; left:0px; right:0px; text-align: center;}
.details-summary .details-summary-read-more::after{content:''; position: relative; display:inline-block; top:-2px; left:10px; transform:rotate(45deg); width:7px; height:7px; border-right:1px solid #000; border-bottom:1px solid #000;}
 */

 .mktoForm{padding:0px !important;}
.mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm select.mktoField, .mktoForm textarea.mktoField{box-shadow:none !important; width:100% !important; padding: 5px 10px !important; border:1px solid #ced4da !important; border-radius: 0px !important; transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;} 
.mktoForm input[type=text]:focus, .mktoForm input[type=url]:focus, .mktoForm input[type=email]:focus, .mktoForm input[type=tel]:focus, .mktoForm input[type=number]:focus, .mktoForm input[type=date]:focus, .mktoForm select.mktoField:focus, .mktoForm textarea.mktoField:focus{color: #495057 !important; background-color: #fff !important; border-color: #79cff6 !important;outline: 0 !important;box-shadow: 0 0 0 0.2rem rgba(15,159,225,.25)  !important;} 
.mktoForm .mktoLabel{padding-top: 7px !important; width:110px !important; margin-bottom:10px !important;}
.mktoForm .mktoButton{box-shadow:none !important; border-radius:0px !important; background:#00B8F1 !important; height:40px !important; line-height: 40px !important; padding:0px 25px !important; text-transform: uppercase !important; border:0px !important; background-image:none !important;}
.mktoForm .mktoButtonWrap{margin-left:0px !important;}
.mktoForm .mktoGutter, .mktoForm .mktoOffset{display:none !important;}




.details-summary .details-summary-read-more{display:none;}

.roi-callouts{position: relative; z-index:300; margin-top:250px; display:block;}
.roi-callouts .callout1{background:#00B8F1; text-align:center; color:white; padding:15px; font-size:20px; display:block;}
.roi-callouts .callout2{background:white; text-align:center; color:#2ABEF2; padding:15px; font-size:16px; display:block;}
.roi-callouts .callout1:after {content: '';position: absolute;top: 0;left: 50%;width: 0;height: 0;border: 21px solid transparent;border-bottom-color: #00B8F1;border-top: 0;border-right: 0;margin-left: -10.5px;margin-top: -21px;}

#roi .title-intro-small strong{display:inline;}
#roi .ceo-info{opacity:0.5;  font-size: 18px; position: absolute; top: 20px;  left: 20px; z-index: 100; width: 100px;}

@media screen and (min-width: 550px) {

	.roi-callouts{margin-top:450px;}

}

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


	h3{font-size:18px;}

	.customer-overview h3{font-size:40px;}



}

@media screen and (max-height: 550px) {

	aside.sidebar .modules a{margin:0px; font-size:18px;}

}



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

	.index-links li{width:47%;}
	.index-links li:nth-child(3n+2){margin-right:0px; margin-left:0px;}
	.index-links li:nth-child(even){margin-left:5%;}
	.inline-links li a{padding: 0px 10px;}

	.customer-case{display:flex; flex-direction: column}
	.customer-case > div:first-child{width:auto; height:175px; background-position:center center;}
	.customer-case > div:last-child{width:auto;}
	.customer-case p{overflow:hidden; height:auto;}


}

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

	.content .flex-reverse > div:last-child, .content .flex > div:first-child{background:grey !important;}


}


@keyframes sliderAnimation {
	0% {
		transform:translate(0px, 0px) scale(1)
	}
	10% {
		transform:translate(0px, 0px) scale(1)
	}
	100% {
		transform:translate(-30px, 30px) scale(1.1)
	}

}

/* Notch support */
@supports(padding:calc(0px)) {
    body {	
		/* Apply safe area */
		padding-right:env(safe-area-inset-right);
		padding-bottom: env(safe-area-inset-bottom);
		padding-left:env(safe-area-inset-left);
	}
	aside.sidebar{
		padding-top:env(safe-area-inset-top);
	}
	.main{
		padding-top:calc(50px + env(safe-area-inset-top));
	}
}

.language-switcher{ font-size:16px; position: fixed; z-index:1000; display: inline-block; right:0px; top:0px; padding-top:env(safe-area-inset-top)}
.language-switcher .dropbtn { background-color:transparent; color:black; text-align:left; padding:16px; font-size:16px; border:none; cursor:pointer; min-width: 140px; z-index: 3; }
.language-switcher .dropdown-content{display: none;	position: absolute;	right:0 ;background-color: white;	min-width: 140px;	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 3;}
.language-switcher .dropdown-content.show-languages {display:block;}
.language-switcher .language-link{ color: black; padding: 12px 16px; text-decoration: none; display: block;}
.language-switcher .language-link:hover{ background-color: #009FE0; color: white;}
.language-switcher .language-link.is-active{ display: none;}
.arrowdown {
	border: solid black;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
  	-webkit-transform: rotate(45deg);
	  position: absolute;
	  right:16px;
	  pointer-events: none
  }