/* Mosaïk styles */
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap');

html {scroll-padding-top:200px;} /* Anchor links padding */
body {font-size:20px;background:#eff0ea;}
.toppane .rocketactionmenu {top:300px;}
.contentpane2 {background:#472c1b;color:white;}
.contentpane2 h2 {color:white;}
::selection {background:#d0d756;}
.header {background:transparent;position:absolute;z-index:9000;}
.header.is-sticky {background:rgba(71,44,27,0.9);}
.logopane img {margin:20px 0;}
.header.is-sticky .logopane img {width:auto;height:80px;margin:10px 0;}
.menu {margin:20px 0;border-bottom:rgba(255,255,255,0.2) solid 2px;}
.header.is-sticky .menu {margin:0;border-bottom:none;}
a.bigbutton:link, a.bigbutton:visited {background:#49835b;font-family:"Baloo 2", sans-serif;font-weight:800;font-size:20px;border-radius:6px;}
a.bigbutton:active, a.bigbutton:hover {background:#472c1b;}
button.bigbutton {background:#49835b;font-family:"Baloo 2", sans-serif;font-weight:800;font-size:20px;border-radius:6px;}
button.bigbutton:hover {background:#472c1b;}
.h2-headline, .h3-headline, .h4-headline {font-family:"Baloo 2", sans-serif;font-weight:800;text-transform:none;color:#49835b;}
.documents a:link, .documents a:visited {font-family:"Baloo 2", sans-serif;font-weight:800;color:#49835b;font-size:20px;}
.documents a:active, .documents a:hover {color:#472c1b;}
.newspaper-link a:link, .newspaper-link a:visited {font-family:"Baloo 2", sans-serif;font-weight:800;color:#49835b;font-size:20px;}
.newspaper-link a:active, .newspaper-link a:hover {color:#472c1b;}
.slider-container {height:100vh;}
.rslides li .caption {width:80%;left:50%;transform:translate(-50%,-50%);}
.rslides li .caption h2 {font-size:80px;font-weight:700;text-transform:none;}
.rslides li .caption h3 {font-size:36px;line-height:40px;color:white;}
.topimageheader {height:540px;}
.topimageheader .caption h2 {font-size:80px;font-weight:700;text-transform:none;margin:0 0 20px 0;}
.topimageheader .caption h3 {font-size:36px;line-height:40px;color:white;}
.bottom {background:white;color:#472c1b;}
.bottom .h4-headline {color:#472c1b}
.bottom a:link, .bottom a:visited {color:#472c1b;}
.bottom a:active, .bottom a:hover {color:#49835b;}
.green {background:#49835b;color:white;padding:60px 0;}
.green h2 {color:white;}
.green a:link, .green a:visited {color:white;}
.green a:active, .green a:hover {color:#d0d756;}
.green .documents a:link, .green .documents a:visited {color:white;}
.green .documents a:active, .green .documents a:hover {color:#d0d756;}
.green .newspaper-link a:link, .green .newspaper-link a:visited {color:white;}
.green .newspaper-link a:active, .green .newspaper-link a:hover {color:#d0d756;}
.green blockquote {border-left:#d0d756 solid 10px;}
.green blockquote, .green blockquote p {color:#d0d756;}
.socialicons a:link, .socialicons a:visited {background:#472c1b !important;color:white;}
.socialicons a:active, .socialicons a:hover {background:#49835b !important;color:white;}
h1, h2, h3, h4, h5, h6 {font-family:"Baloo 2", sans-serif;font-weight:800;color:#472c1b;}
h1 {font-family:'Poppins', sans-serif;font-weight:600;text-transform:none;}
h2 {line-height:1;}
.contentpane h2, .contentpane3 h2 {font-weight:600;}
.contentpane h2 strong, .contentpane3 h2 strong {font-weight:800;}
h3 {font-family:'Poppins', sans-serif;font-weight:600;font-size:30px;line-height:36px;text-transform:none;color:#49835b;}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {color:#472c1b;}
h2 a:active, h2 a:hover, h3 a:active, h3 a:hover {color:#d0d756;}
a:link, a:visited {color:#472c1b;text-decoration:underline;}
a:active, a:hover {color:#d0d756;}
hr {background:#d0d756;}
blockquote {border-left:#49835b solid 10px;margin:40px 0 40px 40px;}
blockquote, blockquote p {font-size:20px;line-height:30px;font-weight:700;color:#49835b;}
.content ul li::marker, .contentright ul li::marker {color:#49835b;}
nav#dnnMenu ul {margin:36px 0;}
.header.is-sticky nav#dnnMenu ul {margin:26px 0;}
nav#dnnMenu ul:after {content:"";display:table;clear:both;}
nav#dnnMenu ul li a {font-family:"Baloo 2", sans-serif;font-weight:800;font-size:20px;color:white;text-transform:none;height:48px;line-height:48px;}
nav#dnnMenu ul li a:hover {color:#d0d756;}
nav#dnnMenu ul li.rootlevel:first-child {display:none;}
nav#dnnMenu ul li.rootlevel:last-child a {background:#49835b;border-radius:24px;padding:0 20px;}
nav#dnnMenu ul li.rootlevel:last-child a:hover {background:#d0d756;color:white;}
.mobilemenu ul {font-family:"Baloo 2", sans-serif;font-weight:800;text-transform:none;}
.mobilemenu ul li a:hover {color:#d0d756;}
.gblockstext h2 {font-size:48px;line-height:54px;}
.gblockstext h3 {font-weight:400;margin:10px 40px 0}
.refsimg {border-radius:10px;}
.refstext {background:transparent;background-image:linear-gradient(transparent 0%, rgba(0,0,0,0.8) 100%);color:white;padding:60px 40px;}
.refstext h3 {color:white;}
.refstext p {font-size:20px;font-weight:600;}
.refsoverlay {background:rgba(93,146,92,0.9);}
.refsoverlay h4, .refsoverlay h2 {font-size:50px;line-height:54px;margin:0 40px;color:white;}
.blog-sat .h4-headline {font-size:30px;}
.blogsat article h2 {font-size:30px;line-height:32px;}
.fd-day {font-family:"Baloo 2", sans-serif;font-weight:800;color:#49835b;}
.fd-month {background-color:#49835b;}
.blog-detail article h1 {font-family:"Baloo 2", sans-serif;font-weight:800;font-size:50px;line-height:54px;color:#49835b;}
.blog-archives {background:#f2f2f2;}
.ci-header span {background:#49835b;}
.contactsat-infos {font-size:20px;line-height:30px;}
.gallery a img {border-radius:10px;}
.blob img {
  mask: url("/Portals/5/blob.svg");
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
}
@media screen and (max-width:1280px) {
.header {background:#49835b;position:relative;}
.logopane {float:none;text-align:center;}
.menu {margin:0;float:none;}
}
@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) {
.rslides li .caption h2 {font-size:60px;}
.topimageheader .caption h2 {font-size:60px;}
.green {padding:60px 8%;}
.green img {max-width:100%;height:auto !important;}
}
@media screen and (max-width:640px) {
.rslides li .caption h2 {font-size:48px;line-height:48px;}
.topimageheader .caption h2 {font-size:48px;line-height:48px;}
}
