/* grandstander-100 - latin */
@font-face {
  font-family: 'Grandstander';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/grandstander-v11-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/grandstander-v11-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/grandstander-v11-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/grandstander-v11-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/grandstander-v11-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/grandstander-v11-latin-100.svg#Grandstander') format('svg'); /* Legacy iOS */
}
/* grandstander-200 - latin */
@font-face {
  font-family: 'Grandstander';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/grandstander-v11-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/grandstander-v11-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/grandstander-v11-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/grandstander-v11-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/grandstander-v11-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/grandstander-v11-latin-200.svg#Grandstander') format('svg'); /* Legacy iOS */
}
/* grandstander-300 - latin */
@font-face {
  font-family: 'Grandstander';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/grandstander-v11-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/grandstander-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/grandstander-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/grandstander-v11-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/grandstander-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/grandstander-v11-latin-300.svg#Grandstander') format('svg'); /* Legacy iOS */
}
/* grandstander-regular - latin */
@font-face {
  font-family: 'Grandstander';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/grandstander-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/grandstander-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/grandstander-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/grandstander-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/grandstander-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/grandstander-v11-latin-regular.svg#Grandstander') format('svg'); /* Legacy iOS */
}
/* grandstander-600 - latin */
@font-face {
  font-family: 'Grandstander';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/grandstander-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/grandstander-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/grandstander-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/grandstander-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/grandstander-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/grandstander-v11-latin-600.svg#Grandstander') format('svg'); /* Legacy iOS */
}
/* grandstander-500 - latin */
@font-face {
  font-family: 'Grandstander';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/grandstander-v11-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/grandstander-v11-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/grandstander-v11-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/grandstander-v11-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/grandstander-v11-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/grandstander-v11-latin-500.svg#Grandstander') format('svg'); /* Legacy iOS */
}
/* grandstander-700 - latin */
@font-face {
  font-family: 'Grandstander';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/grandstander-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/grandstander-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/grandstander-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/grandstander-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/grandstander-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/grandstander-v11-latin-700.svg#Grandstander') format('svg'); /* Legacy iOS */
}
/* grandstander-800 - latin */
@font-face {
  font-family: 'Grandstander';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/grandstander-v11-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/grandstander-v11-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/grandstander-v11-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/grandstander-v11-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/grandstander-v11-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/grandstander-v11-latin-800.svg#Grandstander') format('svg'); /* Legacy iOS */
}
/* grandstander-900 - latin */
@font-face {
  font-family: 'Grandstander';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/grandstander-v11-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/grandstander-v11-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/grandstander-v11-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/grandstander-v11-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/grandstander-v11-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/grandstander-v11-latin-900.svg#Grandstander') format('svg'); /* Legacy iOS */
}
/* grandstander-100italic - latin */
@font-face {
  font-family: 'Grandstander';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/grandstander-v11-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/grandstander-v11-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/grandstander-v11-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/grandstander-v11-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/grandstander-v11-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/grandstander-v11-latin-100italic.svg#Grandstander') format('svg'); /* Legacy iOS */
}
/* grandstander-200italic - latin */
@font-face {
  font-family: 'Grandstander';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/grandstander-v11-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/grandstander-v11-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/grandstander-v11-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/grandstander-v11-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/grandstander-v11-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/grandstander-v11-latin-200italic.svg#Grandstander') format('svg'); /* Legacy iOS */
}
/* grandstander-300italic - latin */
@font-face {
  font-family: 'Grandstander';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/grandstander-v11-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/grandstander-v11-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/grandstander-v11-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/grandstander-v11-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/grandstander-v11-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/grandstander-v11-latin-300italic.svg#Grandstander') format('svg'); /* Legacy iOS */
}
/* grandstander-italic - latin */
@font-face {
  font-family: 'Grandstander';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/grandstander-v11-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/grandstander-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/grandstander-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/grandstander-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/grandstander-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/grandstander-v11-latin-italic.svg#Grandstander') format('svg'); /* Legacy iOS */
}
/* grandstander-600italic - latin */
@font-face {
  font-family: 'Grandstander';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/grandstander-v11-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/grandstander-v11-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/grandstander-v11-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/grandstander-v11-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/grandstander-v11-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/grandstander-v11-latin-600italic.svg#Grandstander') format('svg'); /* Legacy iOS */
}
/* grandstander-500italic - latin */
@font-face {
  font-family: 'Grandstander';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/grandstander-v11-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/grandstander-v11-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/grandstander-v11-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/grandstander-v11-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/grandstander-v11-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/grandstander-v11-latin-500italic.svg#Grandstander') format('svg'); /* Legacy iOS */
}
/* grandstander-700italic - latin */
@font-face {
  font-family: 'Grandstander';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/grandstander-v11-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/grandstander-v11-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/grandstander-v11-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/grandstander-v11-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/grandstander-v11-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/grandstander-v11-latin-700italic.svg#Grandstander') format('svg'); /* Legacy iOS */
}
/* grandstander-800italic - latin */
@font-face {
  font-family: 'Grandstander';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/grandstander-v11-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/grandstander-v11-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/grandstander-v11-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/grandstander-v11-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/grandstander-v11-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/grandstander-v11-latin-800italic.svg#Grandstander') format('svg'); /* Legacy iOS */
}
/* grandstander-900italic - latin */
@font-face {
  font-family: 'Grandstander';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/grandstander-v11-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/grandstander-v11-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/grandstander-v11-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/grandstander-v11-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/grandstander-v11-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/grandstander-v11-latin-900italic.svg#Grandstander') format('svg'); /* Legacy iOS */
}

