body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
.cookiebar{box-sizing:border-box;position:fixed;left:0;width:100%;padding:.6em 1.2em;background-color:#4b4b4b;color:#fff;font-size:1em;text-align:center;z-index:10}.cookiebar *{box-sizing:border-box}.cookiebar--active{display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap}.cookiebar--position-top{top:0}.cookiebar--position-bottom{bottom:0}.cookiebar__message,.cookiebar__text{margin-right:1.5em}.cookiebar__link{color:#fff;text-decoration:underline}.cookiebar__link:hover{text-decoration:none}.cookiebar__button{margin:0;padding:.6em 1.2em;border:none;border-radius:0;background-color:#4ea55e;color:#fff;font-weight:700;cursor:pointer}.cookiebar__button:hover{background-color:#3e824a}.cookiebar__analytics{margin-right:1.5em}.cookiebar__analytics-label{cursor:pointer}.cookiebar__analytics-checkbox{margin-right:5px}
@font-face {
    font-family: 'Lastica';
    src: url('../../files/fonts/Lastica.woff2') format('woff2'),
        url('../../files/fonts/Lastica.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
	font-family: 'Glacial';
	font-style: normal;
	font-weight: normal;
	src: local('Glacial Indifference Regular'), url('../../files/fonts/GlacialIndifference-Regular.woff') format('woff');
}


@font-face {
	font-family: 'Glacial Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Glacial Indifference Bold'), url('../../files/fonts/GlacialIndifference-Bold.woff') format('woff');
}

*{
	padding:0;
	margin:0;
}


.cookiebar{
	background-color:rgba(0,0,0,0.7);
	z-index:1000;
}

.cookiebar *{
	font-size:14px !important;
}


body{
	overflow-x:hidden;
	font-family:"Glacial", "Trebuchet", sans-serif;
}

#mietrechner{
	display:none;
}

button#checking{
	display: table;
	padding: 10px 20px;
	background-color: #fdc10c !important;
	color: #fff !important;
	border-radius: 30px;
	min-width: 150px;
	text-decoration: none;
	text-align: center;
	border:0;
	margin-left:15px;
	font-size:20px !important;
}


strong, .priceinfo, .eigenschaften tr td:last-child, .extras div.xtr, #mietrechner .priceTotal *, #mietrechner .priceSingle *, .endmiete tr td:last-child, .rent tr td:last-child, .bonus tr td:last-child, div.totalprice tr td:last-child, .eigenschaften tr td:last-child, .start .camperliste .camper .shortinfo h2, .start .camperliste .camper .shortinfo h2 *, .ct *, .halblinks h3, .halbrechts h3, .kachel .insideText, figcaption{
	font-family: 'Glacial Bold', sans-serif !important;
}

.priceinfo::after{
	font-family: 'Glacial', sans-serif;
}

body #container{
    padding-top:unset;
    transition:all 0.2s ease-in-out;
    font-family: 'Glacial', sans-serif;
}

.noheader #container{
	padding-top:120px;
}

footer *{
	font-family: 'Glacial';
}

header li, footer li{
    list-style-type:none;
}


a, em, strong{
    font-size:inherit;
    color:inherit;
}

p, li, option, label{
	font-size:20px;
}

body h1, .h1{
	font-size:50px;
	margin-bottom:25px;
}

body h2, .h2{
	font-size:42px;
	color:#ffc107;
	margin-bottom:20px;
	font-family:"Glacial";
}

body h2 strong{
	font-family:"Glacial Bold";
	text-transform:uppercase;
}

body h3, .h3{
	font-size:30px;
}

body h4, .h4{
	font-size:22px;
}



.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;
}

.middle{
    align-items:center;
}

.stretch{
    align-items:stretch;
}

.baseline{
	align-items:baseline;
}


/* ############################### Menustyles ################################# */

header, #menucontainer, #menucontainer *{
	overflow:visible;
}

#menucontainer{
	width:100%;
    position:absolute;
    z-index:200;
    height:100px;
    top:20px;
	left:0;
	padding:25px;
}

#menuBox{
	display:flex;
    flex-wrap:nowrap;
    justify-content:space-evenly;
    align-items:center;
   
}

#menuBox nav{
	width:calc(100% - 250px);
}

#menuBox ul{
    list-style-type:none;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin-bottom:unset;
    padding:15px;
}

#menuBox li *{
	color:#fff;
	font-size:18px;
	transition:all 0.3s ease-in-out;
	font-family: 'Glacial', sans-serif;
}

#menuBox li{
	text-align:center;
	padding-left:15px;
	padding-right:15px;
	
}

#menuBox li > *{
	padding:10px 15px;
	border-radius:20px;
}

#menuBox li strong.active, #menuBox a.trail{

    padding:10px 15px;
    background-color:#ffc107;
    text-decoration:none;
    border-radius:20px;
}


#mobilLogo{
    width:200px;
    height:80px;
    
    background-image:url(../../files/img/logo.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
    
    left:20px;
    top:0px;
    
    display:block;
}

#menutrigger{
    width:60px;
    height:60px;
    background-color:#172e3d;

    background-image:url(../../files/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;
}


header li.submenu{
	position:relative;
	overflow:visible;
}

#menuBox li.uc ul.level_2{
	white-space:nowrap;
	left:0;
	position:absolute;
	padding-left:0;
	display:flex;
	flex-wrap:wrap;
	height:0;
	opacity:0.0;
	overflow:hidden !important;
	transition:all 0.3s ease-in-out;
}

#menuBox ul.level_2 li{
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
}

#menuBox li.uc:hover ul.level_2{
	height:unset;
	opacity:1;
	transition:all 0.3s ease-in-out;
}


/* ############################### Footerstyles ################################# */

#footercontainer{
	width:100%;
	background-color:#475d69;
	overflow:visible;
	position:relative;
	z-index:1000;
}

#innerFooter{
	overflow:visible;
	padding-top:45px;
	padding-bottom:15px;
    
    display:flex;
    align-items:stretch;
    justify-content:space-between;
}

#innerFooter a, #innerFooter a:hover{
    color:inherit;
    text-decoration:none;
}

#innerFooter *, #innerFooter *:hover{
	color:#fff;
}

.fInfo{
    height:100% !important;
}

.fNav ul{
	display:flex;
	flex-wrap:nowrap;
	justify-content:flex-start;
	padding-left:30px;
    list-style-type:none;

}

body footer #innerFooter .fMenu li *{
	background-color:transparent !important;
	padding:0 !important;
}

.fNav li{
	padding-left:15px;
}


.fLogo{
	margin-top:-120px;
	margin-bottom:25px;
}

.fLogo img{
	width:100%;
	height:100%;
	min-width:unset;
	max-width:100%;
	min-height:unset;
	max-height:150px;
	object-fit:contain;
	object-position:center center;
}


.underline *, .underline *:hover{

}

.underline .textOnly{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}



