
/* Metropolis regular 400 */
@font-face {
  font-display: swap;
  font-family: 'Metropolis';
  font-style: normal;
  font-weight: 400;
  src: 	url('../Fonts/kkh/Metropolis-Regular.woff') format('woff'),
		url('../Fonts/kkh/Metropolis-Regular.woff2') format('woff2');
}
/* Metropolis bold 700 */
@font-face {
  font-display: swap;
  font-family: 'Metropolis';
  font-style: normal;
  font-weight: 700;
  src: 	url('../Fonts/kkh/Metropolis-Bold.woff') format('woff'),
		url('../Fonts/kkh/Metropolis-Bold.woff2') format('woff2');
}


html {
	box-sizing: border-box;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
	scroll-behavior: smooth;
	font-size: 100%;
}
body, html {
	height: 100%;
	min-height: 100vh;	
	font-family: var(--bodyFont);
	color: var(--bodyColor);
	background-color: var(--bodyBg);
}
body {
	font-size: 1rem;
	font-weight: var(--fontWeight400);
	letter-spacing: .03rem;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

*, :before, :after {
    box-sizing: inherit;
}

.frame, #maincontent {
    scroll-margin-top: 3.75rem;
}

/* miscellaneous */
object {
	max-width: 100%;
	border: none !important;
}
.infoalerts { 
	margin: 1rem;
}
.cover img,
.mood img,
.ce-image img, 
.ce-textpic img, 
embed, 
video {
	max-width: 100%;
	height: auto;
	width: auto;
	border:none !important;
}
p:empty {display: none;}

.mood-pic {
	filter: grayscale(100%);
	/* opacity: 0; */
	opacity: 0.1;
	transition: filter 5s, opacity .5s;
}

.mood-pic.animateit {
  opacity: 1;
  filter: grayscale(0%);
  animation: einblenden 4s;
}

@keyframes einblenden {
  0% {
    /* opacity: 0; */
	opacity: 0.1;
    filter: grayscale(100%);
  }
  50% {
    opacity: 1;
    filter: grayscale(80%);
  }
  100% {
    opacity: 1;
    filter: grayscale(0%);
  }
}

svg.bs,
svg.bi {
	vertical-align: -.125em;
}
.show-for-print { 
	display: none;
}

/* lists */
.content ul:not(.pagination) {
	margin-bottom: 1.5rem;
    padding-left: 1rem;
}
.content ul li:not(:first-child),
.content ol li:not(:first-child) {
	margin-top: .5rem;
}
.content ul.checklist {
	list-style-type:none;
	padding-left: 0;
}
.content ul.checklist li {
    position: relative;
	padding: 0 0 .625rem 3.5rem;
}
.content ul.checklist li:before {
    content: '';
	position: absolute;
    left: 0;
    top: -1rem;
    margin: 0;
    padding: 0;
    color: transparent;
    display: block;
    width: 3rem;
    height: 3rem;
    /* background-image: var(--iconChecklist); */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='15' fill='rgba(202,232,243,0.7)'/%3E%3Cg transform='translate(13, 14) scale(0.4)'%3E%3Cpath d='M34.9,3c-0.7,0-1.4,0.3-1.9,0.9L14.5,24.4l-8.6-8.6c-1-1-2.6-1.1-3.6-0.1c-1,1-1.1,2.6-0.1,3.6c0,0,0,0,0.1,0.1L12.8,30c0.5,0.5,1.1,0.8,1.8,0.7h0.1c0.7,0,1.4-0.3,1.8-0.9L36.8,7.3c0.9-1.1,0.9-2.7-0.2-3.6C36.1,3.2,35.5,3,34.9,3' fill='%230a1e49'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}
.content ol {
	padding-left: 1.125rem;
}
.content ol li {
	padding-left: 0.75rem;
}

/* TOC */
.content .frame-type-menu_sitemap_pages ul ul {
    margin-top: 0;
    margin-bottom: 1rem;
}
.content .frame-type-menu_sitemap_pages .card-header {
    background-color: var(--white);
    border-bottom: none;
    margin-bottom: 0;
}
.content ul li.sub {
	list-style-type: none;
}
.content ul li.sub:not(:first-child) {
	padding-top: 1rem;
}
.content ul li.sub .shortcut {
	font-weight: var(--fontWeight700);
    display: inline-block;
	margin-bottom: .5rem;
}
.content ul li.accordion-item.card {
	padding-left: 0;
}

/* links */
a.brand {
	text-decoration: none;
	display: block;
}
a.searchfocus {
	cursor: pointer;
}
a img { 
	border: none !important; 
}
/* underlined / secondary / bold  */
.frame a,
.frame a:visited,
.modal a,
.modal a:visited  { 
	color: var(--primary);
	font-weight: var(--fontWeight700);	
	text-decoration: underline;
}
/* not underlined / secondary / bold (hover)  */
.frame a:hover,
.frame a:active,
.frame a:focus,
.modal a:hover,
.modal a:active,
.modal a:focus,
.combo5 a:hover,
.combo5 a:active,
.combo5 a:focus {
	text-decoration: none;
}

/* not underlined / secondary / normal  */
.content .frame-type-menu_sitemap_pages ul > li > ul > li > a,
.content .frame-type-menu_sitemap_pages ul > li > ul > li > a:visited,
#ticker dd a,
#ticker dd a:visited,
.news .news-title h2 a,
.news .news-title h2 a:visited,
.combo1 h1 a,
.combo1 h1 a:visited,
.tile a,
.tile a:visited,
#kesearch_results .result-list-item .result-title a,
#kesearch_results .result-list-item .result-title a:visited {
	color: var(--primary);
	font-weight: var(--fontWeight400);	
	text-decoration: none;
}
/* not underlined / secondary / bold  */
.rootline a,
.rootline a:visited,
.accordion-title a:visited,
.accordion-title a:active,
.accordion-title a:focus,
.accordion-title a:hover {
	color: var(--primary);
	font-weight: var(--fontWeight700);	
	text-decoration: none;
}
/* underlined / secondary / normal (hover)  */
.content .frame-type-menu_sitemap_pages ul > li > ul > li > a:hover,
.content .frame-type-menu_sitemap_pages ul > li > ul > li > a:active,
.content .frame-type-menu_sitemap_pages ul > li > ul > li > a:focus,
#ticker dd a:hover,
#ticker dd a:active,
#ticker dd a:focus,
.news .news-title h2 a:hover,
.news .news-title h2 a:active,
.news .news-title h2 a:focus,
.combo1 h1 a:hover,
.combo1 h1 a:active,
.combo1 h1 a:focus,
.tile a:hover,
.tile a:active,
.tile a:focus,
.footer a:hover,
.footer a:active,
.footer a:focus,
#kesearch_results .result-list-item .result-title a:hover,
#kesearch_results .result-list-item .result-title a:active,
#kesearch_results .result-list-item .result-title a:focus,
.rootline a:hover,
.rootline a:active,
.rootline a:focus { 
	text-decoration: underline;
}
/* unchanged color in dark mode */
.combo5 a,
.combo5 a:visited {
	color: #0a1e49;
	font-weight: var(--fontWeight700);
	text-decoration: underline;
}
/* footer: not underlined / white / normal  */
.footer a,
.footer a:visited { 
	color: #fff; 
	text-decoration: none;
}
/* footer (hover): underlined / white / normal  */
.footer a:hover,
.footer a:active,
.footer a:focus { 
	color: #fff !important;
	text-decoration:underline;
	text-decoration-color: #fff;
	text-decoration-thickness: var(--textDecorationThickness);
}
a.link-external-blank:after {
	content: '';
	width: 14px;
	height: 14px;
	margin-left: 3px;
	margin-right: 5px;
	margin-bottom: 4px;
	background-image: var(--iconExternalLink);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	transform: translateX(5px);
	transition: transform .2s ease-in-out;
}
a.link-external-blank:hover:after {
	transform: translateX(0);
}
/* .combo5 a.link-external-blank:after {
	background-image: var(--iconExternalLinkWhite);
} */