/* caveat-regular - latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/caveat-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/caveat-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/caveat-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/caveat-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/caveat-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/caveat-v17-latin-regular.svg#Caveat') format('svg'); /* Legacy iOS */
}
/* caveat-500 - latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/caveat-v17-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/caveat-v17-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/caveat-v17-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/caveat-v17-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/caveat-v17-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/caveat-v17-latin-500.svg#Caveat') format('svg'); /* Legacy iOS */
}
/* caveat-600 - latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/caveat-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/caveat-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/caveat-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/caveat-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/caveat-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/caveat-v17-latin-600.svg#Caveat') format('svg'); /* Legacy iOS */
}
/* caveat-700 - latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/caveat-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/caveat-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/caveat-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/caveat-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/caveat-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/caveat-v17-latin-700.svg#Caveat') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'Ashby Bold';
font-style: normal;
font-weight: normal;
src: local('Ashby Bold'), url('../fonts/ASHBB___.woff') format('woff');
}


@font-face {
font-family: 'Ashby Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Ashby Bold Italic'), url('../fonts/ASHBOI__.woff') format('woff');
}


@font-face {
font-family: 'Ashby Black';
font-style: normal;
font-weight: normal;
src: local('Ashby Black'), url('../fonts/ASHBBL__.woff') format('woff');
}


@font-face {
font-family: 'Ashby Extra Bold';
font-style: normal;
font-weight: normal;
src: local('Ashby Extra Bold'), url('../fonts/ASHBEB__.woff') format('woff');
}


@font-face {
font-family: 'Ashby Light';
font-style: normal;
font-weight: normal;
src: local('Ashby Light'), url('../fonts/ASHBL___.woff') format('woff');
}


@font-face {
font-family: 'Ashby Medium';
font-style: normal;
font-weight: normal;
src: local('Ashby Medium'), url('../fonts/ASHBM___.woff') format('woff');
}


@font-face {
font-family: 'Ashby Book';
font-style: normal;
font-weight: normal;
src: local('Ashby Book'), url('../fonts/ASHBW___.woff') format('woff');
}


@font-face {
font-family: 'Ashby Book Italic';
font-style: normal;
font-weight: normal;
src: local('Ashby Book Italic'), url('../fonts/ASHBBI__.woff') format('woff');
}


@font-face {
font-family: 'Ashby Black Italic';
font-style: normal;
font-weight: normal;
src: local('Ashby Black Italic'), url('../fonts/ASHBBLI_.woff') format('woff');
}


@font-face {
font-family: 'Ashby Extra Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Ashby Extra Bold Italic'), url('../fonts/ASHBEBI_.woff') format('woff');
}


@font-face {
font-family: 'Ashby Light Italic';
font-style: normal;
font-weight: normal;
src: local('Ashby Light Italic'), url('../fonts/ASHBLI__.woff') format('woff');
}


@font-face {
font-family: 'Ashby Medium Italic';
font-style: normal;
font-weight: normal;
src: local('Ashby Medium Italic'), url('../fonts/ASHBMI__.woff') format('woff');
}

*{
	padding:0;
	margin:0;
}

body{
	overflow-x:hidden;
	font-family:'Ashby Medium', sans-serif !important;
}

.cookiebar{
	z-index:250;
	background-color:rgba(0,0,0,0.7);
}

header li, footer li{
    list-style-type:none;
}


a, em, strong{
    font-size:inherit;
    color:inherit;
}

p, li, option, label{
	font-size:18px;
}

body h1, .h1{
	font-size:40px;
	font-weight:bolder;
	color:rgba(135, 175, 50, 1);
	margin-bottom:25px;
}

body h2, .h2{
	font-size:35px;
	font-weight:bolder;
	color:rgba(135, 175, 50, 1);
	margin-bottom:22px;
}

body h3, .h3{
	font-size:28px;
	font-weight:bolder;
	color:rgba(135, 175, 50, 1);
	margin-bottom:18px;
}

body h4, .h4{
	font-size:22px;
	font-weight:bolder;
	color:rgba(135, 175, 50, 1);
}


body #container{
	padding-top:80px;
}


.paddingTop{
    padding-top:50px;
}

.paddingBottom{
    padding-bottom:50px;
}

.centered{
    margin-left:50%;
    transform:translateX(-50%);
}

.floatright{
    float:right !important;
}

.ofv{
    overflow:visible !important;
}

.whiteBG{
    background-color:#fff;
}


.flex{
    display:flex;
    flex-wrap:wrap;
}

.flex.reverseRow{
    flex-direction:row-reverse;
}

.flex.reverseCol{
    flex-direction:column-reverse;
}


/* ############################### Menustyles ################################# */

#menucontainer{
	width:100%;
    position:fixed;
    z-index:200;
    min-height:80px;
    top:0;
	left:0;
    background-color:rgb(214, 149, 79);
	box-shadow:inset 0 -40px 40px rgba(0,0,0,0.4), 0 4px 4px rgba(0,0,0,0.3);
	border-bottom:1pt solid #715144;
	
	margin-top:25px;
}

#topline{
	position:fixed;
	top:0;
	z-index:200;
	left:0;
	background-color:#000;
	color:#F2B01C;
	font-size:14px;
	height:25px;
	width:100%;
	text-align:center;
}

#topline .ce_text p{
	font-size:14px;
	display:flex;
	width:100%;
	align-items:center;
}

#topline .ce_text *{
	display:block !important;
}

div#topline .ce_text ul{
	display:flex !important;
	flex-wrap:nowrap;
	justify-content:space-between;
}

#topline .ce_text ul li{
	display:flex !important;
	align-items:center;
	width:unset;
	max-width:unset;
	font-size:12px !important;
	margin-right:35px;
	margin-top:3px;
}

#topline .ce_text ul li img{
	margin-right:10px;
}


#menuBox, #menuBox ul{
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:center;
}

#menuBox .menu{
	width:100%;
	max-width:calc(100% - 220px);
	padding:20px;
}

#menuBox li strong.active, #menuBox li a:hover{
    color:rgba(135, 175, 50, 1);
    font-family:"Ashby Medium", sans-serif;
}

#menuBox a, #menuBox a:hover{
    color:#fff;
    font-family:"Ashby Medium", sans-serif;
    text-decoration:none;
}

#menuBox li{
	color:#fff;
	font-family:"Ashby Medium", sans-serif;
}

#mobilLogo{
    width:200px;
    height:80px;
    
    background-image:url(../img/Logo-Geli-White.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:auto 50px;
    
    filter:drop-shadow(0 0 5px rgba(0,0,0,0.5));
}

#menutrigger{
    width:60px;
    height:60px;
    background-color:rgba(135, 175, 50, 1);

    background-image:url(../img/openM.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;

    cursor:pointer;
    float: right;
    right:0;
    margin-right: 15px;
    z-index:3;

    position:absolute;
    top:20px;
}



a:hover{
	color:inherit;
}

/* ############################### Footerstyles ################################# */

#footercontainer{
	border-top:1pt solid #715144;
	width:100%;
	background-color:rgb(214, 149, 79);
	box-shadow:inset 0 -100px 100px rgba(0,0,0,0.5), 0 -15px 15px rgba(0,0,0,0.3);
	position:relative;
}

.jule #footercontainer{
	background-color:#66afc9;
}

#innerFooter{
	padding-top:25px;
	padding-bottom:25px;
	justify-content:space-between;
	align-items:center;
	color:#fff;
	position:relative;
}

.fNav ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding-left:0;
}

.fInfo *, .fInfo *:hover, .fInfo *:active, .fInfo a, .fInfo a:hover, .fInfo a:active{
	color:#fff;
}

#innerFooter img{
	filter: drop-shadow(0 0 5px rgba(0,0,0,0.5));
	
}

.fInfo figure img{
	width:100%;
	height:100%;
	object-fit:contain;
}







/* ############################### Styles ################################# */


.ce_gallery ul{
	display:flex;
	width:100%;
	flex-wrap:wrap;
	justify-content:center;
	padding:5px 5px 5px 5px;
}

.ce_gallery .cols_2 li{
	max-width:49%;
	width:49%;

}

.ce_gallery .cols_3 li{
	max-width:32%;
	width:32%;

}

.ce_gallery .cols_4 li{
	max-width:24%;
	width:24%;

}

.ce_gallery li:hover img{
	transform-origin:center center;
	transform:scale(1.05);
	transition-duration:0.2s;

}


.ce_gallery li{
	transform-origin:center center;
	transition-duration:0.2s;
}




.pagination{
	margin-bottom:25px;
	width:100%;
	color:#fff;
}
.pagination ul{
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	list-style-type:none;
}

.pagination li{
	padding:5px 10px;
	margin-right:2px;
	list-style-type:none;
	background-color:#35251f;
}

.pagination > p{
	padding:5px 5px;
	width:140px;
	display:none;
}

.pagination li *, .pagination li *:hover{
	color:#fff !important;
}

.pagination .active{
	font-weight:bolder;
	color: #0089b9;
}






