@font-face {
	font-family:'Open Sans';
	font-style:italic;
	font-weight:400;
	font-display: swap;
	font-stretch:normal;
	src:url('../Fonts/ikk-suedwest/Open_Sans-italic-400.woff') format('woff');
	unicode-range:U+0-10FFFF;
}
@font-face {
	font-family:'Open Sans';
	font-style:italic;
	font-weight:600;
	font-display: swap;
	font-stretch:normal;
	src:url('../Fonts/ikk-suedwest/Open_Sans-italic-600.woff') format('woff');
	unicode-range:U+0-10FFFF;
}
@font-face {
	font-family:'Open Sans';
	font-style:normal;
	font-weight:400;
	font-display: swap;
	font-stretch:normal;
	src:url('../Fonts/ikk-suedwest/Open_Sans-normal-400.woff') format('woff');
	unicode-range:U+0-10FFFF;
}
@font-face {
	font-family:'Open Sans';
	font-style:normal;
	font-weight:600;
	font-display: swap;
	font-stretch:normal;
	src:url('../Fonts/ikk-suedwest/Open_Sans-normal-600.woff') format('woff');
	unicode-range:U+0-10FFFF;
}
/* exo-2-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 300;
  src: url('../Fonts/ikk-suedwest/exo-2-v21-latin-300.woff2') format('woff2');
}
/* exo-2-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/ikk-suedwest/exo-2-v21-latin-regular.woff2') format('woff2');
}
/* exo-2-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 600;
  src: url('../Fonts/ikk-suedwest/exo-2-v21-latin-600.woff2') format('woff2');
}
@font-face {
	font-family:"icons";
	src:url('../Fonts/ikk-suedwest/icons.eot#iefix') format("embedded-opentype"),
		url('../Fonts/ikk-suedwest/icons.woff2') format("woff2"),
		url('../Fonts/ikk-suedwest/icons.woff') format("woff")
}
.icon:before {
	font-family:icons !important;
	font-style:normal;
	font-weight:400 !important;
	font-variant:normal;
	text-transform:none;line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	vertical-align: middle;
	color: #434343;
}
.icon.icon-add:before{content:"\f101"}
.icon.icon-apps:before{content:"\f102"}
.icon.icon-arrow-single-down:before{content:"\f103"}
.icon.icon-arrow-single-left:before{content:"\f104"}
.icon.icon-arrow-single-right:before{content:"\f105"}
.icon.icon-arrow-single-up:before{content:"\f106"}
.icon.icon-arrow-stroke-down:before{content:"\f107"}
.icon.icon-arrow-stroke-left:before{content:"\f108"}
.icon.icon-arrow-stroke-right:before{content:"\f109"}
.icon.icon-arrow-stroke-up:before{content:"\f10a"}
.icon.icon-arrow-stroke:before{content:"\f10b"}
.icon.icon-arrow:before{content:"\f10c"}
.icon.icon-chain:before{content:"\f10e"}
.icon.icon-chat-video:before{content:"\f10f"}
.icon.icon-chat:before{content:"\f110"}
.icon.icon-checked:before{content:"\f112"}
.icon.icon-close:before{content:"\f113"}
.icon.icon-download:before{content:"\f114"}
.icon.icon-export:before{content:"\f115"}
.icon.icon-faq:before{content:"\f116"}
.icon.icon-location:before{content:"\f119"}
.icon.icon-magnify:before{content:"\f11a"; font-size: 1.5rem;}
.icon.icon-mail:before{content:"\f11b"}
.icon.icon-menu:before{content:"\f11c"}
.icon.icon-microphone:before{content:"\f11d"}
.icon.icon-notice-error:before{content:"\f11e"}
.icon.icon-notice-success:before{content:"\f11f"}
.icon.icon-notice-warning:before{content:"\f120"}
.icon.icon-pause:before{content:"\f122"}
.icon.icon-pdf:before{content:"\f123"}
.icon.icon-phone:before{content:"\f124"}.icon.icon-play:before{content:"\f125"}.icon.icon-refresh:before{content:"\f126"}.icon.icon-shopping-cart:before{content:"\f127"}.icon.icon-social-facebook:before{content:"\f128"}.icon.icon-social-flicker:before{content:"\f129"}.icon.icon-social-googleplus:before{content:"\f12a"}.icon.icon-social-instagram:before{content:"\f12b"}.icon.icon-social-rss:before{content:"\f12d"}.icon.icon-social-twitter:before{content:"\f12e"}.icon.icon-social-xing:before{content:"\f12f"}.icon.icon-social-youtube-single:before{content:"\f130"}.icon.icon-speaker:before{content:"\f131"}.icon.icon-stop:before{content:"\f132"}.icon.icon-user:before{content:"\f133"}.icon.icon-minus:before{content:"\f134"}.icon.icon-arrow-single:before{content:"\f10d"}.icon.icon-care:before{content:"\f111"}.icon.icon-checked-shield:before{content:"\f117"}.icon.icon-heartbeat:before{content:"\f118"}.icon.icon-ikk-logo-jobaktiv:before{content:"\f121"}.icon.icon-list-dot:before{content:"\f12c"}.icon.icon-pagination-dots:before{content:"\f135"}.icon.icon-social-googleplus-single:before{content:"\f136"}.icon.icon-social-jameda:before{content:"\f137"}.icon.icon-social-twitter-single:before{content:"\f138"}.icon.icon-social-xing-single:before{content:"\f139"}.icon.icon-praevention-befreit:before{content:"\f13a"}.icon.icon-praevention-bewegt:before{content:"\f13b"}.icon.icon-praevention-entspannt:before{content:"\f13c"}.icon.icon-praevention-schmeckt:before{content:"\f13d"}.icon.icon-ikk-logo-aktiv:before{content:"\f13e"}.icon.icon-ikk-logo-lifeaktiv:before{content:"\f13f"}.icon.icon-anchor-link:before{content:"\f140"}.icon.icon-external-link:before{content:"\f141"}.icon.icon-carreer-customers:before{content:"\f142"}.icon.icon-carreer-employees:before{content:"\f143"}.icon.icon-carreer-employers:before{content:"\f144"}.icon.icon-carreer-units:before{content:"\f145"}.icon.icon-fax:before{content:"\f146"}.icon.icon-ikk-logo:before{content:"\f147"}.icon.icon-social-linkedin:before{content:"\f148"}.icon.icon-seminar-expertise:before{content:"\f149"}.icon.icon-seminar-flexibel:before{content:"\f14a"}.icon.icon-seminar-kostenfrei:before{content:"\f14b"}.icon.icon-info:before{content:"\f14c"}.icon.icon-login:before{content:"\f14d"}.icon.icon-mehr-geld:before{content:"\f14e"}.icon.icon-mehr-sicherheit:before{content:"\f14f"}.icon.icon-mehr-zeit:before{content:"\f150"}.icon.icon-bullet-mehr-geld:before{content:"\f151"}.icon.icon-bullet-mehr-sicherheit:before{content:"\f152"}.icon.icon-bullet-mehr-zeit:before{content:"\f153"}.icon.icon-smartphone:before{content:"\f154"}.icon.icon-monochrome:before{content:"\f155"}.icon.icon-simple-lang:before{content:"\f156"}

:root {
	--ikkBlue: #009fe3;
}

body.contrast {
	--ikkBlue: #434343;
	
	#modal-search .btn,
	#modal-search .form-control {
		border: 2px solid #434343 !important;
	}
	.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 {
		text-decoration: underline;
	}
	/* .navbar-light .navbar-nav .active > .nav-link:hover, 
	.navbar-light .navbar-nav .nav-link.active:hover, 
	.navbar-light .navbar-nav .nav-link.show:hover, 
	.navbar-light .navbar-nav .show > .nav-link:hover {
		color: #fff !important;
	}
	.navbar-light .navbar-nav .dropdown-menu .active > .nav-link, 
	.navbar-light .navbar-nav .dropdown-menu .nav-link.active, 
	.navbar-light .navbar-nav .dropdown-menu .nav-link.show, 
	.navbar-light .navbar-nav .dropdown-menu .show > .nav-link {		
		color: #fff !important;
	} */
}

