@charset "utf-8";
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Trajan Pro Regular';
    src: url('../fonts/TrajanPro-Regular.eot');
    src: url('../fonts/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TrajanPro-Regular.woff2') format('woff2'),
         url('../fonts/TrajanPro-Regular.woff') format('woff'),
         url('../fonts/TrajanPro-Regular.svg#trajanpro') format('svg');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    }
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.eot');
    src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff'),
         url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'socicon';
    src: url('../fonts/socicon.eot');
    src: url('../fonts/socicon.eot?#iefix') format('embedded-opentype'),
         url('../fonts/socicon.woff') format('woff'),
         url('../fonts/socicon.ttf') format('truetype'),
         url('../fonts/socicon.svg#FuturaMdBTBold') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}



/* Grundenstellungen */
html {
	scroll-behavior: smooth;
	height: -webkit-fill-available;
}
body {
	margin:0;
	padding:0;  
    min-height: 100vh;
  /* mobile viewport bug fix */
  min-height: -webkit-fill-available;
	}
.center {
	width: 1035px;
	min-height: 800px;
	margin: auto;
	position: relative;
}

#bodyarea,
.eb-content{
	hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
    padding:0;
    margin:0;
    position: relative;
    font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
    color:#634c31;
    font-size: 16px;
	}
@media (max-width: 1800px) {
}
@media (max-width: 1280px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
}
@media (max-width: 460px) {
}

/* Kopfbereich */
#headerarea {
    width:100%;
    position: fixed;
    top:0;
    height:230px;
    display:block;
    z-index: 200;
background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0.6530813008797269) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.6530813008797269) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0.6530813008797269) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
#menuarea {
    padding:60px 0 0 12%;
    text-align: left;
    display:inline-block;
    width:calc(38% - 130px);  
    vertical-align: top;
}
#logoarea {
    width:260px;
    display:inline-block;
    height: 72px;
    background: url("../images/logo_palais-erthal.svg") no-repeat 0 0;
    margin:40px 0 0 calc(50% - 120px);
    vertical-align: top;
}
#logoarea a {
    display:block;
    width:260px;
    height:80px;
    margin:0;
    padding:0;
}
#logoareaactive img {
    max-width:239px;
}
#iconarea {
    padding:55px 2.5% 0 0;
    text-align: right;
    display:inline-block;
    width:calc(47.5% - 149px);
    vertical-align: top;
}
#langarea {
    position: absolute;
    top:25px;
    right:2.5%;
    height:20px;
    display:block;
    width:30%;
    z-index: 100;
}
#langarea p {
    margin:0;
}
#langarea ul {
    text-align: right;
    font-size: 14px;
    padding:0 2.5% 0 0;
    margin:0;
}
#langarea ul li {
    text-align: right;
    padding:0 7px 0 5px;
    margin:0;
}
#langarea ul li:first-child {
    border-right:1px solid #fff;
}
div.mod-languages ul li.lang-active {
    background-color: rgba(255,255,255,0) !important;
}
#langarea ul li a {
    color:#fff;
    text-decoration: none;
    padding:15px 0 0;
}
#langarea ul li.lang-active a {
    opacity: 0.7;
}
@media (max-width: 1800px) {
}
@media (max-width: 1280px) {
}
@media (max-width: 959px) {
#langarea ul {
    font-size: 10px;
    }
}
@media (max-width: 767px) {
}
@media (max-width: 460px) {
#logoarea {
    width: 200px;
    height: 72px;
    margin: 40px 0 0 calc(50% - 100px);
    background-size: contain;
}
#iconarea {
    padding:40px 2.5% 0 0;
    text-align: right;
    display:inline-block;
    width:calc(47.5% - 105px);
    vertical-align: top;
}
#headerarea {
    height:130px;
    }
}
@media (max-width: 380px) {
#logoarea {
    width: 160px;
    height: 72px;
    margin: 40px 0 0 calc(50% - 80px);
    background-size: contain;
}
#iconarea {
    padding:40px 0.5% 0 0;
    text-align: right;
    display:inline-block;
    width:calc(49.5% - 85px);
    vertical-align: top;
}
}

/* Menubereich */
#mobilebutton {
	clear:both;
	position:absolute;
	top:60px;
	left:12%;
	display:block;
    width: 85px;
	height:60px;
    z-index: 100;
	float:left;
	}
#mobilebutton #bars {
    display: block;
    padding: 0 0 5px;
    width: 55px;
	margin:0 30px 0 0;
}
#mobilebutton #bars span.bar {
    background: #fff none repeat scroll 0 0;
    display: block;
    padding-bottom: 2px;
}
#mobilebutton #bars span.bar:first-child {
    width: 50px;
	margin:0 35px 6px 0;
}
#mobilebutton #bars span.bar:nth-child(2) {
    width: 36px;
	margin:0 49px 6px 0;
}
#mobilebutton #bars span.bar:last-child {
    width: 44px;
	margin:0 41px 6px 0;
}

#realbutton {
	clear:both;
	position:absolute;
	top:60px;
	left:12%;
	display:block;
    width: 55px;
	height:60px;
    z-index: 400;
	float:left;
	opacity:0;
	}
#mobilebuttonactive {
	position:absolute;
	top:60px;
	left:12%;
	display:block;
    width: 85px;
	height:60px;
    z-index: 120;
	float:left;
	}
#mobilebuttonactive #bars {
    display: block;
    padding: 0 0 5px;
    width: 55px;
	margin:0;
}
#mobilebuttonactive + span {
	position:absolute;
	right:6%;
	top:92px;
	font-size:16px;
	letter-spacing:0.1em;
	font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-transform:uppercase;
	color: #fff;
	}
#mobilebuttonactive #bars span.bara,
#mobilebuttonactive #bars span.barb,
#mobilebuttonactive #bars span.barc {
    background: #fff none repeat scroll 0 0;
    display: block;
    margin: 0 30px 5px 0;
    padding-bottom: 2px;
    width: 55px;
	opacity:1;
 transition: all 0.5s ease-in-out 0ms;
 -webkit-transition: all 0.5s ease-in-out 0ms;
 -moz-transition: all 0.5s ease-in-out 0ms; 
 -o-transition: all 0.5s ease-in-out 0ms; 
 -ms-transition: all 0.5s ease-in-out 0ms;
}
#mobilebuttonactive #bars span.bara {
    margin: 0 35px 5px 0;
    width: 50px;
}
#mobilebuttonactive #bars span.barb {
    margin: 0 44px 5px 0;
    width: 36px;
}
#mobilebuttonactive #bars span.barc {
    margin: 0 41px 5px 0;
    width: 44px;
}
#menubigarea > label + input:checked + div#menuarea .bara{
 	transform: rotate(45deg) translateY(0px) translateX(0px);
	margin: 11px 40px 0 0;
	width: 38px; 
 transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
}
#menubigarea > label + input:checked + div#menuarea .barb{
	opacity:0;
 transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
	}
#menubigarea > label + input:checked + div#menuarea .barc{
	transform: rotate(-45deg) translateY(0px) translateX(0px);
	width: 38px;
	margin: -10px 40px 0 0;
 transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
}
#logoareaactive {
    width: 76%;
    float: none;
    margin: 40px 0 0 12%;
    text-align: center;
	}
#logoareaactive img {
	float:none;
	margin:0;
	}

	
#menubigarea > input {
	display:none;
	}
#menubigarea > div#menuarea{
	position:absolute;
  	width: 100%;
	padding:0;
	margin:0 0 2rem 0;
	height: 0;
	display:block;
	overflow:hidden;
  	color:#ffffff;
  	z-index:200;
	background: #634c31;
	top:0;
	left:0;
 transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
}
#menubigarea > label + input:checked + div#menuarea{
  	height:600px;
 transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
}
#menuarea .moduletable_menu,
#menuarea .moduletable._menu{
	width:76%;
	padding:0 12%;
	clear:both;
	} 
#menuarea .moduletable_menu ul.nav,
#menuarea .moduletable._menu ul.nav{
	padding:47px 0 0 0;
	margin: 0;
	color:#fff;
	}
#menuarea .moduletable_menu a,
#menuarea .moduletable._menu a{
	color:#fff;
    text-decoration: none;
	}
#menuarea .moduletable_menu ul li a,
#menuarea .moduletable._menu ul li a{
    opacity: 0.6;
 transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
	}
#menuarea .moduletable_menu ul li a:hover,
#menuarea .moduletable._menu ul li a:hover{
    opacity: 1;
 transition: all 0.2s ease-in-out 0ms;
 -webkit-transition: all 0.2s ease-in-out 0ms;
 -moz-transition: all 0.2s ease-in-out 0ms; 
 -o-transition: all 0.2s ease-in-out 0ms; 
 -ms-transition: all 0.2s ease-in-out 0ms;
	}
#menuarea .moduletable_menu ul li a:hover + ul li a,
#menuarea .moduletable._menu ul li a:hover + ul li a{
    opacity: 0.6;
 transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
	}
#menuarea .moduletable_menu ul li ul li:hover a,
#menuarea .moduletable._menu ul li ul li:hover a{
    opacity: 1;
 transition: all 0.2s ease-in-out 0ms;
 -webkit-transition: all 0.2s ease-in-out 0ms;
 -moz-transition: all 0.2s ease-in-out 0ms; 
 -o-transition: all 0.2s ease-in-out 0ms; 
 -ms-transition: all 0.2s ease-in-out 0ms;
	}
#menuarea .moduletable_menu ul li.deeper.parent,
#menuarea .moduletable._menu ul li.deeper.parent{
	list-style:none;
	padding:0 0 18px 20px;
	margin:0;
    font-family: 'Trajan Pro Regular', Baskerville, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 18px;
    line-height: 1em;
    text-align: left;
    color: #fff;
    font-weight: normal;
    letter-spacing: 0.1em;
	width:calc(14.25% - 20px);
	display:block;
	float:left;
	min-height: 22em;
	}
#menuarea .moduletable_menu ul li.deeper.parent:first-child,
#menuarea .moduletable._menu ul li.deeper.parent:first-child{
	border-left: none;
	}
#menuarea .moduletable_menu ul li.deeper.parent ul.nav-child,
#menuarea .moduletable._menu ul li.deeper.parent ul.mod-menu__sub{
	padding:18px 0 0;
	margin:0;
	font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:1rem;
	text-transform:none;
	}
#menuarea .moduletable_menu ul li.deeper.parent ul.nav-child li,
#menuarea .moduletable._menu ul li.deeper.parent ul.mod-menu__sub li{
	list-style:none;
	padding:0.5em 0 0;
	margin:0;
	line-height:1em;
    letter-spacing: 0;
    font-size: 16px;
}
#menuarea .moduletable_menu ul li.deeper.parent ul.nav-child li a,
#menuarea .moduletable._menu ul li.deeper.parent ul.mod-menu__sub li a{
	padding:3px 0 0;
}
#menuarea .moduletable_menu ul li.deeper.parent ul li img,
#menuarea .moduletable._menu ul li.deeper.parent ul li img{
    display:none;
    }
@media (max-width: 1800px) {
#mobilebutton,
#realbutton,
#mobilebuttonactive {
	left:4%;
}
#menuarea .moduletable_menu,
#menuarea .moduletable._menu{
    width: 92%;
    padding: 0 4%;
}
}
@media (max-width: 1400px) {
#menubigarea > label + input:checked + div#menuarea{
  	height:100vh;
}
#menuarea .moduletable_menu ul li.deeper.parent,
#menuarea .moduletable._menu ul li.deeper.parent{
	padding:0 10px 0 9px;
	margin:0 0 50px;
	width:calc(25% - 20px);
	min-height: 17em;
	}
#menuarea .moduletable_menu ul li.deeper.parent:nth-child(5),
#menuarea .moduletable._menu ul li.deeper.parent:nth-child(5){
	border-left: none;
	}
}
@media (max-width: 1280px) {
}
@media (max-width: 959px) {
#menuarea .moduletable_menu ul li.deeper.parent,
#menuarea .moduletable._menu ul li.deeper.parent{
	min-height: 22em;
	}
}	
@media (max-width: 767px) {
#logoarea img,
#logoareaactive img {
    float: none;
}
#menubigarea > label + input:checked + div#menuarea{
  	height:900px;
}
#menuarea .moduletable_menu ul.nav,
#menuarea .moduletable._menu ul.nav{
    padding: 30px 0 0 0;
    }
#menuarea .moduletable_menu ul li.deeper.parent,
#menuarea .moduletable._menu ul li.deeper.parent{
	padding:5px 10px 0 9px;
	margin:0;
	width:calc(100% - 20px);
	border-top:1px solid #c1b7ad;
	min-height: inherit;
    display:block;
    text-align: center;
    position: relative;
	}
    
#menuarea .moduletable_menu ul li a,
#menuarea .moduletable._menu ul li a{
    background: #634c31;
    height: 1em;
}

#menuarea .moduletable_menu ul li.deeper.parent:after,
#menuarea .moduletable._menu ul li.deeper.parent:after{
    content:url("../images/leerpix20.png");
    position: relative;
    text-align: center;
    color:#fff;
    display: block;
    height: 35px;
    width: 100%;
    opacity: 0.6;
/*background: #4f3d27;*/
    z-index: 210;
    margin-top: -15px;
    }
#menuarea .moduletable_menu ul li.deeper.parent:before,
#menuarea .moduletable._menu ul li.deeper.parent:before{
    content:"»";
    position: absolute;
    transform: rotate(90deg);
    text-align: center;
    color:#fff;
    display: block;
    height: 20px;
    width: 20px;
    top: 30px;
    left: calc(50% - 10px);
    opacity: 0.6;
    }
#menuarea .moduletable_menu ul li.deeper.parent ul.nav-child li:last-child,
#menuarea .moduletable._menu ul li.deeper.parent ul.mod-menu__sub li:last-child{
    margin-bottom:25px;
    }
#menuarea .moduletable_menu ul li.deeper.parent ul li:after,
#menuarea .moduletable._menu ul li.deeper.parent ul li:after{
    display:none;
    }
#menuarea .moduletable_menu ul li.deeper.parent ul.nav-child,
#menuarea .moduletable._menu ul li.deeper.parent ul.mod-menu__sub{
    padding: 0px 0 0;
    margin: -7px 0 0;
    font-size: 1rem;
	max-height:0;
    height:auto;
	overflow:hidden;
    position: relative;
 transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
    background: #634c31;
}
#menuarea .moduletable_menu ul li.deeper.parent:hover a + img + ul.nav-child,
#menuarea .moduletable_menu ul li.deeper.parent:active a + img + ul.nav-child,
#menuarea .moduletable._menu ul li.deeper.parent:hover a + img + ul.mod-menu__sub,
#menuarea .moduletable._menu ul li.deeper.parent:active a + img + ul.mod-menu__sub
/*#menuarea .moduletable_menu ul li.active.deeper.parent a + img + ul.nav-child*/ {
    padding: 0px 0 0;
    margin: -7px 0 0;
    font-size: 1rem;
	height:auto;
	max-height:400px;
 transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
    -webkit-user-select: none; 
    -webkit-touch-callout: none;
}
#menuarea .moduletable_menu a,
#menuarea .moduletable._menu a{
	width:100%;
/*	display:block;*/
}
#menuarea .moduletable_menu ul li.deeper.parent img,
#menuarea .moduletable._menu ul li.deeper.parent img{
        width:100%;
        height:0px;
    }
#menuarea .moduletable_menu ul li.deeper.parent ul li img,
#menuarea .moduletable._menu ul li.deeper.parent ul li img {
    display:none;
    }
}
@media (max-width: 460px) {
#logoarea img,
#logoareaactive img {
    max-width:200px;
}
}
@media (max-width: 380px) {
#logoarea img,
#logoareaactive img {
    max-width:160px;
}
}


/* Icons rechts oben */
#iconarea ul {
    padding:0;
    margin:0;
    text-align: right;
    font-size: 0;
}
#iconarea ul li {
    padding:0 1.25%;
    margin:0;
    list-style: none;
    display:inline-block;
}
#iconarea a {
    color:#fff;
    text-decoration: none;
    transition: all 200ms ease-in 0ms;
-webkit-transition: all 200ms ease-in 0ms;
-moz-transition: all 200ms ease-in 0ms;
-o-transition: all 200ms ease-in 0ms;
-ms-transition: all 200ms ease-in 0ms;
}
#iconarea a:hover {
    transform:scale(1.2);
    transition: all 200ms ease-out 0ms;
