@font-face{
	font-family:"Brushzilla";
	src:url("../Fonts/bkk-faber-castell/04e7fac2-2932-42c9-a279-bbded2dce3c7.woff2") format("woff2"),
		url("../Fonts/bkk-faber-castell/185b78c7-0a38-4216-bd68-fd7724f3f7e1.woff") format("woff");
	font-display: swap;
}
/*
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts:  https://www.linotype.com
*/
@font-face {
	font-family:'Merriweather Sans';
	font-style:italic;
	font-weight:300;
	src:url('../Fonts/bkk-faber-castell/merriweather-sans-v11-latin-300italic.eot');
	src:local("Merriweather Sans Light Italic"),
		local("MerriweatherSansLightItalic"),
		url('../Fonts/bkk-faber-castell/merriweather-sans-v11-latin-300italic.eot?#iefix') format("embedded-opentype"),
		url('../Fonts/bkk-faber-castell/merriweather-sans-v11-latin-300italic.woff2') format("woff2"),
		url('../Fonts/bkk-faber-castell/merriweather-sans-v11-latin-300italic.woff') format("woff"),
		url('../Fonts/bkk-faber-castell/merriweather-sans-v11-latin-300italic.ttf') format("truetype"),
		url('../Fonts/bkk-faber-castell/merriweather-sans-v11-latin-300italic.svg#MerriweatherSans') format("svg");
	font-display: swap;
}
@font-face {
	font-family:'Merriweather Sans';
	font-style:normal;
	font-weight:400;
	src:url('../Fonts/bkk-faber-castell/merriweather-sans-v11-latin-regular.eot');
	src:local("Merriweather Sans"),
		local("MerriweatherSansRegular"),
		url('../Fonts/bkk-faber-castell/merriweather-sans-v11-latin-regular.eot?#iefix') format("embedded-opentype"),
		url('../Fonts/bkk-faber-castell/merriweather-sans-v11-latin-regular.woff2') format("woff2"),
		url('../Fonts/bkk-faber-castell/merriweather-sans-v11-latin-regular.woff') format("woff"),
		url('../Fonts/bkk-faber-castell/merriweather-sans-v11-latin-regular.ttf') format("truetype"),
		url('../Fonts/bkk-faber-castell/merriweather-sans-v11-latin-regular.svg#MerriweatherSans') format("svg");
	font-display: swap;
}
@font-face {
	font-family:'Merriweather Sans';
	font-style:normal;
	font-weight:700;
	src:url('../Fonts/bkk-faber-castell/merriweather-sans-v11-latin-700.eot');
	src:local("Merriweather Sans Bold"),
		local("MerriweatherSansBold"),
		url('../Fonts/bkk-faber-castell/merriweather-sans-v11-latin-700.eot?#iefix') format("embedded-opentype"),
		url('../Fonts/bkk-faber-castell/merriweather-sans-v11-latin-700.woff2') format("woff2"),
		url('../Fonts/bkk-faber-castell/merriweather-sans-v11-latin-700.woff') format("woff"),
		url('../Fonts/bkk-faber-castell/merriweather-sans-v11-latin-700.ttf') format("truetype"),
		url('../Fonts/bkk-faber-castell/merriweather-sans-v11-latin-700.svg#MerriweatherSans') format("svg");
	font-display: swap;
}

/*
BKK Faber-Castell: 
#004c87 dunkelblau (Überschriften)
#0077d4 mittelblau (Links)
#fdc900 orange
#f3f3f3 hellgrau
#3d3c3c dunkelgrau (Schriftfarbe Fließtext, footer)
*/

html {
	scroll-behavior: smooth;
}
body, html {
	/* important */
	height: 100%;
}
body {
	font-family: "Merriweather Sans", sans-serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.8em;
    color: #3d3c3c;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;	
}

.frame {
    scroll-margin-top: 70px;
}

/* miscellaneous */
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;}

/* cover
.cover { }
@media (max-width: 1200px) {
	.left-up { background-position: center; }
}
@media (max-width: 992px) {
	.cover h1 { font-size:72px; }
}
@media (max-width: 768px) {
	
}
@media (max-width: 576px) {
	
} */


