body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* CSS Document */


@font-face {
    font-family: 'DINLight';
    src: url('../../files/fonts/DIN/DIN-Light.eot'); /* IE9 Compat Modes */
    src: url('../../files/fonts/DIN/DIN-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/fonts/DIN/DIN-Light.woff') format('woff'), /* Modern Browsers */
         url('../../files/fonts/DIN/DIN-Light.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/fonts/DIN/DIN-Light.svg#DIN-Light') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

body {
	width:100%;
	height:100%;
	color:#ffffff;
	font-size:14px;
	line-height:20px;
	text-transform:uppercase;
	font-family: 'DINLight','Oswald', sans-serif;
	font-weight:300;
 	overflow-y:scroll;
 }

body.home.winter {
	background:url(../../files/img/IMG_0390_Winter_Web.jpg) no-repeat center top fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body.home.sommer {
	background:url(../../files/img/img_start.jpg) no-repeat center top fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.home .ce_text {
	background:rgba(48,64,93,0.5);
	padding:10px;
}

.home .ce_text p {
	text-shadow:#000 1px 1px 2px;
}

#homelogo {
	margin-left:230px;
}

#weiche {
	margin:0 auto;
	font-size:55px;
	font-weight:700;
	height:200px;
	margin-top:100px;
}

#weiche #winter,
#weiche #sommer {
	float:left;
}

#weiche #winter a {
	color:#3d4f8b;
	margin-left:10px;
}

#weiche #sommer a:hover {
	opacity:0.7;
	color:#fff;
}

#weiche #winter a:hover {
	opacity:0.7;
}

#blume {
	position:fixed;
	top:0;
	left:0;
	width:286px;
	height:446px;
	background:url(../../files/img/layout/img_blume.png) top left no-repeat;
	z-index:1000;
}

#nav-home {
	position:fixed;
	top:50px;
	left:20%;
	z-index:1000;
	font-family: 'Oswald', sans-serif;
}

#nav-home a {
	color:#97bf0d !important;
}

.winter #nav-home a {
	color:#297dff !important;
}


/*body.home #blume {
	display:none;
}*/

body.home #nav-home {
	display:none;
}



@media all and (max-width: 1300px) {

#blume {
	display:none;
}

}

@media all and (max-width: 1393px) {

#nav-home {
	left:10%;
}

}

@media all and (max-width: 1040px) {

#nav-home {
	left:10px;
}

}

/*#wrapper {
	background:rgba(249,76,79,1.00);
	height:100%;
	margin-left:-400px;
}

@media all and (max-width: 1066px) {

#wrapper {
	margin-left:0;
}

}*/


#container {
	background:rgba(0,0,0,0.45);
	top:87px;
	width:528px;
	height:100% !important;
	margin:0 auto;
	padding-bottom:600px;
}

body.home #container {
	background:none;
}

.galerie #container {
	width:762px;
}

.veranstaltungen #container {
	width:768px;
}


/*  Header  */
#header {
	width:100%;
	background:#1a171b url(../../files/img/layout/img_header_bg.jpg) top center no-repeat;
	position:fixed;
	z-index:999;
}

.winter #header {
	background:#1a171b url(../../files/img/layout/img_header_bg_winter.jpg) top center no-repeat;
}

#header .inside {
	width:768px;
	margin:0 auto;
}

#restaurant h1,
#festsaal h1,
#sonnenterrasse h1,
#uebernachtungen h1,
#gastgeber h1,
#jobs h1,
#spielplatz h1,
#schwimmbad h1,
#streichelzoo h1,
#wanderparadies h1,
#unterwegs h1,
#uvm h1,
#kontaktformular h1,
#kontaktadresse h1,
#anfahrt h1,
#ski h1,
#schlitteln h1,
#wandern h1,
#uvm h1 {
	margin-top:128px;
}

#main .inside {
	padding:0 30px;
}

.galerie #main .inside {
	padding:30px 0;
}

.veranstaltungen #main .inside {
	padding:30px 30px 30px 30px;
}

.veranstaltungen #main #logo {
	position:relative;
	left:498px;
}

.galerie #main #logo {
	position:relative;
	left:524px;
}

#right .inside {
	padding:30px 0 0 0;
	color:#ffed00;
}