-webkit-transition: all 200ms ease-out 0ms;
-moz-transition: all 200ms ease-out 0ms;
-o-transition: all 200ms ease-out 0ms;
-ms-transition: all 200ms ease-out 0ms;
}
a,
a:link,
a:visited {
    outline:none;
}
.icontelefon a {
    width:47px;
    height:53px;
    display:block;
    background: url("../images/telefon.svg") no-repeat 0 0;
    background-size: contain;
}
.iconvideo a {
    width:47px;
    height:53px;
    display:block;
    background: url("../images/video.svg") no-repeat 0 0;
    background-size: contain;
}
.icongutschein a {
    width:47px;
    height:53px;
    display:block;
    background: url("../images/hotel-gutschein.svg") no-repeat 0 0;
    background-size: contain;
}
.iconbuchung a {
    width:47px;
    height:53px;
    display:block;
    background: url("../images/bett.svg") no-repeat 0 5px;
    background-size: contain;
}
.icongourmet a {
    width:47px;
    height:53px;
    display:block;
    background: url("../images/kochmuetze.svg") no-repeat 0 0;
    background-size: contain;
}
.iconkaffee a {
    width:47px;
    height:53px;
    display:block;
    background: url("../images/kaffee2.svg") no-repeat 0 0;
    background-size: contain;
}
.icontorte a {
    width:47px;
    height:53px;
    display:block;
    background: url("../images/torte3.svg") no-repeat 0 0;
    background-size: contain;
}
@media (max-width: 1800px) {
}
@media (max-width: 1280px) {
}
@media (max-width: 959px) {
.icontelefon a,
.iconvideo a,
.icongutschein a,
.iconbuchung a,
.icongourmet a {
    width:35px;
    height:53px;
    }
}
@media (max-width: 767px) {
.iconbuchung a,
.icongourmet a {
    display: none;
    }
}
@media (max-width: 560px) {
.icongutschein a {
    display: none;
    }
}
@media (max-width: 340px) {
.iconvideo a {
    display: none;
    }
}


/* Module vor Inhalt */
#contenttoparea {
    position:relative;
    z-index: 10;
    width:100%;
    height:49vw;
}
#contenttoparea .camera_wrap {
    min-height:49vw;
}
@media (max-width: 1800px) {
}
@media (max-width: 1280px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
}
@media (max-width: 460px) {
#contenttoparea {
    position:relative;
    z-index: 10;
    width:100%;
    overflow: hidden;
    padding: 0 0 8%;
}
}

/* Bildwechsel Slider */
.camera_overlayer {
/*    background: url("../images/icon_palais_weiss_24.svg") no-repeat -5% 25vh;*/
    background-size: 40% auto;
    pointer-events: none;
    z-index: 1;
}
.camera_caption {
    bottom: 50% !important;
    height:110px;
    overflow: visible;
    display: block;
    position: absolute;
    width: 100%;
    z-index: 1000;
    text-align: center;
}
.camera_caption > div {
    background: none !important;
}
.camera_caption_title {
    font-size: 16px !important;
    font-weight: normal !important;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
.camera_caption_desc {
    font-family: 'Trajan Pro Regular', Baskerville, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 60px;
    line-height:1.2em;
}
.camera_wrap img {
    filter: brightness(75%);
}
.camera_wrap .camera_pag .camera_pag_ul {
    text-align: center !important;
    height: 28px;
    position: absolute;
    width: 100%;
    bottom: 100px;
}
.camera_wrap .camera_pag .camera_pag_ul li {
    background: rgba(255,255,255,0.4) !important;
    border: solid 1px #fff;
    width:14px !important;
    height: 14px !important;
}
.camera_wrap .camera_pag .camera_pag_ul li > span {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px !important;
    height: 14px !important;
    left: 0px !important;
    top: 0px !important;
    width: 14px !important;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
    background: #fff !important;
}
@media (max-width: 1800px) {
}
@media (max-width: 1280px) {
.camera_caption {
    bottom: calc(50% - 55px) !important;
}
}
@media (max-width: 959px) {
.camera_caption_desc {
    font-size: 48px;
    }
.camera_caption_title {
    font-size: 14px !important;
    }
.camera_wrap .camera_pag .camera_pag_ul {
    bottom: 0;
}
}
@media (max-width: 767px) {
.cameraContents,
.camera_wrap .camera_pag .camera_pag_ul  {
    display:none;
}
}
@media (max-width: 460px) {
#contenttoparea .moduletable {
    transform: scale(1.3);
    padding: 6% 0 0;
}
.camera_wrap .camera_pag .camera_pag_ul  {
    display:block;
    bottom: -10px;
}
.camera_wrap .camera_pag .camera_pag_ul li {
    width:10px !important;
    height: 10px !important;
}
.camera_wrap .camera_pag .camera_pag_ul li > span {
    height: 10px !important;
    width: 10px !important;
}
}

/* Buchungsbereich */
#bookingarea > input {
    display: none;
	}
#bookingarea > div.bookingauto {
    position: fixed;
    width: calc(50% - 64px);
    border-top:1px solid #634c31;
    padding: 30px 32px 40px;
    margin-top:0;
    margin-left:25%;
    margin-right:25%;
    margin-bottom:90px;
    height: 50px;
    background: #f5f3f2;
    text-align: center;
    z-index: 150;
    top: calc(100vh - 120px);
	display:block;
/*	overflow:hidden;*/
    box-shadow: #634c31 0px 5px 20px; 
     transition: all 0.5s ease-in-out 800ms;
 -webkit-transition: all 0.5s ease-in-out 800ms;
 -moz-transition: all 0.5s ease-in-out 800ms; 
 -o-transition: all 0.5s ease-in-out 800ms; 
 -ms-transition: all 0.5s ease-in-out 800ms;
}
#bookingarea > div.bookingauto:hover {
    margin-top:0 !important;
     transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
}
#bookingarea > div.bookingauto .bookingautobutton {
    display:block;
    position: fixed;
    left:calc(50% - 140px);
    width:280px;
    padding:18px 0 18px;
    color: #fff;
    background: #634c31;
    z-index: 120;
    top: calc(100vh - 70px);
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 0;
    font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-align: center;
    opacity:1 !important;
     transition: all 0.5s ease-in-out 800ms;
 -webkit-transition: all 0.5s ease-in-out 800ms;
 -moz-transition: all 0.5s ease-in-out 800ms; 
 -o-transition: all 0.5s ease-in-out 800ms; 
 -ms-transition: all 0.5s ease-in-out 800ms;
}
#bookingarea > div.bookingauto:hover .bookingautobutton {
    margin-top:70px !important;
    transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
}
#bookingarea > div.bookingauto .moduletable {
    width: 100%;
    height: 80px;
    background: #f5f3f2;
    z-index: 150;
    display: block;
    position: relative;
    left: -32px;
    top: 0px;
    padding: 10px 32px 30px;
}

#bookingarea p {
    margin:0;
    padding:0;
}
#bookingarea .readmore,
#bookingarea .readmore.clean {
    display:inline-block;
    margin:0 5px;
    z-index: 150;
}
/* Formularfelderbuchung */
.bfQuickMode section, 
.bfQuickMode fieldset {
  padding-right: 0 !important;
}
.bfQuickMode .form-inline .form-group, 
.bfQuickMode .form-inline label, 
.bfQuickMode .bfbs5-form-inline .bfbs5-form-group, 
.bfQuickMode .bfbs5-form-inline label {
  display: block !important;
  margin-right: 0 !important;
}
.bfQuickMode .bfbs5-nonform-control, 
.bfQuickMode .nonform-control {
  display: block !important;
  vertical-align: middle ;
  width: 100% !important;
}
.bfQuickMode .bfElemWrap {
  margin-bottom: 0 !important;
}
.booking #aufenthalt,
.booking #gaeste{
    width:calc((100% - 235px)/2);
    display:inline-block;
    text-align: left;
    vertical-align: top;
}
.booking #absendebutton{
    width:225px;
    display:inline-block;
    vertical-align: top;
}
#bookingarea .booking .bfSectionDescription p {
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
.booking .bfPage #aufenthalt input {
    font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
    background: none;
    border-top: none;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #634c31;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0px 0 5px;
    width: calc(50% - 40px) !important;
  max-width: calc(50% - 40px) !important;
  min-width: calc(50% - 40px) !important;
    text-align: center;
    float:left;
}
.booking .bfPage #aufenthalt input + span button.bfCalendar,
.booking .bfPage #aufenthalt input.bfCalendar + button{
    display: block;
    max-width: 100%;
    color: #fff;
    background: #634c31;
    line-height: 1em;
    text-align: center;
    padding: 3px 5px;
    margin: 0;
    border: none;
    float:left;
}
.booking .bfPage #aufenthalt .icon-calendar::before {
    content: "";
    background: url(../images/calendar-icon.svg) no-repeat;
        background-size: auto;
    background-size: cover;
    width: 15px;
    height: 15px;
    display: block;
}
.booking .bfPage #gaeste select {
    font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
    background: none;
    border-top: none;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #634c31;
    color: #000;
    font-size: 14px;
    text-transform: none;
    padding: 0px 0 5px;
    margin:0;
    width: calc(50% - 40px) !important;
    text-align: center;
    float:left;
}
.booking .bfPage #absendebutton button.bfCustomSubmitButton {
    margin: 0;
    position: relative;
    top: 10px;
}
.bfPage .calendar-container a::after {
    display: none;
}
.calendar-container {
    padding:30px !important;
}
/* Smartphone-Buchen-Button */
#bookingmobilearea {
        display:none;
    }

@media (max-width: 1800px) {
}
@media (max-width: 1280px) {
#bookingarea > div.bookingauto {
    width: calc(90% - 64px);
    margin-left:5%;
    margin-right:5%;
}
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
#bookingarea {
        display:none !important;
    }
#bookingmobilearea {
        display:block;
    }
#bookingmobilearea > div.bookingonebutton {
    display:block;
    position: fixed;
    left:calc(50% - 140px);
    width:280px;
    padding:0;
    color: #fff;
    background: #634c31;
    z-index: 120;
/*    top: calc(100vh - 70px);*/
    bottom: 20px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 0;
    font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-align: center;
    opacity:1 !important;
    box-shadow: #000 0px 5px 15px;
     transition: all 0.5s ease-in-out 300ms;
 -webkit-transition: all 0.5s ease-in-out 300ms;
 -moz-transition: all 0.5s ease-in-out 300ms; 
 -o-transition: all 0.5s ease-in-out 300ms; 
 -ms-transition: all 0.5s ease-in-out 300ms;
}
#bookingmobilearea > div.bookingonebutton:hover {
    bottom:30px !important;
    transition: all 0.25s ease-in-out 50ms;
 -webkit-transition: all 0.25s ease-in-out 50ms;
 -moz-transition: all 0.25s ease-in-out 50ms; 
 -o-transition: all 0.25s ease-in-out 50ms; 
 -ms-transition: all 0.25s ease-in-out 50ms;
}
.bookingonebutton p {
    padding:0;
    margin:0;
    }    
 .bookingonebutton p a {
    padding:18px 0 18px;
    margin:0;
     color: #fff;
     text-decoration: none;
     display:block;
     width:280px;
    }    
    
}
@media (max-width: 460px) {
#bookingarea > div.bookingauto {
    padding: 20px 32px 50px;
    width: calc(90% - 64px);
    margin-left: 5%;
    margin-right: 5%;
}
#bookingmobilearea  > div.bookingonebutton {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    left:0;
}
.bookingonebutton p a {
    padding:18px 16px 20px;
    width: calc(100% - 32px);
    } 
}

/* Hauptinhalte */
h1 {
    font-family: 'Trajan Pro Regular', Baskerville, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 36px;
    line-height:1em; 
    text-align: center;
    color:#383838;
    font-weight: normal;
    padding:50px 0 36px;
    margin:0;
}
h2,
.eb-header {
    font-family: 'Trajan Pro Regular', Baskerville, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 36px;
    line-height:1em; 
    text-align: center;
    color:#383838;
    font-weight: normal;
    padding:0 0 36px;
    margin:0;
    hyphens: manual;
-webkit-hyphens: manual;
-ms-hyphens: manual;
}
h1 a, h2 a {
    color:#383838;
    text-decoration: none;
    hyphens: manual;
-webkit-hyphens: manual;
-ms-hyphens: manual;
}
h4 {
    font-family: 'Trajan Pro Regular', Baskerville, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 18px;
    line-height: 1em;
    text-align: left;
    color: #383838;
    font-weight: normal;
    padding: 0 0 10px;
    margin: 0;
    letter-spacing: 0.1em;
}
ul.fields-container {
    padding:0;
    margin:0;    
}
dl,
ul.fields-container li,
.overliner,
.jux-mashup .jux-container .mix .jux-item .jux-au-ca div p {
    padding:0;
    margin:0;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    list-style: none;
}
.jux-mashup .jux-container .mix .jux-item .jux-au-ca div p {
    margin:0 auto;
    padding: 0 10px 0 14px;
}
p.jux-created {
    border-left:1px solid #634c31;
} 
.overliner a {
    text-decoration: none;
    color: #634c31;
}
dl a {
    color:#634c31;
    text-decoration: none;
}
dd {
    padding:0;
    margin:0;
}
dd.published .icon-calendar {
    display:none;
}


#mainarea {
    width:72%;
    padding:60px 14% 0;
    position: relative;
}
.blog-featured {
    padding:0;
}
.blog-featured .items-leading {
    width:50%;
    margin:0 auto;
}
.blog-featured .leading-0,
.blog-featured .blog-item {
    padding:0 0 60px;
    position: relative;
    text-align:center; 
}
.blog-featured .items-leading h1[itemprop="headline"]{
    font-family: 'Trajan Pro Regular', Baskerville, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 36px;
    line-height:1em; 
    text-align: center;
    color:#383838;
    font-weight: normal;
    padding:0 0 36px;
    margin:0;
    hyphens: manual;
-webkit-hyphens: manual;
-ms-hyphens: manual;
}
.blog-featured .fields-container {
    text-align:center;
    position: absolute;
    top:-18px;
    height:18px;   
    width:100%;
}
.blog-featured .article-info {
    text-align:center;   
    width:100%;
}
@media (max-width: 1800px) {
#mainarea {
    width:92%;
    padding:60px 4% 100px;
}
}
@media (max-width: 1280px) {
#mainarea {
    width:100%;
    padding:60px 0 100px;
}
}
@media (max-width: 959px) {
.blog-featured .items-leading {
    width: 66%;
}
}
@media (max-width: 767px) {
.blog-featured .items-leading {
    width: 74%;
}
}
@media (max-width: 460px) {
h1,
h2,
.blog-featured .items-leading h1[itemprop="headline"],
.eb-header {
    font-size: 24px; 
    hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
}
h1 a, h2 a {
    color:#383838;
    text-decoration: none;
    hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
}
dl,
ul.fields-container li, 
.overliner,
.jux-mashup .jux-container .mix .jux-item .jux-au-ca div p {
    font-size: 10px !important;
    margin: 0 auto;
}
.blog-featured .items-leading {
    width: 74%;
}
.blog-featured .fields-container {
    top: -14px;
    height: 12px;
}
}


/* Uebersichtsseite */
.blog {
    width:100%;
    margin:0 0 100px;
    position: relative;
}
.blog .category-desc .fields-container{
    text-align:center;
    position: absolute;
    top:32px;
    height:18px;   
    width:50%;
}
.blog .page-header h1 {
    hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
    width: 50%;
    margin: 0 auto;
}
.blog .category-desc {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
}
.blog .items-row{
    clear:both;
}
.blog .items-row{
    width: 92%;
    height: 0;
    position: relative;
    padding: 100px 0 50%;
}





.blog .blog-item{
    clear:both;
    width: 92%;
    height: 0;
    position: relative;
    padding: 100px 0 50%;
}
.blog .blog-items div.blog-item:nth-child(2n-1):before {
    content:"";
    width:151.5%;
    height:100%;
    display:block;
    background: #f5f3f2;
    z-index: 5;
    position: absolute;
    left:-21.8%;
    bottom:-30%;
}
.blog .blog-items div.blog-item:nth-child(2n-1){
    margin: 0 8% 30px 0;
}
.blog .blog-items div.blog-item:nth-child(2n) {
    margin: 0 0 30px 8%;
}
.blog .blog-items div.blog-item .item-image{
    position: relative;
    top: 0;
    z-index: 10;
    width: 45%;
    height: 0;
    padding:0 0 55%;
    left: 0;
    overflow: hidden;
}
.blog .blog-items div.blog-item:nth-child(2n-1) .item-image{
    margin: -300px 5% 0 0;
    float:left;
}
.blog .blog-items div.blog-item:nth-child(2n) .item-image {
    margin: -300px 0 0 5%;
    float:right;
}
.blog .blog-items div.blog-item .item-image img {
    width:100%;
    height:750px;
    object-fit: cover;
    object-position: 50%;
}

.blog .blog-items div.blog-item .page-header {
    z-index: 20;
    position: relative;
    width:73%;
}
.blog .blog-items div.blog-item:nth-child(2n-1) .page-header {
    margin:200px 0 0 27%;
    float:right;
}
.blog .blog-items div.blog-item:nth-child(2n) .page-header {
    margin:200px 27% 0 0;
    float:left;
}

