/* Mosaïk styles */
@import url('https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

body {color:#505c5f;font-size:20px;}
.langpane {font-family:"Bellota", system-ui;font-weight:700;}
.langpane a:link, .langpane a:visited, .langpane a:active {color:#505c5f;}
.langpane a:hover, a.langsel:link, a.langsel:visited, a.langsel:active, a.langsel:hover {background:#f3f2eb;color:#505c5f;}
.contentpane2 {background:#f3f2eb;}
::selection {background:#c88831;}
a.bigbutton:link, a.bigbutton:visited {background:#005a78;color:white;font-family:"Bellota", system-ui;font-weight:700;border-radius:6px;}
a.bigbutton:active, a.bigbutton:hover {background:#c88831;color:white;}
a.bigbutton:before {display:none;}
button.bigbutton {background:#005a78;color:white;font-family:"Bellota", system-ui;font-weight:700;border-radius:6px;}
button.bigbutton:hover {background:#c88831;color:white;}
.documents a {display:inline-block;margin:0 0 3px 0;}
.documents a:link, .documents a:visited {color:#005a78;font-family:"Bellota", system-ui;font-weight:700;}
.documents a:active, .documents a:hover {color:#c88831;text-decoration:none;}
.documents a:before {margin-right:6px;}
.newspaper-link a {display:inline-block;margin:0 0 3px 0;}
.newspaper-link a:link, .newspaper-link a:visited {color:#005a78;font-family:"Bellota", system-ui;font-weight:700;}
.newspaper-link a:active, .newspaper-link a:hover {color:#c88831;text-decoration:none;}
.newspaper-link a:before {margin-right:6px;}
.rslides li .caption h2 {font-size:36px;line-height:1;letter-spacing:0.12em;font-weight:600;text-transform:none;background:#005a78;color:white;padding:6px;display:inline-block;margin:10px 0;}
.rslides li .caption h3 {font-size:91px;line-height:70px;letter-spacing:0;color:white;font-weight:300;margin:10px 0;}
.topimageheader {height:300px;}
.topimageheader .caption h2 {font-size:36px;line-height:1;letter-spacing:0.12em;font-weight:600;text-transform:none;background:#005a78;color:white;padding:6px;display:inline-block;margin:10px 0;}
.topimageheader .caption h3 {font-size:91px;line-height:70px;letter-spacing:0;color:white;font-weight:300;margin:10px 0;}
.bottom {background:#005a78;}
.bottom a:active, .bottom a:hover {color:#c88831;}
.bottompane2 {font-size:18px;}
.socialicons a:link, .socialicons a:visited {color:#005a78;}
.socialicons a:active, .socialicons a:hover {background:#c88831;color:white;}
h1, h2, h3, h4, h5, h6 {font-family:"Bellota", system-ui;font-weight:700;color:#005a78;text-transform:none;}
h1 {font-family:"Poppins", serif;font-size:18px;line-height:1;letter-spacing:0.3em;text-transform:uppercase;color:#505c5f;}
h2 {font-family:"Bellota", system-ui;font-weight:700;font-size:60px;line-height:1;}
h3 {font-family:"Bellota", system-ui;font-weight:300;font-size:48px;line-height:1;color:#505c5f;}
h2 a:link, h2 a:visited {color:#005a78;}
h2 a:active, h2 a:hover {color:#c88831;}
h3 a:link, h3 a:visited {color:#505c5f;}
h3 a:active, h3 a:hover {color:#c88831;}
.h2-headline, .h3-headline, .h4-headline {font-family:"Bellota", system-ui;font-weight:700;text-transform:none;color:#005a78;}
.h4-headline {font-size:24px;line-height:30px;}
.bottom .h4-headline {margin:0 0 12px 0;}
hr {background:#c88831;}
a:link, a:visited {color:#005a78;}
a:active, a:hover {color:#c88831;text-decoration:none;}
.content ul li, .contentright ul li {margin:0;}
.content ul li::marker, .contentright ul li::marker {color:#005a78;}
blockquote {border-left:#005a78 solid 8px;}
blockquote, blockquote p {font-size:20px;color:#005a78;}
nav#dnnMenu ul {margin:33px 0;}
nav#dnnMenu ul li a {font-family:"Bellota", system-ui;font-weight:700;font-size:18px;letter-spacing:0.05em;color:#505c5f;text-transform:none;height:48px;line-height:48px;}
nav#dnnMenu ul li a:hover {color:#005a78;}
nav#dnnMenu ul li.rootlevel:first-child {display:none;}
nav#dnnMenu ul li.rootlevel:last-child a {background:#005a78;color:white;border-radius:24px;padding:0 20px;}
nav#dnnMenu ul li.rootlevel:last-child a:hover {background:#c88831;color:white;}
nav#dnnMenu ul li ul li {background:none;}
nav#dnnMenu ul li ul li a {background:#005a78;color:white;border-radius:6px;padding:0 20px;}
nav#dnnMenu ul li ul li a:hover {background:#c88831;color:white;}
.mobilemenu ul {font-family:"Bellota", system-ui;font-weight:300;}
.mobilemenu ul li a.disabled {color:#ccc;}
.gblockstext h2 {color:white;font-size:48px;line-height:54px;margin:0 40px 20px 40px;}
.gblockstext h3 {color:white;font-size:71px;line-height:60px;}
.refsoverlay {background:rgba(0,90,120,0.9);}
.refsoverlay h4 {font-family:"Bellota", system-ui;font-weight:400;font-size:71px;line-height:60px;text-transform:none;font-weight:normal;letter-spacing:0;padding:0 10px;}
.refstext h3 {font-family:"Bellota", system-ui;font-weight:700;font-size:24px;color:#005a78;}
.refstext p {font-size:18px;}
.citation-window {background:#d7d5bc;}
.citation-text {max-width:800px;margin:0 auto;}
.citation-text p {text-align:center;}
.fd-day {font-family:"Bellota", system-ui;font-weight:700;color:#005a78;}
.fd-month {background-color:#005a78;font-weight:700;}
.blog-detail article h1 {font-family:"Bellota", system-ui;font-weight:700;text-transform:none;color:#005a78;}
.blog-sat .h4-headline {font-size:30px;line-height:36px;}
.ci-header span {background:#005a78;}
.gallery-wrapper {margin:60px auto 0;}
.contactform {max-width:1070px;margin:0 auto;}
.linkswrapper {max-width:1070px;margin:0 auto 40px;}
ul.multicolumn {columns:3;column-gap:20px;}
.svgblockswrapper {margin:60px 0;}
.svgblocks {display:flex;flex-wrap:wrap;justify-content:center;}
.svgblock {background:#c88831;width:96px;height:96px;border-radius:20px;margin:20px;}
.svgblockicon svg {width:64px;fill:white;margin:16px;}
@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) {
ul.multicolumn {columns:2;}
}
@media screen and (max-width:640px) {
.rslides li .caption h3 {font-size:70px;}
.topimageheader .caption h3 {font-size:70px;}
ul.multicolumn {columns:1;}
}
