@font-face {
	font-family: 'Open Sans Bold';
	src: url('../Fonts/ikk-gesundplus/opensans-bold.eot');
	src: url('../Fonts/ikk-gesundplus/opensans-bold.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/ikk-gesundplus/opensans-bold.woff2') format('woff2'),
		 url('../Fonts/ikk-gesundplus/opensans-bold.woff') format('woff'),
		 url('../Fonts/ikk-gesundplus/opensans-bold.ttf') format('truetype'),
		 url('../Fonts/ikk-gesundplus/opensans-bold.svg#open_sansbold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-display:swap;
}
@font-face {
	font-family: 'Open Sans Regular';
	src: url('../Fonts/ikk-gesundplus/opensans-regular.eot');
	src: url('../Fonts/ikk-gesundplus/opensans-regular.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/ikk-gesundplus/opensans-regular.woff2') format('woff2'),
		 url('../Fonts/ikk-gesundplus/opensans-regular.woff') format('woff'),
		 url('../Fonts/ikk-gesundplus/opensans-regular.ttf') format('truetype'),
		 url('../Fonts/ikk-gesundplus/opensans-regular.svg#open_sansregular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-display:swap;
}

/* oswald-700*/
@font-face {
  font-display: swap;
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/ikk-gesundplus/oswald-v56-latin-700.woff2') format('woff2');
}
/* roboto-regular */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/ikk-gesundplus/roboto-v48-latin-regular.woff2') format('woff2');
}
/* roboto-700 */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/ikk-gesundplus/roboto-v48-latin-700.woff2') format('woff2');
}

/* 
IKKGP
#0177a0 blue
#015b7a darkblue (hover)
#01516d darkblue (hover border)
#f6f6f6 light grey
#333 black

#333 Fließtext
#0A3547 petrol: bg, link
#002433 link
#CED7DA hellgrau
#00D1FF cyan

check - https://www.ikk-gesundplus.de/mitglied-werden/gute-gruende/?theme=2025
li - https://www.ikk-gesundplus.de/mitglied-werden/beitragssaetze/?theme=2025
accordion - https://www.ikk-gesundplus.de/gesundheit/erkrankungen-behandlung/erkrankungen-behandeln/erste-hilfe/?theme=2025
h2 38px
*/ 

html {
	scroll-behavior: smooth;
}
body, html {
	height: 100%;
}
body {
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #333; 
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);	
}

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

/* miscellaneous */
object {
	max-width: 100%;
	border:none !important;
}
.infoalerts { 
	margin: 15px;
}
.moodimg img,
.ce-image img, 
.ce-textpic img, 
embed, 
video {
	max-width: 100%;
	height: auto;
	width: auto;
	border:none !important;
	border-radius: .375rem;
}
.show-for-print { display: none;}
.content p,
.content li {
	font-size: 1.25rem;
	line-height: 2rem;
}

/* links */
.content a, .content a:hover, .content a:focus, .content a:visited { 
	color: #0A3547; 
	text-decoration: underline; 
}
a.link-external-blank:after {
	content: "";
	width: .7rem;
	height: .7rem;
	display: inline-block;
	vertical-align: text-top;	
	margin-left: 0.2rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%230A3547' d='M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6l0-128c0-17.7-14.3-32-32-32L352 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z'%3E%3C/path%3E%3C/svg%3E");
}
a img { 
	border: none !important; 
}
a img:focus,
a img:hover { 
	border: none !important; 
}

/* lists */
.content ul {
	padding: 0;
	list-style-type: none;
}
.content ul li {
	position: relative;
	padding-left: 1.5625rem;
}
.content ul li:not(:first-child):not(.nav-item),
.content ol li:not(:first-child) {
	margin-top: 15px;
}
.content ul li:not(.nav-item):before {
	content: "";
	margin-top: 0.35rem;
	height: 1.25rem;
	width: 1.25rem;
	position: absolute;
	display: block;
	margin-left: -1.5625rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='%23333333'%3E%3Cpath d='M566.6 342.6C579.1 330.1 579.1 309.8 566.6 297.3L406.6 137.3C394.1 124.8 373.8 124.8 361.3 137.3C348.8 149.8 348.8 170.1 361.3 182.6L466.7 288L96 288C78.3 288 64 302.3 64 320C64 337.7 78.3 352 96 352L466.7 352L361.3 457.4C348.8 469.9 348.8 490.2 361.3 502.7C373.8 515.2 394.1 515.2 406.6 502.7L566.6 342.7z'/%3E%3C/svg%3E");
}
.content .combo5 ul li:before {
	background-color: #fff;
}
.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: .4rem;
    margin: 0;
    padding: 0;
    color: transparent;
    display: block;
    width: 1.1875rem;
    height: 1.1875rem;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.25206 10.6821C4.07973 10.8569 3.79765 10.8569 3.62532 10.6821L0.304426 7.31273C0.135588 7.14143 0.135588 6.8663 0.304426 6.69499L1.48109 5.50117C1.6536 5.32614 1.93604 5.32635 2.10829 5.50163L3.93869 7.36422L9.89171 1.31826C10.064 1.14327 10.3462 1.1432 10.5186 1.3181L11.6956 2.51224C11.8644 2.68354 11.8644 2.95867 11.6956 3.12997L4.25206 10.6821Z' fill='%230A3547'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}