.blog .blog-items div.blog-item h2 {
    text-align: left;
    font-size: 60px;
    text-shadow: 1px 5px 15px #fff;
}
.blog .blog-items div.blog-item h3 {
    padding:0 0 20px;
    z-index: 20;
    position: relative;
}
.blog .blog-items div.blog-item:nth-child(2n-1) h3{
    margin:0 0 0 50%;
}
.blog .blog-items div.blog-item:nth-child(2n) h3 {
    margin:0 50% 0 0;
}

.blog .blog-items div.blog-item .category-name {
    position:absolute;
    top:280px;
    width:73%;
    padding: 0;
    z-index: 20;
}
.blog .blog-items div.blog-item:nth-child(2n-1) .category-name  {
    margin:0 0 0 27%;
}


.blog .blog-items div.blog-item p {
    padding:0 0 20px;
    z-index: 20;
    position: relative;
}
.blog .blog-items div.blog-item:nth-child(2n-1) p {
    margin:0 0 0 50%;
}
.blog .blog-items div.blog-item:nth-child(2n) p {
    margin:0 50% 0 0;
}
dd.published,
.blog .blog-items div.blog-item dd.published {
    margin: 0 0 20px 50%;
    width: 50%;
    z-index: 20;
    position: relative;
    border-bottom: 1px dotted #634c31;
    padding: 0 0 5px;
}
.blog .blog-items div.blog-item:nth-child(2n-1) dd.published {
    margin: 0 0 20px 0;
}
.blog .blog-items div.blog-item:nth-child(2n) dd.published {
    margin: 0 0 20px 0;
}

.blog .blog-items div.blog-item .readmore {
    display: block;
    max-width: 100%;
    width: 225px;
    color: #634c31;
    background-color: rgba(255,255,255,0);
    border: 1px solid #634c31;
    padding:0;
}
.blog .blog-items div.blog-item:nth-child(2n-1) .readmore{
    margin:20px 0 0 50%;
}
.blog .blog-items div.blog-item:nth-child(2n) .readmore{
    margin:20px 50% 0 0;
}


@media (max-width: 1800px) {
.blog .blog-items div.blog-item:nth-child(2n-1):before {
    width:118.1%;
    height:100%;
    z-index: 5;
    position: absolute;
    bottom: -30%;
    left:-4.65%;
}
}
@media (max-width: 1280px) {
.blog .blog-items div.blog-item:nth-child(2n-1),
.blog .blog-items div.blog-item:nth-child(2n) {
    width: 100%;
    margin: 0 0 30px 0;
}
.blog .blog-items div.blog-item:nth-child(2n-1):before {
    width:100%;
    height:100%;
    position: absolute;
    bottom: -30%;
    left:0;
}
.blog .blog-items div.blog-item:nth-child(2n) .page-header {
    margin: 200px 27% 0 4%;
}
.blog .items-row .page-header {
    width: 69%;
}
.blog .items-row .category-name {
    margin: 0 0 0 calc(4% + 10px);
    width: 69%;
}
.blog .items-row .item-image img {
    height:710px;
}
.blog .blog-items div.blog-item:nth-child(2n-1) p {
    margin:0 4% 0 50%;
}
.blog .blog-items div.blog-item:nth-child(2n) p {
    margin:0 50% 0 4%;
}
dd.published {
    margin: 0 4% 20px 50%;
    width:46%;
}
.blog .blog-items div.blog-item:nth-child(2n) dd.published {
    margin: 0 50% 20px 4%;
}
.blog .blog-items div.blog-item:nth-child(2n) .readmore {
    margin: 20px 0 0 4%;
}
.blog .blog-items div.blog-item:nth-child(2n) h3 {
    margin: 0 46% 0 4%;
}
.blog .blog-items div.blog-item:nth-child(2n-1) .page-header {
    margin: 200px 4% 0 27%;
}
.blog .blog-items div.blog-item:nth-child(2n-1) .category-name {
    margin: 0 0 0 calc(27% + 10px);
}
}
@media (max-width: 959px) {
.blog .blog-items div.blog-item .page-header h2 {
    font-size: 48px;
    }
.blog .blog-items div.blog-item .item-image img {
    height:530px;
}
}
@media (max-width: 767px) {
.blog {
    margin: 0;
    }
.blog .page-header h1 {
    width: 74%;
}
.blog .blog-items div.blog-item .page-header h2 {
    font-size: 36px;
    }
.blog .category-desc {
    width: 74%;
}
.blog .category-desc .fields-container {
    width: 74%;
}
.blog .blog-items div.blog-item:nth-child(2n-1),
.blog .blog-items div.blog-item:nth-child(2n) {
    width: 100%;
    height: auto;
    position: relative;
    padding: 100px 0 60px;
}
.blog .blog-items div.blog-item:nth-child(2n-1)::before {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
}
.blog .blog-items div.blog-item:first-child {
    margin: 100px 0 30px 0;
}
.blog .blog-items div.blog-item:nth-child(2n-1) .item-image,
.blog .blog-items div.blog-item:nth-child(2n) .item-image{
    position: relative;
    top: 0;
    z-index: 10;
    width: 100%;
    height: auto;
    padding: 0;
    left: 0;
    overflow: hidden;
    margin: 0 0 20px;
    float: none;
}
.blog .blog-items div.blog-item:nth-child(2n-1) .page-header,
.blog .blog-items div.blog-item:nth-child(2n) .page-header{
    margin: 0px 4% 0 25%;
    float: none;
    width:73%;
}
.blog .blog-items div.blog-item .category-name {
    top: 80px;
}
.blog .blog-items div.blog-item:nth-child(2n-1) .category-name,
.blog .blog-items div.blog-item:nth-child(2n) .category-name{
    margin: 0 0 0 calc(25% + 10px);
    width:73%;
}
.blog .blog-items div.blog-item:nth-child(2n-1) p,
.blog .blog-items div.blog-item:nth-child(2n) p {
    margin: 0 0 0 25%;
    width:73%;
    }
dd.published {
    margin: 0 0 20px 25%;
    width:73%;
}
.blog .blog-items div.blog-item:nth-child(2n) dd.published {
    margin: 0 0 20px 25%;
    width:73%;
}
.blog .blog-items div.blog-item:nth-child(2n-1) h3,
.blog .blog-items div.blog-item:nth-child(2n) h3{
    margin: 0 0 0 25%;
    width:73%;
}
.blog .blog-items div.blog-item:nth-child(2n-1) .readmore,
.blog .blog-items div.blog-item:nth-child(2n) .readmore {
    margin: 20px 0 0 25%;
    width: 225px;
}
.blog .blog-items div.blog-item:nth-child(2n-1) .item-image img,
.blog .blog-items div.blog-item:nth-child(2n) .item-image img {
    height:auto;
    width:100%;
}
}
@media (max-width: 460px) {
.blog .blog-items div.blog-item:nth-child(2n-1) .page-header,
.blog .blog-items div.blog-item:nth-child(2n) .page-header{
    margin: 0 auto;
    width:74%;
}
.blog .blog-items div.blog-item:nth-child(2n-1) .page-header h2,
.blog .blog-items div.blog-item:nth-child(2n) .page-header h2 {
    font-size: 24px;
    text-align: center;
}
.blog .blog-items div.blog-item:nth-child(2n-1) .page-header h2 a,
.blog .blog-items div.blog-item:nth-child(2n) .page-header h2 a {
    hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
}
.blog .blog-items div.blog-item:nth-child(2n-1) .category-name,
.blog .blog-items div.blog-item:nth-child(2n) .category-name{
    margin: 0 13%;
    width:74%;
    text-align: center;
}
.blog .blog-items div.blog-item:nth-child(2n-1) h3,
.blog .blog-items div.blog-item:nth-child(2n) h3{
    margin: 0 auto;
    width:74%;
    text-align: center;
}
.blog .blog-items div.blog-item:nth-child(2n-1) p,
.blog .blog-items div.blog-item:nth-child(2n) p{
    margin: 0 auto;
    width:74%;
    text-align: center;
}
.blog .blog-items div.blog-item:nth-child(2n-1) .readmore,
.blog .blog-items div.blog-item:nth-child(2n) .readmore {
    margin: 20px auto 0;
}
}

/* Beitragsseite */
.item-page {
    padding:0 0 100px;
    width:100%;
    position: relative;
}
.item-page.nospacedown {
    padding: 0 0 50px;
}
.item-page .page-header {
    margin: 200px 0 0 33%;
    width: 67%;
    float: right;
    z-index: 20;
    position: relative;
}
.item-page .page-header h2,
.item-page .page-header h1[itemprop="headline"],
.item-page .page-header h1[itemprop="title"] {
    text-align: left;
    font-size: 60px;
    text-shadow: 1px 5px 15px #fff;
    padding: 0 0 36px;
}
.item-page .category-name {
    position: absolute;
    top: 180px;
    width: calc(50% - 10px);
    padding: 0 0 0 10px;;
    z-index: 20;
    margin: 0 0 0 33%;
}
.item-page div[itemprop="articleBody"] {
    width: 50%;
    min-height: 600px;
    margin: 0 0 0 46.4%;
    hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
}
.item-page .item-image {
    position: relative;
    top: 0;
    z-index: 10;
    width: 41.4%;
    height: 0;
    padding:0 0 55%;
    left: 0;
    overflow: hidden;
    margin: -300px 5% 0 0;
    float:left;
}
.item-page .item-image img {
    width:100%;
    height:750px;
    object-fit: cover;
    object-position: 50%;
    z-index: 10;
    position: relative;
}
.item-page .item-image:before {
    content:"";
    top:0;
    width:100%;
    height:750px;
    display:block;
    position: absolute;
    z-index: 12;
background: rgb(255,255,255);
background: -moz-linear-gradient(270deg, rgba(255,255,255,0.6530813008797269) 14%, rgba(255,255,255,0) 61%);
background: -webkit-linear-gradient(270deg, rgba(255,255,255,0.6530813008797269) 14%, rgba(255,255,255,0) 61%);
background: linear-gradient(270deg, rgba(255,255,255,0.6530813008797269) 14%, rgba(255,255,255,0) 61%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.item-page .item-image img + p.img_caption {
    position:absolute;
    bottom:0;
    font-size: 14px;
    height:16px;
    width:98%;
    margin:0;
    padding:40px 0 10px 2%;
    z-index: 20;
    color:#fff;
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.6530813008797269) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.6530813008797269) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,0.6530813008797269) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}


.item-page.bloguebersicht div[itemprop="articleBody"] {
    width: 50%;
    min-height: 400px;
    margin: 0 auto;
    text-align: center;
}
.item-page.bloguebersicht .page-header {
    margin: 200px 16.5% 0;
}
.item-page.bloguebersicht .page-header h1[itemprop="headline"] {
    text-align: center;
}
.item-page.bloguebersicht .category-name {
    width: 50%;
    padding: 0;
    margin: 0 0 0 25%;
    text-align: center;
}


.item-page.blogbeitrag h1 {
    font-size: 36px;
    text-align: left;
    padding: 10px 0 36px;
}
.item-page.blogbeitrag div[itemprop="articleBody"] h2 {
    font-size: 30px;
    text-align: left;
    padding: 10px 0 30px;
}
.item-page.blogbeitrag dd.published {
    margin: 0 0 20px 46.6%;
}
.item-page dd.create {
    margin: 0 0 20px 46.6%;
}
.item-page.blogbeitrag div[itemprop="articleBody"] p img {
    max-width: 41.4%;
    height: auto;
    position: absolute;
    left: 0%;
}
.item-page.blogbeitrag .rc_gallery {
    width: 200%;
    margin: 0 0 0 -92.8%;
}
.item-page.blogbeitrag .rc_galleryimg_container {
    margin: 0px 20px 20px 0 !important;
}



.item-page.ohnebeitragsbild .page-header {
    margin: 100px auto 0;
    width: 50%;
    float: none;
    z-index: 20;
    position: relative;
}
.item-page.ohnebeitragsbild .page-header h2,
.item-page.ohnebeitragsbild .page-header h1[itemprop="headline"] {
    text-align: center;
    font-size: 60px;
    text-shadow: none;
    hyphens: manual;
-webkit-hyphens: manual;
-ms-hyphens: manual;
}
.item-page.ohnebeitragsbild .category-name {
    position: absolute;
    top: -18px;
    width: 50%;
    padding: 0;
    z-index: 20;
    margin: 0 25%;
    display: block;
    text-align: center;
}
.item-page.ohnebeitragsbild div[itemprop="articleBody"] {
    width: 50%;
    min-height: 200px;
    object-fit: cover;
    object-position: 50%;
    margin: 0 auto 160px;
    text-align: center;
}
.item-page.ohnebeitragsbild div[itemprop="articleBody"] h2 {
    font-size: 18px;
    padding:0 0 10px;
    font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.item-page.ohnebeitragsbild .item-image {
    display:none;
}
.item-page.ohnebeitragsbild h3,
.item-page.ohnebeitragsbild h4{
    text-align:center;
}
.item-page div[itemprop="articleBody"] h4 {
    padding: 15px 0 5px;
}

.item-page.ohneabstand {
    padding:0;
}

.item-page .fields-container {
    width:100%;
    clear: both;
    height:auto;
    position: relative;
    hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
    margin:60px 0 0;
}
.item-page .fields-container hr {
    border-top:1px solid #634c31;
    width:66%;
    margin:20px auto 20px;
    height:0;
    border-left:0;
    border-right:0;
    border-bottom: 0;
}
.item-page .field-entry.zusatzbild1,
.item-page .field-entry.zusatzbild2,
.item-page .field-entry.zusatzbild3,
.item-page .field-entry.zusatzbild4 {
    width:100%;
    clear: both;
    height:auto;
    position: relative;
    z-index: 20;
}
.item-page .field-entry.zusatzbild1 .field-value,
.item-page .field-entry.zusatzbild3 .field-value {
    position: absolute;
    right:0;
    top:50px;
    height:0;
    padding:0 0 30%;
    width: 45%;
    z-index:20;
    overflow: hidden;
    display:block;
}
.item-page .field-entry.zusatzbild2 .field-value,
.item-page .field-entry.zusatzbild4 .field-value {
    position: absolute;
    left:0;
    top:50px;
    height:0;
    padding:0 0 30%;
    width: 45%;
    z-index:20;
    overflow: hidden;
    display:block;
}
.item-page .field-entry.zusatzbild1 .field-value img,
.item-page .field-entry.zusatzbild3 .field-value img, 
.item-page .field-entry.zusatzbild2 .field-value img,
.item-page .field-entry.zusatzbild4 .field-value img{
    width:100%;
    object-fit: cover;
    max-height: 400px;
}

.item-page ul.fields-container li.field-entry.zusatz1,
.item-page ul.fields-container li.field-entry.zusatz2,
.item-page ul.fields-container li.field-entry.zusatz3,
.item-page ul.fields-container li.field-entry.zusatz4,
.item-page ul.fields-container li.field-entry.zusatz5 {
    width:50%;
    min-height:450px;
    margin:0 0 0 -20%;
    padding:50px 69.2% 60px 20%;
    clear: both;
    display:block; 
    position: relative;
    top: 0;
    text-align: left;
    text-transform: none !important;
    font-size: 16px !important;
    letter-spacing: normal;
    line-height: 1.4em;
}
.item-page ul.fields-container li.field-entry.zusatz1 ul li,
.item-page ul.fields-container li.field-entry.zusatz2 ul li,
.item-page ul.fields-container li.field-entry.zusatz3 ul li,
.item-page ul.fields-container li.field-entry.zusatz4 ul li,
.item-page ul.fields-container li.field-entry.zusatz5 ul li {
    text-align: left;
    text-transform: none !important;
    font-size: 16px !important;
    letter-spacing: normal;
    line-height: 1.4em;
}
.item-page ul.fields-container li.field-entry .hinterlegt{
    background: #f5f3f2;
    padding: 10px;
    position: relative;
}
.item-page ul.fields-container li.field-entry .hinterlegt:before{
    content: "„";
    position: absolute;
    left:-15px;
    top:-20px;
    font-size: 80px;
    display:block;
}
.item-page ul.fields-container li.field-entry .hinterlegt:after{
    content: "“";
    position: absolute;
    right:-15px;
    bottom:-20px;
    font-size: 80px;
    display:block;
}
.item-page ul.fields-container li.field-entry.zusatz1 {
    padding:120px 69.2% 60px 20%;
    background: #f5f3f2;
    top: -60px;
    margin:0 0 -60px -20%;
}
.item-page ul.fields-container li.field-entry.zusatz2,
.item-page ul.fields-container li.field-entry.zusatz4 {
    background: #fff;
    padding:50px 20% 60px 69.2%;
}
.item-page ul.fields-container li.field-entry.zusatz3 {
    background: #f5f3f2;
    padding:50px 69.2% 60px 20%;
}
.item-page ul.fields-container li.field-entry.zusatz5 {
    background: #f5f3f2;
}
.item-page.zusatzohnebilder ul.fields-container li.field-entry.zusatz1,
.item-page.zusatzohnebilder ul.fields-container li.field-entry.zusatz2,
.item-page.zusatzohnebilder ul.fields-container li.field-entry.zusatz3,
.item-page.zusatzohnebilder ul.fields-container li.field-entry.zusatz4,
.item-page ul.fields-container li.field-entry.zusatz5 {
    padding:120px 44.76% 60px;
    text-align: center;
}

.item-page .field-entry h3,
#tinymce h3{
    font-family: 'Trajan Pro Regular', Baskerville, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 36px;
    line-height:1em; 
    text-align: left;
    color:#383838;
    font-weight: normal;
    padding:0 0 36px;
    margin:0;
}
.item-page .field-entry h4 {
    font-family: 'Trajan Pro Regular', Baskerville, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 18px;
    line-height: 1em;
    text-align: left;
    color: #383838;
    font-weight: normal;
    padding: 0 0 10px;
    margin: 0;
    letter-spacing: 0.1em;
}
.item-page.zusatzohnebilder .field-entry h3,
.item-page.zusatzohnebilder .field-entry h4 {
    text-align: center;
}
.item-page .field-entry p {
    padding:0 0 20px;
    margin:0;
}
.item-page .field-entry p img {
    max-width:100%;
    height:auto;
}
.item-page .field-entry ul {
    padding:0;
    margin:0 0 0 3%;
    width:97%;
}
.item-page .field-entry ul li {
    padding:0;
    margin:0;
    list-style: square;
    text-align: left;
}
.item-page .field-entry em {
    font-size: 14px;
}
.item-page div[itemprop="articleBody"] a,
.bfPage a,
.category-desc a,
.item-page .field-value a,
.items-leading p a,
#pos8area .mod-custom p a
{
    color: #383838;
    text-decoration: none;
    position: relative;
    display: inline-block;
}
.item-page div[itemprop="articleBody"] a:after,
.bfPage a:after,
.category-desc a:after,
.item-page .field-value a:after,
.items-leading p a:after,
#pos8area .mod-custom p a:after{
    content: "";
    display: block;
    width: 15%;
    height: 0;
    border-top: 1px solid #383838;
    transition: all 200ms ease-in-out 0ms;
