/* XPages Application CSS */
iframe {
	border: none;
	/*height: auto;*/
	width: 850px;
	text-align: left;
}

@media only screen and (max-device-width: 566px) {
	iframe {
		border: none;
		height: 650px;
		width: 100%;
	}
}
/* *******************************Layout********************************/
html {
	width: auto;
}

body {
	margin: 0;
	padding: 0;
	width: auto;
}

img {
	max-width: 100%;
}

.bodyContent {
	margin-left: 10vw;
	margin-right: 10vw;
	margin-top: 4vh;
	/* 	margin: 20px auto 20px auto; */
	/* 	width: 100%; */
	font-family: Arial;
}

/* Das Sprachenmunü */
.language_switch {
	height: 30px;
	/* 	width: 100%; */
	display: block;
	text-align: right;
	text-align: end;
	padding: 0 25px 0 25px;
}

.rpLanguageSwitch {
	font-size: 10px;
	line-height: 30px;
	font-weight: bolder;
	;
}

.rpLanguageSwitch_active {
	font-size: 10px;
	line-height: 30px;
	font-weight: bolder;
}

.rpLanguageSwitch_active a {
	text-decoration: none;
}

.rpLanguageSwitch a {
	text-decoration: none;
}

.panLogo {
	height: 110px;
	/* 	width: 100%; */
	display: block;
	text-align: start;
	padding: 0px 25px 0 25px;
	display: flex;
	justify-content: center;
}

.panLogo img {
	margin-top: 12px;
	margin-bottom: 20px;
	/* 	margin-left: -100px; */
}

.imgContentSquare {
	display: none;
}

.panContent>br {
	display: none;
}

.header_img {
	width: 100%;
}

.content_header {
	/* 	width: 100%; */
	display: block;
	text-align: start;
	padding: 25px;
}

.content_header {
	font-size: 1.2rem;
	font-weight: 600;
}

.content_header mark {
	background-color: transparent
}

.content_header:last-child {
	margin-bottom: 0
}

.content_text {
	/* 	width: 100%; */
	display: block;
	text-align: start;
	padding: 25px;
	font-size: 16px;
}

.content_text .content_text {
	display: block;
	text-align: start;
	padding: 0;
}

/* Socialmedialinks */
.social_media {
	/* 	width: 100%; */
	display: block;
	text-align: start;
	padding: 25px;
}

.social_media>div {
	position: relative;
	margin: 0 auto;
	text-align: end;
	text-align: right;
}

.social_media>div p {
	display: inline
}

.social_media>div>a.icon {
	padding: 0 5px 0
}

.panContentIMG {
	font-size: 0;
	/* 	width: 100%; */
	display: block;
	text-align: center;
}

/* *******************************FOOTER********************************/
.panFooterNew {
	/* 	width: 100%; */
	display: block;
}

.panFooterNew .wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	text-align: center;
	justify-content: space-between;
	padding: 0 100px 0 100px;
}

.panFooter>br {
	display: none;
}

.panFooterNew * {
	background-color: inherit;
}

.footerItem {
	max-width: 175px;
	margin: 15px;
	font-size: 10px !important;
}

.footerItem a {
	font-size: 10px !important;
	font-weight: bold;
	text-decoration: none;
}

/* *******************************Tables********************************/
th {
	word-wrap: break-word;
	overflow-wrap: break-word;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 5px;
	text-align: left;
}

td {
	word-wrap: break-word;
	overflow-wrap: break-word;
	font-size: 13;
	padding-left: 10px;
	padding-top: 5px;
}

/********************************Text********************************/
p, li {
	margin: 5px;
}

h1 {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 50px;
}

h2 {
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 5px;
}

/********************************Navigation********************************/
.DisplayNone {
	display: none;
}

.navbar {
	position: relative;
	height: 50px;
	/* 	width: 100%; */
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding: 0px 25px 0 25px;
}

.panTopNavi {
	align-self: flex-end;
	font-size: 16px;
	text-decoration: none;
}

.panTopNavi .rpNavi_top {
	margin: 0;
	display: flex;
	flex-direction: row;
}

.panTopNavi .rpNavi_top a {
	display: block;
	padding: 0 20px;
	font-size: 16px;
	line-height: 50px;
	text-decoration: none;
	font-family: Helvetica;
	font-weight: bold;
}

.panTopNavi .rpNavi_top .navi_left {
	display: none;
	position: absolute;
	top: 50px;
	width: 190px;
	white-space: nowrap;
	margin: 0;
}

.panTopNavi .rpNavi_top .navi_left a {
	padding: 0 10px;
}

.panTopNavi .rpNavi_top .navi_left .panNaviLeftEntry2 {
	position: relative;
	display: flex;
	flex-flow: column;
	list-style: none;
}

.panTopNavi>.rpNavi_top>.navi_top:hover>.navi_left {
	display: inherit;
}

