@font-face {
     font-family: 'Prometo';
     src: url('../Fonts/zfbkk/Prometo_W_Bd.woff2') format('woff2'),
         url('../Fonts/zfbkk/Prometo_W_Bd.woff') format('woff');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: 'Prometo';
     src: url('../Fonts/zfbkk/Prometo_W_Bd.woff2') format('woff2'),
         url('../Fonts/zfbkk/Prometo_W_Bd.woff') format('woff');
     font-weight: bold;
     font-style: normal;
     font-display: swap;
 }

/* nunito-sans-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../Fonts/zfbkk/nunito-sans-v18-latin-300.woff2') format('woff2'),
       url('../Fonts/zfbkk/nunito-sans-v18-latin-300.woff') format('woff');

}
/* nunito-sans-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../Fonts/zfbkk/nunito-sans-v18-latin-500.woff2') format('woff2'),
       url('../Fonts/zfbkk/nunito-sans-v18-latin-500.woff') format('woff');
}
/* nunito-sans-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/zfbkk/nunito-sans-v18-latin-700.woff2') format('woff2'),
       url('../Fonts/zfbkk/nunito-sans-v18-latin-700.woff') format('woff');
}

/*
BKK ZF
Blau: var(--primary)
hover blau: #0056b3
Rot: #e40513
hover rot: #be1925
Hellgrau: #e5e7e6
Schwarz: #575756
*/

/*
ZFBKK
Blau (primary): #110450
hellblau (bg): #E1EBFF
pink: #FC0D78
gelb: var(--white)F67
Hellgrau: #e5e7e6
Schwarz: #575756
*/

:root {
     --primary: #110450;
     --secondary: #FC0D78;
     --light-blue: #E1EBFF;
     --white: #FFFFFF;
     --black: #000000;
     --prometo: 'Prometo', sans-serif;
     --zf: 'Nunito Sans', sans-serif;
}
body.contrast {
	--secondary: #110450;
}
 

/* wcag */
*:focus:not(:focus-visible) {
    outline: none
}
*:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}
.btn.focus, 
.btn:focus, 
.form-control:focus,
.page-link:focus {
    box-shadow: none !important;
}
.navbar-brand:focus-visible,
.form-control:focus-visible,
.form_kesearch_searchfield .btn:focus-visible,
.kesearchbox .btn:focus-visible,
.pageArrow:focus-visible,
.page-link:focus-visible,
.tile a:focus-visible,
a.tile-link:focus-visible {
	outline: 2px solid var(--primary) !important;
    outline-offset: 2px;
}
.pageArrow:focus-visible,
.top:focus-visible {
	outline: 2px solid var(--primary) !important;
    outline-offset: 2px;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 1);
}
video:focus-visible {
	outline: 0;
    outline-offset: unset;
	border: 2px solid #000 !important;
}
button.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: var(--white);
	color: var(--primary);
	text-decoration: underline;
	position: absolute;
	padding: 8px 15px;
	display: block;
	border: 2px solid var(--primary);
}
.skip-link:not(:focus-visible):not(:focus):not(:active),
.visually-hidden,
table caption {
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: auto;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap;
}
.skip-link:hover {
	color: var(--primary);
}
summary {
	display: inline-block;
    list-style: none;
    width: 24px;
    height: 24px;
    margin: 0 0 5px 5px;
}
.details-content {
	font-size: smaller;
    padding: 5px;
}


html {
	scroll-behavior: smooth;
}
body, html {
	/* important */
	height: 100%;
}
body {
	font-family: var(--zf);
	font-size: clamp(1rem, 5vw, 1.25rem);
	background-color: var(--white);
	color: var(--primary);
	font-weight: 300;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;	
}

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

/* miscellaneous */
object {
	max-width: 100%;
	border:none !important;
}
.infoalerts { 
	margin: 15px;
}
.cover img,
.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;}

/* lists */
.content ul, .modalbox ul {
    padding: 0;
    list-style-type: none;
}
.content ul:not(.pagination) {
    margin-bottom: 20px;
}
.content ul li {
    padding-left: 27px;
    position: relative;
}
.content ul li:not(:last-child) {
    margin-bottom: 10px;
}
.content ul li:not(.nav-item):not(.page-item):not(.checklist li):before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 105.8 105.8'%3E%3Cpath fill='%23fc0d78' d='M0,0l52.9,52.9L0,105.8h52.9l52.9-52.9L52.9,0H0Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
}

.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: .1875rem;
    margin: 0;
    padding: 0;
    color: transparent;
    display: block;
    width: 1.5rem;
    height: 1.1875rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 156 126'%3E%3Cg transform='translate(20.5 -451.86)'%3E%3Cpath fill='%23fc0d78' d='m-20 522.36l25-25 30 30 75-75 25 25-100 100-55-55z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}

/* TOC */
.content .frame-type-menu_sitemap_pages ul ul {
    margin-top: 0;
    margin-bottom: 15px;
}
.content .frame-type-menu_sitemap_pages ul > li > ul > li > a {
  text-decoration: underline;
  cursor: pointer;
  font-weight: normal;
}
.content .frame-type-menu_sitemap_pages .card-header {
    margin-bottom: 0;
    background-color: var(--white);
    border-bottom: none;
}
.content ul li.sub:before,
.content ul li.accordion-item.card:before { display: none !important; }
.content ul li.sub:not(:first-child) { padding-top: 15px; }
.content ul li.sub .shortcut { font-weight: 600; }
.content ul li.accordion-item.card { padding-left: 0; }

