/* maven-pro-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/bkk-sbh-neu/maven-pro-v36-latin-regular.woff2') format('woff2');
}
/* maven-pro-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../Fonts/bkk-sbh-neu/maven-pro-v36-latin-600.woff2') format('woff2');
}

/* 
BKK SBH
#fab702 orange
#686868 bodytext
#f2f2f2 lightgrey
#222 darkgrey (footer) or background-color: rgba(34, 34, 34, 0.7);
#521c77 lila

Neu
#5c2483 lila hell
#2D175A lila dunkel
#ffb300 orange
#f8f5ed graubeige
#ececec grau (border table)
*/ 

html {
	scroll-behavior: smooth;
}
body, html {
	/* important */
	height: 100%;
}
body {
	font-family:'Maven Pro', Arial, Helvetica, sans-serif;
	font-size: 16px;
    line-height: 22px;
    font-weight: 400;
	color: #000;  
}

#maincontent, .frame {
    scroll-margin-top: 90px;
}

/* flexbox */
.alert {
    padding: 2rem;
	border-radius: 0;
}
.alert h3 {
    font-family:'Maven Pro', Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: 600;
	text-transform: uppercase;
    line-height: 40px;    
	margin-top: 0 !important;
}
.combo3 {
	background-color: #f8f5ed;
	color: #000;
	border-color: transparent;
	position: relative;
	z-index: 1;
}
.combo3:after {
	content: '';
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-color: #fbd989;
	position: absolute;
	top: 10px;
	left: 10px;
}
.combo3 h3 {
    color: #5c2483;
	position: relative;
	z-index: 1;
}
.combo5 {
	background-color: #5c2483;
	color: #fff;
	border-color:transparent;
}
.combo5 h3 {
    color: #fff;
}
.combo5 a, .combo5 a:hover, .combo5 a:focus, .combo5 a:visited { 
	color:#fff;
	text-decoration:underline;
}
.combo5 a.link-external-blank:after { 
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23fff'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z'/%3E%3C/svg%3E");
}


/* lists */
.content ol, .content ul {
    padding: 0;
}
.content ul li {
	margin-left: 18px;
}
.content ul li:not(:first-child):not(.nav-item),
.content ol li:not(:first-child) {
	margin-top: 8px;
}
.content ul.checklist {
	content: "";
	list-style: none;
	padding-left: 0;
}
.content ul.checklist li {
    position: relative;
	padding: 0 0 .625rem 1.875rem;
}
.content ul.checklist li:before {
    content: '' !important;
	position: absolute;
    left: 0;
    top: .1rem;
    margin: 0;
    padding: 0;
    border-radius: 0;
	background: transparent;
    display: block;
    width: 1.1875rem;
    height: 1.1875rem;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.8496 1.14428L34.8497 1.14442C35.7181 2.00526 35.7168 3.40207 34.8454 4.26086C34.8454 4.26091 34.8453 4.26096 34.8453 4.261L12.9432 25.86L12.943 25.8601C12.5266 26.2704 11.9629 26.5 11.3778 26.5H11.3759C11.3656 26.5 11.347 26.5 11.3261 26.4993C10.7257 26.4857 10.1552 26.2313 9.74643 25.792C9.74639 25.792 9.74634 25.7919 9.7463 25.7919L1.08873 16.4953L1.08866 16.4952C0.25551 15.6002 0.313861 14.2049 1.21847 13.3816L1.21863 13.3815C2.12032 12.5616 3.52102 12.6187 4.35128 13.5098L4.35138 13.5099L11.4458 21.1285L31.7142 1.14102L34.8496 1.14428ZM34.8496 1.14428C33.9839 0.286893 32.5812 0.284787 31.7145 1.14069L34.8496 1.14428Z' fill='%232D175A'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}
.content .combo5 ul.checklist li:before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.8496 1.14428L34.8497 1.14442C35.7181 2.00526 35.7168 3.40207 34.8454 4.26086C34.8454 4.26091 34.8453 4.26096 34.8453 4.261L12.9432 25.86L12.943 25.8601C12.5266 26.2704 11.9629 26.5 11.3778 26.5H11.3759C11.3656 26.5 11.347 26.5 11.3261 26.4993C10.7257 26.4857 10.1552 26.2313 9.74643 25.792C9.74639 25.792 9.74634 25.7919 9.7463 25.7919L1.08873 16.4953L1.08866 16.4952C0.25551 15.6002 0.313861 14.2049 1.21847 13.3816L1.21863 13.3815C2.12032 12.5616 3.52102 12.6187 4.35128 13.5098L4.35138 13.5099L11.4458 21.1285L31.7142 1.14102L34.8496 1.14428ZM34.8496 1.14428C33.9839 0.286893 32.5812 0.284787 31.7145 1.14069L34.8496 1.14428Z' fill='%23ffffff'/%3E%3C/svg%3E");
}
ol > li::marker {
  font-weight: bold;
}
.content ol>li {
    list-style: decimal;
}