/* titles */
h2, h3 {
	margin-bottom: revert;
}
h2 {
	font-family: var(--titleFont);
	font-size: var(--h2FontSize);
	color: var(--primary);
	font-weight: 700;
}
h2.h2-layout2  {
	font-family: var(--titleFont);
	font-size: var(--h2FontSize);
	color: var(--primary);
	font-weight: 700;
}
h3, .h3 {
	font-family: var(--titleFont);
	font-size: var(--h3FontSize);
	color: var(--primary);
	font-weight: 700;
}

.content p:not(.modal-body p):not(.resource-copyright p),
.content li {
    font-size: 1.125rem;
}

/* custom spacing */
.content .frame-type-header + .frame[class*='frame-type'] {
	margin: 3rem 0 0 0 !important;
}
.content .frame-type-ce_columns2 .ce-col:not(:first-child) {
	margin: 5rem 0 0 0;
}
.content .frame-type-ce_columns2 .ce-col h1,
.content .frame-type-ce_columns2 .ce-col h2,
.content .frame-type-ce_columns2 .ce-col h3 {
	margin-top: 0;
}
.content p {
    margin-bottom: 1.5rem;
}
.content p:last-child {
    margin-bottom: 0;
}
.content .frame {
    padding: 0 1rem;
	margin: 5rem 0 0 0;
}
.cover .content .frame {
    padding: 0 1rem;
	margin: 2rem 0 0 0;
}
.content .frame .frame {
	padding: 0;
	margin: 3rem 0 0 0;
}

.cover .content .frame .frame {
	padding: 0;
	margin: 2rem 0 0 0;
}
.content .frame .frame:first-child,
.content .frame .accordion .frame,
.content .frame .modalbox .frame,
.content .frame .flexslider .frame,
.content .frame .tabpanel .frame {
    padding: 0;
	margin: 0;
}
.frame-type-textmedia.frame-layout-3 {
	margin-bottom: 3rem;
}
.frame-type-textmedia.frame-layout-3 .ce-gallery {
	margin-bottom: 0;
}
.frame-type-header {
	margin: 0;
}

/* flexboxes/comboboxes */
.alert {
    padding: 1rem;
	border-radius: var(--radius);
}
.alert h3 {
    font-family: var(--titleFont);
    font-size: clamp(1.5rem, 0.246rem + 4.85vw, 1.75rem);
	font-weight: var(--fontWeight700);
	margin-top: 0 !important;
}
.combo1 {
	/* background: var(--light); */
	color: #000;
	padding: 0;
}
.combo1 h1 {
	margin-top: 0 !important;
}
.combo1 h1 a {
	display: block;
	font-family: var(--titleFont);
	font-size: clamp(1.5rem, 0.246rem + 4.85vw, 1.75rem);
	font-weight: var(--fontWeight700);
	color: #0a1e49 !important;
}
.combo1 p:empty,
.combo3 p:empty,
.combo5 p:empty {
	padding: 0 !important;
	margin: 0;
}
.combo3 {
	background-color: var(--light);
	color: var(--dark);
	box-shadow: var(--boxShadow);
}
.combo3 h3 {
	color: var(--primary);
    background: transparent;
}
.combo5 {
	background-color: var(--combo5Bg);
	color: var(--black);
	border-color: transparent;
	box-shadow: var(--boxShadow);
}
.combo5 h3 {
    color: #0a1e49;
}


/* cover -topstart108 -topmenu91 -footer91.24 */
.cover,
.peripherie {
	background-color: var(--bodyBg);
	color: var(--primary);
}
.cover .container-fluid.content {
	min-height: calc(100vh - 6.75rem - 5.688rem - 5.703rem);
	position: relative;
}
.covercontent {
	display: inline-block;
}

/* topstart  */
.topstart {
	background-color: var(--bodyBg);
	color: var(--primary);
}
.topstart .wrapper {
	padding: 1rem 0;
}
.topstart .wrapper .row {
	align-items: center;
}
.navbar-brand img {
	width: 6rem;
}
.mag-title h2 {
	font-family: var(--bodyFont);
	font-size: 1.5rem;
	font-weight: var(--fontWeight700);
	color: var(--primary);
	margin: 0 !important;
	/* letter-spacing: .15rem; */
}
.mag-title h3 {
	font-family: var(--bodyFont);
	font-size: 1rem;
	color: var(--primary);
	margin: 0;
	letter-spacing: .01rem;
	/* letter-spacing: .15rem; */
}
.darkModeSwitch {
	width: 3rem;
	height: 2.5rem;
	background-color: var(--primary);
	color: var(--white);
	border: var(--borderWidth) var(--primary);
	border-radius: 2.5rem;
	font-size: inherit;
	font-weight: var(--fontWeight400);
	box-shadow: var(--boxShadow);
}
.darkModeSwitch svg {
	height: 1.35rem;
	vertical-align: middle;
}
.darkModeSwitch svg path {
	-webkit-filter: var(--iconDropShadow);	
    filter: var(--iconDropShadow);	
}
.darkModeSwitch:hover svg path {	
	-webkit-filter: none;
	filter: none;
}
.icon-darkModeSwitch-light {
	display: block;
}
.icon-darkModeSwitch-dark {
	display: none;
}

/* topstart/topmenu search */
.form_kesearch_searchfield .input-wrapper {
	position: relative;
}
.form_kesearch_searchfield .form-control {
	font-size: inherit;
	font-weight: inherit;
	color: var(--dark);
	background-color: var(--light);
	border: var(--borderWidth) var(--borderColor);
	border-radius: var(--radius);
	height: 2.75rem;
	width: 9.5rem;
	padding: .375rem 2.5rem .375rem .75rem;
	box-shadow: var(--boxShadow);
	margin-right: 0.625rem;
}
.form_kesearch_searchfield .btn {
	display: inline-flex;
	color: var(--dark);
	position: absolute;
    right: 10px;
    top: 0.25rem;
}
.form_kesearch_searchfield .icon-search {
    width: 1.5rem;
    height: 1.5rem;
	transform: rotate(360deg);	
}
.form_kesearch_searchfield svg path {
    -webkit-filter: var(--iconDropShadow);	
    filter: var(--iconDropShadow);	
}
.form_kesearch_searchfield .btn:hover svg path {	
	-webkit-filter: none;
	filter: none;
}

/* newsticker */
.newsticker {
	color: var(--dark);
    height: 2.5rem;
	line-height: 2.5rem;
	justify-content: left;
	/* background: var(--newstickerGradient); */
	background: var(--light);
	border-radius: var(--radius);
	padding: 0 1rem;
	margin-top: 1rem;
}
.rssfeed {
	display: flex;
}
#ticker {
	text-align: left;
	margin: 0;
	padding: 0;
    overflow: hidden;
	flex-grow: 1;
}
#ticker dd a {
	font-weight: var(--fontWeight400);
	display: inline-block;
	width: 100%;
}
.rssfeed span.bkknews {
	display: none;
}
/* news */
.news .article {
    clear: left;
    margin-bottom: 3rem;
    display: block;
}
.news .news-day {
	 margin-right: 5px;
}
.news .news-title h2 {
    font-size: 1.25rem;
    font-weight: var(--fontWeight700);
    margin-top: 0 !important;
    margin-bottom: .5rem !important;
	cursor: pointer;
}

.mood {
	position:relative;
	background-color: var(--bodyBg);
}
.covermood {
	height: 1rem;
	background-color: var(--bodyBg);
	/* transition: margin-top 0.3s ease-in-out; */
}
.img-overlay {
    /* justify-content: center; */
    align-items: flex-end;
    display: flex;
    color: #fff;
    position: absolute;
    top: 0;
    left: 2.5rem;
    right: 0;
    bottom: 0;
}
.mood .frame-type-header h1 {
    font-family: var(--titleFont);
	font-size: var(--h1FontSize);
	font-weight: 700;
	line-height: 1.2;
    text-align: center;
	color: #0a1e49;
	text-transform: none;
	display: inline-block;
	background: rgba(255,255,255,.6);
    backdrop-filter: blur(3px);
    padding: 1.5rem 4.25rem;
	margin-bottom: 0;
	position: relative;
}
.resource-copyright {		
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: max-content;
	padding: 0 5px;
	background-color: rgba(255, 255, 255, 0.7);
	color: #142431;
	font-size: 0.75rem;
	line-height: 1.2;
	z-index: 2;
}
.resource-copyright p {
	margin: 0;
}
.top {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 2.375rem;
    height: 2.375rem;
	background-color: var(--primary);
    border-radius: 50px;
	padding: .5rem;
	margin: 2px;
	z-index: 50;
}
.top:hover {
	background-color: #e7e9ed;
	box-shadow: 0 0 6px rgba(0, 0, 0, .4);
}
.chevron-up {
    width: 1.5rem;
    height: 1.5rem;
	padding: .2rem .3rem .2rem .2rem;
	fill: var(--white);
}
.chevron-up:hover,
.top:hover .chevron-up {
	fill: var(--primary);
}