.line{
	max-width:calc(100%);
	width:100%;
	border-bottom: 1pt solid #fff;
	margin-bottom:30px;
	margin-top:25px;

	display:block;
	position:relative;
}

.balken{
	width:25%;
	height:10px;
	background-color:#ffc107;
	display:block;
	transform:translateY(50%);
	bottom:0;
	position:absolute;
	left:0;
	
	transition:all 0.2s ease-in-out;
}


.ms a, .ms a:hover{
	width:30px;
	height:30px;
	display:flex;
	padding:0px !important;
	align-items:center;
	justify-content:center;
}

.ms li{
	padding-left:15px !important;
	padding-right:0 !important;
}




/* ############################### Styles ################################# */

/* ############################### Styles Galerie ################################# */

.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;
}




.pagination{
	margin-bottom:25px;
}
.pagination ul{
	width:100%;
	
	display:flex;
	flex-wrap:wrap;
	list-style-type:none;
}

.pagination li{
	padding:5px 10px;
	margin-right:2px;
	border:1px solid #ddd;
}

.pagination > p{
	padding:5px 5px;
	width:140px;
    display:none;
}

.pagination li *{
	color:#333;
}

.pagination .active{
	font-weight:bolder;
	color: #0089b9;
}


p.back a, p.back a:hover{
    text-decoration:none;
    color:inherit;
}



.fSocials{
	padding-top:25px;
	text-align:center;
}



/* ############################### Styles Headerbild ################################# */


.headerbild{
	max-height:100VH;
	overflow:hidden;
	border-bottom-left-radius:100px;
	border-bottom-right-radius:100px;
}

.headerbild figure, .filledImage figure{
	width:100%;
	max-height:inherit;
	height:100%;
	object-fit:cover;
	object-position:center center;
	margin:0;
	
}

.headerbild figure img, .filledImage 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;
	
}




.downarrow{
	width:80px;
	height:80px;
	margin-left:50%;
	transform:translate(-50%, -50%);
	position:relative;
	margin-top:-100px;
	z-index:10;
	cursor:pointer;
}






/* ############################### Styles Rocksolid Slider ################################# */

.rsts-nav-bullets{
    display:none;
}

.rsts-view a.rsts-prev, .rsts-view a.rsts-next{
	bottom:100px;
	margin-right:5vw;
	
	border:2px solid #8abd24;
	border-radius:0px !important;
	background-color:transparent !important;
	
	width:40px;
	height:40px;
}






/* ############################### Styles Kontaktformular ################################# */


.ce_form ::placeholder{
    opacity:1;
    color:#000;
}

input.formfield, textarea.formfield{
    width:100%;
    padding:10px;
    border:0;
    
    box-shadow:inset -2px -2px 2px rgba(0,0,0,0.3);
    
    margin-bottom:5px;
}

.dse span{
    display:flex;
    align-items:center;
}

.dse input{
	margin-right:10px;
}

.dse *{
	font-size:16px !important;
}

button.sender{
    margin-left:50%;
    transform:translateX(-50%);
    padding:15px 20px;
    border:none;
}


div.hideme #sending{
	display:none !important;
}

.camperCal{
	position:relative;
}

.hideme{
	position:relative;
}

/*
div.hideme::after{
	content:"In dieser Saison leider nicht verfügbar";
	font-size:30px;
	font-family:"Glacial Bold", sans-serif;
	position:absolute;
	left:0;
	top:0;
	color:#fdc10c;
	width:70%;
	top:400px;
	left:50%;
	transform:translateX(-50%);
	opacity:1 !important;
	background-color:#fff;
	padding:20px;
	box-shadow:0 0 25px rgba(0,0,0,0.5);
}

*/

.saison{
	margin-bottom:30px;
}

.saison table{
	width:100%;
}

.saison td, .saison th{
	padding:3px;
}

.saison tr td:last-child{
	font-family:"Glacial Bold";
	text-align:right;
}

.saison thead tr th:last-child{
	text-align:right;
}

.saison thead{
	font-family:"Glacial Bold";
	border-bottom:10px solid transparent;
}

.saison tbody tr.aktuell{
	background-color:#fdc10c;
}

.saison tbody tr.aktuell td{
	color:#fff !important;
}



#container ul{
	padding-left:20px;
}

.navipfad ul{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
}


.navipfad li.aktuell > *{
	background-color:#fdc10c;
	font-weight:bolder !important;
}

.navipfad li.aktuell > *::before{
	font-family:"Glacial Bold";
}

.navipfad li{
	width:100%;
	align-items:center;
	justify-content:center;
	text-align:center;
	display:flex;
	border:0px !important;
	position:relative;
	z-index:1;
	list-style:none;
	font-weight:300;
}

.navipfad li > *::before{
	font-weight:300 !important;
	font-family:"Glacial", sans-serif;
	margin-top:0px;
}

.navipfad li *{
	width:75px;
	height:75px;
	
	align-items:center;
	justify-content:center;
	text-align:center;
	display:flex;
	
	background-color:#eeeeee;
	color:#fff !important;
	
	font-weight:300 !important;
	
	border-radius:50%;
	border:0px !important;
	font-size:0px !important;
}

.navipfad ul.level_1 li > *::before{
	font-size:35px !important;
}

.navipfad ul.level_1 li:nth-child(1) > *::before{
	content:"1";
}

.navipfad ul.level_1 li:nth-child(2) > *::before{
	content:"2";
}

.navipfad ul.level_1 li:nth-child(3) > *::before{
	content:"3";
}

.navipfad ul.level_1 li:nth-child(4) > *::before{
	content:"4";
}



.navipfad{
	position:relative;
}

.navipfad ul{
	margin-bottom:0px !important;
}

.navipfad::before{
	content:"";
	width:100%;
	height:15px;
	background-color:#eeeeee;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	z-index:0;
	display:block;
}

.navipfad li::after{
	content:"Suche";
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	transform:translateY(calc(100% + 10px));
	display:table;

}

.navipfad li:nth-child(2)::after{
	content:"Details";
}

.navipfad li:nth-child(3)::after{
	content:"Anfrage";
}

.navipfad li:nth-child(4)::after{
	content:"Fertig";
}



.navipfad, .navipfad ul, .navipfad li{
	overflow:visible;
}



.col-left, .col-right{
	padding:20px 25px;
}


.camper.layout_latest, .camper.layout_full{
	display:flex;
	flex-wrap:nowrap;
	align-items:stretch;
	margin-bottom:25px;
}

.camper.layout_full{
	align-items:flex-start;
}

.camper.layout_latest > figure{
	max-width:25%;
	width:100%;
}

#container .camper.layout_latest p.more a::after{
	content:"Details";
	font-size:initial !important;
}

.camper.layout_latest p.more a, .camper.layout_latest p.more a:hover{
	font-size:0px !important;
}

.camper.layout_latest .shortinfo{
	max-width:50%;
	width:100%;
	padding:15px 25px;
}

.camper.layout_latest{
	margin-bottom:50px;
}

