body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    font:normal 13pt Arial,Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12pt;
    letter-spacing: .03em;
    background-image:url(../../media/weihnachten-hintergrund.jpg);
    background-size:cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

header {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 0
}
strong {

}

#main-menu2 {
    width: 1100px;
    position: relative;
    margin: 0 auto;
    z-index: 1
}

ul.rex-navi1 {
    z-index: 2
}



span.indicator {
    width: 110px;
    height: 4px;
    position: absolute;
    background-color: #07a792;
    top: -24px;
    display: block;
    z-index: 10;
    visibility: hidden;
    transition: all 1s;
    left: 460px;
    visibility: visible;
    width: 80px
}

article.half,
article.half div,
article.half header {
    max-height: 600px
}
body article.slideshow {
position:relative;
}

body article.content {
padding:50px 0;
position:relative;
}

nav {
    width: 100%;
    height: 90px;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.9);
    z-index: 6000;
    border-bottom: 0px solid #07a792;
    padding-top:0px;
    vertical-align: middle;
    background-image:url(../../media/006356back-oben.jpg);
	background-size:cover;
	background-position: center;
}

nav ul {
    width: 1121px;
    height: 90px;
    position: relative;
    margin: 0px auto 0 auto;
    padding: 0;
    list-style: none;
    display: block;
    text-align:center;
    vertical-align: middle;
}

nav ul li {
    width: 160px;
    height: 30px;
    padding: 0;
    margin: 20px 20px 0 20px;
    position: relative;
    list-style: none;
    display: inline-block;
    top: 0px;
	vertical-align: middle;
}

div.tfw-calendar-app {
margin:0 auto;
font-size:0.7em !important;
}
@media screen and (min-width:800px) {
nav ul li a {
    color: #07a792;
    position: relative;
    list-style: none;
    display: block;
    text-align: center;
    font-weight: 400;
	font-size:1.2em;
    text-decoration: none;
    padding-bottom:40px;
}
}
li.rex-article-1 {
    position: relative;
    width: 300px;
    height: 80px;
    display: inline-block;
    padding: 0px;
    top: 0px;
    margin: 10px 0px 0 0;
    background-image:url(../../media/logo.png);
    background-position: center;
    background-size:100%;
    background-repeat: no-repeat;
    z-index: 50
}
li.rex-article-1 a {
color:transparent;
display:block;
height:100px;
}

li.rex-article-1 img {
    width: 160px;
    height: 160px;
}

li#mobile-menu-icon {
    display: none
}

nav ul li:hover ul,
nav.kleiner ul li:hover ul {
padding:5px 5px 5px 5px;
margin:8px 0 0 0;
list-style: none;
list-style-type: none;
width:230px;
height:auto;
display:block;
position:absolute;
background-color:#ffffff;
top:30px;
border:0px solid #0077cc;
}

.menu ul li:hover a {

}

nav ul li:hover ul li {
padding:0;
margin:0;
list-style: none;
list-style-type: none;
width:auto;
display:block;
position:relative;
height:auto;
}
nav ul li:hover ul li a {
padding:10px 0 10px 10px;
margin:0;
list-style: none;
list-style-type: none;
width:auto;
display:block;
position:relative;
background-color:#ffffff;

text-align:left;
font-size:17px;
border-bottom:0px solid #8fbddd;
}

nav ul li ul {
display:none;

}
nav.kleiner ul li ul {
display:none;

}
nav ul li ul li a:hover,
nav ul li ul li a.rex-active,
nav ul li ul li a.rex-current {
padding:10px 0 10px 10px;
margin:0;
list-style: none;
list-style-type: none;
width:auto;
display:block;
position:relative;

background-color:#d6f0ed;
}


#slideshow {
    top: 0;
    margin-top: 0px;
    margin-bottom: 0;
    position: relative;
   
}
#slideshow img {
visibility: hidden;
}

#slideshow div {
background-size:cover;
background-repeat: no-repeat;
background-position:center;
}
.floatingtext {
    width: 750px;
    height: auto;
    position: relative;
    z-index: 1;
    margin: 0 auto
}

.floatingtext h2 {
    display: block;
    background-color: #000;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 1.5em;
    padding: 15px 0;

    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 12%, rgba(0, 0, 0, 0.6) 88%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 12%, rgba(0, 0, 0, 0.6) 88%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 12%, rgba(0, 0, 0, 0.6) 88%, rgba(0, 0, 0, 0) 100%)
}