/* maincontent */
#maincontent:not(.covercontent) {
	background-color: var(--bodyBg);
	padding-bottom: 5rem;
}

/* meta */
.page-meta-infos {
	padding: 0;
	margin: 3rem 1rem 0 1rem;
}
.page-meta-infos > span {
    margin-right: 50px;
    display: inline-block;
    white-space: nowrap;
	font-size: var(--fontSize18-20);
}
.page-meta-infos > span:last-child {
    margin-right: 0;
}
.page-meta-infos .icon-calendar,
.page-meta-infos .icon-clock {
	color: var(--white);
	display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    position: relative;
    top: 3px;
}
.page-meta-infos .icon-calendar {
    background-image: var(--iconCalendar);
    background-repeat: no-repeat;
	margin-right: 8px;
}
.page-meta-infos .icon-clock {
    background-image: var(--iconClock);
    background-repeat: no-repeat;
	margin-right: 10px;
}

.lead {
	font-size: var(--fontSize18-20);
	font-weight: var(--fontWeight700);
	line-height: 1.7;
	margin-bottom: 3rem;
}

/* breadcrumb */
.peripherie .rootline,
.cover .rootline { display: none; }
.rootline {
	font-weight: 400;
	padding: .5rem 0 1rem 0;
	border-top: 2px solid #ccd0d9;
	width: 100%;
	display: none;
}
.rootline .crumb-item:not(:last-child):after {
	content: "/";
	padding-left: 5px;
}
.rootline .crumb-item:not(:first-child) {
	padding-left: 5px;
}
@media (min-width: 1200px) {
	.rootline {
		display: inline-block;
	}
}

/* navbar */
.topmenu {
	background-color: var(--bodyBg);
	position: relative;
	z-index: 10;
}
.topmenu.fixed-nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
	box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%);
    z-index: 10;
    transition: all .2s linear;
}
.topmenu .wrapper {
	/* padding: 0.625rem 0; */
}
.topmenu .wrapper .row {
	align-items: center;
}
.navbar {
    padding: 1rem 0;
}
.navbar-nav {
	margin-top: 1.875rem;
}
.navbar-toggler {
    display: block;
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
}
.navbar-toggler > span {
    position: absolute;
    left: 0;
    width: 2.0625rem;
    height: .15rem;
    background-color: var(--dark);
    -webkit-transition: all .3s;
    transition: all .2s;
}
.navbar-toggler > span:nth-child(1) {
    top: .625rem;
}
.navbar-toggler > span:nth-child(2) {
    top: 1.125rem;
}
.navbar-toggler > span:nth-child(3) {
    top: 1.625rem;
    /* width: 1.125rem; */
}
.navbar-toggler[aria-expanded="true"] > span:nth-child(1) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 50%;
	width: 1.5625rem;
}
.navbar-toggler[aria-expanded="true"] > span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	width: 1.5625rem;
}
.navbar-toggler[aria-expanded="true"] > span:nth-child(3) {
	width: 0;
}
.dropdown:not(.mag_selector) {
    position: initial;
}
.btn-home svg {
	width: 1.5rem;
	/* vertical-align: top; */
}
.btn-home svg path {
	fill: var(--dark);
	-webkit-filter: drop-shadow(25px 25px 25px rgba(112, 128, 141, .5));	
    filter: drop-shadow(25px 25px 25px rgba(112, 128, 141, .5));
}
.btn-home:hover svg path,
.btn-home-link:focus svg path {
	-webkit-filter: none;	
    filter: none;	
}
.btn-home-link {
    margin-top: -3px;
}
.navbar-nav > .nav-item > .nav-link {
	color: var(--primary);
	/* text-transform: uppercase; */
	font-size: 1rem;
	font-weight: var(--fontWeight700);
	letter-spacing: initial;
	padding: 1rem 0;
	border-bottom: var(--borderWidth) var(--light);
    transition: all .3s;
}
.navbar-nav > .nav-item > .nav-link:focus, 
.navbar-nav > .nav-item > .nav-link:hover {
    color: var(--primary);
	background-color: transparent;
}
.dropdown-toggle:after {
    display: inline-block;
	border: none !important;
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	right: 2rem;
    vertical-align: .255rem;
    background-image: var(--iconDropdownToggle);
}
.navbar-nav .dropdown-menu {
    margin: 0;
    border: none;
	border-top: none;
	padding: 0;
	min-width: 10rem;
	background: #0a1e49;
	border-collapse: collapse;
}
/* .navbar-nav .dropdown-menu {
	margin: 0;
	padding: 0 15px;
	min-width: unset;
	border: none;
} */
.navigation-flyout-closebar {
    display: none;
}
.navbar-nav .dropdown-menu-flex {
    display: flex;
    flex-flow: column wrap;
    padding: 0;
    margin-bottom: 15px;
    justify-self: center;
}
.dropdown-leveltitle {
	display: none;
}
.dropdown-ul {
    margin: 0;
    padding: 0;
}
.navbar-nav .dropdown-menu .nav-item:not(:last-child):not(.mag-select-item) {
	border-bottom: var(--borderWidth) var(--light);
}
.navbar-nav .dropdown-menu .nav-link {
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	padding: 1rem;
	/* margin-left: 1.5rem;	 */
	width: 100%;
	color: #fff;
	line-height: 1.3;
	transition: all .2s ease-in-out;
}
.navbar-nav .dropdown-menu .nav-link:focus, 
.navbar-nav .dropdown-menu .nav-link:hover {
    text-decoration: none;
}
/* .navbar-nav .active > .nav-link, 
.navbar-nav .nav-link.active, 
.navbar-nav .nav-link.show, 
.navbar-nav .show > .nav-link {
	color: var(--primary);
	text-decoration: none;
}
.navbar-nav .dropdown-menu .active > .nav-link, 
.navbar-nav .dropdown-menu .nav-link.active, 
.navbar-nav .dropdown-menu .nav-link.show, 
.navbar-nav .dropdown-menu .show > .nav-link {
	color: var(--primary);
	font-weight: var(--fontWeight700);
	text-decoration: none;
} */
.magselect {
	margin-top: .1rem;
	margin-bottom: .1rem;
}
.mag-select-link {
    white-space: nowrap;
}
.mag-select-item.active .mag-select-link:after {	
	content: '';
	height: 1.5rem;
    width: 1.5rem;
    display: inline-block;
    position: relative;
	vertical-align: text-bottom;
    z-index: 1;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z'/%3E%3C/svg%3E");
}

/* default styles for extension "tx_frontend" */
.ce-align-left { text-align: left; }
.ce-align-center { text-align: center; }
.ce-align-right { text-align: right; }

.ce-table td, .ce-table th { vertical-align: top; }

.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

.ce-left .ce-gallery, .ce-column { float: left; }
.ce-center .ce-outer { position: relative; float: right; right: 50%; }
.ce-center .ce-inner { position: relative; float: right; right: -50%; }
.ce-right .ce-gallery { float: right; }

.ce-gallery figure { display: table; margin: 0; }
.ce-gallery figcaption { display: table-caption; caption-side: bottom; }
.ce-gallery img { display: block; }
.ce-gallery iframe { border-width: 0; }
.ce-border img,
.ce-border iframe {
	border: var(--borderWidth) var(dark);
	padding: 0;
}
.ce-border video {
    border: 10px solid var(--borderColor) !important;
    border-radius: var(--radius);
}
.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
	margin-bottom: 20px;
}
.ce-image .ce-gallery { margin-bottom: 0; }
.ce-intext.ce-right .ce-gallery { margin-left: 20px; }
.ce-intext.ce-left .ce-gallery { margin-right: 20px; }
.ce-below .ce-gallery { margin-top: 20px; }
.ce-column { /*margin-right: 20px;*/ }
.ce-column:last-child { margin-right: 0; }
.ce-row { margin-bottom: 20px; }
.ce-row:last-child { margin-bottom: 0; }
.ce-above .ce-bodytext { clear: both; }
.ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