.camper.layout_latest .moredetails{
	max-width:25%;
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:stretch;
	justify-content:flex-end;
	text-align:center;
	padding:15px;
}

.promobild{
	margin-bottom:30px;
}

.promobild img{
	border-radius:25px;
}

.camper.layout_latest .moredetails .more a, .camper.layout_latest .moredetails .more a:hover{

	text-decoration:none;

}

.camper.layout_latest .moredetails .priceinfo{
	padding:15px;
	font-size:25px;
	font-weight:bold;
}

.camper.layout_latest .moredetails .priceinfo::before{
	content:"ab € ";
	font-size:20px;
	margin-bottom:-10px;
	width:100%;
	display:block;
	font-weight:normal;
}

.camper.layout_latest .moredetails .priceinfo::after{
	content:" pro Tag";
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	width:100%;
	display:block;
}


.camper.layout_latest figure img, .camper.layout_latest figure a{
	width:100%;
	height:100%;
	min-width:unset;
	max-width:unset;
	max-height:unset;
	object-fit:cover;
	border-radius:25px;
	object-position:center center;
	display:table;
	min-height:350px;
}

.camper.layout_latest figure{
	margin:0;
	max-width:450px;
	max-height:350px;
	min-height:350px;
	width:100%;
	height:100%;
}

.dpicker .formbody{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-wrap:nowrap;
}

.dpicker .formbody > .widget{

}

.camper .promobild figure{
	margin:0;
}

.camper.layout_full, .camperleser, .camperliste{
	width:100%;
}

.camperliste .layout_latest{
	align-items:center !important;
}


div.loader{
	width:50px;
	height:50px;
	background-image:url(../../files/img/loader.png);
	background-position:center center;
	background-size:75% auto;
	background-repeat:no-repeat;
	
	animation:rotating 1000ms infinite linear forwards;
}

@keyframes rotating{
	from{
		transform:rotateZ(0deg);
	}
	to{
		transform:rotateZ(360deg);
	}
}


li.aktuell{
	border-bottom:2px solid #000;
}


#mietrechner{
	margin-top:15px;
	margin-bottom:30px;
}

#mietrechner td{
	vertical-align:top;
}

#mietrechner em{
	width:100%;
	display:block;
}

#mietrechner em, #mietrechner em *{
	font-style:normal !important;
	font-weight:bold;
}

#mietrechner table, .endmiete table{
	width:100%;
}

#mietrechner table tr td:last-child, .endmiete table tr td:last-child{
	text-align:right;
}

#mietrechner table tr td:first-child{
	vertical-align:bottom;
}


.dpicker .widget{
	position:relative;
}


.cInfo .textOnly{
	line-height:1.2;
	padding:5px;
}

.cInfo p, .cInfo figure{
	margin:0;
}

.cInfo{
	margin-bottom:20px;
}

.cInfo em{
	font-size:16px;
	font-style:normal;
}



input.from, input.to{
	height:50px;
	text-align:center;
	cursor:pointer !important;
	-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
    
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.extras .amount{
	width:50px;
	height:50px;
	text-align:center;
}


.extras .option{
	display:flex;
	align-items:baseline;
	margin-bottom:20px;
}

.extras .option .widget-select{
	width:100%;
	max-width:60px;
	margin-right:15px;
}


.extras .option .explanation h4{
	font-weight:normal;
	font-family:"Glacial Bold";
	font-size:18px;
}

.extras .option .explanation *{
	font-size:16px;
}

.extras div.xtr{
	width:130px;
	text-align:right;
	font-weight:bold;
}


.rent td p, .bonus td p{
	margin:0;
}

.rent tr, .bonus tr{
	height:auto !important;
}

.rent{
	margin-bottom:15px;
}

.bonus table{
	margin-top:-15px;
}

.endmiete *{
	font-size:22px;
}

.endmiete tr td:last-child{
	font-weight:bold;
}

.endmiete{
	padding:15px 0;
	border-top:1px solid #555555;
}



.extras .option .widget-explanation{
	width:100%;
}

#sending{
	padding-left:15px;
}

.submitter a, .submitter a:hover, .yellowBtn a, .yellowBtn a:hover, .order form .sender button, .schritt-1 .buchung p.more a, .schritt-1 .buchung p.more a:hover, .start .camper p.more a, .start .camper p.more a:hover, #kf .sender button{
	display:table;
	padding:10px 20px;
	background-color:#fdc10c !important;
	color:#fff;
	border-radius:30px;
	min-width:150px;
	align-items:center;
	justify-content:center;
	font-weight:normal;
	text-align:center;
	font-size:20px;
	text-decoration:none;
}

.submitter{
	display:flex;
	align-items:stretch;

}


.order form .widget input, .order form .widget select{
	border-radius:20px;
	border-color:rgba(71, 93, 105, 0.6);
	
}

.order form .widget ::placeholder, .order form .widget select ::placeholder{
	color:#475d69 !important;
	opacity:0.5;
}


.order .sender button{
	margin-top:25px;
	margin-left:auto;
	transform:unset;
	margin-right:0;
}



.order .camperHead figure{
	width:100%;
	height:100%;
	max-height:300px;
	margin-bottom:25px;
	border:0px !important;
}

.order .camperHead figure img{
	max-height:300px;
	border-radius:25px;
}

.order .camperHead{
	flex-wrap:wrap;
}

.order .camperHead .textOnly{
	padding-left:0;
}


.zHead{
	font-weight:bold;
	font-family:"Glacial Bold", sans-serif;
}



.camperHead{
	display:flex;
	align-items:flex-start;
	margin-bottom:25px;
}


.zHead{
	width:100%;
	display:table;
	margin-bottom:25px;
}

.camperHead ul{
	list-style:none;
	padding-left:0 !important;
}

.camperHead em{
	font-size:14px;
}

.camperHead .textOnly{
	width:100%;
	padding-left:25px;
}

.camperHead figure{
	width:150px;
	min-width:150px;
	height:150px;
	margin:0;
	border:1px solid #ccc;
}

.camperHead img{
	width:100%;
	height:100%;
	min-width:unset;
	max-width:unset;
	min-height:unset;
	max-height:unset;
	object-fit:cover;
	object-position:center center;
}


.rent table, .bonus table, .eigenschaften table{
	width:100%;
}

.rent td, .bonus td, .totalprice td{
	vertical-align:top;
}

.rent tr td:last-child, .bonus tr td:last-child, div.totalprice tr td:last-child{
	text-align:right;
	font-weight:bold;
}

.totalprice{
	padding-top:15px;
	border-top:2px solid #000;
}

.totalprice tr td:last-child{
	font-size:22px;
	font-weight:500;
}

.eigenschaften tr td:last-child{
	text-align:right;
}


.bonus{
	margin-bottom:25px;
}



#mietung .widget-text, #mietung .widget-select{
	display:flex;
	align-items:center;
	margin-bottom:10px;
}