/*
#009fe3 = ikkblau
#e40613 = rot
#efefef = hellgrau
#f8f8f8 = hellergrau
#1d1d1b = schwarz
*/

html {
	scroll-behavior: smooth;
}
body, html {
	/* important */
	height: 100%;
}
body {
	color: #1d1d1b;
    font-family: Open Sans, sans-serif;
	font-weight: 400;
    font-size: 20px;
    height: 100%;
    line-height: 1.5;
    width: 100%;
    background-color: #fff;
	overflow-x: hidden;	
}

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

/* flexbox */
.alert {
    padding: 2rem;
	border-radius: 5px !important;
}
.alert h3 {
    font-family: Open Sans, sans-serif;
	font-size: 25px;
    font-weight: 400;
	text-transform: uppercase;
    margin-bottom: 35px;
	margin-top: 0 !important;
}
.combo1 {
	background-color: #fff;
	color: var(--ikkBlue);
}
.combo1 h3 {
    color: var(--ikkBlue);
}
.combo3 {
	background-color: #fff;
	color: #1d1d1b;
	border-color: transparent;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.15);
    box-shadow: 0 0 15px rgba(0,0,0,.15);
}
.combo3 h3 {
    color: var(--ikkBlue);
}
.combo5 {
	background-color: #f8f8f8;
	color: #1d1d1b;
	border-color:transparent;
}
.combo5 h3 {
    color: var(--ikkBlue);
}

/* lists */
.content ul {
	padding: 0;
	list-style-type: none;
}
.content ul li {
	padding-left: 18px;
	position: relative;
}
.content ul li:not(:first-child):not(.nav-item),
.content ol li:not(:first-child) {
	margin-top: 10px;
}
.content ul li:not(.nav-item):before {
	content: "\f12c";
    font-family: 'icons', sans-serif !important;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    color: var(--ikkBlue);
    line-height: 1.5;
    float: left;
    margin: 4px 0.5em 0 -1.5em;
    position: static;
    width: 1em;
}

.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: '\f112' !important;
	font-family: 'icons', sans-serif !important;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    color: var(--ikkBlue);
    line-height: 1.5;
    float: left;
    margin: 4px 0.5em 0 -1.5em;
    position: static;
    width: 1em;
}

ol > li::marker {
  font-weight: bold;
}