#right .inside h1 {
	color:#ffed00;
}

#right .inside a {
	text-decoration:none;
	color:#ffed00;
}

#right .inside a:hover {
	text-decoration:none;
	color:#fff;
}

#footer {
	background:#1a171b url(../../files/img/layout/img_footer_bg.jpg) top center no-repeat;
	height:59px;
	width:100%;
	position:fixed;
	z-index:998;
	bottom:0px;
	font-family: 'Oswald', sans-serif;
}

#footer .inside {
	width:768px;
	margin:0 auto;
}







/*  Fonts  */

h1,h2,h3,h4,h5,h6 {
	text-transform:uppercase;	
	font-family: 'Oswald', sans-serif;
	color:#97bf0d;
}

.winter h1,
.winter h2,
.winter h3,
.winter h4,
.winter h5,
.winter h6 {
	text-transform:uppercase;	
	font-family: 'Oswald', sans-serif;
	color:#297dff;
}

.veranstaltungen h1 {
	color:#ffed00;
}

h2 {
	font-size:1em;
}

.galerie h1 {
	padding-left:30px;
}

a {
	color:#fff;
	text-decoration:none;
}

a:hover {
	color:#ffed00;
	text-decoration:none;
}

.link_yellow a {
	color:#ffed00;
}

.link_yellow a:hover {
	color:#fff;
}


/*  navi  */
#nav {
	width:768px;
	height:30px;
	background:;
	top:50px;
	position:relative;
	margin:0;
	padding:0;
	font-family: 'Oswald', sans-serif;
	z-index:99999999;
	overflow:visible;
}

#nav ul {
	margin:0;
	padding:0 0 0 30px;
}
/*
#nav li {
	float:left;
	list-style-type:none;
	margin-right:20px;
}

.sommer #nav a {
	color:#856f5f;
	color:#97bf0d;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
}

#nav a:hover,
#nav li.active span {
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
}*/


#nav ul.level_1 span.active {
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
}
 
#nav ul.level_1 li.active {
}

#nav ul.level_1 li.active span {
	color:#fff;
	font-weight:300;
	height:37px !important;
	display:block;
}

#nav ul.level_1 span.active:hover,
#nav ul.level_1 span.active:focus,
#nav ul.level_1 span.active:active {
   color:#FFFFFF;
}
 
#nav ul.level_1 li {
   float:left;
   display:block;
   margin:0;
   margin-right:20px;
}
 
#nav ul li:hover,
#nav ul li:active,
#nav ul li:focus,
#nav ul li.trail {
}
 
#nav ul li:hover ul.level_2,
#nav ul li:active ul.level_2,
#nav ul li:focus ul.level_2 {
   margin:0px 0 0 -40px;
}
 
#nav ul.level_1 li a {
	display:block;
	color:#97bf0d;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
	height:37px;
}

.winter #nav ul.level_1 li a {
	color:#297dff;
}

#nav ul.level_1 li:hover a,
#nav ul.level_1 li:active a,
#nav ul.level_1 li:focus a {
   color:#fff;
}
 
#nav ul.level_2 {
   width:260px;
   position:absolute;
   display:block;
   margin-left:-99999px;
   z-index:9999999;
}
 
#nav ul.level_2 span.active {
   color:#97bf0d;
   text-align:left;
   line-height:25px;
   font-size:15px;
   padding-left:10px;
   text-transform:none;
   font-weight:300;
}
 
#nav ul.level_2 span.active:hover,
#nav ul.level_2 span.active:focus,
#nav ul.level_2 span.active {
   color:#97bf0d !important;
}

.winter #nav ul.level_2 span.active:hover,
.winter #nav ul.level_2 span.active:focus,
.winter #nav ul.level_2 span.active {
   color:#297dff !important;
} 

#nav ul.level_2 li {
   	width:150px;
	background:rgba(0,0,0,0.6);
	padding:0;
	margin-left:0;
	height:25px;
}
 
#nav ul.level_2 li a {
   color:#fff !important;
   text-align:left;
   line-height:25px;
   font-size:15px;
   padding-left:10px;
   text-transform:none;
   font-weight:300;
}
 
#nav ul.level_2 li a:hover,
#nav ul.level_2 li a:active,
#nav ul.level_2 li a:focus {
   color:#97bf0d !important;
}