.headerbild{
	max-height:calc(100VH - 80px);
	min-height:80VH;
	height:100VH;
	overflow:hidden;
}

.headerbild figure{
	width:100%;
	max-height:700px;
	height:100%;
	object-fit:cover;
	object-position:center center;
	margin:0;
	position:relative;
}

.headerbild figure::after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100VH;
	z-index:2;
	background-color:rgba(0,0,0,0.3);
}


.headerbild figure img{
	width:100%;
	height:100%;
	min-width:unset;
	max-width:unset;
	min-height:unset;
	max-height:unset;
	object-fit:cover;
	object-position:center center;
}





.mod_article{
	position:relative;
}

.headertext{
	position:absolute;
	z-index:1;
	right:0;
	bottom:30%;
	transform:translateY(50%);
	
	background-color:#fff;
	padding:20px 20px;
	
	color:#e6264a !important;
	
	cursor:pointer;
}




.downarrow{
	width:80px;
	max-width:50px !important;
	height:80px;
	max-height:50px;
	margin-left:50%;
	transform:translate(-50%, -50%);
	position:absolute;
	margin-top:-100px;
	top:80%;
	bottom:auto;
	z-index:10;
	cursor:pointer;
	padding:0px !important;
	
	border-radius:50%;
	border:2px solid #fff;
	text-align:center;
	
}

.downarrow img{
	max-width:60%;
	max-height:60%;
	transform:translateY(40%);
}



#ctrl_repeat, #ctrl_agb, #ctrl_eventTitle, label[for=ctrl_eventTitle], label[for=ctrl_startTime], label[for=ctrl_endTime], #ctrl_endTime, #ctrl_startTime, .booking.reservation{
	visibility:hidden !important;
	height:0 !important;
	width:0 !important;
	font-size:0px !important;
	padding:0px !important;
	display:none;
}


.widget-select.formfield{
	opacity:1;
	display:initial !important;
}



#checkAvailability{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items:center;
}

#checkAvailability .titel, #checkAvailability .repeating{
	margin:0px;
}

#checkAvailability .row .formElement{
	display:flex;
	flex-direction:column;
	align-items:center;
	padding-right:8px;
}

.headercontainer{
	position:relative;
}

.proof{
	position:absolute;
	z-index:2;
	margin-left:50% !important;
	transform:translate(-50%, -50%);
	bottom:0;
	top:65%;
	
	transition-duration:0.3s;
	transition-delay:0.1s;
	
	opacity:0;
}

form.room-reservation{
	margin-left:50% !important;
	transform:translateX(-50%);
	display:block;
	
	background-color:rgba(214, 149, 79, 0.85);
	padding:15px 15px 18px 15px!important;
	border-radius:15px 10px 15px 10px;
	
	box-shadow:0 3px 4px rgba(0,0,0,0.4);
	width:570px;
}



.chrome form.room-reservation{
	width:610px;
}

label[for=ctrl_startDate], label[for=ctrl_endDate]{
	font-size:0px;
}

label[for=ctrl_startDate]::after{
	font-size:12px;
	content:unset;
}


label[for=ctrl_endDate]::after{
	font-size:12px;
	content:unset;
}

.repeating{
	height:0px;
}

.startdatum, .enddatum, .proof .preis{
	width:33%;
	display:contents;
}

#ctrl_startDate, #ctrl_endDate{
	padding:10px;
	border-radius:5px;
	border:none;
	height:40px;
	width:100%;
	color:#000 !important;
}

#ctrl_startDate ::placeholder, #ctrl_endDate ::placeholder{
	color:#000 !important;
}


#calcPrice{
	width:100%;
	height: 42px;
	padding:10px;
	margin-top:5px;
	border-radius:5px;
	border:none;
	background-color:rgba(135, 175, 50, 1);
	box-shadow:inset 0 -20px 15px rgba(0,0,0,0.2), 0 2px 3px rgba(0,0,0,0.3);
	color:#fff !important;
	text-shadow:0 0 3px rgba(0,0,0,0.2);
}

.row.preis .column{
	display:flex;
	align-items:flex-start;
	overflow:visible;
}

.row.preis{
	margin-left:-10px;
}

.verfuegbarkeit{
	padding:0px 25px;
	border-radius:5px;
	border:none;
}


.formElement .error{
	height:0px;
	width:0px;
	overflow:visible;
	display:block ruby;
	-webkit-display:block ruby;
	align-self:flex-start;
	color:#fff;
	font-size:12px;
	white-space:nowrap;
}


.reserv{
	display:none !important;
}

.verfuegbarkeit table{
	width:100%;
	background-color:rgba(255,255,255,0.5);
	border-radius: 5px;
	
}

.verfuegbarkeit table td{
	padding:5px;
}

.verfuegbarkeit table thead tr td{
	font-size:0px;
}
.verfuegbarkeit table thead tr td::after{
	content:"Anreise";
	font-size:14px;
	font-weight:bold;
	transition-delay:0.3s;
	transition-duration:0.2s;
}
.verfuegbarkeit table thead tr td:nth-child(2)::after{
	content:"Abreise";
}
.verfuegbarkeit table thead tr td:last-child::after{
	content:"Status";
}


.verfuegbarkeit table tbody tr td:last-child span{
	background-color:forestgreen;
	color:#fff;
	padding:5px;
	font-weight:bold;
	display:initial;
}

.verfuegbarkeit table tbody tr td:last-child span.error{
	background:transparent;
	color:red;
}

.verfuegbarkeit tbody{
	transform: translateY(-5px);
}


.mod_room_reservation h3{
	text-align:center !important;
	color:#fff !important;
	font-size:25px;
	font-weight:bold;
	font-family:"Ashby Book";
}

.mod_room_reservation{
	overflow:visible;
}





.biglogo{
	position:absolute !important;
	z-index:2;
	margin-left:50% !important;
	transform:translate(-50%, -50%);
	bottom:0;
	top:35%;
	max-width:350px;
	max-height:200px;
	filter:drop-shadow(0 0 15px rgba(0,0,0,0.9));
}







.rsts-nav-bullets{
	display:none;
}


a.rsts-prev, a.rsts-next{
	top:50%;
	transform:translateY(-50%);
	opacity:1 !important;
	left:0px;
	background-color: rgba(135, 175, 50, 1);
	width:50px !important;
	height:50px !important;
}

a.rsts-next{
	right:0px !important;
	left:auto;
}




.impressum a, .impressum a:hover{
	color:rgba(135, 175, 50, 1);
}










input.formfield, textarea.formfield{
	width:100%;
	padding:10px;
	border:none;
	background-color:rgba(53,37,31, 0.7);
	
	backdrop-filter: blur(7px);
	
	border-radius:5px;
	margin-bottom:10px;
	color:#fff;
}

.dse{
	width:100%;
}

.dse *, .dse *:hover{
	color:white;
	font-family:"Ashby Medium", sans-serif;
}

strong{
	font-family:'Ashby Bold';
}

.dse span{
	display:flex;
	justify-content:center;
	align-items:baseline;
	text-shadow:0 0 4px #000;
}

.dse label{
	margin-left:10px;
}

#kf form ::placeholder{
	color:#fff;
	opacity:1 !important;
}