/* cover */
.left-up { 
	background-color:#5c2483;
	display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: wrap;
    flex-direction: column;
}
.right-up {
	/* background-color:#fab702;
	color:#fff;	 */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.down {
	background-color:#f8f5ed;
}
.h-70 { height:80%; }
.h-30 { height:20%; }
.cover h2,
.cover h3,
.cover h4 {
	font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
	font-weight: 600;
}
.cover h1 {
	font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align: right;
	font-size:82px;
	font-weight: 600;
	position: relative;
	margin-right: 20vh;
	z-index: 1;
}
.nectar1 {
	display: inline-block;
    padding: 5px 15px 5px 15px;
    margin-bottom: 10px;
	color:#fff;
	background: linear-gradient(to right, #2D175A 50%, #5c2483 50%);
	background-size: 200% 100%;
	background-position: right;
	transition: all .9s ease-out;
}
.nectar2 {
	padding: 5px 15px 5px 15px;
	color:#2D175A;
	background: linear-gradient(to right, #ffb300 50%, #5c2483 50%);
	background-size: 200% 100%;
	background-position: right;
	transition: all .9s ease-out;
}
.cover.loaded .nectar1,
.cover.loaded .nectar2 {
	background-position: left;
}
.circle {
	display: flex;
    justify-content: center;
    align-items: center;
	height: 120px;
	width: 120px;
	border: 1px solid #5c2483;
	border-radius: 50%;
    font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
    font-size: 20px;
	font-weight: 600;
	color: #5c2483;
	background: #fff;
	padding: 10px;
    margin: 30px 10vh 0 0;
	-webkit-animation: rotateY 4s infinite linear;
	animation: rotateY 4s infinite linear;
	position: relative;
    z-index: 2;
}
@-webkit-keyframes rotateY {
	to { -webkit-transform: rotateY(360deg); }
}
@keyframes rotateY {
	to { transform: rotateY(360deg); }
}
.circle:hover {        
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.fws {
	display: flex;
	margin-top: -150px;
	box-shadow: 0 15px 30px rgba(0, 0, 0, .15);
	background-color: #fff;
	padding: 20px;
}
.covernews { 
	position: relative;
	padding: 20px;
	border-right: 1px solid #e4e4e4;
	width: 50%;
}
.icon-news { padding: 0 0 10px 0; }
.covernews h2 {
	font-size: 25px;
	color: #000;
	margin-bottom: 25px;
}
.covernews-title {
	font-size: 22px;
	color: #5c2483;
	margin: 15px 0;
}
.cover .btn {
	font-weight: 600;
    color: #fff !important;
    background-color: #5c2483;
	border-radius: 3px;
    padding: .2rem .7rem;
    margin-top: 15px;
	transition: all .7s cubic-bezier(.2,1,.22,1);
}
.cover .btn:hover {
	box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
.cover a {
	color:#000 !important;
	text-decoration: none;
}
.cover .resource-copyright {
	right: 0;
    margin: 0;
	padding: 5px 1px;
	font-size: 12px;
}
.legal {
	justify-content: flex-end;
    align-self: flex-end;
    display: flex;
    width: 50%;
}
.covermenu {
    padding: 20px;
}
.covermenu span + span:before {
    content: " | ";
    padding: 0 10px;
	color: #000;
}

@media (max-width: 991.98px) {
	.left-up { align-items: center; }
	.cover h1 { font-size:62px; }
}
@media (max-width: 767.98px) {
	.cover h1 {
		margin-right: 0;
		text-align: center;
	}
	.circle { margin: 30px 0 0 0; }
}
@media (max-width: 576px) {
	.h-70 { height:50% }
	.h-30 { height:50% }
	.cover h1 { font-size:35px; }
}

/* topstart */
.topstart {
	margin: 10px 0;
}
.topstart .container .row {
	align-items: flex-end;
}
.mag-title {
	font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
	font-weight: 600;
    font-size: 28px;
	color: #000;
	padding-bottom: .3125rem;
}

/* header */
.mood {
	position:relative;
}
.img-overlay {
    justify-content: center;
    align-items: flex-end;
    display: flex;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 50px;
}
.mood .frame-type-header h1 {
    font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: 600;
    text-align: center;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	/* background: rgba(51,51,51,.6); */
	background: rgba(92, 36, 131, .6);
    backdrop-filter: blur(3px);
    padding: 20px;
	max-width: 1100px;
}
.resource-copyright {
    position: absolute;
    top: 0;
	background-color: rgba(255, 255, 255, 0.7);
	color:rgba(0, 0, 0, 0.7);
	font-size:0.875rem;
	z-index: 2;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    line-height: 1;
    padding: 5px 0;
}
.resource-copyright p {
	margin: 0;
}
.linktotop {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: rgba(0,0,0,.25);
	outline: none;
	z-index: 11;
	pointer-events: all;
}
.top {
	display: flex;
	justify-content: center;
	align-items: center;	
    width: 100%;
    height: 100%;
}
.top svg {
    width: 17px;
    height: 17px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.linktotop:hover {
     background-color: #5c2483;
}

/* Search topmenu*/
#dropdown-search.hidden,
#search-mobile {
	display: none;
}
.search-icon-wrapper {
    cursor: pointer;
    padding: 1rem 0 1rem 1rem;
}
.search-icon-wrapper svg.bi-search {
	width: 25px;
	height: 25px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.search-icon-wrapper svg.bi-search path {
	fill: #5c2483;
}
.search-icon-wrapper:hover svg.bi-search path {
	fill: #000;
}
#dropdown-search {
	position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    min-width: 30rem;
	width: 100%;
    background-color: #fff;
    padding: 1.5rem 2rem 2.5rem 2rem;
    border-collapse: collapse;
	box-shadow: rgba(0, 0, 0, .04) 0 1px 0, rgba(0, 0, 0, .05) 0 2px 7px, rgba(0, 0, 0, .06) 0 12px 22px;
}
.form_kesearch_searchfield {
	justify-content: space-between;
    gap: 25px;
}
.form_kesearch_searchfield .btn,
.form_kesearch_searchfield .form-control {
	font-size: 1rem;
    border-radius: 0;
	height: auto;
	background-color: #fff;
	border: none;
	border-bottom: 1px solid #2D175A;
	color: #000;
}
#search-mobile .btn,
#search-mobile .form-control {
	border: 2px solid #5c2483;
}
#dropdown-search .close-button {
	display: flex;
    justify-content: flex-end;
	margin-bottom: 1rem;
}
.icon-close {
	position: relative;
	display: flex;
}
.icon-close:before {
	position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 46px;
    height: 46px;
    margin: -23px 0 0 -23px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .05);
    content: '';
    transform: scale(1);
    transition: all .45s cubic-bezier(.15,.2,.1,1);
}
.icon-close:hover:before {
	transform: scale(1.2);
}
.icon-close svg {
	width: 1rem; height: 1rem;
}

/* meta */
.meta {
	font-size: larger;
	padding-top: 50px;
	padding-right: 30px;
	padding-left: 30px;
	position: relative;
    z-index: 3;
}
.page-meta-infos {
	display: flex;
	flex-direction: row;
}
.meta svg {
	width: 22px;
	height: 22px;
	vertical-align: -2px;
	margin-right: 5px;
}
.readtime {
	margin-left: 100px;
}

/* navbar */
.bg-light {
    background-color: #fff!important;
}
.logo_img {
    width: auto;
	height: 45px;
}
.navbar-brand {
    padding: 0;
    margin: 0;
	margin-right: 35px;
}
.navbar-toggler {
    border-radius: 0;
	padding: 0;
    margin: -10px -10px -16px -10px;
	border-color: transparent !important;
}
.toggler-icon {
	width: 50px;
	height: 50px;
}
.toggler-icon,
.up,
.middle,
.down {
  transition: all 0.3s ease-in-out;
}
.navbar-toggler:not(.collapsed) .toggler-icon {
  .up {
    transform: rotate(45deg);
    transform-origin: center top;
    x: 37.5px;
    y: 26.25px;
  }
  .middle {
    opacity: 0;
    x: 0;
  }
  .down {
    transform: rotate(-45deg);
    transform-origin: center top;
    x: -15px;
    y: 18.75px;
  }
}

.topmenu.fixed-nav {
    z-index: 10;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
	box-shadow: 0 1px 3px rgb(0 0 0 / 8%);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
.navbar {
    padding: 0;
	/* min-height: 60px; */
}
.navbar-light .navbar-nav .nav-item {
	/* margin-right: 15px; */
}
.navbar-light .navbar-nav .nav-link {
    background-color: transparent;
	color: #000;
    font-family:'Maven Pro', Arial, Helvetica, sans-serif;
    font-size: 16px;
	font-weight: 600;
	text-decoration: none;
    padding: 9px; 
    transition: all .3s ease;
}
.navbar-light .navbar-nav .nav-link:hover {
	color: #000;
}
.dropdown-toggle::after {
  display: none;
}
.dropdown-ul {
	list-style-type: none;
	list-style: none;
	margin: 0;
	padding: 0;
}
.dropdown-ul li {
	margin: 0;
}
.navbar-light .navbar-nav .dropdown-menu .nav-item {
	width: 100%;
    display: inline-block;
	padding: 0;
	margin: 0;
}
.navbar-light .navbar-nav .dropdown-menu .nav-link {
	font-size: 16px;	
	font-weight: 400;
	padding: .8rem;
	width: 100%;
	color: #000;
}
/* active */
.navbar-light .navbar-nav .active>.nav-link {
    color: #000;
}
.menu-title-text1,
.menu-title-text2 { position: relative; }
.navbar-light .navbar-nav .active .menu-title-text1:after {
	content: "";
	bottom: -3px;
	left: 0;
	height: 2px;
	width: 0;
	background: #000;
	display: inline-block;
	position: absolute;
	width: 100%;
}
.navbar-light .navbar-nav .dropdown-menu .active .menu-title-text2:after {
	content: "";
	bottom: -3px;
	left: 0;
	height: 1px;
	width: 0;
	background: #000;
	display: inline-block;
	position: absolute;
	width: 100%;
}
.navigation-flyout-close {
	display: none;
}
	
@media (min-width: 992px) { 	
	.navbar-light .navbar-nav .nav-item {
		margin-right: 15px;
		margin-top: 28px;
		padding-bottom: 28px;
	}
	.menu-title-text1:after,
	.menu-title-text2:after { 
		content: "";
        bottom: -3px;
        left: 0;
        height: 2px;
        width: 0;
        background: #000;
        display: inline-block;
        position: absolute;
        -webkit-transition: width .3s;
        transition: width .3s;
	}
	.menu-title-text2:after { height: 1px; }
	.navbar-light .navbar-nav .nav-item:hover .menu-title-text1:after,
	.navbar-light .navbar-nav .dropdown-menu .nav-item:hover .menu-title-text2:after {
		width: 100%;
	}

	.dropdown {
		position: initial;
	}
	.dropdown .dropdown-menu {
		display: block;
		margin: 0;
		border: none;
		border-radius: 7px;
		padding: 0;
		min-width: 30rem;
		width: 100%;
		background: #fff;
		box-shadow: rgba(0, 0, 0, .04) 0 1px 0, rgba(0, 0, 0, .05) 0 2px 7px, rgba(0, 0, 0, .06) 0 12px 22px;
		opacity: 0;
		visibility: hidden;
		/* -webkit-transition: opacity 300ms ease-in, top 400ms ease-in, visibility 0s 0.5s;
		transition: opacity 300ms ease-in, top 400ms ease-in, visibility 0s 0.5s; */
		transform: translateY(2rem);
		transition: transform 0.5s;
	}
	.dropdown:hover > .dropdown-menu,
	.dropdown-menu.show {
		display: block;
		opacity: 1;
		visibility: visible;
		transform: translateY(-2px);
		transition: opacity 0.5s, transform 0.5s;
	}	
	.dropdown-table { display: table; }
	.dropdown-leveltitle { 
		display: table-cell;
		vertical-align: middle;
		padding: 2rem;
		background-color: #5c2483;
		color: #fff;
		font-weight: 600;
		border-top-left-radius: 7px;
        border-bottom-left-radius: 7px;
	}
	.dropdown-ul { 
		display: table-cell;
		padding: 2rem;
	}
	.form-inline .input-group {
        width: 90%;
    }
}
@media (max-width: 991.98px) {
	.navbar {
		padding: 1rem 0;
		align-items: flex-end;
	}
	.navbar-collapse {
		margin-top: 20px;
		background-color: #2D175A;
		margin-left: -15px;
		margin-right: -15px !important;
		padding: 10px 15px;
	}
	.navbar-light .navbar-nav .nav-link {
		color: #fff;
		padding: 1rem 0;
	}
	.navbar-light .navbar-nav .active>.nav-link,
	.navbar-light .navbar-nav .nav-link.active,
	.navbar-light .navbar-nav .nav-link.show,
	.navbar-light .navbar-nav .show>.nav-link {
		color: #fff;
	}	
	.navbar-light .navbar-nav .nav-link:hover {
		color: #fff;
	}
	.navbar-light .navbar-nav .active .menu-title-text1:after {
		background: #fff;
	}
	.navbar-light .navbar-nav .dropdown-menu {
		min-width: 10rem;
		background-color: #2D175A;
		border: none;
		border-radius: 0;
		margin: 0;
		padding: 0;
	}
	.dropdown-leveltitle {
		display: none;
	}
	.navbar-light .navbar-nav .nav-item {
		margin-right: 0;
	}
	.navbar-light .navbar-nav .dropdown-menu .nav-link {
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		color: #fff;
	}
	.navbar-light .navbar-nav .dropdown-menu .active .menu-title-text2:after {
		background: #fff;
	}
	.searchArea, .search-icon-wrapper { display: none; }
	#search-mobile {
		display: inline-block;
		margin: 15px 0;
	}
}
@media (max-width : 767.98px) {	
	.topmenu {
		position: relative;
		z-index: 10;
	}
	.logo_img {
		width: auto;
		height: 24px;
	}
}
@media (max-width: 575.98px) {
    .navbar-nav {
        max-height: 400px;
        overflow-y: auto;
    }
}

/* miscellaneous */
.zeromargin {
	margin-right: 0px;
	margin-left: 0px;
}
.balancemargin {
	margin-right: 15px;
	margin-left: 15px;
}
object {
	max-width: 100%;
	border:none !important;
}
.infoalerts { 
	margin: 15px;
}
.mood img,
.ce-image img, 
.ce-textpic img, 
embed, 
video {
	max-width: 100%;
	height: auto;
	width: auto;
	border:none !important;
}
.show-for-print { display: none;}

/* links */
a, a:hover, a:focus, a:visited { 
	color:#000; 
	text-decoration:underline; 
}
a:hover, a:focus { 
	color:#000; 
	text-decoration:underline; 
}

a.link-external-blank:after {
	content: "";
    width: 12px;
    height: 12px;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 2px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23888'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
a img { 
	border: none !important; 
}
a img:focus,
a img:hover { 
	border: none !important; 
}


/* titles */
.frame-type-header h2,
.frame-type-header h3 {
	padding-bottom: 0;
}
h1 {
	font-family:'Maven Pro', Arial, Helvetica, sans-serif;
	font-size: 64px;
	font-weight: 600;
	color:#5c2483;
}
h2 {
	font-family:'Maven Pro', Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: 600;
    text-transform: none;
	color:#5c2483;
	position: relative;
	padding-bottom: 1.25rem;
}
h2.h2-layout2 {
	color:#5c2483;
}
h3, .h3 {
	font-family:'Maven Pro', Arial, Helvetica, sans-serif;
	font-size: 1.75rem;
	font-weight: 600;
	color:#000;
}

/* 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; position: relative; }
.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: 1px solid #333;
	padding: 0px;
}
.ce-border video {
    border: 10px solid #5c2483 !important;
    border-radius: 0.25em;
}

.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; } */
@media (min-width: 992px) {
 .ce-left .ce-gallery, .ce-column { float: left; }
 .ce-right .ce-gallery { float: right; }
 .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; }

/* Headline */
.ce-headline-left { text-align: left; }
.ce-headline-center { text-align: center; }
.ce-headline-right { text-align: right; }

.frame-type-header { margin: 0; }

/* Uploads */
.ce-uploads { margin: 0; padding: 0; }
.ce-uploads li { list-style: none outside none; margin: 1em 0; }
.ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
.ce-uploads span { display: block; }

/* Table */
.ce-table { width: 100%; max-width: 100%; }
.ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
.ce-table thead th { border-bottom: 2px solid #dadada; }
.ce-table th, .ce-table td { border-top: 1px solid #dadada; }
.ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
.ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

/* Space */
.frame-space-before-extra-small { padding-top: 1em !important; }
.frame-space-before-small { padding-top: 2em !important; }
.frame-space-before-medium { padding-top: 3em !important; }
.frame-space-before-large { padding-top: 4em !important; }
.frame-space-before-extra-large { padding-top: 5em !important; }
.frame-space-after-extra-small { padding-bottom: 1em !important; }
.frame-space-after-small { padding-bottom: 2em !important; }
.frame-space-after-medium { padding-bottom: 3em !important; }
.frame-space-after-large { padding-bottom: 4em !important; }
.frame-space-after-extra-large { padding-bottom: 5em !important; }

/* Frame */
.frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
.frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
.frame-indent { margin-left: 15%; margin-right: 15%; }
.frame-indent-left { margin-left: 33%; }
.frame-indent-right { margin-right: 33%; }

/* custom spacing */
.content h2, .content h3 {
	margin-bottom: 25px;	
	margin-top:50px;
}
.content .frame-type-gridelements_pi1 .col-md-6 h1,
.content .frame-type-gridelements_pi1 .col-md-6 h2,
.content .frame-type-gridelements_pi1 .col-md-6 h3 {
	margin-top: 0;
}
.content p {
    margin-bottom: 25px;
}
.content p:last-child {
    margin-bottom: 0;
}
.content .frame {
    padding: 0 15px;
	margin: 50px 0 0 0;
}
.content .frame .frame:first-child,
.content .frame .accordion .frame,
.content .frame .modalbox .frame,
.content .frame .tabs .frame,
.content .frame .flexslider .frame {
    padding: 0;
	margin: 0;
}
.content .frame .frame {
	padding: 0;
	margin: 50px 0 0 0;
}
.frame-type-textmedia.frame-layout-3 {
	margin-bottom: 75px;
}
.frame-type-textmedia.frame-layout-3 .ce-gallery {
	margin-bottom: 0;
}

/* RTE */
blockquote {
  background: transparent;
  quotes: "\201C""\201D""\2018""\2019";
  margin: 0;
}
blockquote:before {
  color: #2D175A;
  content: open-quote;
  font-size: 6rem;
  line-height: 0.1rem;
  margin-right: 0.25rem;
  vertical-align: -2.5rem;
}
blockquote:after {
	color: #2D175A;
    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: #2D175A;
}
.combo5 blockquote:before,
.combo5 blockquote:after {
  color: #fff;
}
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-family: 'Maven Pro', Arial, Helvetica, sans-serif !important; font-weight: 600; }
span.small, div.small, p.small, small { font-size:15px; }
span.important { color: #AD235E; }
.text-column-2 {column-count: 2;}
.text-column-3 {column-count: 3;}
.text-column-4 {column-count: 4;}
.lead {
	font-family:'Maven Pro', Arial, Helvetica, sans-serif;
	margin-bottom: 3rem;
	font-size: 1rem;
    font-weight: 600;
}
p.initialize::first-letter {
    font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
    font-size: 53px;
	font-weight: 400;
    color: #686868;
    float: left;
    padding: .4rem .7rem 0 0;
	line-height: .7;
}

/* RTE BS tables */
table, caption { font-size: inherit; font-weight: inherit; font-style: inherit; font-variant: inherit; }
table caption { caption-side: top; font-weight: 700; color: inherit; }
.table thead th {
    font-family:'Maven Pro', Arial, Helvetica, sans-serif;
	font-weight: 600;
}
table.thead-dark th {
    color: #fff;
    background-color: #2D175A;
    border-color: #2D175A;
}
table.thead-light th {
    color: #000;
    background-color: #f8f5ed;
    border-color: #f8f5ed;
}
.table-light, .table-light>td, .table-light>th {
    background-color: #f8f5ed;
}
.table-dark {
    color: #fff;
    background-color: #2D175A;
}
.table-dark h3 {
    color: #fff;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f8f5ed;
}
.table-hover tbody tr:hover {
    color: #000;
    background-color: #f8f5ed;
}
.table-nonfluid {
   width: auto !important;
}
table p { margin: 0; }


/* ke_search page */
.tx-kesearch-pi1 {
    font-family: 'Maven Pro', Arial, Helvetica, sans-serif !important;
	font-weight: 400;
	color: #676767;
}
.tx-kesearch-pi1 h2 {
   color: #000;
   margin: 0;
   padding: 0;
}
#kesearch_num_results {
    color: #000 !important;
	float: none !important;
}
#kesearch_results {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	justify-content: space-between;
}
#kesearch_results .result-list-item {
	width: 45%;
	max-width: 500px;
	border-radius: 5px;
    padding: 0;
    border: 1px solid #e7e7e7;
    transition: all .7s cubic-bezier(.2,1,.22,1);
}
#kesearch_results .result-list-item:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
#kesearch_results .teaser_icon img {
	width: 100%;
	height: auto;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	float: none !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
}
#kesearch_results .result-title {
	display: block;
	padding: 15px;
}
#kesearch_results .result-title a {
	font-weight: 600;
	color: #5c2483;
	text-decoration: none;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
