 /* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
/* ExtraLight 200, Light 300, Regular 400, Medium 500, SemiBold 600, Bold 700, ExtraBold 800 */

body {
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 18px;
  font-family: "Plus Jakarta Sans", sans-serif;
  line-height: 30px;
}
img {
  border: 0;
  vertical-align: middle;
}
.pagemaster {
  width: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.pagelarge {
  padding: 0 10%;
}
.page {
  max-width: 1240px;
  margin: 0 auto;
  position: relative;
}
.page:after {content:"";display:table;clear:both;}
.pageflex {display:flex;}

.preheader:after {content:"";display:table;clear:both;}
.langpane {float:left;margin:0 0 0 45px;font-weight:bold;font-size:16px;line-height:45px;}
.langpane a:link, .langpane a:visited {display:inline-block;color:#27337f;text-decoration:none;margin:0 0 0 10px;}
.langpane a:active, .langpane a:hover {color:#61bee5;text-decoration:none;}
.headerpane {float:right;}
.headerflex {display:flex;align-items:center;}
.header {position:absolute;top:0;width:100%;background:rgba(255,255,255,0);animation:none;z-index:1400;}
.header.is-sticky {
  position: fixed;
  top: 0;
  background: rgba(39,51,127,.9);
  transform: translateY(-100px);
  animation: move-down .2s forwards;
}
@keyframes move-down {
  100% {
    transform: translateY(0);
  }
}
.dheader {position:relative;top:auto;}
.pmdefault .headerpane {background:#f7f7f7;}
.logopane, .logowpane {margin:0 24px 0 0;}
.logopane img, .logowpane img {margin:18px 0;}
.header.is-sticky .logopane img, .header.is-sticky .logowpane img  {height:60px;}
.homepage .logopane {display:none;}
.pmdefault .logowpane {display:none;}
.pmdefault .header.is-sticky .logopane {display:none;}
.pmdefault .header.is-sticky .logowpane {display:block;}
.menu {flex:1;}
.banner {position:relative;z-index:1;}
.toppane {padding:0 45px;}
.toppane .rocketactionmenu {top:auto;bottom:20px;}
body.stickyheader .toppane {margin-top:116px;}
.content {padding:100px 0;}
.dcontent {background:url("hexagon-line.svg") no-repeat 90% -250px;background-size:33%;}
.leftpane {width:68%;margin:0 4% 0 0;padding:0 0 40px 0;}
.rightpane {flex:1;padding:0 0 40px 0;}
.bottom {padding:60px 0 20px 0;}
.bottompane1 {min-height:98px;margin:0 120px 0 0;}
.bottompane2 {margin:0 120px 0 0;}
.bottompane3 {flex:1;}
.footer {padding:40px 0;}
.copyright {color:#acacac;font-size:14px;}
.copyright span {white-space:pre;}
.copyright a:link, .copyright a:visited {color:#acacac;text-decoration:none;}
.copyright a:active, .copyright a:hover {color:#333;text-decoration:none;}

/* BUTTONS */
a.bigbutton, span.bigbutton {display:inline-block;font-family:"Plus Jakarta Sans", sans-serif;font-size:18px;font-weight:700;transition:all 0.3s ease;}
a.bigbutton:link, a.bigbutton:visited {color:#27337f;text-decoration:none;}
a.bigbutton:active, a.bigbutton:hover {color:#61bee5;text-decoration:none;}
a.bigbutton:before, span.bigbutton:before {font-family:'Material Symbols Outlined';content:"\e147";font-size:24px;font-weight:normal;margin:0 8px 0 0;vertical-align:top;}
a.bigbutton.megabutton {font-family:"Dosis", sans-serif;font-weight:300;font-size:40px;line-height:1.1;}
a.bigbutton.megabutton:before {display:none;}
button.bigbutton {display:inline-block;background:#27337f;color:white;height:48px;line-height:48px;font-family:"Plus Jakarta Sans", sans-serif;font-size:20px;font-weight:800;border-radius:24px;padding:0 20px;text-decoration:none;border:none;cursor:pointer;font-style:normal;transition:all 0.3s ease;}
button.bigbutton:hover {background:#61bee5;color:white;text-decoration:none;}

/* HEADLINES */
.h1-headline, .h2-headline {font-family:"Dosis", sans-serif;font-weight:400;font-size:58px;line-height:1;color:#27337f;margin:24px 0;}
.h3-headline, .h4-headline {font-family:"Plus Jakarta Sans", sans-serif;font-weight:700;font-size:30px;line-height:1.2;color:#27337f;margin:24px 0;}
.h4-headline {font-size:24px;color:#acacac;}

/* Documents and links */
.documents, .newspaper-link {padding:20px 0 0 24px;}
.documents a, .newspaper-link a {display:inline-block;font-family:"Plus Jakarta Sans", sans-serif;font-size:18px;font-weight:700;transition:all 0.3s ease;}
.documents a:link, .documents a:visited {color:#27337f;text-decoration:none;}
.documents a:active, .documents a:hover {color:#61bee5;text-decoration:none;}
.documents a:before {font-family:'Material Symbols Outlined';content:"\e2c4";font-size:24px;font-weight:normal;margin:0 8px 0 0;vertical-align:top;}
.newspaper-link a:link, .newspaper-link a:visited {color:#27337f;text-decoration:none;}
.newspaper-link a:active, .newspaper-link a:hover {color:#61bee5;text-decoration:none;}
.newspaper-link a:before {font-family:'Material Symbols Outlined';content:"\e147";font-size:24px;font-weight:normal;margin:0 8px 0 0;vertical-align:top;}

/* MISC */
::selection {background:#61bee5;}
.socialwrapper {display:flex;height:45px;line-height:45px;justify-content:flex-end;padding:0 45px;}
.topmenu a {display:inline-block;font-size:16px;font-weight:bold;margin:0 24px 0 0;text-decoration:none !important;}
.fcd-flex .fcd-images {margin:24px 0 0 0;}
.centeritems .fcw-2col, .centeritems .fcd-flex {align-items:center;}
.fcw-2col .fcd-images div {margin:0 0 40px 0;}
.zoom {background:#00599e url("hexagon-wline.svg") no-repeat 120% -250px;border-radius:10px;padding:40px 80px 60px 80px;margin:60px 0;color:white;}
.zoom h2, .zoom h3, .zoom .h2-headline {color:white;}
.zoom blockquote {border-left:white solid 8px;}
.zoom blockquote, .zoom blockquote p {color:white;}
.avantages {margin:60px 0;}
.avantages .flexcontent-div {margin:0;}
.avantages h3 {font-size:30px;}
.avantages img {margin:40px 80px 0 0;}
.avantages .fcd-reverse img {margin:40px 0 0 80px;}
.introd {margin:0 0 60px 0;}
.introd ul {background:#f7f7f7;padding:40px;margin:0 !important;}
.intro {margin:0 0 60px 0;}
.intro:before {
  position: absolute;
  width: 740px;
  height: 843px;
  content: "";
  background: url("hexagon-line.svg") no-repeat;
  z-index: -2;
  top: -350px;
  right: -200px;
}
.intro img {
  mask: url("hexagon-mask.svg");
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
}
.intro p {max-width:80%;}
.intro .fcd-flex .flexcontent-text {margin:0 40px 0 0;}
.intro .fcd-flex .flexcontent-media {width:50%;position:relative;}
.intro .fcd-flex .fcd-images div:nth-child(1) {position:absolute;top:300px;left:-20px;} /* Small */
.intro .fcd-flex .fcd-images div:nth-child(2) {position:absolute;top:-100px;right:-110px;} /* Top */
.intro .fcd-flex .fcd-images div:nth-child(3) {position:absolute;bottom:-150px;right:-30px;} /* Bottom */
.intro .fcd-flex .fcd-images div:nth-child(3):after {
    position: absolute;
    width: 120px;
    height: 120px;
    content: "";
    background: url("frenchfab-logo.png") no-repeat;
    bottom: 30%;
    left: -120px;
}
.turbine {margin:80px 0 120px 0;padding:0 0 0 175px;position:relative;}
.turbine:before {
    position: absolute;
    width: 350px;
    height: 400px;
    content: "";
    background: url("turbine.svg") no-repeat center center;
    top: -84px;
    left: -240px;
}
.newsintro .flexcontent-media {margin:0 0 20px 0;}
.newsintro .newspaper-link {text-align:center;padding:0;}
.video-container {text-align:center;}

/* Counter */
.counter .page {margin:100px auto 0;padding:0 0 0 175px;box-sizing:border-box;}
.counter .svgblockswrapper .page:before {
    position: absolute;
    width: 350px;
    height: 400px;
    content: "";
    background: url("turbine.svg") no-repeat center center;
    top: -84px;
    left: -240px;
}
.counter .svgblockswrapper .h1-headline {max-width:640px;}
.counter .svgblocks {display:flex;align-items:flex-start;margin:64px 0 0 0;}
.counter .svgblock {margin:0 20px;flex:1;}
.counter .svgblock h3 {color:#333;margin:10px 0 0 20px;}
.counter .svgblockicon {display:inline-block;background:#e30613;font-family:"Dosis", sans-serif;font-weight:500;font-size:80px;line-height:1;color:white;padding:0 20px;}

/* Graphic Blocks */
.gblockswrapper {margin:80px 0;}
.gblocks {display:flex;margin:40px 0 0 0;}
.gblock {flex:1;margin:4px;position:relative;overflow:hidden;border-radius:10px;text-decoration:none !important;display:block;}
.gblock img {display:block;max-width:100%;height:auto;filter:grayscale(100%);}
.gblocksoverlay {position:absolute;top:0;right:0;display:flex;align-items:flex-end;width:372px;height:100%;background:linear-gradient(45deg,#27337f 0%, #00599e 100%);transition:width 0.5s;}
.gblockstext {max-width:372px;padding:60px 40px;box-sizing:border-box;}
.gblockstext h2 {margin:0;color:white;}
.gblockstext h3 {font-size:24px;margin:8px 0 20px 0;color:#ced2e0;}
.gblockstext span.bigbutton {color:white;}
.gblockstext span.bigbutton:before {font-size:48px;line-height:48px;margin:0;font-weight:200;}
.gblock:hover img {filter:none;transition:all .3s ease;}
.gblock:hover .gblocksoverlay {width:412px;}

/* FAQ */
.faqwrapper {margin:80px 0 40px 0;}
.accordion-item {border-bottom:#ced5da solid 1px;padding:20px;}
.accordion-item:last-child {border-bottom:none;}
.accordion-header h3 {margin:0;}
.accordion-header h3:after {font-family:'Material Symbols Outlined';content:"\e147";font-size:24px;font-weight:normal;margin-left:10px;vertical-align:top;float:right;color:#27337f;transition:all 0.4s ease;}
.accordion-active .accordion-header h3:after {rotate:90deg;}
.accordion-content p {margin:12px 0 0 0;}

/* Gallery */
.gallery-wrapper {background:#f7f7f7;padding:40px;}
.gallery-wrapper h2 {text-align:center;}
.gallery:after {content:"";display:table;clear:both;}
.gallery a {display:block;float:left;width:18%;margin:12px 1%;}
.gallery a img {max-width:100%;height:auto;}
.options .gallery-wrapper {background:none;padding:0;margin:0 0 80px 0;}
.options .gallery {display:flex;flex-wrap:wrap;justify-content:center;}
.options .gallery a {float:none;width:auto;text-decoration:none !important;}
.options .gallery a span.caption {display:block;margin:6px 0 0 0;max-width:150px;font-size:14px;font-weight:700;line-height:1.1;text-align:center;}
.options .gallery a img {
  mask: url("hexagon-mask.svg");
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
}

/* Citation */
.citation-window {background:#27337f;color:white;padding:80px 0;position:relative;}
.citation-content {text-align:center;}
.citation-content h3 {font-size:24px;color:white;margin:0;}
.citation-content.page {max-width:980px;}
.citation-link {margin:6px 0;}
.citation-link a.bigbutton:link, .citation-link a.bigbutton:visited {color:white;}
.citation-link a.bigbutton:active, .citation-link a.bigbutton:hover {color:#61bee5;}
.citation-window:after {
    position: absolute;
    width: 96px;
    height: 110px;
    content: "";
    background: url("turbine-footer.svg") no-repeat;
    bottom: -55px;
    left: 50%;
    transform: translateX(-50%);
}

/* Slider */
.slider-container {width:100%;min-height:320px;height:calc(100vh - 90px);}
.splide, .splide__track, .splide__list, .splide__slide {height:100%;border-radius:24px;}
.rs-mask .splide__slide:after {
    background: rgba(0,0,0,.25);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    z-index: 1100;
}
/* Caption */
.splide__slide .caption {position:absolute;width:100%;bottom:120px;left:0;color:white;z-index:1200;}
.splide__slide .caption .page {padding:0 0 0 120px;box-sizing:border-box;}
.splide__slide .caption .h2-headline {color:white;max-width:700px;}
.splide__slide .caption .h3-headline {font-size:24px;color:white;max-width:700px;}
.splide__slide .caption a.bigbutton:link, .splide__slide .caption a.bigbutton:visited {color:white;}
.splide__slide .caption a.bigbutton:active, .splide__slide .caption a.bigbutton:hover {color:#61bee5;}
.splide__slide .caption a.bigbutton:before {font-size:48px;line-height:48px;margin:0;font-weight:200;}
/* Pager */
.splide__pagination {bottom:-36px;}
.splide__pagination__page {background:white;width:24px;height:24px;margin:0;opacity:1;border-radius:0;}
.splide__pagination__page:before, .splide__pagination__page:after {content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.splide__pagination__page:before {width:0;height:0;border-radius:50%;background:#00599e;transition:all .2s ease-out;}
.splide__pagination__page:after {width:4px;height:4px;border-radius:50%;background:#333;}
.splide__pagination__page.is-active {transform:none;}
.splide__pagination__page.is-active:before {width:100%;height:100%;}
.splide__pagination__page.is-active:after {background:white;}

/* Image Headers */
.topimageheader {height:320px;overflow:hidden;position:relative;border-radius:24px;}
.topimageheader .caption {position:absolute;top:50%;width:100%;transform:translateY(-50%);color:white;z-index:1200;}
.topimageheader .caption .h2-headline {color:white;}
.topimageheader .caption .h3-headline {color:white;}
.tih-mask:after {
    background: rgba(0,0,0,.25);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    z-index: 1100;
}

/* Text Headers */
.textheader {background:#27337f;border-radius:24px;}
.textheader .caption {padding:60px 0;}
.textheader .h2-headline {color:white;margin:0;}

/* NEWS */
.blogheader {margin:0 0 40px 0;}
.blogtools {float:right;}
.blog article {margin:0 0 40px 0;position:relative;padding:0 0 0 100px;}
.blog article h2 {font-size:36px;line-height:36px;margin:0 0 20px 0;}
.formatdate {position:absolute;top:0;left:0;width:72px;text-transform:uppercase;text-align:center;}
.formatdate span {display:block;}
.fd-day {background:white;height:60px;line-height:60px;font-size:40px;font-family:"Plus Jakarta Sans", sans-serif;font-weight:400;color:#27337f;border-radius:3px 3px 0 0;}
.fd-month {background:#27337f;color:white;font-size:12px;border-radius:0 0 3px 3px;}
.blog article .article-content {display:flex;margin:10px 0 0 0;}
.blog article figure {margin:0 30px 0 0;}
.blog article .article-summary {flex:1;}
.bloginfo {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #ccc;
}
/* Sat */
.blog-sat .blog {display:flex;gap:4%;}
.blog-sat .blog article {margin:0;padding:0;flex:1;width:33.33%;}
.blog-sat .blog article figure {display:inline-block;margin:20px 0 0 0;position:relative;}
.blog-sat .blog article figure img {max-width:100%;height:auto;}
.blog-sat .blog article figure:after {font-family:'Material Symbols Outlined';content:"\e5cc";font-size:24px;font-weight:normal;background:white;color:#333;position:absolute;bottom:0;right:0;width:60px;height:70px;text-align:center;line-height:70px;transition:all 0.3s ease;}
.blog-sat .blog article figure:hover:after {background:#27337f;color:white;}
.blog-sat .blog article .article-content {display:block;margin:0;}
.blog-sat .blog article .article-content h3 {font-size:24px;margin:0 0 10px 0;}
.blog-sat .blog article .article-date  {font-size:16px;font-weight:700;color:#acacac;}
.blogsatlink {text-align:right;margin:30px 0 0 0;}
/* Archives */
.blog-archives {background:#f7f7f7;padding:30px;margin:20px 0 0 0;}
.blog-archives-item {margin:0 0 10px 0;}
.blog-archives-item .count {float:right;color:#999;font-size:14px;}
.blog-archives-item .count span {margin-left:4px;font-size:24px;}
/* Details */
.article-flex {display:flex;flex-direction:row-reverse;}
.blog-detail article figure {margin:0 0 40px 0;}
.blog-detail img {max-width:100%;height:auto !important;}
.blog-detail .article-infos {width:240px;margin:0 40px 0 0;}
.blog-detail .article-infos > div {margin:0 0 20px 0;}
.blog-detail .article-content {flex:1;}
.sharrre {margin-top:4px;}
.sharrre a {display:inline-block;font-size:24px;line-height:24px;margin:0 10px 0 0;}
.article-gallery {display:flex;}
.article-gallery a {margin:0 10px 10px 0;}

/* CONTACT DETAILS MAP */
.contact-wrapper {display:flex;}
.contact-infos {width:50%;margin:0 0 40px 0;}
.contact-item {position:relative;padding:0 0 0 36px;margin:0 0 40px 0;}
.ci-header span {display:block;color:#27337f;font-size:30px;position:absolute;top:0;left:0;}
.contact-map {flex:1;margin:20px 0 40px 40px;}
.csi-content {margin:20px 0 0 0;}
.contactsat-infos {line-height:24px;}
.contactsat-infos .contact-item {margin:0 0 20px 0;}
.contactsat-infos a {text-decoration:none !important;}
.tel {font-family:"Dosis", sans-serif;font-weight:600;font-size:30px;margin:20px 0 4px 0;}
.email {font-weight:700;}
/* Form */
.contactformfields label {color:#333;font-weight:600;}
.contactformfields input[type=text], .contactformfields input[type=email], .contactformfields input[type=date], .contactformfields select {border:#ced5da solid 2px;background:white;color:#333;border-radius:6px;}
.contactformfields textarea {border:#ced5da solid 2px;background:white;color:#333;border-radius:6px;}
.simplisitycheckboxlist, .rbl {margin:6px 0 0 0;}
.simplisitycheckboxlist label, .rbl label {padding:0;font-weight:normal;}
.simplisitycheckbox {display:block;}
.rbl label:after {content:"\A";white-space:pre;}
.cff-cb label {padding-left:27px !important;}
.cff-cb2 {margin:20px 0;}

/* SOCIAL ICONS */
.socialicons {font-size:0;}
.socialicons a {display:inline-block;font-size:22px;margin-right:20px;}
.socialicons a span {vertical-align:middle;}
.socialicons a:link, .socialicons a:visited {color:#27337f;text-decoration:none;}
.socialicons a:active, .socialicons a:hover {color:#61bee5;text-decoration:none;}
.bottom .socialicons {padding:0 0 0 36px;}
.bottom .socialicons a {font-size:30px;}

/* LABELS */
.labelswrapper {font-size:0;}
.labels {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.labels img {display:block;margin:0 20px 30px 20px;}

/* TABLE */
.datatable {margin:20px 0;border:2px solid #eee;font-size:18px;border-collapse:collapse;}
.datatable th {border:2px solid #eee;background-color:#1d1d1d;padding:12px 36px;text-align:right;color:white;font-family:"Plus Jakarta Sans", sans-serif;font-weight:700;font-size:18px;text-transform:uppercase;font-style:normal;}
.datatable td {border:2px solid #eee;padding:12px 36px;text-align:left;}

.Normal, .NormalDisabled, .NormalDeleted {font-size:18px;line-height:30px;}
.clearfix {clear:both;}
.as-sr-only {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* Default */
h1, h2, h3, h4, h5, h6 {font-family:"Dosis", sans-serif;font-weight:400;margin:20px 0 30px 0;line-height:1;color:#27337f;}
h1, h2 {font-size:58px;}
h3 {font-size:24px;font-family:"Plus Jakarta Sans", sans-serif;font-weight:700;line-height:1.2;}
h4 {font-size:24px;color:#acacac;font-family:"Plus Jakarta Sans", sans-serif;font-weight:700;line-height:1.2;}
h2 a:link, h2 a:visited {text-decoration:none;color:#27337f;}
h2 a:active, h2 a:hover {text-decoration:none;color:#333;}
h3 a:link, h3 a:visited {text-decoration:none;color:#333;}
h3 a:active, h3 a:hover {text-decoration:none;color:#27337f;}
strong {font-weight:700;}
em {font-style:italic;}
a:link, a:visited {color:#27337f;text-decoration:underline;}
a:active, a:hover {color:#61bee5;text-decoration:underline;}
p {margin:24px 0;text-align:justify;}
ul {margin:24px 0;padding:0;}
li h3 {display:inline-block;margin:0;}
li p {line-height:30px;text-align:left;}
.content ul, .contentright ul {margin:24px 0 24px 30px;}
.content ul li, .contentright ul li {list-style-type:none;margin:0 0 10px 0;}
.content ul li:last-child, .contentright ul li:last-child {margin:0;}
.content ul li:before, .contentright ul li:before {font-family:'Material Symbols Outlined';content:"\e5cc";font-size:24px;font-weight:normal;vertical-align:top;color:#27337f;}
.contentleft ul, .rightpane ul {margin:24px 0;}
.contentleft ul li, .rightpane ul li {list-style-type:none;padding:8px 0;border-bottom:#ddd solid 1px;margin:0;}
.contentleft ul li:last-child, .rightpane ul li:last-child {border-bottom:0;}
ol {
  counter-reset: li;
  list-style: none;
}
ol li {
  position: relative;
  padding: 8px 0 0 60px;
  min-height: 60px;
}
ol li:before {
  content: counter(li);
  counter-increment: li;
  color: #fff;
  background: #27337f;
  border-radius: 50%;
  font-family: 'Campton Book';
  font-weight: bold;
  font-size: 18px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
hr {border:0;height:6px;background:#27337f;margin:30px 0;max-width:120px;clear:none;}
blockquote {border-left:#27337f solid 8px;margin:40px;padding:0 0 0 20px;max-width:800px;}
blockquote, blockquote p {font-size:20px;line-height:30px;font-weight:700;font-style:normal;color:#27337f;text-align:left;}

/* DEBUG */
.DNNEmptyPane {width:auto;margin:0 !important;padding:0 !important;}
/* DNN9 Fix */
.dnnModuleManager {
    padding: 0 !important;
}

/* MainMenu */
nav#dnnMenu {white-space:nowrap;float:right;}
nav#dnnMenu ul {list-style:none;margin:0;padding:0;}
nav#dnnMenu ul li {
  display: block;
	float: left;
	position: relative;
  box-sizing: border-box;
  margin: 0 36px 0 0;
}
nav#dnnMenu ul li:last-child {margin:0;}
nav#dnnMenu ul li a {
  display: block;
  height: 45px;
  line-height: 45px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: white;
  text-decoration: none;
  transition: all 0.3s ease;
}
nav#dnnMenu ul li a:hover {color:#61bee5;}
nav#dnnMenu ul li.rootlevel:last-child a {background:#27337f;color:white;border-radius:22px;padding:0 20px;}
nav#dnnMenu ul li.rootlevel:last-child a:hover {background:#00599e;color:white;}
.dheader nav#dnnMenu ul li a {color:#27337f;}
.dheader nav#dnnMenu ul li a:hover {color:#61bee5;}
.dheader.is-sticky nav#dnnMenu ul li a {color:white;}
.dheader.is-sticky nav#dnnMenu ul li a:hover {color:#61bee5;}
.dheader.is-sticky nav#dnnMenu ul li.rootlevel:last-child a:hover {color:white;}

/* MobileMenu */
/* Button */
.navicon {float:right;}
.navicon a {height:50px;line-height:50px;text-align:center;text-decoration:none !important;}
.navicon a:before {font-family:'Material Symbols Outlined';content:"\e5d2";font-size:48px;font-weight:normal;vertical-align:top;color:white;}
.navicon a.collapsable:before {content:"\e5cd";}
.dheader .navicon a:before {color:#27337f;}
/* Menu */
.mobilemenu ul {list-style:none;margin:0 45px;padding:0 0 20px 0;font-family:"Plus Jakarta Sans", sans-serif;font-weight:700;font-size:20px;text-align:center;}
.mobilemenu ul li {display:block;border-top:#eee solid 1px;}
.mobilemenu ul li a {display:block;padding:10px 0;text-decoration:none;color:#27337f;}
.mobilemenu ul li a:hover {color:#61bee5;}
.mobilemenu ul li a.disabled {color:#b0b0b0;}
.mobilemenu ul li ul {margin:0;padding:0;}

/* PREQUERIES */
.navicon, .mobilemenu {display:none;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1340px and less */
@media screen and (max-width:1340px) {
.header .page {max-width:none;padding:0 65px;}
.textheader .page {max-width:none;padding:0 20px;}
nav#dnnMenu ul li {margin:0 24px 0 0;}
}
/* for 1240px and less */
@media screen and (max-width:1240px) {
.pagelarge, .page {padding:0 45px;}
.bottompane1 {margin:0 60px 0 0;}
.bottompane2 {margin:0 60px 0 0;}
}
/* 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) {
#dnnMenu {display:none;}
.navicon {display:block;}
.pageflex {display:block;}
.leftpane {width:auto;margin:0;}
.rightpane {flex:initial;}
.bottompane1, .bottompane2 {margin:0 0 40px 0;}
.bottompane3 {flex:initial;}
.footer {text-align:center;}
.intro p {max-width:none;}
.intro .fcd-flex .flexcontent-text {margin:0 0 40px 0;}
.intro .fcd-flex .flexcontent-media {width:auto;position:relative;}
.intro .fcd-flex .fcd-images div:nth-child(1) {position:relative;top:auto;}
.intro .fcd-flex .fcd-images div:nth-child(2) {position:relative;top:auto;margin-top:-100px;}
.intro .fcd-flex .fcd-images div:nth-child(3) {position:relative;bottom:auto;top:auto;margin-top:-120px;}
.intro .fcd-flex .fcd-images div:nth-child(3):after {bottom:0;left:0;}
.avantages img, .avantages .fcd-reverse img {margin:0;}
.counter .svgblockswrapper .h1-headline {max-width:none;}
.counter .svgblocks {display:block;}
.counter .svgblock {margin:0 0 40px 0;flex:initial;}
.gblocks {display:block;}
.gblock {flex:initial;}
.gblocksoverlay {width:80%;}
.gblock:hover .gblocksoverlay {width:72%;}
.splide__slide .caption {bottom:40px;}
.splide__slide .caption .page {padding:0 40px;}
.splide__slide .caption .h2-headline {max-width:none;}
.splide__slide .caption .h3-headline {max-width:none;}
.contact-wrapper {display:block;}
.contact-infos {width:auto;}
.contact-map {margin:0 0 40px 0;}
.blog article .article-content {display:block;}
.blog article figure {margin:0 0 20px 0;}
.blog article .article-summary {flex:initial;}
.article-flex {display:block;}
.blog-detail .article-infos {width:auto;margin:0;}
.blog-detail .article-content {flex:initial;}
.blog-sat .blog {display:block;}
.blog-sat .blog article {flex:initial;width:auto;margin:0 0 20px 0;}
.blogsatlink {margin:0;}
/* FC OW */
.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, .fcw-3col .flexcontent-div, .fcw-4col .flexcontent-div, .fcw-5col .flexcontent-div {flex:initial;width:auto;padding:0;}
.fcd-images div {margin:0 0 40px 0;}
.fcw-2col .flexcontent-text h2, .fcw-2col .flexcontent-text h3 {text-align:left !important;}
.gallery a {width:23%;margin:8px 1%;}
.logopane img, .content img {max-width:100%;height:auto !important;}
}
/* for 640px and less */
@media screen and (max-width:640px) {
.pagelarge, .page {padding:0 24px;}
.header .page {padding:0 44px;}
.toppane {padding:0 24px;}
.content {padding:50px 0;}
.socialwrapper {padding:0 4px 0 20px;}
.socialicons a {margin-right:12px;}
.langpane {margin:0 0 0 10px;}
.turbine {padding:0 0 0 100px;margin:0;}
.turbine:before {left:-100px;top:0;background-size:100%;width:175px;height:200px;}
.counter .page {padding:0 0 0 100px;margin:0 auto;}
.counter .svgblockswrapper .page:before {left:-100px;top:0;background-size:100%;width:175px;height:200px;}
.zoom {padding:40px;}
.blog article {padding:0;}
.formatdate {position:relative;margin:0 0 20px 0;}
.blog-sat .blog {padding:30px 0;}
.gallery a {width:29.33%;margin:8px 2%;}
.h1-headline, .h2-headline {font-size:40px;}
h1, h2 {font-size:40px;}
/* 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%;}
}
/* for less than 480px */
@media screen and (max-width:480px) {
.header {position:relative;top:auto;}
.homepage .logopane {display:block;}
.logowpane {display:none;}
.navicon a:before {color:#27337f;}
.topmenu a {margin:0 12px 0 0;}
.counter .svgblockicon {font-size:64px;}
.splide__slide .caption .page {padding:0 20px;}
.gblockstext {padding:20px;}
blockquote {margin:20px;}
.gallery a {width:46%;margin:8px 2%;}
}