button.sender{
	width:100%;
	background-color: rgba(135, 175, 50, 1);
	border:none;
	padding:15px;
	margin-top:10px;
	border-radius:5px;
	box-shadow:inset 0 -20px 15px rgba(0,0,0,0.2), 0 5px 6px rgba(0,0,0,0.6);
	color:#fff;
	font-weight:bold;
}


#kf{
	background-image:url(../../Bilder-Webseite/Header/kf-bg.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	
	margin-top:100px;
}




#kf form .widget-select select{
	width:100%;
	padding:10px;
	border:none;
	background-color:rgba(53,37,31, 0.7);
	
	backdrop-filter: blur(7px);
	
	border-radius:5px;
	margin-bottom:10px;
	color:#fff;
	text-transform:uppercase;
}


#container .ce_text ul{
	padding-left:25px;
}




.IMGeffect{
	background-image:url(../img/wood.jpg);
	background-color:#333;
	background-position:center center;
	background-attachment:fixed;
	filter: blur(0px);
	-webkit-filter: blur(0px);

	background-repeat: no-repeat;
	background-size: cover;
	
	height:100%;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}

.IMGeffect::after, #gaststimmen::after{
	
	position:absolute;
	z-index:0;
	left:0;
	top:0;
	width:100%;
	height:100%;
	content:"";
	background-color:rgba(0,0,0,0.6);
}

#gaststimmen *{
	z-index:1;
	position:relative;
	
}


#ferienhaus > div.container{
	overflow:visible;
	padding-top:70px;
	padding-bottom:70px;
}

#fh{
	transform:rotateZ(-6.5deg) translateY(20px);
	padding-right:30px;
	overflow:visible;
}

#fh::after{
	content:"zum Vergrößern -> klicken";
	color:#fff !important;
	font-size:12px;
	position:relative;
}

#fh .rsts-view{
	border:10px solid #fff;
	border-bottom:50px solid #fff;
	box-shadow:0 10px 15px 13px rgba(0,0,0,0.9);
}

#fh .rsts-slide a::after{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	box-shadow:inset 0 0 10px rgba(0,0,0,0.3);
}


#ausstattung{
	color:#fff;
	padding:15px 30px;
}

#ausstattung ul{
	padding:0px !important;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	list-style-type:none;
}

#ausstattung ul li{
	max-width:50%;
	width:100%;
	padding:10px 20px 10px 65px;
	position:relative;
	margin-bottom:10px;
}

#ausstattung li img{
	position:absolute;
	left:0px;
	top:50%;
	transform:translateY(-50%);
}


.cData a, .cData a:hover{
	color:#fff;
}

.cData{
	color:#fff;
	background-color:rgba(53,37,31, 0.7);
	border-radius:5px;
	backdrop-filter: blur(7px);
}






#impress *, #impress{
	overflow:visible !important;
}


#impress .rsts-slide img{

	border:10px solid #fff;
	border-bottom:50px solid #fff;
	box-shadow:inset 0 0 10px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.4);
}

#impress .rsts-slide a{
	position:relative;
	z-index:4;
}


.impSlider{
	display:flex;
	justify-content:center;
	align-items:stretch;
}

#cboxCurrent{
	display:none !important;
}









#gaststimmen{
	background-image:url(../img/wood.jpg);
	background-color:#333;
	background-position:center center;
	background-attachment:fixed;
}

#gaestebuch{
	display:flex;
	flex-direction:column;
	align-items:stretch;
	color:#fff;

}

#gaestebuch .guestcommentslist{
	padding:20px 20px;
	border-radius:5px;
	background-color: rgba(214, 149, 79, 0.4);
	
	margin-bottom:25px;
}

#gaestebuch .guestcommentslist .info{
	font-size:14px;
	color:rgba(135, 175, 50, 1);
	padding-bottom:5px;
	border-bottom:1px solid #715144;
}

#gaestebuch .guestcommentslist .info strong{
	color:#fff !important;
	font-weight:normal;
}

.comment_default{
	background-color:#35251f;
	padding:15px;
	border-radius:4px;
	margin-bottom:10px;

}

.comment, .comment *{
	font-family: 'Caveat', cursive;
	font-size:20px;
}


.greenBtn a{
	margin-left:50%;
	transform:translateX(-50%);
}

#newEntry, .guestentry button.submit, .moreImg, .mobilanzeiger strong, .greenBtn a{
	display:table;
	height: 42px;
	padding:10px 20px;
	margin-top:5px;
	font-size:18px;
	border-radius:5px;
	border:none;
	background-color:rgba(135, 175, 50, 1);
	box-shadow:inset 0 -20px 15px rgba(0,0,0,0.2), 0 5px 6px rgba(0,0,0,0.6);
	color:#fff !important;
	text-shadow:0 0 3px rgba(0,0,0,0.2);
	margin-bottom:25px;
	cursor:pointer;
}

.guestentry{
	transition-duration:0.5s;
	max-width:50%;
}

.guestentry .form form{
	transition-duration:0.5s;
	display:none;
	
	padding-top:40px;
}


.guestentry label{
	width:100%;
}

.guestentry label span:nth-child(1){
	display:none;
}

.guestentry .widget-text input, .guestentry textarea{
	width:100%;
	padding:10px;
	border:none;
	background-color:rgba(135, 175, 50, 0.5);
	
	backdrop-filter: blur(7px);
	
	border-radius:5px;
	margin-bottom:10px;
	color:#fff;
}

.guestentry .widget-text:nth-child(5), .guestentry .widget-checkbox{
	display:none;
}



.guestentry button.submit{
	padding-bottom:40px;
}


#entryCloser{
	display:none;
	cursor:pointer;
	position:absolute;
	right:-60px;
	top:0;
}

#entryCloser span{
	border:1px solid #fff;
	border-radius:3px;
	
	width:40px;
	height:40px;
	display:table;
	text-align:center;
	
	float:right;
	
	font-size:22px;
}


label[for=ctrl_comment]{
	font-size:0px;
}

label[for=ctrl_comment] span{
	font-size:18px;
}


label[for=ctrl_comment] span::before{
	content:"Eintrag";
}


.introtext{
	max-width:75%;
	width:75%;
}


.inmiddle{
	display:flex;
	justify-content:center;
}


.fNav{
	
}

.fNav img{
	max-height:25px;
	width:auto;
	background-color:#fff;
}



.activity{
	padding:10px;
	transition-duration:0.2s;
	text-align:center;
	font-weight:bold;
	font-size:22px;
}

.activity figure{
	text-align:center;
	border-radius:50%;
	border:10px solid #fff;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	overflow:hidden;
	height:250px;
	width:250px;
	transition-duration:0.2s;
	margin-bottom:25px;
}

.activity figure:hover img{
	transform:scale(1.02);
	transition-duration:0.2s;
}










.calendar{
	width:100%;
}

.calendar td{
	width:14%;
	box-shadow:inset 0 0 0px 2px #fff;
	height:60px;
	background-color:rgb(214, 149, 79);
	text-align:center;
	vertical-align:baseline !important;
	position:relative;
	font-size:12px;
	text-transform:uppercase;
	color:#fff !important;
	pointer-events:none !important;
}


.calendar td.active{
	align-items: baseline;
	justify-content: center;
	width: inherit;
	height: 73px;
}

.active .event .halbAb12:last{
	max-width:50%;
}