-webkit-transition: all 200ms ease-in-out 0ms;
-moz-transition: all 200ms ease-in-out 0ms;
-o-transition: all 200ms ease-in-out 0ms;
-ms-transition: all 200ms ease-in-out 0ms;
}
.item-page div[itemprop="articleBody"] .rc_gallery a::after, 
.bfPage .rc_gallery a::after, 
.category-desc .rc_gallery a::after, 
.item-page .field-value .rc_gallery a::after {
    display: none;
}
.item-page div[itemprop="articleBody"] a:hover:after,
.bfPage a:hover:after,
.category-desc a:hover:after,
.item-page .field-value a:hover:after,
.items-leading p a:hover:after,
#pos8area .mod-custom p a:hover:after{
    width:50%;
    transition: all 200ms ease-in-out 0ms;
-webkit-transition: all 200ms ease-in-out 0ms;
-moz-transition: all 200ms ease-in-out 0ms;
-o-transition: all 200ms ease-in-out 0ms;
-ms-transition: all 200ms ease-in-out 0ms;
}
.item-page div[itemprop="articleBody"] p img {
    max-width:100%;
    height:auto;
}
.item-page div[itemprop="articleBody"] a.readmore,
.item-page .field-value a.readmore {
    color:#fff;
    border:1px solid #634c31;
  display: block;
  max-width: 100%;
  width: 225px;
  background: #634c31;
  font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  text-align: center;
  text-decoration: none;
  padding: 10px 0 3px;
  margin: 0 auto 10px;
  hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
}
.item-page div[itemprop="articleBody"] a.readmore:after,
.item-page .field-value a.readmore:after {
    border-top: 1px solid #fff;
    display: block;
  max-width: 100%;
  background-color: rgba(255,255,255,0);
  margin: 5px auto 5px;
  hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
}
.item-page div[itemprop="articleBody"] a.readmore.clean,
.item-page .field-value a.readmore.clean {
    color:#383838;
    
  display: block;
  max-width: 100%;
  width: 225px;
  background-color: rgba(255,255,255,0);
  border: 1px solid #634c31;
  margin: 0 auto 20px;
    padding:10px 0 0;
  hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  
    
}
.item-page div[itemprop="articleBody"] a.readmore.clean:after,
.item-page .field-value a.readmore.clean:after {
    border-top: 1px solid #383838;
}
.item-page table {
    border-collapse: collapse;
}
.item-page table td {
    border-top:1px solid #634c31;
    vertical-align: top;
    padding:10px 0;
    text-align: left;
    width:20%;
}
.item-page table td:first-child {
    width:60%;
}
.embed-container {
    padding-bottom: 130% !important;
}
.googleviewer {
    height: 100vh;
}
.embed-container iframe, 
.embed-container object, 
.embed-container embed {
    height: 100% !important;
}
iframe {
    border: 1px solid #634c31;
    max-width: 100% !important;
}
@media (max-width: 1800px) {
.item-page ul.fields-container li.field-entry.zusatz1,
.item-page ul.fields-container li.field-entry.zusatz2,
.item-page ul.fields-container li.field-entry.zusatz3,
.item-page ul.fields-container li.field-entry.zusatz4,
.item-page ul.fields-container li.field-entry.zusatz5 {
    width:46%;
    margin:0 0 0 -4.3%;
    padding:50px 54.3% 60px 4.3%;
}
.item-page ul.fields-container li.field-entry.zusatz1 {
    padding:120px 58.4% 60px 4.3%;
}
.item-page ul.fields-container li.field-entry.zusatz2,
.item-page ul.fields-container li.field-entry.zusatz4 {
    padding:50px 4.3% 60px 58.4%;
}
.item-page ul.fields-container li.field-entry.zusatz3 {
    padding:50px 58.4% 60px 4.3%;
}
.item-page.zusatzohnebilder ul.fields-container li.field-entry.zusatz1,
.item-page.zusatzohnebilder ul.fields-container li.field-entry.zusatz2,
.item-page.zusatzohnebilder ul.fields-container li.field-entry.zusatz3,
.item-page.zusatzohnebilder ul.fields-container li.field-entry.zusatz4,
.item-page ul.fields-container li.field-entry.zusatz5 {
    padding:120px 29.34% 60px;
    text-align: center;
    width:50%;    
}
}
@media (max-width: 1280px) {
.item-page {
    padding:0;
}
.item-page.bloguebersicht {
    padding: 0 0 100px;
    }
.item-page .item-image img,
.item-page .item-image:before {
    height:710px;
}
.item-page div[itemprop="articleBody"] {
    margin: 0 0 100px 46.4%;
}
.item-page ul.fields-container li.field-entry.zusatz1,
.item-page ul.fields-container li.field-entry.zusatz2,
.item-page ul.fields-container li.field-entry.zusatz3,
.item-page ul.fields-container li.field-entry.zusatz4,
.item-page ul.fields-container li.field-entry.zusatz5 {
    width:46%;
    margin:0;
    padding:50px 50% 60px 4%;
}
.item-page ul.fields-container li.field-entry.zusatz1 {
    padding:120px 50% 60px 4%;
}
.item-page ul.fields-container li.field-entry.zusatz2,
.item-page ul.fields-container li.field-entry.zusatz4 {
    padding:50px 4% 60px 50%;
}
.item-page ul.fields-container li.field-entry.zusatz3 {
    padding:50px 50% 60px 4%;
}
.item-page.zusatzohnebilder ul.fields-container li.field-entry.zusatz1,
.item-page.zusatzohnebilder ul.fields-container li.field-entry.zusatz2,
.item-page.zusatzohnebilder ul.fields-container li.field-entry.zusatz3,
.item-page.zusatzohnebilder ul.fields-container li.field-entry.zusatz4,
.item-page ul.fields-container li.field-entry.zusatz5 {
    padding:120px 25% 60px;
    text-align: center;
    width:50%;
    margin:0;
}
}
@media (max-width: 959px) {
.item-page .item-image img,
.item-page .item-image:before {
    height:530px;
}
.item-page .page-header h2,
.item-page.ohnebeitragsbild .page-header h2,
.item-page .page-header h1[itemprop="headline"],
.item-page.ohnebeitragsbild .page-header h1[itemprop="headline"],
.item-page .page-header h1[itemprop="title"]{
    font-size: 48px;
}
.item-page.ohnebeitragsbild .page-header {
    width: 66%;
}
.item-page .field-entry h3 {
    hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
    }
.item-page div[itemprop="articleBody"] {
    margin: 0 0 0 46.4%;
}
.item-page.ohnebeitragsbild div[itemprop="articleBody"] {
    width: 66%;
}
}
@media (max-width: 767px) {
.item-page .page-header {
    margin: 100px 0 0 25%;
    width: 73%;
    float: left;
}
.item-page.ohnebeitragsbild .page-header {
    margin: 50px auto 0;
}
.item-page .page-header h2, 
.item-page.ohnebeitragsbild .page-header h2,
.item-page .page-header h1[itemprop="headline"],
.item-page.ohnebeitragsbild .page-header h1[itemprop="headline"],
.item-page .page-header h1[itemprop="title"] {
    font-size: 36px;
}
.item-page .category-name {
    width: calc(73% - 10px);
    margin: 0 0 0 25%;
    top:80px;
    padding:0 0 0 5px;
}
.item-page div[itemprop="articleBody"] {
    width: 73%;
    min-height: 0px;
    margin: 0 0 20px 25%;
}
.item-page.ohnebeitragsbild .page-header {
    width: 74%;
}
.item-page.ohnebeitragsbild div[itemprop="articleBody"] {
    width: 74%;
}
.item-page .item-image {
    position: relative;
    top: 0;
    z-index: 10;
    width: 100%;
    height: auto;
    padding:0;
    left: 0;
    overflow: hidden;
    margin: 0;
    float:none;
    font-size: 0;
}
.item-page .item-image img {
    width:100%;
    height:auto;
    object-fit: cover;
    object-position: 50%;
}
.item-page .item-image:before {
    display:none;
}
.item-page .field-entry.zusatzbild1 .field-value, 
.item-page .field-entry.zusatzbild2 .field-value, 
.item-page .field-entry.zusatzbild3 .field-value, 
.item-page .field-entry.zusatzbild4 .field-value {
    position: relative;
    right: 0;
    top: 0px;
    height: auto;
    padding: 0;
    width: 100%;
    font-size: 0;
    line-height: 0;
}
.item-page ul.fields-container li.field-entry.zusatz1, 
.item-page ul.fields-container li.field-entry.zusatz2, 
.item-page ul.fields-container li.field-entry.zusatz3, 
.item-page ul.fields-container li.field-entry.zusatz4 {
    width: 73%;
    padding: 50px 2% 100px 25%;
    min-height: 0;
}
.item-page ul.fields-container li.field-entry.zusatz1 {
    padding: 120px 2% 60px 25%;
    margin:0 0 -60px;
}
.item-page ul.fields-container li.field-entry.zusatz5 {
    width: 74%;
    padding: 50px 13% 100px;
    min-height: 0;
}
.item-page ul.fields-container li.field-entry h3 {
    hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
    }
.item-page.zusatzohnebilder ul.fields-container li.field-entry.zusatz1, 
.item-page.zusatzohnebilder ul.fields-container li.field-entry.zusatz2, 
.item-page.zusatzohnebilder ul.fields-container li.field-entry.zusatz3, 
.item-page.zusatzohnebilder ul.fields-container li.field-entry.zusatz4, 
.item-page ul.fields-container li.field-entry.zusatz5 {
    padding: 50px 13% 100px;
    width: 74%;
    min-height: 0;
}
.item-page.zusatzohnebilder ul.fields-container li.field-entry.zusatz1 {
    margin:0 0 -60px;
    }
.item-page.blogbeitrag div[itemprop="articleBody"] h2 {
    font-size: 30px;
    text-align: left;
    padding: 10px 0 30px;
}
.item-page.blogbeitrag dd.published {
    margin: 0 0 20px 25%;
}
.item-page dd.create {
    margin: 0 0 20px 25%;
}
.item-page.blogbeitrag div[itemprop="articleBody"] p img {
    position: relative;
    top: 0;
    z-index: 10;
    width: 136.9%;
    max-width: 136.9%;
    height: auto;
    padding: 0;
    left: 0;
    overflow: hidden;
    margin: 0 0 0 -34.2%;
    float: none;
    font-size: 0;
}
.item-page.blogbeitrag .rc_gallery {
    width: 136.9%;
    margin: 0 0 0 -34.2%;
}
}
@media (max-width: 460px) {
.item-page.bloguebersicht {
    padding: 0;
    }
.item-page .page-header h2, 
.item-page.ohnebeitragsbild .page-header h2,
.item-page .page-header h1[itemprop="headline"],
.item-page.ohnebeitragsbild .page-header h1[itemprop="headline"],
.item-page .page-header h1[itemprop="title"] {
    font-size: 24px;
}
.item-page .page-header {
    margin: 50px auto 0;
    width: 74%;
    float:none;
}
.item-page.bloguebersicht .page-header {
    margin: 200px 13% 0;
}
.item-page .page-header h2,
.item-page h4,
.item-page .page-header h1[itemprop="headline"],
.item-page .page-header h1[itemprop="title"] {
    text-align: center;
    }
.item-page .category-name {
    width: 74%;
    margin: 0 13%;
    top: -16px;
    text-align: center;
    padding: 0;
}
.item-page div[itemprop="articleBody"] {
    width: 74%;
    margin: 0 13% 20px 13%;
    text-align: center;
}
.item-page div[itemprop="articleBody"] ul {
    width: 74%;
    margin: 0 13% 20px 13%;
    text-align: left;
}
.item-page ul.fields-container li.field-entry.zusatz1, 
.item-page ul.fields-container li.field-entry.zusatz2, 
.item-page ul.fields-container li.field-entry.zusatz3, 
.item-page ul.fields-container li.field-entry.zusatz4 {
    width: 74%;
    padding: 50px 13% 100px 13%;
    min-height: 0;
    text-align: center;
}
.item-page ul.fields-container li.field-entry.zusatz1 {
    padding: 120px 13% 60px 13%;
    margin: 0 0 -60px;
}
.item-page .field-entry h3 {
    hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
    font-size: 24px;
    text-align: center;
}
.item-page .field-entry h4 {
    text-align: center;   
    }
}



/* Formularbereich */
div#ff_formdiv1 + div span, 
div#ff_formdiv2 + div span,
div#ff_formdiv3 + div span, 
div#ff_formdiv4 + div span,
div#ff_formdiv5 + div span, 
div#ff_formdiv6 + div span,
div#ff_formdiv7 + div span,
div#ff_formdiv8 + div span, 
div#ff_formdiv9 + div span, 
div#ff_formdiv10 + div span,
div#ff_formdiv11 + div span, 
div#ff_formdiv12 + div span,
div#ff_formdiv13 + div span, 
div#ff_formdiv14 + div span,
div#ff_formdiv15 + div span
{
    display: none;
}
.bfPage {
    text-align:center;
    hyphens: none;
    -webkit-hyphens: none;
-ms-hyphens: none;
    padding:0 0 100px;
}
.bfPage p {
    width:72%;
    margin:0 auto;
}
.bfPage input, 
.bfPage textarea {
    font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
    background: none;
    border-top: none;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #634c31;
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    padding: 40px 2% 5px;
    width: 62% !important;
    text-align: center;
}
.bfPage input[type="checkbox"] {
    width:auto !important;
}
.bfQuickMode select {
    font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
    background: #f5f3f2;
    border-top: none;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #634c31;
    color: #000;
    font-size: 18px;
    margin:20px 0 0;
    padding: 5px 2% 5px;
    width: 62% !important;
    text-align: center;  
    
}
.bfPage button {
    display: block;
    max-width: 100%;
    color: #fff;
    background: #634c31;
    font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-align: center;
    text-decoration: none;
    padding: 3px 5px;
    margin: 0 auto;
    border:none;
    hyphens: none;
    -webkit-hyphens: none;
-ms-hyphens: none;
}
.icon-refresh {
    content: url(../images/refresh.png);
}
.icon-calendar {
    text-align: center;
}
.icon-calendar::before {
    margin: 0 auto;
}
.picker__wrap {
    font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 14px !important;   
}
.bfPage button.bfCustomSubmitButton {
    display: block;
    max-width: 100%;
    min-width: 225px;
    color: #fff;
    background: #634c31;
    font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-align: center;
    text-decoration: none;
    padding: 10px 15px 3px;
    margin: 40px auto 0;
    border:none;
    hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
}
.bfPage button.bfCustomSubmitButton:after {
    content: "";
    display: block;
    width: 20%;
    border-top: 1px solid #fff;
    background: #634c31;
    padding: 0 0 6px;
    margin: 3px auto 0;
    transition: all 200ms ease-in 0ms;
-webkit-transition: all 200ms ease-in 0ms;
-moz-transition: all 200ms ease-in 0ms;
-o-transition: all 200ms ease-in 0ms;
-ms-transition: all 200ms ease-in 0ms;
}
.bfPage button:hover:after {
    width:60%;    
    transition: all 200ms ease-in 0ms;
-webkit-transition: all 200ms ease-in 0ms;
-moz-transition: all 200ms ease-in 0ms;
-o-transition: all 200ms ease-in 0ms;
-ms-transition: all 200ms ease-in 0ms;
}
.bfError {
    color:red;
    font-weight: bold;
    text-decoration: underline;
    margin:10px 0;
}
@media (max-width: 1800px) {
}
@media (max-width: 1280px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
}
@media (max-width: 460px) {
}