/* .h-70 { height:45% }
.h-30 { height:55% } */
.h-70 { height:70% }
.h-30 { height:30% }
.left-up { 
	background-color:#f3f3f3;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: top;
}
.right-up {
	background-color:#f3f3f3;
	color: #3d3c3c;
}
.left-down {
	background-color:#f3f3f3;
}
.right-down {
	background-color: #004c87;
}
.cover h1 {
	font-family: 'Brushzilla', 'Merriweather Sans', sans-serif;
	font-weight: normal;
	text-transform: none;
	color: #004c87;
	position: absolute;
    right: 0;
	bottom: 0;
    background: rgba(255,255,255,.85);	
	font-size: 40px; 
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
}
.cover .left-down h2 {
	font-family: 'Brushzilla', 'Merriweather Sans', sans-serif;
	/* font-size: 62px !important; */
	color: #004c87;
	position: absolute;
    right: 20px;
    top: 20px;
    padding: 20px;
    margin: -20px;
	width: 100%;
}
.cover .covernews { 
	position: absolute; 
	bottom: 0;
	left: 0;
	padding: 20px;
}
.covernews h2,
.covernews h3 {
	margin-bottom: 15px;
}
.covernews h2 a,
.covernews h3 a {
	font-size: 24px;
	color: #3d3c3c !important;
	text-decoration: none;
}
.covernews-title {
	/* font-family: Arial, sans-serif; */
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	color: #3d3c3c;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
    hyphens: auto;
	margin: 10px 0;
}
.covernews-date,
.covernews-teaser {
	font-size: 16px;
}
.cover .btn {
	font-size: 16px;
	background-color: #fdc900;
	border-radius: 0;
	font-family:'Merriweather Sans', sans-serif;
	color: #3d3c3c;
    padding: .5rem 1rem;
    margin-top: 10px;
	border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.covernews-link .btn:before {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    margin-right: 5px;
	margin-bottom: -3px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%233d3c3c'%3E%3Cpath d='M503.691 189.836L327.687 37.851C312.281 24.546 288 35.347 288 56.015v80.053C127.371 137.907 0 170.1 0 322.326c0 61.441 39.581 122.309 83.333 154.132 13.653 9.931 33.111-2.533 28.077-18.631C66.066 312.814 132.917 274.316 288 272.085V360c0 20.7 24.3 31.453 39.687 18.164l176.004-152c11.071-9.562 11.086-26.753 0-36.328z'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1, -1);
}
.cover a {
	color:#fff;
	text-decoration: none;
	font-family:'Merriweather Sans', sans-serif;
}
.cover .left-up p {
	color: rgba(0, 0, 0, 0.8);
	font-size: .65rem;
    position: fixed;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    top: .5em;
    line-height: 1;
    padding: 0;
    margin: .1em;
}
.cover .left-up p a {
	color: rgba(0, 0, 0, 0.8) !important;
    text-decoration: none !important;
}
.covermenu {
    padding: 20px;
	text-align: center;
}
.covermenu span + span:before {
    content: " | ";
    padding: 0 10px;
	color: #fff;
}
.circle {
	height: 120px;
	width: 120px;
	border-radius: 50%;
    font-family:'Merriweather Sans', sans-serif;
    font-size: 20px;
	text-align: center;
	color: #3d3c3c;
	background: #fdc900;
    display: inline-block;
	padding: 45px 10px 10px 10px;
    margin-left: 10px;
	-webkit-animation: rotateY 4s infinite linear;
	animation: rotateY 4s infinite linear;
}
.flipper {
    text-align: center;
    margin-top: 20px;
}
@-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;
}
@media (max-width: 1999.98px) {
	.left-up { background-position: center; }
}
@media (min-width: 576px) {
	/* .h-70 { height:50% }
	.h-30 { height:50% } */
	.left-down { min-height: 70px; }
	.cover h1 { font-size:55px; }
	.cover .left-down h2 { padding: 20px 20px 0 20px; }
	.cover ul { font-size:16px; }
	.cover li { margin: 0; }
	.cover li strong { margin-top: 8px; }
}

@media (min-width: 768px) {
	.cover h1 {	
		padding: 20px;
		margin: 0;
		width:auto;
		border-top-left-radius: 23.3333px;
		text-align:right;
	}
	.cover .left-down h2 {
		text-align:right;
		padding: 20px;
	}
	.covermenu {
		text-align: left;
	}
}

@media (min-width: 992px) {
	.h-70 { height:70%; }
	.h-30 { height:30%; } 
	.cover h1 {	
		font-size:98px;	
		line-height: 82px;	
		padding: 20px;
		margin: 0;
		width:auto;
		border-top-left-radius: 23.3333px;
	}
	.cover .left-down h2 {
		font-size:82px !important;
		line-height: 70px;
	}
	.circle { margin-left: 30px; }
	.cover .left-up p {	font-size: .875rem; }
}

/* Was gibt's Neues */
.news h2:not(.pubdate), .news h3, .news .subheader {
	display: none;
}

