/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

html {scroll-padding-top:200px;}
body {
  margin: 0;
  padding: 0;
  color: #00374c;
  font-size: 18px;
  font-family: "Poppins", serif;
  line-height: 1.6;
}
img {
  border: 0;
  vertical-align: middle;
}
.pagemaster {
  width: 100%;
  position: relative;
  z-index: 1;
}
.pagelarge {
  padding: 0 4%;
  position: relative;
}
.page {
  padding: 0 30px;
}
.page:after {content:"";display:table;clear:both;}
.pageflex {display:flex;}
.content .pageflex {max-width:1240px;margin:0 auto;}

.header {position:absolute;top:25px;background:#00374c;z-index:1300;border-radius:10px;width:92%;}
.toppane {min-height:120px;}
.logopane {float:left;}
.logopane img {margin:20px 0;}
.menu {float:right;}
.langpane {position:absolute;top:10px;right:10px;z-index:9100;font-family:"Poppins", sans-serif;font-size:12px;text-transform:uppercase;}
.langpane a:link, .langpane a:visited, .langpane a:active {
  display: inline-block;
  color: #00374c;
  text-decoration: none;
  padding:0 8px;
  margin: 0 0 0 8px;
}
.langpane a:hover, a.langsel:link, a.langsel:visited, a.langsel:active, a.langsel:hover {background:#eaeaea;color:#00374c;text-decoration:none;}
.content {padding:60px 0;}
.contentpane {padding:0 0 40px 0;}
.contentpane0 {width:68%;margin:0 4% 0 0;padding:0 0 40px 0;}
.rightpane {flex:1;padding:0 0 40px 0;}
.content2 {display:flex;flex-direction:row-reverse;}
.contentright {width:62%;flex:1;}
.contentpane2 {padding:80px 12% 80px 8%;}
.contentleft {background:#00374c;width:34%;margin:0 4% 0 0;}
.contentleft h3, .contentleft h4 {color:white;}
.leftpane {padding:80px 20%;}
.bottom {background:#00374c;color:white;padding:40px 60px;}
.bottom .h4-headline {color:white;margin:12px 0;}
.bottom p {margin:12px 0;}
.bottom a:link, .bottom a:visited {color:white;text-decoration:none;}
.bottom a:active, .bottom a:hover {color:white;text-decoration:underline;}
.bottompane1 {margin:0 80px 0 0;}
.bottom2 {flex:1;}
.copyright {color:#ccc;font-size:12px;}
.copyright span {white-space:pre;}
.copyright a:link, .copyright a:visited {color:#ccc;text-decoration:none;}
.copyright a:active, .copyright a:hover {color:white;text-decoration:none;}

/* BUTTONS */
a.bigbutton {display:inline-block;font-family:"Poppins", sans-serif;font-weight:700;font-size:20px;border-radius:27px;padding:0 24px;line-height:54px;text-align:center;transition:all .2s ease-in-out 0s;}
a.bigbutton:link, a.bigbutton:visited {background:#00374c;color:white;text-decoration:none;}
a.bigbutton:active, a.bigbutton:hover {background:#d34a50;color:white;text-decoration:none;}
a.bigbutton:after {font-family:'Material Symbols Outlined';content:"\e5c8";font-size:24px;font-weight:normal;margin:0 0 0 6px;vertical-align:top;}
a.bigbutton.backtotop {position:fixed;bottom:0;right:75px;width:48px;border-radius:10px 10px 0 0;transition:all .2s ease-in-out 0s;z-index:9900;display:none;}
a.bigbutton.backtotop:link, a.bigbutton.backtotop:visited {background:#d34a50;opacity:0.8;}
a.bigbutton.backtotop:active, a.bigbutton.backtotop:hover {background:#d34a50;opacity:1;}
a.backtotop:after {content:'';margin:0;}

/* HEADLINES */
.h1-headline, .h2-headline, .h3-headline, .h4-headline {font-family:"Poppins", sans-serif;font-weight:700;line-height:1.1;color:#00374c;margin:20px 0;}
.h1-headline {font-size:24px;font-weight:400;}
.h2-headline {font-size:64px;}
.h3-headline {font-size:48px;}
.h4-headline {font-size:22px;}

/* Documents and links */
.documents a {display:inline-block;font-family:"Poppins", sans-serif;font-weight:700;font-size:20px;border-radius:27px;padding:0 24px;line-height:54px;text-align:center;transition:all .2s ease-in-out 0s;}
.documents a:link, .documents a:visited {background:#d34a50;color:white;text-decoration:none;}
.documents a:active, .documents a:hover {background:#00374c;color:white;text-decoration:none;}
.documents a:before {font-family:'Material Symbols Outlined';content:"\e2c4";font-size:24px;font-weight:normal;margin:0 6px 0 0;vertical-align:top;}
.newspaper-link a {display:inline-block;font-family:"Poppins", sans-serif;font-weight:700;font-size:20px;border-radius:27px;padding:0 24px;line-height:54px;text-align:center;transition:all .2s ease-in-out 0s;}
.newspaper-link a:link, .newspaper-link a:visited {background:#d34a50;color:white;text-decoration:none;}
.newspaper-link a:active, .newspaper-link a:hover {background:#00374c;color:white;text-decoration:none;}
.newspaper-link a:before {font-family:'Material Symbols Outlined';content:"\e157";font-size:24px;font-weight:normal;margin:0 6px 0 0;vertical-align:top;}

/* MISC */
::selection {background:#d34a50;}
.flexcontent-wrapper {max-width:1240px;margin:0 auto;}
.flexcontent-div {margin:0 0 60px 0;}
.fcd-flex {align-items:center;}
.featured {background:#edeff2;border-radius:10px;padding:40px 60px;}
.wlist {max-width:980px;margin:60px auto 0;}
.wlist .flexcontent-div {background:#edeff2;border-radius:10px;padding:20px 40px 40px 40px;margin:0 0 20px 0;}
p.small {font-size:14px;line-height:1.3;padding:20px;}
.video-container {text-align:center;}

/* SVG Blocks */
.svgblockswrapper {max-width:1240px;margin:100px auto 60px;}
.svgblockswrapper h2 {max-width:800px;}
.svgblocks {display:grid;grid-template-columns:repeat(2,1fr);gap:38px;margin:60px 0 0 0;}
.svgblock {
    border: 1px solid #edeff2;
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 30px;
}
.svgblockicon {background:#edeff2;width:96px;height:96px;line-height:96px;text-align:center;border-radius:50%;font-size:72px;font-weight:800;}
.svgblockicon svg {fill:#00374c;width:72px;height:auto;margin:12px;}
.svgblock h3 {font-size:36px;margin:12px 0;}
.svgblock p {margin:0;}

/* Timeline */
.timeline .svgblocks {display:block;max-width:980px;margin:0 auto;}
.timeline .svgblock {padding:0.3em 2em 2em 2em;position:relative;border:0;border-radius:0;border-left:2px solid #edeff2;margin:0 0 0 3em;overflow:visible;}
.timeline .svgblock h3 {margin:0;}
.timeline .svgblock p {margin:20px 0 0 0;}
.timeline .svgblock:after {
	width: 16px;
	height: 16px;
	display: block;
	top: 1em;
	position: absolute;
	left: -9px;
	border-radius: 16px;
	content: '';
	background: #00374c;
}
.timeline .svgblock:first-child {border-image:linear-gradient(to top, #edeff2, rgba(66, 155, 111, 0)) 1 100%;padding:6em 2em 2em 2em;}
.timeline .svgblock:first-child:after {top:6.7em;}
.timeline .svgblockicon {display:none;}
.timeline .svgblock.pre {opacity:.3;}

/* Gallery */
.gallery-wrapper {max-width:1240px;margin:0 auto;}
.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;}

/* Citation */
.citation-window {min-height:400px;background:#edeff2;display:flex;align-items:center;}
.citation-content {margin:0 auto;padding:60px 0;text-align:center;max-width:1240px;}
.citation-content h2 {margin:0 20px 20px 20px;}
.citation-text {font-size:20px;line-height:30px;letter-spacing:1px;padding:0 80px;}
.citation-extra {font-weight:600;text-transform:uppercase;margin:20px 0 0 0;}
.citation-link {margin:20px 0 0 0;}

/* Slider */
.slider-container {width:100%;position:relative;overflow:hidden;min-height:320px;height:100vh;}
.rslides {position:absolute;list-style:none;overflow:hidden;width:100%;height:100%;padding:0;margin:0;}
.rslides li {backface-visibility:hidden;position:absolute;display:none;width:100%;height:100%;left:0;top:0;}
.rslides li:first-child {position:relative;display:block;float:left;}
.rs-mask .rslides li:after {
    background: rgba(0,0,0,.25);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    z-index: 1100;
}
/* Caption */
.rslides li .caption {position:absolute;top:50%;width:100%;max-width:80%;left:50%;transform:translate(-50%,-50%);color:white;text-align:left;z-index:1200;padding-top:120px;}
.rslides li .caption .h2-headline {font-size:72px;line-height:1.2;color:white;margin:0;max-width:960px;}
.rslides li .caption p {font-size:30px;line-height:1.4;color:white;max-width:960px;}
.rslides li .caption a.bigbutton {margin:40px 0 0 0;}
.rslides li .caption a.bigbutton:link, .rslides li .caption a.bigbutton:visited {background:white;color:#00374c;}
.rslides li .caption a.bigbutton:active, .rslides li .caption a.bigbutton:hover {background:#00374c;color:white;}
/* Pager */
.rslides_tabs {position:absolute;z-index:9000;bottom:20px;left:50%;transform:translateX(-50%);list-style:none;padding:0;margin:0;}
.rslides_tabs li {
  display: inline;
  padding: 0;
  margin: 0 2px;
}
.rslides_tabs a {
  text-indent: -9000px;
  overflow: hidden;
  border-radius: 50%;
  background: #ccc;
  background: rgba(255,255,255, .2);
  display: inline-block;
  width: 12px;
  height: 12px;
}
.rslides_tabs .rslides_here a {
  background: white;
  background: rgba(255,255,255, .8);
}

/* Image Headers */
.topimageheader {height:640px;overflow:hidden;position:relative;}
.topimageheader .caption {position:absolute;top:50%;width:100%;max-width:80%;left:50%;transform:translate(-50%,-50%);color:white;text-align:left;z-index:1200;padding-top:120px;}
.topimageheader .caption .h2-headline {font-size:72px;line-height:1.2;color:white;margin:0;max-width:960px;}
.topimageheader .caption p {font-size:30px;line-height:1.4;color:white;max-width:960px;}
.tih-mask:after {
    background: rgba(0,0,0,.25);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    z-index: 1100;
}

/* NEWS */
.blogwrapper {max-width:1240px;margin:0 auto;}
.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:30px;line-height:32px;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-color:white;height:60px;line-height:60px;font-size:40px;font-family:"Poppins", sans-serif;font-weight:700;color:#d34a50;border-radius:3px 3px 0 0;}
.fd-month {background-color:#d34a50;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 {max-width:1240px;margin:0 auto;padding:100px 0;}
.blog-sat .blog {margin:20px 0 0 0;}
.blog-sat .blog article {display:flex;margin:0 0 40px 0;padding:0;}
.blog-sat .blog article figure {margin:0 30px 0 0;}
.blog-sat .blog article .article-content {flex:1;display:block;margin:0;}
.blog-sat .blog article .article-content h3 {font-size:30px;margin:0 0 10px 0;}
.blogsatlink {margin:30px 0 0 0;}
/* Archives */
.blog-archives {background:#edeff2;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 h1 {font-family:"Poppins", sans-serif;font-weight:700;font-size:48px;color:#00374c;letter-spacing:0;}
.blog-detail article h2 {font-size:36px;}
.blog-detail article figure {margin:0 0 40px 0;}
.blog-detail img {max-width:100%;height:auto !important;}
.blog-detail .article-infos {width:200px;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;}

/* SOCIAL ICONS */
.socialicons {margin:20px 0 0 0;font-size:0;}
.socialicons a {
  display: inline-block;
  font-size: 24px;
  margin-right: 6px;
  line-height: 42px;
  width: 42px;
  text-align: center;
  border-radius: 3px;
}
.socialicons a span {vertical-align:middle;}
.socialicons a:link, .socialicons a:visited {background:white;color:#00374c;text-decoration:none;}
.socialicons a:active, .socialicons a:hover {background:#d34a50;color:#00374c;text-decoration:none;}

/* CONTACT DETAILS MAP */
.contact-wrapper {display:flex;max-width:1240px;margin:0 auto;}
.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: #d34a50;
  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:20px 0 40px 40px;}
.csi-content {margin:20px 0 0 0;}
.contactsat-infos {font-size:16px;line-height:24px;}
.contactform {max-width:1240px;margin:60px auto;}

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

/* TABLE */
.datatable {margin:20px 0 40px 0;border:2px solid #edeff2;font-size:18px;border-collapse:collapse;}
.datatable th {border:2px solid #edeff2;background-color:#edeff2;padding:24px 30px;color:#00374c;font-family:"Poppins", serif;font-weight:600;font-size:18px;line-height:1.3;text-transform:uppercase;font-style:normal;vertical-align:bottom;}
.datatable td {border:2px solid #edeff2;padding:24px 30px;text-align:left;}
.datatable h4, .datatable p {margin:0;}

.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:"Poppins", sans-serif;font-weight:700;margin:0;line-height:1.1;color:#00374c;}
h1 {font-size:24px;font-weight:400;}
h2 {font-size:64px;}
h3 {font-size:48px;}
h4 {font-size:22px;}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {color:#00374c;text-decoration:none;}
h2 a:active, h2 a:hover, h3 a:active, h3 a:hover {color:#d34a50;text-decoration:none;}
strong {font-weight:600;}
a:link, a:visited {color:#d34a50;text-decoration:underline;}
a:active, a:hover {color:#00374c;text-decoration:underline;}
h1, h2, h3, h4 {margin:20px 0;}
p {margin:20px 0;}
ul {margin:20px 0;padding:0;}
.content ul, .contentright ul {margin:20px 0 20px 30px;}
.content ul li, .contentright ul li {list-style-type:disc;margin:0 0 10px 0;}
.content ul li:last-child, .contentright ul li:last-child {margin:0;}
.content ul li::marker, .contentright ul li::marker {color:#d34a50;}
.contentleft ul, .rightpane ul {margin:20px 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;}
hr {border:0;height:2px;background:#d34a50;margin:30px auto;max-width:170px;clear:none;}
blockquote {border-left:#d34a50 solid 8px;margin:40px;padding:0 0 0 20px;max-width:800px;}
blockquote, blockquote p {font-size:20px;line-height:30px;font-weight:700;color:#00374c;}

/* 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;}
.LoginPanel input {border:none;height:40px;padding-left:10px;background:#eee;color:#3c3c3b;font:inherit;width:320px !important;}
.dnnFormItem input[type="text"], .dnnFormItem select, .dnnFormItem textarea, .dnnFormItem input[type="email"], .dnnFormItem input[type="search"], .dnnFormItem input[type="password"] {font-size:18px;}
a.dnnPrimaryAction:link, a.dnnPrimaryAction:visited {background:#12aec5;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:#3c3c3b;color:white;text-decoration:none;}
a.dnnSecondaryAction:link, a.dnnSecondaryAction:visited {background:#eee;color:#3c3c3b;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:#3c3c3b;color:white;text-decoration:none;}
.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:#3c3c3b;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:'';}

/* MainMenu */
nav#dnnMenu {white-space:nowrap;}
nav#dnnMenu ul {list-style:none;margin:21px 0;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.rootlevel:first-child {display:none;}
nav#dnnMenu ul li:last-child {margin:0;}
nav#dnnMenu ul li a {
  display: block;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 18px;
  height: 48px;
  line-height: 48px;
  color: white;
  text-decoration: none;
}
nav#dnnMenu ul li a:hover {color:#d34a50;}
nav#dnnMenu ul li.rootlevel:last-child a {background:#d34a50;color:white;border-radius:24px;padding:0 20px;}
nav#dnnMenu ul li.rootlevel:last-child a:hover {background:white;color:#00374c;}
nav#dnnMenu ul li a.menutab49:after {font-family:'Material Symbols Outlined';content:"\e89e";font-size:24px;font-weight:normal;margin:0 0 0 6px;vertical-align:top;}
/* 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,55,76,.9);height:48px;float:none;margin:0 0 2px 0;}
nav#dnnMenu ul li ul li a {height:48px;line-height:48px;padding:0 20px 0 16px;}

/* MobileMenu */
/* Button */
.navicon {background:#00374c;float:right;}
.navicon a {display:block;height:95px;line-height:95px;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";}
/* Menu */
.mobilemenu ul {list-style:none;margin:0;padding:0 0 20px 0;font-family:"Poppins", sans-serif;font-size:24px;text-align:center;background:#00374c;font-weight:700;}
.mobilemenu ul li {display:block;}
.mobilemenu ul li a {display:block;padding:10px 20px;text-decoration:none;color:white;}
.mobilemenu ul li a:hover {color:#d34a50;}
.mobilemenu ul li a.disabled {opacity:.5;}
.mobilemenu ul ul {padding:0;}

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

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1240px and less */
@media screen and (max-width:1240px) {
.page {padding:0;}
.header .page {padding:0 30px;}
.blog-sat {padding:100px 4%;}
nav#dnnMenu ul li {margin:0 15px 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;}
.pagelarge {padding:0 8%;}
.plheader {padding:0;}
.pageflex {display:block;}
.header {position:relative;top:auto;;border-radius:0;width:auto;}
.content {padding:40px 0 0 0;}
.contentpane {padding:0 0 40px 0;}
.contentpane0 {width:auto;margin:0;padding:0 0 40px 0;}
.rightpane {flex:initial;padding:0 0 40px 0;}
.content2 {display:block;}
.contentright {width:auto;flex:initial;}
.contentpane2 {padding:40px 8%;}
.contentleft {width:auto;margin:0;}
.leftpane {padding:40px 8%;}
.bottompane1 {margin:0 0 40px 0;}
.bottom2 {flex:initial;}
.footer {text-align:center;}
.rslides li .caption {padding-top:0;}
.topimageheader .caption {padding-top:0;}
.blog article .article-content {display:block;}
.blog article figure {margin:0 0 20px 0;}
.blog article .article-summary {flex:initial;}
.blog-sat {padding:60px 8%;}
.svgblocks {display:block;}
.svgblock {margin:0 0 38px 0;}
.gallery a {width:23%;margin:8px 1%;}
.logopane img, .content img, .contentright img, .bottom img {max-width:100%;height:auto !important;}
}
/* for 640px and less */
@media screen and (max-width:640px) {
.rslides li .caption, .topimageheader .caption {max-width:84%;}
.rslides li .caption .h2-headline, .topimageheader .caption .h2-headline {font-size:36px;}
.rslides li .caption p, .topimageheader .caption p {font-size:24px;}
h2 {font-size:36px;}
h3, .svgblock h3 {font-size:24px;}
.citation-text {padding:0 8%;}
.gallery a {width:29.33%;margin:8px 2%;}
.blog article {padding:0;}
.formatdate {position:relative;margin:0 0 20px 0;}
.article-flex {display:block;flex-direction:row-reverse;}
.blog-detail .article-infos {width:auto;margin:40px 0 0 0;}
.blog-detail .article-content {flex:initial;}
.blog-sat .blog article {display:block;}
.blog-detail article h1 {font-size:40px;}
.blog-sat .blog article figure {margin:0 0 20px 0;}
.blog-sat .blog article .article-content {flex:initial;}
a.backtotop {display:none !important;}
table, thead, tbody, th, td, tr {display:block;}
.datatable {border:none;}
.datatable th:nth-child(2), .datatable td:nth-child(2) {background:#e9f5fc;}
.featured {padding:40px;}
.timeline .svgblock {margin: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%;}
}
/* for less than 380px (Iphone 7)*/
@media screen and (max-width:380px) {
.bottom {padding:40px 8%;}
.citation-content {padding:40px 0;}
.gallery a {width:46%;margin:8px 2%;}
}