/* links */
.frame a,
.frame a:visited { 
	color: var(--primary); 
	text-decoration: underline;
	text-decoration-color: var(--primary);
}
a.link-external-blank:after {
	content: "";
	width: 11px;
	height: 11px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 6px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 16 14.519'%3E%3Cpath id='Pfad_394' data-name='Pfad 394' d='M74.962,52.91l-5.925.008-2.512,2.519,3.318-.005-9.37,9.393,2.611,2.6,9.37-9.393,0,3.318,2.513-2.519Z' transform='translate(-60.473 -52.91)' fill='%23fc0d78'/%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 */
h2, h3 {
	font-family: var(--prometo);
	font-weight: 600;
	margin-bottom: revert;
	line-height: 1.3;
}
h2 {
	font-size: clamp(1.75rem, 4vw, 2.5rem);
	color: var(--secondary);
}
h2.h2-layout2  {
	font-size: clamp(1.75rem, 4vw, 2.5rem);
	color: var(--secondary);
}
h3, .h3 {
	font-size: clamp(1.5rem, 2.75vw, 2.15rem);
    color: var(--primary);
}



/* custom spacing */
.content h2, .content h3 {
	margin-bottom: 25px;	
	margin-top:50px;
}
.content .frame-type-ce_columns2 .ce-col h1,
.content .frame-type-ce_columns2 .ce-col h2,
.content .frame-type-ce_columns2 .ce-col h3 {
	margin-top: 0;
}
.content p {
    margin-bottom: 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 .flexslider .frame,
.content .frame .tabpanel .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;
}

/* flexbox */
.alert {
    padding: 2rem;
	border-radius: 10px;
}
.alert h3 {
    font-family: var(--prometo);
	font-size: 30px;
    font-size: 1.875rem;
	margin-top: 0 !important;
}
.combo1 {
	color: var(--primary);
	padding: 1rem 1rem 0 0;
}
.combo1 h1 {
    color: var(--primary);
	font-family: var(--prometo);
	font-weight: 700;
	font-size: 2rem;
	margin-top: 0 !important;
}
.combo1 h1 a {
	text-decoration: none !important;
	color: var(--primary) !important;
}
.combo1 h1 a:hover {
	text-decoration: underline !important;
}
.combo1 p:empty {
	padding:0 !important;
	margin:0;
}
.combo3 {
	background-color: var(--white);
	box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.1);
	border-radius: 0;
}
.combo3 h3 {
	color: var(--primary);
    background: transparent;
}
.combo3 p:empty {
	padding:0 !important;
	margin:0;
}
.combo5 {
	background-color: var(--light-blue);
	border-radius: 0;
}
.combo5 h3 {
    color: var(--primary);
}

/* cover */
/* .wrapper {
	padding: 0 30px;
}
.cover .wrapper,
.cover .teaser-container {
	max-width: 1520px;
	margin: 0 auto;
}
.breezy {
	height: 50px;
}
.cover .coverteaser {
    background-color: var(--light-blue);
	position: relative;
	margin-bottom: 5rem;
}
@media (min-width: 1366px) {
    .coverteaser:before {
        content: '';
        position: absolute;
        top: -0.0625rem;
        left: 0;
        width: 100%;
        height: 4rem;
        background: var(--white);
        z-index: 0;
    }
	.coverteaser:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -0.0625rem;
        width: 100%;
        height: 3rem;
        background: var(--white);
        z-index: 0;
    }
}
.imgcontainer { 
	position: relative;
	z-index: 1;
}
.coverteaser img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;
}
.pink-big-arrow {
    position: absolute;
    right: 0;
    bottom: -1.75rem;
    width: 7.125rem;
}
@media (min-width: 1200px) {
    .pink-big-arrow {
        width: 13.25rem;
        bottom: -3.25rem;
    }
} */

