/* FRONTEND CSS
*********************************************/

@font-face {
font-family: 'regular';
    font-weight: '400';
	font-display: fallback;
src:url('fonts/ShipporiMincho-Regular.ttf') format('truetype');}

@font-face {
font-family: 'bold';

	font-display: fallback;
src: url('fonts/ShipporiMincho-Bold.ttf') format('truetype');}

@font-face {
font-family: 'black';

	font-display: fallback;
src: url('fonts/ShipporiMincho-ExtraBold.ttf') format('truetype');}


html {
	/* scrollbar fix (prevent ugly left pull for lower content sites) */
	overflow-y: scroll;
}

body {
	font-size:14px;
	margin:0;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	line-height:25px;
background: rgb(255,255,255);


}

.cc-compliance {
	display:block !important;
	text-align: center !important;
}

.cc-window {
	width:360px !important;
	max-width:90% !important;
	margin:10px !important;
	border:0px solid #000 !important;
	border-radius:5px !important; 
	padding:10px !important;
	background-color:rgba(255,255,255,0.80) !important
	
}
.cc-message {
	width:100% !important;
	font-size:13px !important;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" !important;
	line-height:19px !important
}

.cc-close {
    display: none !important;
}

.cc-deny {
	color:rgba(255,0,4,1.00) !important;
background-color: transparent !important;
	border:none !important;
	font-weight:normal !important;
	border-radius:5px !important;
	display:inline-block !important;
	padding:7px 10px !important;margin-left:10px !important;margin-top:10px !important
}

.cc-allowall {
background-color:rgba(25,135,0,1.00) !important;
color:#fff!important;
	border:none !important;
	font-weight:normal !important;
	border-radius:5px !important;
	display:inline-block !important;
	padding:7px 10px !important;
	margin-top:10px !important;
}

.cc-compliance21312 {
	text-align:center !important
}


.cc-allow {
	background-color:rgba(222,173,0,1.00) !important;
color:#fff!important;
	border:none !important;
	font-weight:normal !important;
	border-radius:5px !important;
	display:inline-block !important;
	padding:7px 10px !important;
}

.cc-deny:hover {
	background-color:rgba(255,0,4,0.80) !important;
	
	border:none !important;
	font-weight:normal !important;
}

.cc-allowall:hover {
	background-color:rgba(25,135,0,0.80) !important;
color:#fff!important;text-decoration:None !important;
	border:none !important;
	font-weight:normal !important;
}

.cc-allow:hover {
	background-color:rgba(222,173,0,0.80) !important;
color:#fff!important;text-decoration:None !important;
	border:none !important;
	font-weight:normal !important;
}

.cc-settings-label {
	padding:5px !important;
	background-color:#fff !important;

	font-size:14px !important;
	margin-bottom:11px !important;
	font-weight:bold !important;
	margin-left:-19px !important;
	padding-right:14px !important;
	margin-right:0 !important;
}
div.cc-checkbox-container:not(:last-child) a {
	border:none !important
}

.cc-checkbox-container {
	padding-left:10px !important;
}

.cc-checkboxes-container {
	padding-left:10px !important;
	margin-right:-10px !important
}

.cc-cookie-checkbox {
	font-size:14px !important}


header {
	width:100%;
	background:url("../../../images/navi-back.jpg");
	background-repeat: repeat;
	margin:10px auto 1px auto;
	background-color:#fff;

	position: fixed;
	z-index: 10000;
	top:30px;
	}

.contentsection header {
	top:0 !important;
	margin-top: 0 !important;
	height:85px;
}

#logo {
	width:350px !important;
	height:auto;
	margin-top:-22px !important;
	margin-left:15px;
	float:left;
}

.contentsection #logo {
	margin-top:7px !important;
	width:auto !important;
	height:85% !important;
	
}

nav {
	
	float:right;
}

#startbild {
	width:100% !important;
	height:auto;
	
}

.startbild1 {
	width:45%;
	height:auto;
	float:right;
	margin-left:40px;
		margin-bottom:50px;
}