#kesearch_results .result-title a { position: relative; }
#kesearch_results .result-title a:after { 
	content: "";
	bottom: -3px;
	left: 0;
	height: 1px;
	width: 0;
	background: #5c2483;
	display: inline-block;
	position: absolute;
	-webkit-transition: width .3s;
	transition: width .3s;
}
#kesearch_results .result-title a:hover:after { width: 100%; }	
#kesearch_results .result-teaser {
	padding: 15px;
}
.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {
    color: #5c2483 !important;
	font-family: 'Maven Pro', Arial, Helvetica, sans-serif !important;
	font-weight: 600;
}
#kesearch_results .result-list-item .result-teaser {
    color: #000 !important;
	display: inline-block;
}
/* Pagebrowser */
.kesearch_pagebrowser ul {
    display: inline;
    margin: 0;
    padding: 0;
}
.kesearch_pagebrowser ul li {
    list-style-type: none;
    display: inline;
    margin: 0;
}
#kesearch_pagebrowser_bottom {
    text-align: center;
    word-wrap: break-word;
    color:#676767;
}
#kesearch_pagebrowser_bottom .pages_total{
    padding: 8px 0;
    background:#fff;
    margin-bottom: 15px;
}
#kesearch_pagebrowser_bottom .pages_total { border-top: 1px solid #ececec; }
#kesearch_pagebrowser_bottom div.result_txt { margin: 0 0 5px 0; }
#kesearch_pagebrowser_bottom .kesearch_pagebrowser { margin: 0 auto 0; }