/* Space */
.frame-space-before-extra-small { margin-top: 1rem !important; }
.frame-space-before-small { margin-top: 2rem !important; }
.frame-space-before-medium { margin-top: 3rem !important; }
.frame-space-before-large { margin-top: 4rem !important; }
.frame-space-before-extra-large { margin-top: 5rem !important; }
.frame-space-after-extra-small { margin-bottom: 1rem !important; }
.frame-space-after-small { margin-bottom: 2rem !important; }
.frame-space-after-medium { margin-bottom: 3rem !important; }
.frame-space-after-large { margin-bottom: 4rem !important; }
.frame-space-after-extra-large { margin-bottom: 5rem !important; }

/* Frame */
.frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2rem; }
.frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2rem; }
.frame-indent { margin-left: 15%; margin-right: 15%; }
.frame-indent-left { margin-left: 33%; }
.frame-indent-right { margin-right: 33%; }

/* RTE */
blockquote {
  background: transparent;
  quotes: "\201C""\201D""\2018""\2019";
  margin: 0;
}
blockquote:before {
  color: var(--light);
  content: open-quote;
  font-size: 6rem;
  line-height: 0.1rem;
  margin-right: 0.25rem;
  vertical-align: -2.5rem;
}
blockquote:after {
	color: var(--light);
    content: close-quote;
    font-size: 6rem;
    line-height: 0.1rem;
    margin-left: 0.25rem;
    vertical-align: -3.5rem;
}
.combo3 blockquote:before,
.combo3 blockquote:after {
  color: var(--primary);
}
.combo5 blockquote:before,
.combo5 blockquote:after {
  color: var(--white);
}
blockquote p {
  display: inline;
}
blockquote + p:empty {
	padding:0 !important;
	margin:0;
}
.text-justify,
.text-column {    
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
    hyphens: auto;
}
.inline {
	display:inline-block;
}
.em {
	font-style: italic;
}
b, strong, .strong {
	font-weight: var(--fontWeight700);
}
.small, small {
	font-size: 0.875rem;
	font-weight: var(--fontWeight400);
}

/* RTE BS tables */
table, caption {
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-variant: inherit;
	color: var(--dark) !important;
}
table caption {
	font-weight: var(--fontWeight700);
    color: var(--dark);
    caption-side: top;
}

.table-dark td, .table-dark th, .table-dark thead th {
    border-color: var(--light);
}
.table-dark tbody tr:first-child {
    /* background-color: #e5e7e6; */
}
.table thead th {
	font-size: 1.25rem;
    font-weight: var(--fontWeight700);
	border-bottom-color: var(--primary);
	border-top-width: 0;
}
.table.thead-dark th {
    color: var(--primary);
    /* background-color: var(--white); */
}
.table.thead-light th {
    color: var(-dark);
    background-color: var(-light);
}
.table-light, .table-light > td, .table-light > th {
    background-color: var(-light);
}
.table-dark {
    color: #575756;
    background-color: #fff;
}
.table-dark h3 {
    color: #575756;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(202,232,243,0.3);
}
.table-hover tbody tr:hover {
    color: var(-dark);
    background-color: rgba(0, 0, 0, .075);
}
.table-nonfluid {
   width: auto !important;
}
table p { margin: 0; }

/* KeSearch */
.tx-kesearch-pi1 {
    font-family: var(--bodyFont) !important;
}
#kesearch_num_results {
    color: var(--dark) !important;
	margin-bottom: 1rem;
}
#kesearch_results .result-list-item .result-number, 
#kesearch_results .result-list-item .result-title a {
    font-family: var(--bodyFont) !important;
	font-size: 1.375rem !important;
	color: var(--dark) !important;
    display: inline-block;
	margin-bottom: 1rem;
}
.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {
    color: var(--primary) !important;
}
.tx-kesearch-pi1 #kesearch_results .teaser_icon img {
	float: none !important;
	display: block;
	margin-bottom: .5rem;
}
#kesearch_results .result-list-item .result-teaser {
    color: var(--dark) !important;
}     
.kesearchbox #ke_search_sword.form-control,
.kesearchbox .btn {
	font-family: var(--bodyFont) !important;
	font-size: var(--fontSize18-20) !important;
	font-weight: var(--fontWeight400) !important;
    color: var(--dark);
	background-color: var(--white);
    border: var(--borderWidth) var(--borderColor) !important;
	border-radius: var(--radius);
	width: 100% !important;
}
.kesearchbox .btn {
	font-weight: var(--fontWeight700) !important;
	background-color: var(--light);
	box-shadow: var(--boxShadow);
}
.kesearchbox .btn:hover {
	box-shadow: var(--boxShadow) !important;
	transform: unset !important;
}
.tx-kesearch-pi1 #kesearch_results .result-list-item .add-info {
    padding: 0 !important;
    margin-top: -1rem;
}
.add-info .result-path,
.add-info a {
	display: none;
}
/* kesearch pagebrowser */
#kesearch_pagebrowser_bottom {
    color: var(--dark) !important;
}
#kesearch_pagebrowser_bottom .pages_total {
    background: transparent !important;
}
.kesearch_pagebrowser ul li {
    margin: .5rem !important;
}
.page-link {
	color: #0a1e49 !important;
    background-color: #fff !important;
    border: none;
	display: inline-block;
	text-decoration: none !important;
}
.page-item.active .page-link {
    color: #fff !important;
    background-color: #0a1e49 !important;
	width: 2.75rem;
    height: 2.75rem;
    padding: .75rem;
}

/* (section frames) now layout */
/* .csc-frame-zeropadding div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }
.frame > .frame { padding: 5px 0 !important; } */
.frame-ruler-after:after {
    content: '';
    display: block;
    border-bottom: 1px solid rgba(0,0,0,0.25);
    margin-top: 1rem;
}
.frame-layout-1 {}
.frame-layout-2 {}
/* Bild für Druck verstecken */
.frame-layout-3 figure.video {	
    display: block;
}
.frame-layout-3 figure.image {	
    display: none;
}

/* Rolling Number */
.frame-type-cas_rollingnumber {
	display: flex;
	justify-content: center;
}
.rollingnumber {
	font-size: 1rem;
	width: 80%;
}
.rollingnumber.h3 {
	font-size: var(--h3FontSize);
}
.rollingnumber.h2 {
	font-size: var(--h2FontSize);
}
.rollingnumber.h1 {
	font-size: var(--h1FontSize);
}
.rollingnumber.accentcolor {
	color: var(--primary);
}
.rollingnumber.styled {
	text-align: center;
    padding: 3rem 1rem;
    border-radius: 100%;
    border-bottom: 3px dotted var(--primary);
    border-top: 3px dotted var(--primary);
}
.rollingnumber.styled.h1 .textbefore {
	font-size: var(--h2FontSize);
}
.rollingnumber.styled.h2 .textbefore {
	font-size: var(--h3FontSize);
}
.rollingnumber.styled.h3 .textbefore {
	font-size:var(--fontWeight700);
}
.rollingnumber.styled.h1 .rn-icon svg {
	width: 3rem;
	height: 3rem;
	fill: var(--dark);
}
.rollingnumber.styled.h2 .rn-icon svg {
	width: 2rem;
	height: 2rem;
	fill: var(--dark);
}
.rollingnumber.styled.h3 .rn-icon svg {
	width: 1.5rem;
	height: 1.5rem;
	fill: var(--dark);
}
.rollingnumber div.purecounter {
	padding: 2.5rem 0;
}
.rollingnumber.styled .textafter {
	font-size: 1rem;
	font-weight:var(--fontWeight700);
	color: var(--dark);
}
.rollingnumber.styled.h1 .textafter {
	height: 3rem;
	padding: 0 2rem;
}
.rollingnumber.styled.h2 .textafter {
	height: 3rem;
	padding: 0 2rem;
}
.rollingnumber.styled.h3 .textafter {
	height: 3rem;
	padding: 0 2rem;
}
.rollingnumber.styled.bgcolor {
	background-color: var(--light);
}

