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{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{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}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:150%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayOpaque{background:url(../../assets/mediabox/images/80.png)}#mbOverlay.mbOverlayAbsolute{position:absolute}#mbOverlay.mbMobile{position:absolute;background-color:transparent}#mbBottom.mbMobile{line-height:24px;font-size:16px}#mbCenter{position:absolute;z-index:9999;left:50%;padding:10px;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";-webkit-box-shadow:0 5px 20px rgba(0,0,0,.5);-khtml-box-shadow:0 5px 20px rgba(0,0,0,.5);-moz-box-shadow:0 5px 20px rgba(0,0,0,.5);box-shadow:0 5px 20px rgba(0,0,0,.5)}#mbCenter.mbLoading{background:#000 url(../../assets/mediabox/images/loading-dark.gif) no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbMedia{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat}#mbBottom{line-height:20px;font-size:12px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;text-align:left;color:#999;min-height:20px;padding:10px 0 0}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:700}#mbNumber{display:inline;color:#999;font-size:.8em;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:1.6em;font-size:.8em}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:400}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:700;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:1.4em;font-weight:700}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:700;text-decoration:underline}
.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}
/**
 * Reset the margin and padding of the block elements
 */
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;
}

/**
 * Basic element formatting
 */
table {
    border-spacing:0;
    border-collapse:collapse;
}
caption,th,td {
    text-align:left;
    vertical-align:top;
}
abbr,acronym {
    font-variant:normal;
    border-bottom:1px dotted #666;
    cursor:help;
}
address {
    font-style: normal;
}
blockquote,q {
    quotes:none;
}
fieldset,img {
    border:0;
}
ul {
	list-style-position: inside;
}
.layout_full ul {
	list-style-position: outside;
	margin-left: 1.5em;
}
li {
    
}
sup {
    vertical-align:text-top;
}
sub {
    vertical-align:text-bottom;
}
del {
    text-decoration:line-through;
}
ins {
    text-decoration:none;
}
header,footer,nav,section,aside,article,figure,figcaption {
    display:block;
}

/**
 * Default font settings
 */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #FFE7B6;
}
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-weight:normal;
}
h1 {
    font-size:1.3333rem;
}
h2 {
    font-size:1.3333rem;
    color: #a30008;
}
h3 {
    font-size:1.25rem;
    color: #a30008;
}
h4 {
    font-size:1.25rem;
}
table {
    font-size:inherit;
}
caption,th {
    font-weight:bold;
}
a {
	color: #a30008;
}

a:hover {
	background-color: #FFCD65;
}

/**
 * Default margins
 */
h1,h2,h3,h4,h5,h6 {
    margin-top: 0.25em;
}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form {
    margin-bottom:0.5rem; /* Should match the font size */
}
/**
 * Default paddings
 */
th,td {
    padding: 0.5em;
}
/* @group Core Layout */

#wrapper {
	background-color: #a7eaea;
}

#container {
    margin-bottom: 3em;
}

.button {
	display: inline-block;
	margin: 0.25em 0;
	padding: 1em;
	background-color: #FFCD65;
	border: 1px solid #fe656c;
	border-radius: 4px;
}

#page_wrap {
	background: #83cac5 repeat-x;
}

#main .inside {
    padding: 0 1em;
}

#footer {
	text-align: center;
	background-color: #FFE7B6;
}

.themes li {
	background-color: rgba(255,255,255,0.35);
	border-radius: 0.5rem;
	overflow: hidden;
}
.themes h3, .themes h3 a {
	color:  #fff;
	background-color: #099;
	margin: 0;
}
.themes a {
	padding: 0.5rem;
	display: block;
	text-decoration: none;
}

/* @end */

/* @group Navigation */

.mod_navigation ul {
	list-style: none;
	margin: 0;
}

nav ul {
	background-color: #fff;
	padding: 0;
	margin: 1em 0 0;
	border-bottom: 1px solid #929292;
}

nav li {
	float: none;
	padding: 0;
	border: 1px solid #929292;
	border-bottom-width: 0;
}
nav .submenu ul {
	border-bottom-width: 0;
}
nav .submenu li {
	border-left-width: 0;
	border-right-width: 0;
}
nav a {
	padding: 0.5em;
	color: #929292;
	background-color: #fff;
	display: block;
	text-decoration: none;
}

nav .level_2 a, nav .level_2 strong {
	padding-left: 2em;
}

nav strong {
	display: block;
	padding: 0.5em;
}
nav strong.active {
    color: #099;
   	background-color: #FFCD65;
}
nav h3 {
	margin: 0;
	padding: 0.5rem;
	color:  #fff;
	background-color: #00696a;
}
/* @end */