#kesearch_pagebrowser_bottom a { padding: 3px; cursor:pointer; text-decoration:none; }
#kesearch_pagebrowser_bottom  a.current { font-weight: 600; }
#kesearch_pagebrowser_bottom .browser { border:1px solid; }

/* (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: 15px;
}
.frame-layout-1 {
    background-color: #f8f9fa;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding:0 25px;
}
.frame-layout-2 {
  padding: 25px 25px 25px 0;
  display:inline-block;
  width: 33%;
  min-width: 349px;
  vertical-align: top;
}
.frame-layout-3 figure.video {	
    display: block;
}
.frame-layout-3 figure.image {	
    display: none;
}

/* tilefrompage */
/*==============*/
.tiles  {
	display: table;
}
.tile  {
	margin-bottom: 15px;
	display: table-row;
}
.tile .thumb  {
    display: table-cell;
	vertical-align: top;
	padding: 0 15px 15px 0;
}
.tile .content  {
    display: table-cell;
	vertical-align: top;
}
.tile .abstract {
    font-family: 'LucidaSansEF';
    color: #333;
    font-size: 16px;
    line-height: 1.8;
}
.tile .linktext {
    background-color: transparent;
	color: #AD235E;
    font-family:'Maven Pro', Arial, Helvetica, sans-serif;
	font-weight: 400;
    font-size: 20px;
	font-weight: 300;
    text-transform: uppercase;
}
.tile svg.bi-caret-right-square-fill {
    vertical-align: baseline;
    margin-left: 10px;
}