.content .combo5 ul.checklist li:before {
	background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.25206 10.6821C4.07973 10.8569 3.79765 10.8569 3.62532 10.6821L0.304426 7.31273C0.135588 7.14143 0.135588 6.8663 0.304426 6.69499L1.48109 5.50117C1.6536 5.32614 1.93604 5.32635 2.10829 5.50163L3.93869 7.36422L9.89171 1.31826C10.064 1.14327 10.3462 1.1432 10.5186 1.3181L11.6956 2.51224C11.8644 2.68354 11.8644 2.95867 11.6956 3.12997L4.25206 10.6821Z' fill='%23ffffff'/%3E%3C/svg%3E");
}
ol > li::marker {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

/* titles */
.frame-type-header h2,
.frame-type-header h3 {
	padding-bottom: 0;
}
h1 {
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size: 4rem;
	font-weight: 700;
	color: #0A3547;
}
h2, h2.h2-layout2 {
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size: 2.375rem;
	font-weight: 700;
	color: #0A3547;
	position: relative;
}
h3, .h3 {
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size: 1.875rem;
	font-weight: 700;
	color: #0A3547;
}

/* custom spacing */
.content h1 {
	margin-bottom: 35px;
	margin-top: 45px;
}
.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: 1rem;
}
.content p:last-child {
	margin-bottom: 0;
}
.content .frame {
	padding: 0 15px;
	margin: 70px 0 0 0;
}
.content .frame .frame:first-child,
.content .frame .accordion .frame,
.content .frame .tabs .frame,
.content .frame .modalbox .frame,
.content .frame .flexslider .frame {
	padding: 0;
	margin: 0;
}
.content .frame .frame {
	padding: 0;
	margin: 50px 0 0 0;
}
@media (max-width: 767.98px) {
	.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: 25px 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: .375rem;
}
.alert h3 {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 1.875rem;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 23px;	
	margin-top: 0 !important;
}
.combo3 {
	background-color: #F3F5F6;
	color: #333;
	border-color: transparent;
}
.combo3 h3 {
	color: #0A3547;
}
.combo5 {
	background-color: #0A3547;
	color: #fff;
	border-color:transparent;
}
.combo5 h3 {
	color: #fff;
}
.combo5 a, .combo5 a:hover, .combo5 a:focus, .combo5 a:visited { 
	color: #fff;
	text-decoration: underline;
}
.combo5 a.link-external-blank:after,
.combo5 a.link-external-blank:hover:after {
	background-color: #fff;
}

