/* Fonts */
@import url("https://use.typekit.net/ysf3orc.css");

body {
  background: white;
  color: black;
  font-size: 26px;
  font-family: 'futura-pt', sans-serif;
  line-height: 30px;
  font-weight: 300;
}
.pagemaster {
  background: white;
  width: 100%;
  position: relative;
  z-index: 1;
}
.pagelarge {
  position: relative;
  padding: 0 80px;
  z-index: 2;
}
.page {
  width: 1040px;
  margin: 0 auto;
  position: relative;
}
.pagelarge:after, .page:after {content:"";display:table;clear:both;}
.pageflex {display:flex;}

.header {position:absolute;top:1px;left:0;z-index:1300;background:rgba(0, 0, 0, 0);-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;}
.header.is-sticky {position:fixed;top:0;background:rgba(0, 0, 0, 1);overflow:visible;}
.logopane {margin:0 80px;-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;}
.logopane img {margin:50px 0;}
.is-sticky .logopane {margin:0 20px;}
.navigation {position:absolute;top:12px;right:80px;display:flex;justify-content:right;align-items:center;z-index:1000;}
.navigation.collapsable {position:fixed;z-index:1400;}
.language-object:after {content:"";display:table;clear:both;}
.language-object a {display:block;float:left;width:30px;line-height:24px;margin:0 10px 0 0;text-align:center;}
.language-object a:link, .language-object a:visited {font-family:'futura-pt-bold', sans-serif;font-size:20px;color:#118c9a;font-weight:700;text-decoration:none;text-transform:uppercase;}
.language-object a:active, .language-object a:hover, a.langsel {background:#118c9a;color:white !important;text-decoration:none;}
.top {position:relative;z-index:1;}
.toppane {height:500px;}
.contentpane {padding:80px 0;position:relative;}
.leftpane {width:68%;margin:0 4% 0 0;padding:80px 0;}
.rightpane {flex:1;padding:80px 0;}
.contentpane2 {width:58%;background:#eeebe2;padding:60px 80px;}
.contentpane3 {flex:1;padding:60px 80px;}
.bottom {padding:80px 0 0 0;font-size:20px;}
.bottom a:link, .bottom a:visited {color:black;text-decoration:none;}
.bottom a:active, .bottom a:hover {color:#118c9a;text-decoration:none;}
.bottomflex {display:flex;justify-content:space-between;}
.bp1 {background:url(pcim-logo-pcif.png) no-repeat;padding:0 0 0 320px;white-space:nowrap;}
.copyright {color:#999;font-size:14px;padding:40px 0;}
.copyright a:link, .copyright a:visited {color:#999;text-decoration:none;}
.copyright a:active, .copyright a:hover {color:#118c9a;text-decoration:none;}

/* Text selection */
::selection {background:#118c9a;}
::-moz-selection {background:#118c9a;}

/* BUTTONS */
a.bigbutton {-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border-radius:2px;}
a.bigbutton:link, a.bigbutton:visited {background:#118c9a;color:white;display:inline-block;line-height:34px;font-family:'futura-pt-bold', sans-serif;font-size:22px;text-transform:uppercase;font-weight:700;padding:0 24px;text-align:center;border-radius:17px;text-decoration:none;}
a.bigbutton:active, a.bigbutton:hover {background:black;color:white;text-decoration:none;}
button.bigbutton {background:#118c9a;color:white;display:inline-block;font-size:15px;font-weight:300;line-height:42px;text-transform:uppercase;letter-spacing:2px;text-decoration:none;padding:0 30px;border:none;cursor:pointer;border-radius:2px;}
button.bigbutton:hover {background:white;color:black;}
a.bigbutton span.material-symbols-outlined {margin-right:6px;position:relative;top:4px;}

/* MISC */
.material-icons-outlined {vertical-align:middle;}
.small {font-size:18px;font-family:'futura-pt-bold', sans-serif;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:#ccc;}
.mesures-back {position:absolute;top:19px;right:0;}
.intro p {max-width:720px;margin:20px auto;}
.intro .section-divider-vw, .nosdv .section-divider-vw {display:none;}
.labels {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.label {margin:0 30px 20px 0;}
.partenaires .label {min-width:140px;text-align:center;margin:0 30px 30px 0;}
.contactsat-infos {margin:20px 0;}
/* Contact Form */
.contactformfields input[type=text], .contactformfields input[type=email] {border:none !important;color:white !important;background:#f2f2f2;}
.contactformfields textarea {border:none !important;color:white !important;background:#f2f2f2;}
.video-container {text-align:center;}

/* FlexContent */
.flexcontent-div {margin:0 0 100px 0 !important;}
.fcd-flex .flexcontent-text {margin:0 80px 0 0 !important;}
.fcd-flex.fcd-reverse .flexcontent-text {margin:0 0 0 80px !important;}
.fcd-images>div {position:relative;}

/* SVG */
.section-divider {
    position: absolute;
    width: 100%;
    height: 30px;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0;
    background-image: url(divider-peau.svg);
    z-index: 1100;
}
.section-divider-vb {
    position: absolute;
    width: 30px;
    height: 100%;
    left: -30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 center;
    background-image: url(divider-peau-vb.svg);
    z-index: 1100;
}
.section-divider-vw {
    position: absolute;
    width: 30px;
    height: 100%;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 center;
    background-image: url(divider-peau-vw.svg);
    z-index: 1100;
}
.fcd-flex.fcd-reverse .section-divider-vw {
    left: auto;
    right: 0;
    transform: scaleX(-1);
}

/* Headlines */
.h1-headline, .h2-headline, .h3-headline, .h4-headline {font-family:'futura-pt-bold', sans-serif;font-weight:700;}
.h1-headline {font-size:60px;line-height:64px;}
.h2-headline {font-size:54px;line-height:60px;}
.h3-headline {font-size:40px;line-height:48px;}
.h4-headline {font-size:20px;line-height:24px;text-transform:uppercase;}

/* References */
.grid-wrapper {margin:80px 0 0 0;}
.grid-wrapper h2 {font-size:54px;text-align:center;}
.grid-refs {}
.grid-refs:after {content:"";display:block;clear:both;}
.grid-sizer {width:25%;}
.grid-item {float:left;width:25%;height:360px;cursor:pointer;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.grid-item * {-webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}
.grid-item0 {}
.grid-item1 {width:50%;}
.grid-item2 {width:50%;height:720px;}
.gi-overlay {width:100%;height:100%;background:#d0c6b2;position:relative;overflow:hidden;}
.gi-overlay img {display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:0.2;}
.gi-overlay a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 2;
}
.gi-text {position:absolute;bottom:0;left:0;right:0;padding:40px 10%;z-index:1;text-align:center;color:white;font-size:36px;line-height:40px;font-family:'futura-pt-bold', sans-serif;font-weight:700;}
.grid-item0 .gi-text {padding:40px 3%;font-size:30px;line-height:32px;}
.grid-item:hover .gi-overlay img {filter:grayscale(0);opacity:1;}
.homegw .grid-wrapper {margin:80px 0 60px 0;}

/* Gallery */
.gallery-wrapper {}
.gallery {}
.gallery:after {content:"";display:table;clear:both;}
.gallery a {display:block;float:left;width:25%;overflow:hidden;}
.gallery a img {width:100%;height:auto;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.gallery a:hover img {
  -webkit-transform: scale(1.12);
  -ms-transform: scale(1.12);
  transform: scale(1.12);
  -webkit-transition: opacity 1s,-webkit-transform 1s;
  transition: opacity 1s,-webkit-transform 1s;
  -o-transition: opacity 1s,transform 1s;
  transition: opacity 1s,transform 1s;
  transition: opacity 1s,transform 1s,-webkit-transform 1s;
}

/* Image Headers */
.topimageheader {width:100%;height:500px;overflow:hidden;position:fixed;}

/* BLOG */
.ModBlogC {position:relative;}
.blog-tools {position:absolute;top:0;right:0;} /* ManagementPanel.ascx */
.blog-tools a {text-decoration:none !important;}
#searchlink415 {display:none;}
/* List */
.blog-list article {margin:0 0 40px 0;}
.blog-list article h2 {margin:0;}
.bl-article-flex {display:flex;margin:10px 0 0 0;}
.bl-article-flex figure {margin:0 30px 0 0;}
.bl-article-flex {flex:1;}
/* Pager */
.blog-list .pager {font-size:18px;font-weight:500;text-align:center;}
.blog-list .pager ul {margin:40px 0 0 0;}
.blog-list .pager ul li {display:inline-block;margin:0 4px;padding-left:0;}
.blog-list .pager ul li:before {display:none;}
.blog-list .pager a,
.blog-list .pager span {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.6em 0.8em;
}
.blog-list .pager a:link, .blog-list .pager a:visited {color:#4c565c;text-decoration:none;}
.blog-list .pager a:active, .blog-list .pager a:hover {color:white;text-decoration:none;}
.blog-list .pager a {background:#f1f2e8;border-radius:0.25em;}
.blog-list .pager a:hover {background:#118c9a;}
.blog-list .pager .no-touch a:hover {background:#f1f2e8;}
.blog-list .pager a.disabled {color:rgba(76, 86, 92, 0.4);pointer-events:none;}
.blog-list .pager a.disabled::after, .blog-list .pager a.disabled::before {opacity:0.4;}
.blog-list .pager li.button:first-of-type a::before {content:"\00ab";}
.blog-list .pager li.button:last-of-type a::after {content:"\00bb";}
.blog-list .pager a.current {background:#4c565c;color:white;pointer-events:none;}
.date {margin:6px 0 0 0;}
/* 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;}
.article-infos {width:240px;margin:0 40px 0 0;}
.article-infos > div {margin:0 0 20px 0;}
.article-infos .sharrre a {display:inline-block;margin-right:14px;}
.article-content {flex:1;}
a.taglink {display:inline-block;margin-right:14px;}
/* Sat */
.blogsat-header {color:#118c9a;margin:0 0 20px 0;}
.blogsat .blogsat-item {display:flex;margin:0 0 24px 0;}
.blogsat .blogsat-item .bsi-img {margin:0 20px 0 0;}
.blogsat .blogsat-item .bsi-text {flex:1;}
.blogsat .blogsat-item h3 {font-size:26px;line-height:30px;margin:0;}
.blogsat .blogsat-item .date {font-size:18px;}

/* AGENDA */
.eventsheader {margin:0 0 40px 0;}
.eventstools {float:right;}
.events article {display:flex;align-items:flex-start;margin:0 0 40px 0;}
.events article figure {margin:0 24px 0 0;}
.events article .eventdate {text-transform:uppercase;text-align:center;margin:0 14px 0 0;padding:0 14px 0 0;color:black;border-right:#eeebe2 solid 1px;}
.eventdate span {display:block;}
.ed-day {font-size:36px;line-height:36px;color:black;}
.ed-month {font-size:14px;line-height:14px;font-weight:700;font-family:'futura-pt-bold', sans-serif;}
.ed-year {font-size:12px;line-height:12px;}
.events article h2 {font-size:30px;line-height:36px;margin:0 0 12px 0;}
.eventinfo {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #ccc;
}
.w3-modal {z-index:9999;}
/* Sat */
.events-sat .h2-headline {color:#118c9a;margin:0 0 20px 0;}
.events-sat .events article {margin:0 0 24px 0;}
.events-sat .events article h3 {font-size:26px;line-height:30px;margin:0;}
/* Calendar */
.events-calendar {margin:0 0 40px 0;}
.month {background:#118c9a;}
.weekdays, .days {font-size:18px;}
.today {background:white;}
.activeday {background:#118c9a;}
.calendar-popup {padding:20px 30px;}
.calendar-popup h2:first-letter {text-transform:capitalize;}
.calendar-popup h3 {font-size:26px;line-height:30px;margin:0 0 10px 0;color:black;}
.events-table-item {display:flex;font-size:18px;line-height:24px;padding-bottom:12px;border-bottom:#eeebe2 solid 2px;margin-bottom:12px;}
.events-table-item:last-child {border-bottom:none;}
.events-table-item figure {margin:0 12px 0 0;}
/* Archives */
.events-archives {background:#eeebe2;padding:30px;margin:0 0 20px 0;}
.events-archives-item {margin:0 0 10px 0;}
.events-archives-item .count {float:right;color:#999;font-size:14px;}
.events-archives-item .count span {margin-left:4px;font-size:21px;vertical-align:top;}
.events-archives-clear {text-transform:uppercase;font-size:13px;line-height:18px;font-weight:700;font-family:'futura-pt-bold', sans-serif;color:#999;}
.events-archives-clear:before {font-family:'Material Icons Outlined';content:'\e888';font-size:18px;vertical-align:middle;margin-right:4px;}
.events-archives-clear:hover {color:black;}
/* Details */
.eventdaterange {border-top:#eeebe2 solid 2px;border-bottom:#eeebe2 solid 2px;padding:10px 0;margin-bottom:20px;}
.eventdaterange strong {font-family:'futura-pt-bold', sans-serif;font-weight:700;background:none;}
.eventdaterange span.material-icons-outlined {font-size:21px;vertical-align:baseline;}
.event-detail .article-flex {display:flex;flex-direction:row-reverse;}
.event-detail article figure {margin:0 0 40px 0;}
.event-detail img {max-width:100%;height:auto !important;}
.event-detail .article-infos {width:240px;margin:0 40px 0 0;}
.event-detail .article-infos > div {margin:0 0 20px 0;}
.event-detail .article-content {flex:1;}
.event-detail .fb-share-button {margin-top:4px;}
.event-detail .article-gallery {display:flex;}
.event-detail .article-gallery a {margin:0 10px 10px 0;}

/* SOCIAL ICONS */
.socialicons {margin-top:12px;font-size:0;}
.socialicons a {
  display: inline-block;
  font-size: 18px;
  margin: 0 5px 10px;
  line-height: 42px;
  width: 42px;
  text-align: center;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.socialicons a:link, .socialicons a:visited {background:#ccc;color:#666;text-decoration:none;}
.si-colored a.facebookicon:link, .si-colored a.facebookicon:visited {background:#3c5b9b;}
.si-colored a.twittericon:link, .si-colored a.twittericon:visited {background:#2daae1;}
.si-colored a.linkedinicon:link, .si-colored a.linkedinicon:visited {background:#0173b2;}
.si-colored a.googleplusicon:link, .si-colored a.googleplusicon:visited {background:#db4937;}
.si-colored a.youtubeicon:link, .si-colored a.youtubeicon:visited {background:#fe3432;}
.si-colored a.pinteresticon:link, .si-colored a.pinteresticon:visited {background:#cb2027;}
.si-colored a.instagramicon:link, .si-colored a.instagramicon:visited {background:#ee80a7;}
.si-colored a.flickricon:link, .si-colored a.flickricon:visited {background:#ff0084;}
.si-colored a.viadeoicon:link, .si-colored a.viadeoicon:visited {background:#f49a1f;}
.si-colored a.vimeoicon:link, .si-colored a.vimeoicon:visited {background:#41b2dc;}
.si-colored a.tripadvisoricon:link, .si-colored a.tripadvisoricon:visited {background:#669000;}
.si-colored a.rssicon:link, .si-colored a.rssicon:visited {background:#f08421;}
.si-colored a:link, .si-colored a:visited {color:white;}
.socialicons a:active, .socialicons a:hover {background:black;color:white;text-decoration:none;}

/* Timeline */
.timeline {margin:60px 0 2em 0;}
.timeline-item {padding:2em 0 1em 2em;position:relative;border-left:2px solid #118c9a;margin:0 0 0 1em;}
.timeline-date {
    position: absolute;
    left: 1em;
    top: 0.4em;
    font-family: 'futura-pt-bold', sans-serif;
    font-weight: 700;
    font-size: 30px;
	line-height: 36px;
    color: #118c9a;
}
.timeline-item:after {
	width: 10px;
	height: 10px;
	display: block;
	top: 1em;
	position: absolute;
	left: -8px;
	border-radius: 10px;
	content: '';
	border: 2px solid #118c9a;
	background: white;
}
.timeline-item:last-child {border-image:linear-gradient(to bottom, #00aeef, rgba(66, 155, 111, 0)) 1 100%;}

/* TABLE */
.datatable {margin:40px 0;border:1px solid #e9e9e9;font-size:18px;border-collapse:collapse;}
.datatable th {border:1px solid #e9e9e9;background:#f2f2f2;padding:10px;color:black;font-family:'futura-pt-bold', sans-serif;font-size:18px;font-weight:700;}
.datatable td {border:1px solid #e9e9e9;padding:6px 12px;}

.clearfix {clear:both;}

/* Default */
h1, h2, h3, h4, h5, h6 {color:black;font-family:'futura-pt-bold', sans-serif;font-weight:700;margin:0;line-height:normal;}
h1 {font-size:60px;line-height:64px;}
h2 {font-size:44px;line-height:48px;}
h3 {font-size:40px;line-height:48px;}
h4 {font-size:22px;line-height:24px;text-transform:uppercase;color:#118c9a;}
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover {text-decoration:none;color:black;}
h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {text-decoration:none;color:black;}
h3 a:link, h3 a:visited, h3 a:active, h3 a:hover {text-decoration:none;color:black;}
hr {
  border: 0;
  width: 186px;
  height: 25px;
  margin: 40px auto;
  background: url(hr.svg) no-repeat;
}
.blogsat .blogsat-item hr {
  width: 80px;
  height: 11px;
  margin: 20px 0;
}
.itemtext hr {
  width: 80px;
  height: 11px;
  margin: 20px 0;
  background: url(hr-w.svg) no-repeat;
}
strong {
  font-weight: normal;
  background: linear-gradient(180deg,rgba(255,255,255,0) 60%, rgba(17,140,154,0.2) 40%);
}
a:link, a:visited {color:#118c9a;text-decoration:none;}
a:active, a:hover {color:#cc6666;text-decoration:none;}
blockquote {border-left:#f2f2f2 solid 10px;margin:40px 0;padding:0 0 0 20px;}
blockquote, blockquote p {font-style:normal;font-size:26px;line-height:30px;font-family:'futura-pt-bold', sans-serif;font-weight:700;color:black;}
/* IE10 FIX */
a:active {background-color:transparent;}
/* DNN7 FIX */
h1, h2, h3, h4, p {margin:20px 0;}
ul {margin:20px 0;padding:0;}
ul li {list-style-type:none;}
ol {margin:20px;}
ol li {margin:0 0 10px 0;}
/* Styled lists */
.contentpane ul, .leftpane ul {padding:0;margin:20px 0 20px 15px;}
.contentpane ul li, .leftpane ul li {list-style-type:none;position:relative;padding-left:30px;margin:0 0 10px 0;}
.contentpane ul li:before, .leftpane ul li:before {font-family:'Material Symbols Outlined';content:'\f108';color:#118c9a;position:absolute;top:0;left:0;}

/* Documents and links */
.documents div {margin:0 0 6px 0;}
.documents a {position:relative;padding:0 0 0 30px;}
.documents a:before {font-family:'Material Symbols Outlined';content:"\e2c4";font-weight:normal;color:#118c9a;position:absolute;top:0;left:0;}
.documents a:link, .documents a:visited {color:#118c9a;text-decoration:none;}
.documents a:active, .documents a:hover {color:#118c9a;text-decoration:underline;}
.newspaper-link a {position:relative;padding:0 0 0 30px;}
.newspaper-link a:before {font-family:'Material Symbols Outlined';content:"\e157";font-weight:normal;color:#118c9a;position:absolute;top:0;left:0;}
.newspaper-link a:link, .newspaper-link a:visited {color:#118c9a;text-decoration:none;}
.newspaper-link a:active, .newspaper-link a:hover {color:#118c9a;text-decoration:underline;}

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

/* MobileMenu */
/* Navicon */
.navicon {margin:0 40px 0 0;}
.navicon a {
  display: block;
  width: 48px;
  height: 48px;
}
.navicon a:hover path {fill:#118c9a;}
.is-sticky .navicon {margin:21px 0 0 0;}

/* Flyout Menu */
.mobilemenubg {background:#d0c6b2;position:fixed;width:30%;height:100vh;top:0;right:0;z-index:1400;}
.mmclose {position:absolute;top:40px;left:60px;z-index:1400;}
.mmclose a {
  display: block;
  width: 48px;
  height: 48px;
}
.mmclose a path {fill:black;}
.mmclose a:hover path {fill:#118c9a;}
.mobilemenu {height:100vh;display:flex;align-items:center;}
.mobilemenu ul {display:inline-block;list-style:none;margin:0 60px;padding:0;font-family:'futura-pt', sans-serif;font-size:22px;text-transform:uppercase;font-family:'futura-pt-bold', sans-serif;font-weight:700;}
.mobilemenu ul li {display:block;padding:8px 0;}
.mobilemenu ul li a {color:black;text-decoration:none;}
.mobilemenu ul li a:hover {color:#118c9a;}
.mobilemenu ul li.current a {color:white;}
.mobilemenu ul li.position1, .mobilemenu ul li.position7 {margin-bottom:20px;}
.mobilemenu ul li.position1, .mobilemenu ul li.sec {padding:5px 0;}
.mobilemenu ul li.position1 a:before, .mobilemenu ul li.sec a:before {font-family:'Material Symbols Outlined';font-size:26px;font-weight:normal;margin:0 8px 0 0;vertical-align:top;}
.mobilemenu ul li.position1 a:before {content:"\e88a";}
.mobilemenu ul li.position8 a:before {content:"\e87c";} /* Jeune public */
.mobilemenu ul li.position9 a:before {content:"\e2c4";} /* Médiathèque */
.mobilemenu ul li.position10 a:before {content:"\e0e5";} /* Actualités */
.mobilemenu ul li.position11 a:before {content:"\e878";} /* Agenda */
.mobilemenu ul li.position12 a:before {content:"\e0ca";} /* Contact */

/* PREQUERIES */
.mobilemenubg {display:none;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1600px and less */
@media screen and (max-width:1600px) {
.mesures-back {right:auto;left:0;}
}
/* for 1280px and less */
@media screen and (max-width:1280px) {
.bottomflex {display:block;}
.bp2 {margin:40px 0;}
.mobilemenubg {width:50%;}
}
/* for 1040px and less */
@media screen and (max-width:1040px) {
.page {width:auto;padding:0 80px;}
.pageflex {display:block;}
.leftpane {width:auto;margin:0 0 40px 0;padding:80px 0 0 0;}
.rightpane {flex:initial;padding:0 0 80px 0;}
.contentpane2 {width:auto;}
.contentpane3 {flex:initial;}
}
/* for 780px and less - Only portrait for retina display */
@media all and (max-width:780px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 2340px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 1560px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1170px) and (orientation: portrait) {
.pagelarge {padding:0 40px;}
.page {padding:0 40px;}
.logopane {margin:0 40px;}
.logopane img {margin:40px 0;}
.contentpane2, .contentpane3 {padding:60px 40px;}
.navigation {right:40px;}
.fcd-flex {display:flex !important;flex-direction:column-reverse !important;}
.fcd-flex .flexcontent-text {margin:40px 0 0 0 !important;flex:1 !important;}
.fcd-flex.fcd-reverse .flexcontent-text {margin:40px 0 0 0 !important;}
.flexcontent-div {margin:0 0 60px 0 !important;}
.section-divider-vw {display:none;}
.itemswrapper {padding:60px 40px;}
.grid-sizer {width:50%;}
.grid-item {width:50%;}
.grid-item1 {width:100%;}
.grid-item2 {width:100%;height:360px;}
.bl-article-flex {display:block;}
.bl-article-flex figure {margin:0 0 20px 0;}
.bl-article-flex {flex:initial;}
.article-flex {display:block;}
.article-infos {width:auto;margin:0 0 40px 0;}
.article-content {flex:initial;margin:0 0 40px 0;}
.mobilemenubg {width:100%;}
.flexcontent-div img, .blogsat img {max-width:100%;height:auto !important;}
/* 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 640px and less */
@media screen and (max-width:640px) {
.bp1 {padding:120px 0 0 0;}
.mb-text {display:none;}
.grid-wrapper h2 {font-size:40px;}
.grid-sizer {width:100%;}
.grid-item {width:100%;padding:10px 0;}
.gi-text {font-size:30px;line-height:32px;}
.blogsat .blogsat-item {display:block;}
.blogsat .blogsat-item .bsi-img {margin:0 0 10px 0;}
.blogsat .blogsat-item .bsi-text {flex:initial;}
.timeline-item {margin:0;}
.h1-headline {font-size:40px;line-height:48px;}
.h2-headline {font-size:40px;line-height:48px;}
h1 {font-size:40px;line-height:48px;}
}
/* for 480px and less */
@media screen and (max-width:480px) {
.contentpane {padding:60px 0;}
.bottom {padding:60px 0 0 0;}
.contact-infos a, .contactsat-infos a {word-break:break-all;}
.flexcontent-div {margin:0 0 60px 0 !important;}
.homegw .grid-wrapper {margin:60px 0 0 0;}
.events article {display:block;}
.events article figure {margin:0 0 24px 0;text-align:center;}
.events article .eventdate {margin:0 0 14px 0;padding:0;border-right:none;}
.events-sat .events article .eventdate {border-right:none;}
.event-detail .article-flex {display:block;}
.event-detail .article-infos {width:auto;margin:0;}
.event-detail .article-content {flex:initial;}
hr {width:120px;height:16px;margin:30px auto;}
.content ul {margin:20px 0;}
.mmclose {top:30px;left:auto;right:30px;}
.mobilemenu ul {margin:0 30px;}
}