 /* Mosaïk 2022 styles */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;1,400&display=swap');

body {background:#f5f5f5;color:black;font-family:'Poppins', sans-serif;}
p {text-align:justify;}
.header {background:transparent;position:absolute;z-index:9000;}
.header.is-sticky {background:white;}
.header .pageflex {align-items:center;}
.logopane img {margin:20px 0;}
.header.is-sticky .logopane img {margin:20px 0;height:90px;width:auto;}
.menu {margin:40px 0 0 0;}
.header.is-sticky .menu {margin:20px 0 0 0;}
.langpane {font-family:'Poppins', sans-serif;font-weight:500;}
.langpane a:link, .langpane a:visited, .langpane a:active {color:black;}
.langpane a:hover, a.langsel:link, a.langsel:visited, a.langsel:active, a.langsel:hover {background:yellow;color:black;}
a.bigbutton:link, a.bigbutton:visited {background:yellow;color:black;font-family:'Poppins', sans-serif;font-weight:400;}
a.bigbutton:active, a.bigbutton:hover {background:black;color:white;}
button.bigbutton {background:yellow;color:black;font-family:'Poppins', sans-serif;font-weight:400;}
button.bigbutton:hover {background:black;color:white;}
.h2-headline {font-family:'Poppins', sans-serif;font-weight:500;text-transform:none;}
.h3-headline, .h4-headline {font-family:'Poppins', sans-serif;font-weight:400;}
.documents a {display:inline-block;margin:0 0 3px 0;}
.documents a:link, .documents a:visited {background:white;font-family:'Poppins', sans-serif;font-weight:400;padding:5px 20px 5px 0;}
.documents a:active, .documents a:hover {background:black;color:white;text-decoration:none;}
.newspaper-link a {display:inline-block;margin:0 0 3px 0;}
.newspaper-link a:link, .newspaper-link a:visited {background:yellow;color:black;font-family:'Poppins', sans-serif;font-weight:400;padding:5px 20px 5px 0;}
.newspaper-link a:active, .newspaper-link a:hover {background:black;color:white;text-decoration:none;}
.newspaper-link a:before {color:white;}
.gallery-link a:link, .gallery-link a:visited {font-weight:700;}
.rslides li:after {background:rgba(255,255,255,.8);}
.rslides li .caption h2 {font-size:30px;line-height:36px;color:black;text-transform:none;font-weight:400;}
.rslides li .caption h3 {font-size:50px;line-height:54px;color:black;}
.topimageheader {height:400px;}
.tih-mask:after {background:rgba(255,255,255,.8);}
.topimageheader .caption h2 {font-size:30px;line-height:36px;color:black;text-transform:none;font-weight:400;}
.topimageheader .caption h3 {font-size:50px;line-height:54px;color:black;}
.bottom {background:white;color:black;}
.bottom .h4-headline {color:black;}
.bottom a:link, .bottom a:visited {color:black;}
.bottom a:active, .bottom a:hover {color:yellow;}
.socialicons {margin:40px 0 0 0;}
.socialicons a:link, .socialicons a:visited {background:yellow;color:black;}
.socialicons a:active, .socialicons a:hover {background:black;color:white;}
.articlesat-link a {font-weight:700;}
h1, h2, h3, h4, h5, h6 {font-family:'Poppins', sans-serif;font-weight:500;color:black;text-transform:none;}
h1 {font-family:'Poppins', sans-serif;font-weight:400;}
h2 {font-size:50px;line-height:54px;}
h3 {font-family:'Poppins', sans-serif;}
h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {color:black;}
hr {background:yellow;}
a:link, a:visited {color:black;text-decoration:underline;}
a:active, a:hover {color:yellow;text-decoration:underline;}
blockquote {border-left:none;background:yellow;padding:20px 30px;}
blockquote, blockquote p {color:black;}
.content ul li:before, .content2 ul li:before {color:yellow;}
ul.megamenu a {font-family:'Poppins', sans-serif;font-weight:400;font-size:18px;color:black;text-transform:none;height:90px;line-height:90px;}
ul.megamenu li.level0:hover a, ul.megamenu li.level0 a:hover, .megahover {background-color:yellow;color:black;}
ul.megamenu .current a {color:black;}
ul.megamenu li.menufirst {display:none;}
ul.megamenu li .sub {top:90px;left:30px;}
#megamenu li.sublink {border-bottom:rgba(255,255,255,0.2) solid 1px;}
#megamenu li.sublink:last-child {border-bottom:0;}
#megamenu li.sublink a {font-size:18px;height:36px;line-height:36px;}
#megamenu li.sublink a:hover {color:yellow;}
ul.megamenu li .sub {background:black;}
.mobilemenu ul {font-family:'Poppins', sans-serif;font-weight:400;}
.mobilemenu ul li a.disabled {color:lightgrey !important;}
/* Modules */
.gblockstext h2 {color:black;}
.gblockstext h3 {font-weight:400;color:black;}
.gblocks a:after {background:rgba(255,255,255,.8);}
.refsoverlay {background:rgba(255,255,0,0.9);}
.refsoverlay h4 {color:black;}
.refstext {background:#24292d;color:white;}
.refstext-line1 {font-family:'Poppins', sans-serif;font-weight:400;font-size:24px;color:white;}
.parallax-window {background:yellow;color:black;}
.parallax-content h2 {color:black;}
.parallax-content hr {background:black;}
.parallax-text {max-width:640px;margin:0 auto;}
.parallax-text p {text-align:center;}
.parallax-link a:link, .parallax-link a:visited {background:black;color:white;font-family:'Poppins', sans-serif;font-weight:400;}
.parallax-link a:active, .parallax-link a:hover {background:white;color:black;}
.blogsat article h2 {font-size:30px;line-height:32px;}
.fd-day {font-family:'Poppins', sans-serif;font-weight:400;}
article.blog-detail h1 {font-family:'Poppins', sans-serif;font-weight:400;color:black;}
.blog h2 {font-family:'Poppins', sans-serif;font-weight:400;color:black;text-transform:none;}
.ci-header span {background:yellow;}
/* for 1340px and less */
@media screen and (max-width:1340px) {
.header .page {padding:0;}
}
/* for 1280px and less */
@media screen and (max-width:1280px) {
.header {background:white;position:relative;}
.logopane {float:none;text-align:center;}
.menu {margin:0;float:none;}
.gblockstext h2 {font-size:30px;line-height:36px;}
.gblockstext h3 {font-size:24px;line-height:30px;}
}
/* 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) {
.rslides li .caption h2 {font-size:60px;}
.topimageheader .caption h2 {font-size:60px;}
}
/* for 640px and less */
@media screen and (max-width:640px) {
.rslides li .caption h2 {font-size:40px;line-height:48px;}
.topimageheader .caption h2 {font-size:40px;line-height:48px;}
h2 {font-size:40px;line-height:48px;}
}