@charset "utf-8";
*, ::before, ::after { 
	box-sizing: border-box; 
  	margin: 0;
	padding: 0;
	border: 0;
}
body {
	font: 110%/1.4 'Dosis', sans-serif;
	background-color: #030;
	color: #FFF;
}
a img { 
	border: none;
}
a {
	outline: 0;
}
.contentbox a:link {
	color: #b0cb1f;
	text-decoration: underline; 
}
.contentbox a:hover, .contentbox a:active, .contentbox a:focus { 
	text-decoration: none;
}
.contentbox .weiss a:link {
	color: #6d7a25;
}
.container {
	width: 90%;
	margin: 30px auto;
}
.container img {
	width: 100%;
	height: auto;
}
.header {
	position: relative;
	margin-top: 10px;
	height: 50px;
	overflow: visible;
}
.ccm-toolbar-visible .header {
	margin-top: 100px;
}
.header .container {
	margin: 0 auto;
}
.header .container .logo {
	float: left;
	width: 75%;
	display: block;
	max-width: 300px;
	margin-right: 20px;
}
.header .container .navi {
	float: left;
	padding-top: 12px;
	font-weight: 700;
	text-transform: uppercase;
}
.flex {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;	
}
.contentbox {	
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.contentbox.mittel>:first-child {	
	margin-top: 20px;
}
.contentbox.mittel>:last-child {	
	margin-bottom: 20px;
}
.contentbox img {	
	width: 100%;
	height: auto;
}
.contentbox h1 {
	font-size: 160%;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 0;
	color: #b0cb1f;	
}
.contentbox .weiss h1 {
	padding: 10px 20px;
}
.contentbox h2 {
	font-size: 130%;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 0;
	color: #b0cb1f;	
}
.contentbox .weiss h2 {
	padding: 10px 20px;
}
.contentbox h3, .contentbox h4, .contentbox h5, .contentbox h6 {
	font-size: 110%;
	font-weight: 700;	
	padding: 10px 0;
}
.contentbox .weiss h3, .contentbox .weiss h4, .contentbox .weiss h5, .contentbox .weiss h6 {
	padding: 10px 20px;
}
.contentbox .accordion-item.open {
	color: #000;
	padding: 10px 0;
}
.contentbox p{
	padding: 10px 0;
}
.contentbox .weiss p {
	padding: 10px 20px;
}
.contentbox ul, .contentbox ol {
	padding: 0 0 20px;
}
.contentbox .weiss ul, .contentbox .weiss ol {
	padding: 0 20px 20px 20px;
}
.contentbox li{
	margin-left: 18px;
}
.weiss * {
	background: #FFF;
}
.weiss>:first-child {
	padding-top: 20px !important;
}
.weiss>:last-child {
	padding-bottom: 30px !important;
}
.weiss p, .weiss ul, .weiss ol {
	color: #030;
}
/* ~~ Background ~~ */
.bg {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.ccm-edit-mode .bg {
  position: relative;
  height: auto;
  z-index: inherit;
}
/* ~~ Slider ~~ */
.container .ccm-image-slider {
	overflow: hidden;
	margin-bottom: 30px;
}
.ccm-image-slider-inner ul.rslides {
	margin: 0;
}
.ccm-image-slider-inner ul.rslides li {
	overflow: hidden;
	margin: 0;
}
.bg .ccm-image-slider-inner ul.rslides li {
	height: 100vh;
	width: 100%;
}
.container .ccm-image-slider-inner li img {	
    position: relative;
    object-fit: cover;
    width: 100%;
	max-width: none;
	aspect-ratio: 16 / 9;
	margin-bottom: 0;	
}
.bg .ccm-image-slider-inner li img {	
    position: relative;
    object-fit: cover;
    width: 100%;
	max-width: none;
	height: 100%;
	margin-bottom: 0;	
}
.ccm-image-slider-text {
 	padding-top: 10px !important;
	text-align: center;
}
a.rslides_nav {
	display: none;
}
ul.rslides_tabs {
	text-align: center;
}
.rslides_tabs li a {
  background: #dbd42a !important;
  border-radius: 2px !important;
  height: 4px !important;
  margin: 0 !important;
  width: 15px !important;
}
.rslides_tabs li.rslides_here a, .rslides_tabs li a:hover {
  background: #FFF !important;
}
@media (min-width: 1280px) {
.header {
	background: #FFF;
	margin: 50px 0 150px;
}	
.header .container .logo {
	max-width: 425px;
	margin-top: -40px;
}
.contentbox.schmal {	
	width: 425px;
}
.contentbox.mittel {	
	width: calc(100% - 500px);
}
.contentbox.mittel>:first-child {	
	margin-top: 0;
}
.contentbox.mittel>:last-child {	
	margin-bottom: 0;
}	
}