.calendar thead, .calendar tbody{
	display:table;
	width:100%;
	padding-bottom:5px;
}

.calendar thead{
	color:#000;
	text-align:center;
}

.calendar thead tr:nth-child(1) th{
	width:33%;
	text-align:center;
}

.calendar thead tr:nth-child(2) th{
	color:#000 !important;
	width:14%;
	position:relative;
	white-space:unset !important;
	font-size:18px;
	text-align:center;
	padding-bottom:5px;
}

.calendar thead tr:nth-child(2){
	width:calc(100%);
	box-shadow:inset 0 0 2px 0px #fff;
}


.calendar .head a, .calendar .head a:hover, .calendar .head a:active{
	color:#25416c;
}

.calendar .head.current{
	font-size:24px;
	color:rgb(214, 149, 79);
	text-transform:uppercase;
	padding-bottom:10px;
}

.calendar a, .calendar a:hover{
	color:#fff;
	width:100%;
}

.calendar td .event{
	position:absolute;
	z-index:1;
	border-radius:unset !important;
	text-align:center;
}

.calendar td .header{
	position:absolute;
	z-index:0;
	width:100%;
	top:50%;
	transform:translateY(-50%);
	color:#fff;
	font-weight:900;
	font-size:40px;
	opacity:0.5;
}

.edge .calendar td .header{
	transform:unset !important;
}

.calendar .today{
	background-color:rgba(135, 175, 50, 0.6);
}


.calendar td .upcoming, .calendar td .current{
	background-color:rgba(252, 40, 3,1);
	margin-bottom:3px;
	box-shadow:0 2px 2px rgba(0,0,0,0.2);
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	text-align:center !important;
}

.calendar .bygone{
	background-color:rgba(252, 40, 3,0.6);
	margin-bottom:3px;
	box-shadow:0 2px 2px rgba(0,0,0,0.2);
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}

.calendar .head *{
	color:#000 !important;
}


.calendar td.active .event a{
	content:"BELEGT";
	font-size:0px !important;
}

.calendar td.active .event a::after{
	content:"BELEGT";
	font-size:12px !important;
}

/*
.calendar td.active .event + div{
	opacity:1 !important;
	display:table;
	max-width:50%;
	border:none;
}
*/



.ce_gallery figure{
	margin:unset;
	height:100%;
}

.ce_gallery img{
	width:100%;
	height:100%;
	min-width:unset;
	max-width:unset;
	min-height:unset;
	max-height:unset;
	object-fit:cover;
	object-position:center center;
}


.umg{
	justify-content:center;
}




/* ############################### Styles ################################# */


.ce_gallery ul{
	display:flex;
	width:100%;
	flex-wrap:wrap;
	justify-content:center;
	padding:5px 5px 5px 5px;
}

.ce_gallery .cols_2 li{
	max-width:49%;
	width:49%;

}

.ce_gallery .cols_3 li{
	max-width:32%;
	width:32%;

}

.ce_gallery .cols_4 li{
	max-width:24%;
	width:24%;

}


.ce_gallery li{
	transform-origin:center center;
	transition-duration:0.2s;
	margin-bottom:10px;
}

@media (max-width:991px){

	.ce_gallery .cols_2 li, .ce_gallery .cols_3 li,.ce_gallery .cols_4 li{
		max-width:47%;
		width:47%;
	}

	.ce_gallery figure{
		text-align:center;
	}
	
	.jule div.menu{
		background-color:rgba(59, 83, 119, 0.8);
	}
}
@media (max-width:550px){
	
	.ce_gallery .cols_2 li, .ce_gallery .cols_3 li,.ce_gallery .cols_4 li{
		max-width:46%;
		width:100%;
		margin-right:unset;
	}
	
	.gallery{
		padding:0px !important;
	}
	
	.gallery ul{
		justify-content:space-between;
	}
	
}



.gallery {
  width: 100%;
  margin: 0;
  padding: 0;
}
.gallery li { 
  display: none;
  float: left;
  list-style: none;
  margin-right: 10px;
}
.moreImg{
	text-transform:uppercase;
	padding:10px 15px 35px;
	cursor:pointer;
	
	margin-left:50%;
	transform:translateX(-50%);
	display:block;
}




.mobilanzeiger{
	display:none;
}







@media (max-width:1190px){
	
	.downarrow{
		display:none;
	}
	
	.activity *, .activity{
		text-align:center;
	}
	
	div.activity figure{
		width:200px;
		height:200px;
	}
	
	#menuBox ul li *{
		font-size:16px;
	}
	
}






@media (max-width:991px){
	
	div.activity figure{
		width: 100%;
		height: auto;
	}
	.activity figure img{
		width:100%;
		height:100%;
		min-width:unset;
		max-width:unset;
		min-height:unset;
		max-height:unset;
		object-fit:cover;
		object-position:center center;
	}
	
	.kform{
		margin-bottom:30px;
		padding-left:0px !important;
		padding-right:0px !important;
	}
	
	#fh{
		margin-bottom:70px;
	}
	
	
	#menutrigger{
		display:block !important;
	}
	
	a#mobilLogo{
		width:130px;
		background-size:contain;
		height:100px;
		left:20px;
		align-self:flex-start;
	}
	
	#menuBox{
		margin-left:0px;
		width:100% !important;
		max-width:unset;
		justify-content:unset !important;
		
	}
	
	.menu ul{
		transition-duration:0.3s;
		flex-direction:column;
		margin-top:-120VH;
		padding:20px;
	}
	
	.menu li{
		margin-bottom:10px;
	}
	
	div.menu{
		transition-duration:0.3s;
		position:absolute;
		top:100px;
		left:0;
		max-width:unset !important;
		background-color:rgba(53,37,31, 0.85);
		box-shadow:inset 0 3px 3px rgba(0,0,0,0.8);
		padding:0px !important;
		text-transform:uppercase;
	}
	
	.introtext{
		max-width:unset !important;
	}
	
	
	
}