/* Timeline */
.news {
  margin: 0 auto;
  position: relative;
  max-width: 46rem;
}
.news:before {
  background-color: #6d6e71;
  content: '';
  position: absolute;
  top: 0;
  left: 2rem;
  width: 1px;
  height: 100%;
}
.news .frame-type-text {
  position: relative;
}
.news .frame-type-text:hover .pubdate {
  box-shadow: inset 40rem 0 0 0 #f3f3f3;
  color: #3d3c3c;
}
.news .bodytext {
  padding: 2rem;
  position: relative;
  left: 2rem;
  width: 80%;
}
.news h2.pubdate {
	display: inline-block;
	font-size: 1.5rem !important;
	color: #fff;
	background-color: #004c87;
	box-shadow: inset 40rem 0 0 0 #004c87;
	padding: 0.5rem 2rem 0.5rem 2rem;
	margin-left: -1.5rem;
	margin-top: 0;
	transition: box-shadow 0.5s ease-in 0.1s;
}

/* topstart */
.topstart {
	background: #fff;
	display:none;
}
.topstart .container .row {
	align-items: center;
}
.mag-title {
	font-family:'Merriweather Sans', sans-serif;
    font-size: 32px;
	color: #004c87;
}
.navbar-brand {
	padding-top: 1rem;
    padding-bottom: 1rem;
}
.navbar-brand img {
	height: 6.875rem;
    width: 17.688rem;
}