.tinymcewysiwyg {
    width: 80%;
    height: auto;
    margin: 0 auto;
    padding: 10px 0
}
div.tinymcewysiwyg p,
div.inhalt2spalten {
    line-height:1.3em;
}



a.button {
    position: relative;
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 15pt;
    font-weight: 600;
    padding: 3% 0;
    border-radius: 10px;
    background-color: #ac2625;
    width: 70%;
    margin: 0 auto
}

div.inhalt2spalten a.button {
    position: relative;
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 13pt;
    font-weight: 600;
    padding: 2% 0;
    border-radius: 10px;
    background-color: #666769;
    margin: 0 auto;
    width: 80%;
    text-align: center;
}

.footer {
    width: 100%;
    height: 200px;
    position: relative;
    background-color: 006356;
	background-color: rgba(131,0,105,.9);
	background-size:cover;
	background-position: center;
    padding: 50px 0;
    
}
.footer.oeffnung {
    width: 100%;
    height: 250px;
    position: relative;
    background-color: #07a792;
	background-color: rgba(7,167,146,.8);
	background-size:cover;
	background-position: center;
    padding: 50px 0 50px 0;
}
.footer p,
.footer a {
	color:#fff;
    text-decoration: none;
    vertical-align: middle
}
.footer a {

}
.clr {
    clear: both
}

div.inhalt2spalten {
    width: 80%;
    height: auto;
    padding: 10px 0%;
    margin: 0 auto;
    position: relative
}

div.inhalt2spalten div {
    width: 46%;
    height: auto;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 0;
    padding: 10px 1%
}

div.inhalt2spalten div:nth-child(1) {
    margin-right: 1%
}

div.inhalt2spalten img {

    height: auto;
    position: relative;
    max-width: 100%
}

div.clr {
    clear: both
}

div.textFeldmitBildimHintergrund.textFeldmitBildimHintergrundGr {
    background-color: #97b16f;
    min-height: 50px
}

div div ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-left: 0px
}

div div ul li {
    padding-left: 30px;
    margin: 5px;
}

div div ul li::before {
    content: "·";
    color: #07a792;
    position: relative;
    display: inline-block;
    margin-right: 5px
}

.textRahmenVB3sp {
    margin: 20px 0;
    position: relative;
    width: 80%;
    margin: 0 auto
}

.textRahmenVB3sp p {

}

.textRahmenVB3sp div {
    width: 26%;
    height: auto;
    display: inline-block;
    position: relative;
    margin: 0 1%;
    padding: 0 2%;
    vertical-align: top;
}

.galerie {
    width: 80%;
    height: auto;
    position: relative;
    margin: 0 auto
}

.galerie a {
    width: 31%;
    height: auto;
    position: relative;
    max-width: 31%;
    display: inline-block;
    margin-right: 3%;
    margin-bottom: 3%;
    overflow: hidden;
    text-align: center;
    background-size: 101%;
    background-position: center;
    transition: .2s background-size;
    background-repeat: no-repeat
}

.galerie a:nth-child(3n) {
    width: 31%;
    height: auto;
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-right: 0;
    margin-bottom: 3%
}

.galerie a img {
    width: 100%;
    height: auto;
    position: relative;
    vertical-align: top;
    visibility: hidden
}

.galerie a:hover {
    background-size: 105%;
    background-position: center
}

#galerie42,
#galerie43 {
    display: none
}

#galerie42.open,
#galerie43.open {
    display: block
}

.video-js {
    width: 396px!important;
    height: 223px!important;
    position: relative
}

div.vid {
    width: 80%;
    height: auto;
    padding: 40px 10%;
    margin: 0 auto;
    position: relative
}

div.vid div.vidL {
    width: 44%;
    height: auto;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 0;
    padding: 0 2.5%
}

div.vid div.vidR {
    width: 44%;
    height: auto;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 0;
    padding: 0 2.5%
}

iframe {
    width: 640px;
    height: 480px;
    border: 0;
    margin:0 auto;
    display:block;
}

div.traumfewo-calendar-wrapper {
    border: 0;
    margin:0 !important;
	position: relative;
	padding:0;
}

div.traumfewo-calendar-wrapper iframe {
    width: 100%;
    height: 480px;
    border: 0;
    margin:0;
	position: relative;
}