/* cover */
.cover { }
.left-up { 
	background-color: #f8f8f8;
	background-repeat: no-repeat;
	background-size: cover;
}
.right-up {
	background-color: #009fe3;
	background-image: linear-gradient(to bottom, #009fe3 0%, #0088be 100%);
	color: #fff;
}
.left-down {
	background-color: #f8f8f8;
}
.right-down {
	background-color: #434343;
}
.h-70 { height: 70%; }
.h-30 { height: 30%; }

.cover h1 {
	font-family: 'Exo 2', sans-serif;
	font-size: 35px;
	text-transform: uppercase;
	color: #1d1d1b;	
    background: rgba(246,248,249,.9);
	position: absolute;
    right: 0;
	bottom: 0;
	padding: 10px 20px;
	margin: 0;
	width: 100%;
	text-align: right
}
.cover .left-up p {
	font-size: x-small;
    line-height: 1;
	color: rgba(255, 255, 255, 0.8) !important;
    text-decoration: none !important;
    position: fixed;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    top: 2px;
    padding: 0;
    margin: 0;
}
.cover .left-down h2 {
	font-family: 'Exo 2', sans-serif;
	font-size: 62px;
	color: #fff;
	position: absolute;
    right: 0;
	padding: 10px 20px;
	background: #009fe3;
	background-image: linear-gradient(to bottom, #009fe3 0%, #0088be 100%);
	border-bottom-left-radius: 5px;
}
.covernews {
	color: #fff;
	position: absolute; 
	bottom:0;
	left:0;
	padding: 20px;
}
.covernews h2 a {
	font-size: 26px;
	font-weight: 600;
	color: #fff;
	margin-bottom: .5rem;
}
.covernews h2:has(a) {
	line-height: 20px;
}
.box-wrap {
	color: #fff;
	line-height: 24px;
    line-height: 1.5rem;
    width: auto;
    text-align: left;
    z-index: 2;
    position: relative;
}
.box-wrap .covernews-item {
	margin-top: 1rem;
}
.box-wrap h3.covernews-title {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 1rem;
	margin-top: 1rem;
}
.box-wrap .covernews-link a {
	font-size: unset;
	font-weight: 600;
	letter-spacing: .025rem;
	color: #fff;
	border: none;
    margin-top: 25px;
    padding: 0 54px 0 0;
	position: relative;
}
.box-wrap .covernews-link a:before {
	margin-right: 5px;
    position: relative;
    content: "\f109";
    font-family: 'icons' !important;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: .75rem;
}
.box-wrap .covernews-link a:hover {
	color: #fff;
	text-decoration: underline;
}
.covermenu {
    padding: 20px;
}
.covermenu a {
	color: #fff;
	font-size: 16px;
}
.covermenu span + span:before {
    content: " | ";
    padding: 0 10px;
	color: #fff;
}
.flipper {
    text-align: center;
    margin-top: 20px;;
}
.circle {
	height: 130px;
	width: 130px;
	border-radius: 50%;
    font-family: Open Sans, sans-serif;
    font-size: 20px;
	font-weight: 600;
	text-align: center;
	color: #fff;
	background-color: #009fe3;
	background-image: linear-gradient(to bottom, #009fe3 0%, #0088be 100%);
    display: inline-block;
	padding: 45px 10px 10px 10px;
    /* margin-left: 30px; */
	border: 3px solid #fff;
	-webkit-animation: rotateY 4s infinite linear;
	animation: rotateY 4s infinite linear;
}
@-webkit-keyframes rotateY {
	to { -webkit-transform: rotateY(360deg); }
}
@keyframes rotateY {
	to { transform: rotateY(360deg); }
}
.circle:hover {        
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
@media (min-width: 768px) {
	.cover h1 {
		font-size:45px;
	}	
}
@media (min-width: 992px) {
	.cover h1 {
		font-size: 82px;
		width: auto;
		border-top-left-radius: 5px;
	}
	.cover .left-up p {
		font-size: 12px;
	}
}

/* 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: #8d959e;
	content: '';
	position: absolute;
	top: 0;
	left: 2rem;
	width: 1px;
	height: 100%;
}
.news .frame-type-text {
	
}
.news .frame-type-text:hover .pubdate {
	box-shadow: inset 40rem 0 0 0 #009fe3;
}
.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: #434343;
	box-shadow: inset 40rem 0 0 0 #434343;
	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 .container .row {
	align-items: flex-end;
}
.mag-title {
	font-family: 'Exo 2', sans-serif;
    font-size: 24px;
	font-weight: 400;
	color: #8d959e;
}
.navbar-brand {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

/* header */
.mood {
	position:relative;
}
.mood:before {
	position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 100vw solid transparent;
    border-bottom: 15vw solid #009fe3;
    border-right: 0 solid transparent;
    border-top: 0 solid transparent;
    opacity: .9;
    z-index: 2;
}
.mood:after {
	position: absolute;
    content: "";
    width: 100%;
    height: 150px;
    top: auto;
    bottom: -150px;
    left: 0;
    background-color: #fff;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: skewY(-2.75deg);
    transform: skewY(-2.75deg);
    z-index: 3;
}
@media (min-width: 1366px) {
	.mood:before {
		left: 50%;
		border-width: 0 0 10vw 50vw;
	}
}
.resource-copyright {
    position: absolute;
    top: 0;
	left: 0;
	font-size: 0.875rem;
    line-height: 1;
	color: rgba(0, 0, 0, 0.5);
	background-color: rgba(255, 255, 255, 0.7);
	z-index: 11;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    padding: 5px 0;
}
.resource-copyright p {
	margin: 0;
}

/* search */
#modal-search .modal-dialog {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}
@media (min-width: 576px) {
  #modal-search .modal-dialog {
    min-height: calc(100% - (1.75rem * 2));
  }
}
@media (min-width: 992px) {
	.modal-lg, .modal-xl {
		max-width: 1000px;
	}
}
#modal-search {
	background-color: #fff;
}
#modal-search .modal-content { 
	border: none;
}
#modal-search .modal-body { 
	text-align: center;
}
#modal-search .form-control::placeholder {
  font-style: italic;
}
#modal-search h2 {
  color:#1d1d1b;
}
#modal-search .btn,
#modal-search .form-control {
    background-color: #fff;
	border: 1px solid #d4d4d4 !important;
	height: auto;
	padding: 1rem
}
#modal-search .form-control {
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
	border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#modal-search .btn:focus,
#modal-search .form-control:focus {
    color: inherit;
    background-color: transparent;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}