@media (max-width:768px){
	
	.jule .checkinfo{
		display:none;
	}
	
	#menucontainer{
		min-height:100px !important;
	}
	
	#mobilLogo{
		display:block;
		position:absolute;
		top:0px;
	}
	
	#menuBox ul{
		width:100% !important;
	}
	
	div.hb{
		flex-direction:column;
	}
	
	div.hb div.header.half{
		max-width:100% !important;
		height:auto;
		padding:7vw 3vw 9vw;
	}
	
	.header::after{
		display:none;
	}
	
	.headtext *{
		font-size:18px !important;
	}
	
	.header p img{
		max-height:80px !important;
	}
	
	div#topline{
		display:none;
	}
	
	#menucontainer{
		margin-top:unset !important;
	}
	
	#ausstattung{
		padding-left:5px !important;
		padding-right:5px !important;
		text-align:left;
	}
	
	#ausstattung h3{
		width:100%;
		text-align:center;
	}
	
	#ausstattung ul{
		
	}
	
	div#ausstattung ul li{
		max-width:unset;
		padding: 10px 10px 10px 10px;
		display:flex;
		width:100%;
		justify-content:flex-start;
		align-items:center;
	}
	
	div#ausstattung li img{
		position:unset !important;
		transform:unset !important;
		margin-right:10px;
	}

	
	.IMGeffect, #gaststimmen{
		background-attachment:unset !important;
	}
	
	p.info div.comment *, .comment *, div.comment{
		font-size:18px !important;
	}
	
	#kf{
		margin-top:unset !important;
	}
	
	#newEntry, #gaststimmen .widget-submit, #gaststimmen .widget-submit button{
		display:table;
		width:100%;
	}
	
	div.guestentry{
		max-width:unset;
		text-align:center;
	}
	
	#gaststimmen label{
		font-size:16px;
	}
	
	label[for=ctrl_comment]{
		font-size:0px !important;
	}
	
	label[for=ctrl_comment] span{
		font-size:16px;
	}
	
	.dse span{
		flex-direction:column;
		justify-content:center;
		align-items:center;
		text-align:center;
	}
	
	.dse span input{
		transform-origin:50% 50%;
		transform:scale(1.6);
		margin-bottom:10px;
	}
	
	
	#checkAvailability{
		flex-direction:column;
		min-width:unset !important;
		
	}
	form.room-reservation {
		width:auto !important;
		min-width:300px;
	}
	
	#calcPrice{
		width:182px;
		margin-left:-8px;
	}
	
	
	.calendar thead tr:nth-child(2) th span{
	 	display:none !important;
	 }
	 
	 .calendar tr{
		display:flex;
		flex-direction:column;
		width:100% !important;
		max-width:unset;
		
	}
	
	.calendar  tr{
		padding-left:40px;
	}
	
	.calendar thead tr:nth-child(1){
		flex-direction:row !important;
		justify-content:space-between;
		align-items:center;
	}
	
	.calendar thead tr:nth-child(2) , .calendar td.empty{
		display:none;
	}
	
	.calendar tbody td{
		width:100% !important;
		min-height:50px;
		position:relative;
	}
	
	
	.calendar tbody tr td::before{
		position:absolute;
		top:0;
		left:-39px;
		color:#000;
		top:50%;
		transform:translateY(-50%);
		font-size:20px;
		font-weight:bold;
		vertical-align:middle;
	}
	
	.calendar tbody tr .weekend::before{
		content:"Sa";
		opacity:0.5;
	}
	
	.calendar tbody tr .weekend.col_last::before{
		content:"So";
		opacity:0.5;
	}
	
	.calendar tbody tr .days:nth-child(1)::before{
		content:"Mo";
	}
	
	.calendar tbody tr .days:nth-child(2)::before{
		content:"Di";
	}
	
	.calendar tbody tr .days:nth-child(3)::before{
		content:"Mi";
	}
	
	.calendar tbody tr .days:nth-child(4)::before{
		content:"Do";
	}
	
	.calendar tbody tr .days:nth-child(5)::before{
		content:"Fr";
	}
	
	
	
	.mobilanzeiger{
		display:block;
		disply:flex;
		justify-content:center;
	}
	
	.mobilanzeiger strong{
		margin-left:50%;
		transform:translateX(-50%);
	}
	
	#bk{
		height:0px;
		overflow:hidden;
		opacity:0;
		transition-duration:0.5s;
		padding:0px;
	}
	
	.proof{
		display:none;
	}
	
}


.checkinfo{
	position: absolute;
z-index: 2;
bottom: 15px;
margin-top:-30px;
color: #fff;
padding: 5px;
text-shadow: 0 0 5px black;
}

.checkinfo a{
	color:#fff;
	text-decoration:underline;
}

.checkinfo sub{
	padding:5px;
	background-color:rgba(0,0,0,0.5);
}


@media (max-width:550px){
	
	.activity{
		max-width:100%;
		width:100% !important;
	}
	
	div#fh{
		height:300px !important;
	}
	
}




#botLine{
	text-align:center;
	font-size:12px;
	background-color:#111;
}

#botLine p, #botLine a, #botLine a:hover{
	font-size:12px;
	color:#aaa;
	margin:0px;
}


#botLine p{
	padding:5px;
}


.calendar .event{
	display:table-caption;
	width:100%;
}

.event.firstElement{

	width: 100%;
	float: right;
	position: absolute;
	top: 0;
	right: 0;
}


.event.lastElement{
	
	width: 100%;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
}

.calendar td.active .event + div{
	opacity:1;
}






#inf.comin{
	transition-delay:0.5s;
	transition-timing-function:ease-in-out;
	transition-duration:0.7s;
	opacity:1;
	
	right:0px;
}

#inf{

	width:300px;
	height:auto;
	position:fixed;
	z-index:20000;
	right:-320px;
	top:250px;
	background-color:#fff;
	border-right:0px !important;
	border:3px solid rgba(255, 99, 71, 1);
	box-shadow:0 4px 4px rgba(0,0,0,0.4);
	border-top-left-radius:15px;
	border-bottom-left-radius:15px;
	padding:25px;
	overflow:visible;
	opacity:0;
}

#inf:before{
	content:"INFO";
	font-weight:900;
	font-size:20px;
	position:absolute;
	left:0;
	top:0;
	transform:translateY(-100%);
	color:#fff;
	text-shadow:0 0 5px rgba(0,0,0,0.8);
}




















div.header.half{
	max-width:50%;
	height:100VH;
	width:100%;
	
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	
	display:flex;
	align-items:flex-start;
	justify-content:center;
	padding:7vw;
	position:relative;
	overflow:visible;
}

div.header::before{
	content:"";
	left:0;
	top:0;
	width:100%;
	height:100%;
	position:absolute;
	background-color:rgba(0,0,0,0.3);
	z-index:1;
}

div.header:first-child::after{
	content:"";
	right:0;
	top:0;
	width:150px;
	height:100VH;
	position:absolute;
	background-color:rgba(0,0,0,0);
	background-image:url(../img/deviding.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto 100%;
	z-index:3;
	transform:translateX(calc(50% + 5px));
}

div.header > .ce_image{
	width:0px;
	height:0px;
}

div.headtext *{
	color:#fff;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	text-shadow:0 0 35px rgba(0,0,0,0.7);
	overflow:visible;
	color:#fff !important;
}

.headtext p:last-child a{
	padding:10px 20px;
	background-color:#F2B01C;
	text-decoration:none !important;
	border-radius:5px;
	position:relative;
	overflow:visible;
}

.headtext p:last-child a::after{
	content:"auf booking.com";
	background:none !important;
	font-size:14px;
	width:100%;
	position:absolute;
	left:0;
	bottom:-20px;
}

.jj.headtext p:last-child a::after{
	display:none;
}

div.j p:last-child a{
	padding:10px 20px;
	background-color:#62acc7;
	text-decoration:none !important;
	border-radius:5px;
}

div.headtext{
	line-height:1.2;
	position:relative;
	z-index:5;
	overflow:visible;
}

.header p img{
	max-height:150px;
}

td .header::after, td .header::before{
	display:none;
}

.greenBtn a{
	font-weight:bolder;
}

.trenner{
	/*background-image: url("../../Bilder-Webseite/Header/Header-Jule.jpg"); */
	 background-image:url(../img/trenner.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
















/* FEWO JULE STYLES ************************************************* */



body.jule h1,body.jule h1 *, body.jule h2, body.jule h2 *, body.jule h3, body.jule h3 *, body.jule h4,body.jule h4 *, body.jule header #menuBox li *, body.jule #container *{
	font-family:"Grandstander", serif !important;
}


.jule .mod_article{
	position:relative;
}



div.bgimage{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:0;
	overflow:hidden;
	
	
}

.bgimage.attached{
	background-size:cover;
	background-position:center center;
	background-attachment:fixed;
	background-repeat:no-repeat;
}

.bgimage figure{
	width:100%;
	height:100%;
	margin:0;
	display:flex;
	align-items:center;
	justify-content:center;

}

.bgimage img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;

}


.jule .mod_article.last{
	padding-bottom: 25vh;
}

.jule #topline{
	background-color:#fff;
	color:#2d4063 !important;
}