/* forms */
/*=======*/
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #AD235E;
    border-color: #b50046;
}
a.btn-primary {
    color: #fff;
    background-color: #AD235E;
    border-color: #b50046;
	border-radius: unset;
	padding: .175rem .75rem;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    color: #fff;
    background-color: #7D9C9F;
    border-color: #b50046;
}

/* footer */
.footer { 
	position: absolute;
	margin-top: 40px;
	color: #fff;
    background-color: #2D175A;
	border-top: #2D175A;
}

.footer > .row { padding:15px 0;}
.footer a {
	color: #fff;
}
.footer a:hover {
	text-decoration:underline;
}
.copyright, .footermenu {
	display: inline-block;
	margin-right:30px;
}
.copyright-sign {
	margin-right:5px;
}
.copyright-sign:before {
	content: "\00a9";
}
.footermenu span + span:before{
    content: " | ";
    padding: 0 10px;
}
.printlink {
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	text-align: center;
}
.bi.bi-printer {
	color:#fff;
}

/* modalbox */
/*==========*/
.modal-header {
    display: block;
}
.modalbox .btn {
	font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
	padding: 10px 20px;
	border: 1px solid #5c2483;
	border-radius: 0;
	/* min-width: 500px; */
	color: #fff;
	background: linear-gradient(to right, #5c2483 50%, #ffb300 50%);
	background-size: 200% 100%;
	background-position: right;
	transition: all .35s ease-out;
}
.frame .frame .modalbox .btn {
    width: 100%;
}
.modalbox .btn:hover {
	background-position: left;
	border: 1px solid #ffb300;
	color: #fff;
}
.modalbox .bi-arrows-fullscreen {
	margin: -3px 16px 0 0;
    fill: #fff;
	width: 18px;
    height: 18px;
}
.modal-content { 
	padding: 15px;
	border-radius: unset;	
}
h2.modal-title { 
	font-size: 2rem !important;
	padding: 0 !important;
	margin: 0;
}
.modal-header .close {
    padding: 1rem 1rem;
    margin: -2rem -2rem -2rem auto;
	font-size: 2rem;
}
.col-md-6 .modalbox > button { width: 100%; }

/* tabs */
/*==========*/
.content ul.nav-pills li,
.content ul.nav-tabs li {
    list-style: none;
}
.nav-tabs .nav-link {
    font-family:'Maven Pro', Arial, Helvetica, sans-serif;
	/* font-size: 20px; */
	font-weight: 600;
    color: #000;
    background-color: #ececec;
    border: 1px solid #ccc;
    border-bottom-color: transparent;
    cursor: pointer;
    line-height: 20px;
	border-top-left-radius: 0;
    border-top-right-radius: 0;
	text-decoration: none !important;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus {
    color: #000;
    background-color: #fff;
    border-color: #ccc #ccc #fff !important;
}
.nav-tabs .nav-link:hover {
    color: #fff;
    background-color: #5c2483;
    border-color: #ccc #ccc #ccc !important;
}
.tab-content>.tab-pane {
    padding: 20px;
    border: 1px solid #ccc;
    border-top-width: 0;
}
.nav-tabs {
    border-bottom: 1px solid #ccc;
}

/* Accordion*/
/*==========*/
.accordion .panel {
	position:relative;
    border-radius: 0;
    border: none;
	border-bottom: 2px solid #ececec;
}
.accordion .panel-title {
	margin: 0;
}
a.accordion-toggle {
	font-family:'Maven Pro', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 600;
	display: block;
	padding: 30px 50px 30px 0;
    line-height: 26px;
	text-decoration: none;
	border-bottom: none;
}
/* aktiv */
a.accordion-toggle {		
	background-color: #fff;
	color: #000;
}
a.accordion-toggle .e-icon-toggle:after {
	display: inline-block;
	width: 30px;
	height: 30px;
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle fill='%23ccc' cx='12' cy='12' r='10'/%3E%3Ccircle fill='%23ffffff' cx='12' cy='12' r='8'/%3E%3Cpolygon fill='%23ccc' points='13,13 17,13 17,11 13,11 11,11 7,11 7,13 11,13'/%3E%3C/svg%3E");
	position: absolute;
	right: 0;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
	padding: 0 0 1rem 0;	
}
/* nicht aktiv */
a.accordion-toggle.collapsed {		
	background-color: #fff;
	transition: color .3s;
}
a.accordion-toggle.collapsed .e-icon-toggle:after {	
	display: inline-block;
	width: 30px;
	height: 30px;
	content: '';
	background: #ccc;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E%3Cpath class='e-icon-color' d='M13,7h-2v4H7v2h4v4h2v-4h4v-2h-4V7z M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10s10-4.5,10-10S17.5,2,12,2z M12,20 c-4.4,0-8-3.6-8-8s3.6-8,8-8s8,3.6,8,8S16.4,20,12,20z'/%3E%3C/svg%3E");
}
a.accordion-toggle:hover {
	color: #5c2483;
}
a.accordion-toggle.collapsed:hover .e-icon-toggle:after {
	background: #5c2483;
}

/* 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: 600px;
	left: 0;
	right:0;
	margin:auto;
}

@media (max-width: 991.98px) {
	/* body {
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	} */
}

@media (max-width: 767.98px) {
	body {
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	.fws {
		display: block;
		margin-top: 0;
	}
	.covernews	{
		border-right: none;
		width: 100%;
	}
	.legal {
		display: block;
		width: 100%;
	}
	.mag-title {
		font-size: 20px;
		padding-bottom: 0;
	}
	.img-overlay {
		margin: 50px 30px 0 30px;
		position: relative;
		flex: 1;
	}
	.mood .frame-type-header h1 {
		font-size: 22px;		
		color: #000;
		background: transparent;
		max-width: unset;
		padding: 0 20px;
	}
	.resource-copyright {		
		position: absolute;
		bottom: 0;
		right: 0;
		top: unset;
		-webkit-writing-mode: unset;
		-ms-writing-mode: unset;
		writing-mode: unset;
		transform: none;
		padding: 0 5px;
		font-size: x-small;
	}
	.mood .resource-copyright {
		bottom: unset;		
	}
	.page-meta-infos {
		flex-direction: column;
	}
	.readtime {
		margin-left: 0;
	}
	h2 {
		font-size: 28px !important;
	}
	h3 {
		font-size: 24px !important;
	}
	.pt-4, .py-4 { padding-top: .5rem !important; }
	svg.bi-chevron-up { /* scrollbutton to top */
		left: 50%;
	}
	.tile .abstract,
	.tile .more-link { display:none; }
	.tile .thumb { padding: 15px 0; }
	.tile .content { padding: 0 0 0 15px; vertical-align: middle; }
	.footer { padding-bottom: 20px; }
	.footermenu span + span:before{
		content: " | ";
		padding: 0 2px;
	}
	.footermenu {
		margin-bottom:10px;
	}
	#kesearch_results {
		display: block;
	}
	#kesearch_results .result-list-item {
		width: 100%;
	}
	.tx-kesearch-pi1 #kesearch_results .teaser_icon img {
		float: none !important;
		display: block;
		margin-bottom: .5rem;
	}
	h2.modal-title {
		font-size: 1.5rem !important;
	}
	.content .frame-type-gridelements_pi1 .col-12:not(:first-child),
	.content .frame-type-gridelements_pi1 .col-xs-12:not(:first-child),
	.content .frame-type-gridelements_pi1 .col-md-6:not(:first-child) {
		margin: 50px 0 0 0;
	}
	.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus {
		color: #fff;
		background-color: #5c2483;
	}
}