/* cover */
.stage-body {
	background-color: #fff;
}
.stage {
	background-color: #0A3547;
}
.covertop {
	background-color: #fff;
	padding: 1rem 0;
}
.grid-container {
	max-width: 1920px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0 120px;
}
.stage-content {
	margin: 1rem 0;
}
.wordbox {
	margin: 2rem 0;
}
.wordbox h1, .wordbox h2 {
	font-family: 'Oswald', arial, helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	background-color: transparent;
	display: block;
	white-space: nowrap;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.wordbox h1 {
	font-size: 2.5rem;
}
.wordbox h2 {
	font-size: 2rem;
	margin: 0;
}
.buttonbox {	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.stage .button {
	font-family: 'Roboto', arial, helvetica, sans-serif;
	font-size: 1.225rem;
	font-weight: 400;
	text-transform: none;
	text-decoration: none;
	color: #000;
	background: #00D1FF;
	border: 2px solid #00D1FF;
	border-radius: .375rem;
	display: inline-block;
	padding-inline: calc(.25rem * 6);
	padding-block: calc(.25rem * 3);
	margin-bottom: 2rem;
}
.stage .button:hover {
	color: #CED7DA;
	background: transparent;
	text-decoration: underline;
}
.covernews {
	color: #fff;
	margin: 0.5rem 0;
}
.covernews h2 a {
	font-family: 'Roboto', arial, helvetica, sans-serif;
	color: #fff !important;
	text-decoration: none !important;
}
.covernews h2 a:hover,
.covernews h2 a:focus {	
	color: #fff;
	text-decoration: underline;
}
.covernews-title {
	color: #fff;
	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 640 640' fill='%23ffffff'%3E%3Cpath d='M566.6 342.6C579.1 330.1 579.1 309.8 566.6 297.3L406.6 137.3C394.1 124.8 373.8 124.8 361.3 137.3C348.8 149.8 348.8 170.1 361.3 182.6L466.7 288L96 288C78.3 288 64 302.3 64 320C64 337.7 78.3 352 96 352L466.7 352L361.3 457.4C348.8 469.9 348.8 490.2 361.3 502.7C373.8 515.2 394.1 515.2 406.6 502.7L566.6 342.7z'/%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: .375rem;
	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: 10px 1px 1px 1px;
	border-top-left-radius: 30px;
}
.covermenu {
	color: #0A3547;
	background-color: #fff;
	text-align: right;
	padding: 20px;
}
.covermenu a { 
	color: #0A3547; 
	text-decoration: none;
}
.covermenu a:hover { 
	color: #0A3547;
	text-decoration: underline;
}
.covermenu span + span:before {
	content: " | ";
	padding: 0 10px;
	color: #0A3547;
}
@media (max-width: 767.98px) {
	.grid-container {
		padding: 0 15px;
	}
	.covertop {
		padding: 0;
	}
	.btn-stage {
		margin: 0 auto;
		display: block;
	}
}
@media (max-width: 991.98px) {
	.covernews {
		margin-top: 2rem;
	}	
	.covermenu {
		display: flex;
		justify-content: center;
	}
}
@media (min-width: 576px) {
	.wordbox h1 {
	   font-size: 3.25rem;
	}
}
@media (min-width: 992px) {
	.buttonbox {
		align-items: flex-start;
		margin: 2rem 0;
	}
	.imgwrap {
		margin-bottom: -120px;
	}
}
@media (min-width: 1200px) {
	.wordbox h1 {
	   font-size: 4.25rem;
	}
}

/* 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: #333;
  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 #CED7DA;
  color: #333;
}
.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: #0A3547;
	box-shadow: inset 40rem 0 0 0 #0A3547;
	padding: 0.5rem 2rem 0.5rem 2rem;
	margin-left: -1.5rem;
	margin-top: 0;
	transition: box-shadow 0.5s ease-in 0.1s;
}

/* topstart */
@media (min-width: 1400px) {
	.container-custom {
	   max-width: 1320px;
	}
}

.topstart {
	margin: 10px 0;
}
.topstart .container .row {
	align-items: flex-end;
}
.mag-title {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 1.75rem;
	color: #0A3547;
	opacity: .7;
	/* padding-bottom: .3125rem; */
}

/* header */
.mood {
	background-color: #0A3547;
}
.moodimg {
	position: relative;
	background: linear-gradient(to bottom, #0A3547 50%, white 50%);
}
.img-overlay {
	justify-content: center;
	align-items: flex-end;
	display: flex;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 40px;
}
.mood .frame-type-header h1 {
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-size: 4.875rem;
	line-height: 4.625rem;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	width: 100%;
	padding-block-start: 70px;
	padding-block-end: 50px;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.resource-copyright {	
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 0.875rem;
	color: rgba(0, 0, 0, 0.7);
	background-color: rgba(255, 255, 255, 0.7);
	z-index: 2;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	line-height: 1;
	padding: 10px 1px 5px 1px;
	border-top-left-radius: .375rem;
}
.moodimg .resource-copyright {	
	margin-right: 15px;
}
.resource-copyright p {
	margin: 0;
}

.linktotop {
	display: none;
	position: fixed;
	bottom: 4px;
	right: 4px;
	width: 34px;
	height: 34px;
	border-radius: .375rem;
	background-color: #F3F5F6;
	opacity: 0.8;
	outline: none;
	z-index: 11;
	pointer-events: all;
	z-index: 50;
}
.top {
	display: flex;
	justify-content: center;
	align-items: center;	
	width: 100%;
	height: 100%;
}
.arrow-up {
	width: 17px;
	height: 17px;
}
.linktotop:hover {
	opacity: 1;
}

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

/* breadcrumb */
.peripherie .rootline { display: none; }
.rootline {
	font-size: .8125rem;
	font-weight: 400;
	color: #CED7DA !important;
	padding-block: 1.5625rem;
	padding-inline: 1rem;
}
.rootline ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.rootline li {
	list-style-type: none;
	display: inline-block;
}
.rootline a {
	color: #CED7DA !important;
	text-decoration: none;
	margin: 2px;
	padding: 0 .2rem;
	display: inline-block;
}
.rootline svg {
	vertical-align: sub;
}
.rootline .crumb-item:before {
	content: '';
	display: inline-block;
	height: .7rem;
	width: .7rem;
	margin: 0 10px;
	/* vertical-align: middle; */
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.24 6.50001C1.10745 6.50001 1 6.39256 1 6.26001V5.74001C1 5.60746 1.10745 5.50001 1.24 5.50001H9.086L7.28071 3.69471C7.18698 3.60099 7.18698 3.44903 7.28071 3.3553L7.64829 2.98771C7.74202 2.89399 7.89398 2.89399 7.98771 2.98771L10.8303 5.8303C10.924 5.92403 10.924 6.07599 10.8303 6.16971L7.98771 9.0123C7.89398 9.10603 7.74202 9.10603 7.64829 9.0123L7.28071 8.64471C7.18698 8.55099 7.18698 8.39903 7.28071 8.3053L9.086 6.50001H1.24Z' fill='%23CED7DA'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
}

/* Search topmenu*/
.btn-search,
.navigation-searchflyout-close {
	padding: .625rem;
	background: #F3F5F6;
	border: 2px solid #F3F5F6;
	border-radius: 0.375rem;
}
.btn-search:hover {
	background: transparent;
}
.navigation-searchflyout-close:hover {
	background: #fff;
}
.icon-search {
	fill: #0A3547;
}
.dropdown-search {
	background-color: #fff;
	border: none;
	border-radius: 0;
	border-bottom-left-radius: .375rem;
	border-bottom-right-radius: .375rem;
	padding: 1rem;
	margin-top: -1px;
}
.form_kesearch_searchfield .input-group {
	width: 100%;
	gap: .5rem;
}
.form_kesearch_searchfield .label {
	font-size: 0.875rem;
	color: #0A3547;
	background-color: #fff;
	position: absolute;
	top: -11px;
	left: .5rem;
	width: fit-content;
	padding-inline: .25rem;
	margin-bottom: 0;
	z-index: 4;
}
.form_kesearch_searchfield .form-control {
	font-size: 1rem;
	color: #333;
	background-color: #fff;
	display: block;
	height: auto;
	background-clip: padding-box;
	border: 2px solid #CED7DA;
	border-radius: 0.375rem !important;
	padding: .5rem 1rem;
}
.form_kesearch_searchfield .form-control::placeholder {
    font-size: smaller;
}
.form_kesearch_searchfield .btn {
	font-weight: 700;
	color: #000;
	background: #00D1FF;
	border: 2px solid #00D1FF;
	border-radius: 0.375rem;
	padding: .75rem .5rem;
}
.form_kesearch_searchfield .btn:not([disabled]):hover {
	background: transparent;
}
.search-message {
	visibility: hidden;
}
.search-message.show {
	visibility: visible;
	margin: .5rem 0;
}
.navigation-flyout-close {
	display: none;
}
.navigation-searchflyout-close {
	position: absolute;
	right: 3rem;
	bottom: -1.5rem;
}
.icon-close {
	width: 2rem;
	height: 2rem;
	fill: #0A3547;
}
@media (min-width: 576px) {
	.dropdown-search {
		min-width: 30rem;
		padding: 3rem;
	}
	.form_kesearch_searchfield .input-group {
		gap: 1rem;
	}
	.form_kesearch_searchfield .label {
		font-size: 1rem;
		left: 1.5rem;
	}
	.form_kesearch_searchfield .form-control {
		font-size: 1.25rem;
		padding: 1rem 1.5rem;
	}
	.form_kesearch_searchfield .btn {
		padding: .75rem 1rem;
	}
}

/* navbar */
.dropdown { position: static; }
.dropdown-menu { 
	width: 100%;
}
.bg-light {
	background-color: #fff !important;
}
.topmenu {	
	padding-top: 1.5rem;
}
.peripherie .topmenu {	
	padding: .5rem 0;
}
.topmenu.fixed-nav {
	z-index: 10;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	transition: all .2s linear;
	box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.1);
}
.navbar {
	padding: 0;
}
.navbar-light .navbar-brand {
	padding: 0;
	margin: 0;
	margin-top: -1rem !important;
}
.navbar-light .navbar-brand img,
.printlogo {
	width: 200px;
	height: auto;
}
.peripherie .navbar-light .navbar-brand {
	margin-top: unset !important;
}
.mobile-controls {
	display: flex;
    align-items: center;
    gap: .625rem;
    margin-left: auto;
}
.navbar-toggler {	
	border: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
}
.navbar-toggler {
	display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 2rem;
    height: 2rem;
}
.navbar-toggler span {
	display: block;
	width: 100%;
	height: 3px;
	background-color: #0A3547;
	transition: all .2s ease;
	transition-delay: 0s;
	transition-behavior: normal;
}
.navbar-toggler span:nth-child(2) {
    width: 20px;
}
.navbar-toggler[aria-expanded=true] span:nth-child(1) {
    translate: 0 8px;
    rotate: 45deg;
}
.navbar-toggler[aria-expanded=true] span:nth-child(2) {
    opacity: 0;
}
.navbar-toggler[aria-expanded=true] span:nth-child(3) {
    translate: 0 -10px;
    rotate: -45deg;
}
.navbar-light .navbar-nav .nav-link {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1;
	color: #0A3547;
	background-color: transparent;
	padding: 2rem 0; 
	border: none;
}
.dropdown-toggle::after {
	display: none;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: #0A3547;
}
.navbar-light .navbar-nav .dropdown-menu {
	background-color: #fff;
	border: none;
	border-radius: 0;
	border-bottom-left-radius: .375rem;
	border-bottom-right-radius: .375rem;
	min-width: 30rem;
	/* width: 80%; */
	margin: 0;
	padding: 0;
}
.dropdown-leveltitle { 
	display: none;
}
.navbar-light .navbar-nav .dropdown-menu .nav-item {
	list-style: none;
}
.navbar-light .navbar-nav .dropdown-menu .nav-link {
	font-size: 1rem;
	color: #0A3547;
	width: 100%;
	display: inline-block;
	padding: .8rem;
	-webkit-transition: none;
	transition: none;
}
.navbar-light .navbar-nav .dropdown-menu .nav-link:focus, 
.navbar-light .navbar-nav .dropdown-menu .nav-link:hover {
	color: #0A3547 !important;
	background: transparent;
	-webkit-transition: none;
	transition: none;
}
/* active */
.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: #0A3547;
}
.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: #0A3547;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.navbar-light .navbar-nav .nav-link {
		font-size: 1rem;
	}
}
@media (min-width: 992px) {
	.dropdown:not(.searchArea):hover>.dropdown-menu {
		display: block;
	}
	.navbar-expand-lg .navbar-nav {
		width: 100%;
		justify-content: flex-end;
		gap: 2rem;
		margin-right: 2rem !important;
	}
	.navbar-light .navbar-nav .dropdown-menu { 
		box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.1);
	}
	.dropdown-table { display: table; }
	.dropdown-leveltitle { 
		display: table-cell;
		vertical-align: middle;
		padding: 2rem;
		background-color: #CED7DA;
		color: #0A3547;
		font-weight: 700;
		border-bottom-left-radius: .375rem;
	}
	.dropdown-ul { 
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		column-gap: 2rem;
		row-gap: 1rem;
		width: 100%;
		padding: 3rem;
	}
	.navbar-light .navbar-nav .dropdown-menu .nav-item {
		width: calc(50% - 30px) !important;
	}	
	.navbar-light .navbar-nav .nav-item span {
		position: relative;
	}
	.navbar-light .navbar-nav .nav-item span:not(.dropdown-menu span):after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 3rem;
		height: 2px;
		width: 100%;
		background-color: transparent;
		scale: 0 1;
		transition: all .2s ease;
		transition-delay: 0s;
		transition-behavior: normal;
	}
	.navbar-light .navbar-nav .nav-item:has(:hover) span:not(.dropdown-menu span):after {
		background-color: #0a3547;
		scale: 1 1;
	}	
	.navbar-light .navbar-nav .dropdown-menu .nav-link {
		font-size: 1.125rem;
		background: #F3F5F6;
		border: 2px solid #F3F5F6;
		border-radius: .375rem;
	}
	
}
@media (max-width: 991.98px) {
	.topmenu {
		padding-top: 0;
	}
	.topmenu.fixed-nav {
		box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.1);
	}	
	/* .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%2829, 29, 29, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
	} */
	.btn-search {
		padding: .1rem;
		background: #fff;
		border: none;
		border-radius: 0.375rem;
	}
	.topmenu .navbar-brand {
		margin-top: 0px !important;
	}
	.topmenu .navbar-brand img {
		width: 150px;
	}
	.navbar {
		padding: .5rem 0;
		align-items: flex-end;
	}
	.navbar-nav {
		margin-top: 2rem;
		max-height: 400px;
		overflow-y: auto;
		gap: 1rem;
	}
	.navbar-light .navbar-nav .nav-item {
		margin-right: 0;
	}
	.navbar-light .navbar-nav .nav-link {
		padding: .5rem 0;
	}
	.navbar-light .navbar-nav .dropdown-menu {
		min-width: 10rem;
		border: none;
	}	
	.dropdown-ul {
		overflow-x: hidden;
		overflow-y: auto;
		max-height: 60vh;
	}
	.navbar-light .navbar-nav .dropdown-menu .nav-link {
		padding: .5rem 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: 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: transparent;
  quotes: "\201C""\201D""\2018""\2019";
  margin: 0;
}
blockquote:before {
  color: #00D1FF;
  content: open-quote;
  font-size: 6rem;
  line-height: 0.1rem;
  margin-right: 0.25rem;
  vertical-align: -2.5rem;
}
blockquote:after {
	color: #00D1FF;
    content: close-quote;
    font-size: 6rem;
    line-height: 0.1rem;
    margin-left: 0.25rem;
    vertical-align: -3.5rem;
}
.combo3 blockquote:before,
.combo3 blockquote:after {
  color: #00D1FF;
}
.combo5 blockquote:before,
.combo5 blockquote:after {
  color: #fff;
}
blockquote p {
  display: inline;
}
blockquote + p:empty {
	padding:0 !important;
	margin:0;
}
.text-justify,
.text-column {	
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.inline { display:inline-block; }
.em { font-style: italic; }
b, strong, .strong { font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight: 700; }
span.small, div.small, p.small, small { font-size:15px; }
span.important { color: #AD235E; }
.lead {
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	margin-bottom: 3rem;
}

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


/* KeSearch */
.tx-kesearch-pi1 {
	font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}
.tx-kesearch-pi1 input.form-control {
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.4;
	color: #333;
	background-color: #fff;
	display: block;
	height: auto;
	background-clip: padding-box;
	border: 2px solid rgba(10, 53, 71, .6);
	border-radius: 0.375rem !important;
	padding: .375rem 1rem;
}
#kesearch_num_results {
	color: #333 !important;
	float: none !important;
}
#kesearch_results .result-list-item .result-number, 
#kesearch_results .result-list-item .result-title {
	font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
	font-size: 1.3rem !important;
}
.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {
	color: #0A3547 !important;
	border: 1px solid #00D1FF;
}
.tx-kesearch-pi1 #kesearch_results .teaser_icon img {
	object-fit: cover;
	width: 73px;
	height: 73px;
	margin-right: 25px !important;
}
#kesearch_results .result-list-item .result-teaser {
	color: #333 !important;
}
.kesearchbox .btn {
	font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
	font-weight: 700 !important;
	background: #00D1FF;
	color: #000;
	border: 2px solid #00D1FF;
	border-radius: 0.375rem;
	padding: 6px;
}
.kesearchbox .btn:not([disabled]):hover {
	background: transparent;
	box-shadow: none !important;
	transform: none !important;
}
.kesearch_pagebrowser ul li:before {
	display: none !important;
}
#kesearch_pagebrowser_top a, #kesearch_pagebrowser_bottom a {
	padding: 10px !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: 'LucidaSansEF';
	color: #333;
	font-size: 16px;
	line-height: 1.8;
}
.tile .linktext {
	background-color: transparent;
	color: #AD235E;
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
}
.tile svg.bi-caret-right-square-fill {
	vertical-align: baseline;
	margin-left: 10px;
}