#belegung {
margin:0 auto;
width:640px;
    position:relative;
    display:block;
} 

.traumfewo-calendar-wrapper {
margin:0 auto;
    position:relative;
    display:block;
}

.traumfewo-calendar-wrapper iframe {
    height:250px;
    margin:0 auto;
    position:relative;
    display:block;
    }
.yform .formcheckbox label {
    width: 80%;
    height:auto;
    position:relative;
    display: block;
}

.yform .formcheckbox label a {
color:#07a792;
}

p a{
color:#07a792;
}
ul a{
color:#07a792;
}

#belegung {

}

@media screen and (max-width:850px) {
    div.traumfewo-calendar-wrapper {
        width: 100% !important;
        text-align: center;
        margin: 0 !important;
        height:auto;
    }
    .traumfewo-calendar-wrapper iframe {
        width: width:100%;
        height: 250px;
        margin: 0;
        position: relative;
    }
    div#belegung {
        padding: 0;
        max-width:90%;
        margin:0 auto;
        margin-bottom: 40px;
        height:auto;
        min-height:450px;
    }
    #xform-formular-AGBs {
        min-height: 70px;
    }
    #tinymcewysiwyg52 p {
    display:none;
    }
    
}


.yform {
    width: 94%;
    height: auto;
    padding: 7px 3% 15px;
    margin: 10px auto;
    display: block;
    min-height: 370px;
    right: 0;
    position: relative;
    z-index: 10;
    font-size: 14px
}

.formcheckbox input {
    width: 30px!important;
    display: inline-block;
    float: left
}

div.yform .form_warning {
    color: red
}

.formcaptcha img {
    width: 200px!important;
    height: auto!important;
    position: relative
}

div.yform label {
    width: 80%;
    height:auto;
    position:relative;
    display: block;
    height: 20px
}

div.yform div div div {
    padding: 15px 0;
    width:100%;
}

div.yform div div input {
    width: 90%;
    border: 1px solid #999;
    height: 35px;
    font-size: 14px;
    padding: 10px;
    background-position: 20px 0;
    font-weight: 400;
	padding: 0px 5px;

}

.yform button {
    width: 80%;
    height: auto;
    color: #fff;
    background-color: #790000;
    display: block;
    font-weight: 600;
    border: 1px solid #999;
    padding: 10px 5%;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    font-weight: 200;
        font:normal 1.0em 'Rotis Serif', Georgia, Helvetica, Arial, sans-serif;
}

.yform textarea {
    border: 1px solid #999;
    width: 80%;
    font-size: 14px;
    padding: 5px;
    background-position: 20px 50px;
    height: 100px
}

.yform .formtextarea label.textarea {
    width: auto;
    display: block
}

p {
    letter-spacing: .02em

}

h1 {
    color: #07a792;
    font-size: 1.8em;


}

h2 {
    color: #07a792;
    font-size: 1.8em;


}

h3 {
    color: #b50091;
    font-size: 1.5em;


}
h3 strong {
    color: #b50091;
    font-size: 1.5em;


}
nav.kleiner li#mobile-menu-icon {
    display: none
}

@media screen and (min-width:800px) {
    a.dp-choose-date {
        width: 16px;
        height: 16px;
        padding: 0;
        margin: 5px 3px 0;
        display: inline-block;
        text-indent: -2000px;
        overflow: hidden;
        background: url(../../resources/datepicker/css/calendar.png) no-repeat
    }
    a.dp-choose-date.dp-disabled {
        background-position: 0 -20px;
        cursor: default
    }
    #dp-popup h2 {
        color: #3a3127;
        font-family: sans-serif
    }
}


