*{
	margin:0;
	padding:0;
	}

html{height: 100%}
body	{
	margin:0;
	padding:0;
	text-align:center;
	font-family: 'robotoregular';
	font-size:16px;
	line-height:23px;
  font-weight: 300;
	color: rgb(51,51,51);
	background-color:rgb(255,255,255);
}

:focus {outline: none;}

p {margin-bottom:20px;}

a {text-decoration: none; color:rgb(51,51,51);}
a:hover, a:focus {text-decoration: none; color:rgb(176,159,117);}

strong {font-weight: 600;}

h1, h2, h3, h4 {font-family: 'robotomedium';}
h1 {font-size: 40px; line-height: 40px; margin-bottom:50px;}
h2 {font-size: 35px; line-height: 35px; margin-bottom:50px;}
h3 {font-size: 30px; line-height: 40px; margin-bottom:20px;}
h4 {font-weight: 300; font-size:18px; 	line-height:26px;}
h1, h2 {background: url(/files/images/assets/ico-line.png) no-repeat bottom left;	padding:0 0 25px 0;}
#header .top {background:rgb(255,255,255); width:100%;position: fixed; z-index: 5000;}
#header .inside .logo {text-align: left; margin: 20px 0 10px 20px;}
#header .inside .logo a:focus {border:1px solid rgb(0,0,0)!important;}
#stage {clear:both; margin:0 20px 0 20px; padding-top:90px;}
#stage.smal   {clear:both; margin:0 20px 30px 20px;}
/* --- Quickbooker --- */
.quickbooking {background:rgb(51,51,51); margin: 15px 20px 50px 20px; padding:20px;}
.quickbooking .ce_rsce_quickbooker, 
.quickbooking .ce_rsce_enquickbooker { text-align:left;  width: 100%; color:rgb(214,214,214);}
.quickbooking input {display:block; color:rgb(255,255,255); margin:0 0 10px 0; width:230px; border:none; padding:5px;}
.anreise input,
.abreise input {
  background-color: rgb(82,82,82);
  background-image: url(/files/images/assets/kalender.png)!important;
  background-repeat: no-repeat!important;
  background-position: right center!important;
}
.quickbooking .anreise, 
.quickbooking .abreise {text-align: left!important;}
.quickbooking .submit {cursor: pointer; background: rgb(176,159,117);font-family: 'robotoregular'; font-weight:300; color:rgb(255,255,255); text-align: left!important; text-align: center!important; width:180px;}
.quickbooking .submit:hover,
.quickbooking .submit:focus { 
	background:#eee3c9;
	font-family: 'robotoregular'; 
	font-weight:300; 
	color:rgb(51,51,51); 
	text-align: left!important; 
	text-align: center!important; 
	width:180px;
}


#container {clear:both;}


.ce_rsce_texte {text-align:left; margin:0 20px 20px 20px;}
.ce_rsce_texte .subline {margin:0 0 10px 0;}
.ce_rsce_texte .absatz {text-align:left; margin:0 0 40px 0;}
.ce_rsce_texte a {color:rgb(51,51,51); text-decoration: underline;}
.ce_rsce_texte a:hover, .ce_rsce_texte a:focus {text-decoration: underline; color:rgb(176,159,117);}


/* --- Zimmer --- */
.room {margin:0 20px 60px 20px; text-align: left;}
.room .first p strong {display: block; margin:0 0 -10px 0!important;}
.room .media--above {margin:0 0 30px 0!important;}
.room .media--above p{margin:0 0 0 0;}
.room .media--above h3{font-size: 30px;}
.room .media--above em{display: none;}
.room .media--above a img {
transition: opacity 0.5s;
-webkit-transition:all ease 0.5s;
-moz-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
transition: all ease 0.5s;
}
.room .media--above a img:hover {
opacity: 0.6;
transition: opacity 0.5s;
-webkit-transition:all ease 0.5s;
-moz-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
transition: all ease 0.5s;
}
.room .media--above a:focus img {
opacity: 0.6;
transition: opacity 0.5s;
-webkit-transition:all ease 0.5s;
-moz-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
transition: all ease 0.5s;
}	
}