#modal-search .btn {
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#modal-search .icon:hover:before {
	color: #009fe3;
}
#modal-search form {
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.15);
    box-shadow: 0 0 15px rgba(0,0,0,.15);
}
#modal-search button.close {
    font-weight: 400;
    color: #1d1d1b;
	white-space: nowrap;
	margin-top: 1rem;
}
#modal-search button.close svg {
    width: 45px
}
#modal-search button.close:hover {
    color: #009fe3;
}
#modal-search button.close svg:hover {
    fill: #009fe3;
}
.searchHide {
	cursor:pointer;
	-webkit-transition: all .3s;
    transition: all .3s;
}
.searchHide:hover {
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
    -webkit-transition: all .3s;
    transition: all .3s;
}
.searchHide .bi-search::before {
    font-size: 30px;
    vertical-align: middle;
}
.input-group-append .bi-search::before {
    font-size: 20px;
    vertical-align: middle;
}

.img-overlay {
    justify-content: center;
    align-items: flex-end;
    display: flex;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.mood .frame-type-header h1 {
	background: rgba(51,51,51,.6);
	backdrop-filter: blur(3px);
    padding: 20px;
	color: #fff;
	font-size: 45px;
	text-align: center;
	border-radius: 5px;
	margin-bottom: 100px;
	text-transform:uppercase;
	font-weight: 600;
	position: relative;
    z-index: 2;
}
/* scrollbutton to top */
.linktotop {
	display: none;
	position: fixed;
	bottom: 3px;
	right: 3px;
	width: 34px;
	height: 34px;
	border-radius: 5px;
	background-color: var(--ikkBlue);
	border: 1px solid hsla(0,0%,100%,.5);
	outline: none;
	box-shadow: 1px 1px 3px rgba(189, 216, 218,.4);
	z-index: 11;
	pointer-events: all;
	z-index: 50;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.top {
	display: flex;
	justify-content: center;
    width: 100%;
    height: 100%;
}
.top .icon:before {
	color: #fff;
	font-size: 16px;
    text-decoration: none;
}
.top:hover {    
	text-decoration: none;
}
.top:hover .icon {
    -webkit-transform: scale(1.1);
    transform: scale(1.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;
}

/* contrast */
.btn-contrast {
	width: 2.5rem;
	height: 2.5rem;
	font-size: 16px;
	background-color: #fff;
	color: #434343;
	border: 1px solid #434343;
	border-radius: 5px;
}
.btn-contrast svg {
	width: 1.5rem;
	height: 1.5rem;
}
@media (min-width : 992px) {
	.btn-contrast {
		width: 2.75rem;
		height: 2.75rem;
		/* border-right: none; */
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		position: fixed;
		right: 0;
		top: 10px;
		z-index: 100;
	}
}
body.contrast {
	.btn-contrast {
		background-color: #434343;
		color: #fff;
	}
}

/* navbar */
.topmenu.fixed-nav {
    z-index: 33;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
	background-color: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,.15);
}
.dropdown-toggle:after {
    display: none;
}
.navbar {
    padding: 0;
    min-height: 69px;
}

.navbar-brand.logoHide { display: none; }
.navbar-brand.logoHide {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.navbar-brand img {
	max-height: 80px;
    height: 80px;
    max-width: 100%;
}
.navbar-light .navbar-brand { /* empty div: only way to align the sandwich to the right */
    padding: 0;
    margin: 0;
}
.navbar-collapse {}
.navbar-toggler {
    border-radius: 5px;
    min-height: 2.5rem;
    min-width: 2.5rem;
    padding: 0;
    font-size: 16px;
    line-height: unset;
}

.navbar-light .navbar-nav .nav-link {
    background-color: #fff;
	color: #434343;
    font-family: 'Exo 2', sans-serif;
	font-weight: 300;
    font-size: 20px;
	padding: .5rem 2rem .5rem .9rem;
}
.navbar-light .navbar-nav .nav-link.tier1 {
    font-weight: 700;
	text-transform: uppercase;
	border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.navbar-light .navbar-nav .nav-item:focus, 
.navbar-light .navbar-nav .nav-item:hover {
	background-color: #434343;
    color: #fff;
	border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.navbar-light .navbar-nav .dropdown-menu {
    margin: 0;
    border: 1px solid #434343;
	padding: 0;
	min-width: 30rem;
	background: #434343;
	border-collapse: collapse;
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 5px;
}
.navbar-light .navbar-nav .dropdown-menu .nav-item {
    margin-right:0;
	display: table-row;
}
.navbar-light .navbar-nav .dropdown-menu .nav-item:not(:last-child) {
	border-bottom: 1px dashed #fff;
}
.navbar-light .navbar-nav .dropdown-menu .nav-item img {
	border: 1px solid #828282 !important;
}
.navbar-light .navbar-nav .dropdown-menu .img-link {
	vertical-align: top;
	padding: .8rem;
	display: table-cell;
}
.navbar-light .navbar-nav .dropdown-menu .abstract {
    font-family: 'Exo 2', sans-serif;
    color: #434343;
    font-size: 14px;
    line-height: 1.3;
	display: none;
}
.navbar-light .navbar-nav .dropdown-menu .nav-link {
	font-size: 20px;
    text-transform: none;
	padding: .8rem;
	display: table-cell;	
	width: 100%;
	background-color: #434343;
	vertical-align: middle;
}
.navbar-light .navbar-nav .dropdown-menu .nav-item:focus, 
.navbar-light .navbar-nav .dropdown-menu .nav-item:hover {
	background: transparent;
	background-image: none;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
/* 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: var(--ikkBlue) !important; */
	text-decoration: underline;
}
.navbar-light .navbar-nav .dropdown-menu .nav-item.active {
	background: transparent;
}
.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 {
	background-color: transparent;
	background-image: none;
	/* color: var(--ikkBlue); */
	text-decoration: underline;
	font-weight: normal;
}

/*/////////////////////////////////*/

/* keep parent in hovered state */
.navbar-collapse > ul li:hover a {
    background-color: #434343 !important;
    color: #fff !important;
}
.navbar-collapse > ul li.dropdown ul li a {
    color: #ccc !important;
}
/* hovered state added by jQuery */

/*/////////////////////////////////////////////////////*/


@media only screen and (min-width : 768px) {/* Make Navigation Toggle on Desktop Hover */
	.dropdown:hover>.dropdown-menu {
		display: block;
	}
}

@media (max-width: 991.98px) {
	.searchHide {
		background: #434343;
		padding: 1rem;
	}
	.icon.icon-magnify:before {
		color: #fff;
	}
	.bg-light, .topmenu.fixed-nav, .topmenu.fixed-nav nav {
		background-color: #fff !important;
	}
	.topmenu.fixed-nav .logoHide { display: inline-block; }
	.navbar-brand img {
		width: 150px;
		height: auto;
	}	
	.dropdown-toggle:after {
		display: inline-block !important;
	}
	.navbar-light .navbar-toggler {
		background-color: var(--ikkBlue);
		/* margin: 15px 0; */
		z-index: 100;
	}
	.navbar-toggler-icon {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
	}
	.topmenu.fixed-nav .logoHide { display: inline-block; }
	
	.navbar-light .navbar-nav .dropdown-menu {
		min-width: 10rem;
		border-radius: 0;
		border: none;
	}
	.navbar-light .navbar-nav .dropdown-menu .img-link,
	.navbar-light .navbar-nav .dropdown-menu .abstract {
		display: none;
	}
	.navbar-light .navbar-nav .nav-link.tier1 {
		background-color: #434343;
		color: #fff !important;
		font-weight: 300;
		border-radius: 0;
	}
	.navbar-light .navbar-nav .nav-link {
		padding: 1rem 2rem 1rem 1rem;
	}
	.navbar-light .navbar-nav .active>.nav-link {
		/* color: var(--ikkBlue); */
		text-decoration: underline;
	}
	.navbar-light .navbar-nav .dropdown-menu .active > .nav-link {
		/* color: var(--ikkBlue) !important; */
		text-decoration: underline;
	}
	.navbar-light .navbar-nav .dropdown-menu .nav-link {
		font-size: 18px;
		padding: 1rem;
	}
}
@media (max-width: 767.98px) {
	.navbar {
		/* justify-content: flex-end; */
	}
	.navbar { 
		max-height: 100vh;
		overflow-y: auto;
		overflow-x: hidden;
	}
}


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

.show-for-print { display: none;}

/* links */
.content a, .content a:hover, .content a:focus, .content a:visited { 
	color:var(--ikkBlue); 
	text-decoration:underline; 
}
.content a:hover, .content a:focus { 
	color:#009fe3; 
	text-decoration:underline;
}

a.link-external-blank:after {
	content: "\f141";
    font-family: 'icons', sans-serif;
    font-size: .75rem;
    display: inline-block;
    text-decoration: none;
    margin-left: 6px;
    margin-right: 2px;
	vertical-align: 3px;
}
a img { 
	border: none !important; 
}
a img:focus,
a img:hover { 
	border: none !important; 
}

/* titles */
h1, h2, h3 {
	font-family: 'Exo 2', sans-serif;
	font-weight: 600;
	margin-bottom: revert;
	text-transform: uppercase;
}
h1 {
	font-size: 45px;
	color:#1d1d1b;
}
h2 {
	font-size: 2.5rem;
	color:#1d1d1b;
}
h2.h2-layout2  {
	font-size: 2.5rem;
	color:#1d1d1b;
}
h3 {
	font-size: 30px;
}

/* 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: 25px;
}
.content p:last-child {
    margin-bottom: 0;
}
.content .frame {
    padding: 0 15px;
	margin: 70px 0 0 0;
}
.content .col > .frame:first-child {
    position: relative;
	z-index: 5;
}
.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;
}

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

.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
	margin-bottom: 20px;
}
.ce-image .ce-gallery { margin-bottom: 0; }
/* .ce-intext.ce-right .ce-gallery { margin-left: 20px; }
.ce-intext.ce-left .ce-gallery { margin-right: 20px; } */
@media (min-width: 992px) {
	.ce-left .ce-gallery, .ce-column { float: left; }
	.ce-right .ce-gallery { float: right; }
	.ce-intext.ce-right .ce-gallery { margin-left: 20px; }
	.ce-intext.ce-left .ce-gallery { margin-right: 20px; }
}
.ce-below .ce-gallery { margin-top: 20px; }

.ce-column { /*margin-right: 20px;*/ }
.ce-column:last-child { margin-right: 0; }

.ce-row { margin-bottom: 20px; }
.ce-row:last-child { margin-bottom: 0; }

.ce-above .ce-bodytext { clear: both; }

.ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

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

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

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

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

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

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

/* RTE */
blockquote {
  background: transparent;
  quotes: "\201C""\201D""\2018""\2019";
  margin: 0;
}
blockquote:before {
  color: #009fe3;
  content: open-quote;
  font-size: 6rem;
  line-height: 0.1rem;
  margin-right: 0.25rem;
  vertical-align: -2.5rem;
}
blockquote:after {
	color: #009fe3;
    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: #009fe3;
}
.combo5 blockquote:before,
.combo5 blockquote:after {
  color: #fff;
}
blockquote p {
  display: inline;
}
blockquote + p:empty {
	padding:0 !important;
	margin:0;
}
.text-justify,
.text-column {    
	-ms-hyphens: auto;
    hyphens: auto;
}
.inline { display:inline-block; }
.em { font-style: italic; }
b, strong, .strong { font-weight: 900; }
span.small, div.small, p.small, small { font-size:15px; }
span.important { color: #AD235E; }
.text-column-2 {column-count: 2;}
.text-column-3 {column-count: 3;}
.text-column-4 {column-count: 4;}
.lead {
	font-family: Open Sans, sans-serif;
	font-weight: 300;
}
p.initialize::first-letter {
    font-family: Open Sans, sans-serif;
    font-size: 53px;
    font-weight: 400;
    color: #1d1d1b;
    float: left;
    padding: .4rem .7rem 0 0;
	line-height: 32px;
}

/* 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: Open Sans, sans-serif;
    font-weight: 600;
}
table.thead-dark th {
    color: #fff;
    background-color: #434343;
    border-color: #434343;
}
table.thead-light th {
    color: #1d1d1b;
    background-color: #f6f8f9;
    border-color: #f6f8f9;
}
.table-light, .table-light>td, .table-light>th {
    background-color: #f6f8f9;
}
.table-dark {
    color: #fff;
    background-color: #b5b5b5;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.025);
}
.table-hover tbody tr:hover {
    color: #1d1d1b;
    background-color: rgba(0,0,0,.05);
}



/* KeSearch */
.tx-kesearch-pi1 {
    font-family: Open Sans, sans-serif !important;
}
.tx-kesearch-pi1 input.form-control {
    border: 2px solid #1d1d1b;
}
#kesearch_num_results {
    color: #1d1d1b !important;
	float: none !important;
}
#kesearch_results .result-list-item .result-number, 
#kesearch_results .result-list-item .result-title {
    font-family: Open Sans, sans-serif !important;
}
#kesearch_results .result-list-item .result-title a {
    color: #1d1d1b;
	text-decoration:none;
}
.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {
    color: #e40613 !important;
    font-weight: 900;
}
#kesearch_results .result-list-item .result-teaser {
    color: #1d1d1b !important;
}
.kesearchbox .btn {
	font-family: Open Sans, sans-serif !important;
	background-color: var(--ikkBlue);
	color: #fff;
	padding: 6px;
}
.kesearch_pagebrowser li:before {
	content: '' !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: Open Sans;
    color: #1d1d1b;
    font-size: 16px;
    line-height: 1.8;
}
.tile .linktext {
    background-color: transparent;
	color: #AD235E;
    font-family: Open Sans, sans-serif;
    font-size: 20px;
	font-weight: 400;
    text-transform: uppercase;
}
.tile svg.bi-caret-right-square-fill {
    vertical-align: baseline;
    margin-left: 10px;
}

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


/* footer */
.footer { 
	position: absolute;
	margin-top: 100px;
	color: #fff;
    background-color: var(--ikkBlue);
    left: 0;
    z-index: 3;
}
.footer:before {
	position: absolute;
    content: "";
    left: 0;
    top: calc(-3vw + 1px);
    width: 0;
    height: 0;
    border-left: 100vw solid transparent;
    border-bottom: 3vw solid var(--ikkBlue);
    border-right: 0 solid transparent;
    border-top: 0 solid transparent;
    z-index: 2;
}
.footer > .row > .container > .row { 
	padding:15px 0;
	align-items: center;
}
.footer a {
	color: #fff;
}
.footer a:hover {
	text-decoration:underline;
}
.footer a.printlink:before {
    content: url('images/ikksuedwest_print.png');
}
.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;
}
.bi.bi-printer {
	display: none;
}


/* modalbox */
/*==========*/
.modal-header {
    display: block;
}
.modalbox a.modalopener {
	display: block;
	padding: 5px 10px;
	font-family: Open Sans, sans-serif;
	font-weight: 400;
	text-decoration:none;
}
.modalbox span:hover {
	/*text-decoration:underline;*/
}
.modalbox .btn {
	font-family: Open Sans, sans-serif;
	font-size: 22px;
	font-weight: 400;
	text-transform: uppercase;
	position: relative;
	padding: 10px 20px;
	border-radius: 5px;
	background-color: var(--ikkBlue) !important;
	color: #fff;
	transition: .3s;
}
.frame .frame .modalbox .btn {
    width: 100%;
}
.modalbox .btn:hover {
	/* box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	transform:scale(1.01); */
	background-color: #fff !important;
    color: var(--ikkBlue);
    border: 1px solid var(--ikkBlue);
}
.modalbox .bi-arrows-fullscreen {
	margin: 0 18px 0 0;
    fill: #fff;
	vertical-align: unset !important;
	width: 20px;
    height: 20px;
}
.modalbox .btn:hover .bi-arrows-fullscreen {
    fill: #009fe3;
}
.modal-content { 
	padding: 15px;
	border-radius: unset;	
}
.modalbox h1,
.modalbox h2,
.modalbox h3 {
	margin-bottom: 0;
    margin-top: 0;
}

/* tabs */
/*==========*/
.nav-tabs {
    border-bottom: 1px solid #e5e5e5;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-color: #e5e5e5 #e5e5e5 #fff;
}
.content ul.nav-pills li,
.content ul.nav-tabs li {
    list-style: none;
	padding: 0;
	background-image: none;
}
.nav-tabs .nav-link {
	font-family: Open Sans, sans-serif;
	font-weight: 600;
	color: #1d1d1b;
    background-color: #f8f8f8;
	border: 1px solid #e5e5e5;
    border-bottom-color: transparent;
    cursor: pointer;
    line-height: 20px;
	border-top-left-radius: 16px;
    border-top-right-radius: 16px;
	text-decoration: none !important;
	padding: 1rem 2rem;
}
.nav-tabs .nav-link:hover {
    color: #fff !important;
    background-color: var(--ikkBlue);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus {
    color: #1d1d1b !important;
    background-color: #fff;
}
.tab-content>.tab-pane {
	border: 1px solid #e5e5e5;
	border-top-width: 0;
	background-color: #fff;
}

/* Accordion*/
/*==========*/
.accordion .panel {
	position:relative;
    border-radius: 0;
    border: none;
	border-bottom: 2px solid #f8f8f8;
}
.bootstrap.accordion .panel-title {
	font-family:Open Sans,sans-serif;
	font-size: 20px;
	margin: 0;
}
.accordion .panel-title a {
	display: block;
	padding: 16px 16px 16px 0;
	line-height: 28px;
	text-decoration: none;
	border-bottom: none;
}

/* aktiv */
a.accordion-toggle {		
	background-color: #fff;
	color: var(--ikkBlue) !important;
}
a.accordion-toggle:after {
	font-family: 'icons', sans-serif;
	content: '\f10a';
    display: block;
    position: absolute;
    top: 1.25rem;
    right: 0;
    z-index: 1;
	-webkit-transition: .5s all;
	transition: .5s all;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
	padding: 1rem;	
}
/* nicht aktiv */
a.accordion-toggle.collapsed {		
	background-color: #fff;
	color: var(--ikkBlue) !important;
	transition: background-color .3s;
    background-color: transparent;
}
a.accordion-toggle.collapsed:after {
	-webkit-transition: .5s all;
	transition: .5s all;
	-webkit-transform: rotate(180deg);
    transform: rotate(180deg);   
}

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


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

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

@media (max-width: 767.98px) {
	body {
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		font-size: 16px;
	}
	.mood::after,
	.mood::before 	{
		display: none;
	}
	.mag-title {
		font-size: 18px;
		line-height: normal;
		padding-top: .7rem;
	}
	.mood .img-overlay {
		align-items: center;
		margin: 50px 30px 0 30px;
        position: relative;
        flex: 1;
	}
	.mood .frame-type-header h1 {
		font-size: 20px;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		margin-bottom: 0;
		padding: 0 20px;
        color: #000;
        background: transparent;
	}
	.resource-copyright {		
		position: absolute;
		bottom: 0;
		right: 0;
		top: unset;
		left: unset;
		-webkit-writing-mode: unset;
		-ms-writing-mode: unset;
		writing-mode: unset;
		transform: none;
		padding: 0 5px;
		font-size: x-small;
	}
	.mood .resource-copyright {	
		bottom: unset;
	}
	.page-meta-infos {
		flex-direction: column;
	}
	.readtime {
		margin-left: 0;
	}
	h2 {
		font-size: 25px !important;
		hyphens:auto;
	}
	h3 {
		font-size: 22px !important;
	}
	.pt-4, .py-4 { padding-top: .5rem !important; }
	svg.bi-chevron-up { /* scrollbutton to top */
		left: 50%;
	}
	.tile .linktext {
		hyphens: auto;
	}
	.tile .abstract,
	.tile .more-link { display:none; }
	.tile .thumb { padding: 15px 0; }
	.tile .content { padding: 0 0 0 15px; vertical-align: middle; }
	.modalbox .btn {
		font-size: 20px;
	}
	.footer { padding-bottom: 20px; margin-top: 50px; }
	.footermenu {
		margin-bottom:10px;
	}
	.footermenu span {
		display: block;
	}
	.footermenu span + span:before{
		content: "";
		padding: 0;
	}
	.footer:before {
		top: calc(-5vw + 1px);
		border-bottom: 5vw solid var(--ikkBlue);
	}
	#modal-search button.close {
		position: absolute;
		right: 10%;
	}
	#modal-search .icon.icon-magnify:before {
		color: #1d1d1b;
	}
	.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;
	}
	#kesearch_results .result-list-item .result-number, #kesearch_results .result-list-item .result-title {
		font-size: 20px !important;
	}
	.bootstrap.accordion .panel-default>.panel-heading+.panel-collapse>.panel-body {
		padding: 15px 0;
	}
	.content a.link-external-blank {
		overflow-wrap: break-word; 
		hyphens: none;
	}
	.news .bodytext {
		padding: 1rem;
		left: 1rem;
		width: 100%;
	}
}