/* prev/next buttons all breakpoints */
/* ================= */
.pageArrows {
	z-index: 2;
    position: relative;
}
.pageArrow {
	display: inline-block;
	position: fixed;
	top: 50%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: .2s;
}
.pageArrow.prev {
	left: 0;
}
.pageArrow.next {
	right: 0;
}
.bi-chevron-left,
.bi-chevron-right {
	width: 30px;
	height: 30px;
	padding: 0;
	background-color: transparent;
	border: none;
	outline: none;
	z-index: 11;
	pointer-events: all;
}

/* X-Large devices (custom large desktops, 1024px and up) */
@media (min-width: 1024px) { 
	.pageArrow { top: 80%; }
	.pageArrow.prev { left: 5px; }
	.pageArrow.next { right: 5px; }
	.bi-chevron-left,
	.bi-chevron-right {
		width: 50px;
		height: 50px;
		padding: .65rem;
		background-color: rgba(255,255,255,.4);
		border: 2px solid #ccc;
		border-radius: 50%;
	}	
	.pageArrow.prev:hover .bi-chevron-left,
	.pageArrow.next:hover .bi-chevron-right {
		background-color: #ffb300;
		border: 2px solid #5c2483;
		fill: #5c2483;
	}
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	.pageArrow { top: 85%; }
	.pageArrow.prev { left: 50px; }
	.pageArrow.next { right: 50px;	}
}
/* XXX-Large devices (custom larger desktops, 1720px and up) */
@media (min-width: 1720px) {
	.pageArrow { top: 85%; }
	.pageArrow.prev { left: 250px; }
	.pageArrow.next { right: 250px;	}
}

