/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

*, :before, :after {
  box-sizing: border-box;
}
body {
  margin: 0;
  color: #222;
  font-size: 24px;
  font-family:"Outfit", sans-serif;
  line-height: 1.4;
  font-weight: 400;
  padding: 66px 6%;
  overflow-x: hidden;
}
body.is-locked {
  overflow: hidden;
}
.pagemaster {
  width: 100%;
  max-width: 2000px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.pageflex {display:flex;}

.logopane {position:absolute;top:0;left:0;z-index:8900;}
.logopane svg {fill:white;width:300px;margin:40px;}
.logopane svg path.yellow {fill:#f0ad00;}
.topright {position:absolute;top:0;right:0;z-index:9900;display:flex;align-items:center;}
.leftpane {width:40%;padding:0 4%;}
.rightpane {width:60%;padding:0 4%;}
.contentpane2 {padding:100px 0 0 0;}
.leftpane2 {width:70%;padding:0 4%;}
.rightpane2 {width:30%;padding:0 4%;}
.bottom {background:#fcefcc url("cardboard.png");position:relative;}
.sitemap {padding:120px 60px 20px 60px;background-image:linear-gradient(-45deg, white 12.5%, transparent 0, transparent 50%, white 0, white 62.5%, transparent 0, transparent);background-size:10px 10px;}
.bottompane {padding:2em;}
.bottompane .fcw-2col {align-items:center;}
.copyright {font-size:0.6em;padding:20px 60px 60px 60px;}
.copyright-item {display:inline-block;margin:0 24px 0 0;}

/* Text selection */
::selection {background:rgba(0,178,204,0.2);}

/* Buttons */
a.bigbutton {border:#222 solid 2px;border-radius:10px;font-size:24px;font-family:"Outfit", sans-serif;display:inline-block;font-weight:800;padding:.5em 1em;line-height:1.2em;transition:all .2s ease-in-out 0s;}
a.bigbutton:link, a.bigbutton:visited {box-shadow:10px 10px 0px 0px rgba(0,178,204,0.5);color:#222;text-decoration:none;}
a.bigbutton:active, a.bigbutton:hover {box-shadow:5px 5px 0px 0px rgba(0,178,204,0.5);text-decoration:none;}
button.bigbutton {border:#222 solid 2px;border-radius:10px;font-size:24px;font-family:"Outfit", sans-serif;display:inline-block;font-weight:800;padding:.5em 1em;line-height:1.2em;box-shadow:10px 10px 0px 0px rgba(0,178,204,0.5);background:white;color:#222;transition:all .2s ease-in-out 0s;margin:20px 0 0 0;cursor:pointer;}
button.bigbutton:hover {box-shadow:5px 5px 0px 0px rgba(0,178,204,0.5);}
/* Documents and links */
.documents a {border:#222 solid 2px;border-radius:10px;font-size:24px;font-family:"Outfit", sans-serif;display:inline-block;font-weight:800;padding:.5em 1em;line-height:1.2em;transition:all .2s ease-in-out 0s;margin:0 20px 25px 0;}
.documents a:link, .documents a:visited {box-shadow:10px 10px 0px 0px #f0ad00;color:#222;text-decoration:none;}
.documents a:active, .documents a:hover {box-shadow:5px 5px 0px 0px #f0ad00;text-decoration:none;}
.newspaper-link {margin:40px 0 0 0;}
.newspaper-link a {border:#222 solid 2px;border-radius:10px;font-size:24px;font-family:"Outfit", sans-serif;display:inline-block;font-weight:800;padding:.5em 1em;line-height:1.2em;transition:all .2s ease-in-out 0s;margin:0 20px 25px 0;}
.newspaper-link a:link, .newspaper-link a:visited {box-shadow:10px 10px 0px 0px rgba(0,178,204,0.5);color:#222;text-decoration:none;}
.newspaper-link a:active, .newspaper-link a:hover {box-shadow:5px 5px 0px 0px rgba(0,178,204,0.5);text-decoration:none;}

/* MISC */
.sections {position:relative;padding:120px 0;}
.strangercolor {background:linear-gradient(-45deg, #f0ad00, #e73c7e, #00b2cc, #23d5ab);}
.halfblue {color:rgba(0,178,204,0.5);}
.halfyellow {color:rgba(240,173,0,0.5);}
.margin {margin:0 4% 100px 4%;}
.fcd-flex {align-items:center;}
.fcd-flex .flexcontent-text, .fcd-flex.fcd-reverse .flexcontent-text {margin:0 4%;}
.fcd-flex .flexcontent-media {margin:0 4%;}
section .fcw-2col .flexcontent-div {flex:1 0 auto;width:60%;}
section .fcw-2col .flexcontent-div:first-child {width:40%;}
.fcw-4col .flexcontent-div {padding:0 4% 0 0;}
.fcw-4col .flexcontent-div:last-child {padding:0;}
.backtotop {display:block;position:absolute;top:60px;right:60px;transition:all .2s ease-in-out 0s;cursor:pointer;}
.backtotop svg {height:72px;width:auto;}
.backtotop:hover svg {fill:#f0ad00;}
.small {font-size:16px;line-height:24px;}
.cardboard {padding:100px 4%;position:relative;margin:100px 0;}
.cardboard:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    transform: translate(-50%);
    background: #fcefcc url("cardboard.png");
    clip-path: polygon(36% 0, 64% 4%, 82% 0, 100% 0, 100% 100%, 0 100%, 0 6%);
    z-index: -1;
}
.cardboard h4 {color:white;}
.cardboard blockquote {border-left:#00b2cc solid 8px;}
.cardboard blockquote, .cardboard blockquote p {color:#00b2cc;}
.encart {background:rgba(240,173,0,0.07);padding:40px;font-size:22px;}
.encart h3, .encart h4, .encart p, .encart ul, .encart ol {margin:20px 0;}
.encart ul li, .encart ol li {margin:0 0 5px 0;}

/* Responsive Embed */
.video-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}

/* Mask Animation */
.intro-gradient {position:relative;width:100%;height:100vh;
	background: linear-gradient(-45deg, #e73c7e, #e73c7e 30%, #f0ad00 30%, #f0ad00 50%,#00b2cc 50%, #00b2cc 70%, #23d5ab 70%, #23d5ab);
	background-size: 200% 200%;
	animation: gradient 9s ease infinite;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.intro-gradient:before {content:"";position:absolute;height:100%;width:1px;right:0;background:white;z-index:2;}
.intro-gradient:after {content:"";position:absolute;height:1px;width:100%;bottom:0;background:white;z-index:2;}
.intro-text {position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;line-height:1.2;font-weight:800;color:#00b2cc;width:100%;max-width:600px;text-align:center;margin-top:-152px;}
.intro-text span {background:rgba(0,178,204,0.2);}
.intro-mask {position:absolute;width:100%;height:100%;z-index:1;}
.intro-mask svg {width:100%;height:100%;}
.intro-mask-text {font-weight:800;font-size:12vw;}

/* Social */
.socialicons {display:flex;justify-content:flex-end;padding:0 4%;}
.socialicons a {display:block;margin:0 0 0 12px;}
.socialicons a:first-child {margin:0;}
.socialicons a svg {fill:#222;width:36px;}
.socialicons a:hover svg {fill:#f0ad00;}

/* Accordions */
.flexcontent-accordion h3, .flexcontent-accordion p {margin:0;}
.fca-header {cursor:pointer;}
.fca-header h3:after {font-weight:600;content:"+";margin:0 0 0 8px;color:#00b2cc;position:relative;top:-2px;}
.fca-content .flexcontent-text {transition:0.6s ease-in-out;opacity:0;padding-top:20px;}
.flexcontent-active .fca-content .flexcontent-text {opacity:1;}
.flexcontent-active .fca-header h3:after {content:"-";}

/* Headlines */
.h1-headline, .h2-headline, .h3-headline, .h4-headline {color:#222;font-family:"Outfit", sans-serif;font-weight:800;line-height:1;margin:30px 0;}
.h1-headline {font-size:64px;}
.h1-headline strong {font-weight:800;background:rgba(240,173,0,0.5);}
.h2-headline {font-size:48px;}
.h3-headline {font-size:36px;}
.h4-headline {font-size:30px;font-weight:600;}

/* Contact */
.contact-wrapper {display:flex;}
.contact-infos {width:50%;margin:0 80px 0 0;}
.contact-infos .contact-item {position:relative;padding:0 0 20px 62px;margin:0 0 40px 0;font-weight:600;line-height:30px;border-bottom:#f6f6f6 solid 2px;}
.contact-infos .contact-item:last-child {border-bottom:none;}
.ci-header span {color:#00b2cc;font-size:36px;position:absolute;top:0;left:0;}
.contact-map {flex:1;margin:30px 0 0 0;}
/* Sat */
.contactsat-infos {padding:0 4%;}
.contactsat-infos .h3-headline {margin:0 0 10px 0;}
/* Form */
.contactform {padding:0 4%;}
.contactformfields label {color:#222;font-weight:600;padding:0 12px;}
.contactformfields input[type=text], .contactformfields input[type=email], .contactformfields input[type=date], .contactformfields select {border:#ccc solid 2px;background:white;color:black;border-radius:20px;padding-left:20px;}
.contactformfields textarea {border:#ccc solid 2px;background:white;color:#222;border-radius:20px;}
.contactformfields input[type=text]:focus, .contactformfields input[type=email]:focus, .contactformfields input[type=date]:focus, .contactformfields textarea:focus {background:rgba(0,178,204,0.2);}
.simplisitycheckboxlist, .rbl {margin:6px 0 0 0;padding:0 12px;}
.simplisitycheckboxlist label, .rbl label {padding:0;font-weight:normal;}
.simplisitycheckbox {display:block;}
.rbl label:after {content:"\A";white-space:pre;}

/* SVG Blocks */
.svgblockswrapper {padding:0 4%;}
.svgblocksheader {font-size:54px;line-height:60px;font-weight:600;margin:0 0 60px 0;}
.svgblocks {display:flex;flex-wrap:wrap;margin:64px 0 0 0;}
.svgblock {flex:1 0 50%;width:50%;padding:0 24px;margin:0 0 60px 0;text-decoration:none !important;}
.svgblock h3 {font-size:48px;margin:0;}
.svgblock p {margin:20px 0 0 0;}
.svgblockicon {width:124px;height:124px;background:rgba(240,173,0,0.5);color:#222;position:relative;margin:0 0 28px 0;border-radius:50%;font-size:36px;font-weight:600;text-align:center;transition:all .2s ease-in-out 0s;}
.svgblockicon svg {fill:currentColor;width:148px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.chiffres .svgblocks {justify-content:space-between;align-items:flex-start;}
.chiffres .svgblock {flex:1;width:auto;text-align:center;}
.chiffres .svgblock h3 {font-size:90px;}
.chiffres .svgblock p {font-weight:800;}
.chiffres .svgblockicon {margin:0 auto 28px;}

/* Home blocks */
.homeblockswrapper {width:80vw;max-width:2000px;margin:100px auto;}
ul.homeblocks {
  padding-bottom: calc(var(--numcards) * 1em);
  list-style: none;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(var(--numcards), 30vw);
  gap: 3vw;
  margin: 0;
  padding: 0;
}
li.homeblock {position:sticky;top:0;margin:0 0 4rem 0;list-style-type:none;}
.homeblockcontent {
  transform-origin: 50% 0%;
  will-change: transform;
  overflow: hidden;
  align-items: stretch;
  box-shadow: 0 0.2em 0.4em 0.02em rgba(0, 0, 0, 0.05), 0 1em 2em 0.02em rgba(0, 0, 0, 0.05);
  background: #fcefcc url("cardboard.png");
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 64px 0;
}
.homeblockicon {flex:0 0 50%;max-width:50%;padding:0 15px;text-align:center;}
.homeblockicon svg {fill:#222;width:350px;}
.homeblockicon svg .accent {fill:white;}
.homeblocktext {flex:0 0 50%;max-width:50%;padding:0 15px;}
.homeblocktext h2 {font-size:64px;max-width:600px;color:white;}
/* Animation */
@supports (animation-timeline: view()) {
  li.homeblock {
    --index0: calc(var(--index) - 1);
    --reverse-index: calc(var(--numcards) - var(--index0));
    --reverse-index0: calc(var(--reverse-index) - 1);
  }
  @keyframes scale {
    to {
        transform: scale(calc(1.1 - calc(0.1 * var(--reverse-index))));
    }
  }
  ul.homeblocks {
    --numcards: 3;
    view-timeline-name: --cards-element-scrolls-in-body;
  }
  .homeblockcontent {
    --start-range: calc(var(--index0) / var(--numcards) * 100%);
    --end-range: calc((var(--index)) / var(--numcards) * 100%);
    animation: linear scale forwards;
    animation-timeline: --cards-element-scrolls-in-body;
    animation-range: exit-crossing var(--start-range) exit-crossing var(--end-range);
  }
}
#homeblock1 {--index:1;}
#homeblock2 {--index:2;}
#homeblock3 {--index:3;}

/* References */
.grid-wrapper {padding:0 4%;}
.grid-refs:after {content:"";display:block;clear:both;}
.grid-sizer {width:50%;}
.grid-item {float:left;width:50%;height:480px;padding:5px;}
.grid-item * {-webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}
.refsimg {width:100%;height:100%;background-size:cover;background-position:center center;position:relative;overflow:hidden;}
.refsoverlay {
  display: flex;
  align-items: center;
  justify-content: space-around;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0,0,0,0.35);
  transform: translateY(100%);
  transition: all .3s ease-in-out;
}
.refsoverlay h3 {margin:0 40px;color:white;font-size:48px;}
.refsoverlay p {color:white;margin:20px 40px;}
.refsoverlay a.bigbutton {border:white solid 2px;}
.refsoverlay a.bigbutton:link, .refsoverlay a.bigbutton:visited {color:white;}
.grid-item:hover .refsoverlay {opacity:1;transform:translateY(0px);}
/* Last item */
.gi-last .refsoverlay {opacity:1;transform:translateY(0px);background:#fcefcc url("cardboard.png");}
.gi-last .refsoverlay h3 {color:#222;}
.gi-last .refsoverlay p {color:#222;}
.gi-last .refsoverlay a.bigbutton {border:#222 solid 2px;margin:20px 0 0 0;}
.gi-last .refsoverlay a.bigbutton:link, .gi-last .refsoverlay a.bigbutton:visited {color:#222;}
/* Home */
.homerea .grid-refs {display:flex;flex-wrap:wrap;}
.homerea .grid-item:nth-child(2n+3) {margin-top:-330px;}
.grid-more {width:50%;display:flex;align-items:center;justify-content:center;}

/* Websites List NOT USED */
.websiteslist .h2-headline {margin:20px 0 40px 0;}
.websiteslist .section-anchor {width:10%;}
.websiteslist .section-text {margin:0 10%;}
ul.websites {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  margin: 0;
}
ul.websites li {margin:0 0 20px 0;}
ul.websites li h3 {margin:0;}
.websitesimg {margin:100px 0 0 0;}
.websitesimg img {width:100%;height:auto;}

/* Testimonials NOT USED */
.testimonialswrapper {margin:100px 0 0 0;padding:0 10%;}
.testimonials {position:relative;background:#f6f6f6;padding:40px 40px 60px 40px;border-radius:10px;}
.testimonial {width:100%;}
.testimonial-text {margin:20px 0;}
.testimonial-text:before {content:"\00ab";margin-right:5px;}
.testimonial-text:after {content:"\00bb";margin-left:5px;}
.testimonial-title {font-weight:600;}
.testimonial-extra {font-size:18px;line-height:24px;color:#00b2cc;}
/* Pager */
.testi-pager {text-align:center;width:100%;z-index:1200;position:absolute;bottom:10px;overflow:hidden;}
.testi-pager span {font-size:48px;width:16px;height:16px;display:inline-block;color:white;cursor:pointer;}
.testi-pager span.cycle-pager-active {color:#00b2cc;}
.testi-pager > * {cursor:pointer;}

/* Rocket Blog */
.blog {padding:60px 0 0 0;}
.blogtools {float:right;}
.blogtools .material-icons-outlined {vertical-align:baseline;}
.blog article {margin:0 0 60px 0;}
.blog article h2 {margin:0;}
.blog article .article-content {display:flex;margin:40px 0 0 0;}
.blog article figure {margin:0 40px 0 0;}
.blog article .article-summary {flex:1;}
.blog article .article-summary p {margin:0;}
.bloginfo {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #00b2cc;
}
.pagination-link.is-current {background-color:#00b2cc;border-color:#00b2cc;}
/* Archives */
.blog-archives {background:#fcefcc url("cardboard.png");padding:40px;margin:0 0 40px 0;}
.blog-archives .h4-headline {margin:0 0 15px 0;}
.blog-archives-item {font-size:20px;text-decoration:underline;}
.blog-archives-item .count {text-decoration:none;float:right;color:white;font-size:14px;}
.blog-archives-item .count span {margin-left:4px;font-size:24px;}
.blog-archives-item:hover {color:#f0ad00;}
.activemonth {color:#f0ad00;}
/* Tags */
.blog-tags {background:#fcefcc url("cardboard.png");padding:40px;}
.blog-tags .h4-headline {margin:0 0 15px 0;}
.rocket-tagbutton {text-transform:uppercase;font-size:13px;line-height:16px;font-weight:700;display:inline-block;padding:8px 16px;border-radius:16px;background:white;margin:0 4px 4px 0;}
.rocket-tagbutton:before {font-family:'Material Symbols Outlined';content:"\f05b";font-size:16px;vertical-align:middle;margin-right:4px;}
.rocket-tagbutton:hover, .rocket-tagbuttonOn {background:#f0ad00;}
.rocket-tagbutton.rocket-tagbuttonclear {background:#222;color:white;}
.rocket-tagbutton.rocket-tagbuttonclear:before {content:'\e888';}
/* Details */
.article-flex {display:flex;flex-direction:column;}
.blog-detail h1 {margin:0 0 40px 0;padding:0 30px 0 0;}
.blog-detail article figure {margin:0 0 40px 0;}
.blog-detail img {max-width:100%;height:auto !important;}
.blog-detail .article-infos {display:flex;flex-wrap:wrap;border:#f2f2f2 solid 2px;margin:40px 0 0 0;white-space:nowrap;}
.blog-detail .article-infos > div {flex:1;margin:20px;}
.blog-detail .article-content {flex:1;}
.blog-detail .article-content blockquote, .blog-detail .article-content blockquote p {font-size:24px;}
.sharrre {margin-top:4px;}
.sharrre a {display:inline-block;font-size:24px;line-height:24px;margin:0 10px 0 0;}
.sharrre a:link, .sharrre a:visited {color:#222;text-decoration:none;}
.sharrre a:active, .sharrre a:hover {color:#f0ad00;text-decoration:none;}
.article-tags span {text-transform:uppercase;font-size:13px;line-height:18px;font-weight:700;color:#222;margin-right:8px;}
.article-tags span:last-child {margin-right:0;}
.article-tags span:before {font-family:'Material Symbols Outlined';content:"\f05b";font-size:16px;vertical-align:middle;margin-right:4px;}
.article-gallery {display:flex;}
.article-gallery a {margin:0 10px 10px 0;}
.blogcontentimg {border:#f2f2f2 solid 1px;margin:20px 0;}

/* Premium Catalog */
.gallery {display:flex;flex-wrap:wrap;}
.gallery-item {
	padding: 0 22px;
	width: 33.3333333333%;
  transition: all ease-in-out .2s;
	margin-bottom: 45px;
}
.gallery-itemimg {
  border: 1px solid #dcd9e2;
  padding: 14px;
	transition: all ease-in-out .2s;
  border-radius: 2px;
  margin-bottom: 10px;
}
.gallery a {
  display: block;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}
.gallery a:before {
  content: "";
  display: block;
  padding-top: 110%;
}
.gallery-itemtitle {
  text-align: center;
  color: #222;
  font-size: 20px;
  font-weight: 600;
}

/* Table */
.datatable {margin:20px 0;border:2px solid #eee;font-size:18px;line-height:24px;border-collapse:collapse;}
.datatable th {border:2px solid #eee;background-color:#00b2cc;padding:12px 36px;text-align:center;color:white;font-weight:600;font-size:24px;font-style:normal;}
.datatable tr:nth-child(even) {background-color:#fafafa;}
.datatable td {border:2px solid #eee;padding:12px 36px;text-align:center;}

.clearfix {clear:both;}

/* Default */
h1, h2, h3, h4, h5, h6 {color:#222;font-family:"Outfit", sans-serif;font-weight:800;margin:0;line-height:1;}
h1 {font-size:64px;hyphens:auto;}
h1 strong {font-weight:800;background:rgba(240,173,0,0.5);}
h2 {font-size:48px;}
h2 strong {font-weight:800;background:rgba(0,178,204,0.5);}
h3 {font-size:36px;}
h4 {font-size:30px;font-weight:600;}
h1 a, h2 a, h3 a, h4 a {text-decoration:none !important;}
strong {font-weight:600;}
i, em {font-style:normal;}
a:link, a:visited {color:#222;text-decoration:underline;}
a:active, a:hover {color:#f0ad00;text-decoration:underline;}
/* DNN7 FIX */
h1, h2, h3, h4 {margin:30px 0;}
p {margin:20px 0;}
section ul, section ol {margin:30px 0;padding:0 0 0 1em;}
section ul li, section ol li {margin:0 0 10px 0;}
section ul li::marker {color:#00b2cc;font-size:18px;}
section ol li::marker {color:#00b2cc;}
ul.multicolumn {columns:3;column-gap:20px;}
hr {border:0;height:2px;background:#00b2cc;margin:30px 0;max-width:40px;clear:none;}
blockquote {margin:40px 0;border-left:#00b2cc solid 8px;padding:0 0 0 20px;}
blockquote, blockquote p {font-style:normal;font-size:30px;line-height:1.2;font-weight:700;color:#00b2cc;}
blockquote a:link, blockquote a:visited {color:#00b2cc;}
blockquote a:active, blockquote a:hover {color:#f0ad00;}
.fcw-2col .flexcontent-div:last-child blockquote, .fcw-2col .flexcontent-div:last-child blockquote p, .rightpane blockquote, .rightpane blockquote p {font-size:24px;color:#222;}

/* Default CSS Fix */
img {border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}
:focus {outline:none;}
::-moz-focus-inner {border:0;}

/* DEBUG */
.DNNEmptyPane {width:auto;margin:0 !important;padding:0 !important;}
/* DNN9 Fix */
.dnnModuleManager {padding:0 !important;}

/* LOGIN */
.LoginPanel {border:#eee solid 2px;border-radius:24px;padding:40px;float:none;width:600px;}
.dnnFormItem input[type="text"], .dnnFormItem select, .dnnFormItem textarea, .dnnFormItem input[type="email"], .dnnFormItem input[type="search"], .dnnFormItem input[type="password"] {border:none;height:40px;padding-left:10px;background:#eee;color:#222;font:inherit;width:320px !important;font-size:18px;}
a.dnnPrimaryAction:link, a.dnnPrimaryAction:visited {background:#00b2cc;color:white;display:inline-block;font-weight:600;text-decoration:none;padding:10px 30px 12px 30px;text-align:center;border-radius:24px;box-shadow:none;text-shadow:none;border-color:#0e8b9e;}
a.dnnPrimaryAction:active, a.dnnPrimaryAction:hover {background:#222;color:white;text-decoration:none;}
a.dnnSecondaryAction:link, a.dnnSecondaryAction:visited {background:#eee;color:#222;display:inline-block;font-weight:600;text-decoration:none;padding:10px 30px 12px 30px;text-align:center;border-radius:24px;box-shadow:none;text-shadow:none;}
a.dnnSecondaryAction:active, a.dnnSecondaryAction:hover {background:#222;color:white;text-decoration:none;}
#dnn_ctr_Login_Login_DNN_lblLogin, .dnnLoginRememberMe {display:none;}
/* FORGOT PASSWORD */
.dnnSendPassword {border:#eee solid 2px;border-radius:24px;padding:40px;}
.dnnSendPassword input {border:none;height:40px;padding-left:10px;background:#eee;color:#222;font:inherit;}
.dnnSendPassword .dnnFormItem {margin:40px 0;}
/* Fix */
.dnnFormHelpContent {display:none;}
.dnnFormItem .password-strength-container input {width:auto !important;margin-bottom:0 !important;}
.password-strength-container .meter {height:auto !important;}
.dnnLoginActions ul li, .dnnRegistrationForm ul li, .dnnSendPassword ul li {display:inline-block;margin:0 3px;padding:0 0 0 24px;}
.dnnLoginActions ul li:before, .dnnRegistrationForm ul li:before, .dnnSendPassword ul li:before {content:'';}

/* SiteMap */
nav#sitemap:after {content:"";display:table;clear:both;}
nav#sitemap ul {list-style:none;margin:0;padding:0;}
nav#sitemap ul li {
  display: block;
	float: left;
	position: relative;
  margin: 0 30px 0 0;
}
nav#sitemap ul li a {
  display: block;
  height: 36px;
  line-height: 36px;
  font-family: "Outfit", sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #222;
  text-decoration: none;
}
nav#sitemap ul li a:hover {color:#f0ad00;}

/* MobileMenu */
/* Navicon */
.navicon {
	height: 64px;
  width: 64px;
	border-radius: 50%;
	align-items: center;
	background: #222;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9900;
}
.navicon-line {
	border-radius: 2px;
  height: 3px;
	width: 26px;
	transform-origin: center;
  transition: transform .2s ease;
	background: white;
	position: relative;
}
.navicon-line:not(:last-child) {
	margin-bottom: 6px;
}
.navicon-line:last-child {
	left: 4px;
	width: 18px;
}
.navicon:hover {background:#f0ad00;}
#navicon.collapsable .navicon-line:first-child {
	transform: translateY(8px) rotate(45deg);
}
#navicon.collapsable .navicon-line:nth-child(2) {
	transform: scaleX(0);
}
#navicon.collapsable .navicon-line:last-child {
	transform: translate(-4px, -10px) rotate(-45deg);
	width: 26px;
}
/* Flyout Menu */
.mobilemenubg {background:#00b2cc url("cardboard.png");position:fixed;width:60%;height:100vh;top:0;right:0;z-index:9000;transition:all .2s ease-in-out .2s;}
.mobilemenu {position:fixed;width:100%;top:50%;transform:translateY(-50%);z-index:9000;}
.mobilemenu ul {display:inline-block;list-style:none;margin:0 6%;padding:0;font-family:"Outfit", sans-serif;font-weight:800;font-size:60px;line-height:64px;}
.mobilemenu ul li {position:relative;margin:0;padding:0;}
.mobilemenu ul li a, .mobilemenu ul li span {display:block;text-decoration:none;color:white;transition:all .2s ease-in-out 0s;cursor:pointer;}
.mobilemenu ul li:hover a, .mobilemenu ul li:hover span {color:#222;}
ul.submenu {
  display: block;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  padding-left: 50px;
  width: max-content;
  z-index: 9900;
  margin: 0;
}
ul.submenu li {opacity:0;margin-left:-30px;margin-bottom:12px;}
ul.submenu li:last-child {margin-bottom:0;}
ul.submenu li:after {content:"";display:table;clear:both;}
ul.submenu li:nth-child(1) {transition:margin-left .5s ease-in-out .4s, opacity .5s ease-in-out .4s;}
ul.submenu li:nth-child(2) {transition:margin-left .5s ease-in-out .3s, opacity .5s ease-in-out .3s;}
ul.submenu li:nth-child(3) {transition:margin-left .5s ease-in-out .2s, opacity .5s ease-in-out .2s;}
ul.submenu li:nth-child(4) {transition:margin-left .5s ease-in-out .1s, opacity .5s ease-in-out .1s;}
ul.submenu li:nth-child(5) {transition:margin-left .5s ease-in-out 0s, opacity .5s ease-in-out 0s;}
.mobilemenu ul li.haschild:hover ul.submenu li {margin-left:0;opacity:1;}
.mobilemenu ul li.haschild:hover ul.submenu li:nth-child(1) {transition:margin-left .5s ease-in-out .2s, opacity .5s ease-in-out .2s;}
.mobilemenu ul li.haschild:hover ul.submenu li:nth-child(2) {transition:margin-left .5s ease-in-out .4s, opacity .5s ease-in-out .4s;}
.mobilemenu ul li.haschild:hover ul.submenu li:nth-child(3) {transition:margin-left .5s ease-in-out .6s, opacity .5s ease-in-out .6s;}
.mobilemenu ul li.haschild:hover ul.submenu li:nth-child(4) {transition:margin-left .5s ease-in-out .8s, opacity .5s ease-in-out .8s;}
.mobilemenu ul li.haschild:hover ul.submenu li:nth-child(5) {transition:margin-left .5s ease-in-out 1s, opacity .5s ease-in-out 1s;}
ul.submenu li a {
  font-size: 30px;
  line-height: 36px;
  background: white;
  color: #00b2cc !important;
  padding: 5px 15px;
  float: left;
  transform: translateX(0);
  transition: transform .2s ease-in-out;
}
ul.submenu li a:hover {transform:translateX(5px);transition:transform .2s ease-in-out;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1400px and less */
@media screen and (max-width:1400px) {
.leftpane, .leftpane2 {padding:0 6% 0 0;}
.rightpane, .rightpane2 {padding:0;}
.sitemap {padding:120px 2em 24px 2em;}
.copyright {padding:20px 2em 60px 2em;}
.backtotop {top:2em;right:2em;}
.fcd-flex .flexcontent-text, .fcd-flex.fcd-reverse .flexcontent-text {margin:0 6% 0 0;}
.fcd-flex .flexcontent-media {margin:0;}
.fcw-2col .flexcontent-div {padding:0 6% 0 0;}
.fcw-2col .flexcontent-div:last-child {padding:0;}
.cardboard {padding:100px 0;}
.socialicons {padding:0;}
.contactsat-infos {padding:0;}
.contactform {padding:0;}
.svgblockswrapper {padding:0;}
.homeblockswrapper {width:88vw;}
.grid-wrapper {padding:0;}
.margin {margin:0 0 100px 0;}
.mobilemenubg {width:100%;}
}
/* for 980px and less - Only portrait for retina display */
@media all and (max-width:980px),
  screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 2940px) and (orientation: portrait),
  screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 1960px) and (orientation: portrait),
  screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1470px) and (orientation: portrait) {
.pageflex {display:block;}
.leftpane, .leftpane2 {width:auto;padding:0;margin:0 0 40px 0;}
.rightpane, .rightpane2 {width:auto;}
.intro-mask-text {font-size:140px;}
.grid-sizer {width:auto;}
.grid-item {float:none;width:auto;}
.homerea .grid-refs {display:block;}
.homerea .grid-item:nth-child(2n+3) {margin-top:0;}
.grid-more {width:auto;padding:40px 0;}
.contact-wrapper {display:block;}
.contact-infos {width:auto;margin:0;}
.contact-map {flex:initial;margin:30px 0 0 0;}
section .fcw-2col .flexcontent-div {flex:initial;width:auto;}
section .fcw-2col .flexcontent-div:first-child {width:auto;}
/* FC */
.fcd-flex {display:block;}
.fcd-flex .flexcontent-text {flex:initial;margin:0 0 40px 0;}
.fcd-reverse {flex-direction:row;}
.fcd-flex.fcd-reverse .flexcontent-text {margin:0 0 40px 0;}
.fcw-2col, .fcw-3col, .fcw-4col, .fcw-5col, .fcw-multicol {display:block;}
.fcw-2col .flexcontent-div {flex:initial;width:auto;padding:0;}
.fcw-3col .flexcontent-div {flex:initial;width:auto;padding:0;}
.fcw-4col .flexcontent-div {flex:initial;width:auto;padding:0;}
.fcw-5col .flexcontent-div {flex:initial;width:auto;padding:0;}
.fcd-images div {margin:0 0 40px 0;}
section img {max-width:100%;height:auto !important;}
}
/* for 780px and less */
@media screen and (max-width:780px) {
.homeblockcontent {display:block;}
.homeblockicon {flex:initial;max-width:none;}
.homeblocktext {flex:initial;max-width:none;padding:0 2em;}
.svgblock {flex:initial;width:auto;}
ul.submenu {position:relative;top:20px;left:0;transform:unset;padding-left:0;max-height:0;transition:max-height .3s ease-in-out .3s;overflow:hidden;}
ul.submenu li:last-child {margin-bottom:30px;}
.mobilemenu ul li.haschild:hover ul.submenu {transition:max-height .3s ease-in-out .5s;max-height:1000px;}
}
/* for 640px and less */
@media screen and (max-width:640px) {
.intro-mask-text {font-size:100px;}
.socialicons {justify-content:flex-start;margin:20px 0 0 0;}
/* Responsive table */
.datatable {border:0;}
.datatable thead {clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.datatable tr {border-bottom:2px solid #eee;display:block;margin-bottom:20px;}
.datatable tr:last-child {margin-bottom:0;}
.datatable td {border-bottom:none;display:block;text-align:right;padding:12px;}
.datatable td:before {content:attr(data-label);float:left;font-weight:600;}
}
/* for 480px and less */
@media screen and (max-width:480px) {
.sitemap {padding:120px 1em 24px 1em;}
.copyright {font-size:0.8em;padding:20px 1em 60px 1em;text-align:center;}
.copyright-item {display:block;margin:0 0 10px 00;}
.backtotop {top:1em;right:1em;}
.bottompane {padding:1em;}
.h1-headline {font-size:48px;}
h1 {font-size:48px;}
.homeblockicon svg {width:240px;}
.homeblocktext {padding:0 1em;}
.homeblocktext h2 {font-size:48px;}
.svgblock h3 {font-size:36px;}
.margin {margin:0 0 60px 0;}
.cardboard {padding:60px 0;margin:60px 0;}
.cardboard:after {clip-path:polygon(0 2%, 100% 0, 100% 100%, 0 100%);}
.contact-infos .contact-item {padding:0 0 20px 48px;}
.intro-mask-text {font-size:64px;}
.refsoverlay h3 {margin:0 20px;}
.blog article .article-content {display:block;}
.blog article figure {margin:0 0 20px 0;}
.blog article .article-summary {flex:initial;}
.blogtools {float:none;}
.blog-detail h1 {padding:20px 0 0 0;}
blockquote, blockquote p {font-size:24px;}
.encart {padding:30px;}
.mobilemenu ul {font-size:48px;line-height:48px;}
}