.content-hyperlink.booking a {margin:auto auto!important; text-align:center!important;}
.content-hyperlink.booking a { position: absolute; z-index:500!important; margin:auto auto!important; text-align:center!important;
		position: fixed;
		color: rgb(255,255,255);
		z-index:120; 
		margin:0 0 0 0;
		font-family: 'robotoregular';
		text-align: center;
		padding:10px 0;
		bottom:0;
		background:rgb(0,0,0);
		width: 80%;
		left:10%;
	}	
.content-hyperlink.booking a:hover{color: rgb(255,255,255);}	
.content-hyperlink.booking a:focus{color: rgb(255,255,255);}	

/* --- Mehrwert --- */
.ce_rsce_mehrwert {margin:0 20px 90px 20px; text-align:left;}
.ce_rsce_mehrwert .container {margin:0 10px 20px 0; display:inline-block; vertical-align: top;}
.ce_rsce_mehrwert img{height: 50px; width: auto;}
.ce_rsce_mehrwert h3{font-size: 24px; line-height: 30px; margin-bottom: 10px;}

/* --- Checkin --- */
.mod_rocksolid_slider {margin:auto auto;}
.mod_rocksolid_slider.check-in {
	width:auto; height:350px; margin-bottom:20px;}

.ce_rsce_checkin h2 {background: url(/files/images/assets/ico-line-white.png) no-repeat bottom left;	padding:0 0 15px 0;}
.ce_rsce_checkin {
	height:500px;
	margin:0 0 0 0;
	text-align:left;}

.ce_rsce_checkin .inside {
		position: absolute; 
		z-index:99;
		color:rgb(255,255,255);
		text-align:left;
		margin:0 20px 0 20px;
		background: rgb(193,176,134);
		padding:80px 40px;
	}

/* --- Frühstück --- */
.ce_rsce_fruehstuck {margin:0 20px 90px 20px;}
.ce_rsce_fruehstuck .subline {margin:0 0 10px 0;}
.ce_rsce_fruehstuck .leftbar{
		display: inline-block; 
		text-align:left;
		vertical-align: top;
		margin:0 0 20px 0;}
.ce_rsce_fruehstuck .rightbar {
		display: inline-block; 
		text-align:left;
		vertical-align: top;
		margin:0 0 0 0;}


#footer {background: rgb(0,0,0); color:rgb(255,255,255); padding:100px 0 140px 0; line-height: 19px;}

       #footer .level_1 a::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 0;
            background: black;
        }

#footer .inside {margin:auto auto; text-align:left;}
#footer .inside ul {margin:0!important; }
#footer .inside ul li {}

#footer .inside .footer-header {text-align:center; margin-bottom:50px;}
#footer .inside .footer-header strong {font-size:36px; font-weight: normal; line-height: 40px;}

#footer .inside .footer-kontakt {border-bottom:1px solid rgb(255,255,255); padding-bottom:30px; margin-bottom:30px;}

#footer .inside .tel,
#footer .inside .mail,
#footer .inside .strasse, 
#footer .inside .insta {padding-left:25px; margin:10px auto; height:19px;}

#footer .inside .tel{width:150px; background:url(/files/images/assets/telefon.svg) left center no-repeat;}
#footer .inside .mail{width:220px; background:url(/files/images/assets/sprechblase.svg) left center no-repeat;}
#footer .inside .strasse{width:150px; background:url(/files/images/assets/pin.svg) left center no-repeat;}
#footer .inside .insta{width:70px;background:url(/files/images/assets/instagram.svg) left center no-repeat;}

#footer .inside .footer-nav{text-align:center;}
#footer .inside .footer-nav .level_1 a{ padding:0 0 0 0!important;}
#footer .inside .footer-nav ul li{margin:0 0 5px 0; list-style: none;}
#footer .inside a {color: rgb(255,255,255);}
#footer .inside a:hover, #footer .inside a:focus {color: rgb(255,255,255); text-decoration: underline;}

/* Small devices (Mobile, 320 and up) */
@media (min-width: 320px) {
.ce_rsce_checkin {height:750px;}

		}