/* tilefrompage */
/*==============*/
.tile {
	display: flex;
	align-items: center;
	background-color: var(--light);
    color: var(--dark);	
	margin-bottom: 1.875rem;
	border-radius: var(--radius);
}
/* .tile .thumb {
    display: table-cell;
	vertical-align: top;
	padding: 0 15px 15px 0;
}
.tile .abstract {
    font-family: inherit;
    color: var(--dark);	
    font-size: 1rem;
} */
.tile .tilecontent {
	/* padding: 1.25rem; */
	padding: 1rem;
}
.tile a {
    background-color: transparent;
	color: var(--dark);
    font-family: inherit;
    font-size: 1.25rem;
	font-weight: var(--fontWeight700);
}
.tile a:after {	
	content: '';
	height: 1.8rem;
    width: 3rem;
    position: absolute;
	/* right: 1.5rem; */
    /* background-size: contain; */
    background-position: center;
    background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='16' viewBox='0 0 26 16' fill='%230a1e49'%3E%3Cg transform='translate(26 16) rotate(180)'%3E%3Cpath d='M24.555,6.4H5.748L9.611,2.733a1.549,1.549,0,0,0,0-2.266,1.748,1.748,0,0,0-2.381,0L.754,6.621a1.638,1.638,0,0,0,0,2.758L7.23,15.533a1.75,1.75,0,0,0,2.381,0,1.545,1.545,0,0,0,0-2.262L5.748,9.6H24.555A1.528,1.528,0,0,0,26,8a1.528,1.528,0,0,0-1.445-1.6'/%3E%3C/g%3E%3C/svg%3E");
}

/* modalbox */
/*==========*/
.modalbox .btn {
	font-family: inherit;
	font-size: 1.125rem;
	color: var(--white);
	font-weight: var(--fontWeight700);
	text-transform: uppercase;
	position: relative;
	background-color: var(--primary);
	border-radius: 42px;
	box-shadow: var(--boxShadow);
	padding: .625rem 2.625rem;
	transition: .3s;
}
.frame .frame .modalbox .btn-modal {
	width: 100%;
}
.modalbox .btn:hover {
	background-color: #6c7892;
	color: #fff;
}
.modalbox .bi-arrows-fullscreen {
    margin-right: 1rem;
    fill: var(--white);
    width: 1.125rem;
    height: 1.125rem;
}
.bi-arrows-fullscreen path {
    -webkit-filter: var(--iconDropShadow);
    filter: var(--iconDropShadow);
}
.modalbox .btn:hover > .bi-arrows-fullscreen path {
    fill: var(--primary);
	-webkit-filter: none;
    filter: none;
}
.modal-header {
    display: block;
	border-bottom: 1px solid var(--borderColor);
}
h2.modal-title { 
	font-size: 2rem !important;
}
.modalbox h1, .modalbox h2, .modalbox h3 {
    margin-bottom: 0;
    margin-top: 0;
}
.modal-content {
	background-color: var(--white);
	padding: 1rem;
	border-radius: var(--radius);	
}
.modal-body {
    padding: 2rem 1rem;
}
.modal-footer {
    justify-content: space-between;
	border-top: 1px solid var(--borderColor);
}
.modal-backdrop {
    background-color: var(--dark);
}