.winter #nav ul.level_2 li a:hover,
.winter #nav ul.level_2 li a:active,
.winter #nav ul.level_2 li a:focus {
   color:#297dff !important;
}



/*  navwinter  */

#navwinter {
	font-family: 'Oswald', sans-serif;
	position:absolute;
	top:20px;
	right:20px;
}

#navwinter a {
	color:rgba(255,255,255,0.75) !important;
}

#navwinter a:hover {
	color:rgba(255,255,255,1) !important;
}



/*  meta  */

#meta {
	width:568px;
	height:30px;
	background:;
	top:20px;
	position:relative;
	margin:0;
	padding:0;
	font-family: 'Oswald', sans-serif;
}

#meta ul {
	margin:0;
	padding:0 0 0 30px;
}

#meta li {
	float:left;
	list-style-type:none;
	margin-right:20px;
}

#meta a {
	color:#fff;
	color:#97bf0d;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
}

.winter #meta a {
	color:#297dff;
}

#meta a:hover,
#meta li.active span {
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
}



/*  copy  */

#copy {
	width:250px;
	position:relative;
	top:-10px;
	float:right;
	color:#97bf0d;
}

.winter #copy {
	color:#297dff;
}


/*  Events  */

.date {
	width:110px;
	display:inline-block;
}

/*#next .date {
	display:inline-block;
	width:auto;
	padding-right:10px;
}*/

.time {
	width:70px;
	display:inline-block;
}

#right #next .time {
	width:70px;
	display:block;
}

.teaser,
.teaser p {
	width:199px;
	display:inline-block;
	padding:0 !important;
	margin:0 !important;
}

.teaser a {
	text-decoration:none;
	color:#fff;
	padding:0;
}

#next {
	color:#ffed00;
}

.download a {
	color:#ffed00;	
}

#next .teaser a {
	color:#ffed00;
}

.eventtext {
	text-transform:uppercase;
	width:310px;
	display:inline-block;
}

.layout_full {
	border-top:#999 1px dotted;
	padding-top:10px;
	margin-top:20px;
}

#right .layout_full {
	border-top:0;
	padding-top:0;
	margin-top:20px;
}

#right .inside .layout_full h1 {
	font-size:18px !important;
	width:80%;
}

#main .inside .layout_full h1 {
	font-size:18px !important;
}

/*  Galerie  */

.ce_gallery .image_container,
.ce_gallery li,
.ce_gallery a {
	margin:0;
	padding:0;
}

.ce_gallery li {
	margin-right:6px;
}

.ce_gallery li:nth-child(8n+0) {
	margin-right:0 !important;
}



/*  facebook  */
#facewrapper {
	background:#fff !important;
	width:200px;
}


/*  map  */

#mapmobile {
	display:none;
}

/*  form  */

input.text {
	width:45%;
	height:50px;
	border:0;
	float:left;
	margin:0 5px 5px 0;
	padding-left:5px;
	background:rgba(255,255,255,0.6);
}

input.captcha {
	width:45%;
	height:50px;
	border:0;
	margin:0 5px 5px 0;
	padding-left:5px;
	vertical-align:top;
	background:rgba(255,255,255,0.6);
}

.captcha_text {
	font-size:13px;
}

input.text.fullwidth {
	width:92.1%;
}

textarea {
	border:0;
	width:92.3%;
	height:100px;
	padding:5px 0 0 5px;
	margin-bottom:4px;
	background:rgba(255,255,255,0.6);
}

.ce_text a {
	color:#97bf0d;
	text-decoration:none !important;
}

.ce_text a:hover {
	color:#fff;
}

.winter .ce_text a {
	color:#297dff;
}


#jobs strong {
	color: #97bf0d;
}


/***************************************************************************
* Anpassungen durch PSW 06.11.2024
* Hintergrund-Slider ist verwaist
* Deshalb Anpassung Hintergrundbild
***************************************************************************/
#wrapper {
	background: url(../../files/img/layout/S_Cuolm_IMG_3684.jpg);
	background-size: cover; /* Bild auf die gesamte Fläche skalieren */
	background-position: center; /* Bild mittig ausrichten */
	background-repeat: no-repeat; /* Wiederholung des Bildes verhindern */
}