/* footer */
.footer { 
	position: absolute;
	margin-top: 40px;
	color: #fff;
	background-color: #0A3547;
	border-top: 1px solid #0A3547;
}

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


/* modalbox */
/*==========*/
.modal-header {
	display: block;
}
.modalbox .btn {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #0A3547;
	background: #CED7DA !important;
	border: 2px solid #CED7DA;
	border-radius: .375rem;
	position: relative;
	padding: 1rem 2rem;
	transition: .3s;
}
.frame .frame .modalbox .btn {
	width: 100%;
}
.modalbox .btn:hover {
	background: transparent !important;
}
.modalbox .bi-arrows-fullscreen {
	margin: -3px 16px 0 0;
	fill: #0A3547;
	width: 1rem;
	height: 1rem;
}
.modal-content { 
	padding: 1rem;
	border-radius: .375rem;	
}
h2.modal-title { 
	font-size: 2rem !important;
}
.modal-header .close {
	padding: 1rem 1rem;
	margin: -2rem -2rem -2rem auto;
	font-size: 2rem;
}
.modalbox h1, .modalbox h2, .modalbox h3 {
	margin-bottom: 0;
	margin-top: 0;
}
.col-md-6 .modalbox > button { width: 100%; }

/* tabs */
/*==========*/
.content ul.nav-pills li,
.content ul.nav-tabs li {
	list-style: none;
}
.nav-tabs {
	border-bottom: 1px solid #CED7DA;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	border-color: #CED7DA;
	border-bottom-color: transparent;
}
.content ul.nav-pills li,
.content ul.nav-tabs li {
	list-style: none;
	padding: 0;
	background-image: none;
}
.nav-tabs .nav-link {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 1.375rem;
	line-height: revert;
	color: #0A3547;
	background-color: #F3F5F6;
	border: 1px solid #CED7DA;
	cursor: pointer;
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	text-decoration: none !important;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
	color: #0A3547 !important;
	background-color: #F3F5F6;
	border-color: #CED7DA;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus {
	color: #0A3547 !important;
	background-color: #fff;
	border-bottom-color: transparent;
}
.tab-content>.tab-pane {
	background-color: #fff;
	border-bottom-left-radius: .5rem;
	border-bottom-right-radius: .5rem;
	border: 1px solid #CED7DA;
	border-top-width: 0;
}