.panNaviLeftEntry2 .navi_3rd_elements .navi_3rd {
	position: relative;
	top: -50px;
	left: 190px;
	display: none;
	background-color: white;
}

.panNaviLeftEntry2:hover .navi_3rd_elements .navi_3rd {
	display: flex;
	flex-flow: column;
}

.panNaviLeftEntry2:hover .navi_3rd_elements {
	height: 0;
}
/* *******************************Layout********************************/
body {
	background-color: #FFF;
}

.bodyContent {
	background-color: #f8f8f8;
}

/* Das Sprachenmunü */
.language_switch {
	background-color: white;
	border-bottom: 2px solid rgb(128, 128, 128);
}

.rpLanguageSwitch {
	color: rgb(128, 128, 128);
}

.rpLanguageSwitch_active {
	color: black;
}

.rpLanguageSwitch_active a {
	color: rgb(250, 127, 39);
}

.rpLanguageSwitch a {
	color: rgb(250, 127, 39);
}

.panLogo {
	background-color: white;
	border-bottom: 2px solid rgb(128, 128, 128);
}

.content_header {
	background-color: white;
	border-bottom: 2px solid rgb(128, 128, 128);
}

.content_header {
	color: black;
}

.content_header mark {
	color: rgb(250, 127, 39);
}

.content_text {
	background-color: white;
	border-bottom: 2px solid rgb(128, 128, 128);
}

.content_text .content_text {
	background-color: white;
	border-bottom: 0px solid #f8f8f8;
}

/* Socialmedialinks */
.social_media {
	background-color: white;
	border-bottom: 2px solid rgb(128, 128, 128);
}

.panContentIMG {
	background-color: white;
	border-bottom: 2px solid rgb(128, 128, 128);
}

/* *******************************FOOTER********************************/
.panFooterNew {
	background-color: #bebebe;
}

.footerItem {
	color: rgb(128, 128, 128);
}

.footerItem a {
	color: #fff;
}



h1 mark {
	/* 	color: #cd4201; */
	background-color: transparent;
}


/********************************Links********************************/
a {
	color: rgb(250, 127, 39);
	text-decoration: none;
}

a:hover {
	color: rgb(250, 127, 39);
	text-decoration: underline;
}

/********************************Navigation********************************/
.navbar {
	background-color: white;
	border-bottom: 2px solid rgb(128, 128, 128);
}

.panTopNavi {
	color: rgb(128, 128, 128);
}

.panTopNavi .rpNavi_top .navi_top {
	background-color: #fff;
	color: #fff;
}

.panTopNavi .rpNavi_top a {
	color: rgb(128, 128, 128);
}

.panTopNavi>.rpNavi_top .navi_top:hover>a {
	color: rgb(250, 127, 39);
}

.panTopNavi .rpNavi_top .navi_left {
	background-color: #fff;
}

/* .panTopNavi .rpNavi_top .navi_left .panNaviLeftEntry2:first-of-type { */
/* 	border-top: 2px solid rgb(250, 127, 39); */
/* } */

.panTopNavi .rpNavi_top .navi_left .panNaviLeftEntry2 {
	border-top: 2px solid rgb(250, 127, 39);
}

.panTopNavi .rpNavi_top .navi_left .panNaviLeftEntry2 ~ .panNaviLeftEntry2 {
	border-top: none;
}

.panTopNavi>.rpNavi_top>.navi_top:hover>.navi_left {
	color: #fff;
}

/* .panTopNavi>.rpNavi_top>.navi_top>.navi_left>.panNaviLeftEntry2:hover>a */
/* 	{ */
/* 	background-color: #cd4201; */
/* 	color: #fff !important; */
/* } */
.panNaviLeftEntry2:hover>a {
	background-color: rgb(250, 127, 39);
	color: #fff !important;
}

.panTopNavi>.rpNavi_top>.navi_top>.navi_left>.panNaviLeftEntry2 .navi_3rd_elements>.navi_3rd
	{
	position: relative;
	background-color: #fff;
	color: #fff;
}

.panTopNavi>.rpNavi_top>.navi_top>.navi_left>.panNaviLeftEntry2:hover>.navi_3rd_elements>.navi_3rd
	{
	color: #fff;
}

/* .panTopNavi>.rpNavi_top>.navi_top>.navi_left>.panNaviLeftEntry2:hover>.navi_3rd_elements>.navi_3rd:hover>a */
/* 	{ */
/* 	background-color: #cd4201; */
/* 	color: #fff; */
/* } */
.navi_3rd:hover>a {
	background-color: rgb(250, 127, 39);
	color: #fff;
}

.active>a {
	background-color: #fff;
	color: rgb(250, 127, 39) !important;
}

.panNaviLeftEntry2.active>a:hover, .navi_3rd.active>a:hover {
	background-color: rgb(250, 127, 39);
	color: #fff !important;
}