/* tabs */
/*==========*/
.nav-tabs {
	overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    border-bottom: 2px solid #6d767c;
}
.content ul.nav-pills li,
.content ul.nav-tabs li {
    list-style: none;
	padding-left: 0;
}
.nav-tabs .nav-link {
    font-family: inherit;
	font-weight: var(--fontWeight700);
    font-size: var(--fontSize18-20);
    color: var(--primary);
    background-color: var(--bodyBg);
	text-decoration: none;    
    cursor: pointer;
	border:none;
    border-color: transparent;
	border-radius: 0;
	border-top-left-radius: 0;
    border-top-right-radius: 0;
	padding: .5rem 2rem;
	margin: 0 .8rem;
	width: 100%;	
	background-image: linear-gradient(var(--accent, #0a1e49), var(--accent, #0a1e49));
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100% 0;	
	transition: all .2s ease-in-out;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
	color: var(--primary);
    background-color: var(--bodyBg);
	text-decoration: none;
	background-size: 100% .5rem;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus {
	background-size: 100% 8px;
	color: var(--primary);
    background-color: var(--bodyBg);
    /* border-color: #dee2e6 #dee2e6 #fff; */
}
.tab-content > .tab-pane {
    padding: 2rem;
    border: none;
	border-radius: 33px;
	margin-top: 2rem;
	background-color: var(--light);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
}


/* Accordion*/
/*==========*/
.accordion > .card {
    border-bottom: var(--borderWidth) var(--primary) !important;
}
.card {
    border: none;
    border-radius: 0;
}
.card-header {
	background-color: var(--white);
	padding: 0;
	border-bottom: none;
}
.card-body {
    background: var(--white);
	padding-top: 0;
}
h3.accordion-title,
h4.accordion-title {
	margin: 0;
}
.accordion-title a {
	font-family: inherit;
	font-size: var(--fontSize18-24);
	font-weight: var(--fontWeight700);
	color: var(--primary);
	display: inline-block;
	width: 100%;
	text-decoration: none;
	padding: 1.5rem 2.5rem 1.5rem 1.25rem;
	margin: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.accordion-title a:after {
	content: '';
	height: 1.25rem;
    width: 1.25rem;
    display: block;
    position: absolute;
    top: 1.75rem;
    right: .5rem;
    z-index: 1;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' stroke='%230a1e49'%3E%3Cline y2='20' transform='translate(10)' fill='none' stroke-width='2'/%3E%3Cline y2='20' transform='translate(20 10) rotate(90)' fill='none' stroke-width='2'/%3E%3C/svg%3E");
}
.accordion-title a[aria-expanded="true"]:after {
	content: '';
	height: 1.25rem;
    width: 1.25rem;
    display: block;
    position: absolute;
    top: 1.75rem;
    right: .5rem;
    z-index: 1;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' stroke='%230a1e49'%3E%3Cline y2='20' transform='translate(20 10) rotate(90)' fill='none' stroke-width='2'/%3E%3C/svg%3E");
}

/* flexslider styles in  flexslider.css in EXT:bsgrids */

/* youtube videos embed */
.video[data-type="external"] .video-embed {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}
.video[data-type="external"] .video-embed iframe,
.video[data-type="external"] .video-embed object,
.video[data-type="external"] .video-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video[data-type="external"] {
	max-width: 100%;
	width: 37.5rem;
	left: 0;
	right:0;
	margin:auto;
}

/* footer */
.cover .footer { 
	margin-top: 0;
}
.footer { 
	position: absolute;
	color: #fff;
    background-color: #0a1e49;
}
.footer > .row {
	padding: 1rem 0;
}

.copyright, .footermenu {
	display: inline-block;
	margin-right: 30px;
	-webkit-hyphens: none;
		-ms-hyphens: none;
			hyphens: none;
}
.copyright-sign {
	margin-right: 5px;
}
.copyright-sign:before {
	content: '\00a9';
}
.footermenu span + span:before {
    content: ' | ';
    padding: 0 5px;
}
.printlink {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: middle;
    text-align: center;
}
.icon-print {
	color: #fff;
}
.disclaimer {
    font-size: 0.75rem;
    margin-top: 1rem;
}

/* prev/next buttons all breakpoints */
/* ================================= */
.pageArrows {
	z-index: 2;
    position: relative;
}
.pageArrow {
	display: inline-block;
	position: fixed;
	top: 60%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: .2s;
}
.pageArrow.prev {
	left: 0;
}
.pageArrow.next {
	right: 0;
}
.chevron-compact-left,
.chevron-compact-right {
	fill: var(--primary);
	/* width: 1.875rem;
	height: 1.875rem; */
	padding: 0;
	border-radius: unset;
	background-color: transparent;
	border: none;
	outline: none;
	box-shadow: none;
	z-index: 11;
	pointer-events: all;
}

/* X-Large devices (custom large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	.pageArrow { top: 80%; }
	.pageArrow.prev { left: 5px; }
	.pageArrow.next { right: 5px; }
	.chevron-compact-left,
	.chevron-compact-right {
		width: 3rem;
		height: 3rem;
		padding: .9rem;
		margin: .4rem;
		fill: var(--white);
		background-color: var(--primary);
		border-radius: 50%;
	}	
	.chevron-compact-left:hover,
	.chevron-compact-right:hover {
		background-color: #e7e9ed;
		fill: var(--primary);
		box-shadow: 0 0 6px rgba(0, 0, 0, .4);
	}
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	.pageArrow { top: 85%; }
	.pageArrow.prev { left: 50px; }
	.pageArrow.next { right: 50px;	}
	.chevron-compact-left,
	.chevron-compact-right {
		width: 3rem;
		height: 3rem;
		padding: .9rem;
	}
}
/* XXX-Large devices (custom larger desktops, 1720px and up) */
@media (min-width: 1720px) {
	.pageArrow { top: 85%; }
	.pageArrow.prev { left: 250px; }
	.pageArrow.next { right: 250px;	}
	.chevron-compact-left,
	.chevron-compact-right {
		width: 3rem;
		height: 3rem;
		padding: .9rem;
	}
}

/* wcag */
/* ==== */
*:focus:not(:focus-visible) {
    outline: none
}
*:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}
.btn.focus, 
.btn:focus, 
.form-control:focus,
.page-link:focus {
    box-shadow: none !important;
}
.navbar-brand:focus-visible,
.form-control:focus-visible,
.form_kesearch_searchfield .btn:focus-visible,
.kesearchbox .btn:focus-visible,
.mag-select-link:focus-visible,
.pageArrow:focus-visible,
.top:focus-visible,
.page-link:focus-visible,
.modal-link-news:focus-visible,
.modalbox .btn:focus-visible {
	outline: 2px solid var(--primary) !important;
    outline-offset: 2px;
}
.pageArrow:focus-visible,
.top:focus-visible {
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 1);
}
.modal-link-news:focus-visible {
    outline-offset: -2px;
}
.accordion-title a:focus-visible,
.nav-tabs .nav-link:focus-visible {
	outline: 2px solid var(--primary);
    outline-offset: -4px;
}
.navigation-flyout-close:focus-visible,
.footer a:focus-visible {
	outline: 2px solid var(--white) !important;
    outline-offset: 2px;
}
.btn-shell {
	-webkit-appearance: none;
	background-color: transparent;
    border: none;
    padding: 0;
	text-align: left;
	padding-block: 0;
    padding-inline: 0;
}
.quicklinks {
    display: flex;
    width: 100%;
    justify-content: center;
	position: absolute;
	z-index: 4000;
}
.skip-link {
	background-color: #fff;
	color: #000;
	text-decoration: underline;
	position: absolute;
	padding: 1rem 2rem;
	display: block;
	border: var(--borderWidth) var(--borderColor);
}
.skip-link:hover {
	color: var(--primary);
}
.skip-link:not(:focus-visible):not(:focus):not(:active),
.visually-hidden,
table caption { 
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: auto;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap;
}
summary {
	display: inline-block;
    list-style: none;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 0 .5rem .5rem;
}
.details-content {
	font-size: smaller;
    padding: .5rem;
}

@media (min-width: 576px) {
	.form_kesearch_searchfield .form-control {
		padding: 0.625rem 50px 0.625rem 1.25rem;
		background-color: var(--light);
		min-width: 240px;
	}
	.tx-kesearch-pi1 #kesearch_results .teaser_icon img {
		float: left !important;
		display: inline;
		margin-right: 1.75rem !important;
	}
	.kesearchbox #ke_search_sword.form-control,
	.kesearchbox .btn {
		width: auto !important;
	}
	.tx-kesearch-pi1 #kesearch_results .result-list-item .add-info {
		margin-top: .5rem;
		padding: .25rem !important;
		background-color: var(--light);
		font-size: smaller;
	}
	.add-info .result-path,
	.add-info a {
		display: inline-block;
	}
}
@media (min-width: 768px) {
	.topstart .wrapper {
		padding: 1.5rem;
	}
	.navbar-brand img {
		width: 8rem;
	}
	.mag-title h2 {
		font-size: 2rem;
	}
	.topmenu .wrapper {
		padding: 0 1.5rem;
	}
	.mood > .row	{
		padding: 0 2.5rem;
	}
	.newsticker {
		justify-content: center;
	}
	#ticker {
		text-align: center;
	}
	.frame-type-header h1 {
		-webkit-hyphenate-limit-before: 4;
		-webkit-hyphenate-limit-after: 4;
		-webkit-hyphenate-limit-chars: 7 4 4;
		-webkit-hyphenate-limit-lines: 2;
		-webkit-hyphenate-limit-last: always;
		-webkit-hyphenate-limit-zone: 8%;
		-moz-hyphenate-limit-chars: 7 4 4;
		-moz-hyphenate-limit-lines: 2;
		-moz-hyphenate-limit-last: always;
		-moz-hyphenate-limit-zone: 8%;
		-ms-hyphenate-limit-chars: 7 4 4;
		-ms-hyphenate-limit-lines: 2;
		-ms-hyphenate-limit-last: always;
		-ms-hyphenate-limit-zone: 8%;
		hyphens: auto;
		hyphenate-limit-chars: 7 4 4;
		hyphenate-limit-lines: 2;
		hyphenate-limit-last: always;
		hyphenate-limit-zone: 8%;
	}
	.resource-copyright {
		position: absolute;
		top: 0;
		bottom: unset;
		right: 2.5rem;		
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		transform: rotate(180deg);
		padding: 5px 0;
	}	
	.cover .resource-copyright {
		position: absolute;
		top: 0;
		bottom: unset;
		right: 0;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		transform: rotate(180deg);
		padding: 5px 0;
	}
	.alert {
		padding: 2rem;
	}
	.combo1 {
		padding: 2rem;
		background: var(--combo1Bg);
	}
	.section {
		font-size: 1.125rem;
		padding: .5rem 1rem;
		margin-top: 5rem;
	}
	.news .news-date {
		float: left;
		width: 4.5rem;
		margin-right: 1rem;
		padding-right: 1rem;
		border-right: 1px solid #ddd;
		text-align: right;
	}
	.news .news-day {
		font-size: 1.5rem;
		margin-right: 0;
	}
	.news .news-day,
	.news .news-month-year {
		display: block;
	}
	.news .news-title h2 {
		font-size: 1.5rem;
	}
	.news .news-title,
	.news .news-teaser {
		margin-left: 4.5rem;
		padding-left: 1rem;
	}
	.content .frame-type-ce_columns2 .ce-col:not(:first-child) {
		margin: 0;
	}
	.frame-type-textmedia.frame-layout-3 {
		margin-bottom: 5rem;
	}
	.nav-tabs .nav-link {
		width: auto;
	}
	.footermenu span + span:before {
		padding: 0 10px;
	}
}