.startbild2 {
	width:45%;
	height:auto;
	float:left;
	margin-right:40px;
	margin-bottom:50px;
}


nav .dj-megamenu-clean {
	background-color:transparent;}

nav .dj-megamenu-clean li a.dj-up_a small.subtitle {
	display:none !important
}

nav .dj-megamenu-clean li a.dj-up_a, nav .dj-megamenu-clean li a.dj-up_a > span {
	height:80px !important;
}
nav .dj-megamenu-clean li a.dj-up_a {
	color:#917c69 !important;
	
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" !important;
	transition: 1s;
}

nav .dj-megamenu-clean li:hover a.dj-up_a, nav .dj-megamenu-clean li.hover a.dj-up_a, nav .dj-megamenu-clean li.active a.dj-up_a {
	background-color:#917c69 !important;
	color:#fff !important
}
nav .dj-megamenu-clean li.active a.dj-up_a {
		background-color:#917c69 !important;
	color:#fff !important
}

nav .dj-megamenu-clean li ul.dj-submenu > li:hover > a, nav .dj-megamenu-clean li ul.dj-submenu > li.active > a {
	color:#fff !important;
	background-color:#917c69 !important
}

.dj-megamenu-clean li ul.dj-submenu > li > a {
	background-color:rgba(255,243,220,1.00) !important;
	color:#917c69 !important;
	padding:8px 10px !important
	
}


.dj-megamenu-clean li div.dj-subwrap .dj-subwrap-in {
	background-color:#ecdfc7 !important
}

.dj-megamenu-offcanvas-light {
	text-align: center !important
}

.dj-megamenu-select-light .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn, .dj-megamenu-accordion-light .dj-mobile-open-btn {
margin:15px 15px !important;
background:#917c69 !important;
color: #fff !important;
}

	
	.dj-megamenu-offcanvas-overlay:after {
		z-index: 10000002 !important;
	
		background-color:rgba(255,255,255,0.6) !important;
		top:0 !important;
		left:0 !important
	}
	.dj-offcanvas-light {
		z-index: 10000003 !important;
		background-color:#fff !important
	}
	.dj-offcanvas-light .dj-offcanvas-top {
		background-color:#fff !important}
	ul.dj-mobile-light li.dj-mobileitem a {
		font-size:18px !important
	}
	
	ul.dj-mobile-light li.dj-mobileitem a .name {

		color:#917c69 !important;
		
	}
	ul.dj-mobile-light li.dj-mobileitem a .subtitle {

		font-size:13px !important;
		line-height:22px;
		color:rgba(0,0,0,1.00) !important
		
	}
	ul.dj-mobile-light li.dj-mobileitem>a {
		background-color:#fff !important;
		border-top:1px solid #917c69 !important
	}
	
	ul.dj-mobile-light li.dj-mobileitem:hover>a, ul.dj-mobile-light li.dj-mobileitem.active>a {
		background-color:#917c69!important;
		color:#fff !important
	}
	ul.dj-mobile-light li.dj-mobileitem:hover>a .subtitle,
	ul.dj-mobile-light li.dj-mobileitem:hover>a .name,
	ul.dj-mobile-light li.dj-mobileitem.active>a .subtitle,
	ul.dj-mobile-light li.dj-mobileitem.active>a .name {
		color:#fff !important;
	}
	
	.dj-fa-0 ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler:before, .dj-fa-1 ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler:before, .dj-fa-5 ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler:before {
		color:#917c69}
	.dj-fa-0 ul.dj-mobile-light li.dj-mobileitem:hover.parent >a span.toggler:before, .dj-fa-1 ul.dj-mobile-light li.dj-mobileitem:hover.parent >a span.toggler:before, .dj-fa-5 ul.dj-mobile-light li.dj-mobileitem:hover.parent >a span.toggler:before {
		color:rgba(255,255,255,1.00)
	}
	
#zitat {
		width:90%;
	max-width:1000px;
	margin:0 auto;
	text-align: center;
	padding:25px 0;
}

#zitat p {
	font-size:30px;
	line-height:40px;
color:#a18a75 !important;
	font-style: italic;
	text-align: center;
	margin-bottom:0 !important
}

