@charset "utf-8";
*, ::before, ::after { 
	box-sizing: border-box; 
  	margin: 0;
	padding: 0;
	border: 0;
}
body {
	font: 110%/1.6 'Roboto', sans-serif;
	background: #78B3E0;
	margin: 0;
	padding: 0;
	color: #303A83;
}

/* ~~ Element-/Tag-Selektoren ~~ */
.ccm-page h1, .ccm-page h2, .ccm-page h3, .ccm-page h4, .ccm-page h5, .ccm-page h6 {	
	line-height: 1.2;
}
.contentbox h1, .contentbox h2, .contentbox h3, .contentbox h4, .contentbox h5, .contentbox h6 {	
	line-height: 1.2;
	font-weight: 400;
}
h1 {
	font-size: 160%;
	margin-bottom: 25px;	
}
h2 {
	font-size: 140%;
	color: #78B3E0;
	margin-bottom: 15px;	
}
h3 {		
	font-size: 140%;
	margin-bottom: 10px;	
}
h4, h5, h6 {	
	font-size: 140%;
	margin-bottom: 7px;
}
p {
	margin-bottom: 25px;	
}
p + h2, p + h3, p + h4, p + h5 {
	padding-top: 10px;	
}
.footer p {
	margin-bottom: 15px;	
}
.footer .black p {
	margin-bottom: 0px;	
}
.contentbox ul, .contentbox ol, .contentbox img {
	margin-bottom: 25px;
}
.contentbox p + ul, .contentbox p + ol {
	margin-top: -20px;
}
.contentbox li {
	margin-left: 18px;
}
img { 
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
a img { 
	border: none;
}
.contentbox a {
	color: #00A0E3;
}
.contentbox a:hover, .contentbox a:active, .contentbox a:focus {
	color: #F22428;
}
.footer a {
	color: #303A83;
	text-decoration: none;
}
.footer .black a {
	color: #FFF;
}
.footer a:hover, .footer a:active, .footer a:focus {
	color: #FFF;
	text-decoration: underline;
}

/* ~~ Layout ~~ */
.container {
	width: 90%;
	max-width: 1260px;
	margin: 0 auto;
}
.header {
	position: relative;
	display: block;
	padding: 10px 0;
	z-index: 99;
	background: #FFF;
}
.flex {
    display: flex;
    flex-wrap: wrap;	
}
.header .flex {
	justify-content: center;		
}
.footer .flex {
	justify-content: space-between;		
}
.contentbox .flex {
	justify-content: flex-start;		
}
.logo {
	width: 90%;
	max-width: 550px;
	padding: 10px 0;
}
.slider {
	background: #FFF;
}
.contentbox {
	background-color: #FFF;	
	padding: 40px 0;
	hyphens: auto;
}
.contentbox .flex .box {
    width: 100%;
}
.ccm-layout-column-wrapper {
	margin-bottom: 35px;
}
.footer {
	padding-top: 30px;
	color: #FFF;
}
.footer .box {
    width: 100%;
	margin-bottom: 25px;
}
.black {
	background-color: #000;	
	padding-top: 20px;
}

/* ~~ Slider ~~ */
.ccm-image-slider-container {
	padding-bottom: 30px;
}
.ccm-image-slider-inner ul.rslides {
	margin: 0;
}
.ccm-image-slider-inner ul.rslides li {
	height: 80vh;
	overflow: hidden;
	margin: 0;
}
.ccm-image-slider-inner li img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    object-fit: cover;
    width: 100%;
	max-width: none;	
    height: 100%;
	margin-bottom: 0;	
}
.ccm-image-slider-text {
	position: absolute !important;
	width: 100% !important;
	height: 100%;
	top: 0 !important;
	bottom: 0;
	padding: 0 5%;
	color: #FFF;
	text-align: center;
	text-shadow: 0px 0px 5px #000;	
	background: rgba(255,255,255,0.0);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.ccm-image-slider-text h2 {
	display: none;
}
.ccm-image-slider-text p {
	font-size: 140%;
	color: #c6e2f7;	
	margin-bottom: 40px;
}
.ccm-image-slider-text p:last-of-type {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.ccm-image-slider-text a {
	line-height: 1.0;
	background-color: #303A83;
	color: #FFF;
    text-decoration: none;
    text-align: center;
	padding: 10px 20px;
	margin: 10px auto;
	border: none;
	border-radius: 2px;
	text-shadow: none;
	box-shadow: 0px 0px 5px #000;	
}
.ccm-image-slider-text a:hover, .ccm-image-slider-text a:active, .ccm-image-slider-text a:focus {
	background-color: #FFF;
	color: #303A83;
}
.rslides_tabs {
	text-align: center;
	position: relative;
	z-index: 998;
	margin-top: -40px;
}
.rslides_tabs li{
    heigt: 40px;
}
.rslides_tabs li a {
    background: transparent !important;
	border: #fff 2px solid;
}
.rslides_tabs li.rslides_here a {
    background: #FFF !important;
	border: #fff 2px solid;	
}

/* ~~ Formular ~~ */
.ccm-block-type-form input, .ccm-block-type-form textarea {
	appearance: none;	
    display: block !important;
    padding: 5px 10px !important;
    font-size: inherit !important;
    line-height: inherit !important;
	width: 100%;
	background: #78B3E0;
	border: #c6e2f7 1px solid;
	border-radius: 2px;
	color: #FFF;
}
.ccm-block-type-form .form-control:focus {
	outline: none;
	background-color: #638fb1;
}
.ccm-block-type-form .fields {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
.ccm-block-type-form .form-group {
  width: 100%;
}
.ccm-block-type-form .form-group label.control-label {
  font-weight: 400 !important;
}
.ccm-block-type-form .alert {
	padding: 20px;
	margin-bottom: 10px;	
	text-align: center;
	font-weight: 700;
	color: #FFF;
}
.ccm-block-type-form .alert.alert-danger {
	background-color:#cc0000;
} 
.alert.alert-success {
	background-color: #090;
	color: #FFF;
	text-align: center;
} 
textarea {
	height: 150px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 110%;
	color: #000;
	resize: vertical;
}
.text-muted {
	display: inline-block;
	color: transparent !important;
}
.text-muted:before {
	content: "*" !important;
	color: rgba(255,255,255,1.00) !important;
	font-weight: 400;
}
.form-group.captcha {
	margin: 20px 0 0 5%;
}
.ccm-block-type-form .btn.btn-primary {
	color: #78B3E0;
	background-color: #FFF;
    text-decoration: none;
    text-align: center;
    display: block;
	padding: 10px 20px;
	margin: 20px 0;
	border: none;
	font-size: 100%;
	cursor: pointer;
	font-weight: 400;
	width: auto;
	text-transform: uppercase;
}
.ccm-block-type-form .btn.btn-primary:hover, .ccm-block-type-form .btn.btn-primary:active, .ccm-block-type-form .btn.btn-primary:focus {
	background-color: #303A83;
	color: #FFF;
}

/* ~~ Icon-Link ~~ */
.ccm-block-feature-item, .ccm-block-feature-item p {
	margin: 0 !important;
}
div.ccm-block-feature-item i {
  width: 30px;
text-align: center;
}

@media (min-width: 600px) {
/* ~~ Slider ~~ */	
.ccm-image-slider-text p:last-of-type {
	display: block;
}
.ccm-image-slider-text a {
	margin: 10px 30px;
}	
/* ~~ Formular ~~ */
.ccm-block-type-form .form-group {
  width: 48%;
}
.ccm-block-type-form .form-group:last-of-type {
  width: 100%;
}	
	
}
@media (min-width: 800px) {	
.footer .flex .box {
    width: 45%;
}
h1 {
	font-size: 240%;
}	
.slider .banner {
	margin-top: -100px;
}	
}
@media (min-width: 1024px) {
/* ~~ Slider ~~ */
.ccm-image-slider-text h2 {
	display: block;
	font-size: 260%;
	color: #FFF;
	font-weight: 400;
	margin-bottom: 30px;
}	
}
@media (min-width: 1240px) {
/* ~~ Slider ~~ */
.ccm-image-slider-text {
	padding: 0 20%;
}
}
@media only screen and (max-width: 1024px)  { 
.ccm-layout-column-wrapper {
	display: flex;
	flex-direction: column;
}	
.ccm-layout-column-wrapper:nth-child(even) {
	flex-direction: column-reverse;
}	
.ccm-layout-column {
	width: 100% !important;
}
.ccm-layout-column-inner {
	margin: 0 !important;
	}	
}