#mietung .widget-text input, #mietung .widget-select select{
	height:40px;
	box-shadow:unset;
	border:1px solid #bbb;
}

#mietung .widget-textarea textarea{
	box-shadow:unset;
	border:1px solid #bbb;
}

#mietung .widget-text label, #mietung .widget-select label{
	min-width:115px;
}

#mietung .widget-select select{
	width:100%;
	
}

#mietung .widget-text{
	display:flex;
	align-items:center;
}


#mietung .preisdaten{
	display:none;
}






.schritt-4 .navipfad li a{
	pointer-events:none;
	color:#000;
}


.legende{
	margin-top:10px;
	margin-bottom:25px;
}

.legende li{
	width:100%;
	list-style:none;
	position:relative;
	display:flex;
	align-items:center;
	font-size:16px;
}

.legende li::before{
	content:"";
	display:table;
	width:15px;
	height:15px;
	margin-right:5px;
	background-color:rgba(0,0,0,0.2);
}



.minicalendar thead .current{
	text-align:center;
}

.minicalendar thead tr:nth-child(2) th{
	text-align:center !important;
}

.minicalendar thead th{
	text-align:center;
}

.minicalendar{
	width:100%;
	background-color:#fff;
	margin-bottom:0px;
}

.minicalendar tbody td{
	height:30px;
	border:1px solid rgba(0,0,0,0.1);
	text-align:center;
}

.minicalendar tbody td.active{
	background-color:rgba(0,0,0,0.2);
}


.minicalendar td *{
	pointer-events:none !important;
	color:inherit !important;
	text-decoration:none !important;
}

.minicalendar th *{
	color:inherit !important;
}


#mietrechner .priceTotal *,#mietrechner .priceSingle *{
	font-weight:bold;
}



.mBot, .zeitraum{
	margin-bottom:15px;
}

.camperCal{
	margin-bottom:0px;
}
.ct{
	display:table;
	width:100%;
	margin-bottom:30px;
}

.ct td{
	font-size:1rem;
}


.ct tr td:nth-child(1){
	font-weight:400;
	font-family:"Glacial", sans-serif !important;
}

.ct h3, .order .camperHead .textOnly h3, .camperliste .layout_latest.camper .shortinfo h2 *, .camperliste .layout_latest.camper .shortinfo h2 *:hover{
	text-transform:uppercase;
	font-weight:bold;
	font-size:30px;
	color:inherit;
	text-decoration:none;
}
body, #container{
	color:#475d69;
}

body #container h3 body #container h3 *{
	color:#475d69;
}

.camper .option h4{
	font-weight:bold;
}


.extras{
	margin-bottom:30px;
}



.lightgrayBG{
	background-color:#ededed;
}


.schritt-1 #container .camperliste .camper p, body #container .camperliste .camper ul, body #container .camperliste .camper ol{
	display:none !important;
}
body #container .camperliste .camper p,.schritt-1 #container .camperliste .camper ul,.schritt-1  #container .camperliste .camper ol, body .camperliste .camper p.more, body.schritt-1 #container .camperliste .camper p.more{
	display:unset !important;
}

.schritt-1 #container .camper.layout_latest ul{
	display:flex !important;
	flex-wrap:nowrap !important;
	padding-left:0;
	margin-top:5px;
	margin-bottom:30px;
}



.schritt-1 .camperliste .camper.layout_latest{
	flex-wrap:wrap;

}


.schritt-1 .camper .shortinfo li{
	list-style:none;
	width:100%;
}

.schritt-1 .camper .shortinfo .priceinfo{
	font-size:20px;
}

.schritt-1 .camper .shortinfo > .ce_text{
	list-style:none;
	width:100%;
}


.camper.buchung > .shortinfo{
	padding-left:50px;
}


.camper.buchung .priceinfo{
	font-weight:bold;
	margin-bottom:25px;
}

.camper.buchung .priceinfo::after{
	content:" € pro Tag";
	font-weight:normal;
}

.camper.buchung .priceinfo::before{
    content: "ab ";
    font-family:"Glacial Bold";
}


.start .camperliste .camper{
	max-width:48%;

	width:100%;
	flex-wrap:wrap;
	background-color:#fff;
	border-radius:50px;
	border-top-left-radius:30px;
	border-top-right-radius:30px;
	padding-bottom:15px;
}

.start .camperliste .camper .shortinfo, .start .camperliste .camper figure, .start .camperliste .camper .moredetails{
	max-width:100% !important;
	width:100%;
}

.start .camperliste .camper figure img{
	max-height:100%;
	border-radius:unset;
}

.start .camperliste .camper figure{
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:30px;
	overflow:hidden;
}

.start .camperliste .camper .shortinfo h2, .start .camperliste .camper .shortinfo h2 *{
	color:#475d69;
	font-weight:bold;
	font-family:unset;
}

.start .camperliste .camper .shortinfo, .start .camperliste .camper .moredetails{
	padding-left:30px;
	padding-right:30px;
}

.start .camperliste .camper .shortinfo .ce_text p{
	opacity:0.5;
}

.start .camperliste{
	align-items:stretch;
	display:flex;
	justify-content:space-between;
}

.start .camperliste .camper .moredetails .priceinfo{
	display:block;
	font-size:20px;
	text-align:left;
	padding-left:0;
}


.start .camperliste .camper .moredetails .priceinfo::before{
	content:"ab " !important;
	font-weight:bold;
}

.start .camperliste .camper .moredetails .priceinfo::after, .start .camperliste .camper .moredetails .priceinfo::before{
	width:auto;
	display:unset;
	font-size:inherit;
	content:" € pro Tag";
}

.start #container .camper.layout_latest p.more a::after{
	content:"Mehr erfahren";
	font-size:initial !important;
}


















div.kachel{
	display:flex;
	justify-content:center;
	flex-direction:column;
	text-align:center;
	padding-left:30px;
	padding-right:30px;
	overflow:visible;
}

.kachel .insideText{
	background-color:#fff;
	border-radius:50px;
	overflow:visible;
}

.kachel a{
	margin-left:50%;
	transform:translate(-50%, 75%);
	white-space:nowrap;
	font-weight:400 !important;
	font-family:"Glacial", sans-serif !important;
}


.kachelbereich{
	margin-top:-100px;
}

.kachel figure img{
	max-height:120px;
	width:auto;
}

.kachel figure{
	margin-top:30px;
	margin-bottom:30px;
}



.headertext{
	position:absolute;
	top:48VH;
	color:#fff;
	left:50%;
	transform:translate(-50%, -50%);
	
	font-family:"Lastica";
}

.headertext h1{
	display:flex;
	align-items:center;
	width:100%;
	justify-content:center;
	font-size:70px;
	font-family:"Lastica" !important;
}

.headertext h1 em{
	font-style:normal;
	font-size:30px;
}

.headertext strong{
	text-transform:uppercase;
	font-family:"Lastica" !important;
}