/* Newsletteranmeldung */
.item-page .acym_module_form input {
    border-bottom: 1px solid #634c31;
    padding:10px 10%;
    text-align: center;
    background: #f5f3f2;
}
.item-page #field_1, 
.item-page #field_2 {
    display: inline-block;
    width: 100%;
}
.item-page .acym_module_form .btn, 
.item-page .acym_module_form input[type="submit"] {
    border: 1px solid #fff;
    background: #634c31;
    font-size: 14px;
    font-weight: normal;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    padding: 10px 0;
    margin: 0 auto;
    width: 70%;
    color: #fff;
    font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
    position: relative;
}
@media (max-width: 1800px) {
}
@media (max-width: 1280px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
}
@media (max-width: 460px) {
}


/* Modulpositionen */
.moduletable h3 {
    font-family: 'Trajan Pro Regular', Baskerville, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 36px;
    line-height:1em; 
    text-align: center;
    color:#383838;
    font-weight: normal;
    padding:0 0 36px;
    margin:0;
}
.moduletable h3 a {
    color:#383838;
    text-decoration: none;
}
.newsflash-title {
    width:78%;
    padding: 0;
    margin:0 auto;
}
.newsflash-title.pauschalen:before,
.pauschalen .newsflash-title:before{
    content:"Pauschalen";
    display:block;
    width:100%;
    color: #634c31;
    font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    padding:20px 0 5px;
    margin:0;
}
.highlight1.angebot ul.newsflash-horiz li:first-child .newsflash-title.pauschalen:before,
.highlight2.angebot ul.newsflash-horiz li:nth-child(2) .newsflash-title.pauschalen:before,
.highlight3.angebot ul.newsflash-horiz li:last-child .newsflash-title.pauschalen:before,
.pauschalen.highlight1.angebot ul.newsflash-horiz li:first-child .newsflash-title:before,
.pauschalen.highlight2.angebot ul.newsflash-horiz li:nth-child(2) .newsflash-title:before,
.pauschalen.highlight3.angebot ul.newsflash-horiz li:last-child .newsflash-title:before{
    content:"Angebote";
}
ul.newsflash-horiz {
    padding:0;
    margin:0 auto;
    width:72%;
    min-width:1100px;
    position: relative;
    display:flex;
    justify-content: space-between;
}
ul.newsflash-horiz li {
    width:30%;
    margin:0 0 70px;
    padding:0 0 40px;
    display: inline-flex;
    flex-direction: column;
    position: relative;
    background: #f5f3f2;
    list-style: none;
    font-size: 0;
    align-items: center;
}
.highlight1 ul.newsflash-horiz li:first-child {
    background: #d4cec7;
}
.highlight2 ul.newsflash-horiz li:nth-child(2) {
    background: #d4cec7;
}
.highlight3 ul.newsflash-horiz li:last-child {
    background: #d4cec7;
}
.newsflash-image {
    padding:0 0 78%;
    margin:0;
    width:100%;
    height:0;
    overflow: hidden;
    order:1;
    position: relative;
    display:block;
}
.newsflash-image img {
    width:120% !important;
    margin-left:-10%;
    margin-top:0;
    height:auto;
    transition: all 200ms ease-in 0ms;
-webkit-transition: all 200ms ease-in 0ms;
-moz-transition: all 200ms ease-in 0ms;
-o-transition: all 200ms ease-in 0ms;
-ms-transition: all 200ms ease-in 0ms;
}
ul.newsflash-horiz li:hover .newsflash-image img {
    width:140% !important;
    margin-left:-20%;
    margin-top:-10%;
    height:auto;
    transition: all 300ms ease-out 0ms;
-webkit-transition: all 300ms ease-out 0ms;
-moz-transition: all 300ms ease-out 0ms;
-o-transition: all 300ms ease-out 0ms;
-ms-transition: all 300ms ease-out 0ms;
}
.newsflash-image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: rgba(0,0,0,.15);
    transition: opacity .2s ease-in;
    pointer-events: none;
    z-index: 10;
}
ul.newsflash-horiz li:hover .newsflash-image:before {
    opacity: 1;
    transition: opacity .2s ease-in;
}
.newsflash-image:after {
    content: "";
    position: absolute;
    left: -20px;
    bottom: -20px;
    right:30%;
    top:30%;
    background: url("../images/icon_palais_weiss_24.svg") no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 10;
    transition: all 200ms ease-in 0ms;
-webkit-transition: all 200ms ease-in 0ms;
-moz-transition: all 200ms ease-in 0ms;
-o-transition: all 200ms ease-in 0ms;
-ms-transition: all 200ms ease-in 0ms;
}
ul.newsflash-horiz li:hover .newsflash-image:after {
    transition: all 300ms ease-out 0ms;
-webkit-transition: all 300ms ease-out 0ms;
-moz-transition: all 300ms ease-out 0ms;
-o-transition: all 300ms ease-out 0ms;
-ms-transition: all 300ms ease-out 0ms;
}
.newsflash-title {
    order:2;
    font-size: 36px;
}
ul.newsflash-horiz li p {
    order:3;
    font-size: 16px;
    width:78%;
    padding: 0 0 15px;
    margin:0 auto;
    text-align: center;
}
ul.newsflash-horiz li .readmore a {
    order:4;
    position: absolute;
    bottom:-15px;
    left: calc(50% - 113px);
}
.readmore a {
    display:block;
    max-width:100%;
    width: 225px;
    color: #fff;
    background: #634c31;
    border: 1px solid #634c31;
    font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-align: center;
    text-decoration: none;
    padding:10px 0 3px;
    margin:0 auto;
    hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
}
.readmore a:after {
    content:"";
    display:block;
    width:20%;
    border-top: 1px solid #fff;
    background: #634c31;
    padding:0 0 6px;
    margin:3px auto 0;
    transition: all 200ms ease-in 0ms;
-webkit-transition: all 200ms ease-in 0ms;
-moz-transition: all 200ms ease-in 0ms;
-o-transition: all 200ms ease-in 0ms;
-ms-transition: all 200ms ease-in 0ms;
}
.readmore a:hover:after {
    width:60%;    
    transition: all 200ms ease-in 0ms;
-webkit-transition: all 200ms ease-in 0ms;
-moz-transition: all 200ms ease-in 0ms;
-o-transition: all 200ms ease-in 0ms;
-ms-transition: all 200ms ease-in 0ms;
}
.clean {}
.readmore.clean {
background: #634c31;
border: 1px solid #634c31;
font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-size: 14px !important;
font-weight: normal !important;
line-height: 1em;
text-transform: uppercase;
letter-spacing: 0.2em;
text-align: center;
text-decoration: none;
padding: 10px 0 3px;
    display:inline-block;
    max-width:100%;
    width: 225px;
    color: #634c31;
    background-color: rgba(255,255,255,0);
    border: 1px solid #634c31;
    margin:0 10px 20px 0;
    hyphens: none;
        -webkit-hyphens: none;
-ms-hyphens: none;
}
.readmore.clean:after {
  content:"";
    display:block;
    width:20%;
    padding:0 0 6px;
    margin:3px auto 0;
    transition: all 200ms ease-in 0ms;
-webkit-transition: all 200ms ease-in 0ms;
-moz-transition: all 200ms ease-in 0ms;
-o-transition: all 200ms ease-in 0ms;
-ms-transition: all 200ms ease-in 0ms;    
    border-top: 1px solid #634c31;
    background-color: rgba(255,255,255,0.5);
}
.readmore.clean.nospace {
    margin:0 10px 20px 0;
}

#pos1area {  
    border-top:1px solid #f5f3f2;
    background: #f5f3f2;
    margin:0 0 100px;
    clear: both;
}
#pos2area {  
    margin:100px 0;
    clear: both;
}
#pos4area {  
    border-top:1px solid #f5f3f2;
    margin:0 0 100px;
}
#pos1area .moduletable {
    padding:100px 0 0;
}
#pos1area .moduletable.nospaceup {
    padding:0;
}
.moduletable.nospaceup p {
    padding:0;
    margin:0;
}
#pos2area .moduletable.mitrand {  
    margin:100px 27%;
    width:46%;
}
.custom.showcase.right,
.showcase.right .mod-custom.custom {
    width: 66%;
    min-height: 540px;
    margin:0 14% 30px 20%;
    position: relative;
    padding:100px 0 0;
}
.custom.showcase.left,
.showcase.left .mod-custom.custom{
    width: 66%;
    min-height: 540px;
    margin:0 20% 30px 14%;
    position: relative;
    padding:50px 0 0;
}
.showcase p img {
    position: absolute;
    top:0;
    z-index: 10;
    max-width:90%;
    height:auto;
}
.showcase.right p img {
    right:-100%;
    margin: -200px 0 0;
}
.showcase.left p img {
    left:-100%;
    margin: -200px 0 0;
}
.custom.showcase:after {
    content: "";
    position: absolute;
    background: url("../images/icon_palais_weiss_24.svg") no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 20;
}
.custom.showcase.right:after {
    left: 50%;
    bottom: 0;
    right: 0;
    top: 30%;
}
.custom.showcase.left:after {
    left: -5%;
    bottom: 0;
    right: 50%;
    top: 30%;
}
.showcase h3 {
    z-index: 20;
    width:75%;
    font-size: 60px;
    text-align: left;
    position: relative;
    text-shadow: 1px 5px 15px #fff;
    hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
}
.showcase.right h3 {
    margin:0 25% 0 0;
}
.showcase.left h3 {
    margin:0 0 0 25%;
}
.showcase p {
    z-index: 20;
    width:50%;
    padding:0 0 15px;
    position: relative;
}
.showcase.right p {
    margin:0 50% 0 0;
}
.showcase.left p {
    margin:0 0 0 50%;
}
.showcase.right .readmore {
    margin:30px 10px 90px 0;
}
.showcase.left .readmore {
    margin:30px 10px 90px 0;
}
.custom.showcase.left p.overliner,
.showcase.left .mod-custom.custom p.overliner {
    margin:0 0 0 25%;
    text-shadow: 1px 1px 10px #fff;
    width:75%;
    padding:0 0 5px;
}
@media (max-width: 1800px) {
}
@media (max-width: 1280px) {
#pos2area .moduletable.mitrand {  
    margin:100px 25%;
    width:50%;
}
.custom.showcase.right,
.showcase.right .mod-custom.custom {
    width: 86%;
    min-height: 540px;
    margin:0 4% 30px 10%;
    padding:100px 0 0;
}
.custom.showcase.left,
.showcase.left .mod-custom.custom {
    width: 86%;
    min-height: 540px;
    margin:0 10% 30px 4%;
    padding:50px 0 0;
}
ul.newsflash-horiz {
    padding: 0;
    margin: 0 auto;
    width: 72%;
    min-width: 0;
    position: relative;
    display: block;
    font-size: 0;
    text-align: center;
}
ul.newsflash-horiz li {
    width:47%;
    margin:0 1.5% 70px;
    padding:0 0 40px;
    display: inline-flex;
    position: relative;
    background: #f5f3f2;
    list-style: none;
    font-size: 0;
    align-items: center;
    vertical-align: top;
    min-height: 600px;
}
.newsflash-title {
    width: 92%;
    hyphens: manual;
-webkit-hyphens: manual;
-ms-hyphens: manual;
    }
}
@media (max-width: 959px) {
#pos1area .moduletable {
    padding: 0;
}
#pos2area .moduletable.mitrand {  
    margin:100px 17%;
    width:66%;
}
.custom.showcase.right,
.showcase.right .mod-custom.custom {
    width: 96%;
    min-height: 500px;
    margin:0 0 30px 6%;
    padding:100px 0 0;
}
.custom.showcase.left,
.showcase.left .mod-custom.custom {
    width: 96%;
    min-height: 500px;
    margin:0 6% 30px 0;
    padding:100px 0 0;
}
.showcase h3 {
    font-size:48px;
    }
.showcase.left p img {
    left: -100%;
    margin: -150px 0 0;
}
ul.newsflash-horiz {
    padding: 0;
    margin: 0 auto;
    width: 92%;
    }
ul.newsflash-horiz li {
    width: 100%;
    margin: 0 0 70px;
    padding: 0 0 40px;
    min-height: auto;
}
.newsflash-image {
    padding: 0 0 50%;
}
.newsflash-image img {
    width: 100%;
    margin-left: 0;
    margin-top: -10%;
}
ul.newsflash-horiz li:hover .newsflash-image img {
    width:120%;
    margin-left:-10%;
    margin-top:-20%;
}
}
@media (max-width: 767px) {
#pos2area .moduletable.mitrand {  
    margin:100px 13%;
    width:74%;
}
#pos2area .moduletable.mitrand p { 
    hyphens: manual;
-webkit-hyphens: manual;
-ms-hyphens: manual;
    }
.custom.showcase.right,
.custom.showcase.left,
.showcase.right .mod-custom.custom,
.showcase.left .mod-custom.custom {
    width: 100%;
    min-height: 540px;
    margin: 0 0 30px 0;
    padding: 100px 0 0;
}
.custom.showcase.right::after,
.custom.showcase.left::after,
.showcase.right .mod-custom.custom::after,
.showcase.left .mod-custom.custom::after{
    left: 20%;
    bottom: 0;
    right: 30%;
    top: 20%;
}
.showcase h3 {
    font-size:36px;
    width:73%;
    }
.showcase p {
    width: 73%;
    padding: 0 0 15px;
}
.showcase p img {
    position: relative;
    top: 0;
    max-width: 66%;
    height: auto;
}
.showcase.left h3,
.showcase.right h3{
    margin: 0 2% 0 25%;
}
.showcase.left p,
.showcase.right p {
    margin: 0 2% 0 25%;
}
.showcase.left p img {
    left: 0;
    margin: -150px 0 0;
}
.showcase.right p img {
    right: 0;
    margin: -150px 0 0;
}
.custom.showcase.left p.overliner,
.showcase.left .mod-custom.custom p.overliner {
    margin: 0 2% 0 25%;
    width: 73%;
    padding: 0 0 5px;
}
}
@media (max-width: 460px) {
.moduletable h3 {
    font-size: 24px;
    hyphens: manual;
-webkit-hyphens: manual;
-ms-hyphens: manual;
}
.showcase.left h3, 
.showcase.right h3 {
    margin: 0 auto;
    width: 74%;
    text-align: center;
}
.showcase.left p, .showcase.right p {
    margin: 0 auto;
    text-align: center;
}
.showcase.left .readmore,
.showcase.right .readmore{
    margin: 30px auto 90px;
}
.custom.showcase.left p.overliner,
.showcase.left .mod-custom.custom p.overliner {
    margin: 0 13% 0 13%;
    width: 74%;
    padding: 0 0 5px;
    text-align: center;
}
}


.moduletable.introcase,
.moduletable.eventliste,
#pos1area .moduletable.introcase,
#pos1area .moduletable.eventliste,
#pos4area .moduletable.introcase,
#pos4area .moduletable.eventliste {
    display:inline-block;
    width:28%;
    height:0;
    padding:0 0 18.5%;
    margin:0 2.5%;
    overflow: hidden;
    font-size: 0;
    position: relative;
}
.custom.introcase,
#pos1area .custom.introcase,
#pos1area .moduletable.introcase .mod-custom.custom,
#pos4area .moduletable.introcase .mod-custom.custom {
    bottom: 0;
    position:absolute;
    padding:67% 0 0;
    height:0;
    width:100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transition: all 200ms ease-in 0ms;