@media (min-width: 992px) {
	/* nav */
	.navbar {
		padding: 1rem 0 1rem 0;
	}
	.navbar-nav {
		margin-top: 0;
	}	
	.peripherie .navbar-collapse {
		justify-content: end;
	}
	/* .btn-home-link {
		padding-left: 0 !important;
	} */
	/* .navbar-nav > .nav-item > .nav-link {
		padding: .5rem .5rem;
		border-bottom: none;
		font-size: 0.875rem;
		position: relative;
	} */
	/* .dropdown-toggle:after {
		display: none;
	} */
	/* .navbar-nav .dropdown-menu {
		min-width: 19rem;
		padding: 1rem 0 0 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		box-shadow: var(--dropdownBoxShadow);
	} */
	/* .navbar-nav .dropdown-menu .nav-link {
		font-size: 0.875rem;
		margin-left: 0;	
	} */
	/* Make Navigation Toggle on Desktop Hover */
	/* .dropdown:hover > .dropdown-menu { 
		display: block;
	} */
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 960px;
    }
	.newsticker {
		margin-top: 0;
	}
	.darkModeSwitch {
		width: 4rem;
	}
	.darkModeSwitch svg {
		height: 1.75rem;
	}
	/* cover */	
	.covercontent {
		padding-bottom: 5rem;
	}
	.container-fluid.content {
		background-size: cover;
        background-repeat: no-repeat;
	}
	/* nav */
	/* .magselect {
		margin-left: 1.5rem;
	} */
	
	.btn-home-link {
		padding-left: 0 !important;
	}
	.navbar-nav > .nav-item > .nav-link {
		font-size: 1rem;
		border-bottom: none;
		padding: .5rem 1rem;
		position: relative;
	}	
	.dropdown-toggle:after {
		display: none;
	}
	.navbar-nav > .nav-item > .nav-link:not(.mag-select-link):before {
        content: "";
        position: absolute;
        bottom: .1rem;
        height: 4px;
        width: 0;
        background: var(--accent);
        display: inline-block;
        -webkit-transition: width .3s ease-in-out;
        transition: width .3s ease-in-out;
    }
	.navbar-nav > .nav-item > .nav-link:not(.mag-select-link):hover:before {
		width: 100%;
		/* width: calc(100% - 2 * 1rem); */
	}
	.navbar-nav .dropdown-menu {
		width: 100%;
		min-width: 23rem;
		border-top: none;
		border-radius: 0;
		border-collapse: collapse;
		padding: 1rem 1rem 1.5rem 1rem;
		margin: 0;
		margin-bottom: 1rem;
		box-shadow: var(--dropdownBoxShadow);
	}
	.navigation-flyout-closebar {
		display: flex;
		justify-content: flex-end;
		width: 90%;
		margin-top: 1rem;
	}
	.navigation-flyout-close {
		display: flex;
		width: 52px;
		height: 52px;
		border: 2px solid #fff;
		border-radius: 100px;
		background-color: transparent;
		justify-content: center;
		align-items: center;
		padding: 0;
		cursor: pointer;
	}
	.dropdown-leveltitle {
		display: block;
		font-size: 1.625rem;
		font-weight: var(--fontWeight700);
        color: var(--accent);
    }
	.navbar-nav .dropdown-menu .nav-link {
		font-size: 1.25rem;
		font-weight: var(--fontWeight700);
	}
	.navbar-nav .dropdown-menu .nav-link:focus, 
	.navbar-nav .dropdown-menu .nav-link:hover {
		color: #0a1e49;
		background-color: var(--accent);
		text-decoration: none;
	}	
	.magselect { 
		margin-left: 1rem;
		margin-right: 0 !important;
		margin-top: 0;
		margin-bottom: 0;
	}
	.mag_selector > .mag-select-link {
		text-align: center;
		background: var(--light);
		border: var(--borderWidth) var(--borderColor) !important;	
		border-radius: var(--radius);
		padding: .3rem !important;
		box-shadow: var(--boxShadow);
		min-width: 11.25rem;
	}
	.mag_selector > .mag-select-link[aria-expanded="true"]	{
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	.dropdown-menu.mag-select {
		margin-top: 0;
		padding: 0;
		min-width: 11.25rem !important;
	}
	.dropdown-menu .nav-link.mag-select-link {
		font-size: 1rem;
		padding: 1rem 0 1rem 1.5rem;
        margin-left: 0;
	}
}

@media (min-width: 1450px) {
	/* nav */
	.navbar-nav > .nav-item > .nav-link {
		font-size: 1.5rem;
		padding: .5rem 1.5rem;
	}
	.navbar-nav > .nav-item > .nav-link:not(.btn-home-link):not(.mag-select-link):hover:before {
		width: 100%;
		width: calc(100% - 2 * 1.5rem);
	}
	.magselect {
		margin-left: 1.5rem;
	}
	.mag_selector > .mag-select-link {
		font-size: 1.25rem !important;
		min-width: 12rem;
		padding: .3rem !important;
	}
	.dropdown-menu.mag-select {
		min-width: 12rem !important;
	}
}

@media (max-width: 1199.98px) {
	/* cover */
	.cover .container-fluid.content {
		background-image: none !important;
		position: relative;
	}
	.cover .page-background-image {
		margin-left: -15px;
		margin-right: -15px;
		position: relative;
	}
	.covercontent {
		margin-bottom: 2.5rem;
	}	
	.cover .content .frame-type-ce_columns2 .ce-col {
		margin: 0 !important;
	}
	/* nav */
	.navbar { 
		/* background-color: var(--primary); */
	}
}

@media (max-width: 991.98px) {
	.navbar { 
		max-height: 100vh;
		overflow-y: auto;
		overflow-x: hidden;
	}
}

@media (max-width: 767.98px) {
	body {
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}	
	.table {
		hyphens: none;
	}
	.mood .img-overlay {
		position: relative;
		flex: 1;
	}
	.mood .frame-type-header h1 {
		/* font-size: 30px;
		color: #2c2c2c;
		background: rgba(255, 255, 255, .6);
		margin-bottom: 0; */
		padding: 40px 20px 40px 20px;
	}
	.resource-copyright {		
		position: relative;
		bottom: 14px;
		right: 0;
		top: unset;
		left: unset;
		-webkit-writing-mode: unset;
		-ms-writing-mode: unset;
		writing-mode: unset;
		transform: none;
		padding: 0 5px;
		max-width: max-content;
		float: right;
		margin-bottom: -14px;
	}
}