/* @group breadcrumb */

.mod_breadcrumb {
	margin: 0.5em 0;
}
.mod_breadcrumb ul {
	list-style: none;
	padding: 0;
}
.mod_breadcrumb li {
	float: left;
}
.mod_breadcrumb a, .mod_breadcrumb li.active {
	padding-right: 0.25em;
	display: inline-block;
	text-decoration: none;
}
.mod_breadcrumb a:after {
	content: ' > ';
}

/* @end */

caption {
	caption-side: top;
	font-size: 0.8rem;
	font-style: italic;
	font-weight: normal;
}

dt { font-weight: bold; font-size:1.1rem;}
dd { margin: 0 0 1em; }

figure {
	margin: 0 0.5em 0.5em 0;
}

figure img {
	vertical-align: bottom;
}

.clear_left {
	clear: left;
}

.uppercase {
	text-transform: uppercase;
}

.grid {
	display: grid;
	grid-template-columns: auto;
	grid-column-gap: 2%;
}

.grid2{
	display: grid;
	grid-template-columns:  39% 59%;
	grid-gap: 1rem 2%;
	margin-bottom: 1rem;
}
.grid6 {
	display: grid;
	grid-template-columns:  49% 49%;
	grid-gap: 1rem 2%;
}
ul.grid6 {
	padding: 0;
	list-style: none;
}
.grid6 h3 {
	font-size: 1rem;
}

@media (min-width: 480px) {
.grid {	grid-template-columns: 49% 49%;}
.grid6 {grid-template-columns:  32%  32% 32%}
}

@media (min-width: 768px) {
.grid {grid-template-columns: 32% 32% 32%;}

}
@media (min-width: 960px) {
.grid6 {grid-template-columns:15% 15% 15% 15% 15% 15% ;}
}

a.booking {
	display: inline-block;
	background-image: none;
	font-size: 1.25em;
}
	
#overview .stoerer {
	position: relative;
	color: #a30008;
}

.hilite {
	color: #a30008;
}

/* @group News */

[class*="layout_"] {
	
}

.layout_simple {
	font-weight: bolder;
    font-size: larger;
    margin: 0.5em 0;
}
.layout_simple a { 
	display: block;
	background-color: rgba(255,255,255,0.25);
	border-radius: 0.5rem;
	padding: 0.5rem;
	text-decoration: none;
}
.layout_latest, .layout_teaser {
	background-color: rgba(255,255,255,0.55);
	margin: 0 0 0.75rem 0;
}
.layout_latest > *, .layout_teaser > * {
	padding: 0.25rem;
}
.event {
	clear: left;
	margin: 0.5em 0;
	overflow: hidden;
	border-radius: 0.25rem;	
}
.headline {
	color: #fff;
	background-color: #099;
}
.layout_full .headline {
	display: inline-block;
	padding: 0.25em;
}
/* @end */

/* @group accordion */

.toggler,.toggle_active {
    font-size: 1.05rem;
    font-weight: bold;
    padding: 0.25em 0;
    margin-top: 0.25em;
    color: #a30008;
    background-color: rgba(255,255,255,0.25);
    position: relative;
}
.toggler .marker,.toggle_active .marker {
	position: absolute;
	right: 0.5em;
    top: 0.4em;
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    border-top-color: #a30008;
}
.toggler.active .marker, .toggle_active .marker {
    border-top-color: transparent;
    border-right-color: #a30008;
    border-width: 0 14px 14px 0;
}

.toggle_active a {
	text-decoration: none;
	display: block;
	background-color: transparent;
}
.accordion {
	padding-top: 0.5rem;
}
.accordion > * {
	margin: 0.5rem 0;
}

/* @end */

.widget {
	border: 1px solid #099;
	border-radius: 1rem;
	padding: 0.5rem;
}
.widget ul {
	list-style: none;
}
.widget_item {
	border-radius: 1rem;
	padding: 0.5rem;
	margin: 0.5rem 0;
	background-color: rgba(255,255,255,0.35);
}

/* @group Slider */
.slider-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 335px;
}
.slider-wrapper .ce_image img {
	display: block;
	margin: 0 auto;
}
.slider-wrapper figcaption {
	position: absolute;
	bottom: 0;
	left: 25%;
	right: 25%;
	text-align: center;
	font-size: 0.8em;
}
.content-slider {
	background-color:  rgba(255,255,255,0.25);
}

.slider-control .slider-menu {
    position: absolute;
    top: -30px;
    height: 30px;
}