-webkit-transition: all 200ms ease-in 0ms;
-moz-transition: all 200ms ease-in 0ms;
-o-transition: all 200ms ease-in 0ms;
-ms-transition: all 200ms ease-in 0ms;
}
.custom.introcase:hover {
    background-size:120% 120%;
    transition: all 400ms ease-out 0ms;
-webkit-transition: all 400ms ease-out 0ms;
-moz-transition: all 400ms ease-out 0ms;
-o-transition: all 400ms ease-out 0ms;
-ms-transition: all 400ms ease-out 0ms;
}
.custom.introcase:before,
#pos1area .moduletable.introcase .mod-custom.custom:before,
#pos4area .moduletable.introcase .mod-custom.custom:before{
    content: "";
    display:block;
    position: absolute;
    width:100%;
    height:150px;
    bottom:0;
    z-index: 15;
 background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.6530813008797269) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.6530813008797269) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,0.6530813008797269) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);   
        transition: all 200ms ease-in 0ms;
-webkit-transition: all 200ms ease-in 0ms;
-moz-transition: all 200ms ease-in 0ms;
-o-transition: all 200ms ease-in 0ms;
-ms-transition: all 200ms ease-in 0ms;
}
.custom.introcase:hover:before,
#pos1area .moduletable.introcase .mod-custom.custom:hover:before,
#pos4area .moduletable.introcase .mod-custom.custom:hover:before {
    height:300px;
    transition: all 200ms ease-out 0ms;
-webkit-transition: all 200ms ease-out 0ms;
-moz-transition: all 200ms ease-out 0ms;
-o-transition: all 200ms ease-out 0ms;
-ms-transition: all 200ms ease-out 0ms;
}
.introcase .overliner {
    padding:0;
    margin:0 auto 3px;
    width:100%;
    color:#fff;
    display:block;
    z-index: 20;
}
.introcase .overliner a,
.introcase h3 a{
    color:#fff;
}
.introcase .overliner a {
    padding:300px 0 0;
    width:100%;
    display: block;
    text-align: center;
}
.introcase h3 {
    color:#fff;
    display:block;
    z-index: 20;
}

.moduletable.eventliste {
    background: #fff;
}

.moduletable.eventliste ul.mod-articlescategory li {
    display:grid;
    grid-template-rows: min-content min-content;
}


.moduletable.eventliste div,
.moduletable.eventliste ul.mod-articlescategory li .mod-articles-category-date {
    grid-row: 1 / 2;
    color:#634c31;
    font-size: 12px;
padding: 0;
margin: 0;
font-weight: normal !important;
line-height: 1em;
text-transform: uppercase;
letter-spacing: 0.2em;
}
.moduletable.eventliste ul {
    padding:6% 2% 40px;
    margin:0;
    position: relative;
}
.moduletable.eventliste ul li {
    height:0;
    padding:0 0 16%;
    margin:0;
    list-style: none;
    width:100%;
    text-align: center;
}
.moduletable.eventliste ul li h4,
.moduletable.eventliste ul.mod-articlescategory li a.mod-articles-category-title{
    grid-row: 2 / 3;
    font-size: 24px;
    line-height: 1.1em;
    font-family: 'Trajan Pro Regular', Baskerville, "Century Schoolbook L", "Times New Roman", "serif";
    font-weight: normal;
    color:#3b3b3b;
    margin:0;
    padding:0; 
    text-align: center;
    text-decoration: none;
}
.moduletable.eventliste ul li h4:after,
.moduletable.eventliste ul.mod-articlescategory li a.mod-articles-category-title:after {
    content: "";
    display: block;
    width: 20%;
    border-top: 1px solid #634c31;
    background: #fff;
    padding: 0 0 6px;
    margin: 3px auto 0;
    transition: all 200ms ease-in 0ms;
    -webkit-transition: all 200ms ease-in 0ms;
    -moz-transition: all 200ms ease-in 0ms;
    -o-transition: all 200ms ease-in 0ms;
    -ms-transition: all 200ms ease-in 0ms;
}
.moduletable.eventliste ul li h4:hover:after,
.moduletable.eventliste ul.mod-articlescategory li a.mod-articles-category-title:hover:after {
    width:60%;    
    transition: all 200ms ease-in 0ms;
-webkit-transition: all 200ms ease-in 0ms;
-moz-transition: all 200ms ease-in 0ms;
-o-transition: all 200ms ease-in 0ms;
-ms-transition: all 200ms ease-in 0ms;
}
.moduletable.eventliste ul li h4 a {
    color:#3b3b3b;
    text-decoration: none;
}

.moduletable.eventliste ul li .overliner,
.moduletable.eventliste ul.mod-articlescategory li .mod-articles-category-date {
    font-size:12px !important;
}
.moduletable.eventliste ul .readmore.event {
    position: absolute;
    bottom: 0;
    margin: 0 calc(48% - 112px);
    color: #634c31;
    background-color: rgba(255,255,255,0);
}
.moduletable.eventliste ul .readmore.event a::before {
    content: "weitere ";
}
.moduletable.eventliste ul .readmore.event.en a::before {
    content: "more ";
}
.moduletable.eventliste ul .readmore.event a::after {
    border-top: 1px solid #634c31;
    background: #fff;
}
.moduletable.eventliste ul .readmore.event a {
    text-decoration: none;
    color:#634c31;
    background: transparent;
    border: 1px solid #634c31;
}



@media (max-width: 1800px) {
}
@media (max-width: 1280px) {
.moduletable.introcase, 
.moduletable.eventliste, 
#pos1area .moduletable.introcase, 
#pos1area .moduletable.eventliste, 
#pos4area .moduletable.introcase, 
#pos4area .moduletable.eventliste {
    display: inline-block;
    width: 30%;
    height: 0;
    padding: 0 0 19.8%;
    margin: 0 1.5%;
    overflow: hidden;
    font-size: 0;
    position: relative;
}
.introcase h3 {
    font-size: 24px;
    }
.introcase .overliner {
    font-size: 12px !important;
    }
.moduletable.eventliste ul li h4,
.moduletable.eventliste ul.mod-articlescategory li a.mod-articles-category-title {
    font-size: 18px;
    }
.moduletable.eventliste ul li .overliner,
.moduletable.eventliste ul.mod-articlescategory li .mod-articles-category-date {
    font-size: 10px !important;
    margin: 0 0 4px;
}
}
@media (max-width: 959px) {
.moduletable.eventliste, 
#pos1area .moduletable.eventliste, 
#pos4area .moduletable.eventliste {
    display: block;
    width: 100%;
    height: 0;
    padding: 0 0 33%;
    margin: 0 0 60px;
    overflow: hidden;
    font-size: 0;
    position: relative;
}
.moduletable.introcase, 
#pos1area .moduletable.introcase, 
#pos4area .moduletable.introcase {
    display: block;
    width: 100%;
    height: 0;
    padding: 0 0 66%;
    margin: 0 0 60px;
    overflow: hidden;
    font-size: 0;
    position: relative;
}
.moduletable.eventliste ul {
    padding: 5% 2% 40px;
    }
.moduletable.eventliste ul li {
    padding: 0 0 6%;
}
.introcase h3 {
    font-size: 36px;
    }
}
@media (max-width: 767px) {
.moduletable.eventliste, 
#pos1area .moduletable.eventliste, 
#pos4area .moduletable.eventliste {
    display: block;
    width: 100%;
    height: 0;
    padding: 0 0 66%;
    margin: 0 0 60px;
    overflow: hidden;
    font-size: 0;
    position: relative;
}
#pos1area .moduletable.introcase:last-child,
#pos4area .moduletable.introcase:last-child{
    display: block;
    width: 100%;
    height: 0;
    padding: 0 0 66%;
    margin: 0 0 60px;
    overflow: hidden;
    font-size: 0;
    position: relative;
    border-bottom: 60px solid #f5f3f2;
}
.moduletable.eventliste ul {
    padding: 6% 2% 40px;
    }
.moduletable.eventliste ul li {
    padding: 0 0 16%;
}

}
@media (max-width: 460px) {
.introcase h3 {
    font-size: 24px;
    }
}

/* Kachelmodul */
.moduletable.kacheln {
    margin:-200px auto 0;
    width:72%;
}
#jux_mashup189.jux-mashup .jux-container.grid .mix .jux-item .jux-info,
#jux_mashup203.jux-mashup .jux-container.grid .mix .jux-item .jux-info,
#jux_mashup224.jux-mashup .jux-container.grid .mix .jux-item .jux-info,
#jux_mashup243.jux-mashup .jux-container.grid .mix .jux-item .jux-info,
#jux_mashup259.jux-mashup .jux-container.grid .mix .jux-item .jux-info,
#jux_mashup260.jux-mashup .jux-container.grid .mix .jux-item .jux-info,
#jux_mashup422.jux-mashup .jux-container.grid .mix .jux-item .jux-info{
    text-align: center;
    display: flex;
    flex-direction: column;
}
.jux-mashup .jux-container .mix .jux-item .jux-info .jux-title {
    text-align: center;
    order:2;
    margin:0 !important;
}
#jux_mashup189.jux-mashup .jux-container.grid .mix .jux-item .jux-info h4.jux-title a,
#jux_mashup203.jux-mashup .jux-container.grid .mix .jux-item .jux-info h4.jux-title a,
#jux_mashup243.jux-mashup .jux-container.grid .mix .jux-item .jux-info h4.jux-title a,
#jux_mashup259.jux-mashup .jux-container.grid .mix .jux-item .jux-info h4.jux-title a,
#jux_mashup260.jux-mashup .jux-container.grid .mix .jux-item .jux-info h4.jux-title a,
#jux_mashup422.jux-mashup .jux-container.grid .mix .jux-item .jux-info h4.jux-title a,
#jux_mashup189.jux-mashup .jux-container.grid .mix .jux-item .jux-info h3.jux-title a,
#jux_mashup203.jux-mashup .jux-container.grid .mix .jux-item .jux-info h3.jux-title a,
#jux_mashup243.jux-mashup .jux-container.grid .mix .jux-item .jux-info h3.jux-title a,
#jux_mashup259.jux-mashup .jux-container.grid .mix .jux-item .jux-info h3.jux-title a,
#jux_mashup260.jux-mashup .jux-container.grid .mix .jux-item .jux-info h3.jux-title a,
#jux_mashup422.jux-mashup .jux-container.grid .mix .jux-item .jux-info h3.jux-title a{
    font-size: 36px !important;
    color:#383838;
}
#jux_mashup243.jux-mashup .jux-container.grid .mix .jux-item .jux-info h4.jux-title a,
#jux_mashup422.jux-mashup .jux-container.grid .mix .jux-item .jux-info h4.jux-title a,
#jux_mashup243.jux-mashup .jux-container.grid .mix .jux-item .jux-info h3.jux-title a,
#jux_mashup422.jux-mashup .jux-container.grid .mix .jux-item .jux-info h3.jux-title a{
    hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
}
#jux_mashup224.jux-mashup .jux-container.grid .mix .jux-item .jux-info h4.jux-title a,
#jux_mashup224.jux-mashup .jux-container.grid .mix .jux-item .jux-info h3.jux-title a{
    font-size: 24px !important;
    color: #383838;
    hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    line-height: 1.1;
}
.jux-mashup .jux-container .mix .jux-item .jux-au-ca {
    margin-top: 10px;
    font-style: normal !important;
    position: relative;
    margin-bottom: 0 !important;
    order: 1;
}
#jux_mashup189.jux-mashup .jux-container.grid .mix .jux-item .jux-info .jux-au-ca div,
#jux_mashup203.jux-mashup .jux-container.grid .mix .jux-item .jux-info .jux-au-ca div,
#jux_mashup224.jux-mashup .jux-container.grid .mix .jux-item .jux-info .jux-au-ca div,
#jux_mashup243.jux-mashup .jux-container.grid .mix .jux-item .jux-info .jux-au-ca div,
#jux_mashup259.jux-mashup .jux-container.grid .mix .jux-item .jux-info .jux-au-ca div,
#jux_mashup260.jux-mashup .jux-container.grid .mix .jux-item .jux-info .jux-au-ca div,
#jux_mashup422.jux-mashup .jux-container.grid .mix .jux-item .jux-info .jux-au-ca div{
    float: none !important;
    margin-right: 0 !important;
}
.jux-mashup .jux-container .mix .jux-item .jux-info .jux-introtext {
    font-size: 16px !important;
    width: 74%;
    margin: 0 auto;
    order:3;
}
.jux-fa-folder-open,
.jux-fa-calendar{
    display:none !important;
}
.jux-fa-folder-open::before,
.jux-fa-calendar::before{
    content: "";
}
.jux-created {
    
}
.jux-mashup .jux-controls .jux-filters {
    text-align: center;
}
.jux-mashup .jux-controls .jux-filters .jux-filters-group {
    float: none !important;
    margin-right: 10px;
}
.jux-mashup .jux-controls button.active {
    background: #634c31 !important;
    color: #fff;
    border-color: #634c31 !important;
    font-size: 14px !important;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-align: center;
}
.jux-mashup .jux-controls button {
    border-color: #634c31 !important;
    border: 1px solid #634c31 !important;
    border-radius: 0 !important;
    padding: 8px 20px 10px !important;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    line-height: 1em;
}
.jux-mashup .jux-controls button.jux-reset {
    display:none;
}
.jux-mashup .jux-controls button:hover, 
.jux-mashup .jux-controls button:focus, 
.jux-mashup .jux-controls button.jux-reset:hover, 
.jux-mashup .jux-controls button.jux-reset:focus {
    background: #634c31 !important;
}
.jux-fa-share-square-o::before {
    content: "mehr erfahren" !important;
    font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif" !important;
    font-size: 14px !important;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-align: center;
    hyphens: none;
    -webkit-hyphens: none;
-ms-hyphens: none;
}
.jux-mashup .jux-container .mix .jux-item .jux-image .jux-hover-image a.jux-hover-icon i {
    font-size: 14px !important;
    padding: 5px 10px !important;
}
.jux-mashup .jux-container .mix .jux-item {
    background: #f5f3f2;
    min-height:605px;
}
#jux_mashup243.jux-mashup .jux-container .mix .jux-item,
#jux_mashup422.jux-mashup .jux-container .mix .jux-item{
    min-height: 730px;
}
.bloginhalte .jux-mashup .jux-container .mix .jux-item {
    min-height: 700px;
}
.jux-mashup .jux-loadmore #ShowMore {
    width: 100%;
    padding: 10px 30px;
    border-radius: 0 !important;
    text-align: center;
    color: #fff;
    text-decoration: none;
    background-color: #634c31 !important;
    font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
.jux-mashup .jux-loadmore #ShowMore:hover {
  box-shadow: 1px 1px 2px 1px #634c31;
  -webkit-box-shadow: 1px 1px 2px 1px #634c31;
  -moz-box-shadow: 1px 1px 2px 1px #634c31;
  -o-box-shadow: 1px 1px 2px 1px #634c31;
  background-color: #fffdfd !important;
  color: #634c31 !important;
}
/* Anpassungen für Blogübersicht */
.bloginhalte .jux-mashup .jux-container .mix .jux-item .jux-image .jux-hover-image {
    position: absolute;
    top: 685px;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out; 
    display: block;
max-width: 100%;
width: 225px;
color: #fff;
background: #634c31;
border: 1px solid #634c31;
font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-size: 14px !important;
font-weight: normal !important;
line-height: 1em;
text-transform: uppercase;
letter-spacing: 0.2em;
text-align: center;
text-decoration: none;
padding: 10px 0 3px;
margin: 0 auto;
hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
}
.bloginhalte .jux-mashup .jux-container .mix .jux-item .jux-image .jux-hover-image .jux-hover-icon::after {
    content: "";
    display: block;
    width: 20%;
    border-top: 1px solid #fff;
    background: #634c31;
    padding: 0 0 6px;
    margin: 3px auto 0;
    transition: all 200ms ease-in 0ms;
    -webkit-transition: all 200ms ease-in 0ms;
    -moz-transition: all 200ms ease-in 0ms;
    -o-transition: all 200ms ease-in 0ms;
    -ms-transition: all 200ms ease-in 0ms;
}
.bloginhalte .jux-mashup .jux-container .mix .jux-item .jux-image .jux-hover-image .jux-hover-icon:hover:after {
    width:60%;    
    transition: all 200ms ease-in 0ms;
-webkit-transition: all 200ms ease-in 0ms;
-moz-transition: all 200ms ease-in 0ms;
-o-transition: all 200ms ease-in 0ms;
-ms-transition: all 200ms ease-in 0ms;
}
.bloginhalte .jux-mashup .jux-container .mix .jux-item .jux-image:hover .jux-image-overlay {
    opacity: 0;
}