@media screen and (max-width:850px) {
    div.vid {
        width: 92%;
        height: auto;
        padding: 20px 4%;
        margin: 0 auto;
        position: relative
    }
    div.vid div.vidL {
        width: 100%;
        height: auto;
        display: inline-block;
        position: relative;
        vertical-align: top;
        margin: 40px 0;
        padding: 0;
        overflow: hidden
    }
    div.vid div.vidR {
        width: 100%;
        height: auto;
        display: inline-block;
        position: relative;
        vertical-align: top;
        margin: 20px 0;
        padding: 0;
        overflow: hidden
    }
    video {
        width: 90%!important
    }
    iframe {
        max-width: 100%;
        border: 0
    }
    
    .traumfewo-calendar-wrapper {
    height:450px;
    max-width:100%;
    }
    .traumfewo-calendar-wrapper iframe {
    height:450px;
    max-width:100%;
    }
    
    div.quicklinks {
        width: 110px;
        height: 100px;
        position: absolute;
        top: 40px;
        bottom: 15px;
        z-index: 200
    }
    div.quicklinks a {
        display: block;
        height: 60px
    }
    .galerie a img {
        width: 100%;
        height: auto;
        position: relative;
        vertical-align: top
    }
    #nav-open {
        display: block;
        width: 30px;
        height: 24px;
        position: relative;
        margin: 20px auto;
        padding: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        z-index: 100
    }
    #nav-open span {
        display: block;
        position: absolute;
        height: 4px;
        width: 100%;
        background: #07a792;
        border-radius: 0;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out
    }
    #nav-open span:nth-child(1) {
        top: 0
    }
    #nav-open span:nth-child(2) {
        top: 8px
    }
    #nav-open span:nth-child(3) {
        top: 16px
    }
    #nav-open.open span:nth-child(1) {
        top: 18px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        box-shadow: 0 0 0 #000
    }
    #nav-open.open span:nth-child(2) {
        opacity: 0;
        left: -60px;
        box-shadow: 0 0 0 #000
    }
    #nav-open.open span:nth-child(3) {
        top: 18px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }
    #nav-open.open {
        margin-bottom: 130px
    }
    
    
    
    nav {
        width: 94%;
        height: auto;
        margin: 0;
        padding: 0 3%;
        position: fixed;
        vertical-align: top;
        overflow: hidden;
        z-index: 6000;
        border-bottom: 0px solid #07a792
    }

    #menu-item-Start {
        display: block;
        position: relative;
        top: 0;
        left: 0
    }
    #main-menu2 {
        display: none
    }
    nav ul.rex-navi1 {
        width: 100%;
        height: auto;
        position: relative;
        text-align: center
    }
    nav ul.rex-navi1 li.rex-article-1 {
        width: 280px;
        height: 120px;
        position: relative;
        margin: 0 auto 0 auto;
        display: block;
        padding: 5px
    }
    nav.kleiner ul.rex-navi1 li.rex-article-1 {
        width: 100px;
        height: 80px;
        position: relative;
        padding: 5px;
        display: none
    }
    nav.kleiner ul.rex-navi1 li.rex-article-1 img {
        width: 80px;
        height: 80px;
        position: relative;
        padding: 2px 5px 5px
    }
    nav ul.rex-navi1 li {
        width: 100%;
        height: auto;
        position: relative;
        display: none;
        top: 0;
        margin:0;
    }
    nav ul.rex-navi1 li.open {
        width: 100%;
        height: auto;
        position: relative;
        display: block;
        top: 0;
        margin:0;
        
    }
    
    nav ul.rex-navi1 li.rex-article-1.open {
        width: 280px;
        height: 120px;
        position: relative;
        margin: 0 auto 0 auto;
        display: block;
        padding: 5px
    }

nav ul li a {
    color: #07a792;
    position: relative;
    list-style: none;
    display: block;
    text-align: center;
    font-weight: 400;
font-size:1.3em;
    text-decoration: none;
    padding-bottom:15px;
}
nav ul li a {
padding:10px 0;
}
nav ul li.open a {
padding:10px 0;
}
nav ul li:hover ul,
nav.kleiner ul li:hover ul {
padding:5px 1% 5px 1%;
margin:8px 0 0 0;
list-style: none;
list-style-type: none;
width:98%;
height:auto;
display:block;
position:relative;
background-color:#ffffff;
top:0px;
border:0px solid #0077cc;
}



nav ul li:hover ul li {
padding:0;
margin:0;
list-style: none;
list-style-type: none;
width:auto;
display:block;
position:relative;

}
nav ul li:hover ul li a {
margin:0;
list-style: none;
list-style-type: none;
width:auto;
display:block;
position:relative;
background-color:#ffffff;
width:100%;
text-align:center;
font-size:17px;
border-bottom:0px solid #8fbddd;
padding:5px 0 5px 0px;
}

