/* codeDESIGN - layout_cms.css */
@charset "utf-8";

/* OTHER COMPONENTS */
.com_codedesign_contactform div.component {
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 0px;
	color: #222222;
}
.com_codedesign_contactform div.component h1 {
	font: normal 32px/32px 'Raleway','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 600;
	/* text-transform: uppercase; */
	color: #003366;
	letter-spacing: 0px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
	position: relative;
}
.com_codedesign_contactform div.component h2 {
	font: normal 32px/32px 'Raleway','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 600;
	/* text-transform: uppercase; */
	color: #003366;
	letter-spacing: 0px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
	position: relative;
}
.com_codedesign_contactform div.component a,
.com_codedesign_contactform div.component a,
.com_codedesign_contactform div.component a:visited {
	text-decoration: underline;
	color: #ff9900;
}
.com_codedesign_contactform div.component a:hover {
	text-decoration: underline;
	color: #003366;
}
.com_codedesign_contactform div.component h1:after,
.com_codedesign_contactform div.component h2:after {
	background: #ff9900;
	bottom: -2px;
	content: "";
	height: 3px;
	left: 0%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	width: 82px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.com_codedesign_contactform div.component h1:hover:after,
.com_codedesign_contactform div.component h2:hover:after {
	width: 180px;
}
.com_codedesign_contactform div.component h3 {
	font: normal 20px/20px 'Raleway','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 600;
	color: #003366;
	letter-spacing: -1px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
	position: relative;
}
.com_codedesign_contactform div.component h3:after {
	background: #ff9900;
	bottom: -2px;
	content: "";
	height: 3px;
	left: 0%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	width: 82px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.com_codedesign_contactform div.component h3:hover:after {
	width: 120px;
}
.contact_form_infobox {
	color: #ffffff;
	background: var(--ci_color);
	padding: 20px;
}



/* CONTACT FORM POPUP */
div.contact_form_popup_overlay {
	display: none;
	background: rgba(255, 255, 255, 0.5);
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10000;
}
div.contact_form_popup {
	display: none;
	background-color: #ffffff;
	border: 1px solid var(--ci_color);
	cursor: default;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: left;
	width: 400px;
	z-index: 10001;
	padding: 20px 20px 20px 20px;
}
div.contact_form_popup_content {
	font: normal 13px/20px 'Raleway','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 300;
	color: #222222;
}
div.contact_form_popup_content h5 {
	font: normal 16px/16px 'Raleway','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 600;
	color: var(--ci_color);
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;	
}
div.contact_form_popup div.contact_form_popup_content {
	padding: 0px 0px 10px 0px;
	hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-locale: 'de';
	-webkit-text-size-adjust: none;
	text-rendering: optimizeLegibility;
	-webkit-font-mdoothing: antialiased;
}
div.contact_form_popup .button {
	float: right;
}
div.contact_form_popup .button i.fal {
	font-size: 10px !important;
	padding: 0px 10px 0px 0px;
}



/* SIMPLE HTML POPUP */
div.simple_html_popup_overlay {
	display: none;
	background: rgba(255, 255, 255, 0.5);
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10000;
}
div.simple_html_popup {
	display: none;
	background-color: #ffffff;
	border: 1px solid var(--ci_color);
	cursor: default;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: left;
	width: 400px;
	z-index: 10001;
	padding: 20px 20px 20px 20px;
}
div.simple_html_popup_content {
	font: normal 13px/20px 'Raleway','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 300;
	color: #222222;
}
div.simple_html_popup_content h5 {
	font: normal 16px/16px 'Raleway','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 600;
	color: var(--ci_color);
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;	
}
div.simple_html_popup div.simple_html_popup_content {
	padding: 0px 0px 10px 0px;
	hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-locale: 'de';
	-webkit-text-size-adjust: none;
	text-rendering: optimizeLegibility;
	-webkit-font-mdoothing: antialiased;
}
div.simple_html_popup .button {
	float: right;
}
div.simple_html_popup .button i.fal {
	font-size: 10px !important;
	padding: 0px 10px 0px 0px;
}



/* JOOMLA CMS */
/* COM_CONTENT */
.com_content div.item-page {
	margin: 0px 0px 0px 0px;
	padding: 20px 40px 20px 0px;
	color: #242424;
}
@media only screen and (max-width: 768px) {

	.com_content div.item-page {
		padding: 20px 0px 20px 0px;
	}
	
}
.com_content div.item-page span.ci_color {
	font-weight: 400;
}



/* COM_CONTENT IMAGES */
figure.figure-img-fulltext {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;	
}
.com_content div.item-page div.img-fulltext {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
.com_content div.item-page div.img-fulltext-caption {
	background: #F8F8F8;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
}



/* COM_CONTENT H1 - H6 */
.com_content div.item-page div.page-header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.com_content div.item-page div.page-header h1,
.com_content div.item-page div.page-header h2 {
	font: normal 24px/24px 'Raleway','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 600;
	/* text-transform: uppercase; */
	color: #003366;
	letter-spacing: 0px;
	text-transform: uppercase;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	position: relative;
}
.com_content div.item-page div.page-header h1:after,
.com_content div.item-page div.page-header h2:after {
	background: #ff9900;
	bottom: -2px;
	content: "";
	height: 3px;
	left: 0%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	width: 82px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.com_content div.item-page div.page-header h1:hover:after,
.com_content div.item-page div.page-header h2:hover:after {
	width: 180px;
}
.com_content div.item-page div.page-article-content {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #003366;
	background: #ffffff;
	box-shadow: 0px 0px 20px 20px rgb(255, 255, 255);
}
.com_content div.item-page div.page-article-content h3 {
	font: normal 16px/16px 'Raleway','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 600;
	color: #003366;
	letter-spacing: -1px;
	text-transform: uppercase;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	position: relative;
}
.com_content div.item-page div.page-article-content h3:after {
	background: #ff9900;
	bottom: -2px;
	content: "";
	height: 3px;
	left: 0%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	width: 82px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.com_content div.item-page div.page-article-content h3:hover:after {
	width: 180px;
}
.com_content div.item-page div.page-article-content hr {
	background: #dfdfdf;
	width: 100%;
	height: 3px;
	border: none;
}



/* COM_CONTENT LINKS */
.com_content div.item-page div.page-article-content a,
.com_content div.item-page div.page-article-content a:link,
.com_content div.item-page div.page-article-content a:visited {
	font-weight: 400;
	color: #ff9900;
	text-decoration: none;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;	
}
.com_content div.item-page div.page-article-content a:hover {
	color: #003366;
	text-decoration: underline;
}



/* LIST ELEMENTS */
.com_content div.item-page div.page-article-content ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.com_content div.item-page div.page-article-content ul ul {
	list-style: none;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
.com_content div.item-page div.page-article-content ul li {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	position: relative;
}
.com_content div.item-page div.page-article-content ul li:before {
	content: "\f105";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 100;
	font-size: 1.4em;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	position: absolute;
	left: 0px;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.com_content div.item-page div.page-article-content ul li:hover:before {
	color: #005e29;
	left: 6px;
}
.com_content div.item-page div.page-article-content ul li a,
.com_content div.item-page div.page-article-content ul li a:link,
.com_content div.item-page div.page-article-content ul li a:visited {
	font-weight: 400;
	color: #ff9900;
	text-decoration: none;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;	
}
.com_content div.item-page div.page-article-content ul li a:hover {
	color: #003366;
	text-decoration: underline;
}



/* COM_CONTENT FURTHER HTML ELEMENTS */
.html_table_in_content {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.component table {
	margin: 0px;
	padding: 0px;
}
.component tr {
}
.component td {
	/* line-height: 13px; */
	padding: 0px 30px 10px 0px;
	vertical-align: top;
}
.component strong {
	font-weight: 600;
}
div.page-article-content table tr td:nth-child(1) {
	width: 150px;
}


/* COM_CONTENT PAGE BREAK ACCORDION */
/* CONTENT ACCORDION PAGEBREAK */
div.pane-sliders.ui-accordion {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
h3.pane-toggler.ui-accordion-header {
	background: #F8F8F8;
	font: normal 13px/13px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif !important;
	letter-spacing: 0px !important;
	color: #242424 !important;
	margin: 0px 0px 5px 0px !important;
	padding: 8px 10px 8px 10px !important;
	cursor: pointer;
}
h3.pane-toggler.ui-accordion-header a,
h3.pane-toggler.ui-accordion-header a:link,
h3.pane-toggler.ui-accordion-header a:visited {
	font: normal 13px/20px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 600;
	letter-spacing: 0px;
	color: #242424 !important;
	text-transform: none;
	text-decoration: none;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;	
}
h3.pane-toggler.ui-accordion-header a:hover {
	text-decoration: none !important;
}
@media only screen and (max-width: 768px) {

	h3.pane-toggler.ui-accordion-header {
		background: #ffffff;
	}
	
}
h3.pane-toggler.ui-accordion-header:after {
	display: none;
}
h3.pane-toggler.ui-accordion-header:hover span.ui-accordion-header-icon:after {
	color: #bc262d;
}
h3.pane-toggler.ui-accordion-header span.ui-accordion-header-icon:after {
	font-family: 'Font Awesome 5 Pro';
	font-size: 1.5em;
	content: "\f078";
	margin: 3px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	right: 0px;
	cursor: pointer;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
h3.pane-toggler.ui-accordion-header-active {

}
h3.pane-toggler.ui-accordion-header-active:after {
	display: none;
}
h3.pane-toggler.ui-accordion-header-active span.ui-accordion-header-icon:after {
	content: "\f077";
	color: #bc262d;
}
div.pane-slider.ui-accordion-content {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 15px 0px;	
}
div.pane-slider.ui-accordion-content ul {
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;	
}



/* COM_CONTENT BLOG */
.com_content div.blog {
	margin: 0px 0px 0px 0px;
	padding: 0px 40px 0px 0px;	
}
@media only screen and (max-width: 768px) {

	.com_content div.blog {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;	
	}
	
}
.com_content div.blog div.item {
	background: #F9F9F9;
	margin: 0px 0px 20px 0px;
	padding: 20px 20px 20px 20px;	
}
.com_content div.blog div.item:after {
	background: #dfdfdf;
	width: 100%;
	height: 3px;
	display: inline-block;
	border: none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
}
.com_content div.blog div.item h2 {
	font: normal 20px/20px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-style: italic;
	font-weight: 600;
	color: #bc262d;
	letter-spacing: -1px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
	position: relative;
}
.com_content div.blog div.item h2 a, 
.com_content div.blog div.item h2 a:link, 
.com_content div.blog div.item h2 a:visited, 
.com_content div.blog div.item h2 a:hover {
	font: normal 20px/20px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-style: italic;
	font-weight: 600;
	color: #bc262d;
	letter-spacing: -1px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
	position: relative;
	text-decoration: none;
}
.com_content div.blog div.item h2:after {
	background: #bbbbbb;
	bottom: -2px;
	content: "";
	height: 3px;
	left: 0%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	width: 82px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.com_content div.blog div.item h2:hover:after {
	width: 180px;
}



/* COM_CONTENT BLOG READMORE */
.com_content div.blog div.readmore {
	width: 100%;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px
	float: right;
	text-align: right;
}
.com_content div.blog div.readmore:before,
.com_content div.blog div.readmore:after {
	clear: both;
}
.com_content div.blog div.readmore a,
.com_content div.blog div.readmore a:link,
.com_content div.blog div.readmore a:visited {
	font-weight: 400;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	color: #242424;
	text-decoration: none;
	position: relative;
}
.com_content div.blog div.readmore a:before {
	content: "\f105";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 100;
	font-size: 1.4em;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	position: absolute;
	left: 0px;
	display: inline-block;
	clear: both;
}
.com_content div.blog div.readmore a:hover,
.com_content div.blog div.readmore a:hover:before {
	color: #ff9900;
}



/* COM_CONTENT PAGINATION */
.com_content div.pagination ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.com_content div.pagination ul li {
	height: 40px;
	line-height: 42px;
	list-style: none;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
}
/* ACTIVE */
.com_content div.pagination ul li span {
	background: #A5222A;
	height: 40px;
	display: inline-block;
	color: #ffffff;
	padding: 0px 8px 0px 8px;
}
/* COM_CONTENT PAGINATION OTHER SPANS, START, PREV, NEXT, END */
.com_content div.pagination ul li.pagination-start span,
.com_content div.pagination ul li.pagination-prev span,
.com_content div.pagination ul li.pagination-next span,
.com_content div.pagination ul li.pagination-end span {
	background: none;
	color: #242424;
}
.com_content div.pagination ul li a,
.com_content div.pagination ul li a:link,
.com_content div.pagination ul li a:visited {
	height: 40px;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 8px;
	display: inline-block;
	text-decoration: none;
	color: #242424;
}
.com_content div.pagination ul li a:hover {
	background: #A5222A;
	color: #ffffff;
}
/* COM_CONTENT PAGINATION COUNTER */
.com_content div.pagination .counter {
	line-height: 42px;
	text-transform: uppercase;
}



/* MODULE MENU SUBMENU FOR SUBPAGES HTML5 */
div.moduletable_submenu_subpages {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
div.moduletable_submenu_subpages h3 {
	font: normal 20px/20px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-style: italic;
	font-weight: 600;
	color: #bc262d;
	letter-spacing: -1px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
	position: relative;
}
div.moduletable_submenu_subpages h3:after {
	background: #bbbbbb;
	bottom: -2px;
	content: "";
	height: 3px;
	left: 0%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	width: 82px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.moduletable_submenu_subpages h3:hover:after {
	width: 180px;
}
div.moduletable_submenu_subpages ul {
	list-style: none;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
div.moduletable_submenu_subpages ul ul {
	list-style: none;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
div.moduletable_submenu_subpages ul li {
	list-style: none;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	position: relative;
}
div.moduletable_submenu_subpages ul li:before {
	content: "\f105";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 100;
	font-size: 1.4em;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	position: absolute;
	left: 0px;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
div.moduletable_submenu_subpages ul li:hover:before {
	color: #bc262d;
	left: 6px;
}
div.moduletable_submenu_subpages ul li a,
div.moduletable_submenu_subpages ul li a:link,
div.moduletable_submenu_subpages ul li a:visited {
	font-weight: 400;
	color: #bc262d;
	text-decoration: none;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;	
}
div.moduletable_submenu_subpages ul li a:hover {
	color: #242424;
	text-decoration: underline;
}
div.moduletable_submenu_subpages ul li.active.deeper.parent > a,
div.moduletable_submenu_subpages ul li.active.deeper.parent > a:link,
div.moduletable_submenu_subpages ul li.current > a,
div.moduletable_submenu_subpages ul li.current > a:link {
	color: #242424;
	text-decoration: none;
}
/* SHOW SUBMENUS ONLY WHEN ACTIVE */
div.moduletable_submenu_subpages ul li.deeper.parent > ul {
	display: none;
}
div.moduletable_submenu_subpages ul li.active.deeper.parent > ul,
div.moduletable_submenu_subpages ul li.current.deeper.parent > ul {
	display: inline;
}
/* TODO THIS IS BECAUSE OF THIRD LEVEL ISSUES */
/* SO WE KEEP ALL OPEN TILL ACCORDION SOLUTION */
div.moduletable_submenu_subpages ul li.active.deeper.parent ul {
	display: inline;
}



/* MODULE CONTENT BOX */
div.moduletable_contentbox_subpages {
	background: #F9F9F9;
	margin: 0px 40px 20px 0px;
	padding: 20px 20px 20px 20px;
	display: inline-block;
	position: relative;
}
div.moduletable_contentbox_subpages:before {
	font-family: 'Font Awesome 5 Pro';
	content: "\f4a5";
	font-size: 3em;
	line-height: 40px;
	color: #bc262d;
	position: absolute;
	top: 24px;
	left: 20px;
}
div.moduletable_contentbox_subpages div.custom_contentbox_subpages {
	padding: 0px 0px 0px 60px;
}