.headertext p{
	font-family: 'Glacial';
	font-size:28px;
}

.headertext a{
	margin-left:50%;
	transform:translateX(-50%);
}


.rtl{
	transform:scaleX(-1);
}

.rtl .image_container img{
	transform:scaleX(-1);
}


div.slickslider{
	padding-left:0;
	padding-right:0;
	margin-bottom:30px;
	height:100%;
	overflow:visible;
}

.hSlider .slickslider .slick-track{
	display:flex;
}


.hSlider .slick-slide[data-slick-index="1"] figure, .hSlider .slick-slide[data-slick-index="2"] figure, .hSlider .slick-slide[data-slick-index="4"] figure, .hSlider .slick-slide[data-slick-index="5"] figure, .hSlider .slick-slide[data-slick-index="8"] figure, .hSlider .slick-slide[data-slick-index="11"] figure{
	width:30VW !important;
}


.hSlider .slickslider figure{
	background-color:#eee;
	height:100%;
	margin:0;
	display:block;
	border-radius:30px;
	overflow:hidden;
}

.slickslider figure img, .slickslider figure a, .beitrag img{
	width:100%;
	height:100%;
	min-width:unset;
	max-width:unset;
	max-height:unset;
	object-fit:cover;
	object-position:center center;
	
}

.slickslider figure a{
	min-height:100%;
}


.hSlider .slickslider .slick-slide{
	height:100%;
	padding-left:30px;
	padding-right:30px;
	display:table !important;
}

.hSlider .slickslider .slick-prev, .hSlider .slickslider .slick-next{
	visibility:hidden;
	max-width:10px;
	max-height:10px;
}


div.slidersmenu ul{
	width:300px;
	padding:15px 15px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-left:50%;
	transform:translateX(-50%);
}


div.slidersmenu ul li{
	width:70px;
	height:70px;
	display:table;

	font-size:0 !important;
	transition:all 0.3s ease-in-out;
}

div.slidersmenu ul li:hover{
	opacity:1 !important;
	transition:all 0.3s ease-in-out;
	cursor:pointer;
}

div.slidersmenu ul li:first-child{
	background-image:url(../../files/img/left-arrow.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:70% 70%;
	opacity:0.3;
}

div.slidersmenu ul li:last-child{
	background-image:url(../../files/img/right-arrow.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:70% 70%;
	opacity:0.3;
}



.frage .toggler{
	color:#fff;
	padding:15px 20px;
	background-color:#475d69;
	border-radius:20px;
	font-weight:bold;
	cursor:pointer;
}

.frage{
	margin-bottom:30px;
}

.frage .accordion{
	padding:20px;
}

.frage a{
	margin-top:40px;
	margin-bottom:15px;
	margin-left:50%;
	transform:translateX(-50%);
}

#faqs{
	margin-bottom:50px;
}


.camperView figcaption{
	width:100%;
	text-align:center;
	font-weight:bold;
}





#container .impression img{
	display:table;
	height:100%;
	min-width:100%;
}

#container .impression{
	margin-bottom:50px;
	padding:0 30px;
	height:400px;
}

#container .impression figure{
	border-radius:50px;
	margin-bottom:0;
	overflow:hidden;
}

div.impression.text ul{
	padding-left:20px;
}


.impression.text .information{
	display:none;

}

.impression.text .information .insideText{
	overflow-y:auto;
	max-height:320px;
}

div.impression.text .firstInfo.information{
	display:block;
}

#container div.minimenu{
	width:100%;
	display:block !important;
}

.firstInfo{
	display:block;
}

.minimenu ul{
	width:100%;
	padding:15px 0 !important;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	list-style:none;
	color:#ffc107 !important;
}

.minimenu ul li{
	padding-right:50px;
}

.minimenu li *{
	text-decoration:none !important;
	color:#475d69;
}

.minimenu li *:hover{
	text-decoration:none !important;
	color:#475d69;
}

#container .minimenu ul li:first-child *{
	color:#ffc107;
	font-weight:bold;
}




div.headercontainer{
	padding-left:0;
	padding-right:0;
	height:100%;
	overflow:visible;
	position:relative;
	z-index:1;
}

.filledImage.halblinks img, .filledImage.halbrechts img{
	max-width:50VW;
	border-radius:0px;
	padding:0 !important;
	height:100%;
	max-height:100%;
}

#camperheader .headerbild, #camperheader .headertext{
	z-index:3;
}

#camperheader .headerbild{
	position:relative;
}

.halblinks:hover, .halbrechts:hover{
	color:#fff;
	background-color:#ffc107;
	box-shadow:0 -150px 0 #ffc107;
	padding:0 !important;
	transition:all 0.2s ease-in-out;
}

.halblinks.minishadow:hover, .halbrechts.minishadow:hover{
	color:#fff;
	background-color:#ffc107;
	box-shadow:0 0px 0 #ffc107;
	padding:0 !important;
	transition:all 0.2s ease-in-out;
}

.halblinks:hover img, .halbrechts:hover img{
	transform-origin:center center;
	transform:scale(1.05);
	transition:all 0.2s ease-in-out;
}

.halbrechts, .halblinks{
	padding:0 !important;
	transition:all 0.2s ease-in-out;
	overflow:visible;
}

.halbrechts a, .halbrechts a:hover, .halblinks a, .halblinks a:hover{
	color:inherit;
	text-decoration:none !important;
}

.halblinks .textOnly{
	padding:75px 50px;
	max-width:800px;
	float:right;
	cursor:pointer;
}

.halbrechts .textOnly{
	padding:75px 50px;
	max-width:800px;
	cursor:pointer;
}


.halblinks h3, .halbrechts h3{
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:20px;
}

.halblinks em, .halbrechts em{
	font-weight:bold;
	text-transform:uppercase;
	font-style:normal;
	background-color:#475d69;
	color:#fff !important;
	display:inline-flex;
	padding:10px 15px;
}



.halblinks figure, .halbrechts figure{
	width:100%;
	height:30vw;
	max-height:600px;
	min-height:250px;
	overflow:hidden;
}


.halblinks figure img, .halbrechts figure img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
	transition:all 0.2s ease-in-out;
}






.beitrag{
	display:flex;
	align-items:stretch;
	border-radius:30px;
	margin-bottom:50px;
}

.beitrag figure{
	width:100%;
	max-width:50%;
	margin:0;
}


.beitrag h2 *, .beitrag h2, .inBeitrag h2 *, .inBeitrag h2{
	color: #475d69;
	
	font-family:"Glacial Bold" !important;
	text-transform:uppercase;
	font-size:30px;
	text-decoration:none !important;
}



.beitrag .textOnly{
	width:100%;
	max-width:50%;
	background-color:#fff;
	padding:30px 40px 50px 40px;
	position:relative;
}


.beitrag p.more{
	position:absolute;
	bottom:10px;
	right:40px;
	display:block;
}

