/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap');
/* Font Awesome 5 : FAR font-weight:400, FAS font-weight:900 */

body {
  margin: 0;
  padding: 0;
  color: #1a1b1f;
  font-size: 18px;
  font-family: 'Lexend Deca', sans-serif;
  line-height: 30px;
  font-weight: 400;
}
img {
  border: 0;
  vertical-align: middle;
}
.pagemaster {
  width: 100%;
  position: relative;
  z-index: 1;
}
.pagelarge {
  padding: 0 4%;
}
.page {
  max-width: 1280px;
  margin: 0 auto;
}
.pagelarge:after, .page:after {content:"";display:table;clear:both;}
.pageflex, .pageflex2 {display:flex;}
.content .pageflex {align-items:center;}
.header {position:absolute;top:72px;width:100%;z-index:9000;}
.logopane {float:left;}
.menu {float:right;}
.menu a:link {text-decoration:none;}
.toppane {height:200px;background:#00a1c6 url("lines.svg") no-repeat 100% center;background-size:cover;}
.content {padding:100px 0;}
.contentpane {margin:0 0 60px 0;}
.leftpane, .rightpane {flex:1 0 50%;width:50%;padding:0 4%;box-sizing:border-box;}
.contentpane2 {background:#00a1c6;padding:60px;margin:0 0 60px 0;color:white;}
.contentpane2 h2, .contentpane2 h4 {color:white;}
.contentpane2 hr {background:white;}
.contentpane3 {margin:0 0 60px 0;}
.contentpane4 {background:#fffde5;padding:60px;}
.leftpane2 {margin:0 8% 0 0;flex:1;}
.rightpane2 {width:300px;}
.bottom {background:#00a1c6;color:white;padding:60px 120px 60px 60px;margin:0 100px 0 0;position:relative;box-sizing:border-box;}
.bottom:after {
  content: "";
  border-left: 88px solid #fff466;
  border-top: 88px solid #fff;
  width: 88px;
  height: 88px;
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: inherit;
}
.bottom .h4-headline {font-weight:400;color:white;}
.bottom a:link, .bottom a:visited {color:white;text-decoration:underline;}
.bottom a:active, .bottom a:hover {color:#1a1b1f;text-decoration:underline;}
.bottomflex {display:flex;}
.bottomleft {flex:1;}
.bottompane1 {margin:0 0 40px 0;}
.bottompane3 {color:white;margin:0 0 0 80px;}
.footer {background:white;padding:40px 0;}
.footerpane {float:left;}
.copyright {float:right;color:#00a1c6;font-size:14px;line-height:18px;}
.copyright span {white-space:pre;}
.copyright a:link, .copyright a:visited {color:#00a1c6;text-decoration:none;}
.copyright a:active, .copyright a:hover {color:#1a1b1f;text-decoration:none;}

/* Text selection */
::selection {background:#00a1c6;}
::-moz-selection {background:#00a1c6;}

/* BUTTONS */
a.bigbutton {transition:all .2s ease-in-out 0s;}
a.bigbutton {display:inline-block;font-family:'Lexend Deca', sans-serif;font-size:18px;line-height:24px;padding:10px 20px;border-radius:3px;margin:12px 20px 0 0;box-sizing:border-box;transition:all 0.3s ease;}
a.bigbutton:link, a.bigbutton:visited {box-shadow:inset 0px 0px 0px 2px #00a1c6;color:#00a1c6;text-decoration:none;}
a.bigbutton:active, a.bigbutton:hover {box-shadow:inset 0px 0px 0px 2px #1a1b1f;color:#1a1b1f;text-decoration:none;}
button.bigbutton {background:none;box-shadow:inset 0px 0px 0px 2px #00a1c6;color:#00a1c6;display:inline-block;font-family:'Lexend Deca', sans-serif;font-size:18px;line-height:24px;padding:10px 20px;margin:12px 0 0 0;border-radius:3px;border:none;cursor:pointer;}
button.bigbutton:hover {box-shadow:inset 0px 0px 0px 2px #1a1b1f;color:#1a1b1f;}

/* Documents and links */
.documents, .newspaper-link {display:flex;flex-direction:column;align-items:flex-start;}
.documents a {display:inline-block;font-family:'Lexend Deca', sans-serif;font-size:18px;line-height:24px;padding:10px 20px;border-radius:3px;margin:12px 20px 0 0;box-sizing:border-box;transition:all 0.3s ease;}
.documents a:before {display:inline-block;content:url("download.svg");width:24px;height:24px;margin-right:6px;vertical-align:text-top;}
.documents a:link, .documents a:visited {box-shadow:inset 0px 0px 0px 2px #00a1c6;color:#00a1c6;text-decoration:none;}
.documents a:active, .documents a:hover {box-shadow:inset 0px 0px 0px 2px #1a1b1f;color:#1a1b1f;text-decoration:none;}
.newspaper-link a {display:inline-block;font-family:'Lexend Deca', sans-serif;font-size:18px;line-height:24px;padding:10px 20px;border-radius:3px;margin:12px 20px 0 0;box-sizing:border-box;transition:all 0.3s ease;}
.newspaper-link a:link, .newspaper-link a:visited {box-shadow:inset 0px 0px 0px 2px #00a1c6;color:#00a1c6;text-decoration:none;}
.newspaper-link a:active, .newspaper-link a:hover {box-shadow:inset 0px 0px 0px 2px #1a1b1f;color:#1a1b1f;text-decoration:none;}

/* Publications */
.publicationswrapper h2 {color:#00a1c6;}
.publication {margin:0 0 30px 0;}
.publication h3, .publication p {margin:0;}

/* HEADLINES */
.h1-headline, .h2-headline, .h3-headline {font-family:'Lexend Deca', sans-serif;font-weight:400;line-height:normal;}
.h1-headline {font-size:40px;font-weight:800;}
.h2-headline {font-size:28px;}
.h3-headline {font-size:24px;font-weight:800;}

/* MISC */
.breadcrumb {color:#00a1c6;margin:0 0 40px 0;}
.breadcrumb a {font-weight:600;}
.imageonly {margin:60px 0 80px 0;}
.fcw-2col .flexcontent-div {margin:0;}
.fcw-2col .flexcontent-div:last-child .flexcontent-media {margin:30px 0 40px 0;}
.fcd-images div:last-child, .fcd-images div:only-child {margin:0;}

/* Home Hero */
.topimageheader {position:relative;overflow:hidden;height:780px;}
.topimageheader:after {
    background: rgba(0,0,0,.3);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    z-index: 1100;
}

/* Text Blocks */
.svgblocks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  margin: 0 auto;
  position: relative;
  z-index: 9000;
}
.homepage .svgblocks {grid-template-columns:repeat(4, 1fr);width:80%;margin:-80px auto 0 auto;}
a.svgblock {background:#00a1c6 !important;padding:32px 16px;box-sizing:border-box;position:relative;text-decoration:none !important;}
.svgblock:after {
  content: "";
  border-left: 44px solid #fff466;
  border-bottom: 44px solid #fff;
  width: 44px;
  height: 44px;
  position: absolute;
  bottom: 0;
  right: 0;
  box-sizing: inherit;
  transition: all .2s ease-in-out 0s;
}
.svgblock h3 {color:white;}
.svgblock:hover:after {
  border-left: 66px solid #fff466;
  border-bottom: 66px solid #fff;
  width: 66px;
  height: 66px;
}

/* Citation */
.citation-content {margin:0 auto;padding:0 0 40px 0;text-align:center;}
.citation-content h2 {color:white;}
.citation-content hr {background:white;margin:30px auto;}
.citation-text {font-size:20px;line-height:30px;letter-spacing:1px;padding:0 80px;}
.citation-link {margin:20px 0 0 0;}
.citation-link a.bigbutton:link, .citation-link a.bigbutton:visited {background:white;color:#00a1c6;}
.citation-link a.bigbutton:active, .citation-link a.bigbutton:hover {background:#1a1b1f;color:white;}

/* BLOG */
.blogheader {margin:0 0 40px 0;}
.blogtools {float:right;}
.blogtools a:hover {color:#1a1b1f;}
.blog article {margin:0 0 40px 0;}
.blog article h2 {margin:0;}
.blog article .blogdate {margin:6px 0 0 0;}
.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: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #00a1c6;
}
.pagination-link.is-current {background-color:#00a1c6;border-color:#00a1c6;}
/* Sat */
.blog-sat {display:flex;padding:0 4%;}
.blog-sat .h2-headline {font-size:40px;font-weight:800;margin:0 8% 0 0;}
.blog-sat .blog {flex:1;}
.blog-sat .blog article h3 {margin:0;}
.blog-sat .blog article .article-content {display:block;}
.blog-sat .blog article figure {margin:0 0 20px 0;}
.blog-sat .blog article .article-summary {flex:initial;}
/* Categories */
.blog-categories {background:#fffde5;padding:30px;margin:0 0 20px 0;width:300px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.blog-categories ul {margin:20px 0 0 0 !important;}
.blog-categories li {margin:0 !important;list-style-type:none !important;padding:5px 0;border-bottom:#ccc solid 1px;}
.blog-categories li:last-child {border-bottom:0;}
.blog-categories a:link, .blog-categories a:visited {color:#1a1b1f;text-decoration:none;}
.blog-categories a:active, .blog-categories a:hover {color:#00a1c6;text-decoration:none;}
/* Archives */
.blog-archives {background:#fffde5;padding:30px;margin:0 0 20px 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;}
.blog-archives-item:hover {color:#00a1c6;}
/* 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;}
.fb-share-button {margin-top:4px;}
.article-gallery {display:flex;}
.article-gallery a {margin:0 10px 10px 0;}

/* SOCIAL ICONS */
.socialicons {margin:20px 0 0 0;font-size:0;}
.socialicons a {
  display: inline-block;
  font-size: 16px;
  margin-right: 6px;
  line-height: 24px;
  width: 24px;
  text-align: center;
  border-radius: 3px;
}
.socialicons a:link, .socialicons a:visited {background:white;color:#00a1c6;text-decoration:none;}
.socialicons a:active, .socialicons a:hover {background:#1a1b1f;color:white;text-decoration:none;}

/* Contact */
.contact-wrapper {display:flex;}
.contact-infos {width:50%;margin:0 0 40px 0;}
.contact-item {position:relative;padding:0 0 0 62px;margin:0 0 40px 0;}
.ci-header span {
  display: block;
  background: #00a1c6;
  height: 42px;
  width: 42px;
  line-height: 42px;
  text-align: center;
  border-radius: 50%;
  color: white;
  font-size: 21px;
  position: absolute;
  top: 0;
  left: 0;
}
.contact-map {flex:1;margin:0 0 40px 40px;}
.contactform {margin:0 0 40px 0;}
.csi-content {margin:20px 0 0 0;}
.contactsat-infos {background:url("/Portals/0/alexandrebories-logo.svg") no-repeat;padding:60px 0 0 0;margin-bottom:30px;}
.contactformfields input[type=text]:focus, .contactformfields input[type=email]:focus, .contactformfields input[type=date]:focus, .contactformfields textarea:focus {background:#fffde5;}

/* LABELS */
.labelswrapper {font-size:0;}
.labels {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.labels img {display:inline-block;margin:0 10px 20px 10px;}

/* LOGIN */
.LoginPanel {border:#eee solid 2px;border-radius:24px;padding:40px;}
.LoginPanel input {border:none;height:40px;padding-left:10px;background:#eee;color:#1a1b1f;font:inherit;width:320px !important;}
a.dnnPrimaryAction:link, a.dnnPrimaryAction:visited {background:#00a1c6;color:white;display:inline-block;font-family:'Lexend Deca', sans-serif;font-size:18px;line-height:1;font-weight:400;text-decoration:none;padding:10px 30px 12px 30px;text-align:center;border-radius:24px;}
a.dnnPrimaryAction:active, a.dnnPrimaryAction:hover {background:#1a1b1f;color:white;text-decoration:none;}
a.dnnSecondaryAction:link, a.dnnSecondaryAction:visited {background:#eee;color:#1a1b1f;display:inline-block;font-family:'Lexend Deca', sans-serif;font-size:18px;line-height:1;font-weight:400;text-decoration:none;padding:10px 30px 12px 30px;text-align:center;border-radius:24px;}
a.dnnSecondaryAction:active, a.dnnSecondaryAction:hover {background:#1a1b1f;color:white;text-decoration:none;}
.dnnLoginRememberMe {display:none;}
.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {border:none;-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important;}
.dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnSecondaryAction, a.dnnSecondaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span {border:none;-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important;}

/* 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:'Lexend Deca', sans-serif;font-weight:400;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;}

/* Default */
h1, h2, h3, h4, h5, h6 {font-family:'Lexend Deca', sans-serif;font-weight:400;margin:0;line-height:normal;color:#1a1b1f;}
h1 {font-size:40px;font-weight:800;}
h2 {font-size:28px;}
h3 {font-size:24px;font-weight:800;}
h4 {font-size:40px;font-weight:800;}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {text-decoration:none;color:#1a1b1f;}
h2 a:active, h2 a:hover, h3 a:active, h3 a:hover {text-decoration:none;color:#00a1c6;}
strong {font-weight:600;}
a:link, a:visited {color:#00a1c6;text-decoration:none;}
a:active, a:hover {color:#00a1c6;text-decoration:underline;}
/* IE10 FIX */
a:active {background-color:transparent;}
/* DNN7 FIX */
h1, h2, h3, h4 {margin:30px 0;}
p {margin:30px 0;}
ul {margin:30px 0;padding:0;}
.content ul {padding:0;margin:30px 0 30px 30px;}
.content ul li {margin:0 0 10px 0;list-style-type:disc;}
.content ul li::marker {margin:0 .5rem 0 0;color:#00a1c6;}
ul.multicolumn {
  -webkit-columns: 3;
  -moz-columns: 3;
  columns: 3;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
hr {border:0;height:2px;background:#00a1c6;margin:30px 0;max-width:40px;clear:none;}
i {font-style:normal;}
blockquote {margin:40px 30px;padding:0 0 0 20px;border-left:#00a1c6 solid 3px;}
blockquote, blockquote p {font-weight:400;font-style:normal;font-size:18px;line-height:30px;color:#1a1b1f;}

/* DEBUG */
.DNNEmptyPane {width:auto;margin:0;padding:0 !important;}
/* DNN9 Fix */
.dnnModuleManager {
    padding: 0 !important;
}
.LoginPanel {
    width: auto !important;
    padding-right: 0 !important;
    float: none !important;
}
.dnnActions li {list-style-type:none !important;}

/* MainMenu */
nav#dnnMenu {white-space:nowrap;}
nav#dnnMenu ul {list-style:none;margin:0 0 0 60px;padding:0;}
nav#dnnMenu ul li {
  display: block;
	float: left;
	position: relative;
  box-sizing: border-box;
  margin: 0 30px 0 0;
}
nav#dnnMenu ul li a {
  display: block;
  height: 58px;
  line-height: 58px;
  font-family: 'Lexend Deca', sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: white;
  text-decoration: none;
}
.homepage nav#dnnMenu ul li.rootlevel:last-child a {color:#00a1c6;margin:0;}
nav#dnnMenu ul li a:hover, .homepage nav#dnnMenu ul li.rootlevel:last-child a:hover {color:#fff466;}
/* Sub*/
nav#dnnMenu ul li ul {
  visibility: hidden;
  opacity: 0;
	position: absolute;
	left: 0;
  z-index: 9900;
  transition: all 0.3s ease;
  margin: 0;
}
nav#dnnMenu ul li:hover > ul, nav#dnnMenu ul li ul:hover {visibility:visible;opacity:1;transition: all 0.3s ease;}
nav#dnnMenu ul li ul li {background:rgba(0,161,198,.9);height:40px;float:none;margin:0 0 2px 0;}
nav#dnnMenu ul li ul li a {height:40px;line-height:40px;padding:0 20px 0 16px;color:white;}

/* MobileMenu */
/* Button */
.navicon {text-align:center;}
.navicon a {
  display: inline-block;
  width: 24px;
  height: 20px;
  position: relative;
  text-indent: -9999px;
  margin: 20px 0;
}
.navicon a::after {
  content: '';
  width: 24px;
  height: 4px;
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0px 0 white,
              0 8px 0 white,
              0 16px 0 white;
}
/* Menu */
.mobilemenu {position:absolute;top:199px;width:100%;z-index:9900;}
.mobilemenu ul {list-style:none;margin:0;padding:0 0 20px 0;font-family:'Lexend Deca', sans-serif;font-size:24px;font-weight:600;text-align:center;background:#00a1c6;}
.mobilemenu ul li {display:block;border-bottom:rgba(0,0,0,.1) solid 1px;}
.mobilemenu ul li:last-child {border-bottom:none;}
.mobilemenu ul li a {display:block;padding:10px 20px;text-decoration:none;color:white;}
.mobilemenu ul li a:hover {color:#fff466;}
.mobilemenu ul li a.disabled {color:rgba(0,0,0,.2);}
.mobilemenu ul li ul {padding:0;border-top:rgba(0,0,0,.1) solid 1px;}

/* PREQUERIES */
.navicon, .mobilemenu {display:none;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1280px and less */
@media screen and (max-width:1280px) {
.bottom {margin:0 4% 0 0;}
.homepage .svgblocks {width:92%;}
}
/* 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;}
.pagelarge {padding:0 40px;}
.pageflex, .pageflex2 {display:block;}
.logopane {float:none;text-align:center;}
.leftpane, .rightpane {flex:initial;width:auto;padding:0;}
.leftpane2 {margin:0 0 40px 0;flex:initial;}
.rightpane2 {width:auto;}
.bottom {margin:0 40px 0 0;}
.bottomflex {display:block;}
.bottomleft {flex:initial;}
.bottompane1 {display:none;}
.bottompane3 {margin:0;}
.homepage .svgblocks {grid-template-columns:repeat(2, 1fr);width:auto;margin:-80px 40px 0 40px;}
.blog-sat {display:block;}
.blog-sat .h2-headline {margin:0 0 40px 0;}
.blog-sat .blog {flex:initial;}
.blog article .article-content {display:block;}
.blog article .article-summary {flex:initial;}
.article-flex {display:block;}
.blog-detail .article-infos {width:auto;margin:0 0 40px 0;}
.blog-detail .article-content {flex:initial;}
.contact-wrapper {display:block;}
.contact-infos {width:auto;}
.contact-map {flex:initial;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;}
.logopane img, .content img {max-width:100%;height:auto !important;}
}
/* for 540px and less */
@media screen and (max-width:540px) {
.pagelarge {padding:0 30px;}
.content {padding:60px 0;}
.contentpane2 {padding:30px;}
.contentpane4 {padding:30px;}
.bottom {padding:60px 120px 60px 30px;margin:0 30px 0 0;}
.topimageheader {height:540px;}
.svgblocks {grid-template-columns:repeat(1, 1fr);}
.homepage .svgblocks {grid-template-columns:repeat(1, 1fr);margin:-60px 30px 0 30px;}
.contactsat-infos {background:none;padding:0;}
}