/* prev/next buttons all breakpoints */
/* ================= */

.pageArrow {
	display: inline-block;
	position: fixed;
	top: 50%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: .2s;
	z-index: 6;
	text-decoration: none !important;
}
.pageArrow.icon:before {
	color: #fff;
}
.pageArrow:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.pageArrow.prev {
	left: 0;
}
.pageArrow.next {
	right: 0;
}
.bi-chevron-left,
.bi-chevron-right {
	width: 25px;
    height: 25px;
    font-size: 16px;
    padding: 0;
    text-align: center;
    line-height: 1.3;
	border-radius: 5px;
	background-color: var(--ikkBlue);
	border: 1px solid hsla(0,0%,100%,.5);
	text-decoration: none;
	outline: none;
	z-index: 11;
	pointer-events: all;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

/* 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: 45px;
		height: 45px;
		padding: 5px 10px 15px 10px;
		border-radius: 5px;
		background-color: var(--ikkBlue);
		border: 1px solid hsla(0,0%,100%,.5);
		text-decoration: none;
		font-size: 20px;
		line-height: 1.5;
		outline: none;
		z-index: 11;
		pointer-events: all;
		-webkit-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	.pageArrow { top: 85%; }
	.pageArrow.prev { left: 50px; }
	.pageArrow.next { right: 50px;	}
}
/* XXX-Large devices (custom larger desktops, 1720px and up) */
@media (min-width: 1720px) {
	.pageArrow { top: 85%; }
	.pageArrow.prev { left: 250px; }
	.pageArrow.next { right: 250px;	}

}

/* wcag */
/* ==== */
*:focus:not(:focus-visible) {
    outline: none
}
*:focus-visible {
    outline: 2px solid #1d1d1b;
    outline-offset: 2px;
}
.btn.focus, 
.btn:focus, 
.form-control:focus,
.page-link:focus {
    box-shadow: none !important;
}
.navbar-brand:focus-visible,
.form-control:focus-visible,
#form_kesearch_searchfield .btn:focus-visible,
.kesearchbox .btn:focus-visible,
.pageArrow:focus-visible,
.top:focus-visible,
.page-link:focus-visible,
.modalbox .btn:focus-visible,
.cover .btn:focus-visible {
	outline: 2px solid #1d1d1b !important;
    outline-offset: 2px;
}
.covermenu a:focus-visible {
	outline: 2px solid #fff;
}
.flipper a:focus-visible {
	display: inline-block;
	outline: 2px solid #fff;
	border-radius: 50%;
}
.flipper a:focus-visible .circle {        
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
	border-radius: 50%;
}
.pageArrow:focus-visible {
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 1);
}
.accordion-title a:focus-visible,
.nav-tabs .nav-link:focus-visible {
	background-color: #efefef !important;
	text-decoration: underline !important;
	outline: none;
	border: 1px solid #1d1d1b;
	border-bottom: 2px solid #1d1d1b;
}
.combo5 a:focus-visible,
.dropdown-menu .nav-link:focus-visible {
	outline: 2px solid #fff !important;
    outline-offset: 2px;
}
video:focus-visible {
	outline: 0;
    outline-offset: unset;
	border: 2px solid #1d1d1b !important;
}
.btn-shell {
	-webkit-appearance: none;
	background-color: transparent;
    border: none;
    padding: 0;
	text-align: left;
	padding-block: 0;
    padding-inline: 0;
}
.quicklinks {
    display: flex;
    width: 100%;
    justify-content: center;
	position: absolute;
	z-index: 4000;
}
.skip-link {
	background-color: #fff;
	color: #000;
	text-decoration: underline;
	position: absolute;
	padding: 1rem 2rem;
	display: block;
	border: 1px solid #1d1d1b;
}
.skip-link:hover {
	color: var(--ikkBlue);
}
.skip-link:not(:focus-visible):not(:focus):not(:active),
.visually-hidden, table caption { 
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: auto;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap;
}
summary {
	display: inline-block;
    list-style: none;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 0 .5rem .5rem;
}
.details-content {
	font-size: smaller;
    padding: .5rem;
}