/* header */
.mood {
	position:relative;
	margin-top: 52px;
}
.img-overlay {
    justify-content: center;
    align-items: flex-end;
    display: flex;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.mood .frame-type-header h1 {
    font-family: 'Brushzilla', 'Merriweather Sans', sans-serif;
	font-size: 64px;
	line-height: 59px;
    text-align: center;
	color: #004c87;
	display: inline-block;
	background: rgba(241,241,241,.6);
    backdrop-filter: blur(3px);
    padding: 30px;
	hyphens: auto;
	position: relative;
	border-bottom-right-radius: 23.33333px;
    border-top-left-radius: 23.33333px;
	max-width:1100px;
}
@media (min-width: 1024px) {	
	.mood .frame-type-header h1 {
		margin-bottom: 50px;
	}
}
@media (max-width: 767.98px) {		
	.mood .frame-type-header h1 {
		font-size: 32px;
		line-height: unset;
		padding: 10px;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
}
.resource-copyright {
    top: 0;
    position: absolute;
	background-color: rgba(255, 255, 255, 0.7);
	color:rgba(0, 0, 0, 0.7);
	font-size:0.75rem;
	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;
}
.resource-copyright a {
	color: rgba(0, 0, 0, 0.7) !important;
    text-decoration: none !important;
}
/* scrollbutton to top */
.linktotop {
	display: none;
	position: fixed;
	bottom: 3px;
	right: 3px;
	width: 45px;
    height: 45px;
	outline: none;
	z-index: 11;
	pointer-events: all;
	opacity: .5;
}
.top {
	display: flex;
	justify-content: center;
	align-items: center;	
    width: 100%;
    height: 100%;
}
.bi-chevron-up {
    width: 45px;
    height: 45px;
    padding: .85rem;
    background-color: rgba(253,201,0,.4);
    outline: none;
	border: none;
	border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    z-index: 11;
    pointer-events: all;
}
.bi-chevron-up:hover {
    background-color: rgba(253,201,0,1);
}
.logo-container {
    width: 320px;
    height: 220px;
    position: fixed;
    z-index: 110;
    top: 0;
    right: 0;
    padding: 15px 15px 100px 100px;
    background-image: url(images/bkk-faber-castell-logo-bg.svg);
    background-repeat: no-repeat;
    background-size: 440px 421px;
    background-position: 0px -220px;
}
.logo-container .logo {
    text-indent: -1000em;
    width: 205px;
    height: 105px;
    display: block;
    float: right;
    overflow: hidden;
    background-image: url(../Images/bkk-faber-castell-logo.svg);
    background-repeat: no-repeat;
}
@media (max-width: 991.98px) {
	.logo-container {
		width: 133px;
		height: 89px;
		z-index: 120;
		padding: 5px 5px 40px 40px;
		background-size: 311px 265px;
		background-position: -36px -168px;
	}
	.logo-container .logo {
		width: 88px;
		height: 45px;
	}
}

/* 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 */
.topmenu {
	box-shadow: 0 0 7px 0 rgb(0 0 0 / 5%);
	z-index: 10;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}
.bg-light {	
	background-color: #f3f3f3 !important;
}
.navbar {
    /* padding: 0.5em 0; */
	background-color: transparent;
	transition: background-color .1s linear; 
   -moz-transition: background-color .1s linear;  
   -webkit-transition: background-color .1s linear; 
}
.navbar.active {
    
}
.navbar-nav {
    flex-direction: row;
	-ms-flex-direction: row;
	justify-content: space-between;
    flex-wrap: wrap;
	padding:25px;
	background-color: #004c87;
	border-bottom-right-radius: 23.33333px;
    border-top-left-radius: 23.33333px;
}
.navbar-light .navbar-toggler {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 400;
    letter-spacing: 0.0325em;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding: 5px 10px 5px 10px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
	border-color: transparent;
    background-color: #fdc900;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.navbar-toggler:not(.collapsed)>.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-x-lg' viewBox='0 0 16 16'%3E%3Cpath d='M1.293 1.293a1 1 0 0 1 1.414 0L8 6.586l5.293-5.293a1 1 0 1 1 1.414 1.414L9.414 8l5.293 5.293a1 1 0 0 1-1.414 1.414L8 9.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L6.586 8 1.293 2.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") !important;
}
.navbar-toggler .info-open {
    vertical-align: middle;
	display:inline-block;
}
.navbar-toggler .info-close {
    vertical-align: middle;
	display:none;
}
.navbar-toggler:not(.collapsed)>.info-open {
	display:none;
}
.navbar-toggler:not(.collapsed)>.info-close {
	display:inline-block;
}
.navbar-toggler.nav-close .icon-close {
	width: 2rem;
	height: 2rem;
	fill: #3d3c3c;
}
.navbar-light .navbar-nav .nav-link {
    background-color: transparent;
	color: #fff;
    font-family:'Merriweather Sans', sans-serif;
    font-size: 20px;
	text-transform: none;
    padding: .8rem;
    border: none;
}
.navbar-light .navbar-nav .nav-link:focus, 
.navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
	background-color: #004c87;
}
.navbar-light .navbar-nav .nav-item.tier1 {
    white-space: nowrap;
}
.navbar-light .navbar-nav .nav-item.tier1 .nav-link:not(:last-child) {
    cursor:default;
}
.dropdown-toggle::after {
    display: none;
}
.dropdown {
    position: revert;
}
.navbar-light .navbar-nav .dropdown-menu {
    margin: 0 0 0 0;
    border: none;
	border-top: none;
    border-radius: 0;
	padding: 0;
	width: 100%;
	background: #004c87;
}
.navbar-light .navbar-nav .dropdown-menu-flex {
    margin: 0;
	padding: 0 0 25px 0;
	width: 100%;
	background: #004c87;
}
.navbar-light .navbar-nav .dropdown-menu .nav-item {
    margin-right:0;
	display: table-row;
	width: calc(50% - 30px);
}
.navbar-light .navbar-nav .dropdown-menu .nav-link {
	font-size: .9em;
    text-transform: none;
	padding: .4rem .8rem;
	display: table-cell;	
	width: 100%;
	color: #fff;
	border-bottom: none;
	line-height: 1.3;
}
.navbar-light .navbar-nav .dropdown-menu .nav-link:focus, 
.navbar-light .navbar-nav .dropdown-menu .nav-link:hover {
    text-decoration: underline;
}
@media (max-width: 1450px) {
	.navbar {
		z-index:111;
	}
}
/* active designs only from medium up screens*/
@media (min-width: 992px) { 
	.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 .dropdown-menu .active > .nav-link, 
	.navbar-light .navbar-nav .dropdown-menu .nav-link.active, 
	.navbar-light .navbar-nav .dropdown-menu .nav-link.show, 
	.navbar-light .navbar-nav .dropdown-menu .show > .nav-link {
		color: #fff;
		background-color: #004c87;
	}
	.navbar-light .navbar-nav .dropdown-menu {
		display:block;
	}
	/* Make Navigation Toggle on Desktop Hover */
	.dropdown:hover>.dropdown-menu {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
}

@media (max-width: 991.98px) {
	.navbar { 
		max-height: 100vh;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.navbar-nav {
		flex-direction: column;
		-ms-flex-direction: column;
	}
	.navbar-light .navbar-toggler {
		border-color: transparent;
	}
	.navbar-light .navbar-nav .nav-link {
		padding: 10px;
		color: #fff;
	}
	.navbar-light .navbar-nav .nav-link:hover,
	.navbar-light .navbar-nav .nav-link:focus,
	.navbar-light .navbar-nav .nav-link:active {
		color: #fff;
		background: #004c87;
	}
	.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;
		background: #004c87;
	}
	.dropdown-toggle::after {
		display: inline-block;
	}
	.navbar-light .navbar-nav .dropdown-menu .nav-link { 
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		font-size: 16px;
		color: #fff;	
		padding-left: 1.5rem;		
	}
	.navbar-light .navbar-nav .dropdown-menu .active > .nav-link, 
	.navbar-light .navbar-nav .dropdown-menu .nav-link.active, 
	.navbar-light .navbar-nav .dropdown-menu .nav-link.show, 
	.navbar-light .navbar-nav .dropdown-menu .show > .nav-link {
		color: #fff;
		background: #004c87;
	}
	.navbar-light .navbar-nav .dropdown-menu {
		min-width: 10rem;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	.navbar-light .navbar-nav .dropdown-menu .nav-item:not(:last-child) {
		border-bottom: none;
	}
	.navbar-light .navbar-nav .nav-item {
		margin-right: 0;
		border-right: none !important;
		white-space: break-spaces;
	}
	.navbar-light .navbar-nav .dropdown-menu .abstract {
		display: none;
	}
	.navbar-nav #form_kesearch_searchfield	{
		margin-top:20px;
	}
}
@media (max-width : 767.98px) {
	.navbar-nav {
		margin-left: -30px;
		margin-right: -30px !important;
		padding-left: 15px;
		padding-right: 15px;
		flex-direction: column;
		-ms-flex-direction: column;
	}
}
/* flexbox */
.alert {
    padding: 2rem;
	border-radius: 0;
	border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.alert h3 {
    font-family:'Merriweather Sans', sans-serif;
	font-size: 25px;
	text-transform: uppercase;
	margin-top: 0 !important;
}
.combo3 {
	background-color: #f3f3f3;
	color: #575756;
}
.combo3 h3 {
	color: #575756;
    background: transparent;
}
.combo3 p:empty {
	padding:0 !important;
	margin:0;
}
.combo3 a, .combo3 a:hover, .combo3 a:focus, .combo3 a:visited { 
	color:#004c87 !important;
}
.combo5 {
	background-color: #004c87;
	color: #fff;
	border-color: transparent;
}
.combo5 h3 {
    color: #fff;
}
.combo5 a, .combo5 a:hover, .combo5 a:focus, .combo5 a:visited { 
	color:#fff !important;
	text-decoration: underline !important;
}

/* lists */
.content ul:not(.nav-tabs) {
	margin-bottom: 20px;
	list-style-type: none;
	padding-left: 20px;
}
.content ul li {
	font-size: 1em;
    line-height: 1.6em;
    position: relative;
    padding-left: 30px;
}
.content ul li:not(:first-child):not(.nav-item) {
	margin-top: 8px;
}
.content ul li:not(.nav-item):before {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 8px;
    left: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border-top-right-radius: 0;
    background-color: #004c87;
}
.content .combo5 ul li:before {
    background-color: #fff;
}
ol > li::marker {
  font-weight: bold;
}

/* links */
.frame a,
.frame a:visited { 
	color:#0077d4; 
	text-decoration:none;
}
.frame a:hover,
.frame a:focus { 
	color:#23527c;
	text-decoration: underline;
}

a.link-external-blank:after {
	content: url(../Icons/externallink.png);
	margin: 0 2px;
}
a img { 
	border: none !important; 
}
a img:focus,
a img:hover { 
	border: none !important; 
}

/* titles */
h1, h2, h3 {
	/* margin-bottom: revert; */
}
h2 {
	font-family:'Brushzilla', sans-serif;
	font-size: 40px;
	line-height: 32px;
	color:#004c87;
	font-weight:normal;
}
h2.h2-layout2  {
	font-family:'Brushzilla', sans-serif;
	font-size: 40px;
	line-height: 32px;
	color:#004c87;
	font-weight:normal;
}
h3, .h3 {
	font-family:'Merriweather Sans', sans-serif;
	font-size: 25px;
	color:#004c87;
}

/* 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: 60px 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;
}

/* 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 #B1B1B1 !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 { 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: 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%; }

/* RTE */
blockquote {
  background: #f8f9fa;
  border-left: 10px solid #BDD8DA;
  margin: 20px 0;
  padding: 20px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #BDD8DA;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote:after {
  color: #BDD8DA;
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-left: 0.25em;
  vertical-align: -0.45em;
}
blockquote p {
  display: inline;
}
.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: 700; }
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:'Merriweather Sans', sans-serif;
	line-height: 32px;
	font-size: 1.1rem;
	margin-bottom: 3rem;
}
p.initialize::first-letter {
    font-family:'Merriweather Sans', sans-serif;
    font-size: 53px;
    color: #26497a;
    float: left;
    padding: .4rem .7rem 0 0;
	line-height: .7;
}

/* RTE BS tables */
.table-dark td, .table-dark th, .table-dark thead th {
    border-color: #dad6d1;
}
.table-dark tbody tr:first-child {
    background-color: #f3f3f3;
}
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:'Merriweather Sans', sans-serif;
    font-weight: 500;
	border-bottom: 1px solid #dad6d1;
}
table.thead-dark th {
    color: #fff;
    background-color: #575756;
    border-color: #575756;
}
table.thead-light th {
    color: #575756;
    background-color: #f3f3f3;
    border-color: #f3f3f3;
}
.table-light, .table-light>td, .table-light>th {
    background-color: #f3f3f3;
}
.table-dark {
    color: #575756;
    background-color: #fff;
}

