 /* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,400&family=Poppins:wght@600&display=swap');

body {
  margin: 0;
  padding: 0;
  color: #3c3c3b;
  font-size: 20px;
  font-family: "Bellota", system-ui;
  line-height: 30px;
  font-weight: 400;
}
.pagemaster {
  width: 100%;
  position: relative;
  z-index: 1;
}
.pagelarge {margin:0 120px;}
.page {width:1180px;margin:0 auto;}
.page:after {content:"";display:table;clear:both;}
.pageflex {display:flex;}

.langpane {position:absolute;top:20px;right:20px;font-family:"Poppins", sans-serif;font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:0.2em;color:white;z-index:9100;}
.langpane a:link, .langpane a:visited {display:inline-block;color:white;text-decoration:none;}
.langpane a:active, .langpane a:hover {color:#c6a55b;text-decoration:none;}
.header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9000;
  height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  box-shadow: none;
  transition-property: transform, background, box-shadow, height;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(.78, .13, .15, .86);
}
.header.is-sticky {height:90px;background:white;box-shadow:0 1px 0 rgba(0, 0, 0, 0.08);}
.logo {width:128px;overflow:hidden;}
.logo svg {width:100%;}
.logo path {fill:white;}
path.logoc {fill:#c6a55b !important;}
.header.is-sticky .logo {width:58px;height:60px;transition:width 0.3s;}
.header.is-sticky .logo path {fill:#3c3c3b;}
.header.is-sticky .logotext {display:none;}
.toppane {min-height:120px;}
.toppane .rocketactionmenu {top:300px;}
.toppane a.rocketconfigbutton {margin-top:120px;}
.toppane .DnnModule-RocketContentMod {min-height:120px;}
.content {padding:80px 0 120px 0;background: url("waves.svg") no-repeat bottom center;}
.contentpane {padding:0;}
.leftpane {width:64%;padding:0 4%;box-sizing:border-box;}
.rightpane {flex:1;padding:0 4%;box-sizing:border-box;}
.contentgold {background:#c6a55b;color:white;}
.contentgold h2, .contentgreen h3 {color:white;}
.contentgold h4 {color:#c6a55b;}
.contentgold hr {background:url("hrw.svg") no-repeat;}
.content .contentgold ul li::marker {color:white;}
.contentgold a:link, .contentgold a:visited, .contentgold a:active, .contentgold a:hover {color:#3c3c3b;}
.contentpane2 {padding:120px 0 0 0;}
.contentpane3 {padding:100px 0;}
.contentpane4 {padding:120px 0 0 0;}
.bottom {background:#3c3c3b url("btbg.jpg") no-repeat bottom center;color:white;padding:72px 0;}
.bottom a:link, .bottom a:visited {color:white;text-decoration:none;}
.bottom a:active, .bottom a:hover {color:#c6a55b;text-decoration:none;}
.bottomflex {display:flex;gap:180px;align-items:center;}
.bottompane1, .bottompane3 {flex:1;}
.copyright {font-size:16px;line-height:18px;text-align:center;padding:60px 0 20px 0;}

/* Text selection */
::selection {background:#c6a55b;}
::-moz-selection {background:#c6a55b;}

/* BUTTONS */
a.bigbutton {display:inline-block;font-family:"Bellota", system-ui;font-weight:700;font-size:24px;line-height:24px;margin:0 0 10px 0;transition:all 0.3s ease;position:relative;padding:10px 16px 10px 46px;}
a.bigbutton:link, a.bigbutton:visited {background:#c6a55b;color:white;text-decoration:none;}
a.bigbutton:active, a.bigbutton:hover {background:#3c3c3b;color:white;text-decoration:none;}
a.bigbutton:before {display:inline-block;content:url("plus.svg");position:absolute;top:12px;left:16px;}
.bottom a.bigbutton:link, .bottom a.bigbutton:visited, .bottom a.bigbutton:active, .bottom a.bigbutton:hover {color:white;}
button.bigbutton {display:inline-block;background:#c6a55b;color:white;font-family:"Bellota", system-ui;font-weight:700;font-size:24px;line-height:24px;transition:all 0.3s ease;padding:10px 16px;border:none;cursor:pointer;}
button.bigbutton:hover {background:#3c3c3b;color:white;}

/* Documents and links */
.documents a {display:inline-block;font-family: "Bellota", system-ui;font-weight:700;font-size:24px;line-height:30px;margin:12px 20px 0 0;transition:all 0.3s ease;position:relative;padding-left:30px;}
.documents a:before {display:inline-block;content:url("download.svg");position:absolute;top:0;left:0;}
.documents a:link, .documents a:visited {color:#3c3c3b;text-decoration:none;}
.documents a:active, .documents a:hover {color:#c6a55b;text-decoration:none;}
.newspaper-link {text-align:center;}
.newspaper-link a {display:inline-block;font-family: "Bellota", system-ui;font-weight:700;font-size:24px;line-height:24px;margin:0 0 10px 0;transition:all 0.3s ease;position:relative;padding:10px 16px 10px 46px;}
.newspaper-link a:link, .newspaper-link a:visited {background:#c6a55b;color:white;text-decoration:none;}
.newspaper-link a:active, .newspaper-link a:hover {background:#3c3c3b;color:white;text-decoration:none;}
.newspaper-link a:before {display:inline-block;content:url("plus.svg");position:absolute;top:12px;left:16px;}
.contentgreen .newspaper-link a:link, .contentgreen .newspaper-link a:visited, .contentgreen .newspaper-link a:active, .contentgreen .newspaper-link a:hover {color:white;}

/* HEADLINES */
.h1-headline {font-family:"Poppins", sans-serif;font-weight:600;font-size:16px;line-height:1.2;letter-spacing:0.2em;text-transform:uppercase;color:#c6a55b;}
.h2-headline {font-family:"Bellota", system-ui;font-weight:300;font-size:60px;line-height:1.2;color:#3c3c3b;}
.h3-headline {font-family:"Bellota", system-ui;font-weight:300;font-size:36px;line-height:1.2;color:#3c3c3b;}
.h4-headline {font-family:"Bellota", system-ui;font-weight:700;font-size:30px;line-height:1.2;color:#3c3c3b;}

/* MISC */
.textheader {background:#c6a55b;height:320px;display:flex;align-items:center;justify-content:center;}
.textheader .h2-headline {color:white;margin:90px 0 0 0;}
.intro {max-width:980px;margin:0 auto;font-size:22px;line-height:36px;}
.intro p {margin:40px 0;}
.flexcontent-div {margin:0;}
.fcd-flex {align-items:center;}
.fcd-flex .fcd-images div {margin:0 0 10px 0;}
.fcw-2col {align-items:center;}
.split .fcd-flex .flexcontent-text {margin:20px 0;max-width:50%;box-sizing:border-box;padding:0 10%;}
.split .fcd-flex .flexcontent-media {max-width:50%;}
.split .fcd-flex .flexcontent-media img {max-width:100%;height:auto !important;}
.mosaic {background:linear-gradient(180deg,#fff 90%,#557581 0);}
.mosaic .flexcontent-media {width:66.666%;}
.mosaic .fcd-flex.fcd-reverse .flexcontent-text {margin:0;padding:0 60px;}
.mosaic .fcd-flex .fcd-images {display:flex;flex-flow:column wrap;gap:10px;height:100vh;}
.mosaic .fcd-flex .fcd-images div {width:calc(50% - 5px);height:calc(50% - 5px);margin:0;}
.mosaic .fcd-flex .fcd-images div:last-child {height:100%;}
.mosaic .fcd-flex .fcd-images div img {width:100%;height:100%;object-fit:cover;}
.blue {background:#557581;color:white;}
.blue h3 {color:white;}
.bluet {background:linear-gradient(0deg,#fff 95%,#557581 0);}
.textonly .flexcontent-text {max-width:980px;margin:80px auto 120px;}
.video-container {text-align:center;}

/* Home Hero */
.slider-container {width:100%;height:100vh;position:relative;overflow:hidden;}
.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;}
.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%;transform:translateY(-50%);color:white;text-align:center;z-index:1200;}
.rslides li .caption-headline {font-family:"Bellota", system-ui;font-weight:400;font-size:60px;color:white;line-height:1;}
.rslides li .caption-headline strong {display:block;font-weight:700;font-size:84px;text-transform:uppercase;}
/* Pager */
.rslides_tabs {position:absolute;z-index:9000;bottom:90px;right:90px;list-style:none;padding:0;margin:0;}
.rslides_tabs li {
  display: inline;
  padding: 0;
  margin: 0 0 0 10px;
}
.rslides_tabs a {
  text-indent: -9000px;
  overflow: hidden;
  border-radius: 50%;
  background: rgba(255,255,255, .2);
  display: inline-block;
  width: 10px;
  height: 10px;
}
.rslides_tabs .rslides_here a {
  background: #c6a55b;
}

/* NEWS */
.blogwrapper {max-width:1180px;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:50px;font-weight:700;text-transform:none;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:50px;font-family:"Bellota", system-ui;font-weight:700;color:#c6a55b;border-radius:3px 3px 0 0;}
.fd-month {background-color:#c6a55b;color:white;font-size:14px;font-weight:700;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-family:"Poppins", sans-serif;font-size:16px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:#c6a55b;}
.pagination-link.is-current {background-color:#c6a55b;border-color:#c6a55b;}
/* Sat */
.blog-sat {display:flex;align-items:flex-start;}
.blogsatheader {background:#c6a55b;flex:1;text-align:center;padding:60px 120px 80px 0;}
.blogsatheader h3 {background:url("closbelair-BA-w.svg") no-repeat top center;color:white;}
.blogsatheader hr {background:url("hrw.svg") no-repeat;}
.blogsatheader a.bigbutton:link, .blogsatheader a.bigbutton:visited {background:white;color:#c6a55b;}
.blogsatheader a.bigbutton:active, .blogsatheader a.bigbutton:hover {background:#3c3c3b;color:white;}
.blogsatheader a.bigbutton:before {content:url("plusg.svg");}
.blog-sat .blog {flex:1;padding:0 60px;}
.blog-sat .blog article {margin:0 40px 0 0;padding:0;}
.blog-sat .blog article h4 {margin:0 0 12px 0;}
.blog-sat .blog article .article-content {display:block;}
.blog-sat .blog article figure {display:block;margin:40px 0 40px -180px;}
.blog-sat .blog article .article-summary {flex:initial;}
.article-date {font-size:14px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:#ccc;}
/* Archives */
.blog-archives {font-family:"Poppins", sans-serif;font-size:18px;font-weight:900;letter-spacing:0.2em;}
.rocket-monthdates, .rocket-monthdates0 {text-transform:uppercase;}
.blog-archives-item {margin:0 0 10px 0;}
.blog-archives-item:hover {color:#c6a55b;}
.blog-archives-item .count {float:right;color:#3c3c3b;font-size:16px;}
.blog-archives-item .count span {margin-left:4px;font-size:24px;}
/* Details */
.article-flex {display:flex;flex-direction:row-reverse;}
.blog-detail {max-width:1180px;margin:0 auto;}
.blog-detail article h1 {font-family:"Bellota", system-ui;font-size:60px;font-weight:300;letter-spacing:0;color:#3c3c3b;text-transform:none;}
.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;}

/* SOCIAL ICONS */
.socialicons {margin:30px 0 0 0;font-size:0;}
.socialicons a {
  display: inline-block;
  font-size: 36px;
  margin: 0 15px;
  line-height: 36px;
}

/* Contact */
.contact-wrapper {display:flex;margin:0 0 40px 0;}
.contact-infos {width:50%;}
.contact-item {position:relative;padding:0 0 0 68px;margin:0 0 40px 0;}
.ci-header span {
  display: flex;
  background: #c6a55b;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: white;
  font-size: 24px;
  position: absolute;
  top: 0;
  left: 0;
}
.contact-map {flex:1;margin:20px 0 0 40px;}
.contactsat-infos {font-size:24px;line-height:48px;}
.contactsat-infos .contact-item {margin:0 0 24px 0;}
.contactsat-infos .ci-header span {background:white;}
.contactsat-infos .ci-header span svg {fill:#3c3c3b;}
/* Form */
.simplisitycheckboxlist, .rbl {margin:6px 0 0 0;padding:0 12px;}
.simplisitycheckboxlist label, .rbl label {padding:0;font-weight:normal;}
.simplisitycheckbox {display:block;}

/* 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;}

/* Gallery */
.gallery {display:flex;flex-wrap:wrap;max-width:1920px;margin:0 auto;}
.gallery a {display:block;width:16.66%;}
.gallery a img {max-width:100%;height:auto;}

/* 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;}
a.dnnPrimaryAction:link, a.dnnPrimaryAction:visited {background:#c6a55b;color:white;display:inline-block;font-family:"Poppins", 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:#3c3c3b;color:white;text-decoration:none;}
a.dnnSecondaryAction:link, a.dnnSecondaryAction:visited {background:#eee;color:#3c3c3b;display:inline-block;font-family:"Poppins", 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:#3c3c3b;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:"Poppins", 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:"Bellota", system-ui;font-weight:300;margin:0;line-height:1.2;color:#3c3c3b;}
h1 {font-family:"Poppins", sans-serif;font-size:16px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:#c6a55b;}
h2 {font-size:60px;}
h3 {font-size:36px;background:url("closbelair-BA.svg") no-repeat top center;padding:72px 0 0 0;}
h4 {font-size:30px;font-weight:700;}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited {text-decoration:none;color:#3c3c3b;}
h2 a:active, h2 a:hover, h3 a:active, h3 a:hover, h4 a:active, h4 a:hover {text-decoration:none;color:#c6a55b;}
.mentions h3 {background:none;padding:0;}
a:link, a:visited {color:#c6a55b;text-decoration:none;}
a:active, a:hover {color:#c6a55b;text-decoration:underline;}
/* IE10 FIX */
a:active {background-color:transparent;}
/* DNN7 FIX */
h1, h2, h3, h4 {margin:15px 0;}
p {margin:20px 0;}
ul {margin:20px 0;padding:0;}
.content ul {padding:0;margin:20px 0 20px 30px;}
.content ul li {margin:0;list-style-type:disc;}
.content ul li::marker {margin:0 .5rem 0 0;color:#c6a55b;}
ul.multicolumn {columns:3;column-gap:20px;}
hr {border:0;width:67px;height:21px;background:url("hr.svg") no-repeat;margin:15px auto;clear:none;}
blockquote {margin:40px 30px;padding:0;max-width:640px;}
blockquote, blockquote p {font-weight:300;font-style:normal;font-size:30px;line-height:36px;color:#3c3c3b;}
blockquote:before {content:open-quote;font-size:4em;line-height:0.1em;vertical-align:-0.4em;opacity:.12;}
strong {font-weight:700;}

/* DEBUG */
.DNNEmptyPane {padding:0 !important;margin:0 !important;}
body:not(.dnnEditState) .DNNEmptyPane {width:auto;}
/* DNN Fix */
.dnnModuleManager {
    padding: 0 !important;
}
.LoginPanel {
    width: auto !important;
    padding-right: 0 !important;
    float: none !important;
}
.dnnActions li {list-style-type:none !important;}
body:not(.dnnEditState) .DNNEmptyPane {width:auto;}

/* Reveal */
.flexcontent-text h2, .flexcontent-text h3 {opacity:0;transform:translateY(50px);transition-property:opacity, transform;transition-duration:1s;transition-delay:.1s;transition-timing-function:ease;}
.fct-reveal h2, .fct-reveal h3 {opacity:1;transform:translateY(0px);}

/* MainMenu */
nav#dnnMenu {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;
  white-space: nowrap;
}
nav#dnnMenu ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  list-style: none;
  margin: 34px 0 0 0;
  padding: 0;
}
nav#dnnMenu ul li {
  display: block;
	position: relative;
  box-sizing: border-box;
  margin: 0;
}
nav#dnnMenu ul li a {
  display: block;
  height: 60px;
  line-height: 60px;
  font-family: "Bellota", system-ui;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: white;
  text-decoration: none;
}
nav#dnnMenu ul li a:hover {color:#c6a55b;}
.header.is-sticky nav#dnnMenu ul {margin:0;}
.header.is-sticky nav#dnnMenu ul li a {color:#3c3c3b;}
.header.is-sticky nav#dnnMenu ul li a:hover {color:#c6a55b;}

/* SiteMap */
.sm-menu * {margin:0;padding:0;list-style:none;}
ul.sm-menu {margin:0;padding:0;}
.sm-menu li {font-size:24px;}
.sm-menu a {text-decoration:none !important;}

/* MobileMenu */
/* Button */
.navicon {text-align:center;margin:20px 0 0 0;}
.navicon a {
  display: inline-block;
  width: 54px;
  height: 22px;
  position: relative;
  text-indent: -9999px;
}
.navicon a::after {
  content: '';
  width: 54px;
  height: 2px;
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0px 0 white,
              0 10px 0 white,
              0 20px 0 white;
}
/* Menu */
.mobilemenu {position:absolute;top:300px;width:100%;z-index:9900;}
.mobilemenu ul {list-style:none;margin:0;padding:0 0 20px 0;font-family:"Bellota", system-ui;font-size:24px;font-weight:700;text-align:center;background:white;box-shadow:0 1px 0 rgba(0, 0, 0, 0.08);}
.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:#3c3c3b;}
.mobilemenu ul li a:hover {color:#c6a55b;}
.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 1380px and less */
@media screen and (max-width:1380px) {
.bottomflex {gap:80px;}
}
/* for 1180px and less */
@media screen and (max-width:1180px) {
.pagelarge {margin:0 30px;}
.page {width:auto;margin:0 30px;}
.gallery a {width:20%;}
}
/* for 1024px and less - Only portrait for retina display */
@media all and (max-width:1024px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 3072px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 2048px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1536px) and (orientation: portrait) {
nav#dnnMenu ul {display:none;}
.navicon {display:block;}
.pageflex {display:block;}
.header {position:absolute;top:25px;height:auto;flex-direction:column;}
.leftpane {width:auto;}
.rightpane {flex:initial;}
.bottomflex {flex-direction:column-reverse;gap:40px;text-align:center;}
.textheader {height:480px;align-items:end;}
.textheader .h2-headline {margin:0 0 80px 0;}
.fcd-flex {display:block;}
.flexcontent-div {margin:0 0 40px 0;}
.split .fcd-flex .flexcontent-text {margin:0 0 40px 0;max-width:none;padding:0 10%;}
.split .fcd-flex .flexcontent-media {max-width:none;}
.textonly .flexcontent-text {padding:0 10%;}
.mosaic {background:none;}
.mosaic .flexcontent-media {width:auto;}
.mosaic .fcd-flex.fcd-reverse .flexcontent-text {margin:0 0 40px 0;}
.mosaic .fcd-flex .fcd-images {height:auto;}
.mosaic .fcd-flex .fcd-images div {width:auto;height:auto;}
.mosaic .fcd-flex .fcd-images div:last-child {height:auto;}
.mosaic .fcd-flex .fcd-images div img {width:auto;height:auto;object-fit:none;}
.blue {padding:40px 0 0 0;}
.bluet {background:none;}
.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 0 40px 0;}
.blog-detail .article-content {flex:initial;}
.contact-wrapper {display:block;}
.contact-infos {width:auto;}
.contact-map {flex:initial;margin:40px 0 0 0;}
.gallery a {width:25%;}
.content img {max-width:100%;height:auto !important;}
}
/* for 780px and less */
@media screen and (max-width:780px) {
.blog-sat {display:block;}
.blogsatheader {flex:initial;padding:60px;}
.blog-sat .blog {flex:initial;padding:0 30px;}
.blog-sat .blog article figure {margin:40px 0;}
.gallery a {width:33.33%;}
/* 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 480px and less */
@media screen and (max-width:480px) {
.content {padding:60px 0;}
.leftpane, .rightpane {padding:0 30px;}
.contentpane2 {padding:60px 0 0 0;}
.contentpane3 {padding:60px 0;}
.contentpane4 {padding:60px 0 0 0;}
.intro {font-size:20px;line-height:30px;}
.intro p {margin:20px 0;}
.h2-headline {font-size:48px;}
.blog article {padding:0;}
.blog article h2 {font-size:36px;}
.formatdate {position:relative;margin:0 0 20px 0;}
.blog-detail article h1 {font-size:48px;}
h2 {font-size:48px;}
.gallery a {width:50%;}
}