/* cover */
.stage-body {
	background-color: var(--white);
}
.stage {
	background-color: var(--light-blue);
}
.covertop {
	background-color: var(--white);
	padding: 2rem 0;
}
.grid-container {
    max-width: 1920px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
	padding: 0 120px;
}
.stage-content {
	margin: 1rem 0;
}
.wordbox {
	position: relative;
	z-index: 1;
}
.wordbox h1, .wordbox h2 {
	font-family: var(--prometo);
	color: var(--primary);
	background-color: transparent;
	display: block;
    padding: 0;
    margin-top: 0;
	margin-bottom: 0;
	white-space: nowrap;
}
.wordbox h1 {
	font-size: 2.5rem;
}
.wordbox h2 {
	font-size: 2rem;
	margin: 0;
}
.stage .button {
	font-family: var(--nunito);
	font-size: 1.225rem;
	font-weight: 400;
	text-transform: none;
	color: var(--white) !important;
	background-color: var(--primary);
	text-decoration: none;
	border: 2px solid var(--primary);
	border-radius: 1.5rem;
	display: inline-block;
	padding-inline: calc(.25rem * 6);
    padding-block: calc(.25rem * 3);
	display: flex;
	justify-self: flex-end;
	transition: background-color .3s ease-in-out;
}
.stage .button:hover {
	color: var(--primary) !important;
	background-color: var(--white);
	
}
.covernews {
	color: var(--primary);
	margin: 0.5rem 0;
}
.covernews h3 a {
	font-family: var(--nunito);
	color: var(--primary) !important;
	text-decoration: none !important;
}
.covernews h3 a:hover,
.covernews h3 a:focus {	
	color: var(--primary);
	text-decoration: underline !important;
}
.covernews-title {
	color: #primary;
	font-size: 1.2rem;
	line-height: 1.2;
	margin: 0.5rem 0;
}
.covernews-link {
	margin: 1rem 0;
}
.covernews-link .btn {
	color: #fff;
	text-decoration: none;
	display: inline-flex;
    align-items: center;
	padding: 0;
}
.covernews-link .btn:before {
	content: '';
	width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    bottom: 0;
    left: 0;
    margin-right: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23ffffff'%3E%3Cpath d='M256 128c0-.4 0-.9-.1-1.3-.3-4.3-1.9-8.3-4.8-11.6-.5-.6-1.1-1.2-1.8-1.8L126.1 4.8c-3.7-3.3-9.4-2.9-12.7.8-3.3 3.7-2.9 9.4.8 12.7L228.6 119H9c-5 0-9 4-9 9s4 9 9 9h219.6L114.2 237.7c-3.7 3.3-4.1 9-.8 12.7 1.8 2 4.3 3 6.7 3 2.1 0 4.2-.7 5.9-2.2l123.2-108.5c3.9-3.4 6.3-8.2 6.6-13.4v-.1c.2-.4.2-.8.2-1.2z'%3E%3C/path%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}
.covernews-link .btn:hover,
.covernews-link .btn:focus {
	text-decoration: underline;
}
.imgwrap picture {
    display: table;
    margin: 0;
    position: relative;
}
.imgwrap picture img {
    max-width: 100%;
    height: auto;
    width: auto;
    border: none !important;
    border-radius: 1rem;
	aspect-ratio: 4 / 3.5;
    object-fit: cover;
    object-position: right top;
}
.stage .resource-copyright {
    bottom: 0;
    right: 0;
    position: absolute;
    background-color: transparent;
    color: #fff;
    font-size: x-small;
    z-index: 2;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    line-height: 1;
    padding: 30px 1px 1px 1px;
    border-top-left-radius: 30px;
}
.covermenu {
	color: #014785;
	background: #eaf4fa;
    padding: 20px;
}
.covermenu a { 
	color: #014785; 
	text-decoration: none;
}
.covermenu a:hover { 
	color: #001c35;
	text-decoration: underline;
}
.covermenu span + span:before {
    content: " | ";
    padding: 0 10px;
	color: #014785;
}
@media (min-width: 992px) {
	.imgwrap {
		margin-top: -60px;
		margin-bottom: -60px;
	}
}
@media (min-width: 576px) {
	.wordbox h1 {
	   font-size: 4.25rem;
	}
	.wordbox h2 {
	   font-size: 3.25rem;
	}
}
@media (max-width: 767.98px) {
	.grid-container {
		padding: 0 15px;
	}
	.covertop {
		padding: 0;
	}
	.wordbox {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.btn-stage {
		margin: 0 auto;
		display: block;
	}
	.imgwrap {
		margin-bottom: 2rem;
	}
	.covermenu {
		display: flex;
		justify-content: center;
	}
}
@media (max-width: 575.98px) {
	.wordbox {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}
}

/* 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: #014785;
	content: '';
	position: absolute;
	top: 0;
	left: 2rem;
	width: 1px;
	height: 100%;
}
.news .frame-type-text:hover .pubdate {
	color: #014785;
	box-shadow: inset 40rem 0 0 0 #c4d8e7;
}
.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: #014785;
	box-shadow: inset 40rem 0 0 0 #014785;
	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: var(--white);
	padding-top: 15px;
    padding-bottom: 15px;
}
.topstart .wrapper .row {
	align-items: center;
}
.changecontrast {
	border: none;
    font-family: var(--prometo);
    background: var(--light-blue);
    padding: 2px 30px 7px 30px;
    border-radius: 0 0 1.25rem 1.25rem;
    color: #7978A8;
    font-size: 1rem;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    position: relative;
    top: -15px;
}
.mag-title h2 {
	font-size:26px;
	color:var(--primary);
	position: relative;
    right: 0;
	padding: 10px 0 0 0;
}
.mag-title h3 {
	font-size:22px;
	color:var(--secondary);
	position: relative;
    right: 0;
}
.mag-title h4 {
	font-size:18px;
	color:var(--white);
	position: relative;
    right: 0;
}
.navbar-brand {
	padding-top: 1rem;
    padding-bottom: 1rem;
}

/* header */
.mood {
	position:relative;
}
.covermood {
	height: 2px;
	background-color: var(--white);
}
.img-overlay {
    justify-content: center;
    align-items: flex-end;
    display: flex;
    color: var(--white);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.mood .frame-type-header h1 {
    font-family: var(--prometo);
	font-weight: 700;
	font-size: 50px;
    text-align: center;
	color: var(--primary);
	display: inline-block;
	background: rgba(251,251,251,.7);
    backdrop-filter: blur(3px);
    padding: 20px;
	hyphens: auto;
	position: relative;
	max-width: 1300px;
    margin-bottom: 20px;
}
.resource-copyright {
	font-size: 0.875rem;
    line-height: normal;
    background-color: rgba(255, 255, 255, 0.7);
    color: rgba(0, 0, 0, 0.7);
	position: relative;
    bottom: 17px;
    margin-bottom: -17px;
    padding: 0 5px;
    float: right;  
}
.resource-copyright p {
	margin: 0;
	padding: 0;
}
.top {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 50;
	cursor: pointer;
	width: 45px;
    height: 45px;
}
.bi-chevron-up {
    width: 45px;
    height: 45px;
    padding: .75rem;
	filter: drop-shadow(0px 0px 3px rgb(255 255 255 / 1));
	-webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/* navbar */
.bg-light {	
	background-color: var(--white) !important;
}
.topmenu.fixed-nav {
    z-index: 10;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
	box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.1);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
.navbar {
    padding: 0;
}
.navbar-light .navbar-brand { /* empty div: only way to align the sandwich to the right */
    padding: 0;
    margin: 0;
}
.navbar-toggler {
    border-radius: 0;
	padding: 0;
    margin: 0;
	font-size: 1.5rem;
	border: none;
}
.bg-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url("images/zfbkk-navbar-toggler-close.svg");
}
.bg-light .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon {
	background-image: url("images/zfbkk-navbar-toggler.svg");
}
.nav-link.btn-home-link {
	padding-left: 0 !important;
}
.nav-item.btn-home svg {
	width: 27px;
	vertical-align: top;
}
.nav-item.btn-home svg path {
	fill: var(--primary);
}
.navbar-light .navbar-nav .nav-link {
    background-color: transparent;
	color: var(--primary);
    font-family: var(--prometo);
	text-transform: none;
    border: none;
	-webkit-transition: all .3s;
    transition: all .3s;
}
.navbar-light .navbar-nav .nav-link:focus, 
.navbar-light .navbar-nav .nav-link:hover {
    color: var(--primary) !important;
	-webkit-transition: all .3s;
    transition: all .3s;
}
.dropdown-toggle::after {
    display: none;
}
.navbar-light .navbar-nav .dropdown-menu {
    margin: 0;
    border: none;
	border-top: none;
    border-radius: 0;
	padding: 15px 0 0 0;
	min-width: 27rem;
	background: var(--light-blue);
	border-collapse: collapse;
	box-shadow: 0 4px 4px 0px rgb(50 50 50 / 30%);
    -webkit-box-shadow: 0 4px 4px 0px rgb(50 50 50 / 30%);
    -moz-box-shadow: 0 4px 4px 0px rgba(50, 50, 50, 0.3);
}
.navbar-light .navbar-nav .dropdown-menu .nav-link {
    text-transform: none;
	padding: 12px 12px 12px 25px;
	display: table-cell;	
	width: 100%;
	color: var(--primary);
	border-bottom: none;
	line-height: 1.3;
}
.navbar-light .navbar-nav .dropdown-menu .nav-link:before {
	display: none;
}
.navbar-light .navbar-nav .dropdown-menu .nav-link:focus, 
.navbar-light .navbar-nav .dropdown-menu .nav-link:hover {
	color: var(--primary);
}

.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: var(--secondary);
}
.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: var(--secondary);
}
.nav-item.mag_selector {
	border-right: none !important;
	background: var(--light-blue);	
	border-radius: 20px;
	min-width: 194px;
}
.nav-link.mag-select-link {
    white-space: nowrap;
}
.mag_selector.show {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.dropdown-menu.mag-select {
	min-width: 194px !important;
}
.dropdown-menu .mag-select-link {
	font-size: 16px !important;
}
.mag-select-item.active .mag-select-link:after {	
	content: '';
	height: 23px;
    width: 23px;
    display: inline-block;
    position: relative;
	vertical-align: text-bottom;
    z-index: 1;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23e40513' class='bi bi-check' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z'/%3E%3C/svg%3E");
}

@media (min-width: 992px) { 
	.navbar {
		padding-bottom: 1rem;
	}
	.navbar-nav.magselect { margin-left: 1rem; }
	.navbar-light .navbar-nav .nav-link {
		font-size: 19px;		
		padding: .5rem 1rem .5rem 1rem;
	}
	.navbar-light .navbar-nav .dropdown-menu {
		min-width: 19rem;
	}
	.navbar-light .navbar-nav .dropdown-menu .nav-link {
		font-size: 18px;
	}
	.nav-link.dropdown-toggle.mag-select-link {
		padding: .3rem 1rem .3rem 1rem;	
	}
	.dropdown:hover>.dropdown-menu { /* Make Navigation Toggle on Desktop Hover */
		/* display: block; */
	}
}

@media (min-width: 1200px) {
	.navbar-nav.magselect { margin-left: 1.5rem; }
	.navbar-light .navbar-nav .nav-link {
		font-size: 21px;		
		padding: .5rem 1.5rem .5rem 1.5rem;
	}
	/* .btn-home-link {
		padding-left: 0;
	} */
	.navbar-light .navbar-nav .dropdown-menu {
		min-width: 23rem;
	}
	.navbar-light .navbar-nav .dropdown-menu .nav-link {
		font-size: 19px;
	}
	.nav-link.dropdown-toggle.mag-select-link {
		padding: .3rem 1rem .3rem 1rem;	
	}
}

@media (max-width: 991.98px) {
	.navbar { 
		max-height: 100vh;
		overflow-y: auto;
	}
	.navbar-nav {
		margin-right:15px !important;
		margin: 15px;
	}
	.navbar-light .navbar-nav .nav-item {
		border-right: none !important;
	}
	.navbar-light .navbar-nav .nav-link {
		padding-left: 5px;
	}
	.dropdown-toggle::after {
		display: inline-block;
	}	
	.navbar-light .navbar-nav .dropdown-menu {
		min-width: 10rem;
		padding: 0;
	}
	.navbar-light .navbar-nav .dropdown-menu .nav-link { 
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		font-size: 16px;
		color: var(--primary);	
		padding-left: 1.5rem;		
	}
}

/* default styles for extension "tx_frontend" */
.ce-align-left { text-align: left; }
.ce-align-center { text-align: center; }
.ce-align-right { text-align: right; }

.ce-table td, .ce-table th { vertical-align: top; }

.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

.ce-left .ce-gallery, .ce-column { float: left; }
.ce-center .ce-outer { position: relative; float: right; right: 50%; }
.ce-center .ce-inner { position: relative; float: right; right: -50%; }
.ce-right .ce-gallery { float: right; }

.ce-gallery figure { display: table; margin: 0; }
.ce-gallery figcaption { display: table-caption; caption-side: bottom; }
.ce-gallery img { display: block; }
.ce-gallery iframe { border-width: 0; }
.ce-border img,
.ce-border iframe {
	border: 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; }
.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: 1em; }
.frame-space-before-small { margin-top: 2em; }
.frame-space-before-medium { margin-top: 3em; }
.frame-space-before-large { margin-top: 4em; }
.frame-space-before-extra-large { margin-top: 5em; }
.frame-space-after-extra-small { margin-bottom: 1em; }
.frame-space-after-small { margin-bottom: 2em; }
.frame-space-after-medium { margin-bottom: 3em; }
.frame-space-after-large { margin-bottom: 4em; }
.frame-space-after-extra-large { margin-bottom: 5em; }

/* 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:13px; }
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: var(--zf);
	font-weight: 700;
}
p.initialize::first-letter {
    font-family: var(--zf);
    font-size: 53px;
    color: var(--primary);
    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: #e5e7e6; */
}
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: var(--zf);
    font-weight: 700;
	border-bottom: 1px solid #dad6d1;
}
table.thead-dark th {
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--primary);
}
table.thead-light th {
    color: var(--primary);
    background-color: var(--white);
    border-color: var(--primary);
}
.table-light, .table-light>td, .table-light>th {
    background-color: var(--white);
}
.table-dark {
    color: var(--primary);
    background-color: var(--white);
}

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