.table-dark h3 {
    color: #575756;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f3f3f3;
}
.table-dark.table-hover tbody tr:hover {
    color: #575756;
    background-color: #f3f3f3;
}
.table-nonfluid {
   width: auto !important;
}
table p { margin: 0; }


/* Search topmenu*/
#form_kesearch_searchfield .btn, .form-control {
	height: auto;
	background-color: #fff;
	color: #004c87;
	border: 1px solid #fff !important;
}
#form_kesearch_searchfield .form-control {
	border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
	border-top-left-radius: 10px !important;
    border-bottom-left-radius: 0 !important;
}
#form_kesearch_searchfield .btn {
	border-top-right-radius: 0;
    border-bottom-right-radius: 10px;
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#form_kesearch_searchfield .form-control {
    background-clip: unset;
}
#form_kesearch_searchfield .form-control:focus {
    color: #004c87;
    background-color: #fff;
    border-color: #fff;
    outline: 0;
    box-shadow: none;
}

/* KeSearch */
.tx-kesearch-pi1 {
    font-family:'Merriweather Sans', sans-serif !important;
}
#kesearch_num_results {
    color: #3d3c3c !important;
	margin-bottom:10px;
	display:none;
}
#kesearch_results .result-list-item .result-title a {
    font-family:'Merriweather Sans', sans-serif !important;
	color: #004c87 !important;
	text-decoration: underline;
    text-decoration-color: rgba(177, 179, 177, 0.6);
}
#kesearch_results .result-list-item .result-number {
	font-family: 'Merriweather Sans', sans-serif !important;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center;
    font-size: 1.4em !important;
    line-height: 1.4em;
    color: #3d3c3c;
    background-color: #fdc900;
    padding: 0 10px 0 10px;
    min-width: 35px;
    height: 35px;
    display: inline-block;
    margin-right: 10px;
}
.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {
    color: #004c87 !important;
}
.tx-kesearch-pi1 #kesearch_results .teaser_icon img {
    margin-right: 25px !important;
	margin-left: 50px;
}
#kesearch_results .result-list-item .result-teaser {
    color: #3d3c3c !important;
}
.kesearchbox #ke_search_sword.form-control {
	padding: 5px 6px;
    border: 1px solid #4b6478 !important;
    color: #3d3c3c;
	border-radius: 0;
	background-color: #fff;
	font-size: 1em;
}
.kesearchbox .btn {
	background-color: #fdc900;
	border: 2px solid #fdc900;
	border-radius: 0;
	font-family:'Merriweather Sans', sans-serif !important;
	font-size: 1rem !important;
	color: #3d3c3c;
    padding: 6px;
	/* margin-left: -6px; */
}
.kesearchbox .btn:hover {
	background-color: #fdc900;
	box-shadow: none !important;
	transform: unset !important;
}
.kesearch_pagebrowser li:before {
	display: none !important;
}