/* Accordion*/
/*==========*/
.accordion .panel {
	background-color: #fff;
	position: relative;
	border-radius: .375rem;
	border: 2px solid #F3F5F6;
}
.accordion .panel.active {
	background-color: #F3F5F6;
}
.accordion .panel:not(:last-child) {
	margin-bottom: .6rem;
}
.bootstrap.accordion .panel-title {
	margin: 0;
}
.accordion .panel-title a {
	font-family: 'Roboto', sans-serif, Arial, Helvetica;
	font-size: 1.375rem;
	text-decoration: none;
	color: #0A3547;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 1.375rem 1.563rem;
	margin: 0;
	transition: background-color .3s ease-in-out;
}
.e-icon-toggle {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.25rem;
	height: 2.25rem;
	background-color: #0A3547;
	border: 2px solid #224959;
}
.accordion-toggle.collapsed .e-icon-toggle:after {
	content: "";	
	display: inline-block;
	width: 1rem;
	height: 1rem;
	background-color: #fff;
	mask-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.25 0.5V14' stroke='white' stroke-width='2'/%3E%3Cpath d='M0.5 7.25H14' stroke='white' stroke-width='2'/%3E%3C/svg%3E");	
	mask-size: auto 100%;
	mask-repeat: no-repeat;
	transition: all .3s ease-in-out;
}
.accordion-toggle[aria-expanded="true"] .e-icon-toggle:after {
	content: "";	
	display: inline-block;
	width: 1rem;
	height: 1rem;
	background-color: #fff;
	mask-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.25 0.5V14' stroke='white' stroke-width='2'/%3E%3Cpath d='M0.5 7.25H14' stroke='white' stroke-width='2'/%3E%3C/svg%3E");	
	mask-size: auto 100%;
	mask-repeat: no-repeat;
	rotate: 45deg;
	transition: all .3s ease-in-out;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
	padding: 0 1.563rem 1.375rem 1.563rem;
}


