@charset "utf-8";
*, ::before, ::after { 
	box-sizing: border-box; 
  	margin: 0;
	padding: 0;
	border: 0;
}
body {
	font: 105%/1.4 'Open Sans', sans-serif;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	color: #6b6a60;
}

.background {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.background img {
    width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
	margin-bottom: 0;	
}
.ccm-edit-mode.ccm-panel-ready .background {
  position: relative;
  height: auto;
  z-index: 0;
}

a img { 
	border: none;
}
a:link {
	color: #000;
	text-decoration: underline; 
}
a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}
.container {
	width: 95%;
	margin: 20px auto 60px auto;
}

.header {
	background: #6b6a60;
	margin-top: 42px;
	overflow: hidden;
	padding: 10px 0;
}
.header .container {
	margin: 0 auto;
}
.header .container img {
	width: 100%;
	height: auto;
	
}
.header .container .logo {
	width: 90%;
	max-width: 400px;
	margin: 0 auto;
}
.header .container .navi {
	padding-top: 10px;
	font-weight: 700;
	text-transform: uppercase;
	margin : 0 auto;
}
.header .container .navi a {
	text-decoration: none;
	color: #bfa98d;
	padding-left: 30px;	
}
.header .container .navi a:hover {
	color: #FFF;	
}
.header .container .navi ul li.nav-selected a {
	color: #FFF;	
}
.header .container .navi ul {
	list-style: none;
	text-align: center;
}
.header .container .navi ul li {
	display: inline-block;
}
.links {	
	margin-top: 40px;
}
.rechts {	
	margin-top: 40px;
}
.contentbox h1:first-child,
.contentbox h2:first-child,
.contentbox h3:first-child,
.contentbox h4:first-child,
.contentbox h5:first-child,
.contentbox p:first-child {
	padding-top: 20px;
}
.contentbox p:last-child,
.contentbox ul:last-child {
	padding-bottom: 30px;
}
.contentbox img {	
	width: 100%;
	height: auto;
	margin-top: 10px;
}
.contentbox h1 {
	background: rgba(255,255,255,0.9);
	font-size: 180%;
	font-weight: 600;
	text-transform: uppercase;
	padding: 0 25px 20px;
	color: #bfa98d;	
}
.contentbox h2 {
	background: rgba(255,255,255,0.9);
	font-size: 130%;
	font-weight: 600;
	text-transform: uppercase;
	padding: 0 25px 20px;
	color: #bfa98d;	
}
.contentbox h3, 
.contentbox h4, 
.contentbox h5 {
	background: rgba(255,255,255,0.9);
	font-size: 110%;
	font-weight: 600;
	padding: 0 25px 10px;
	color: #bfa98d;		
}
.contentbox p {
	background: rgba(255,255,255,0.9);
	padding: 0 25px 20px;
}
.contentbox ul {
	background: rgba(255,255,255,0.9);
	padding: 0 25px 20px;
}
.contentbox li {
	margin-left: 18px;
}
.contentbox hr {
	background: rgba(255,255,255,0.9);
	padding-top: 20px;
	border-top: #bfa98d 2px dotted;
}



.contentbox.braun {	
	margin-top: 40px;
}
.contentbox.braun * {
	background:#6b6a60;
	color: #FFF;
}
.contentbox.braun a:link {
	color: #bfa98d;
}

.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.header .ccm-add-block {
	visibility: hidden;
}
.container .ccm-block-type-form{
	background: #FFF;
	padding: 20px;
}
/* ~~ Slider ~~ */
.background .ccm-image-slider-inner ul.rslides, .background .ccm-image-slider-inner ul.rslides li {
	height: 100vh;
	width: 100vw;
}
.background .ccm-image-slider-inner li img {	
    width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
	margin-bottom: 0;	
}
.rslides_nav, .background ul.rslides_tabs {
	display: none;
}
.ccm-image-slider-text {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 40%;
	padding: 0 30px;
}
.ccm-image-slider-text h2.ccm-image-slider-title {
	color: #FFF;
	font-size: 200%;
	text-align: center;
	text-shadow: 0 0 10px #000;
}
.ccm-image-slider-text p {
	color: #FFF;
	font-weight: 700;
	font-size: 120%;
	text-shadow: 0 0 5px #000;
}
.ccm-image-slider-text a {
	display: inline-block;
	background-color: #bc6d12;
	color: #FFF;
	padding: 5px 15px;
	text-shadow: none;
	box-shadow: 0 0 5px #000;
	border-radius: 20px;
}
.ccm-image-slider-text a:hover, .ccm-image-slider-text a:active, .ccm-image-slider-text a:focus { 
	text-decoration: none;
	background-color: #000;
	color: #FFF;
}
.container .form-control {
	box-sizing: border-box;
	width: 100%;
	padding: 5px 10px !important;
	margin-top: 2px;
	margin-bottom: 5px;
	background: url(img/papier.jpg) center;
	font-family: 'Indie Flower', cursive;
	font-size: 140% !important;
	color: #039 !important;
	box-shadow: none !important;
}
.container #Question4.form-control {
	padding: 15px 10px !important;
}
.btn-primary{
	font: 100%/1.4 'Open Sans', sans-serif;
	background: #6b6a60;
	color: #FFF;	
	padding: 10px;
	border: none;
	text-transform: uppercase;
	font-weight: 700;
	cursor: pointer;
}
.btn-primary:hover{
	background: #FFF;
	color: #6b6a60;	
}
@media only screen and (min-width: 480px) {
.header .container .navi ul li {
	display: inline-block;
}
@media only screen and (min-width: 800px) {
.header .container .logo {
	float: left;
	margin: 0;
}
.header .container .navi {
	float: left;
	margin: 0;
}	
}
@media only screen and (min-width: 1024px) {
.container {
	width: 90%;
	max-width: 900px;
	margin: 20px auto 60px auto;
}
.links {	
	float: left;
	width: 35%;	
}
.rechts {	
	float: right;
	width: 60%;
	margin-top: 40px;	
}
}
@media only screen and (min-width: 1280px) {
	.container {
	width: 90%;		
	max-width: 1270px;
	margin: 20px auto 60px auto;
}
}