/* Search topmenu*/
.col-searchfield {
	justify-content: center;
}
.form_kesearch_searchfield .btn, .form-control {
	height: auto;
	background-color: var(--white);
	color: var(--primary);
	border: 1px solid var(--primary) !important;
}
.form_kesearch_searchfield .form-control {
	border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
	border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
	background-clip: unset;	
	border-right: none !important;
}
.form_kesearch_searchfield .btn {
	border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
	border-left: none !important;
}
.form_kesearch_searchfield .form-control:focus {
    color: var(--primary);
    background-color: var(--white);
    border-color: var(--white);
    outline: 0;
    box-shadow: none;
}
svg.search {
	fill: var(--primary);
}

/* KeSearch */
.tx-kesearch-pi1 {
    font-family: var(--zf) !important;
}
#kesearch_num_results {
    color: var(--primary) !important;
	margin-bottom: 10px;
}
#kesearch_results .result-list-item .result-number, 
#kesearch_results .result-list-item .result-title a {
    font-family: var(--zf) !important;
	color: var(--primary) !important;
	text-decoration: underline;
    text-decoration-color: var(--primary);
}
.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {
    color: var(--secondary) !important;
}
.tx-kesearch-pi1 #kesearch_results .teaser_icon img {
    margin-right: 25px !important;
}
#kesearch_results .result-list-item .result-teaser {
    color: var(--primary) !important;
}
.kesearchbox #ke_search_sword.form-control {
	padding: 5px 6px;
    border: 1px solid var(--primary) !important;
    color: var(--primary);
	border-radius: 20px;
	background-color: var(--white);
	font-size: 1.25em;
}
.kesearchbox .btn {
	background-color: var(--primary);
	border: 0px solid;
	border-radius: 20px;
	font-family: var(--zf) !important;
	font-size: 1.25em !important;
	color: var(--white);
    padding: 6px 20px;
	margin-left: -3px;
}
.kesearchbox .btn:hover {
	background-color: var(--secondary);
	transform: unset !important;
}
/* kesearch pagebrowser */
.kesearch_pagebrowser ul li {
    margin: 7px !important;
}
.page-link {
    border: none;
	display: inline-block;
	text-decoration: none !important;
}
.page-item.active .page-link {
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--primary);
}