@media screen and (prefers-reduced-motion: reduce) {  
	* {
		/* Very short durations means JavaScript that relies on events still works */
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
	}
}
@media print {
	body, html {
		height: auto;
	}
	body {
		margin: 0;
		color: #000 !important;
	} 
	.wow {
		visibility: visible !important;
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
	* {
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-o-transition: none !important;
		transition: none !important;
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		visibility: visible !important;
	}
	.rootline, .navbar, .moodnav, .mood img, .breezy, .frame-type-image, .resource-copyright, .footer, .top, svg.bi-chevron-up, .pageArrows, .newsticker, .news .news-date, a:after, .news .news-title, .news .news-teaser, .form_kesearch_searchfield, .modal.newsmodal, .nav-tabs .nav-link, .tile .thumb, .tile a.icon-after:before, .tile a.icon-after:after, .frame-layout-3 figure.video, button[data-toggle="modal"], .modal-header button, .btn-modalclose, .youtube-embed-wrapper, .form_kesearch_pi1, .accordion-title-link-state, .accordion-title a:after, .accordion-title a.collapsed:after, .accordion-title a:before, .accordion-title a.collapsed:before, .readtime, .icon-calendar, .content ul.checklist li:before {
        display: none !important;
		content: none !important;
    }
	.container,
	.content {
		width:100%;
	}
	.content {
		margin-bottom: 15px;
	}
	.content .frame {
		padding: 0 15px;
		margin: 40px 0 0 0;
	}
	.content .frame .frame {
		padding: 0;
		margin-top: 40px;
	}
	.content .frame-type-ce_columns2 .ce-col:not(:first-child) {
		margin-top: 40px;
	}
	.topstart .header-wrapper {
		padding: 0;
	}
	.topstart .col-12 {
        width: 50%;
        max-width: 50%;
        display: inline;
        flex: none;
        float: left;
	}
	.cover .container-fluid.content {
		background-image: none !important;
	}
	.cover .page-background-image {
		margin: 15px;
	}
	h1, h2, h3, h4 {
		color: #000 !important;
	}
	.header .frame-type-header h1 {
		background: #fff;
		font-size: 45px;
		margin: 15px 0 25px 15px;
	}
	.page-meta-infos {
		margin-top: 40px;
		margin-bottom: 0;
		margin-left: 15px;
	}
	.lead {
		font-weight: var(--fontWeight700);
		margin-left: 15px;
		margin-bottom: 0;
	}
	.header .section {
		margin-left: 10px;
		margin-top: 30px;
	}
	a, a:visited, a:active, a:focus {
		color: var(--dark) !important;
		text-decoration: none !important;
	}
	.content ul {
		padding: revert;
		list-style-type: revert;
	}
	.content li {
		padding-left: 0;
	}
	.print-checkbox {
		margin-top: 7px;
		margin-right: 10px;
	}
	.content ul.checklist li {
		/* display: flex	;
		align-items: flex-start; */
		padding: 0px !important;
	}
	.alert { 
		padding: 0 !important;
		color: var(--dark) !important;
		background: transparent;
		border: transparent;
	}
	.alert h3 { 
		color: var(--dark) !important;
		margin-bottom: 25px;
	}
	.combo5 a { 
		color: var(--dark) !important;
	}	
	table, .table {
        width: 100% !important;
		display: table;
    }
	table th, .table th,
	table td, .table td {
		color: #000 !important;
	}
	.tile .tilecontent {
		padding: 0;
	}
	p.show-for-print { 
		display: block;
		font-weight: 700;
		margin: 25px 0;
	}
	.tab-content > .tab-pane { 
		padding: 0; 
		border: none; 
		visibility: visible !important;
		display: block !important;
		opacity: 1 !important;
	}
	.modal { 
		padding: 0; 
		border: none; 
		visibility: visible !important;
		display: block !important;
		opacity: 1 !important;
		position: unset;
		overflow: visible;
	}
	.modal-dialog { 
		padding: 0;
		margin: 0;
		max-width: none;
	}
	.modal-content,
	.modal-header,
	.modal-footer	{
		border: none;
		padding: 0;
	}
	.modal-body {
		padding: 15px 0;
	}	
	.news .modal-body {
		padding: 15px 0 40px 0;
	}
	.frame-layout-3 .ce-center .ce-inner,
	.frame-layout-3 .ce-center .ce-outer {
		position: unset;
		float: none;
	}	
	.frame-layout-3 figure.image {
		display: table !important;
	}
	.frame-layout-1 {
		border: none;
	}
	.frame-type-ce_accordion {
		padding: 0 !important;
		background-color: #fff;
	}
	.accordion-title a {
		padding: 25px 0 !important;
	}
	.accordion > .card {
		border: none !important;
		border-bottom: 1px solid transparent !important;
	}
	.card-body {
		padding-bottom: 25px;
	}
	.collapse {
		display: block !important;
	}
}

:root {
    --bodyFont: Metropolis,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	--titleFont: Metropolis,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	--bodyBg: #fff;
	--bodyColor: #000;
    --white: #fff;
    --black: #000;
	--dark: #000; /* dark black #000000 */
	--light: #e7e9ed; /* light grey rgb(231,233,237,1) */
	--primary: #0a1e49; /* darkblue */
	--accent: #ffa091; /* salmon */
	--borderColor: #e7e9ed;
	--borderWidth: 1px solid;
	--radius: .5rem;
	--fontWeight400: 400;
	--fontWeight700: 700;
	--textDecorationThickness: 1px;
	--boxShadow: 0 0 0 rgba(0, 0, 0, 0);
	--dropdownBoxShadow: 0px 6px 5px 0px rgb(0 0 0 / 10%);
	--iconDropShadow: drop-shadow(1px 1px 1px rgba(0, 0, 0, .2));
	--newstickerGradient: linear-gradient(to right, rgba(231,233,237, 0) 0%, rgba(231,233,237, 0.5) 30%, rgba(231,233,237, 1) 40%, rgba(231,233,237, 1) 50%, rgba(231,233,237, 1) 60%, rgba(231,233,237, 0.5) 70%, rgba(231,233,237, 0) 100%);
	--combo1Bg: rgba(231,233,237,.8); /* light grey #e7e9ed transparent */
	--combo5Bg: rgba(202,232,243,.7); /* light blue transparent */
	
	/* =====  ICONS  ===== */
	--iconExternalLink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='%230a1e49' stroke='%230a1e49'%3E%3Cpath d='M0,0V17.8H17.8V16.315H1.483V0Z' stroke-width='0.5'/%3E%3Cpath d='M13.131,0V1.484h4.886L10.639,8.862,11.686,9.91l7.377-7.377V7.415h1.483V0Z' transform='translate(-2.749)' stroke-width='0.5'/%3E%3C/svg%3E");
	/* --iconExternalLinkWhite: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(255,255,255,1)' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E"); */
	--iconCalendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230a1e49' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M2 2a1 1 0 0 0-1 1v1h14V3a1 1 0 0 0-1-1zm13 3H1v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1z'/%3E%3C/svg%3E");
	--iconClock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230a1e49' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71z'/%3E%3Cpath d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0'/%3E%3C/svg%3E");
	--iconDropdownToggle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230a1e49' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
	--iconChecklist: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(112,129,139,1)' viewBox='0 0 16 16'%3E%3Cpath d='M3 14.5A1.5 1.5 0 0 1 1.5 13V3A1.5 1.5 0 0 1 3 1.5h8a.5.5 0 0 1 0 1H3a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V8a.5.5 0 0 1 1 0v5a1.5 1.5 0 0 1-1.5 1.5z'/%3E%3Cpath d='m8.354 10.354 7-7a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0'/%3E%3C/svg%3E");
	/* --iconChecklistWhite: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255,1)' viewBox='0 0 16 16'%3E%3Cpath d='M3 14.5A1.5 1.5 0 0 1 1.5 13V3A1.5 1.5 0 0 1 3 1.5h8a.5.5 0 0 1 0 1H3a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V8a.5.5 0 0 1 1 0v5a1.5 1.5 0 0 1-1.5 1.5z'/%3E%3Cpath d='m8.354 10.354 7-7a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0'/%3E%3C/svg%3E"); */
	
	/* =====  FONT SCALING  ===== */
	/* min screen 320px, max screen 1200px */
	/* h1 min 30px, max 44px */
	--h1FontSize: clamp(1.875rem, 1.5568rem + 1.5909vw, 2.75rem);
    /* h2 min 26px, max 38px */
	--h2FontSize: clamp(1.625rem, 1.3523rem + 1.3636vw, 2.375rem);
	/* h3 min 22px, max 32px */
	--h3FontSize: clamp(1.375rem, 1.1477rem + 1.1364vw, 2rem);
	--fontSize18-20: clamp(1.125rem, 1.0795rem + 0.2273vw, 1.25rem);
	--fontSize18-24: clamp(1.125rem, 0.9886rem + 0.6818vw, 1.5rem);
}

body.dark {
	--bodyBg: #262626;
	--bodyColor: #e6e6e6;
	--white: #0a1e49;
	--black: #000;
	--dark: #fff; /* white */
	--light: #576177; /* blue grey rgb(87, 97, 119) */
	--primary: #fff; /* white */
	--accent: #ffa091; /* salmon */
	--borderColor: #576177;
	--borderWidth: 1px solid;
	--radius: .5rem;
	--fontWeight400: 400;
	--fontWeight700: 700;
	--textDecorationThickness: 1px;
	--boxShadow: 0 0 0 rgba(0, 0, 0, 0);
	--dropdownBoxShadow: 0px 6px 5px 0px rgb(0 0 0 / 10%);
	--iconDropShadow: drop-shadow(1px 1px 1px rgba(0, 0, 0, .2));
	--newstickerGradient: linear-gradient(to right, rgba(231,233,237, 0) 0%, rgba(231,233,237, 0.5) 30%, rgba(231,233,237, 0.3) 40%, rgba(231,233,237, 0.3) 50%, rgba(231,233,237, 0.3) 60%, rgba(231,233,237, 0.5) 70%, rgba(231,233,237, 0) 100%);
	--combo1Bg: rgba(231,233,237,.8);
	--combo5Bg: rgba(202,232,243,.7); /* light blue transparent */
	
	--iconExternalLink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='%23ffffff' stroke='%23ffffff'%3E%3Cpath d='M0,0V17.8H17.8V16.315H1.483V0Z' stroke-width='0.5'/%3E%3Cpath d='M13.131,0V1.484h4.886L10.639,8.862,11.686,9.91l7.377-7.377V7.415h1.483V0Z' transform='translate(-2.749)' stroke-width='0.5'/%3E%3C/svg%3E");
	--iconCalendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(231,233,237,.8)' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M2 2a1 1 0 0 0-1 1v1h14V3a1 1 0 0 0-1-1zm13 3H1v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1z'/%3E%3C/svg%3E");
	--iconClock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(231,233,237,.8)' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71z'/%3E%3Cpath d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0'/%3E%3C/svg%3E");
	--iconDropdownToggle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(231,233,237,.8)' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");

	.icon-darkModeSwitch-light {
		display: none;
	}
	.icon-darkModeSwitch-dark {
		display: block;
	}
	.topmenu.fixed-nav {
		box-shadow: 0 2px 8px 0 rgb(255 255 255 / 10%);
	}
	.chevron-up:hover,
	.top:hover .chevron-up,
	.chevron-compact-left:hover,
	.chevron-compact-right:hover	{
		fill: #0a1e49;
	}
}