#zitat small {
	font-size:11px;
	color:#000;
	
}
 main {
	width:90%;
	max-width:1000px;
	margin:0 auto;
	padding:150px 0 40px 0;
}
.homesite main,
.startitem1,
.startitem2,
#starttxtcontainer {
	width:90%;
	max-width:1000px;
	margin:0 auto;
	padding:25px 0 40px 0;
}

#starttxtcontainer {
	background-color:#fff;
padding:15px;
margin-bottom:40px;}

main h1 {
	color:#a18a75;
	font-size:24px !important;
	padding-bottom:40px;
}

main strong,
#starttxt strong {
	color:#a18a75;
}

.startitem1 img {
	width:50% !important;
	float:right;
	margin-left:30px !important;
		margin-bottom:40px;
	
}

.startitem2 img {
	width:50% !important;
	float:left;
	margin-right:30px !important;
	margin-bottom:40px;
	
}

.startitem1 h2,
.startitem2 h2,
#starttxt h2 {
		color:#a18a75;
	font-size:20px !important;
	padding-bottom:0px;
}

.startitem1 a:link,
.startitem1 a:visited,
.startitem2 a:link,
.startitem2 a:visited{
	background-color:#a18a75;
	background-image: url("../../../images/arrow_right.png");
	background-position: right;
	
	background-repeat: no-repeat;
	color:#fff;
	text-decoration: none;
	padding:5px 20px 5px 8px;
}

.startitem1 a:hover,
.startitem1 a:active,
.startitem2 a:hover,
.startitem2 a:active {
	background-color:#8a6f56;}

.mainoverlay {

    height: 40px;
    width: 100%;
    bottom: 0;
    text-align: center;
    color: #8a6f56;
    cursor: pointer;
    padding-top: 10px;
	padding-bottom:15px;
	position:relative;
	margin-top:-40px ;
			font-size:13px;
	z-index: 100000 !important;
	background-size:contain;
background-image: url(../../../images/back-overlay.png);
background-repeat: repeat-x;}
	
	.mainoverlay2 {background: #fff;

    border-top: 1px solid #eee;
    padding-top: 40px;
    height: 50px;
    width: 100%;
    bottom: 0;
		font-size:13px;
    text-align: center;
    color: #8a6f56;
    cursor: pointer;}

#starttxt {

color:#666;
	font-size: 14px;
	line-height:22px;
	    overflow: hidden;
    height: 200px;
	clear:both;
}

.clear {
	clear:Both !important;
	width:100% !important;
}

footer 
{width:100%;
background-color:#a18a75 !important;
clear:both !important;
	color:#fff;
}

#footer-inner {
		width:90%;
	max-width:1000px;
	margin:10px auto;

	}
	
.footerbox {
	width:30%;
	float:left;
	margin-right:1%;
	padding:25px 1%;
	min-height:280px;
font-style:normal !important}
	
.footerbox ul {
	list-style:none;
	padding-left:0px !important}
	
.footerbox li {
	
	margin-bottom:15px;}	
	
.footerbox a:link,
.footerbox a:visited {
	color:#fff;
	text-decoration:none;
	}	
	
.footerbox a:hover,
.footerbox a:active {
	color:#fff;
	text-decoration:underline;
	}	

address {
	font-style:normal;
}
	
footer h3 {
	
	color:#fff;
	margin-bottom:0;
		font-size:18px !important;
	padding-bottom:0px;}

#oz_termine {display:none;}

.homesite #oz_termine {
	display:block;
	position:absolute !important;
	right:0 !important;
	width:250px !important;
	background-color: rgba(255,255,255,0.90);
	z-index: 10;
	font-size:13px;
	line-height:18px;
	top:250px;
}

#oz_termine .boxhead {
	background-color:#917c69;
	padding:8px 10px 5px 10px;
	color:#fff;
	font-weight:bold;
}
#oz_termine p {
margin-top:2px !important;
margin-bottom:2px !important}

#oz_termine .boxcontent,
#upcomingeventlink {
	padding:5px 10px;
	font-size:12px;
	color:#000;
	line-height:18px !important
}