/* (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  {}
.tile  {
	background-color: var(--white);
    color: var(--primary);	
	margin-bottom: 30px;
	border-radius: 50px;
}
.tile .thumb  {
    display: table-cell;
	vertical-align: top;
	padding: 0 15px 15px 0;
}
.tile .tilecontent  {
	vertical-align: top;
	padding: 20px;
	min-height: auto;
}
.tile .abstract {
    font-family: var(--zf);
    color: var(--primary);
    font-size: 16px;
    line-height: 1.8;
}
.tile a {
    background-color: transparent;
	color: var(--primary);
    font-family: var(--zf);
    font-size: 20px;
	font-weight: 700;
    text-transform: none;
	text-decoration: none;
}
.tile a:hover {
	text-decoration: underline;
	text-decoration-color: var(--primary);
}
.tile .icon-after:after {	
	content: '';
	height: 1.2rem;
    width: 1.2rem;
    display: inline-block;
    position: relative;
    top: 0.15rem;
    left: 0.5rem;
    z-index: 1;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FC0D78' class='bi bi-chevron-right' viewBox='0 0 17 27'%3E%3Cpath fill-rule='evenodd' d='M0 2.812l10.612 10.746L.298 24l2.847 2.81 11.701-11.848 1.387-1.405-1.387-1.406L2.846 0z'/%3E%3C/svg%3E");
}
.tile .more-link .btn-primary {
	font-size: 16px;
	font-weight: 700;
    color: var(--white);
	text-transform: none;
    background-color: var(--primary);
	border: 2px solid var(--primary);
    border-radius: 50px;
	padding: 8px 20px;
	margin-top: 15px;
    transition: background-color .3s ease-in-out;
}
.tile .more-link .btn-primary:hover {
    color: var(--primary);
    background-color: var(--white);
	border: 2px solid var(--primary);
	text-decoration: none;
}
.tile .resource-copyright {
	position: relative;
    top: revert;
    bottom: 20px;
    right: 0;
	float: right;
    -webkit-writing-mode: revert;
    -ms-writing-mode: revert;
    writing-mode: revert;
    transform: none;
    padding: 1px 5px;
}

/* modalbox */
/*==========*/
.modal-header {
    display: block;
}
.modalbox .btn {
	font-family: var(--zf);
	font-size: 1rem;
	font-weight: 700;
	color: var(--primary);
	text-transform: uppercase;
	background-color: var(--white);
	padding: 0.7rem 1.375rem;
	border: 2px solid var(--primary);
	border-radius: 3.125rem;
	display: flex;
    align-items: center;
	justify-content: center;
	transition: .3s;
}
.frame .frame .modalbox .btn-modal {
	width: 100%;
}
.modalbox .btn:hover {
	background-color: var(--primary);
	color: var(--white);
}
.modalbox .bi-arrows-fullscreen {
    margin-right: 18px;
    width: 20px;
    height: 20px;
}
.modalbox .btn span {
    margin-bottom: -3px;
}
.modalbox .btn:focus-visible {
	outline: 2px solid #000;
	outline-offset: 2px;
}
.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: var(--zf);
	font-size: 20px;
    background-color: #e5e7e6;
	border: 1px solid #f2f2f2;
    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: var(--primary);
    background-color: var(--white);
    border-color: #f2f2f2 #f2f2f2 var(--white) !important;
}
.nav-tabs .nav-link:hover {
    color: var(--white);
    background-color: var(--primary);
    border-color: #f2f2f2 #f2f2f2 #f2f2f2 !important;
}
.tab-content>.tab-pane {
    padding: 20px;
    border: 1px solid #f2f2f2;
    border-top-width: 0;
}
.nav-tabs {
    border-bottom: 1px solid #f2f2f2;
}