/* (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:'Merriweather Sans', sans-serif;
    color: #333;
    font-size: 16px;
    line-height: 1.8;
}
.tile .linktext {
    background-color: transparent;
	color: #AD235E;
    font-family:'Merriweather Sans', sans-serif;
    font-size: 20px;
	font-weight: 300;
    text-transform: none;
}
.tile svg.bi-caret-right-square-fill {
    vertical-align: baseline;
    margin-left: 10px;
}

/* modalbox */
/*==========*/
.modal-header {
    display: block;
}
.modalbox .btn {
	font-family:'Merriweather Sans', sans-serif;
	font-size: 1.225rem;
	color: #3d3c3c;
	text-transform: uppercase;
	position: relative;
	background-color: #fdc900;
	border: none;
	border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
	transition: .3s;
}
.frame .frame .modalbox .btn {
	width: 100%;
}
.modalbox .bi-arrows-fullscreen {
    margin: 0 15px 0 0;
    fill: #fff;
    width: 20px;
    height: 20px;
}
.modal-content { 
	padding: 15px;
	border-radius: 10px;	
}
h2.modal-title { 
	font-size: 2rem !important;
}
.modalbox h1, .modalbox h2, .modalbox h3 {
    margin-bottom: 0;
    margin-top: 0;
}

