@charset "UTF-8";
*, ::before, ::after { 
	box-sizing: border-box; 
  	margin: 0;
	padding: 0;
}
img { 
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.container {
	font-family: 'Open Sans', sans-serif;
	font-size: 110%;
	background-color: #FFFFFF;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-bottom-width: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.container .primary_header {
	width: 100%;
	background-color: #FFF;
	clear: left;
	height: 125px;
	background-image: url("img/logo.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
}
.container .secondary_header {
	width: 100%;
	padding: 20px 0;
	background-color: #0d9875;
	text-align: center;
	clear: left;
}
.container section {
	display: -webkit-flex;
 	display: flex;
	flex-wrap: wrap;
  	justify-content: flex-start;
}
.left_article {
	position: relative;
	display: block;	
	width: 50%;
}
.left_article .ccm-image-block {
	position: absolute;
  	top: 50%;
  	transform: translateY(-50%);	
  	object-fit: cover;
  	width: 100%;
	height: 100%;
}
.right_article {
	width: 40%;
	margin: 30px 5%;
	color: #343434;
}
.right_article .right {
	padding-bottom: 15px;
}
.right_article.left {
	width: 40%;
	margin: 30px 5% 0;
}
.right_article.left .ccm-image-block, .ccm-edit-mode .ccm-image-block {
	position: relative;
  	top: 0;
  	transform: none;
}
.container .right_article h1, .container .right_article h2, .container .right_article h3, .container .right_article h4, .container .right_article h5, .container .right_article h6 {
	padding-right: 5%;
	font-weight: 800;
}
.container .right_article h1 {
	font-size: 180%;
	color: #1d1d1b;
	margin-bottom: 4%;
}
.container .right_article h2 {
	font-size: 140%;
	color: #1d1d1b;
	margin-bottom: 4%;
}
.container .right_article h3 {
	font-size: 140%;
	color: #0d9875;
	margin-bottom: 4%;
}
.container .right_article p+h1, .container .right_article p+h2, .container .right_article p+h3 {
	margin-top: 3%;
}
.container .right_article h4 {
	padding-left: 5%;
	padding-right: 5%;	
	font-size: 115%;
	color: #1d1d1b;
	margin-bottom: 2%;
}
.container .right_article h5 {
	padding-left: 5%;
	padding-right: 5%;	
	font-size: 115%;
	color: #0d9875;
	margin-bottom: 2%;	
}
.container .right_article h6 {
	padding-left: 5%;
	padding-right: 5%;	
	font-size: 100%;
	color: #0d9875;
	margin-bottom: 2%;	
}
.container .right_article p {
	padding-left: 5%;
	padding-right: 5%;
	margin-bottom: 2%;	
	line-height: 1.6;
	color: #787878;
	-ms-hyphens: auto;
  	-moz-hyphens: auto;
  	-webkit-hyphens: auto;
  	-khtml-hyphens: auto;
  	hyphens: auto;	
}
.container .right_article strong {
	color: #1d1d1b;
}
.container .right_article ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.right_article ul li {
	text-align: left;
	list-style: none;
	margin: 10px 5%;
	padding: 5px 0 5px 15px;
	color: #787878;
	border-left: 3px solid #0d9875;
}
.footer {
	background-color: #1d1d1b;
	color: #FFF;
	padding: 20px;
}
.footer a {
	color: #9fc9b8;
	text-decoration: none;
}
.footer a:hover, .footer a:active, .footer a:focus {
	color: #FFF;
}
.footer .sg {
	float: right;
	justify-content: flex-end;
}
.clearfloat {
	clear: both;
	height: 0px;
	line-height: 0;
}
/* ~~ Magic Tabs ~~ */
.container .jl_magic_tabs_default li.nav-item {
	padding: 2px 0;
	margin: 2px 5%;
	border-left: none;
}
.container div.ccm-ui .nav a.nav-link {
	color: #1d1d1b !important;
	background-color: #d4e5dd;
	font-size: 110%;
	font-weight: 800;
	line-height: 1.0;
	padding-top: 8px;
	padding-bottom: 9px;
}
.container div.ccm-ui .nav a.nav-link:hover, .container div.ccm-ui .nav a.nav-link.active {
  	color: #000000 !important;
	background-color: #9fc9b8 !important;
}
.container ul.nav-tabs.nav.jl_magic_tabs li a::after {
  margin-top: -5px;
}
.container div.ccm-ui .nav-tabs .nav-link {
  border-bottom-width: 0 !important;
}
/* ~~ Formular ~~ */
.ccm-dashboard-express-form input, .ccm-dashboard-express-form textarea {
    display: block !important;
    padding: 5px 10px !important;
    font-size: inherit !important;
    line-height: inherit !important;
	width: 100%;
	margin: 5px 0 25px;
}
.ccm-dashboard-express-form fieldset {
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 2%;
	padding: 20px 25px;
	border: #9fc9b8 1px solid;
}
.ccm-dashboard-express-form .alert {
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 2%;
	padding: 20px;
	font-size: 110%;
	text-align: center;
	font-weight: 800;
	color: #FFF;
}
.ccm-dashboard-express-form .alert.alert-danger {
	background-color:#cc0000;
} 
.right_article .alert.alert-danger ul li {
  text-align: left;
  list-style: square;
  margin: 5px 20px;
  padding: 0;
  color: #FFF;
  border-left: none;
}
.alert.alert-success {
	background-color:#0d9875;
	color: #FFF;
	padding: 10px;
	text-align: center;
	margin: 0 5%;
} 
.container .right_article .ccm-block-express-form p,
.container .right_article .ccm-block-express-form h4,
.container .right_article .ccm-block-express-form h5, 
.container .right_article .ccm-block-express-form h6 {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 15px;
}
.ccm-block-express-form h3 {
	padding-top: 20px;
	margin-bottom: 1%;	
}
textarea {
	height: 150px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 110%;
	color: #000;
}
.text-muted {
	display: inline-block;
	color: transparent !important;
}
.text-muted:before {
	content: "*" !important;
	color: #000 !important;
	font-weight: 400;
}
.form-group.captcha {
	margin: 20px 0 0 5%;
}
.ccm-block-express-form .btn.btn-primary, .container a.btn {
	color: #FFF;
	background-color: #0d9875;
    text-decoration: none;
    text-align: center;
    display: block;
	padding: 10px;
	margin: 20px 5%;
	border: none;
	font-size: 100%;
	cursor: pointer;
	font-weight: 800;
}
.ccm-block-express-form .btn.btn-primary:hover, .ccm-block-express-form .btn.btn-primary:active, .ccm-block-express-form .btn.btn-primary:focus, .container a.btn:hover, .container a.btn:active, .container a.btn:focus {
	background-color: #1d1d1b;
}
.container p > a.btn {
		margin: 20px 0;
}
@media (max-width: 576px) {
.container .primary_header {
	height: 95px;
	background-image: url("img/logo_mob.png");
}	
.container .secondary_header {
	padding: 0;
}	
.left_article {
	width: 100%;
	height: auto;
}
.left_article .ccm-image-block {
	position: relative;
	display: block;
	height: auto;
}	
.right_article {
	display: block;
	position: relative;	
	width: 100%;
	height: auto;
}
.right_article.left {
	display: block;
	position: relative;		
	width: 100%;
}
}

@media (min-width: 577px) and (max-width: 992px) {	
.container .primary_header {
	height: 125px;
}		
.container .secondary_header {
	padding: 20px 0;
}
.left_article {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 25px;
}
.left_article .ccm-image-block {
	position: relative;
	display: block;
	height: auto;
}	
.right_article {
	display: block;
	position: relative;
	width: 100%;
	height: auto;	
}
.right_article.left {
	display: block;
	position: relative;		
	width: 100%;
}
}

@media (min-width: 993px) and (max-width: 1200px) {
.container .primary_header {
	height: 125px;
}		
.container .secondary_header {
	padding: 20px 0;
}
	.left_article {

}
.right_article {
	height: auto;
	padding-bottom: 27px;
}
}

@media (min-width: 1201px) {
}