/* Accordion*/
/*==========*/
.accordion>.card {
    border-bottom: 1px solid #e5e7e6 !important;
}
.card {
    border: none;
    border-radius: 0;
}
.card-header {
    padding: 0;
}
.card-body {
    background: var(--white);
	padding: 0 1.25rem 1.25rem 0;
}
h3.accordion-title,
h4.accordion-title {
	font-size: 18px;
	margin: 0;
	background-color: var(--white);
    border-bottom: none;
}
/* aktiv */
.accordion-title a {
	display: inline-block;
	width: 100%;
	font-family: var(--zf);
	font-size: clamp(1rem, 4.5vw, 1.4375rem);
	font-weight: 700;
	color: var(--secondary);
	text-decoration: none;
	padding: 1.5rem 2.5rem 1.5rem 0;
    margin-bottom: 0;
    border-bottom: none;
}
.accordion-title a:after {
	content: '';
	height: 1.3125rem;
    width: 1.3125rem;
    display: block;
    position: absolute;
    top: 2rem;
    right: .5rem;
    z-index: 1;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	background-image: url("images/zfbkk-accordion-open.svg");
}
.accordion-title a:focus-visible {
	background-color: var(--light-blue) !important;
	text-decoration: underline !important;
	outline: none;

}
/* nicht aktiv */
.accordion-title a.collapsed {
	color: var(--primary);
}
.accordion-title a.collapsed:after {	
	background-image: url("images/zfbkk-accordion-close.svg");
}

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

/* footer */
.cover .footer { 
	margin-top: 0;
}
.footer { 
	position: absolute;
	margin-top: 40px;
	color: var(--white);
    background-color: var(--primary);
	border-top: 1px solid var(--primary);
}
.footer > .row { padding:15px 0;}
.footer a {
	color: var(--white);
}
.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: -.125em;
    text-align: center;
}
.bi.bi-printer {
	color:var(--white);
	vertical-align: -.125em;
}