/* tabs */
/*==========*/
.content ul.nav-pills li,
.content ul.nav-tabs li {
    list-style: none;
	padding: 0;
	background-image: none;
}
.nav-tabs .nav-link {
    font-family:'Merriweather Sans', sans-serif;
	font-size: 20px;
    background-color: #f3f3f3;
    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:hover {
    color: #fff !important;
    background-color: #004c87;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus {
    color: #004c87 !important;
    background-color: #fff;
}

/* Accordion*/
/*==========*/
.accordion .panel {
	position:relative;
    border-radius: 0;
    border: 1px solid rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}
.panel-group .panel+.panel {
    margin-top: 15px;
}
.accordion .panel-heading {
	background-color: #fff;
}
.bootstrap.accordion .panel-title {
	font-size: 18px !important;
	margin: 0;
}
.accordion .panel-title a {
	display: block;
	padding: 1rem 0;
	line-height: 28px;
	text-decoration: none;
	border-bottom: none;
	margin-left: 3.5rem;
}
.accordion .panel-title a:hover {
	text-decoration: underline;
}
/* aktiv */
a.accordion-toggle {	
	color: #575756 !important;
	font-weight:700;
}
a.accordion-toggle:before {
	content: '';
	height: 1.688rem;
    width: 1.688rem;
    display: block;
    position: absolute;
    top: 1.2rem;
    left: 1rem;
    z-index: 1;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	background-image: url(images/bkk-faber-castell-accordion-open.png);
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
	padding: 1rem;	
}
/* nicht aktiv */
a.accordion-toggle.collapsed {		
	background-color: #fff;
	color: #575756 !important;
	transition: background-color .3s;
    background-color: transparent;
	font-weight:400;
}
a.accordion-toggle.collapsed:before {	
	content: '';
	height: 1.688rem;
    width: 1.688rem;
    display: block;
    position: absolute;
    top: 1.2rem;
    left: 1rem;
    z-index: 1;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	background-image: url(images/bkk-faber-castell-accordion-closed.png);
}
.accordion .panel-heading:hover,
.accordion .panel-heading:focus:hover,
.accordion .panel-heading:focus:hover,
.accordion .active .panel-heading {
	background-color: #fff;
}

/* 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;
}

/* external videos via mediaconsent */
.mediaconsent_element {
	position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.mediaconsent_element:has(iframe) {
    padding-bottom: 56.25%;
}
.mediaconsent_element iframe {
	position: absolute;
    top: 0px;
    left: -1px;
    right: -1px;
    width: 100%;
    height: 100%;
    max-width: 100%;
}
.mediaconsent_element + .frame-type-text { display: none; }
.mediaconsent_element:has(iframe) + .frame-type-text { display: block; margin-top: .5rem !important; }
.mediaconsent_wrapper {
	border: 1px solid;
    padding: 1rem;
}
.mediaconsent_wrapper:has(iframe) {
	border: 0;
    padding: 0;
}
.mediaconsent_element label {
	display: inline;
}

/* footer */
.footer { 
	position: absolute;
	margin-top: 40px;
	color: #fff;
    background-color: #3d3c3c;
	border-top: 1px solid #3d3c3c;
}
.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;
}

@media (max-width: 767.98px) {
	body {
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	.mag-title {
		font-size: 18px;
		line-height: 1.1;
	}
	.topstart {
		padding-top: 10px;
	}
	.topmenu {
		box-shadow: none;
	}
	.navbar-brand {
		padding-top: .3125rem;
		padding-bottom: .3125rem;
	}
	.navbar-brand img {
		height: 100%;
		width: 100%;
	}
	.resource-copyright {		
		position: absolute;
		bottom: 0;
		right: 0;
		top: unset;
		-webkit-writing-mode: unset;
		-ms-writing-mode: unset;
		writing-mode: unset;
		transform: none;
		padding: 2px 5px;
        font-size: x-small;
	}
	.img-overlay {
		margin: 50px 30px 0 30px;
		position: relative;
		flex: 1;
	}
	.mood .frame-type-header h1 {
		padding: 0 20px;
		color: #000;
		background: transparent;
	}
	.mood .resource-copyright {
		bottom: unset;		
	}
	h2 {
		font-size: 28px !important;
	}
	h3 {
		font-size: 22px !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;
	}
	.tx-kesearch-pi1 input.form-control {
		max-width: 70%;
	}
	.tx-kesearch-pi1 #kesearch_results .teaser_icon img {
		float: none !important;
		display: block;
		margin-bottom: .5rem;
		width: 100%;
		height: auto;
		margin-right: 0 !important;
		margin-left: 0;
	}
	.tx-kesearch-pi1 form {
		margin: 0;
	}
	#form_kesearch_searchfield { width: 100%; }
	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;
	}
	.frame-type-textmedia.frame-layout-3 {
		margin-bottom: 50px;
	}
	.content ul:not(.nav-tabs) {
		padding-left: 0;
	}
	.nav-tabs .nav-link.active,
	.nav-tabs .nav-link.active:focus {
		color: #fff !important;
		background-color: #004c87;
	}
	.page-meta-infos {
		flex-direction: column;
	}
	.readtime {
		margin-left: 0;
	}
	.news h2.pubdate {
		font-size: 1.3rem !important;
		padding: 0.5rem 2rem 0.2rem 2rem;
	}
	.news .bodytext {
		padding: 1rem;
		left: 1rem;
		width: 100%;
	}
	.content a.link-external-blank {
		overflow-wrap: break-word; 
		hyphens: none;
	}
}