@media (max-width: 1800px) {
.moduletable.kacheln {
    margin:-300px auto 0;
    width:92%;
    overflow: hidden;
}
}
@media (max-width: 1280px) {
#jux_mashup189.jux-mashup .jux-container.grid .mix .jux-item .jux-info h4.jux-title a,
#jux_mashup203.jux-mashup .jux-container.grid .mix .jux-item .jux-info h4.jux-title a,
#jux_mashup224.jux-mashup .jux-container.grid .mix .jux-item .jux-info h4.jux-title a,
#jux_mashup243.jux-mashup .jux-container.grid .mix .jux-item .jux-info h4.jux-title a,
#jux_mashup259.jux-mashup .jux-container.grid .mix .jux-item .jux-info h4.jux-title a,
#jux_mashup260.jux-mashup .jux-container.grid .mix .jux-item .jux-info h4.jux-title a,
#jux_mashup422.jux-mashup .jux-container.grid .mix .jux-item .jux-info h4.jux-title a,
    #jux_mashup189.jux-mashup .jux-container.grid .mix .jux-item .jux-info h3.jux-title a,
#jux_mashup203.jux-mashup .jux-container.grid .mix .jux-item .jux-info h3.jux-title a,
#jux_mashup224.jux-mashup .jux-container.grid .mix .jux-item .jux-info h3.jux-title a,
#jux_mashup243.jux-mashup .jux-container.grid .mix .jux-item .jux-info h3.jux-title a,
#jux_mashup259.jux-mashup .jux-container.grid .mix .jux-item .jux-info h3.jux-title a,
#jux_mashup260.jux-mashup .jux-container.grid .mix .jux-item .jux-info h3.jux-title a,
#jux_mashup422.jux-mashup .jux-container.grid .mix .jux-item .jux-info h3.jux-title a{
    font-size: 24px !important;
}
}
@media (max-width: 959px) {
.jux-mashup .jux-container .mix .jux-item,
#jux_mashup243.jux-mashup .jux-container .mix .jux-item,
#jux_mashup422.jux-mashup .jux-container .mix .jux-item{
    min-height:530px;
}
}
@media (max-width: 767px) {
}
@media (max-width: 460px) {
.moduletable.kacheln {
    margin: -250px auto 0;
}
}

/* Galerie */
.moduletable .rc_gallery {
    width:calc(72% + 30px);
    margin:0 auto;
}
.rc_galleryimg_container {
    margin:10px !important;
    overflow:hidden;
}
.rc_galleryimg {
    margin:0 !important;
    transform: scale(1);
    transition: all 200ms ease-in 0ms;
-webkit-transition: all 200ms ease-in 0ms;
-moz-transition: all 200ms ease-in 0ms;
-o-transition: all 200ms ease-in 0ms;
-ms-transition: all 200ms ease-in 0ms;
}
.rc_galleryimg:hover {
    transform: scale(1.2);
    transition: all 200ms ease-out 0ms;
-webkit-transition: all 200ms ease-out 0ms;
-moz-transition: all 200ms ease-out 0ms;
-o-transition: all 200ms ease-out 0ms;
-ms-transition: all 200ms ease-out 0ms;
}

@media (max-width: 1800px) {
.moduletable .rc_gallery {
   width:calc(92% + 30px);
}
}
@media (max-width: 1280px) {
}
@media (max-width: 959px) {
.moduletable .rc_gallery {
   width:calc(92% + 20px);
}
.rc_galleryimg_container {
    margin:10px !important;
}
.rc_galleryimg {
    }
}
@media (max-width: 767px) {
}
@media (max-width: 460px) {
}

/* Bewertungen */
#pos3area {  
    border-top:1px solid #f5f3f2;
    background: #f5f3f2;
    padding:65px 0 100px;
    clear:both;
}
.moduletable.bewertungen .camera_overlayer {
    background: none;
}
.moduletable.bewertungen .slideshowck.bewertungen {
    margin:0 auto;
}
.moduletable.bewertungen .camera_caption {
    color: #634c31;
    bottom: auto !important;
    top:0 !important;
}
.moduletable.bewertungen .camera_caption_title {
    font-size: 12px !important;
    margin: 0 0 20px;
}
.moduletable.bewertungen .camera_caption_desc {
    font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 24px;
    line-height: 1.2em;
    width:50%;
    margin:0 auto;
    hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
}
}
.moduletable.bewertungen .camera_caption_desc:before,
.moduletable.bewertungen .camera_caption_desc:after{
    content:"”";
}
.moduletable.bewertungen .camera_target {
    bottom: 0;
    height: 73px;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    width: 73px;
    z-index: 0;
    margin: 0 auto;
    border-radius: 80px;
}
.moduletable.bewertungen .camera_target .imgLoaded {
    height: 73px !important;
    margin: 0 !important;
    position: absolute;
    width: 73px !important;
}
.moduletable.bewertungen .cameraContents {
    height: calc(100% - 73px);
    position: relative;
    width: 100%;
    z-index: 1;
    top: 73px;
}
.moduletable.bewertungen .camera_wrap .camera_pag .camera_pag_ul li {
    background: rgba(255,255,255,0) !important;
    border: solid 1px #634c31;
    width:14px !important;
    height: 14px !important;
}
.moduletable.bewertungen .camera_wrap .camera_pag .camera_pag_ul li > span {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px !important;
    height: 14px !important;
    left: 0px !important;
    top: 0px !important;
    width: 14px !important;
}
.moduletable.bewertungen .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
    background: #634c31 !important;
}
.moduletable.bewertungen .camera_wrap .camera_pag .camera_pag_ul {
    bottom: 20px;
}
.moduletable.bewertungen .camera_next > span {
    background: url(../images/pfeile-slider.png) no-repeat 0 0;
    display: block;
    height: 40px;
    width: 56px;
}
.moduletable.bewertungen .camera_prev > span {
    background: url(../images/pfeile-slider.png) no-repeat 0 -40px;
    display: block;
    height: 40px;
    width: 56px;
}
.moduletable.bewertungen .camera_prev, 
.moduletable.bewertungen .camera_next {
    width: 56px;
    background: rgba(255,255,255,0);
}
.moduletable.bewertungen .camera_commands {
    display:none;
}
.moduletable.bewertungen h3::before {
    content: "Bewertungen";
    display: block;
    width: 100%;
    color: #634c31;
    font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    padding: 20px 0 5px;
    margin: 0;
}
@media (max-width: 1800px) {
}
@media (max-width: 1280px) {
.moduletable.bewertungen .slideshowck.bewertungen {
    margin:0 auto;
    width:92% !important;
    padding:0 0 10%;
}
.moduletable.bewertungen .camera_caption_desc {
    font-size: 24px;
    width: 72%;
    }
}
@media (max-width: 959px) {
.moduletable.bewertungen .camera_caption_desc {
    font-size: 20px;
    width: 85%;
    }
}
@media (max-width: 767px) {
.moduletable.bewertungen .cameraContents, 
.moduletable.bewertungen .camera_wrap .camera_pag .camera_pag_ul {
    display: block;
}
.moduletable.bewertungen .slideshowck.bewertungen {
    padding:0 0 10%;
    min-height: 360px;
}
.moduletable.bewertungen .camera_caption_desc {
    font-size: 18px;
    width: calc(100% - 116px);
    }
}
@media (max-width: 600px) {
.moduletable.bewertungen .slideshowck.bewertungen {
    min-height: 420px;
}
}
@media (max-width: 460px) {
.moduletable.bewertungen .camera_caption_desc {
    width: 100%;
    }
.moduletable.bewertungen .camera_prev, 
.moduletable.bewertungen .camera_next {
    display:none;
    }
.moduletable.bewertungen h3 {
    hyphens: manual;
-webkit-hyphens: manual;
-ms-hyphens: manual;
    }
}
@media (max-width: 320px) {
.moduletable.bewertungen .slideshowck.bewertungen {
    min-height: 480px;
}
}


.logolinks ul {
    padding:0;
    margin:60px 0;
    text-align: center;
}
.logolinks ul li {
    padding:0 2.5%;
    margin:0;
    list-style: none;
    display:inline-block;
}



#pos8area {
    width:72%;
    padding:120px 14% 130px 14%;
    background: #f5f3f2;
    text-align: center;
    position: relative;
    z-index: 50;
}
#pos8area p {
    margin:0;
    padding:0 0 10px;
}
.custom.karte,
.karte .custom {
    width:50%;
    margin:0 50% 0 0;
    position: relative;
}
.custom.karte:after,
.karte .custom:after {
    content:"";
    background: url("../images/karte-rund-palais-erthal2.svg") no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
    width: 90%;
    height: 0;
    margin: -150px -100% 0 0;
    padding: 0 0 90%;
    z-index: 100;
    max-width: 600px;
}
@media (max-width: 1800px) {
}
@media (max-width: 1280px) {
.custom.karte:after,
.karte .custom:after {
    width: 130%;
    margin: -150px -135% 0 0;
    padding: 0 0 130%;
}
}
@media (max-width: 959px) {
.custom.karte,
.karte .custom {
    width: 100%;
    margin: 0;
    position: relative;
    padding: 60% 0 0;
    }
.custom.karte::after,
.karte .custom:after {
    width: 80%;
    margin: -20% 0 0;
    padding: 0 0 80%;
    right: 10%;
}
}
@media (max-width: 767px) {
.custom.karte,
.karte .custom {
    padding: 0 0 100% 0;
    }
.custom.karte::after,
.karte .custom:after {
    width: 100%;
    margin: 0;
    padding: 0 0 100%;
    right: 0%;
    top:auto;
    bottom: 0;
}
}
@media (max-width: 460px) {
}

/* Navigationspfad */
#breadcrumbs {
    text-align: right;
    font-size: 12px;
    font-weight: normal;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    width:72%;
    margin:40px 14% 60px;
    position: relative;
    z-index: 90;
}
#breadcrumbs ul {
    padding:0;
    margin:0;
}
#breadcrumbs ul li {
    padding:0;
    margin:0;
    list-style: none;
    display: inline-block;
}
#breadcrumbs a {
    color:#634c31;
    text-decoration: none;
}
@media (max-width: 1800px) {
}
@media (max-width: 1280px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
}
@media (max-width: 460px) {
}

/* Fussbereich */
#footerarea {
    width:72%;
    padding:0 14% 0;
    margin:0;
    background: #fff;
    color:#383838;
    position: relative;
    font-size: 0;
}
#footerarea:before {
    content:"";
    padding:0;
    display:block;
    width:100%;
    height: calc(100% - 90px);
    z-index: 5;
    position: absolute;
    top:90px;
    left:0;
    background: #634c31;
}
#footerarea:after {
    content:"";
    padding:0 0 40%;
    display:block;
    width:34%;
    height:0;
    z-index: 6;
    position: absolute;
    top:0;
    left:0;
    background: url("../images/icon_palais_16.svg") no-repeat -2% 0;
    background-size: contain;
}
#footerarea .footerelement {
    z-index: 60;
    position: relative;
    font-size: 16px;
    width:25%;
    height:auto;
    display:inline-block;
    vertical-align: top;
    color:#fff;
    padding:220px 0 100px 0;
    hyphens: manual;
-webkit-hyphens: manual;
-ms-hyphens: manual;
}
.footerelement h3 {
    font-family: 'Trajan Pro Regular', Baskerville, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 18px;
    line-height:1em; 
    text-align: left;
    color:#fff;
    font-weight: normal;
    padding:0 0 18px;
    margin:0; 
    letter-spacing: 0.1em;
}
.footerelement p {
    margin:0;
    padding:0 0 10px;
}
.footerelement a {
    color:#fff;
    text-decoration: none;
}
.footerelement a:after {
    content:"";
    display:block;
    width:15px;
    height:0;
    border-top:1px solid #fff;
    transition: all 200ms ease-in-out 0ms;
-webkit-transition: all 200ms ease-in-out 0ms;
-moz-transition: all 200ms ease-in-out 0ms;
-o-transition: all 200ms ease-in-out 0ms;
-ms-transition: all 200ms ease-in-out 0ms;
}
.footerelement a:hover:after {
    width:50%;
    transition: all 200ms ease-in-out 0ms;
-webkit-transition: all 200ms ease-in-out 0ms;
-moz-transition: all 200ms ease-in-out 0ms;
-o-transition: all 200ms ease-in-out 0ms;
-ms-transition: all 200ms ease-in-out 0ms;
}
.footerelement .footerlogo a:after {
    display:none;
}
.footerelement .footerlogo ul li {
    padding:0 30px 0 0;
    margin:0;
    list-style: none;
    display: inline-block;
}
.footerelement .custom.footerlogo:before,
.footerelement .footerlogo .custom:before{
    content: "";
    width:70%;
    display:block;
    height: 0;
    padding:0 0 20%;
    background: url("../images/logo_palais-erthal.svg") no-repeat 0 0;
    background-size: contain;
    margin:-20px 0 40px; 
}
.footerelement ul li {
    padding:0;
    margin:0;
    list-style: none;
    display: block;
}
.footerelement ul li img {
    display: none;
}
#footerarea .btn,
#footerarea input[type="submit"] {
    border:1px solid #fff;
    background: #634c31;
    font-size: 14px;
    font-weight: normal;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    padding:10px 0;
    margin:0 auto;
    width:70%;
    color:#fff;
    font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
    position: relative;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
    border-radius: 0 !important;
}
.fieldacyterms {
    font-size:12px;
}
.fieldacyterms .hasTooltip {
    display: inline-block !important;
}
.acym_module_form input {
    cursor: pointer;
    max-width: 85% !important;
    padding:5px 5%;
    border:none;
    font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
    border-radius: 0 !important;
}
.acym_module_form .acyfield_single_dropdown {
    position: relative;
    display: inline-block;
    width:100%;
}
.acym_module_form select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
    font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
    background: #f5f3f2;
    border-top: none;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #634c31;
    border-radius: 0;
    color: #000;
    font-size: 14px;
    margin:10px 0 0;
    padding: 4px 12px 5px 7px;
    text-align: left;
    width:calc(50% - 19px);
}
.acym_module_form .acyfield_single_dropdown:after {
  content: '▾';
  position: absolute;
  font-size: 150%;
  left: calc(50% - 40px);
  top: 20%;
  pointer-event:none;
  color: #000;
}
.acym_module_form .onefield {
    margin: 0 0 10px 0;
}
#field_1,
#field_2 {
    display:inline-block;
    width:50%;
}







@media (max-width: 1800px) {
#footerarea {
    width:92%;
    padding:0 4% 0;
}
}
@media (max-width: 1280px) {
#field_1, 
#field_2 {
    display: inline-block;
    width: 100%;
}
.acym_module_form .onefield {
    margin: 5px 0 !important;
}
#footerarea .btn, #footerarea input[type="submit"] {
    width: calc(100% - 2px);
    }
}
@media (max-width: 959px) {
#footerarea .footerelement {
    font-size: 16px;
    width: 50%;
    padding: 0 0 100px 0;
}
#footerarea .footerelement:first-child,
    #footerarea .footerelement:nth-child(2){
    font-size: 16px;
    width: 50%;
    padding: 220px 0 100px 0;
}
}
@media (max-width: 767px) {
#footerarea .footerelement {
    font-size: 16px;
    width: 74%;
    padding: 0 13% 100px;
    text-align: center;
}
.footerelement .custom.footerlogo:before {
    width:70%;
    display:block;
    height: 0;
    padding:0 0 20%;
    margin:-20px 15% 40px; 
}
#footerarea .footerelement:nth-child(2){
    font-size: 16px;
    width: 74%;
    padding: 0 13% 100px;
}
#footerarea .footerelement:first-child {
    font-size: 16px;
    width: 74%;
    padding: 220px 13% 100px;
}
.footerelement .footerlogo ul li {
    padding: 0 15px 0;
    }
.footerelement a::after {
    margin: 0 auto;
}
.footerelement h3 {
    text-align:center;
    }
#footerarea:after {
    top:auto;
    bottom:-60px;
}
}
@media (max-width: 460px) {
#footerarea .footerelement {
    padding: 0 13% 60px;
}
#footerarea .footerelement:nth-child(2){
    padding: 0 13% 60px;
}
#footerarea .footerelement:first-child {
    padding: 180px 13% 60px;
}
.acym_module_form .onefield.fieldacyterms {
    margin: 5px 0 15px !important;
}
}



#deepfooter {
    width:72%;
    padding:0 14% 150px;
    margin:0;
    background: #fff;
    color:#383838;
    position: relative;
    font-size: 0;
}
#deepfooter #footerlogos,
#deepfooter #footermenu {
    z-index: 10;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
#deepfooter #footerlogos {
    width:75%;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    line-height: 1em;
    padding:10px 0 0;
    margin:0;
}
#deepfooter #footermenu {
    width:25%;
    text-align: right;
    font-size: 12px;
    font-weight: normal;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding:0;
    margin:0;
}
#footerarea ul,
#deepfooter ul{
    padding:0;
    margin:0;
}
#deepfooter #footerlogos ul li {
    padding:0;
    margin:0;
    list-style: none;
    display: inline-block;
}
#deepfooter #footerlogos img {
    filter: brightness(1.5) grayscale(1); 
    transition: all 200ms ease-in-out 0ms;
-webkit-transition: all 200ms ease-in-out 0ms;
-moz-transition: all 200ms ease-in-out 0ms;
-o-transition: all 200ms ease-in-out 0ms;
-ms-transition: all 200ms ease-in-out 0ms;
}
#deepfooter #footerlogos img:hover {
    filter: brightness(1) grayscale(0);  
    transition: all 200ms ease-in-out 0ms;