/* wcag */
/* ==== */
*:focus:not(:focus-visible) {
    outline: none;
}
*:focus-visible {
    outline: 2px solid #2D175A;
    outline-offset: 2px;
}
.btn.focus, 
.btn:focus, 
.form-control:focus,
.page-link:focus {
    box-shadow: none !important;
}
.cover .btn:focus-visible,
.navbar-brand:focus-visible,
.form_kesearch_searchfield .btn:focus-visible,
.kesearchbox .btn:focus-visible,
.pageArrow:focus-visible,
.top:focus-visible,
.page-link:focus-visible,
.modalbox .btn:focus-visible {
	outline: 2px solid #2D175A !important;
    outline-offset: 2px;
}
.flipper a:focus-visible .circle {        
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
	border-radius: 50%;
	outline: 2px solid #2D175A;
	outline-offset: 2px;
	border-radius: 50%;
}
.pageArrow:focus-visible,
.top:focus-visible {
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 1);
	border-radius: 50%;
}
.form_kesearch_searchfield .form-control:focus-visible {
    outline: 0;
    outline-offset: 0;
	border: 1px solid #2D175A !important;
}
.accordion .panel-title a:focus-visible,
.nav-tabs .nav-link:focus-visible {
	background-color: #f8f5ed !important;
	text-decoration: underline !important;
	outline: none;
	border: 1px solid #2D175A;
	padding-left: 10px;
}
.combo5 a:focus-visible,
.footer a:focus-visible {
	outline: 2px solid #fff !important;
    outline-offset: 2px;
}
video:focus-visible {
	outline: 0;
    outline-offset: unset;
	border: 2px solid #2D175A !important;
}
.btn-shell {
	-webkit-appearance: none;
	background-color: transparent;
    border: none;
    padding: 0;
	text-align: left;
	padding-block: 0;
    padding-inline: 0;
	min-width: 24px;
    min-height: 24px;
	width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.quicklinks {
    display: flex;
    width: 100%;
    justify-content: center;
	position: absolute;
	z-index: 4000;
}
.skip-link {
	background-color: #fff;
	color: #5c2483;
	text-decoration: underline !important;
	position: absolute;
	padding: 1rem 2rem;
	display: block;
	border: 1px solid #2D175A;
}
.skip-link:not(:focus-visible):not(:focus):not(:active),
.visually-hidden { 
	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 print {
 
	.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;
	}

	.navbar, .mood img, .resource-copyright, .footer, .top, svg.bi-chevron-up, .pageArrows, .readtime, .icon-calendar  {
        display: none;
    }
	.topstart .logoHide { display: inline-block; float: left; }
	.topmenu {
		border-bottom: none;
	}
	.img-overlay {
		display: block;
		position:relative;
		text-align: center;
		width: 100%;
		margin-top:	15px;
	}
	.mood { margin-top: 0 !important; }
	.mood .frame-type-header h1 {
		font-size: 40px;
		background: #fff;
		-webkit-backdrop-filter: unset;
		backdrop-filter: unset;
		color: #000;
	}
	h2, h3, .alert h3, .combo5 h3, .mag-title { color: #000; }
	.container, .content { width:100%; }
	.content .frame {
		margin: 40px 0 0 0;
	}
	.content .col > div:first-of-type {
		margin-top: 15px;
	}
	.content .col > div:first-of-type h2 {
		margin-top: 15px;
	}
	.content .frame-type-gridelements_pi1 .col-xs-12.col-md-6:first-child { /* first nested contentelement in 2-column container */
		margin-bottom: 25px;
	}
	.alert { 
		color: #000 !important;
		background: transparent;
		border: 1px solid #ececec !important;
		padding: 1rem;
		page-break-inside:avoid;
	}
	.combo3:after { display: none; }
	ul.nav-tabs,
	ul.nav-pills { display: none; }
	p.show-for-print { 
		display: block;
		font-family:'Maven Pro', Arial, Helvetica, sans-serif;
		font-weight: 600;
		padding-top: 25px;
	}
	.tab-content>.tab-pane { 
		padding: 0; 
		border: none; 
		visibility: visible !important;
		display: block !important;
		opacity: 1 !important;
	}
	button[data-toggle="modal"] { display: none; }
	.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	{
		border: none;
		padding: 0;
	}
	.modal-header button { display: none; }
	.modal-body { padding: 1rem 0; }
	.frame-layout-3 figure.video {	
		display: none !important;
	}
	.frame-layout-3 figure.image {	
		display: table !important;
	}
	.collapse { display: block !important; }
	.accordion .panel:not(:first-of-type) .panel-title a { padding-top: 30px; }
	.accordion .panel-title a { padding: 7px 0; margin-left: 0; }
	a.accordion-toggle.collapsed,
	a.accordion-toggle	{ color: #000 !important; background-color: #fff; }
	a.accordion-toggle .e-icon-toggle:after { display: none !important; }
	.accordion .panel { border: none; border-top: none !important }
	.panel-default>.panel-heading+.panel-collapse>.panel-body { border: none; padding: 0; }
	table { page-break-inside:auto }
    tr    { page-break-inside:avoid; page-break-after:auto }
    thead { display:table-header-group }
	table, .table { color: #000; }
	.table-dark,
	.table-dark h3,
	.table-dark.table-hover tbody tr:hover,
	table.thead-dark th {
		color: #000;
		background-color: #fff;
	}
	.table-responsive-lg {  display: table;  }
	a.link-external-blank { margin-right: unset; margin-left: unset; }
	a.link-external-blank:after { display:none; }
	a {
        text-decoration: underline;
        color: #000 !important;
    }
	.frame-type-image.frame-layout-0  { display: none; } /* decorative images */
	.content ul {
		padding-left: revert;
		list-style-type: revert;
	}
	.content li {
		margin: revert !important;
		position: revert;
	}
	.content li:before {
		display: none !important;
	}
	.print-checkbox {
		margin-top: 7px;
		margin-right: 10px;
	}
	.content ul.checklist li {
		display: flex	;
		align-items: flex-start;
		padding: 0px !important;
	}	
	blockquote {
        border: none;
    }
	blockquote:before,
	blockquote:after,
	.combo5 blockquote:before,
	.combo5 blockquote:after	{
		color: #ececec;
    }
	.frame-type-image.frame-layout-0  { display: none; } /* decorative images */
	.frame-type-textpic.frame-layout-0 .ce-gallery { display: none; } /* decorative images */

}