@media (min-width: 768px) {
	.cover .coverteaser {
		margin-bottom: 10rem;
	}
	.resource-copyright {
		position: absolute;
		top: 0;
		right: 0;
		bottom: unset;
		float: none;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		transform: rotate(180deg);
		line-height: normal;
		padding: 5px 0;
	}
}
@media (max-width: 1199.98px) {
	.mood .frame-type-header h1 {
		font-size: 42px;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	.mag-title h3 {
		font-size: 16px !important;
	}
	.content h2, .content h3 {
		/* margin-bottom: 25px; */
		margin-top: 0;
	}
}

@media (max-width: 991.98px) {	
	.mood .frame-type-header h1 {
		font-size: 32px;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	} 
	
}

@media (max-width: 767.98px) {
	body {
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	.mag-title h2 {
		font-size: 24px !important;
	}
	.mag-title h3 {
		font-size: 16px !important;
	}
	.topstart {
		padding-top: 0;
		padding-bottom: 0;
	}
	.topstart .wrapper {
		padding: 0 10px;
	}
	.topstart .wrapper .row {
		align-items: flex-start;
	}
	.toptitle {
		font-size: 16px;
		text-align: center;
	}
	.topmenu {
		box-shadow: none;
	}
	.navbar {
		padding: 10px 0;
	}
	.navbar-brand img {
		height: auto;
		width: 100%;
		max-width: 160px;
	}
	.form_kesearch_searchfield { max-width: 150px; }
	.form_kesearch_searchfield .btn, .form-control {
		padding: .175rem .55rem !important;
	}
	.form-control.pt-2 { padding-top: .25rem !important; }
	.breezy {
		height: 20px;
	}
	.mood .img-overlay {
		position: relative;
		flex: 1;
	}
	.mood .frame-type-header h1 {
		font-size: 26px;
		color: #2c2c2c;
		background: rgba(255, 255, 255, .6);
		margin-bottom: 0;
		padding: 40px 20px 0 20px;
	}
	.resource-copyright {		
		position: relative;
		bottom: 14px;
		right: 0;
		top: unset;
		left: unset;
		-webkit-writing-mode: unset;
		-ms-writing-mode: unset;
		writing-mode: unset;
		transform: none;
		padding: 0 5px;
		max-width: max-content;
		float: right;
		margin-bottom: -14px;
	}
	.content:not(.cover .content) .frame:first-child {
		margin: 0;
	}	
	.content .frame-type-ce_columns2 .ce-col:not(:first-child) {
		margin: 50px 0 0 0;
	}
	h2 {
		font-size: 24px !important;
		font-size: 2.625rem;
	}
	h3 {
		font-size: 22px !important;
	}	
	.combo1 h1 {
		font-size: 24px;
	}
	h2.modal-title {
		font-size: 1.5rem !important;
	}
	.pt-4, .py-4 { padding-top: .5rem !important; }
	svg.bi-chevron-up { /* scrollbutton to top */
		left: 50%;
	}
	.tile a {
		font-weight: 400;
	}
	.tile .thumb { padding: 15px 0; }
	.footer { padding-bottom: 20px; }
	.footermenu span + span:before{
		content: " | ";
		padding: 0 2px;
	}
	.footermenu {
		margin-bottom:10px;
		hyphens: none;
	}
	.table {
		hyphens: none;
	}
	.card-body {
        padding: 0;
    }
	.tx-kesearch-pi1 input.form-control {
		max-width: 70%;
	}
	.kesearchbox .btn {
		font-size: inherit !important;
	}
	.tx-kesearch-pi1 #kesearch_results .teaser_icon img {
		float: none !important;
		display: block;
		margin-bottom: .5rem;
	}
	.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;
	}
	.text-column-2 {column-count: 1;}
	.text-column-3 {column-count: 1;}
	.text-column-4 {column-count: 1;}
	
	.nav-tabs .nav-link {
		border: 1px solid #f2f2f2;
		border-bottom-color: #f2f2f2;
		width: 100%;
		margin-bottom: .5rem;
	}
	.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus {
		border-color: #f2f2f2 #f2f2f2 #f2f2f2 !important;
		/* color: #cc071e  */;
	}
}

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


/* X-Large devices (custom large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	.pageArrow { top: 80%; }
	.pageArrow.prev { left: 5px; }
	.pageArrow.next { right: 5px; }
	.bi-chevron-left,
	.bi-chevron-right {
		width: 50px;
		height: 50px;
	}
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	.pageArrow { top: 85%; }
	.pageArrow.prev { left: 50px; }
	.pageArrow.next { right: 50px;	}
	.bi-chevron-left,
	.bi-chevron-right {
		width: 50px;
		height: 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;	}
	.bi-chevron-left,
	.bi-chevron-right {
		width: 50px;
		height: 50px;
		padding: .85rem;
		border-radius: 50%;
		background-color: rgba(255,255,255,.7);
		border: 1px solid #575756;
		outline: none;
		z-index: 11;
		pointer-events: all;
	}
} */