/* 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;
	transition: all 0.5s ease 0s
}

/* 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: 40px;
		height: 40px;
		padding: .45rem;
		background-color: rgba(255,255,255,.4);
		border: 2px solid #3d3c3c;
		border-radius: 50%;
	}	
	.pageArrow.prev:hover .bi-chevron-left,
	.pageArrow.next:hover .bi-chevron-right {
		background-color: #3d3c3c;
		border: 2px solid #3d3c3c;
		fill: #fff;
	}
}
/* 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 #1d1d1b;
    outline-offset: 2px;
}
.btn.focus, 
.btn:focus, 
.form-control:focus,
.page-link:focus {
    box-shadow: none !important;
}
.navbar-brand:focus-visible,
.kesearchbox .btn:focus-visible,
.pageArrow:focus-visible,
.top:focus-visible,
.page-link:focus-visible,
.modalbox .btn:focus-visible,
.cover .btn:focus-visible {
	outline: 2px solid #1d1d1b !important;
    outline-offset: 2px;
}
.covermenu a:focus-visible,
.form-control:focus-visible,
.nav-close:focus-visible,
#form_kesearch_searchfield .btn:focus-visible,
.combo5 a:focus-visible,
.nav-link:focus-visible,
.footermenu a:focus-visible,
.printlink:focus-visible {
	outline: 2px solid #fff !important;
	outline-offset: 2px;
}
.flipper a:focus-visible {
	display: inline-block;
	outline: 2px solid #fff;
	border-radius: 50%;
}
.flipper a:focus-visible .circle {        
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
	border-radius: 50%;
}
.pageArrow:focus-visible,
.top:focus-visible {
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 1);
}
.accordion-title a:focus-visible,
.nav-tabs .nav-link:focus-visible {
	background-color: #efefef !important;
	text-decoration: underline !important;
	outline: none;
	border: 1px solid #1d1d1b;
	border-bottom: 2px solid #1d1d1b;
}
/* .combo5 a:focus-visible,
.nav-link:focus-visible {
	outline: 2px solid #fff !important;
    outline-offset: 2px;
} */
video:focus-visible {
	outline: 0;
    outline-offset: unset;
	border: 2px solid #1d1d1b !important;
}
.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: 1px solid #1d1d1b;
}
.skip-link:hover {
	color: var(--ikkBlue);
}
.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 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;
	}
	.topstart {
		display: block;
    }
	.topstart .navbar-brand {
		display: block;
		width: 205px;
		height: 105px;
		float: right;
    }
	.topmenu .logo-container { display: none; }
	.navbar, .mood img, .resource-copyright, .footer, .top, svg.bi-chevron-up, .pageArrows, .mediaconsent_element {
        display: none;
    }
	.img-overlay {
		display: block;
		position:relative;
		text-align: center;
		width: 100%;
		margin-top:	15px;
	}
	.mood .frame-type-header h1 {
		font-size: 45px;
		background: #fff;
		-webkit-backdrop-filter: unset;
		backdrop-filter: unset;
		color: #3d3c3c;
	}
	.container, .content { width:100%; }
	.content { margin-bottom: -15px; }
	.content .col > div:first-of-type {
		margin-top: 15px;
	}
	.content .col > div:first-of-type h2 {
		margin-top: 15px;
	}
	.alert {
		color: #3d3c3c !important;
		background: transparent;
		border: 1px solid #f3f3f3 !important;
		padding: .75rem 1.25rem;
	}
	h2, h3, .alert h3, .combo5 h3, .mag-title { color: #3d3c3c; }
	ul.nav-tabs,
	ul.nav-pills { display: none; }
	p.show-for-print { 
		display: block;
		font-family:'Merriweather Sans', sans-serif;
		font-weight: 700;
		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 {
		border: none;
	}
	.accordion .panel-title a { 
		padding: 7px 0;
		margin-left: 0;
		font-weight: 700;
	}
	a.accordion-toggle.collapsed:before,
	a.accordion-toggle:before { display: none; }
	a.accordion-toggle { color: #3d3c3c !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: #3d3c3c; }
	.table-dark,
	.table-dark h3,
	.table-dark.table-hover tbody tr:hover,
	table.thead-dark th {
		color: #3d3c3c;
		background-color: #fff;
	}
	.table-responsive-lg {  display: table;  }	
	a.link-external-blank { padding-left: unset; }
	a.link-external-blank:after { display:none; }
	a, .combo5 a, .combo5 a:hover, .combo5 a:focus, .combo5 a:visited {
        text-decoration: underline;
        color: #3d3c3c !important;
    }
	
	.content ul {
		padding-left: revert !important;
		list-style-type: revert !important;
	}
	.content li {
		margin: revert;
		position: revert;
		padding-left: revert;
		line-height: 1.8em;
	}
	.content li:before {
		display: none !important;
	}
	.frame-type-image.frame-layout-0  { display: none; } /* decorative images */
	.frame-type-textpic.frame-layout-0 .ce-gallery { display: none; } /* decorative images */
	.mood { margin-top: 0 !important; }

}