nav ul li ul {
display:none;

}
nav.kleiner ul li ul {
display:none;

}
nav ul li ul li a:hover,
nav ul li ul li a.rex-active,
nav ul li ul li a.rex-current {
padding:5px 0 5px 0px;
margin:0;
list-style: none;
list-style-type: none;
width:auto;
display:block;
position:relative;
width:100%;
background-color:#fff1c4;
}
body article.content {
padding:10px 0 50px 0;
position:relative;
}


#slideshow {
        margin-top: 0
}
#slideshow {
    top: 0;
    margin-top: 190px;
    margin-bottom: 0;
    position: relative;
   
}
#slideshow img {
visibility: hidden;
width:100%;
height:auto;
}

#slideshow div {
background-size:130%;
background-repeat: no-repeat;
background-position:center;
}
#slideshow .rsSlide div {
height:auto;

}
    header {
        width: 100%;
        height: auto;
        position: relative;
        padding: 0;
        margin: 0
    }
    #menu-item-Start {
        display: none
    }
    div.textFeldmitBildimHintergrund {
        width: 100%;
        height: auto;
        position: relative;
        background-color: #3a3127;
        position: relative;
        padding: 50px 0;
        background-attachment: fixed;
        background-size: 300%;
        display: block
    }
    div.textFeldmitBildimHintergrund:first-of-type {
        width: 100%;
        height: auto;
        position: relative;
        background-color: #3a3127;
        position: relative;
        padding: 50px 0;
        background-attachment: fixed;
        background-size: cover;
        display: block;
        top: 0;
        z-index: 100
    }

    .textFeldmitBildimHintergrund.shadow {
        text-shadow: 1px 1px 10px #000
    }
    .tinymcewysiwyg {
        width: 94%;
        height: auto;
        margin: 0;
        padding: 10px 3%;
        letter-spacing: .03em
    }
    .tinymcewysiwyg br {
        display: none
    }
    .tinymcewysiwyg br.doch {
        display: block;
    }
    
    .tinymcewysiwyg img {
		max-width:100%;
		height:auto;
		position:relative;
	}

    
    a.button {
        position: relative;
        display: block;
        color: #fff;
        text-decoration: none;
        font-size: 12pt;
        font-weight: 600;
        padding: 3% 0;
        border-radius: 10px;
        background-color: #ac2625;
        width: 80%
    }
    div.inhalt2spalten a.button {
        text-align: center;
        position: relative;
        display: block;
        color: #fff;
        text-decoration: none;
        font-size: 15pt;
        font-weight: 600;
        padding: 2% 0 2% 4%;
        border-radius: 10px;
        background-color: #666769;
        width: 80%
    }
    .footer {
        width: 88%;
        height: 100px;
        position: relative;
        background-color: #006356;
        background-color:rgba(181,0,145,.9);
        padding: 100px 6%
    }
    .footer p,
    .footer a {
        color: #fff;
        text-decoration: none;
        vertical-align: middle
    }
    .clr {
        clear: both
    }
    div.inhalt2spalten {
        width: 90%;
        height: auto;
        padding: 40px 5%;
        position: relative
    }
    div.inhalt2spalten div {
        width: 100%;
        height: auto;
        display: block;
        position: relative;
        vertical-align: top;
        margin: 0;
        padding: 0
    }
    div.clr {
        clear: both
    }
    div div ul {
        list-style-type: none
    }
    div div ul li {
        padding-left: 20px
    }
    div div ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        padding-left: 0;
        width: 100%
    }
    div div ul li {
        padding-left: 40px;
        margin: 0
    }
    div div ul li::before {
        content: "·";
	color:#07a792;
        position: relative;
        display: inline-block;
        margin-right: 5px;
        content: ✔;
        color: #b2ff88;
        position: relative;
        display: inline-block;
        margin-right: 5px
    }



    .textRahmenVB3sp {
        margin: 0;
        position: relative;
        width: 100%;
        margin: 0 auto
    }
    .textRahmenVB3sp div {
        width: 96%;
        height: auto;
        display: inline-block;
        position: relative;
        margin: 0;
        padding: 0 2%;
        vertical-align: top;

    }
}

@media screen and (max-width:800px) and (orientation:landscape) {
    div.logo {
        width: 25%;
        height: auto;
        position: relative;
        display: block;
        background-repeat: no-repeat;
        min-height: 100px;
        vertical-align: middle;
        margin: 0 auto
    }
}

.galerie span  {
background-color: transparent !important;
color: transparent !important;
text-decoration: none; 
height: 0px;
width: 0px;
display:none;
}