.jule #topline *{
	color:#2d4063 !important;
}


.jule #footercontainer{
	background-color:#66afc9 !important;
	box-shadow:none;
	border:0;
}

.jule #menucontainer{
	background-color:#66afc9;
	box-shadow:0 4px 4px rgb(0 0 0 / 30%);
	border:0;
}


.jule #mobilLogo{
	background-image:url(../img/logo-jule-white.png);
	filter: drop-shadow(0 0 5px rgba(255,255,255,0.5));
}

.jule form.room-reservation{
	background-color:rgba(59, 83, 119, 0.85);
	border-radius:0;
}

.jule .biglogo{
	filter: drop-shadow(0 0 15px rgba(255,255,255,0.9));
	margin-top:-50px;
}

.jule #main .fewojule .rsts-view{
	box-shadow:0 10px 15px 13px rgba(0,0,0,0.2);
}


.jule #menucontainer li a:hover{
	color:rgba(255,255,255,0.6);
}


.jule #calcPrice{
	border-radius:0;
	background-color:#66afc9;
}

.jule h3, .jule h3 *, .jule h2, .jule h2 *, .jule h1, .jule h1 *, .jule h4, .jule h4 *{
	color:rgba(59, 83, 119, 1);
}


.jule #kf{
	background-image:none;
}

.jule #kf *{
	border-radius:0;
}

.jule #kf .widget{
	width:100%;
}

.jule #kf .widget-text input, .jule #kf .widget-textarea textarea{
	max-width:calc(100% - 10px);
}

.jule #kf .formbody{
	display:flex;
	align-items:stretch;
	flex-wrap:wrap;
}


.widget-calendar{
	display:flex;
	width:100%;
	align-items:center;
	position:relative;
	max-width:50%;
}

.widget-calendar img{
	width:30px;
	height:30px;
	position:absolute;
	right:15px;
	top:5px;
	z-index:2;
}


.jule .room-reservation::before, .jule .kform::after, .jule .moreImg::after{
	position:absolute;
	left:0;
	top:0;
	width:180px;
	height:140px;
	content:"";
	display:block;
	background-image:url(../img/seagul.gif);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center bottom;
	transform: translate(-40%,-80%);
}

.jule .kform::after{
	left:auto;
	right:0;
	transform: translate(30%,-80%) scaleX(-1);
}


.jule #kf{
	background-image:url(../../Bilder-Webseite/Bilder-Jule/sea.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	margin-top:0px;
}

.jule #kf .widget-submit button.sender{
	color:#fff !important;
	font-family: "Grandstander", serif !important;
	font-size: 18px;
	font-weight:normal !important;
}


.jule .calendar td, .jule #menutrigger{
	background-color:rgba(59, 83, 119, 1);
}

.jule .calendar .head.current{
	color:#66afc9;
}

.jule #newEntry, .jule .moreImg, .jule button.sender{
	background-color:#66afc9;
	border-radius:0;
}


.jule #gaststimmen{
	background:none;
	position:relative;
}

.jule #gaststimmen .bgimage{
	position:absolute;
}


.jule .headerbild figure::after{
	opacity:0.3;
}




.jule .frame .rsts-view{
	border:0 !important;

}

.jule .frame .rsts-view .rsts-crop, .jule .mod_rocksolid_slider, .jule .frame .rsts-view, .jule .frame .rsts-view .rsts-slide{
	width:500px !important;
	height:386px !important;
}


.jule .frame .rsts-view{
	overflow:visible;
	position:relative;
}

.jule .frame .rsts-view::before{
	content: "";
    position: absolute;
    left: -29px;
    top: -30px;
    width: calc(100% + 60px);
    height: calc(100% + 63px);
    background-image: url(../img/frame.png);
    background-position: center center;
    background-repeat: no-repeat;
    transform: rotate(0.3deg);
    background-size: 100% 100%;
    box-shadow:0 0 25px rgba(0,0,0,0.5);
}



.jule #fh{
	transform:translateX(-50px) translateY(50px) rotate(-6.5deg);
	z-index:4;
}

.jule .fewojule *{
	text-shadow:0 0 10px rgba(0,0,0,0.5);
	color:#fff;
}

.jule #fh::after{
	content: "zum Vergrößern -> klicken";
    color: #fff !important;
    font-size: 12px;
    position: absolute;
    margin-top: 40px;
    display: block;
}


.jule #ausstattung{
	padding: 15px 0px;
    padding-left: 50px;
}

.jule #ausstattung img{
	filter:drop-shadow(0 0 10px rgba(0,0,0,0.4));
}

.jule .fewojule .bgimage figure::after{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:0;
	background-color:rgba(0,0,0,0.3);
	content:"";
}


.jule #footercontainer *{
	filter:none !important;
}



.jule #gaestebuch .guestcommentslist, .jule #gaestebuch .guestentry input, .jule #gaestebuch .guestentry textarea, .jule #gaestebuch .guestentry button, .jule #gaestebuch .guestentry #entryCloser{
	background-color:rgba(102, 175, 201, 0.7);
	backdrop-filter:blur(5px);
}

.jule #container #entryCloser span{
	display: flex;
    align-items: center;
    justify-content: center;
  
}

.jule #container #entryCloser{
    transform: translate(-150%, 0px);
    z-index: 5;
}

.jule .guestentry .form{
	overflow:hidden;
}

.jule #container #gaststimmen *{
	color:#fff;
	text-shadow:0 0 10px rgba(0,0,0,0.5);
}

.jule .gallery figure{
	overflow:hidden;
}


.jule .today{
	background-color:#66afc9 !important;
}


.jule #container div#fh .rsts-next, .jule #container div#fh .rsts-prev{
	background-color:transparent !important;
	background-image:url(../img/a-next.png);
	background-repeat:no-repeat;
	background-size:contain;
	top:calc(100% - 50px);
	box-shadow:none !important;
	border:0 !important;
	width:70px !important;
	height:60px !important;
	left:auto;
	right:-61px !important;
	cursor:pointer;
	filter:drop-shadow(0 7px 4px rgba(0,0,0,0.4));
}

.jule #container div div#fh .rsts-prev{
	background-image:url(../img/a-prev.png);
	left:-61px;
	right:auto !important;
}

.jule #fh .rsts-inactive, .jule #fh .rsts-postactive, .jule #fh .rsts-preactive{
	opacity:0;
	transition:all 0.2s ease-out;
}


.jule #kf .widget-text input, .jule #kf textarea, .jule .cData{
	background-color:rgba(102, 175, 201, 0.7) !important;
}

.jule #footercontainer ul{
	padding-left:0 !important;
	list-style:none !important;
}


.jule #kf ::placeholder{
	text-transform:initial !important;
}