.beitrag p.more a, p.back a, .inBeitrag p.more a{
	display: table;
	padding: 10px 20px;
	background-color: #fdc10c !important;
	color: #fff !important;
	border-radius: 30px;
	min-width: 150px;
	text-decoration:none;
	text-align:center;
	font-size:0px !important;
}

#container .beitrag p.more a::after, #container .inBeitrag p.more a::after{
	content:"Hier entlang";
	font-size:20px !important;
}

.nleser .layout_full > h1{
	padding-left:15px;
}

.nleser .layout_full .ce_image{
	margin-top:20px;
	margin-bottom:20px;
}

.nleser p.back{
	padding:15px;
	margin-top:40px;
	margin-bottom:50px;
}

.nleser #container p.back a{
	font-size:20px !important;
	text-align:center;
	color:#fff !important;
}


.archivlink{
	display:flex;
	justify-content:flex-end;
}

.archivlink a{
	margin-right:8VW;
	color:#475d69 !important;
	text-decoration:underline !important;
}


.inBeitrag{
	margin-bottom:50px;
}


.inBeitrag p.more{
	padding-top:15px;
}



.newsmenu li{
	list-style-type:square;
	padding-left:5px;
}

.newsmenu li *{
	color:#475d69 !important;
}

.newsmenu h4{
	font-weight:bold;
	text-transform:uppercase;
}










#follower{
	height:45px;
	width:100px;
	background-color:#ffc107;
	border-radius:20px;
	position:absolute;
	z-index:-1;
	left:-500px;
	opacity:0;
	transition:all 0.2s ease-in-out;
}

#menuBox li:hover *{
	text-decoration:none;
}


div.camperslider{
	padding:0px;
	margin-bottom:30px;
}

.camperslider .slick-dots{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	list-style:none;
	position:absolute;
	z-index:5;
	left:0;
	bottom:20px;
	margin:0;
	padding:0 !important;
}

.camperslider .slick-slide figure{
	margin:0;
	border-radius:20px;
	overflow:hidden;
}


.camperslider .slick-prev, .camperslider .slick-next{
	top:50%;
	position:absolute;
	z-index:5;
	transform:translateY(-50%);
	left:0;
}


 .camperslider .slick-next{
 	left:auto;
 	right:0;
 }
 
 
 .camperleser .promobild{
 	display:none;
 }
 
.camperslider .slick-dots li button{
 	display:table;
 	width:15px;
 	height:15px;
 	border-radius:50%;
 	border:1px solid #fff;
 	margin-left:3px;
 	margin-right:3px;
 	color:transparent;
 	font-size:0 !important;
 	
 	background-color:transparent;
}

.camperslider .slick-dots li.slick-active button{
	background-color:#ffc107;
}


.camperleser p.back *{
	font-size:20px !important;
}

input, textarea{
	outline:0 !important;
}

.schritt-3 #mietung select{
	outline:0 !important;
	padding:5px;
	appearance:none;
	-webkit-appearance:none;
	
	background-image:url(../../files/img/ad.png);
	background-size:15px auto;
	background-position:calc(100% - 10px) center;
	background-repeat:no-repeat;
}




.fixed{
	
}

div#mehrbilder{
	padding-left:0;
	padding-right:0;
	display:none;
}

#moreimages {
	margin-top:20px;
	margin-bottom:20px;
}

#moreimages a{
	margin-left:50%;
	transform:translateX(-50%);
}


.rent tr:nth-child(2) td *, .rent tr:nth-child(3) td *{
	font-size:1rem;
	font-style:normal;
}


.schritt-2 #container, .schritt-3 #container, .schritt-4 #container, .noheader #container{
	padding-top:200px;
}

.schritt-2 #menucontainer, .schritt-3 #menucontainer, .schritt-4 #menucontainer, .noheader #menucontainer{
	background-color:#475d69;
}

.noheader #menuBox ul.level_2{
	margin-top:10px;
	padding-right:0 !important;
}

.noheader #menuBox ul.level_2 li::before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-color:rgba(71, 93, 105, 0.7);
	z-index:-2;
}





#kf input, #kf textarea{
	box-shadow:unset !important;
	margin-bottom:25px;
	padding:15px;
	border-radius:20px;
}

#kf ::placeholder{
	opacity:0.5;
	color:#475d69;
}


#kf input{
	width:calc(100% - 15px);
}

#kf .widget-text{
	width:100%;
	max-width:50%;
}

#kf .formbody{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}

#kf .widget-textarea{
	width:calc(100% - 15px);
}

#kf .widget.dse{
	width:100%;
}

#kf .widget.dse .dse span{
	align-items:baseline;
	justify-content:center;
}

#kf .widget.dse .dse span input{
	max-width:20px;
}

#kf .widget.dse .dse span a, #kf .widget.dse .dse span a:hover{
	color:inherit;
	text-decoration:underline;
}



#kf .widget.sender{
	text-transform:normal;
	margin-left:50%;
	transform:translateX(-50%);
	margin-top:20px;
}


.map{
	margin-bottom:-50px;
}


.fLogo figure{
	display:table;
	margin-left:50%;
	transform:translateX(-50%);
}


.kd .textOnly{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}



.camper.fake{
	padding:0;
}

body #container div.camper.fake.col-md-4{
	max-width:32%;
	margin-right:1%;
}

body #container div.camper.fake.col-md-4 figure{
	height:250px;
}

.camper.fake figure{
	height:300px;
	margin-bottom:30px;
}

.camper.fake h2, .schritt-1 .camperliste .camper.buchung h2, .order .camperHead .textOnly h3{
	color:#475d69 !important;
	text-transform:uppercase;
	font-family:"Glacial Bold", sans-serif;
	font-size:30px !important;
	font-weight:bold;
}

.camper.fake 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;
}

.camper.fake .insideText{
	height:100%;
	position:relative;

}

.camper.fake .textOnly{
	padding-left:30px;
	padding-right:30px;
	padding-bottom:130px;
}

body #container .camper.fake .textOnly p{
	display:block !important;
}


.camper.fake .textOnly p:last-child{
	position:absolute;
	bottom:0;
}

.camper.fake .textOnly p:last-child a{
	margin-top:15px;
}



li.schritt-1.trail strong{
	background-color:#fdc10c;
	height:41.5px;
	padding:12px 15px !important;
} 

/*
#menuBox li strong, a.schritt-2 *, a.schritt-3 *, a.schritt-4 *, a.schritt-1 *
*/
body.schritt-2 a.schritt-1 *,body.schritt-3 a.schritt-1 *,body.schritt-4 a.schritt-1 *,body.schritt-1 a.schritt-1 *{
	font-family:"Glacial Bold", sans-serif !important;
	font-weight:normal;
}


div.start.camperliste{
	flex-wrap:wrap;
	justify-content:space-between;
}

div.start.camperliste .camper{
	margin-bottom:50px;
	margin-right:20px;
}

.underline *{
	font-size:16px;
}

#imp ul ul{
	list-style:square !important;
}