.newsflash-title {
	margin-top:10px !important;font-weight:bold;
}

.newsflash p {
	margin:0;
}

#upcomingeventlink {
	text-align: right;
	
}

#upcomingeventlink a:link,
#upcomingeventlink a:visited {
	color:#fff !important
}





@media (max-height:700px) {
	.responsiveMenuTheme1 li > ul > li > a {

	background-color:#f4e0c4 !important;
	color:#a18a75 !important;
	padding:5px !important;
	font-size:13px !important;
	text-align: left !important;
}
	
		.responsiveMenuTheme1 li > ul > li > a:hover {
				padding:5px !important;
			font-size:13px !important;}
}

@media (max-width:1100px) {
	nav {
		width:auto !important
	}
}
@media (max-width:950px) {
.toggleMenu {

    color: #ffffff;
    background: #917c69 url(../../../images/toogle.png) no-repeat left center !important;
	background-size:contain !important;
    height: 50px !important;
    padding: 0 0px 0 50px !important;
	margin-top:17px!important ;
	margin-right:15px !important;
    line-height: 50px !important;
    border-radius: 0px !important;
    font-size: 18px;
}
	.responsiveMenuTheme1.isMobile {
		position: absolute !important;
		width:50% !important;
		right:0 !important;
		font-size:14px !important; 
		background-color:#a18a75 !important;
	}
	
	.responsiveMenuTheme1 li a, .responsiveMenuTheme1 li span.separator, .responsiveMenuTheme1 li span.navHeader {
    border: none !important;
    color: #f4e0c4 !important;
    padding: 5px 15px !important;
}
	
	.responsiveMenuTheme1 a:hover, .responsiveMenuTheme1 li.active > a, .responsiveMenuTheme1 li > span.separator:hover {
		border:none !important;
	color:#a18a75 !important;
	background-color:#f4e0c4 !important;
	padding: 5px 15px !important;

	
	
}	
	
}

#startbild-m {
	display:none;
}

@media (max-width:700px) and (orientation:portrait) {
		#logo { 
		width:70% !important;
		margin-top:5px !important;
		height:auto !important;
		margin-bottom:5px !important
	}
}

@media (max-width:700px) and (orientation:landscape) {
		#logo { 
		width:40% !important;
		margin-top:5px !important;
		height:auto !important;
		margin-bottom:5px !important
	}
}


@media (max-width:700px) {
	
	header {
		top:0px !important;
		margin-top:0 !important
	}
	
	.contentsection header {
		height:70px !important
	}
	
	.toggleMenu {
color: #ffffff;
background: #917c69 url(../../../images/toogle.png) no-repeat left center !important;
background-size: contain !important;
height: 40px !important;
padding: 0 0px 0 40px !important;
margin-top: 17px!important;
margin-right: 15px !important;
line-height: 40px !important;
border-radius: 0px !important;
font-size: 18px;
}
	

#startbild {
	display:none;
	width:100% !important;
	height:auto;
	
}
	
	#startbild-m {
	display:block;
	width:100% !important;
	height:auto;
	
}
	
	
#oz_termine {
	position:inherit!important;
	right:inherit;
	width:100% !important;
	background-color: rgba(255,255,255,0.90);
	z-index: 10;
	font-size:13px;
	top:inherit;
}


.startbild1 {
	width:100%;
	height:auto;
	float:none !important;
	margin-left:auto !important;
	margin-right:auto !important;
		margin-bottom:20px;
}

.startbild2 {
	width:100%;
	height:auto;
	float:none !important;
	margin-left:auto !important;
	margin-right:auto !important;
	margin-bottom:20px;
}
.startitem1 img,
	.startitem2 img {
		width:100% !important;
	height:auto;
	float:none !important;
		margin:0 !important
	}
	
	#zitat p {
	font-size:20px;
	line-height:30px;
color:#a18a75 !important;
	font-style: italic;
	text-align: center;
	margin-bottom:0 !important
}
	.footerbox {
		width:90% !important;margin:0px 5%;}
	
}