@charset "utf-8";
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html, body {
    width: 100%;
	height: 100%;
}
body {
	font: 100%/1.8 'Open Sans', sans-serif;
	background: url(img/bg25.svg);
	background-attachment: fixed;
	background-repeat: repeat;
	background-color: #9F8375;
	margin: 0;
	padding: 0;
}
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
p + ul, p + ol, p + dl {
	margin-top: -15px;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
}
.contentbox h1, .contentbox h2, .contentbox h4, .contentbox h5, .contentbox h6 {
	display: block;
	clear: both;
	font-weight: normal;
}
.contentbox h1 {
	font-family: 'Fredericka the Great', cursive;
	font-size: 200%;
	color: #75635F;	
	margin-bottom: 15px;
	line-height: 1.2;
}
.contentbox .tafel h1 {
	color: #FAC5C1;	
}
.contentbox h2 {
	font-family: 'Fredericka the Great', cursive;	
	font-size: 140%;
	color: #75635F;	
	margin-bottom: 5px;
	line-height: 1.2;
}
.contentbox h3 {
	font-family: 'Anton', sans-serif;
	font-size: 160%;
	text-transform: uppercase;
	margin-bottom: 0;
	line-height: 1.2;	
	font-weight: normal;	
}
.contentbox em {
	font-family: 'Anton', sans-serif;
	font-size: 120%;
	text-transform: uppercase;
	font-style: normal;
}
.rechts h2, .rechts h3, .rechts h4, .rechts h5, .rechts h6, .schwarz h1, .schwarz h2, .schwarz h3, .schwarz h4, .schwarz h5, .schwarz h6 {
	color: #FFF;
}
.contentbox li {
	list-style-position: inside;
	margin-left: 7px;
}
.contentbox hr {
	border: 0; 
	border-bottom: 2px dotted #999;
	margin: 20px 0;
}
p{
	margin-bottom: 30px;	
}
.rechts p{
	margin-bottom: 20px;	
}
a img {
	border: none;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	margin-bottom: 15px;
}
.sg img {
	margin-bottom: 0;
}
.sg-item-content {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);	
}
p a {
	color:#000;
}
p a:hover, p a:active, p a:focus {
	color: #75635F;	
}
h3 a {
	color:#75635F;
	background: #FAC5C1;
	padding: 5px 15px;
	border-radius: 6px;
	text-decoration: none;
	border-right: #FFA59D 2px solid;
	border-bottom: #FFA59D 2px solid;
	border-left: #FFD2B5 2px solid;
	border-top: #FFD2B5 2px solid;
}
h3 a:hover, h3 a:active, h3 a:focus {
	border-right: #FAC5C1 2px solid;
	border-bottom: #FAC5C1 2px solid;
	border-left: #FAC5C1 2px solid;
	border-top: #FAC5C1 2px solid;
	font-size: 98%;
}
h2 a {
	color: #f8c6d9;
}
h2 a:hover, h2 a:active, h2 a:focus {
	color: #FAC5C1;	
}
/* ~~ BOXEN ~~ */
.wrapper {
	margin: 0;
	padding: 0;
}
.sliderbox {
	position: relative;
	z-index:10;
	text-align: center;
}
.sliderbox img {
	width: 80%;
	max-width: 360px;
	height: auto;
}
.headerbox {
	position: relative;
	z-index:100;
	display: table;
	width: 100%;
}
.logo {
	display: table-cell;
	width: 370px;
}
.logo img {
	width: 350px;
	margin: -10px 0 -10px 20px;
}
.navigation {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding-right: 350px;
}
.contentbox {
	width: 95%;
	max-width: 1480px;
	margin: 20px auto;
	color: #000;
}
.weiss {
	background: #FFF;
	padding: 20px;
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
}
.schwarz {
	margin-top: 40px;
}
.formbox {
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	padding: 20px 0;
}
.formbox h3 {
	font-family: 'Anton', sans-serif;
	font-size: 160%;
	color: #75635F;		
	text-transform: uppercase;
	margin-bottom: 0;
	line-height: 1.2;	
	font-weight: normal;	
}
.formbox p {
	font-size: 100% !important;	
}
.rechts {
	margin-top: 40px;
	line-height: 1.4;
}
.tafel {
	color: #FFF;	
	padding-top: 60px;	
	background: url(img/tafel.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
}
.rahmen img {
	margin: 0;
	line-height: 1.0;
}
.footer {
    width: 100%;
	color: #FFF;
	padding: 10px 0;
	box-sizing: border-box;
}
.footerbox {
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
	text-align: center;
}
.footer .links {

}
.footer a {
	color: #FFF;
}
.footer a:hover {
	color:#FFF;
}
.clearfloat {
	clear:both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}
/* ----------------- Formular ----------------- */
.formidable {
	width: 100%;
	max-width: 600px;
	margin: 15px auto 30px;
}
.formidable h2 {
	padding-top: 20px;
}
.formidable_row  {
	border: none;
	background: #CCC;
	padding: 15px 20px 20px;
}
.formidable_row:last-of-type  {
	background: none;
	padding: 0;
}
.form-group {
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}
.control-label {
	font-weight: 700;
	font-size: 110%;
}
.form-control {
	display: block;
	clear: both;
	padding: 2px 10px;
	width: 100%;
	font: 100%/1.8 'Open Sans', sans-serif !important;
}
.ccm-input-number {
	max-width: 100px;
	padding: 2px 0 2px 10px;	
}
.checkbox {
	margin-bottom: 40px;
}
.checkbox input {
	margin: 7px 10px 60px 0;
	float: left;
}
img.ccm-captcha-image {
    margin: 0px 0px 10px !important;
}
.ccm-input-captcha {
	max-width: 190px;
}
.formidable .ccm-input-submit {
	color: #FFF;
	background: #75635F;
	padding: 4px 10px;
	border: none;
	cursor: pointer;
	font-family: 'Anton', sans-serif;
	font-size: 120% !important;	
}
.formidable .ccm-input-submit:hover {
	background: #000;
}
.formidable_message.hide {
	display: none;
}
.text-danger.error {
	color: #75635F;
	margin-bottom: 20px;
}
/* ~~ Gallery ~~ */
.ccm-block-gallery {
	margin: -10px -10px 25px;
}
.ccm-block-gallery .row {
	display: flex;
	flex-wrap: wrap;
}
.ccm-block-gallery a {
  	width: 50%;
	border: transparent 10px solid;
	overflow: hidden;
	aspect-ratio: 1 / 1;	
}
.ccm-block-gallery-image {
	position: relative;
	aspect-ratio: 1 / 1;
}
.ccm-block-gallery .ccm-block-gallery-image-overlay-color {
  	background-color: rgba(0,0,0,.5) !important;
}
.ccm-block-gallery .ccm-block-gallery-image {
  	padding-top: 15rem !important;
}
.ccm-block-gallery .ccm-block-gallery-image-overlay-text {
	text-align: center;
	font-weight: 400 !important;
	padding: 10px;
}
@media only screen and (min-width: 600px) {
	
}
@media only screen and (min-width: 800px) {
.contentbox h1 {
	font-size: 280%;
	margin-bottom: 15px;
	line-height: 1.6;
}
.contentbox h2 {
	font-size: 160%;
	margin-bottom: 5px;
	line-height: 1.6;
}
.contentbox h3 {
	font-size: 200%;
	margin-bottom: 0;
	line-height: 1.4;	
}
.contentbox em {
	font-size: 160%;
}
.weiss {
	padding: 40px;
}
.links {
	float: left;
	width: 65%;
}
.rechts {
	float: right;
	width: 30%;
	margin-top: 0;
}
.float.left {
	float: left;
	width: 48%;
}
.float.right {
	float: right;
	width: 48%;
}
.links.unten {
	float: left;
	width: 48%;
}
.rechts.unten {
	float: right;
	width: 48%;
}
.ccm-block-gallery a {
  	width: 33.333%;	
}
}
@media only screen and (min-width: 1024px) {
.ccm-block-gallery a {
  	width: 25%;	
}
}
@media only screen and (min-width: 1480px) {

}