-webkit-transition: all 200ms ease-in-out 0ms;
-moz-transition: all 200ms ease-in-out 0ms;
-o-transition: all 200ms ease-in-out 0ms;
-ms-transition: all 200ms ease-in-out 0ms;
}
#deepfooter #footermenu ul li {
    padding:20px 0 0 0;
    margin:0;
    list-style: none;
    display: inline-block;
}
#deepfooter #footermenu a {
    color:#383838;
    text-decoration: none;
}
@media (max-width: 1800px) {
#deepfooter {
    width:92%;
    padding:0 4% 150px;
}
}
@media (max-width: 1280px) {
#deepfooter #footermenu ul li {
    padding:20px 0 0 0;
}
#deepfooter #footermenu ul li:first-child {
    padding:20px 0 0 0;
}
#deepfooter #footerlogos img {
    max-width: 100px;
    height: auto;
}
}
@media (max-width: 959px) {
#deepfooter #footerlogos {
    width: 100%;
    text-align: center;
    }
#deepfooter #footermenu {
    width: 100%;
    text-align: center;
    margin: 20px 0 0;
}
#deepfooter #footermenu ul li,
#deepfooter #footermenu ul li:first-child {
    padding:20px 0 0;
}
#footerlogos img {
    padding: 10px 5px;
}
}
@media (max-width: 767px) {
}
@media (max-width: 460px) {
}    



/* Video-Lightbox mediabox v1.1.3 | (c) 2018 Pedro Rogerio | https://github.com/pinceladasdaweb/mediabox */
.stop-scroll {
    height: 100%;
    overflow: hidden;
}
.mediabox-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 999;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: mediabox;
    animation-name: mediabox;
}
@-webkit-keyframes mediabox {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes mediabox {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.mediabox-content {
    max-width: 853px;
    display: block;
    margin: 0 auto;
    height: 100%;
    position: relative;
}
.mediabox-content iframe {
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
    height: 480px !important;
    border: none !important;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.mediabox-hide {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: mediaboxhide;
    animation-name: mediaboxhide;
}
@-webkit-keyframes mediaboxhide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes mediaboxhide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.mediabox-close {
    position: absolute;
    top: 0;
    cursor: pointer;
    bottom: 528px;
    right: 0px;
    margin: auto 0;
    width: 24px;
    height: 24px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAMvSURBVHja7Js9aBRBFMd/d1lPY6FiJVjY+Fkoxl7wA1Q0prQRS6tgoZV2MWIRRVHUUq3U+JnESrS2sBXBzipREWMlATXwt8gFznC5nd15M7Nn8uC45nZnfr/dY96+N1uTxFKOOks8lgUU/H2t4tJqIQUcAiaBGeBymcECRgO4B/wBPgJ9zkdKcvkclfRL/8ZtSTXH40N+GpLGF8zth6Q9Lse7DHCsDXxVJLSDLyQhb4B+Sb/VOVJJ6ATfKqGvrIDjDvCpJLjAz8d0JwmLDTBQAD62hIakiYJzm5a021VAfwn4WBLKwLdK2JUnIJP0XX4RSoIP/Hy8W3jeepv1dL3nmjwI3DLOExrAU2DA8zwb8xKhGeCuwYQtJTSAZwbwAHdcEqFM0mPZhO/foSHppdFcrraby2IDV0FCcPi8PCClhCjwLplgCgkrDeGv5I3pcjViSogK7yogloTo8EUEhJaQBL6oAGsJ9yVtkrRD0qsU8JKolagKZ8AD4ETFymFXgPOAQpXE5mMWOAk86XZ4n6pwlSSUhvcti1dBghe8RV8gpYQRX3irxkgKCSPABV94y85QTAlm8NatsRgSTOGBUnmAS57w3KiA0Ro3gHOW8KEEAOwE3hvfXWubFauu6A6vCND07OmW9viq5vpsGT3AtRAN2XoA+BfAwQBiTweoNpMZw48BRwKuAoPN7zNVWwZjwAfpO9S7DN5cQmYAPw4cTvAsYPJ3qHcpvNmdUO9ieBMJZQT0AhMVgfeWUC8BP87cjjHfuA6sATY0c4c0EgpUUHslvTaq3l5aUL1N1oarAnxSCVWBTyYhJvyw41XJJI3GkpAH/yYyfHQJi01gdUL4qBKqCh9NQrtBx4wGvGi0XS6T9MhoTkN5AtZVDN5awlTePsGfwDfPjGwYGDKu3s4Cp4BRz/N8cskED0iaqciVt7wTvkra5roKlJEQGt5HwhdJ24vmAUUkDEV+VyCT9NBxbp/bXXnXTNBFQmz4IhI6wrs+C+zvICEVvIuEKUlbrZ4G97WRkBq+k4RJSVusd4ntlfSheVudrQh8q4SbmntH6K2kzSF3if1Xsfzq7LKAJR5/BwCdAQBJn4egPgAAAABJRU5ErkJggg==') no-repeat;
    background-size: 24px 24px;
}
.mediabox-close:hover {
    opacity: 0.5;
}
@media all and (max-width: 768px) {
    .mediabox-content {
        max-width: 90%;
    }
}
@media all and (max-width: 600px) {
    .mediabox-content iframe {
        height: 320px !important;
    }
    .mediabox-close {
        bottom: 362px;
    }
}
@media all and (max-width: 480px) {
    .mediabox-content iframe {
        height: 220px !important;
    }
    .mediabox-close {
        bottom: 262px;
    }
}

/* Ausblenden des Recaptchas */
.grecaptcha-badge {
    box-shadow: none !important;
}
.grecaptcha-logo {
    display:none !important;
}

/* Cookiehinweis */
#redim-cookiehint-modal {
    padding: 0 !important;
}
#redim-cookiehint {
    font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 14px !important;
    background-color:#fff !important;
    color: #634c31 !important;
    width:96%;
    padding:15px 2% !important;
    text-align: center !important;
}
#redim-cookiehint, #redim-cookiehint a {
    color: #634c31 !important;
}
#redim-cookiehint .cookiebuttons {
    float: none !important;
}
#redim-cookiehint .cookiebuttons .btn,
#redim-cookiehint .cookiebuttons #cookiehintsubmit.btn {
    color: #ffffff !important;
    cursor: pointer;
    display: block;
    max-width: 100%;
    width: 150px;
    background-color: #634c31 !important;
    border: 1px solid #634c31;
    font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 1em !important;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-align: center;
    text-decoration: none;
    padding: 7px 0 0 !important;
    margin: 0 auto 3px !important;
    hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
}
#redim-cookiehint .cookiebuttons .btn::after {
    content: "";
    display: block;
    width: 20%;
    border-top: 1px solid #fff;
    background: #634c31;
    padding: 0 0 6px;
    margin: 3px auto 0;
    transition: all 200ms ease-in 0ms;
    -webkit-transition: all 200ms ease-in 0ms;
    -moz-transition: all 200ms ease-in 0ms;
    -o-transition: all 200ms ease-in 0ms;
    -ms-transition: all 200ms ease-in 0ms;
}
#redim-cookiehint .cookiebuttons #cookiehintsubmitno.btn {
    color: #634c31 !important;
    background-color: rgba(255,255,255,0) !important;
    border: 1px solid #634c31;
    padding: 7px 0 0 !important;
    margin: 0 auto 3px !important;
}
#cookiehintsubmitno.btn::after {
    border-top: 1px solid #634c31 !important;
    background-color: rgba(255,255,255,0.5) !important;
}
#redim-cookiehint p {
    margin:0 0 10px;
}



@media (max-width: 1800px) {
}
@media (max-width: 1280px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
}
@media (max-width: 460px) {
#redim-cookiehint {
    font-size: 12px !important;
    width:90%;
    padding:15px 2% !important;
}
#redim-cookiehint p {
    font-size: 12px !important;
}
}


/* Editorbereich */
.edit.item-page .page-header {
    margin: 200px 0 0;
    width: 100%;
    float: none;
}
.icons {
    text-align: right;
    float: none;
    position: absolute;
    top: 150px;
    right: 0;
    z-index: 20;
}
.items-leading .icons{
    top: -50px;
}
.item-page .icons{
    top: 150px;
}
.edit-icon a {
	border:3px solid #000;
	padding: 2px 20px;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-align: center;
    color:#fff;
    background: #634c31;
	}
li.edit-icon {
	list-style:none;
	}
.edit-icon .tip, 
.edit-icon .hasTooltip {
    display: unset !important;
}
#jform_images_float_intro-lbl,
#jform_images_float_intro_chzn,
#jform_images_float_fulltext-lbl,
#jform_images_float_fulltext_chzn,
#jform_urls_urla-lbl,
#jform_urls_urla,
#jform_urls_urlb-lbl,
#jform_urls_urlb,
#jform_urls_urlc-lbl,
#jform_urls_urlc,
#jform_urls_urlatext-lbl,
#jform_urls_urlbtext-lbl,
#jform_urls_urlctext-lbl,
#jform_urls_urlatext,
#jform_urls_urlbtext,
#jform_urls_urlctext,
#jform_tags-lbl,
#jform_tags_chzn,
#jform_created_by_alias-lbl,
#jform_created_by_alias,
#jform_metakey-lbl,
#jform_metakey,
#jform_access-lbl,
#jform_access_chzn,
#jform_images_image_intro_alt-lbl,
#jform_images_image_intro_alt,
#jform_images_image_fulltext_alt-lbl,
#jform_images_image_fulltext_alt,
.edit.item-page .nav-tabs,
/*#jform_images_image_fulltext_caption-lbl,
#jform_images_image_fulltext_caption,
#jform_images_image_intro_caption-lbl,
#jform_images_image_intro_caption,
#jform_featured-lbl,
#jform_featured_chzn,*/
#jform_version_note-lbl,
#jform_version_note,
#jform_language-lbl,
#jform_language_chzn,
#jform_note-lbl,
#jform_note,
div.edit + div#contentaddarea,
.dropdown-toggle,
.btn.modal-button,
#editor-xtd-buttons a:last-child,
#attrib-fields-0
 {
	display:none;
	}
#jform_images_image_intro-lbl,
#jform_images_image_fulltext-lbl,
#jform_com_fields_preis-lbl,
#jform_catid-lbl,
#jform_state-lbl,
#jform_publish_up-lbl,
#jform_publish_down-lbl,
#jform_metadesc-lbl
{
    padding: 20px 0 0;
    display: block;
}
.mceToolbar button {
	padding:0;
	margin:0 !important;
	}
.btn-group button {
	margin:0 10px 0 0 !important;
	float: left !important;
	}
.buttons-wrapper .btn {
  min-width: 0px !important;
  color: #fff !important;
  border: 1px solid #634c31 !important;
  margin-right: 10px !important;
  padding: 0 3px !important;
  line-height: 1.1rem !important;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,.25);
}
.edit #images .btn,
.edit .tab-pane .btn{
    padding: 0 15px;
    margin: 20px 10px 20px 0;
    border: none;
    background: #634c31;
    color: #fff;
    font-size: 1em;
    text-transform: uppercase;
    text-decoration: none;
}
.edit #jform_title {
    font-size: 2em;
	margin:0 !important;
	width:80% !important;
	font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
	}	
.edit .inputbox,
.wf-editor-toggle,
.edit button,
#images input {
	margin:0 !important;
	}	
body#tinymce {
	background:#fff;
	}	
.calendar-container,
#contentarea .controls a {
	color:#000;
	}
.icon-upload:before {
	content:"";
	background:url(../images/upload-icon.svg) no-repeat 0px 5px;
	background-size:cover;
	width:20px;
	height:20px;
	display:inline-block;
}
.icon-calendar:before {
	content:"";
	background:url(../images/calendar-icon.svg) no-repeat;
	background-size:cover;
	width:20px;
	height:20px;
	display:block;
	}
.edit fieldset,
.login fieldset {
	border: dashed 1px;
}
.edit .btn-toolbar button,
.login button {
    border: 1px solid #fff;
    background: #634c31;
    font-size: 14px;
    font-weight: normal;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    padding: 10px 20px;
    margin: 0 auto;
    color: #fff;
    font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
    position: relative;
}
.tip, 
.hasTooltip{display:block!important}
.fade {display:none!important}	

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}




ul.actions {
	margin: 0;
	padding: 0;
}
ul.actions li {
	list-style-image: none;
	list-style-type: none;
	float: right;
}
ul.actions li a img {
	border: 0 none;
	padding-left: 0px;
	padding-right: 0px;
}
ul.actions li a,ul.actions li a:hover, ul.actions li a:active, ul.actions li a:visited, ul.actions li a:link {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.row-separator, .item-separator {
	display:block;
	width: 100%;
	height:5px;
	clear:both;
}
img {
	border: none;
	}


/*-----SOCIALICONS-----*/
[data-icon]:before {
	font-family:"socicon"!important;
	content:attr(data-icon);
	font-style:normal!important;
	font-weight:400!important;
	font-variant:normal!important;
	text-transform:none!important;
	speak:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family:"socicon"!important;
	font-style:normal!important;
	font-weight:400!important;
	font-variant:normal!important;
	text-transform:none!important;
	speak:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
    font-size: 30px;
    transition: all 200ms ease-in-out 0ms;
-webkit-transition: all 200ms ease-in-out 0ms;
-moz-transition: all 200ms ease-in-out 0ms;
-o-transition: all 200ms ease-in-out 0ms;
-ms-transition: all 200ms ease-in-out 0ms;
    color:#fff
}
[class^="icon-"]:hover:before,
[class*=" icon-"]:hover:before {
    transition: all 200ms ease-in-out 0ms;
-webkit-transition: all 200ms ease-in-out 0ms;
-moz-transition: all 200ms ease-in-out 0ms;
-o-transition: all 200ms ease-in-out 0ms;
-ms-transition: all 200ms ease-in-out 0ms;
    color:#79654e
}

.icon-twitter:before {
	content:"\e040";
}
.icon-facebook:before {
	content:"\e041";
}
.icon-googleplus:before {
	content:"\e042";
}
.icon-pinterest:before {
	content:"\e043";
}
.icon-youtube:before {
	content:"\e051";
}
.icon-instagram:before {
	content:"\e057";
}
.icon-xing:before {
	content:"\e04b";
}
.icon-linkedin:before{
	content:"\e049";
}


.footerlogo li a span {
  position: relative;
  display: inline-block;
}
.footerlogo li a span[title] {
    pointer-events: none;
}
.footerlogo li a:hover span:after,
.footerlogo li a:active span:after{
    content:attr(title);
    display:block;
    position: absolute;
    bottom: 0;
    left: 0;
    width:400px;
    height:auto;
    font-size: 10px;
    font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
    background: rgba(255,255,255,0.9);
    color: #634c31;
    padding:10px;
    z-index: 200;
    -webkit-user-select: none; 
    -webkit-touch-callout: none
}



@media (max-width: 1800px) {
}
@media (max-width: 1280px) {
}
@media (max-width: 959px) {
.icons {
    top: 50px;
    }
}
@media (max-width: 767px) {
.footerlogo li a:hover span:after,
.footerlogo li a:active span:after {
    left: -180px;
    bottom: 25px;
    width:360px;
    height:auto;
}
}
@media (max-width: 460px) {
.footerlogo li a:hover span:after,
.footerlogo li a:active span:after {
    left: -100px;
    bottom: 25px;
    width:220px;
    height:auto;
    line-height: 1em;
}
}


/* Buchungsmaske Retreat */
.obs-groupheader,
#obs-selection {
  font-weight: normal !important;
  background: #634c31 !important;
    border-radius: 0 !important;
}
.obs-treatment {
  padding: 4px 8px 12px !important;
  margin-left: 0 !important;
  color: #634c31 !important;
  border-bottom: 1px dotted #634c31 !important;
}
#obs-header {
  color: #634c31 !important;
}
.obs-treatment:hover {
    background: #f5f3f2 !important;
}
.obs-treatment .obs-treatment-price {
  padding: 0 0 0 10px !important;
  width: 140px !important;
  text-align: left !important;
}
.obs-treatment .obs-treatment-time {
  padding: 0 10px 0 0 !important;
  width: 140px !important;
  text-align: right !important;
}
.item-page .k-calendar-view table td {
    width:auto;
}
.k-calendar .k-today .k-link {
  color: #634c31 !important;
  box-shadow: inset 0 0 0 1px #634c31 !important;
}



@media (max-width: 1800px) {
}
@media (max-width: 1280px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
}
@media (max-width: 460px) {
.obs-treatment .obs-treatment-price {
  padding: 0 0 0 5px !important;
  width: 80px !important;
}
.obs-treatment .obs-treatment-time {
  padding: 0 5px 0 0 !important;
  width: 80px !important;
}
}