#imp .textOnly > ul{
	padding-left:0;
}


div.hSlider.mobile{
	display:none;
}




.bottomline.ce_text *{
	font-size:16px;
	color:#fff !important;
	margin:0;
}

.bottomline{
	padding-bottom:10px;
	padding-top:10px;
	background-color:#475d69;
	margin-top:-10px;
}



.anzahlung .textOnly p:first-child{
	margin-bottom:0;
}

.anzahlung table tbody tr td:last-child, .anzahlung table tbody tr td:last-child *{
	text-align:right;
	font-family:"Glacial Bold", sans-serif;
	font-weight:700;
}



.schritt-4 #payinfo{
	text-align:center;
	padding:15px;
	font-size:20px;
}


div#anz{
	height:0;
	width:0;
	font-size:0;
	visibility:hidden;
}



.option.sp{
	
}

#transfer{
	width:100%;
	height:100VH;
	z-index:3000;
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background-color:rgba(71, 93, 105, 0.4);
	display:none;
	align-items:center;
	justify-content:center;
}



.speeches ul{
	padding:25px 10px !important
}

.speeches li{
	list-style:none;
	color:#fff;
	font-size:calc(40px);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	white-space:nowrap;
	opacity:0;
	transition:all 0.3s ease-in-out;
	
	animation-duration:8s;
	animation-timing-function:ease-in-out;
	animation-delay:0s;
	animation-name:fading;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
}

.speeches ul li:nth-child(2){
	animation-delay:10000ms;
}

.speeches ul li:nth-child(3){
	animation-delay:18000ms;
}

.speeches ul li:nth-child(4){
	animation-delay:26000ms;
}

.speeches ul li:nth-child(5){
	animation-delay:36000ms;
	animation-name:fadinglast;
}


@keyframes fading{
	100%,0%{
		opacity:0;
	}
	10%, 90%{
		opacity:1;
	}
}

@keyframes fadinglast{
	0%{
		opacity:0;
	}
	10%, 10%{
		opacity:1;
	}
}



.speeches{
	position:relative;
	width:100%;
	max-width:800px;
	display:table;
	margin:0;
	padding:10px;
	margin-left:50%;
	transform:translateX(-50%);
}

.speeches ul{
	display:flex;
	flex-wrap:wrap;

	width:100%;
}



div.saison thead tr th{
	font-family:"Glacial Bold", sans-serif;
}


#mietung .dse a{
		text-decoration:underline !important;
		color:inherit !important;
	}





@media (max-width:1399px){
	
	.headerbild{
		height:650px;
	}
	
	.headertext{
		top:35VH;
	}
	
	.headertext img{
		max-height:100px;
		width:auto;
	}
	
	.kachelbereich{
		margin-top:0;
		padding-top:50px;
	}
	
	div.kachel{
		padding-left:15px;
		padding-right:15px;
	}
	
	#menuBox li *{
		white-space:nowrap;
	}
}








@media (max-width:991px){
	
	.navipfad li *{
		width:60px;
		height:60px;
		
	}
	
	div.kachelbereich{
		width:100%;
		max-width:100%;
	}
	
	div.hSlider, #follower{
		display:none;
	}
	
	#container div.hSlider.mobile{
		display:block;
		
	}
	
	#container div.hSlider.mobile .slickslider{
		height:250px;
		width:100%;
		margin-bottom:0px;
	}

	div.hSlider.mobile .slickslider figure{
		height:210px;
		width:100%;
	}
	
	.hSlider.mobile .slickslider .slick-slide{
		padding-left:15px;
		padding-right:15px;
	}
	
	.hSlider.mobile .slickslider .slick-slide > div > div{
		display:inline-table;
	}

	
	.hSlider.mobile .slick-slide[data-slick-index="1"] figure, .hSlider.mobile .slick-slide[data-slick-index="2"] figure, .hSlider.mobile .slick-slide[data-slick-index="4"] figure, .hSlider.mobile .slick-slide[data-slick-index="5"] figure, .hSlider.mobile .slick-slide[data-slick-index="8"] figure, .hSlider.mobile .slick-slide[data-slick-index="11"] figure{
		width:100%;
	}
	
	
	
	
	#container div.camperliste.start .camper, footer .soc, footer .soc > div, #menuBox .ms{
		width:100%;
		max-width:100%;
		flex:unset;
	}
	
	footer .fMenu, footer .fInfo.fh{
		width:100%;
		max-width:50%;
		flex:unset;
	}
	
	#innerFooter{
		align-items:center;
	}
	
	.fInfo.fh{
		height:100%;
	}
	
	
	div#menucontainer{
		position:fixed;
		top:0;
		padding:0px;
		background-color:#475d69;
		height:auto;
	}
	
	header div#menutrigger{
		display:block !important;
		background-color:#ffc107;
	}
	
	#menuBox, #menuBox ul{
		flex-direction:column;
		width:100%;
	}
	
	div#menuBox{
		margin-top:-130VH;
		transition:all 0.3s ease-in-out;
	}
	
	div#menuBox nav{
		width:100%;
	}
	
	div.headertext{
		top:375px;
	}
	
	
	#menuBox nav ul li{
		width:100%;
		border-bottom:1px solid rgba(255,255,255,0.2);
		padding:5px;
	}
	
	.ms ul{
		flex-direction:row !important;
		align-items:center;
		justify-content:center !important;
	}
	
	header #menuBox .ms ul li{
		padding:0 10px !important;
	}
	
	
	
	.kachel{
		margin-bottom:50px;
	}
	
	#container *{
		line-height:1.4;
	}
	
	.paddingBottom{
		padding-bottom:40px;
	}
	
	.paddingTop{
		padding-top:40px;
	}
	
	
	.slidersmenu{
		margin-top:30px;
	}
	
	
	
	.fLogo figure{
		margin-left:unset;
		transform:none;
	}
	
	
	footer div.fh{
		width:100%;
		max-width:100% !important;
		flex:unset;
	}
	
	.underline .textOnly{
		flex-direction:column-reverse;
	}
	
	.underline ul, .underline ul li{
		padding-left:0;
		justify-content:flex-start;
		text-align:left;
		flex-wrap:wrap;
	}
	
	.underline ul li{
		width:100%;
		margin-left:5px;
		margin-right:5px;
	}

	
	header #menuBox nav li.submenu ul.level_2{
		position:relative;
		height:auto;
		opacity:1;
	}
	
	header #menuBox nav li.submenu ul.level_2 li{
		border:none;
		padding-left:15px;
		position:relative;
	}
	
	header #menuBox nav li.submenu ul.level_2 li::before{
		content: "\25BE";
		position: absolute;
		left: 8px;
		top: 10px;
		display: table;
		transform: rotateZ(-90deg);
		width: 5px;
		height: 5px;
	}
	
	header #menuBox ul.level_1 li{
		width:100%;
		text-align:left;
		padding:10px;
	}
	
	
	body.uc .halblinks,body.uc .halbrechts{
		width:100%;
		max-width:100%;
		flex:unset;
	}
	
	body.uc .halblinks img,body.uc .halbrechts img{
		width:100%;
		max-width:unset;
	}
	
	
	#container .halblinks figure, #container .halbrechts figure{
		height:300px !important;
	}
	
	body.uc .headertext{
		display:none;
	}
	
	body.uc .halblinks .textOnly {
    	padding: 25px 20px 0px;
	}
	
	div.minimenu, div.minimenu ul{
		overflow:visible;
	}
	
	
	
	div.centered{
		width:100%;
		margin-left:0;
		transform:none;
	}
	
	.fLogo figure{
		width:100%;
		text-align:center;
	}
	
	.fSocials{
		margin-bottom:20px;
	}
	
	div.beitrag{
		flex-direction:column;
	}
	
	div.beitrag > *{
		width:100%;
		max-width:unset !important;
	}
	
	div.beitrag .textOnly{
		padding: 10px 20px 75px 20px;
	}
	
	div.beitrag p.more{
		right:auto;
		left:auto;
	}
	
	#mietung, #mietung *, .ce_form{
		overflow:visible;
	}
	
	.headertext a{
		white-space:nowrap;
	}
	
	
	
	 div.camper.buchung > .shortinfo {
	    padding: 20px 20px !important;
	    width:100%;
	    max-width:unset;
	}
	

	body.schritt-2 div.col-left{
		padding-left:0;
	}
	
	body.schritt-2 div.col-right{
		padding-right:0;
	}
	
	body.schritt-2 div.col-left, body.schritt-2 div.col-right{
		width:100%;
		max-width:100% !important;
		flex:unset;
	}
	
	body.schritt-2 .camper.layout_full{
		display:block;
	}
	
	body.schritt-2 .camperleser p.back{
		padding-left:30px;
	}
	
	#sending{
		justify-content:flex-end;
		display:flex;
		width:100%;
	}
	
	.camperleser p.back{
		margin-top:-92px;
	}
	
	
	
	body div#container div.camper.fake.col-md-4 {
	    max-width: 48%;
	    margin-right: 1%;
	}
	
	.ce_sHtml5Start.impression.text{
		width:100%;
		max-width:unset;
		flex:unset;
		height:auto !important;
	}
	
	.impression.text div.information .insideText {
	    overflow-y: auto;
	    max-height: unset;
	}
	
	body #container div.ce_image.impression{
		width:100%;
		max-width:48% !important;
		margin-right:1%;
		height:unset;
		padding-left:15px;
		padding-right:15px;
		flex:unset;
	}
	
	div.halblinks .textOnly, div.halbrechts .textOnly{
		width:100%;
		max-width:100%;
		float:unset;
		padding:15px;
	}
	
	div.halblinks:hover , div.halbrechts:hover{
		box-shadow:none !important;
	}
	
	body div.halbrechts, body div.halbrechts:hover{
		padding-bottom:80px !important;
	}
	
}