/* @media print */
@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, #modal-search, .mood img, .mood:before, .mood:after, .resource-copyright, .footer, .top, svg.bi-chevron-up, .pageArrows, .readtime, .icon-calendar, .mediaconsent_element {
        display: none !important;
    }
	.img-overlay {
		display: block;
		position:relative;
		text-align: center;
		width: 100%;
		margin-top:	15px;
	}
	.mood .frame-type-header h1 {
		font-size: 45px !important;
		background: #fff;
		backdrop-filter: unset;
		color: #1d1d1b;
		margin-bottom: 0;
	}
	.container, .content { width:100%; }
	.content { margin-bottom: 15px; }
	.alert { 
		/*padding: 0 !important;*/
		color: #1d1d1b !important;
		background: transparent;
		border: 1px solid #efefef !important;
	}
	.alert h3 { color: #1d1d1b; }
	ul.nav-tabs,
	ul.nav-pills { display: none; }
	p.show-for-print { 
		display: block;
		font-family: Open Sans, sans-serif;
		font-weight: 600;
		margin-top: 25px;
	}
	.tab-content>.tab-pane { 
		padding: 0; 
		border: none; 
		visibility: visible !important;
		display: block !important;
		opacity: 1 !important;
	}
	.tab-content { border-top: none; }
	button[data-toggle="modal"] { display: none; }
	.modal { 
		padding: 0; 
		border: none; 
		visibility: visible !important;
		display: block !important;
		opacity: 1 !important;
		position: unset;
		overflow: visible;
	}
	.modal-dialog { 
		padding: 0;
		margin: 0;
		max-width: none;
	}
	.modal-content,
	.modal-header	{
		border: none;
		padding: 0;
	}
	.modal-header button { display: none; }
	.modal-body { padding: 1rem 0; }
	.frame-layout-3 figure.video {	
		display: none !important;
	}
	.frame-layout-3 figure.image {	
		display: table !important;
	}
	.collapse {
		display: block !important;
	}
	.accordion .panel { border-bottom: none; }
	.accordion .panel-title a {
		padding-bottom: 15px;
        font-size: 24px;
		font-weight: 600;
	}
	.accordion .panel:not(:first-of-type) .panel-title a {
		padding-top: 30px;
	}
	a.accordion-toggle,
	a.accordion-toggle.collapsed { color: #1d1d1b !important; }
	a.accordion-toggle.collapsed:after,
	a.accordion-toggle:after { display: none; }
	.panel-default>.panel-heading+.panel-collapse>.panel-body { 
		border: none;
		padding: 0;
	}	
	.bootstrap.tabs { border: none; }
	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: #1d1d1b;
		background-color: #fff;
	}
	.table-responsive-lg { display: table; }
	a {
        text-decoration: none !important;
        color: #1d1d1b !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: #efefef;
    }
	.frame-type-image.frame-layout-0  { display: none; } /* decorative images */
	.frame-type-textpic.frame-layout-0 .ce-gallery { display: none; } /* decorative images */
	.mood { margin-top: 0 !important; }

}