.slider-control a {
    top: -335px;
    height: 335px;
    line-height: 335px;
    width: 4rem;
    font-size: 6em;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0;
    overflow: hidden;
    background-color: transparent;
}
.slider-control a:hover {
	color: #ffcd65;
    background-color: transparent;
}
.slider-control a.slider-prev {
    left: 0;
}
.slider-control a.slider-next {
    right: 0;
}
/* @end */

.flex {
	display: flex;
	position: relative;
	height: 183px;
}
.flex421 {
	height: 421px;

}
.flex .image_container {
	position: absolute;
	top: 0;
	left: 0;
	cursor: col-resize;
}
.flex .last img {
	opacity: 0;
}
.flex .last img:hover {
	animation-name: overblend;
	animation-duration: 2s;
	animation-fill-mode: forwards;
}
@keyframes overblend {
	0% {opacity: 0;}
20% {opacity: 0;}
80% {opacity: 1;}
100% {opacity: 1;}
}

#header_image {
	display: flex;
}
#header_image .image_container {
	margin: 0;
}
@media (max-width: 480px) {

.grid .booking {
	 grid-area: 1 / 1 ; 
}
.float_left, .float_right {
	float: none;
}
.layout_teaser .float_left {
	float: left;
}

#header_image {
	position: relative;
	height: 222px;
}

#header_image .image_container {
	position: absolute;
	top: 0;
	left: 0;
}

#header_right img {
	opacity: 1;
	animation-name: blend;
	animation-duration: 4s;
	animation-delay: 1s;
	animation-direction: alternate;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}


}
@keyframes blend {
	0% {opacity: 1;}
	40% {opacity: 0.4;}
	60% {opacity: 0.4;}
	100% {opacity: 1;}
}



@media (min-width: 961px) {
	#wrapper {
        width: 960px;
		margin: 0 auto;
	}
}
/*
    Document   : mobipane
    Created on : 06.02.2018, 11:10:29
    Author     : Gerhard Rinnberger <lab@rinnberger.de>
    Description:
        Purpose of the stylesheet follows.
*/
body {
    position: relative;
}
    .metanav_wrap {
        padding: 1.25em;
        background-color: #00abb1;
        position: relative;

    }
    button.trigger {
        right: 0;
        cursor: pointer;
    }
    #metanav_trigger {
        right: 0.25rem;
        width: 1em;
    }
    #mainnav_trigger {
        right: 1.25em;
        width: 1em;
        z-index: 100;
    }
    .metanav, .mainnav {
        width: 0;
        top: 0;
        position: absolute;
        z-index: 110;
        right: 0;
        background-color: rgba(0,0,0,0.4);
        transition: width 250ms ease;
    }
    .metanav.opened, .mainnav.opened {
        width: 300px;
        overflow: visible;
        transition: width 250ms ease;
    }
    #metanav_close {
        right: 0.25rem;
    }
    #mainnav_close {
        right: 0.25rem;
    }
    .opened #metanav_close {
        background-color: transparent !important;
    }
    .opened #mainnav_close {
        background-color: transparent !important;
    }

@media (min-width: 768px) {
	
.mainnav {
	left: 0;
	width: 100%;
	background-color: transparent;
}

.mainnav ul {
	background-color: transparent;
}
.mainnav ul.level_2 {
	background-color: #fff;
}

.mainnav ul.level_1 {
	display: flex;
	width: 768px;
	align-items: top;
	justify-content: center;
	margin: 0 auto;
	border: 0
}
.mainnav li {
	border-width: 0;
}
.mainnav .level_1>li {
	width: 25%;
}
.mainnav .level_1 a {
	border-left: 1px solid #929292;
}
.mainnav .level_1 a.last {
	border-right: 1px solid #929292;
}
.mainnav .level_2>li {
	border-top-width: 1px;
}
.mainnav .level_2>li.last {
	border-bottom-width: 1px;
}
.mainnav strong {
	text-align: center;
}
.mainnav a {
	color: #fff;
	background-color: transparent;
	text-align: center;
}
.mainnav a:hover, .mainnav a.trail {
	color: #00abb1;
	background-color: #ffcd65;
}
.mainnav .level_2 {
	margin-top: 0;
}
.mainnav .level_2 strong {
	text-align: left;
}
.mainnav .level_2 a {
	color: #929292;
	background-color: #fff;
	text-align: left;
}
.mainnav .level_2 a:hover {
	color: #00abb1;
}
.mainnav .submenu ul {
	display: none;
}


.mainnav .submenu:hover ul {
	display: block;
}

.mainnav h3,

.mainnav_wrap .trigger {
	display: none;
}

#metanav, #metanav_trigger {
	z-index: 120;
}

}