#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}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/***** RESETS *****/
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 } 

html { overflow-y: scroll; }
body { color: #000; font-family: Arial, Helvetica, sans-serif; width: 100%; font-size: 14px; line-height: 20px; }
input, button, textarea, select { font-family: inherit; font-size: 99%; font-weight: inherit; vertical-align: baseline; *vertical-align: middle; color: #000; }
button, input.submit { *overflow: visible; }
pre, code { font-family: Monaco, monospace; }
table { font-size: inherit; }
caption, th { font-weight: bold } 
img, object, embed, video { max-width: 100%; }
img  { height: auto; }
.image_container img, a img { display: block; }

/* Allgemein */
a { color: #E7853F; text-decoration: none; font-weight: bold; outline: none; }
a:hover { text-decoration: none; }
.invisible { display: none; }

/* Hintergrund und Logo */
body { background-image: url("../../files/styles/pics/bg_startseite.jpg"); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
#logo { z-index: 2; }
#logo a, #wortm a { display: block; background-repeat: no-repeat; background-position: left top; background-size: contain;  }
#logo a { background-image: url("../../files/styles/pics/tucan.svg"); }
#wortm { position: absolute; }

/* Content-Container */
.inside { width: 640px; max-width: 100%; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; }
#maincol { background: rgba(255,255,255,0.8); }
#footer { padding: 1em 0; font-size: 0.8em; color: #EAE5E3; text-transform: uppercase; }

/* Hauptnavi */
#mainnav ul.level_1 { list-style-type: none; }
#mainnav li { display: block; overflow: hidden; }
#mainnav ul.level_1 li a, #mainnav ul.level_1 li strong { font-weight: normal; display: block; color: #fff; padding: 4px 0px 6px 8px; display: block; }
#mainnav ul.level_2 { list-style-type: none; font-size: 0.9em; }
#mainnav ul.level_2 li a, #mainnav ul.level_2 li strong { font-weight: normal; color: #fff; }

/* Box */
#rightcol .mod_article { padding: 10px; margin: 0 0 20px 0; overflow: hidden; line-height: 16px; font-size: 1em; }
#rightcol .mod_article.transparent { background: transparent; }
#rightcol .mod_article h1, #rightcol .mod_article h2, #rightcol .mod_article h3 { margin: -10px -10px 10px; font-size: 0.9em; background: #F79651; padding: 4px 10px; color: #fff; line-height: 20px; text-transform: uppercase; }
#rightcol .mod_article p { margin: 0 0 7px; font-size: 0.9em; }
#rightcol .image_container { padding: 2px 2px 0; }
#rightcol .image_container img { margin: 0 auto; }

/* Hauptspalte */
#maincol h1, #maincol h2 { font-size: 1.1em; line-height: 20px; margin: 0 0 14px; }
#maincol h3, #maincol h4, #maincol h5, #maincol h6 { font-size: 1em; line-height: 18px; margin: 0; }
#maincol p { margin: 0 0 14px; }
#maincol p.more { margin: -14px 0 14px; }
#maincol a { font-size: 1em; }
hr { border: 0; color: #D3C9C7; background-color: #D3C9C7; height: 1px; margin: 15px 0; display: block; }
#maincol .mod_booknav a, #maincol .ce_hyperlink a { font-size: 0.9em; }
#maincol .ce_form { margin-bottom: 1em; }

/* Fotogalerie */
.ce_gallery { margin-bottom: 1em; }
.ce_gallery ul:after { content: ""; display: table; clear: both; }
.ce_gallery ul li { list-style: none; float: left; }
.ce_gallery ul li .image_container { margin: 0 6px 6px 0; }

/* Formular */
label { display: block; margin: 5px 0 0; }
input { width: 100%; border: 1px solid #D5D8CB; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
select , textarea { width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 3px; border: 1px solid #D5D8CB; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.widget-submit { text-align: right; margin-top: 10px; }
input.submit { width: auto; border: 2px solid #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; padding: 5px 5px; background: #F79651; }

/* Footer */
#footer a { font-weight: normal; font-size: 10px; }
a.regular { font-weight: normal; }

/* Akkordeon */
.toggler { cursor: pointer; padding: 0 0 0 15px; background-image: url("../../files/styles/pics/pfeil.svg"); background-repeat: no-repeat; background-position: left 4px; font-weight: bold; color: #E7853F; margin: 0 0 2px; }
.toggler:hover, .toggler.active { background-image: url("../../files/styles/pics/pfeil-aktiv.svg"); }




@media only screen and (min-width: 950px) {
	.inside { padding: 125px 20px 20px; }
	#logo { position: fixed; top: 16px; left: 50%; margin-left: -450px; }
	#wortm { top: 68px; left: 50%; margin-left: -215px; }
	#logo a { width: 210px; height: 199px; }
	#wortm a { width: 342px; height: 47px; }
	#menutoggler { display: none; }
	#maincol { padding: 55px 90px; min-height: 630px; }
	#rightcol { position: fixed; top: 180px; left: 50%; margin-left: 280px; width: 190px; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
	body.scrolled #rightcol { top: 50px; }
	#mainnav ul.level_1 li { width: 187px; }
	#mainnav ul.level_1 li a, #mainnav ul.level_1 li strong { margin: 0 0 8px; border: 2px solid #fff; background-color: #797372; }
	#mainnav ul.level_1 li a:hover, #mainnav ul.level_1 li:not(.forward) strong { background-color: #F79651; }
	#mainnav ul.level_2 { margin: 0 0 10px 0; }
	#mainnav ul.level_2 li { width: 187px; margin: 0 0 2px 0; }
	#mainnav ul.level_2 li a, #mainnav ul.level_2 li strong { padding: 0 0 0 27px; border: 0px; margin: 0; background-color: transparent; }
	#mainnav ul.level_2 li a:hover, #mainnav ul.level_2 li strong { background: #F79651; }
	.ce_gallery ul li.col_last + li { clear: left; }
	#rightcol .mod_article { width: 167px; background: #fff; }
}

@media only screen and (max-width: 949px) {
	.inside { padding: 110px 20px 20px; }
	#logo { position: absolute; }
	#menutoggler { background-image: url("../../files/styles/pics/menutoggler.svg"); width: 50px; height: 40px; position: fixed; top: 15px; right: 20px; cursor: pointer; z-index: 99; }
	#mainnav { display: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 3; background-color:rgba(0,0,0,0.8); padding-top: 70px; margin-bottom: 20px; }
	#mainnav ul.level_1 { border-bottom: 2px solid #fff; }
	#mainnav ul.level_1 li { border-top: 2px solid #fff; background: #797372; }
	#mainnav ul.level_1 li:hover, #mainnav ul.level_1 li.active { background-color: #F79651; }
	#mainnav ul.level_1 li a, #mainnav ul.level_1 li strong { width: 570px; max-width: 100%; margin: 0 auto; }
	#mainnav ul.level_2 li { background-color: #aca6a6; }
	#rightcol { margin-top: 14px; }
	#rightcol .mod_article { background: rgba(255,255,255,0.8); }
}

@media only screen and (max-width: 950px) and (min-width: 580px) {
	#logo { top: 10px; left: 0; }
	#wortm { top: 40px; left: 150px; }
	#logo a { width: 134px; height: 127px; }
	#wortm a { width: 342px; height: 47px; }
	#maincol { padding: 40px 20px 20px; }
}

@media only screen and (min-width: 580px) {
	#wortm a { background-image: url("../../files/styles/pics/logo.svg"); }
}

@media only screen and (max-width: 700px) {
	body.scrolled #menutoggler { top: 10px; background: rgba(255,255,255,0.8); }
	body.scrolled #balken-1, body.scrolled #balken-2, body.scrolled #balken-3 { fill: #F79651; }
}

@media only screen and (max-width: 579px) {
	#logo { top: 10px; left: 0; }
	#wortm { top: 25px; left: 115px; }
	#logo a { width: 100px; height: 94px; }
	#wortm a { width: 172px; height: 60px; background-image: url("../../files/styles/pics/logo-mobil.svg"); }
	#maincol { padding: 20px; }
}