/* Small devices (Mobile, 360 and up) */
@media (min-width: 360px) {
	
/* --- Quickbooker --- */
.quickbooking input { width:270px;}	
	
		}
/* Small devices (Mobile, 480 and up) */
@media (min-width: 480px) {
/* --- Quickbooker --- */
.quickbooking input { width:390px;}	
	
		}
/* Small devices (Mobile, 576 and up) */
@media (min-width: 576px) {

/* --- Quickbooker --- */
.quickbooking { margin: -6px 20px 50px 20px; padding:20px;}
.quickbooking .ce_rsce_quickbooker,
.quickbooking .ce_rsce_enquickbooker{  width: 100%!important;}
.quickbooking .ce_rsce_quickbooker .anreise input,
.quickbooking .ce_rsce_enquickbooker .anreise  input,
.quickbooking .ce_rsce_quickbooker .abreise input,
.quickbooking .ce_rsce_enquickbooker .abreise  input{ width:120px; padding:8px;}	
.quickbooking .ce_rsce_quickbooker div,
.quickbooking .ce_rsce_enquickbooker div {display: inline-block;}
.quickbooking .anreise, 
.quickbooking .abreise {margin-right: 10px;}

/* Small devices (Mobile, 640 and up) */
@media (min-width: 640px) {

		}

/* Small devices (tablets, 768 and up) */
@media (min-width: 768px) {

h1 {font-size: 55px; line-height: 55px; margin-bottom:70px;}
h2 {font-size: 50px; line-height: 60px; margin-bottom:50px;}
h3 {font-size: 30px; line-height: 40px; margin-bottom:20px;}
	
#header .inside {margin: 0 20px 0 20px;}
#header .inside .logo {text-align: left; margin: 0 0 10px 20px;float: left; }
#header .inside nav {margin:25px 0 0 0; }
#header .inside nav .level_1 {text-align: right; margin:5px 0 0 0; width: 450px; float: right;}
#header .top {background:rgb(255,255,255); width:100%; position: relative;}
#stage {padding-top:0;}
#stage.smal   { margin:0 20px 50px 20px;}
	
.ce_rsce_mehrwert {margin:0 40px 90px 40px!important; text-align:left;}
	
/* --- Quickbooker --- */
.quickbooking {padding:30px 20px;}
.quickbooking .ce_rsce_quickbooker,
.quickbooking .ce_rsce_enquickbooker{  width: 100%!important;}
.quickbooking input { width:150px; padding:8px;}
.quickbooking .ce_rsce_quickbooker div,
.quickbooking .ce_rsce_enquickbooker div {display: inline-block;}
.quickbooking  .anreise, 
.quickbooking  .abreise {margin-right: 10px;}

.ce_rsce_texte {text-align:left; margin:0 40px 20px 40px;}
	
/* --- Zimmer --- */
	
.room .media--above h2, .room .media--above p strong{
	margin-left:20px!important;
	}
.room {margin:0 20px 90px 40px}
.room .media--above {
	display: inline-block;
	vertical-align: top;
	width:46.6%!important;
	margin:0 20px 20px 0!important;}

.content-hyperlink.booking a{
		position: absolute!important;;
		color: rgb(0,0,0);
		z-index:120; 
		margin:-118px 10px 0 100px!important;
		font-family: 'robotoregular';
		border:2px solid rgb(0,0,0); 
		width:150px; 
		text-align: center;
		padding:5px 0;
		bottom:auto;
		left:auto;
		right: 4%;
		background: rgb(255,255,255);
	}	
.content-hyperlink.booking a:hover, 
.content-hyperlink.booking a:focus{
		position: absolute!important;
		color: rgb(255,255,255);
		z-index:120; 
		margin:-118px 10px 0 100px!important;
		font-family: 'robotoregular';
		border:2px solid rgb(0,0,0); 
		width:150px; 
		text-align: center;
		padding:5px 0;
		background:rgb(0,0,0);
	}	

	
.ce_rsce_mehrwert {margin:0 20px 90px 20px; text-align:left;}
.ce_rsce_mehrwert .container {display: inline-block; vertical-align: top; width:30%; margin:0 10px 0 0;}

	
/* --- Frühstück --- */
.ce_rsce_fruehstuck {margin:0 40px 140px 40px;}
.ce_rsce_fruehstuck .leftbar{
		display: inline-block; 
		text-align:left;
		vertical-align: top;
		width:49.555%; 
		margin:0 0 0 0;}
.ce_rsce_fruehstuck .rightbar {
		display: inline-block; 
		text-align:left;
		vertical-align: top;
		padding:0 20px; width:43.50%; 
		margin:0 0 0 0;}


	
#footer .inside {margin:auto auto; text-align:center; width:630px;}
#footer .inside ul {margin:0!important; }
#footer .inside ul li {float:left;}

#footer .inside .footer-header {margin-bottom:100px;}
#footer .inside .footer-header strong {font-size:36px; font-weight: normal; line-height: 40px;}

#footer .inside .footer-kontakt {border-bottom:1px solid rgb(255,255,255); padding-bottom:30px; margin-bottom:30px;}

#footer .inside .tel,
#footer .inside .mail,
#footer .inside .strasse, 
#footer .inside .insta {display: inline-block!important; padding-left:25px; margin:0px; height:19px;}

#footer .inside .tel{width:auto!important;background:url(/files/images/assets/telefon.svg) left center no-repeat;}
#footer .inside .mail{width:auto!important; background:url(/files/images/assets/sprechblase.svg) left center no-repeat; margin:0 41px;}
#footer .inside .strasse{width:auto!important;background:url(/files/images/assets/pin.svg) left center no-repeat;}
#footer .inside .insta{width:auto!important;background:url(/files/images/assets/instagram.png) left center no-repeat; float:left;}

#footer .inside .footer-nav {float: right;}
#footer .inside .footer-nav ul li{margin-left:20px!important; list-style: none;}
#footer .inside a {color: rgb(255,255,255);}

}




/* Small devices (desktop, 1024 and up) */
@media (min-width: 1024px) {
	
#header .inside {width: 900px; margin: 0 auto 0 auto;}
#header .inside .logo { margin:0 0 10px 0px;}
#header .inside nav {margin:25px 0 0 0;}
	
#stage {width:900px; margin:0 auto 0 auto;}
#stage.smal {margin:0 0 50px 0!important;}
	
.ce_rsce_texte {width:900px; margin:0 auto 60px auto;}

/* --- Quickbooker --- */
.quickbooking {width: 860px; margin: -6px 0 90px 0; padding:30px 20px;}
.quickbooking .ce_rsce_quickbooker .anreise input,
.quickbooking .ce_rsce_enquickbooker .anreise  input,
.quickbooking .ce_rsce_quickbooker .abreise input,
.quickbooking .ce_rsce_enquickbooker .abreise  input{ width:180px; padding:8px;}
	
/* --- Zimmer --- */
.room h2{margin-left:15px!important;}
.room p strong{padding:0 0 0 15px!important;}

.room {
	margin:0 auto 90px auto; text-align:left;
	width:930px;
	}
.room .media--above {
	text-align:left;
	width:432px!important;
	margin:0 15px 30px 15px!important;
	}
	
.content-hyperlink.booking a{
	margin:-112px 0 0 758px!important; right:auto!important;
	position: absolute!important; 
	float: right; 
	top:auto!important; 
	left:auto!important;}	

.content-hyperlink.booking a:hover, 
.content-hyperlink.booking a:focus {margin:-112px 0 0 758px!important; right:auto!important; right:auto!important;}	
		
.ce_rsce_mehrwert{width:900px;margin:0 auto 90px auto!important; text-align:left;}
.ce_rsce_mehrwert .container {width:270px; text-align: left!important; margin:0 20px 0 0!important;}	

/* --- Frühstück --- */
.ce_rsce_fruehstuck {width:900px;margin:0 auto 140px auto;}
.ce_rsce_fruehstuck .leftbar,
.ce_rsce_fruehstuck .rightbar {
		display: inline-block; 
		text-align:left;
		vertical-align: top;
		width:427px; 
		margin:0 0 0 0;}
}

/* Small devices (desktop, 1200 and up) */
@media (min-width: 1200px) {
#header .inside {width: 1000px;}
#stage {width:1000px;}
.ce_rsce_texte {width:900px;}

	
/* --- Quickbooker --- */
.quickbooking {width: 960px; padding:30px 20px;}
.quickbooking .ce_rsce_quickbooker, 
.quickbooking .ce_rsce_enquickbooker {margin-left:30px;}
.quickbooking .ce_rsce_quickbooker .anreise input,
.quickbooking .ce_rsce_enquickbooker .anreise  input,
.quickbooking .ce_rsce_quickbooker .abreise input,
.quickbooking .ce_rsce_enquickbooker .abreise  input{ width:200px; padding:8px;}
.quickbooking  .anreise, 
.quickbooking  .abreise {margin-right: 15px;}	

	
}


/* Small devices (desktop, 1300 and up) */
@media (min-width: 1300px) {
#header .inside {width: 1200px;}
#stage {width:1200px;}
#stage.smal {margin:0 0 90px 0!important;}
/* --- Quickbooker --- */
.quickbooking {width: 1160px;}
.quickbooking .ce_rsce_quickbooker, 
.quickbooking .ce_rsce_enquickbooker  {margin-left:130px;}
.quickbooking .ce_rsce_quickbooker .anreise input,
.quickbooking .ce_rsce_enquickbooker .anreise  input,
.quickbooking .ce_rsce_quickbooker .abreise input,
.quickbooking .ce_rsce_enquickbooker .abreise  input{ width:200px; padding:10px;}


	
}

/* Small devices (desktop, 1400 and up) */
@media (min-width: 1400px) {
#header .inside {width: 1300px;}
#stage {width:1300px;}
.ce_rsce_texte {width:1000px;}

/* --- Quickbooker --- */
.quickbooking {width: 1260px;}

	
/* --- Zimmer --- */
.room {width:1030px;}
.room .media--above {width:482px!important;}
	
.content-hyperlink.booking a{margin:-108px 0 0 859px!important;}	
.content-hyperlink.booking a:hover, 
.content-hyperlink.booking a:focus {margin:-108px 0 0 859px!important;}	
	
/* --- Frühstück --- */
.ce_rsce_fruehstuck {width:1000px;}
.ce_rsce_fruehstuck .leftbar,
.ce_rsce_fruehstuck .rightbar {vertical-align: middle;width:477px;}
	
.ce_rsce_mehrwert{width:1000px;margin:0 auto 120px auto; text-align:left;}
.ce_rsce_mehrwert .ce_text {width:270px; text-align: left; margin:0 40px 0 0;}		
	
}

/* Small devices (desktop, 1600 and up) */
@media (min-width: 1600px) {
#header .inside {width: 1400px;}
#stage {width:1400px;}
.ce_rsce_texte {width:1000px;}

/* --- Quickbooker --- */
.quickbooking {width: 1360px;}
.quickbooking .ce_rsce_quickbooker, 
.quickbooking .ce_rsce_enquickbooker {margin-left:180px;}
	
}

/* Small devices (desktop, 1920 and up) */
@media (min-width: 1920px) {
#header .inside {width: 1600px;}
#stage {width:1600px;}
.ce_rsce_texte {width:1150px;}
	
/* --- Quickbooker --- */
.quickbooking {width: 1560px;}
.quickbooking .ce_rsce_quickbooker, 
.quickbooking .ce_rsce_enquickbooker  {margin-left:210px;}
	
/* --- Zimmer --- */
.room {width:1180px;}
.room .media--above {width:558px!important;}
	
.content-hyperlink.booking a{margin:-108px 0 0 1010px!important;}	
.content-hyperlink.booking a:hover, 
.content-hyperlink.booking a:focus{ margin:-108px 0 0 1010px!important;}	
	
/* --- Frühstück --- */
.ce_rsce_fruehstuck {width:1176px;}
.ce_rsce_fruehstuck .leftbar,
.ce_rsce_fruehstuck .rightbar {width:544px; margin:10px;}

.ce_rsce_mehrwert{width:1150px;margin:0 auto 140px auto; text-align:left;}
.ce_rsce_mehrwert .ce_text {width:270px; text-align: left; margin:0 40px 0 0;}		
	
}