@media (max-width:768px){
	
	.navipfad li *{
		width:50px;
		height:50px;
	}
	
	.dpicker .formbody{
		flex-wrap:wrap;
		justify-content:center;
	}
	
	.dpicker .formbody > div{
		width:100%;
		margin-bottom:10px;
	}
	
	.dpicker .widget-text{
		max-width:50%;
	}
	
	.dpicker #checking, .dpicker input{
		width:100%;
		max-width:unset;
	}
	
	
	div.respNP{
		padding-left:0;
		padding-right:0;
	}
	
	
	body div#container div.camper.fake.col-md-4 {
	    max-width: 100% !important;
	    margin-right: 0% !important;
	}
	
	#container .impression{
		height:200px;
	}
	
	body #container div.ce_image.impression{
		width:100% !important;
		max-width:100% !important;
		margin-right:0%;
		height:200px;
		padding-left:15px;
		padding-right:15px;
		flex:unset;
		border-radius:10px;
	}
	body #container div.ce_image.impression figure{
		border-radius:10px;
	}
	
	
	div.saison thead tr th:last-child{
		width:110px;
	}
	
	div.saison thead tr th:nth-child(3){
		width:60px;
	}
	
	#container div.saison tr td{
		font-size:14px;
	}
	
	
	.camperleser div.col-right, .camperleser div.col-left{
		padding-left:0;
		padding-right:0;
	}
	
	body.schritt-2 .camperleser p.back {
	    padding-left: 15px;
	}
	
	div#sending{
		padding-right:15px;
	}
	
	#mietung .widget-text, #mietung .widget-select {
	    flex-wrap:wrap;
	}
	
	form#mietung{
		padding-bottom:50px;
	}
	
	
	.dse span *{
		margin-bottom:0;
		color:inherit;
	}
	
	.dse span a{
		color:inherit !important;
		text-decoration:underline;
	}
	
	
	#transfer ul li{
		font-size:22px;
	}
	
	
	
	body h1, .h1{
		font-size:38px;

	}
	
	body h2, .h2{
		font-size:34px;

	}

	body h3, .h3{
		font-size:28px;
	}
	
	body h4, .h4{
		font-size:22px;
	}
	
	
	.noheader #container{
		padding-top:100px;
	}
	
	#kf .widget-text{
		width:100%;
		max-width:100%;
		flex:unset;
	}
	
}





@media (max-width:600px){
	
	#container div.minimenu ul{
		flex-direction:column;
	}
	
	#container div.minimenu ul li{
		padding:5px !important;
	}
	
}











.evl .event > h2, .evl .header{
	display:none;
}

.evl{
	display:none;
}

#ui-datepicker-div .ui-datepicker-other-month a, #ui-datepicker-div .ui-datepicker-other-month.schonbelegt a{
	height: 32.1px;
	display: table;
	width: 100%;
	background:#f6f6f6 url("../../files/css/images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
}

.schonbelegt{
	opacity:0.35;
	pointer-events:none;
}

#ui-datepicker-div .schonbelegt a{
	background:rgba(255,0,0,1);
	color:#fff !important;
	pointer-events:none;
}

#ui-datepicker-div .ui-datepicker-other-month{
	pointer-events:none;
	font-size:0px !important;
}







.schritt-2 .camperleser .insideText h3, .schritt-2 .camperleser .mod_calendar h4, .schritt-2 .camperleser h4.ce_headline, .saison h4, .abholung h4{
	font-weight: 700;
	color: #fdc10c;
	font-family: 'Glacial Bold', sans-serif !important;
}


span.y{
	color:#fdc10c;
}

span.klein{
	font-size:80%;
}


.fettgelb strong{
	color:#fdc10c !important;
}



div.ppLink a{
	text-align:center;
	border-radius:5px;
	background-color:#0070ba;
	color:#fff;
	width:100%;
	padding:20px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:22px;
	font-weight:bolder;
	text-decoration:none !important;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-container{visibility:hidden}.slick-initialized{visibility:visible}