.jule #kf form .widget *, .jule #kf form .widget.dse *, .jule #kf ::placeholder, .jule #container .cData *, .jule #footercontainer #innerFooter *{
	color:rgba(59, 83, 119, 1) !important;
	text-shadow:none !important;
	
}


.fullheight{
	min-height:70VH;
}


.jule div.activity figure{
	border-radius:0px;
	border-width:3px;
	width:99%;
	height:99%;
	margin:0;
	
}

 .jule div.activity img{
 	width:100%;
 	height:100%;
 	object-fit:cover;
 	object-position:center center;
 }

.jule div.activity{
	padding:0;
	max-height:20vw;
	height:350px;
}

.jule div.activity p{
	position:absolute;
	z-index:3;
	color:#fff;
	bottom:0;
	left:0;
	margin-left:15px;
	margin-bottom:15px;
	text-shadow:0 3px 10px rgba(0,0,0,0.6);
	font-size:24px;
}

.jule .umg{
	padding-left:10px;
	padding-right:10px;
	overflow:visible;
}


.jule .impSlider a.rsts-prev, .jule .impSlider a.rsts-next{
	background-color:#66afc9;
}


.jule .impSlider img{
	transition:all 0.5s ease-in-out;
}


.jule .fl figcaption, .jule .fl figure{
	font-size:12px;
	text-align:center;
	width:100%;
}

.jule .fl figcaption{
	padding-top:15px;
}


.jule #ferienhaus > div.container{
	padding-bottom:150px;
}



.jule .mobilanzeiger strong{
	background-color:#66afc9;
	border-radius:0;
	font-weight:normal;
}







@media (max-width:1300px){
	
	.jule #fh {
	    transform: translateX(-50px) translateY(50px) rotate(-6.5deg) scale(0.8);
	    z-index: 4;
	}
	
	
}






@media (max-width:1199px){
	
	.jule #fh {
	    transform: translateX(-50%) translateY(50px) rotate(-6.5deg) scale(1);
	    z-index: 4;
	    margin-bottom:120px;
	    margin-left:50%;
	}
	
	
	.jule #ausstattung{
		width:100%;
		max-width:65%;
		flex:0 0 auto;
		padding:20px;
		margin-left:50%;
		transform:translateX(-50%);
	}
	
	
}









@media (max-width:990px){
	
	.jule #ausstattung{

		max-width:100%;

		margin-left:0%;
		transform:translateX(0%);
	}
	
	
	.jule .frame .rsts-view, .jule .frame .rsts-crop, .jule .frame .rsts-slide{
		max-width:100%;
		width:100%;
		height:100% !important;

	}
	
	.jule .frame .rsts-slides{
		height:100% !important;
		width:100%;
	}
	
	
	
	
}




@media (max-width:768px){
	
	.jule .kform .widget-calendar{

		max-width:100%;

	}
	
	.jule div .frame .rsts-view, .jule div .frame .rsts-crop *, .jule div .frame .rsts-slide, .jule div .frame .rsts-slides, .jule div#fh{
		height:80vw;
		max-height: 80vw !important;
	}
	
	.jule div .frame .rsts-crop img{
		width:auto !important;
		margin:0 !important;
	}
	
	.jule div .frame .rsts-slide{
		display:table;
		width:100%;
	}
	
	
	
	.jule #fh{
		transform:none !important;
		margin-left:0 !important;
		max-width:100%;
		padding:0 50px;
	}
	
	
}













@media (max-width:600px){

	
	.jule div .frame .rsts-view, .jule div .frame .rsts-crop *, .jule div .frame .rsts-crop , .jule div .frame .rsts-slide, .jule div .frame .rsts-slides{
		height:200px;
		max-height: 200px !important;
	}
	
	
	.jule div#fh{
		margin-bottom:0px;
	}
	
	.jule .bgimage.attached {
	    background-size:auto 120vh;

	}
}














/* WATZEK ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
:root{
	--dunkelblau:#183e5e;
	--beige:#d8ba7c;
}

body.watzek #kf .widget-text input, body.watzek #kf textarea, body.watzek .cData{
	background-color:rgba(216, 186, 124, 0.7) !important;
}

body.watzek #menucontainer, body.watzek #footercontainer{
	background-color:#fff !important;
}

body.watzek #footercontainer{
	box-shadow:0 -5px 15px rgba(0,0,0,0.5);
}

body.watzek #menutrigger, .watzek #topline{
	background-color:var(--dunkelblau);
}

.watzek #calcPrice, body.watzek .today, .watzek .impSlider a.rsts-prev, .watzek .impSlider a.rsts-next, .watzek #kf button.sender{
	background-color:var(--beige) !important;
}

.watzek #menuBox *{
	color:var(--dunkelblau);
}

body.watzek #menuBox *:hover, .watzek .calendar .head.current{
	color:var(--beige) !important;
}

.watzek .biglogo{
	max-width:400px;
	margin-top:0;
}

.watzek #topline *{
	filter:brightness(200);
}

.watzek .headerbild figure::after{
	opacity:0.5;
	box-shadow:inset 0 -50px 10px #fff;
}

.watzek form.room-reservation{
	background-color:rgba(24, 62, 94, 0.5);
}

.watzek #mobilLogo {
    background-image: url(../img/fewowatzek.png);
    filter: none;
    background-position:left center;
    
}

.watzek.jule .room-reservation::before{
	background-image: url(../img/shoes.png);
	height:100px;
	    transform: translate(-40%,-70%);
}

body.watzek #kf{
	background-image: url(/files/Bilder-Webseite/Bilder-Fewo-Watzek/sand.jpg);
}

.watzek #kf .kform::after{
	display:none;
}



@media (max-width:768px){
	
	.watzek #ferienhaus .frame{
	width: 100% !important;
    margin-left: 50% !important;
    transform: translateX(-50%) !important;
    margin-bottom:90px;
}
	
}



@media (max-width:600px){

	
	body.watzek #ferienhaus .frame .rsts-view .rsts-crop, body.watzek #ferienhaus .mod_rocksolid_slider, body.watzek #ferienhaus .frame .rsts-view, body.watzek #ferienhaus .frame .rsts-view .rsts-slide, body.watzek #ferienhaus .frame .rsts-view, body.watzek #ferienhaus .frame .rsts-view .rsts-slides, body.watzek #ferienhaus .frame .rsts-view .rsts-slide a{
		width: 100% !important;
	    margin-left: 0 !important;
	    transform: translateX(0%) !important;
	    height:400px !important;
	    max-height:unset !important;
	}
	
	body.watzek #ferienhaus .frame .rsts-view .rsts-slide a{
		DISPLAY:BLOCK;
	}
	
	body.watzek #ferienhaus .frame .rsts-view .rsts-slide a img{
		width:100%;
		height:100%;
		max-height:unset !important;
		object-fit:cover;
		object-position:center center;
	}
}



div.fewos .ce_text{
	background-color:#f6f6f6;
	padding:20px;

	padding-bottom:40px;
	height:100%;
}

div.fewos .ce_text *{
	color:#333 !important;
	font-size:18px;
	text-shadow:unset !important;
}

div.fewos .ce_text p img{
	width:auto;
	height:80px;
}

div.fewos{
	overflow:hidden;
	padding-bottom:30px;
	margin-bottom:35px;
}

div.fewos .ce_text p + p img{
	height:30px;
	filter:brightness(0);
}