/* flexslider styles in  flexslider.css in EXT:bsgrids */

/* youtube videos embed */
.video[data-type="external"] .video-embed {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
}
.video[data-type="external"] .video-embed iframe,
.video[data-type="external"] .video-embed object,
.video[data-type="external"] .video-embed embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video[data-type="external"] {
	max-width: 100%;
	width: 600px;
	left: 0;
	right:0;
	margin:auto;
}

@media (max-width: 991.98px) {
	
}
@media (max-width: 767.98px) {
	body {
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	.container.container-custom {
		padding-right: 0;
		padding-left: 0;
	}
	.content .frame {
		margin: 50px 0 0 0;
	}
	.mag-title {
		font-size: 18px;
	}
	.topmenu { /* put arrows below dropdown-menu */
		position: relative;
		z-index: 12;
	}
	.rootline {
		display: none;
	}
	.mood .frame-type-header h1 {
		font-size: 22px;
		line-height: initial;
		max-width: unset;
		margin: 0;
		padding: 20px 0;
	}
	.resource-copyright:not(.stage .resource-copyright) {
		font-size: x-small;
		position: absolute;
		bottom: 0;
		right: 0;
		top: unset;
		-webkit-writing-mode: unset;
		-ms-writing-mode: unset;
		writing-mode: unset;
		transform: none;
		padding: 1px 10px 1px 5px;
		border-top-left-radius: 0;
		border-bottom-right-radius: .375rem;
	}
	.moodimg .resource-copyright {
		bottom: unset;		
	}
	.page-meta-infos {
		flex-direction: column;
	}
	.readtime {
		margin-left: 0;
	}
	h2 {
		font-size: 28px !important;
		font-size: 2.625rem;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	h3 {
		font-size: 24px !important;
	}
	.pt-4, .py-4 { padding-top: .5rem !important; }
	svg.bi-chevron-up { /* scrollbutton to top */
		left: 50%;
	}
	.tile .linktext {
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	.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;
	}
	.tx-kesearch-pi1 form {
		margin: 0;
	}
	.modalbox > button {
		width: 100%;
	}
	h2.modal-title {
		font-size: 1.3rem !important;
	}
	.nav-tabs .nav-link.active {
		/* color: #fff !important;
		background-color: #CED7DA !important; */
	}
	.news h2.pubdate {
		font-size: 1.3rem !important;
		padding: 0.5rem 2rem 0.2rem 2rem;
	}
	.news .bodytext {
		padding: 1rem 0 1rem 1rem;
		left: 1rem;
		width: 100%;
	}
}

/* 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 {
	fill: #0A3547;
	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, 1024px and up) */
@media (min-width: 1024px) { 
	.pageArrow { top: 80%; }
	.pageArrow.prev { left: 5px; }
	.pageArrow.next { right: 5px; }
	.bi-chevron-left,
	.bi-chevron-right {
		width: 50px;
		height: 50px;
		padding: .65rem;
		border-radius: .375rem;
		background-color: #F3F5F6;
		border: 2px solid #F3F5F6;
		outline: none;
		box-shadow: 1px 1px 3px rgba(189, 216, 218,.4);
		z-index: 11;
		pointer-events: all;
	}
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	.pageArrow { top: 70%; }
	.pageArrow.prev { left: 50px; }
	.pageArrow.next { right: 50px; }
}
/* XXX-Large devices (custom larger desktops, 1720px and up) */
@media (min-width: 1720px) {
	.pageArrow { top: 70%; }
	.pageArrow.prev { left: 250px; }
	.pageArrow.next { right: 250px;	}
}

/* wcag */
/* ==== */
*:focus:not(:focus-visible) {
	outline: none
}
*:focus-visible {
	outline: 2px solid #0A3547;
	outline-offset: 2px;
	border-radius: .375rem;
}
.btn.focus, 
.btn:focus, 
.form-control:focus,
.page-link:focus {
	box-shadow: none !important;
}
.navbar-brand:focus-visible,
.form_kesearch_searchfield .btn:focus-visible,
.kesearchbox .btn:focus-visible,
.pageArrow:focus-visible,
.page-link:focus-visible,
.modalbox .btn:focus-visible {
	outline: 2px solid #0A3547 !important;
	outline-offset: 2px;
	border-radius: .375rem;
}
.stage .button:focus-visible,
.covernews h2 a:focus-visible,
.covernews-link a:focus-visible,
.crumb-item a:focus-visible,
.btn-home-link:focus-visible,
.combo5 a:focus-visible,
.top:focus-visible {
	outline: 2px solid #fff !important;
	outline-offset: 2px;
	border-radius: .375rem;
}
.form-control:focus-visible {
	outline: 2px solid #00D1FF !important;
	outline-offset: 0;
	border-color: #00d1ff;
	border-radius: .375rem;
}
.crumb-item a:focus-visible,
.btn-home-link:focus-visible {
	outline-offset: 0;
}
/* .pageArrow:focus-visible,
.top:focus-visible {
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 1);
} */
.top:focus-visible {
	outline-offset: 4px;
}
.accordion a:focus-visible {
	background-color: #F3F5F6 !important;
}
.nav-tabs .nav-link:focus-visible {
	outline: 2px solid #0A3547;
	outline-offset: 2px;
}
video:focus-visible {
	outline: 0;
	outline-offset: unset;
	border: 2px solid #0A3547 !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: #0A3547 !important;
	text-decoration: underline;
	position: absolute;
	padding: 1rem 2rem;
	display: block;
	border: 1px solid #00D1FF;
}
.skip-link:not(:focus-visible):not(:focus):not(:active),
.visually-hidden { 
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: auto;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap;
}
summary {
	display: inline-block;
	list-style: none;
	width: 1.5rem;
	height: 1.5rem;
	margin: 0 0 .5rem .5rem;
}
.details-content {
	font-size: smaller;
	padding: .5rem;
}

/* @media print */
@media print {
 
	.wow {
		visibility: visible !important;
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
	* {
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-o-transition: none !important;
		transition: none !important;
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		visibility: visible !important;
	}

	.navbar, .moodimg img, .resource-copyright, .footer, .top, svg.bi-chevron-up, .pageArrows, .rootline, .readtime, .icon-calendar, .covermenu {
        display: none;
    }
	.mag-title {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	.mood {
		margin-top:0 !important;
		background-color: #fff;
	}
	.fixed-nav { margin-top: -24px !important; }
	.topmenu {
		border-bottom: none;
	}
	.mood .frame-type-header h1 {
		font-size: 45px !important;
		background: #fff;
		-webkit-backdrop-filter: unset;
		backdrop-filter: unset;
		color: #333;
	}
	.container, .content { width:100%; }
	.content { margin-bottom: 15px; }	
	.content .col > div:first-of-type {
		margin-top: 15px;
	}
	.alert { 
		/* padding: 0 !important; */
		color: #333 !important;
		background: transparent;
		border: 1px solid #CED7DA !important;
	}
	.alert h3, h2, h3 { color: #333; }
	ul.nav-tabs,
	ul.nav-pills { display: none; }
	p.show-for-print { 
		display: block;
		font-family:'Roboto', Arial, Helvetica, sans-serif;
		font-weight: 700;
	}
	.tab-content>.tab-pane { 
		padding: 0; 
		border: none; 
		visibility: visible !important;
		display: block !important;
		opacity: 1 !important;
		margin-top: 25px;
	}
	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;
	}
	.bootstrap.accordion .panel-title a {
		padding: 7px 0;
	}
	.collapse {
		display: block !important;
	}
	.accordion .panel { border: none; }
	.accordion .panel.active { background-color: #fff; }
	.e-icon-toggle,
	.e-icon-toggle:after {
		display: none;
	}
	.accordion .panel:not(:first-of-type) .panel-title a {
		padding-top: 30px;
	}
	.panel-default>.panel-heading+.panel-collapse>.panel-body { 
		border: none;
		padding: 0;
	}
	.content .col-md-6 {
		flex: none;
		max-width: 100%;
	}
	table { page-break-inside:auto }
    tr    { page-break-inside:avoid; page-break-after:auto }
    thead { display:table-header-group }
	.table-dark,
	.table-dark h3,
	.table-dark.table-hover tbody tr:hover,
	table.thead-dark th {
		color: #333;
		background-color: #fff;
	}
	.table-responsive-lg {  display: table;  }
	a {
        text-decoration: none !important;
        color: #333 !important;
    }
	a.link-external-blank:after { display: none !important; }
	.content ul {
		padding-left: revert;
		list-style-type: revert;
	}
	.content li {
		margin: revert;
		position: revert;
	}
	.content li:before {
		display: none !important;
	}
	.print-checkbox {
		margin-top: 7px;
		margin-right: 10px;
	}
	.content ul.checklist li {
		display: flex	;
		align-items: flex-start;
		padding: 0px !important;
	}	
	blockquote {
        border: none;
    }
	blockquote:before,
	blockquote:after,
	.combo5 blockquote:before,
	.combo5 blockquote:after	{
		color: #CED7DA;
    }
	.content .frame-type-gridelements_pi1 .col-xs-12.col-md-6:first-child { /* first nested contentelement in 2-column container */
		margin-bottom: 25px;
	}
	.frame-type-image.frame-layout-0  { display: none; } /* decorative images */
	.frame-type-textpic.frame-layout-0 .ce-gallery { display: none; } /* decorative images */
}