@media print {
	body, html {
		height: auto;
	}
	body {
		margin: 0;
		color: #000 !important;
	} 
	.wow {
		visibility: visible !important;
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
	* {
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-o-transition: none !important;
		transition: none !important;
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		visibility: visible !important;
	}
	.changecontrast, .pink-big-arrow, .rootline, .navbar, .moodnav, .mood img, .breezy, .frame-type-image, .resource-copyright, .footer, .top, svg.bi-chevron-up, .pageArrows, .newsticker, .news .news-date, a:after, .news .news-title, .news .news-teaser, .form_kesearch_searchfield, .modal.newsmodal, .nav-tabs .nav-link, .tile .thumb, .tile a.icon-after:before, .tile a.icon-after:after, .frame-layout-3 figure.video, button[data-toggle="modal"], .modal-header button, .btn-modalclose, .youtube-embed-wrapper, .form_kesearch_pi1, .accordion-title-link-state, .accordion-title a:after, .accordion-title a.collapsed:after, .accordion-title a:before, .accordion-title a.collapsed:before, .readtime, .icon-calendar, .content ul.checklist li:before {
        display: none !important;
		content: none !important;
    }
	.container, .container-fluid, .content {
		width: 100% !important;
		min-width: 100% !important;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: 0;
		margin-left: 0;
	}	
	.topstart .header-wrapper {
		padding: 0;
	}
	.topstart .header-wrapper .row {
		align-items: center;
		justify-content: space-between;
	}
	.content {
		margin-bottom: 15px;
	}
	.content .frame {
		padding: 0;
		margin: 40px 0 0 0;
	}
	.content .frame .frame {
		padding: 0;
		margin: 40px 0 0 0;
	}
	.ce-col, .col-md-6, .col-lg-6, .col-xl-6, .ce-col-collapse {
		max-width: 100%;
		flex: 100%;
	}
	.content .frame-type-ce_columns2 .ce-col:not(:first-child):not(:has(.frame-type-image)) {
		margin: 40px 0 0 0;
	}
	.img-overlay {
		display: block;
        position: relative;
        text-align: left;
        width: 100%;
        margin-bottom: 30px;
		margin-top: 30px;
		margin: 30px 0 30px 15px;
	}
	h1, h2, h3, h4 {
		font-size: revert;
		font-weight: revert;
		font-style: revert;
		color: #000 !important;
	}
	.mood .frame-type-header h1 {
		background: #fff;
		color: #000;
		margin: 0;
		padding: 0; 
		max-width: unset;
	}
	.frame a, .frame a:visited, .frame a:active, .frame a:focus {
		color: #000 !important;
		text-decoration: none;
	}	
	.content ul {
		padding: revert;
		list-style-type: revert;
	}
	.content li {
		padding-left: 0 !important;
	}
	.content li:before {
		content: none !important;
	}	
	.alert { 
		padding: 0 !important;
		color: #000 !important;
		background: transparent;
		border: transparent;
		margin-bottom: 0;
	}
	.alert h3 { 
		color: #000 !important;
		margin-bottom: 25px;
	}	
	.tile .tilecontent {
		padding: 0;
	}	
	.show-for-print { 
		display: block;
		font-weight: 700;
		margin: 0;
	}
	.nav-tabs {
		border-bottom: none !important;
	}
	.tab-content>.tab-pane { 
		padding: 0; 
		border: none; 
		visibility: visible !important;
		display: block !important;
		opacity: 1 !important;
		background-color: #fff !important;
	}
	.tab-content>.tab-pane:not(:first-child) {
		margin-top: 25px;
	}	
	.tab-content .show-for-print + .frame {
		margin: 15px 0 0 0;
	}		
	.modal { 
		padding: 0; 
		border: none; 
		visibility: visible !important;
		display: block !important;
		opacity: 1 !important;
		position: unset;
		overflow: visible;
	}
	.modal-dialog { 
		padding: 0;
		margin: 0;
		max-width: none;
	}
	.modal-content,
	.modal-header,
	.modal-footer {
		border: none;
		padding: 0;
	}
	.modal-body {
		padding: 1rem 0 0 0;
	}	
	.news .modal-body {
		padding: 1rem 0 2.5rem 0;
	}
	.news .modal-footer {
		border: none;
	}
	.frame-layout-3 .ce-center .ce-inner,
	.frame-layout-3 .ce-center .ce-outer {
		position: unset;
		float: none;
	}	
	.frame-layout-3 figure.image {
		display: table !important;
	}
	.frame-layout-1 {
		border: none;
	}
	.frame-type-ce_accordion {
		padding: 0 !important;
		background-color: #fff;
	}	
	.accordion-title a {
		padding: 1.25rem 0 !important;
	}
	.card-header {
		background-color: #fff !important;
		border-bottom: 1px solid #fff !important;
	}
	.card-body { 
		padding: 0 0 1.25rem 0;
		background-color: #fff;
	}
	.accordion>.card {
		border: none;
		border-bottom: none !important;
		margin: 0;
		margin-bottom: 2rem;
	}
	.collapse { 
		display: block !important;
		background-color: #fff;
		padding: 0;
	}
	table th, .table th,
	table td, .table td {
		color: #000 !important;
	}
	
	/* cover half */
	.coverteaser {
		background-color: #fff !important;
		margin-bottom: 40px !important;
	}
	.wrapper {
		padding: 0;
	}
	.teaser-container {
		max-width: 100%;
	}
	.cover .mood img {
		display: block !important;
	}
	.cover .combo1 {
        margin-top: 40px;
    }
	.cover .combo1 h1 {
        text-align: left;
    }
	.more-link {
		display: none;
	}
	
	/* custom checklist */	
	.print-checkbox {
		margin-top: 7px;
		margin-right: 10px;
	}
	.content ul.checklist li:before {
		display: none;
	}
	.content ul.checklist li {
		display: flex	;
		align-items: flex-start;
		padding: 0px !important;
	}	
}