@/* Granitzl */

* {
  font-size: 100.1%;
  font-family: "Open Sans Condensed",sans-serif!important;
 
  margin: 0; padding: 0;

}
#main {
	font-family: 'Open Sans', sans-serif;
	

}
#rundgang {
position: absolute;
top: 200px;
right: 200px;
z-index: 899;
border-radius: 50%;
}

#granitzl {
	position: fixed;
	margin: 0 auto;
	top: 0;
	left: 50%;
	z-index: 1000;
}

	.cookiebar { 
	z-index: 99999!important;
	}

	#cookiebar { 
	z-index: 99999!important;
	}	

.boxen {
	width: 100%;
margin: 50px 0;
	height: 530px;
}

.boxen .inside  {
	position: relative;
}


.bild_links, 
.bild_rechts {
max-width: 55%;
z-index: 500;
} 

.bild_rechts {
	right: 0;
	position: absolute;
	max-height: 530px;
	
}
.bild_links {
	left: 0;
	position: absolute;
		max-height: 530px;
}
/* Start*/
.blocktext.right {

position: absolute;
width: 65%;
min-height: 230px;
background-color: #f4f4f4;
padding: 40px 40px 10% 40px;
color: #707070;
text-align: center;
font-weight: 100;
top: -5%;
right: 0;
}
.blocktext.right p,
.blocktext.right h3,
.blocktext.right ul, 
.blocktext.right ol {
	padding-left: 40%!important;
}

.blocktext.left p,
.blocktext.left h3,
.blocktext.left ul,
.blocktext.left ol 
 {
	padding-right: 40%!important;
}

.blocktext.left {

position: absolute;
width: 65%;
min-height: 230px;
background-color: #f4f4f4;
padding: 40px 40px 10% 40px;
color: #707070;
text-align: center;
font-weight: 100;
top: -5%;
left: 0;
}




#banner {
	width: 100%;
	background: #485156;
	position: relative;
}

#banner .inside {
	max-width: 1000px;
	margin: 0 auto;
}

#banner .rs-column.-large-col-2-1, 
#banner .rs-column.-large-col-3-1  {
	
   background: #f4f4f4;
   border-radius: 10px;
   padding-top: 10px;
}

#banner p {
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 1em;
font-size: 16px;
line-height: 1.5em;
text-align: center;
padding-left: 2px;
color: #707070;
font-weight: 100;
}

body {
  font-size: 16px;
  text-align: center;
  color: #444;
/*   background: #fff url(layout/back_2.jpg) repeat center top; */
   background: url(../../files/layout/background-tile.jpg)  repeat center top;
   	font-family: 'Open Sans', sans-serif;

 
}



#buchen {
	position: absolute;
	top: 150px;
	right: 150px;
	z-index: 899;
	border-radius: 50%;
	 

}

.size {
	display: none;
}

.rsts-main {

    margin: 0 auto;
}

.slider-control { 
	display: none;
}

.booking { background: #7e1114;
	text-align: center;
	
	border-radius: 10px;
	}

.booking a,
.booking h2 {
	color: #fff!important;
}

.booking a:hover {
	color: #fff!important;
}
a img {
  border: 0;
}
.clear {
  font-size: 1px; height: 1px;
  overflow: hidden;
  clear: both;
}
label, .toggler {
  cursor: pointer;
}
td, th {
  vertical-align: top;
}
.onlyprint  {
  display: none;
}
img.mime_icon {
  vertical-align:middle;
}
.invisible {
  width: 0px; height: 0px; overflow: hidden;
  position: absolute; left: -1000px; top: 1000px;
  display: inline;
}


/*
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    margin: 2px 0 5px;
}
*/


/*
  Definition der Inhaltsboxen, vor allem
  - Größe und Position
  - Hintergrundbilder/-farbe
  - Abstände zum Text
  - Abstände zu anderen Boxen
*/
#wrapper {
   width:100%;
/*   max-width: 1100px; */
   margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
  }
#container {
margin: 0 auto;
max-width: 1200px;
position: relative;



	 /* background: #f7f3eb;  */

    
    /*
 background-image: url(layout/schatten_unten.png), url(layout/schatten_oben.png);
	background-position: center top, center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding-bottom: 20px;
	
*/

       


}
.custom {
   background: url(../../files/layout/bg.jpg)  repeat center top;
}


#main {
background:rgba(255,255,255,0.86);
/* padding: 20px; */
  }
  
#main .inside {
	padding: 40px 20px 40px 20px;

}  
#right {
}
#footer {

height: 100%;

 }

#footer .mod_subcolumns {
	margin: 10px 0;
	text-align: center;
	padding: 0 150px;
}

#footer .inside {
	display: table;
    margin: 0 auto;
    margin-top: 10px;
}
#fusslogos .inside,
#dmwslogo {
	display: table;
    margin: 0 auto;
    margin-top: 10px;
/*
    background-image: url(layout/schatten_unten.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
*/
	padding-bottom: 20px;
}

/* Kopfbereich: Kopfbilder Kunde, Hauptnavigation */








#header .layout_latest h2 {
	margin-top: 140px;
}

#header .layout_latest h2 a {
	font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;

	color: #7e1114;
	text-decoration: none;
	font-size: 28px;
	padding: 0 0 5px 0;
		 background-image: url(layout/schatten_unten.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

#header .mod_newslist .pagination {
	display: none;
}

#header .layout_latest .more {
	float: left;
}

#header .layout_latest p {
	line-height: 1.5em;
}

/* NAVIGATIONEN: Custom, Header, Left 
	
	NAVIGATION: CUSTOM
*/

#header .mod_customnav {
	position: absolute; 
	top: 0px; 
	right: 20px;
}

#header .mod_customnav li {
	float: left;
	height: 30px;
	padding: 5px 15px 0 15px;
	list-style: none;
}

#header .mod_customnav a {
	color: #fff;
    font-size: 24px;
	font-variant: small-caps;
    padding: 9px 0px;
    text-decoration: none;
    text-shadow: 3px 3px 5px #999;	
    text-decoration: none;
    font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;

}

#header .mod_customnav a:hover,
#header .mod_customnav strong.active {
	color: #4F2820;
	font-size: 24px;
	font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;

}


#header .mod_changelanguage {
  position: absolute; top:20px; left: 280px;
  	z-index:900;

}

#header .mod_changelanguage li {
	float: left;
	padding-left: 5px;
}

/*
#header .mod_changelanguage a {
	 color: #7e1114;
    display: block;
    font-size: 20px;
    font-family: "Open Sans",sans-serif;
    font-weight: 300;
    padding: 9px 15px 9px 0px;
    text-decoration: none;
    text-shadow: 3px 3px 5px #999; 
}
*/

#header .mod_changelanguage a:hover {
	  color: #4F2820;
}

#header .mod_changelanguage a, .mod_changelanguage strong {
  display:block;
 width: 25px;
	height: 15px;
  text-indent: -999em;
}
#header .mod_changelanguage .lang-de a {
	background: url(layout/flags.png) no-repeat;
	background-position: -25px 0;
}
#header .mod_changelanguage a.lang-en {
	background: url(layout/flags.png) no-repeat;
	background-position: 0 -15px;
	
}

#header .mod_changelanguage a.lang-it {
	background: url(layout/flags.png) no-repeat;
	background-position: -25px -15px;
	
}


/* NAVIGATION: HEADER */


#header .mod_navigation {
    overflow: visible;
    position: fixed;
    right: 0px;
    width: 100%;
    z-index: 900;
    background: #3c484e;
    padding-top: 25px;

   /*
 background-image: url(layout/schatten_unten.png), url(layout/schatten_oben.png);
	background-position: center top, center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
*/
   }
   #header .mod_navigation li.logo {
	   width: 180px;
	   position: relative;
   }
   




#header .mod_navigation a.logo {
	background: url(../../files/layout/logo.png) no-repeat center bottom;
display: block;
width: 100%;
height: 255px;
position: absolute;
left: 0;
bottom: -121px;

 
} 
   #header .mod_navigation li.logo.klein {
	   width: 180px;
	   position: relative;
   }  

#header .mod_navigation a.logo.klein {

background: url(../../files/layout/logo_klein.png) no-repeat center bottom;

bottom: -35px;
}

#header .mod_navigation ul {
	margin-bottom: 0;
	
}

#header .mod_navigation .level_1 {
	text-align: center;
	
}
#header .mod_navigation li {
   display: inline-block;
   	list-style: none;
	margin: 0 -3px;
	transition: all 0.4s ease-in-out 0s; /* explorer 10 */
    -webkit-transition: all 0.4s ease-in-out 0s; /* chrome & safari */
    -moz-transition: all 0.4s ease-in-out 0s; /* firefox */
    -o-transition: all 0.4s ease-in-out 0s; /* opera */
/* 	padding: 2px 0 2px 0; */
 }
 
/*
.mod_navigation > ul:nth-child(2) > li:nth-child(3) > a:nth-child(1) > span:nth-child(1),
.mod_navigation > ul:nth-child(2) > li:nth-child(3) > strong:nth-child(1) {
	margin-right: 160px;
}

.mod_navigation > ul:nth-child(2) > li:nth-child(4) > a:nth-child(1) > span:nth-child(1),
.mod_navigation > ul:nth-child(2) > li:nth-child(4) > strong:nth-child(1) {
		margin-left: 160px;
}
*/

#header .mod_navigation a, #header .mod_navigation strong {
    color: #fff;
    display: block;
    font-size: 28px;
    font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;

    padding: 70px 10px 30px 10px;
    text-decoration: none;
}


#header .mod_navigation a:hover, #header .mod_navigation strong, #header .mod_navigation a.trail, #header .mod_navigation .submenu:hover {
    color: #e8e8e8;
    
   
}

#header .mod_navigation .level_2 li:hover,
#header .mod_navigation .level_2 li.active {
	background: #3c484e;
}
#header .mod_navigation .level_2 li {
	display: block;
}

#header .mod_navigation .level_2 li {
	margin:0;
	border-left: 0;
	border-right: 0;
}

#header .mod_navigation .level_2 li a {
	font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
}
#header .mod_navigation .level_1 ul {
    left: -999em;
    margin-bottom: 0;
    margin-left: 0;
    position: absolute;
    width: 250px;
    text-align: left;
    transition: all 0.4s ease-in-out 0s; /* explorer 10 */
    -webkit-transition: all 0.4s ease-in-out 0s; /* chrome & safari */
    -moz-transition: all 0.4s ease-in-out 0s; /* firefox */
    -o-transition: all 0.4s ease-in-out 0s; /* opera */
}



#header .mod_navigation ul.level_2 {
    margin: 0px 0 0 0px;
   	background: #fff;
   box-shadow: 0px 17px 17px -5px #444;
   
}

#header .mod_navigation .last ul.level_2 {
    margin: 0px 0 0 -50px;
    }

/*
#header .mod_navigation ul.level_3 {
    border-color: #76490e;
    border-style: solid;
    border-width: 0 1px 1px;
    margin: -34px 0 0 180px;
}
*/
#header .mod_navigation .level_2 li {
    background: none repeat scroll 0 0 transparent;
    float: none;
    padding-bottom: 5px;
/*     border-bottom: 1px solid #4F2820; */
}
#header .mod_navigation .level_2 a, #header .mod_navigation .level_2 strong {
    color: #444;
    font-size: 16px;
    font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
    padding: 5px 15px 3px 15px;
    text-shadow: none;
}

#header .mod_navigation .level_2 a:hover, #header .mod_navigation .level_2 strong {
/*     background-color: #2b211d; */
    display: block;
    font-variant: normal;
    color: #fff;
    text-shadow: none;
}
#header .mod_navigation li:hover .level_2, #header .mod_navigation .level_2 li:hover .level_3, #header .mod_navigation .level_3 li:hover .level_4 {
    left: auto;
}

/*
#header .mod_navigation > ul:nth-child(2) > li:nth-child(4) > ul:nth-child(2) {
	 margin: 0px 0 0 100px;
}
*/
/*
#header .mod_navigation ul.level_1 li.submenu {
	margin: 0px 0 0 -50px;
}
*/

/*
#header .mod_navigation ul.level_1 li.submenu.last ul.level_2 li.submenu ul.level_3 {
	margin: 34px 0 0 -250px;
	}
	
#header .mod_navigation.mod_navigation ul.level_1 li.submenu.last ul.level_2 {
	margin: 0px 0 0 -50px;
}
*/


/* NAVIGATION: LEFT */


#left .mod_navigation {
	margin: 40px 20px 0 0px;
}

#left .mod_navigation li {
	  display: none;
}


#left .mod_navigation li.submenu.active,
#left .mod_navigation li.trail {
	  display: block;
  
}

#left .mod_navigation li a,
#left .mod_navigation strong {
	text-decoration:none;
	display:block;
	padding: 0px 0px 10px 0px;
 	color:#7e1114;
 	font-size: 24px;
 	letter-spacing: 0px;
	font-family: "Open Sans Condensed",sans-serif;
    font-weight: 300;
 	text-decoration: none;
 	background-image: url(layout/schatten_unten.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	text-align: center;
}


#left .mod_navigation li li {
	  display: block;
	  padding: 0px 5px 0 5px;
}


#left .mod_navigation li li a,
#left .mod_navigation li li strong {
   	display:block;
	padding:1px 0 0 10px;
	margin-bottom: 0px;
	font-size:15px;
	line-height:25px;
	font-family: "Open Sans",sans-serif;
    font-weight: 400;
	border-top: 0px solid #4f2820;
	border-bottom: 1px solid #4f2820;
	background-image: none;
	text-align: left;
}

#left .mod_navigation li li strong,
#left .mod_navigation li li strong.active,
#left .mod_navigation li li a:hover,
#left .mod_navigation li li .trail {
   	font-size:15px;
   	padding:1px 0 0 10px;
	color: #4f2820;
/* 	background-color: #f9f5de; */
}
#left .mod_navigation ul {
	margin-bottom: 0px;
}
	
#left .mod_navigation ul ul {
	padding:0px 0 10px 0px ;
	margin-top: 0px;
/* 	background-color: #f2f3f5; */
}



.mod_newsreader li {
	text-align: left;
}


.rs-columns { 
	text-align: left;
	padding: 20px 0;
	background-image: url(../../files/layout/schatten_unten.png);
	background-position: center top, center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding-bottom: 20px;
}

.rs-columns h2 {
	text-align: left;
	margin: 0;
	margin-bottom: 20px!important;
}

.rs-columns.ce_rs_columns_start.links {
	background-image: none;
}


.rs-column.-large-col-4-2.-large-first-row.-medium-col-4-2.-medium-first-row.-small-col-1-1.-small-first.-small-last div.ce_text.block ul {
	margin-bottom: 0px!important;
}


.rs-columns.ce_rs_columns_start div.ce_rs_column_start.start_news.rs-column.-large-col-2-1.-large-first.-large-first-row.-medium-col-2-1.-medium-first.-medium-first-row.-small-col-1-1.-small-first.-small-last.-small-first-row,
.rs-columns.ce_rs_columns_start div.ce_rs_column_start.rs-column.-large-col-2-1.-large-last.-large-first-row.-medium-col-2-1.-medium-last.-medium-first-row.-small-col-1-1.-small-first.-small-last { 
	margin-top: 20px;
	background: url(../../files/layout/bg_news.png) no-repeat center center;
	background-size: 70%;
	position: relative;

}

.zirbe {


}


/*

.rs-columns.ce_rs_columns_start.start_news div.ce_rs_column_start.rs-column.-large-col-4-2.-large-first-row.-medium-col-4-2.-medium-first-row.-small-col-1-1.-small-first.-small-last div.ce_text.news.block::after {
    width: 150px;
height: 178px;
bottom: 0;
right: 0;
position: absolute;
float: right;
margin-right: -20px;
background-image: url("../../files/layout/zirbe.png");
background-position: center center;
background-repeat: no-repeat;
background-size: 100% auto;
content: "";
    
    }
*/
.rs-columns.links p {
font-family: 'Playfair Display';
font-style: italic;
font-weight: 400;
}

#startseite,
#fammiedl,
#haeuserlimwald {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Sommer_Haus.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#radfahren {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Radfahren.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#kulinarium {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Kulinarik.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#restaurant {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Restaurant.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}


#suiten {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Zimmer.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#dz_fanningberg {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_DZ_Fanningberg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#dz_aineck {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_DZ_Aineck.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#ez_mitterberg {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_EZ_Mitterberg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#ez_preber {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_EZ_Preber.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#suite_hollerberg {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Suite_Hollerberg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#suite_kasereck {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Suite_Kasereck.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#suite_speiereck {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Suite_Speiereck.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#suite_gumma {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Suite_Gumma.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#wellness {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Wellness.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#sommer,
#wandern {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Wandern.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#ebikes {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_E_Bike.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#nordic_walking {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Nordic_Walking.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#jagen {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Jagd.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#fischen {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Fischen.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#aktivitaeten_sommer {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Sommeraktivitaeten.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#ausflugsziele_sommer {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Ausflugsziele.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#lungau {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Lungau.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#winter,
#ski {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Ski.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}


#skitouren {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Skitouren.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#langlaufen {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Langlauf.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#aktivitaeten_winter {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Winteraktivitaeten.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#ausflugsziele_winter {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Winter_Ausflugsziele.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#zimmer_anfrage {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_DZ_Aineck.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#zimmer_anfrage_danke {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Suite_Hollerberg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#pauschalangebote {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Sommer_Haus.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#pauschalangebote_detail {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Sommer_Haus.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#aktuelles {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/header_haus_winter_2019.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#aktuelles_details {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/header_haus_winter_2019.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}


#kontakt,
#kontakt_danke,
#bildergalerie,
#anreise,
#hotelbewertung,
#sitemap,
#impressum,
#datenschutz {width: 100%; 
height: 75vh;
background: url(../../files/Headerbilder_NEU/HIW_Header_Sommer_Haus.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}


#header .mod_article {
    position: relative; 
    padding-top: 115px;
	width: 100%;
    
/*     	z-index:700; */

}

#header .mod_pageImage {
 background-image: url(layout/schatten_unten.png), url(layout/schatten_oben.png);
	background-position: center top, center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding: 20px 10px;
}

#header .mod_pageImage .image_container img{
}
#header #logo {
  position: fixed; top:18px; left: 30px; /* margin-left: -125px; */
  	z-index:3000;

}



#header #facebook {
  position: absolute; top:60px; left: 90px;
  	z-index:900;

}

#header #facebook a {
	background:url(layout/facebook.png) no-repeat left 0px;
	 display: block;
    height: 50px;
    overflow: hidden;
    padding: 0 50px 0 0;
    width: 0px;
    text-indent: -999px;
}



#header #balken div.ce_image figure.image_container {
	margin-bottom: -3px;
}


#header #link_bildergalerie {
	position: absolute; top: 232px; left: 65px;
}
#header #link_bildergalerie a {
	color: #fff8ec;
	font-size: 18px;

}

.banner .image_container {
	position: relative;
	overflow: hidden;
}

.banner .image_container img { 
	display: block;
width: 100%;
height: auto;
}

#left {
	margin-right: 20px;
}

#left h2 {
	font-family: "Open Sans Condensed",sans-serif;
    font-weight: 300;
 	background-image: url(layout/schatten_unten.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	text-align: center;
	color:#7e1114;
	padding: 0 0 10px 0;
}

#left .mod_search {
	margin-right: 20px;
}
#left .submit {
	 margin-left: auto;
    margin-right: auto;
    display: block;
}



#dmws {
    position: relative;
    float: left;
    margin: 0 auto;
}


#bewertunglogos {
	 position: relative;
    float: left;
    width: 267px;
    margin: 0 auto;
}

#links_bewertung {
	clear: both;
	margin-top: 10px;
}


#logo1,
#logo2 {
	position: relative;
	width:130px;
}

#logo3 {
	position: relative;
}


#swap1.ce_image .image_container img,
#swap2.ce_image .image_container a img {
}

#swap1.ce_image .image_container img,
#swap2.ce_image .image_container img { 
	-webkit-transition: all 0.7s ease-in-out; 
	-moz-transition:  all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out; 
    -o-transition: all 0.7s ease-in-out; 
    transition: all 0.7s ease-in-out;
    position: relative;
	} 
#swap1.ce_image .image_container img, 
#logo1:hover #swap2.ce_image .image_container a img,
#logo2:hover #swap2.ce_image .image_container a img,
#logo3:hover #swap2.ce_image .image_container a img
{ opacity: 1.0; } 


#logo1:hover swap1.ce_image .image_container img,
#logo2:hover swap1.ce_image .image_container img,
#logo3:hover swap1.ce_image .image_container img,
#swap2.ce_image .image_container a img { opacity: 0; } 


/*
#header .mod_cm_wetter_dmw {
	position: absolute; top:345px; right: 20px;
	width: 70px;
		z-index:900;

}

#header .mod_cm_wetter_dmw h3 {
	font-size: 12px;
	font-family: 'Signika', sans-serif;
	font-weight: 300;
	color:  #fff;
	line-height: 12px;
	text-align: center;
}	
#header .mod_cm_wetter_dmw img{
	width: 50px;
	height:  50px;
}

#header .mod_cm_wetter_dmw .weathertemp{
	display: none;
}
*/
#left .mod_form {
	margin-top: 20px;
	padding:0px 20px;
}	

#suche form#f15 {
	margin-bottom: 0px;
}

#suche .formbody input.text {
	width: 120px;
}

#suche .formbody input.submit {
	border: 1px solid #c7c8c9;
}
/*
#header .mod_changelanguage {
	position: absolute; right: 0px; top: -25px;
	z-index: 1000;
}

#header .mod_changelanguage ul {
  list-style: none;
} 
#header .mod_changelanguage li {
  /* float: right; */
/*
  display: block;
  padding: 0px 0 0px 0px;
} 
#header .mod_changelanguage li.lang-en {
	
}

#header .mod_changelanguage li.lang-de {
	
}

#header .mod_changelanguage a, .mod_changelanguage strong {
  display:block;
  height: 40px;
  width: 60px;
  text-indent: -999em;
}
#header .mod_changelanguage .lang-de a {
	background: url(layout/de.png) no-repeat 6px top;
	margin-top: 37px;
	
}
#header .mod_changelanguage a.lang-en {
	background: url(layout/eng.png) no-repeat;
  	
}
*/













 


	
/* Navigation CSS */
/* Main Navigation*/
/*
#navigation .custom {
	overflow:  visible;
			z-index:980;

}
*/


	








	
/*STARTSEITE ELEMENTE*/

/*
body#top.detailseite .mod_pageImage {
	display: none;
}
*/

/*
body#top.startseite #main .ce_colsetStart {
	margin-bottom: 10px;
	}


body#top.startseite #main .subcl, 
body#top.startseite #main .subc, 
body#top.startseite #main .subcr {
	border: 1px solid #bababa;
	padding: 5px;
	height: 343px;
	background: url(layout/news_back.jpg) repeat-x -10px top;

}

body#top.startseite #main #infoblock .subcl, 
body#top.startseite #main #infoblock .subc, 
body#top.startseite #main #infoblock .subcr {
	height: 160px;

}
body#top.startseite #main #infoblock  {
	margin-top:50px;
}


body#top.startseite #main .c25l,
body#top.startseite #main .c33l {
	padding-right: 25px;
}


body#top.startseite #main .mod_newslist {
	border: 0px solid #bababa;
	padding: 0px;
	background: none;
}



body#top.startseite #main .mod_newslist a {
	text-decoration: none;
		  font-size: 14px;
 font-weight: normal;
}

body#top.startseite #main .layout_latest.first {
	margin-top: 5px;
	border-bottom: 0px dotted #666;

}

body#top.startseite #main .layout_latest .teaser p {
	text-align: left;}

body#top.startseite #main .layout_latest p.more {
	position: absolute; top: 370px;
	border: 1px solid #c7c8c9;
	color:  #9f171e;
	width: 203px;
	text-align: center;
	background-color: #f2f3f5
	}
	
body#top.startseite #main .layout_latest p.more:hover {
	background-color: #f7af11;
    cursor: pointer; cursor: hand;
}

body#top.startseite #main .layout_latest p.more:hover a {
	color: #333;
}

body#top.startseite #main .layout_latest p.more a {
	font-size: 11px;
}

body#top.startseite #main .layout_latest .image_container {
	width:  208px;
	margin:  0px;
}

body#top.startseite #main .layout_latest img {
	width: 205px;
	height:  150px;
	margin-bottom: 10px;

}

body#top.startseite #pauschalentext.ce_text {
	margin-top: 18px;
}
body#top.startseite #pauschalentext.ce_text .image_container img {
	width: 205px;
	height:  150px;
	margin-bottom: 10px;

}

body#top.startseite section.ce_colsetStart div.mod_colsetPart div.subc div#pauschalentext.ce_text h2 {
	
}
*/





	
/* Side Navigation*/


#left .mod_newslist {
    margin: 40px 20px;
}

#left .mod_newslist h2 a {
color: #4F2820;
    display: block;
    font-size: 18px;
    padding: 0 0 10px 5px;
    text-decoration: none;
}

/*
.more {
  background-color: #7e1114;
    background-image: linear-gradient(to bottom, #FFFFFF, #7e1114);
    background-repeat: repeat-x;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 0;
    padding: 4px 15px 4px 14px;
    text-align: center;
    transition: background 0.15s linear 0s;
    vertical-align: middle;
}

.more:hover {
    background-position: 0 -15px !important;
    text-decoration: none;
}
*/


/*Rechte Spalte*/

#right .xfacebook {
	margin: 40px 0 10px 10px
}

#right .xfacebook iframe {
	margin: 40px 0 10px 10px;
	border-bottom: 1px solid #94A3C4 !important;
}

#right .mod_feedlister {
	width:  160px;
	margin-left: 20px;
}

#right .mod_feedlister a {
	color:  #333;
}

#right .mod_googleplus1button {
	margin-left:  20px;
	width: 160px;
}

#main #anfragen {
	
	margin-bottom: 100px;
	
}

/*
#main a.hyperlink_txt {
	text-decoration: none;
    color: #9f171e;
    text-transform: uppercase;
}



#main .ce_hyperlink{
	height: 18px;
	width: 240px;
	border: 1px solid #c7c8c9;
	width: 180px;
	margin: 5px;
    text-align: center;
	color:  #9f171e;
	    padding-top: 2px;
		clear: both;
	background: #f2f3f5;
	float: left;}
	
	
#main .ce_hyperlink:hover{
	background-color: #F9F5DE;
	cursor: pointer; cursor: hand 	;
	color: #333;
}

#main .ce_hyperlink:hover a {
	color: #333;
		text-decoration: none;

}

#main .ce_hyperlink a {
	width: 100%;
}

#main .ce_hyperlink h5 {
	margin: 0px;
}

*/


/*#Einleitung .image_container {
	width: 355px;
	height:  190px;
	padding: 12px 0px 0px 15px;
	background: url(layout/main_image.png) no-repeat left top;
}

#Einleitung img {
 height:  auto;
}

/* Standard-Stilangaben */

 #header #logo { 
	 display: none;
 }

#main a,
.more a {
color: #7e1114;
  text-decoration: underline;
}
#main {
text-align: center;
}
#main a:hover,
.more a:hover {
color: #4f2820;
  text-decoration: underline;
}

#main h1 {
  font-size: 60px;
  font-weight: normal;
  margin-bottom: 10px;
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
color: #7e1114;
margin-top: 0;
text-align: center;
	margin-top: 0px;
background-image: url(layout/schatten_unten.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;


}


#main h2 {
  font-size: 40px;
  margin-bottom: 40px;
 font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
	color: #444;



}
#main h3 {
  font-size: 30px;
  margin: 20px 0;
	border-top: 0px solid #4f2820;
		border-bottom: 0px solid #7e1114;
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 400;
	color: #707070;
	clear: both;
}

#main h4 {
  font-size: 18px;
  margin:0 0 0.8em 0em;
	color: #7e1114;
	font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
}

#main h5 {
  font-size: 13px;
  margin: 0.8em 0em;
	color: #4f2820;
}

#main p, #main table, #main ul, #main ol {
  margin-bottom: 1em;
  font-size: 16px;
   line-height: 2em;
 text-align: center;
 padding-left: 2px;
 color: #707070;
}



#main ul, #main ol {
  margin-left: 1.5em;
}


#main ul {
  list-style: none;
  padding: 0;
  
}
#main li {
  padding-left: 1.3em;
    list-style-type: none;
    /*
padding-left: 20px;
    margin-left: 25px;
    background-image:url('../../files/layout/list.jpg');
    background-repeat:no-repeat;
    background-position:left center;
*/

}

#main li::before {
	content: url('../../files/layout/list.gif');
	margin-top: 10px;
	margin-right: 5px;
}

#main div.image_container{
  position: relative; 
}
#main div.image_container img.magnifier {
  position:absolute;
  top: 0px; right: 0px;
}
#main .mod_article {
  position: relative;
}
#main .print_link {
  width: 20px; height: 20px;
  position: absolute; right: 0; top: 0;
}
#main .ce_text {

	clear: both;
}  

#main .ce_text .ce_text {
	background: none;
}

.ce_headline {
	padding: 0px;
}
#main iframe {
	color: #fff;
	margin: 0 0 0 0px;
	background-color:#fff;
	overflow: scroll;
 }
 
#main .inside .mod_pageImage {
	margin-bottom: 10px;
}

/* Angebote/Neuigkeiten */


#main .layout_latest  {
	margin-bottom: 20px;
}
#main .layout_latest h2 {
  
font-size: 24px;
	font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
	color: #7e1114;
	clear: both;
	margin-bottom: 20px;

}

#main .layout_latest h2 a {
	text-decoration: none;}



#main .layout_latest p.more:hover a {
	text-decoration: none;
}



#main .layout_latest .image_container {
 /*
 float: left; width: 140px; margin: 0 10px 10px 0;
  overflow: hidden;
*/
}
#main .layout_latest .image_container img {



}

#main p.more {
    padding: 5px 10px;
    margin-bottom: 5px;
	    background: #3c484e;
    border-radius: 5px;
	}



#main p.more a:hover  {
  font-style: normal;
  font-weight: 400;
  
}
#main p.more a
  {
	color: #fff;
	text-decoration: none;
}
#main .ce_text.anfragen p,
#main .ce_text.room_info.block p.anfragen
 {
    padding: 5px 0px;
    width: 100%;
    background: #7e1114;
    border-radius: 5px;
	}


#main .layout_latest {
	float: left;
	width: 100%;
	padding: 10px;
	background: url(../../files/layout/bg3.jpg) repeat center top;
	    padding: 5px;
}


#main .layout_latest .image_container {
  width: auto; 
  overflow: hidden;
  float: none;
  margin: 0;
}


#main .layout_latest .image_container img {
	height:  auto;
	width: auto;
}
#main .mod_newslist { 
	display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;

}



#main .ce_form {
	text-align: left;
}


/*
#main .ce_form form button, input[type="submit"] {
	font-size: 16px;
	
}

#main .ce_form form button { 
	margin: 20px 0;
}
*/


/*
#main .layout_latest {
	float: left;
	width: 40%;
	margin-left: 4%;
	padding: 10px;
	border: 1px solid #444;
}


#main .layout_latest .image_container {
  width: auto; 
  overflow: hidden;
  float: none;
  margin: 0;
}


#main .layout_latest .image_container img {
	height:  auto;
	width: auto;
}
*/




/*
#main .pagination {
	margin: 0px;
}

#main .pagination p {
 display: none;
}

#main .pagination a{
	text-decoration: none;
}

#main .pagination ul {
  margin-left: 0;
  list-style: none;
}
#main .pagination ul li {
  border: 1px solid #c7c8c9;
	color:  #9f171e;
	margin-top: 10px;
	text-align: center;
	background-color: #f2f3f5;
	float:  left;
	margin-right: 5px;
	padding: 2px 10px;
	height:  18px;
}

#main .pagination ul li:hover{
	background-color: #F9F5DE;
    cursor: pointer; cursor: hand;
}

#main .pagination ul li:hover a {
	color:  #333;
}


#main .pagination ul li strong.current {
  color: #333;
  font-size: 11px;
  font-weight: bold;
 
}
*/

#main .mod_newsreader p.back {
	display: none;
}

#main .links p, 
#main .links li,
#main .links h4 {
	text-align: left;
}

#main .links.info p,
#main .links li {
/* 	font-size: 16px; */
	
}

#main .info {
	    background: url(../../files/layout/bg3.jpg) repeat center top;
	    padding: 5px;
}

/* Preistabellen */

body.preise #main h3 {
  font-size: 18px;
 margin-bottom: 0px;
	border-top: 0px solid #4f2820;
		border-bottom: 0px solid #7e1114;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;

	color: #7e1114;
	padding-top: 40px;
	clear: both;
}

#main .ce_text.preistabelle {
	float: left;
	width: 30%; 
	padding: 5px;
	margin: 5px;
	background-color: #f9f5de;
	background: none;
	clear: none;
}


#main .preistabelle h6 {
	font-weight: bold;
	margin-top: 0px;
	background-color: #4F2820;
	color: #fff;
	    padding: 5px;
	    text-align: center;
}



.preis {
	display: block;
	padding: 5px 10px;
	color: #4F2820;
	font-weight: bold;
	border-top: 1px solid #4F2820;
		border-bottom: 1px solid #4F2820;


}


/*
#main .mod_newsreader p.back {
	margin-top: 20px;
	border: 1px solid #c7c8c9;
	color:  #9f171e;
	width: 100px;
	text-align: center;
	background-color: #f2f3f5;
	}
#main .mod_newsreader p.back a {
	text-decoration: none;
	}	
#main .mod_newsreader p.back:hover {
	background-color: #f7af11;
    cursor: pointer; cursor: hand;
}

#main .mod_newsreader p.back:hover a {
	color: #333;
	text-decoration: none;
}


/* Linkliste */

/*
#main .mod_linklist,
#main .mod_linklist .odd,
#main .mod_linklist .even {
  padding: 10px;
  border-bottom: 1px dotted #000;
}
#main .mod_linklist .odd .picture,
#main .mod_linklist .even .picture {
  float: left; width: 140px; 
  margin: 0 10px 1px 0;
}
#main .mod_linklist p {
  margin-bottom: 0;
}
#main .mod_linklist .title {
    font-size: 1.4em;
}
#main .mod_linklist .description  {
  color: #333;
  }
#main .mod_linklist a {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}
#main .mod_linklist .odd {
	background-color: #f6f6f6;
}
#main .mod_linklist .even{
  background: #fff;
}
#main .mod_linklist .odd:hover,
#main .mod_linklist .even:hover {
	background-color: #f6f6f6;
}

*/
/* Seitenwahl 
#main .pagination {
  margin: 0;
  padding: 0;
}
#main .pagination p {
  margin: 0;
  padding: 0;
}
#main .pagination ul {
  margin: 0; padding: 0;
  list-style: none;
}
#main .pagination ul li {
  float: left;
  margin: 0 0.8em 0 0;
  padding: 0;
  background: none;
}
#main .pagination ul li .pagination_current {
  color: #666;
  font-weight: bold;
}
/* Hauptspalte Tabellen */


/*
#main .ce_table table {
    border-collapse: collapse;
    font-size: 15px;
    text-align: left;
    width: 100%;
    line-height: 1.5em;
}

#main .ce_table thead tr th {
    border-bottom: 1px solid #4f2820;
    font-weight: normal;
    padding: 5px 0px;
    font-size: 16px;
margin: 0 0 0.8em 0em;
color: #7e1114;
font-family: 'Playfair Display';
font-style: normal;
font-weight: 400;
}
#main .ce_table td.col_0 {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #333333;
    text-align: left;
}
#main .ce_table td {
    border-bottom: 1px solid #4f2820;
    padding: 2px 0px;
}


#main p.error,
#main strong.error {
  color: #ff0000;
  font-weight: bold;
}
#main .formbody div.error,
#main .formbody label.error {
  color: #ff0000;
}
*/




/* =============================================================================
 * ce_gallery
 * ========================================================================== */

.ce_gallery .cols_2 li {
	width: calc(100% / 2);
	float: left;
}

.ce_gallery .cols_3 li {
	width: calc(100% / 3);
	float: left;
}

.ce_gallery .cols_4 li {
	width: calc(100% / 4);
	float: left;
}

.ce_gallery .cols_5 li {
	width: calc(100% / 5);
	float: left;
}

.ce_gallery .cols_6 li {
	width: calc(100% / 6);
	float: left;
}

.ce_gallery .cols_7 li {
	width: calc(100% / 7);
	float: left;
}

.ce_gallery .cols_8 li {
	width: calc(100% / 8);
	float: left;
}

.ce_gallery .cols_9 li {
	width: calc(100% / 9);
	float: left;
}

.ce_gallery .cols_10 li {
	width: calc(100% / 10);
	float: left;
}

.ce_gallery .cols_11 li {
	width: calc(100% / 11);
	float: left;
}

.ce_gallery .cols_12 li {
	width: calc(100% / 12);
	float: left;
}

.edge .ce_gallery .cols_2 li {
	width: 49.8%;
	float: left;
}

.edge .ce_gallery .cols_3 li {
	width: 33.20%;
	float: left;
}

.edge .ce_gallery .cols_4 li {
	width: 24.98%;
	float: left;
}

.edge .ce_gallery .cols_5 li {
	width: 19.98%;
	float: left;
}

.edge .ce_gallery .cols_6 li {
	width: 16.65%;
	float: left;
}

.edge .ce_gallery .cols_7 li {
	width: 14.285%;
	float: left;
}

.edge .ce_gallery .cols_8 li {
	width: 12.46%;
	float: left;
}

.edge .ce_gallery .cols_9 li {
	width: 11.11%;
	float: left;
}

.edge .ce_gallery .cols_10 li {
	width: 10%;
	float: left;
}

.edge .ce_gallery .cols_11 li {
	width: 9.09%;
	float: left;
}

.edge .ce_gallery .cols_12 li {
	width: 8.33%;
	float: left;
}

.ce_gallery .gallery-margin {
	margin-left: -10px;
	margin-right: -10px;
}

.ce_gallery .gallery-margin .image_container {
	margin: 0 5px 10px;

}

.ce_gallery .image_container {
	margin: 0;
}

.ce_gallery a {
	width: 100%;
	height: 100%;
	display: block;
}

.ce_gallery .content {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	background: rgba(152,152,152,0.8);
	opacity: 0;
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;
}

.ce_gallery li:hover .content {
	opacity: 1;
}

.ce_gallery li img {
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;
}

.ce_gallery .image_container {
	overflow: hidden;
}

.ce_gallery .content-outside {
	display: table;
	width: 100%;
	height: 100%;
}

.ce_gallery .content-inside {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: rgb(255,255,255);
	line-height: 1.5;
}

.ce_gallery .capt h1,
.ce_gallery .capt h2,
.ce_gallery .capt h3,
.ce_gallery .capt h4,
.ce_gallery .capt h5,
.ce_gallery .capt h6 {
	font-size: 1.067rem;
	font-weight: bold;
	letter-spacing: 1px;
	color: rgb(255,255,255);
	margin: 0;
}

.ce_gallery .capt h1:after,
.ce_gallery .capt h2:after,
.ce_gallery .capt h3:after,
.ce_gallery .capt h4:after,
.ce_gallery .capt h5:after,
.ce_gallery .capt h6:after {
	content: '';
	width: 50px;
	height: 2px;
	display: block;
	margin: 8px auto 15px auto;
	background: rgb(255,255,255);
}

.ce_gallery .capt {
	font-size: 0.8rem;
}

.ce_gallery .borders li {
	border-right: 1px solid rgb(229,229,229);
	border-bottom: 1px solid rgb(229,229,229);
}

.ce_gallery .borders li.row_last {
	border-bottom: 1px solid transparent;
}

.ce_gallery .borders li.col_last {
	border-right-color: transparent;
}

.ce_gallery .borders li:hover img {
	transform: none;
	-webkit-transform: none;
}

.ce_gallery .image_container i.fa.fa-plus-circle {
	position: relative;
	height: 50px;
	width: 50px;
}

.ce_gallery .image_container i.fa.fa-plus-circle:before {
	content: '';
	width: 50px;
	height: 1px;
	background: rgb(255,255,255);
	display: inline-block;
	position: absolute;
	top: 25px;
	left: 0;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.ce_gallery .image_container i.fa.fa-plus-circle:after {
	content: '';
	width: 50px;
	height: 1px;
	background: rgb(255,255,255);
	display: inline-block;
	position: absolute;
	top: 25px;
	left: 0;
}

.ce_gallery li:hover .image_container i.fa.fa-plus-circle:before {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
/* =============================================================================
 * pagination
 * ========================================================================== */

.pagination {
	clear: both;
}

.pagination ul {
	padding: 0;
	float: left;
}

.pagination p {
	float: right;
}

.pagination li {
	background: none;
	padding: 0;
	margin: 0;
	float: left;
	list-style-type: none;
}

.pagination li:before, .pagination li a:before {
	content: '';
}

.pagination li a, .pagination li span {
	background: none;
	display: block;
	margin-right: 1px;
	color: inherit;
	text-decoration: none;
	padding: 3px 10px;
}

.pagination li span.current {
	background: rgb(152,152,152);
	color: white;
	border-radius: 2px;
}

.pagination li a:hover {
	color: rgb(152,152,152);
}

.pagination-white .pagination,
.pagination-white .pagination a {
	color: rgb(255,255,255);
}

/* =============================================================================
 * ce_table
 * ========================================================================== */

.ce_table {
	position: relative;
	overflow: visible;
	overflow-x:auto;
}

.ce_table table {
	margin-bottom: 10px;
	width: 99.9%;
	text-align: center;
	white-space: nowrap;
	position: relative;
}

.ce_table table td {
	border-top: solid 1px #E3E3E3;
	padding: 12px;
	text-align: left;
}

.ce_table table td p {
	margin: 0;
}

.ce_table table th {
	text-align: left;
	padding: 12px;
	color: rgb(255,255,255);
	font-weight: bold;
	background: rgb(152,152,152);
}

.ce_table table tfoot td {
	color: rgb(152,152,152);
	font-weight: bold;
}

.ce_table .table-striped td {
	border: 0;
	background: rgb(249,249,249);
}

.ce_table .table-striped .odd td {
	background: rgb(244,244,244);
}

.ce_table .table-striped-dark td {
	border: 0;
	background: rgb(51,51,51);
}

.ce_table .table-striped-dark .odd td {
	background: rgb(64,64,64);
}

.ce_table .table-striped-dark {
	color: rgb(255,255,255);
}

.ce_table.overflow {
	overflow-x: auto;
}

body.ie .ce_table.overflow {
	box-shadow: none;
}

.ce_table .table-clean td {
	padding: 25px;
	font-size: 0.9rem;
	vertical-align: top;
}

.ce_table .table-clean td.col_first,
.ce_table .table-clean th.col_first {
	padding-left: 0;
}

.ce_table .table-clean th {
	background: none;
	color: inherit;
	border-bottom: 1px solid rgb(190,190,190);
	padding: 25px;
}

.ce_table table a {
	text-decoration: underline;
}

.ce_table.strict-responsive table {
	white-space: normal;
}

/* =============================================================================
 * ce_hyperlink
 * ========================================================================== */

#main .ce_hyperlink a,
a.btn {
	display: inline-block;
	padding: 12px 20px;
	margin-bottom: 15px;
	cursor:pointer;
	transition:all 0.2s ease-out 0s;
	width: 100%;
	background: #7e1114;
	border: 0px solid rgb(152,152,152);
	color: #fff;
	font-weight: bold;
	min-width: 140px;
	text-align: center!important;
	position: relative;
    position: relative;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    font-size: 0.9rem;
    text-decoration: none;
    text-transform: uppercase;
}

.ce_hyperlink a:hover,
a.btn:hover {
	opacity: 0.8;
}

.ce_hyperlink a.link-white,
a.btn.link-white {
	color: rgb(152,152,152);
	border: 2px solid rgb(255,255,255);
	background: rgb(255,255,255);
}

.ce_hyperlink a.link-white:hover,
a.btn.link-white:hover {
	background: rgb(152,152,152);
	color: rgb(255,255,255);
}

.ce_hyperlink a.link-white.outline,
a.btn.link-white.outline {
	color: rgb(255,255,255);
}

.ce_hyperlink a.link-white.outline:hover,
a.btn.link-white.outline:hover {
	background: rgb(255,255,255);
	border-color: rgb(255,255,255);
	color: rgb(37,37,37);
}

.ce_hyperlink a.outline,
a.btn.outline {
	background: transparent;
	color: rgb(152,152,152);
}

.ce_hyperlink a.outline:hover,
a.btn.outline:hover {
	background: rgb(37,37,37);
	border-color: rgb(37,37,37);
	color: rgb(255,255,255);
}

.ce_hyperlink i {
	margin-right: 5px;
}

.ce_hyperlink.small a,
a.btn.small {
	padding: 9px 15px;
	font-size: 0.75rem;
}

.ce_hyperlink.large a,
a.btn.large {
	padding: 20px 30px;
}

.ce_hyperlink.wide a,
a.btn.large {
	padding: 15px 50px;
}

.ce_hyperlink.expand a,
a.btn.expand {
	width: 100%;
}

.ce_hyperlink a.success,
a.btn.success {
	background: rgb(157,213,93);
	border-color: rgb(157,213,93);
}

.ce_hyperlink a.secondary,
a.btn.secondary {
	background: rgb(231,231,231);
	border-color: rgb(231,231,231);
	color: rgb(51,51,51);
}

.ce_hyperlink a.alert,
a.btn.alert {
	background: rgb(247,80,90);
	border-color: rgb(247,80,90);
}

.ce_hyperlink a.warning,
a.btn.warning {
	background: rgb(240,138,36);
	border-color: rgb(240,138,36);
}

.ce_hyperlink a.info,
a.btn.info {
	background: rgb(160,211,232);
	border-color: rgb(160,211,232);
	color: rgb(51,51,51);
}

.ce_hyperlink a.success:hover, a.btn.success:hover,
.ce_hyperlink a.secondary:hover, a.btn.secondary:hover,
.ce_hyperlink a.alert:hover, a.btn.alert:hover,
.ce_hyperlink a.warning:hover, a.btn.warning:hover,
.ce_hyperlink a.info:hover, a.btn.info:hover {
	opacity: 0.8;
}

.ce_hyperlink.border-radius-3 a,
a.btn.border-radius-3 {
	border-radius: 3px;
}

.ce_hyperlink.border-radius-5 a,
a.btn.border-radius-5 {
	border-radius: 5px;
}

.ce_hyperlink.border-radius-10 a,
a.btn.border-radius-10 {
	border-radius: 10px;
}

.ce_hyperlink.border-radius-20 a,
a.btn.border-radius-20 {
	border-radius: 20px;
}

.ce_text a.btn {
	margin-top: 15px;
}

.ce_hyperlink.btn-animated i {
	opacity: 0;
	width: 0;
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
}

.ce_hyperlink.btn-animated a:hover i {
    opacity: 1;
    width: 16px;
}


/* Formulare 
#main .formbody {
	margin-top: 30px;
}
#main .formbody p.explanation,
#main .formbody div.headline {
  clear: left;
}
#main .formbody label {
  clear: left;
  display: block; float: left;
  width: 105px;
  margin: 10px 0px 2px 0px; padding: 1px;
}
#main .formbody input.captcha,
#main .formbody input.text,
#main .formbody .select {
  width: 200px;
  margin: 10px 0px 2px 0px;
  padding: 1px;
  border: 1px solid #999;
}
#main .formbody input.captcha {
  width: 60px;
}
#main .formbody input.error {
  border-color: #ff0000;
}
#main .formbody textarea {
  width: 400px; height: 100px;
  margin: 10px 0px 2px 0px;
  padding: 1px;
  border: 1px solid #999;
}
#main .formbody label.error {
  font-weight: bold;
  color: #ff0000;
}
#main .formbody .checkbox_container {
  float: left;
  padding-left: 10px;
  margin-bottom: 10px;
}
#main .formbody .checkbox_container strong {
  clear: left;
  display: block;
  margin-bottom: 1px;
}
#main .formbody .checkbox_container input.checkbox {
}
#main .formbody .checkbox_container label {
  display: inline; float: none;
  width: 300px;
}
#main .formbody .submit_container {
  margin: 5px 0px 20px 105px;
  padding: 1px;
}
#main .formbody br {
  clear: left;
  font-size: 1px; height: 1px;
}
/* Formatierung Einzelelemente 
#main .formbody input#ctrl_65 {
  margin-bottom: 20px;
}

/* Main: Gastebuch 
#main .ce_comments {
    margin-top: 50px;
}
.ce_comments .comment_default {
    border-bottom: 1px solid #999999;
    margin-bottom: 10px;
}

#main .ce_comments .widget {
margin-bottom: 10px;}
.ce_comments .comment_default .info {
    font-weight: bold;
}
#main .ce_comments label {
    clear: none;
    display: block;
    float: none;
    margin-left: 280px;
    text-align: left;
    width: 200px;
}
#main .ce_comments input.text {
    clear: both;
    float: left;
    width: 250px;
}

.ce_comments #ctrl_comment.textarea {
	width: 250px;
}
#main .ce_comments input.captcha {
    clear: both;
    float: left;
    margin-right: 134px;
}
#main .ce_comments .submit_container {
    margin-left: 5px;
} */ 



/* =============================================================================
 * forms
 * ========================================================================== */

input,
textarea,
select {
  padding:10px 0;
  background-color: rgba(255,255,255,0.5);
  border:1px solid rgba(0,0,0,0.2);
  transition:all 0.15s linear 0s;
  width: 100%;
}

body.ie input.upload::-ms-value {
  padding:10px;
  background-color:#fff;
  border:1px solid #eee;
  transition:all 0.15s linear 0s;
  width: 100%;
}

label {
	margin-bottom: 3px;
}

form .widget input,
form .widget textarea,
form .widget select {
	width: 100%;
}

textarea {
	height: 400px;
}

input:hover:not([type="submit"]),
button:hover:not([type="submit"]),
textarea:hover {
	 border:1px solid rgb(153,153,153);
}

input:focus,
textarea:focus {
  background-color:#fff;
  border:1px solid rgb(152,152,152);
  border-radius:0;
}

form .checkbox_container {
	overflow: hidden;
	margin-bottom: 2px;
}

input.checkbox {
	margin-right: 5px;
}

input.checkbox,
input.captcha {
	width: auto!important;
}

form div.widget {
  margin-bottom:20px;
}

form fieldset {
  padding:10px;
  border: 1px solid rgba(0,0,0,0.2);
}

form.no-border fieldset {
	padding: 0;
	border: 0;
	border-top: 1px solid rgba(0,0,0,0.2);
}

form.no-border fieldset legend {
	margin-bottom: 25px;
}

form.no-border fieldset.checkbox_container {
	border: 0;
}

form fieldset {
  margin-bottom:20px;
}

form fieldset.hidden {
	display: none;
}

form fieldset legend {
	width:auto;
	padding-right:10px;
	padding-left:10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color:rgb(152,152,152);
	color:#fff;
}

form select {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
	background-position: center right;
	background-repeat: no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	line-height: 1;
	height: 48px;
	padding: 5px 35px 5px 10px;
	border:1px solid rgba(0,0,0,0.2);
	border-radius: 0;
}

.firefox form select {
	height: 49px;
}

form select option {
	padding-right:10px;
	padding-left:10px;
}

form select.multiselect option {
	padding-right:0;
	padding-left:0;
}

form textarea {
	font-family: inherit;
}

form .checkbox_container span,
form .widget-radio span {
  display: block;
  overflow: hidden;
  margin-bottom: 5px;
}

form .widget-radio input {
	width: auto;
	margin-right: 5px;
	margin-left: 3px;
}

form .widget-radio label {
	width: auto;
}

form span.mandatory {
  color:#f00;
}

form .captcha_text {
	margin: 10px 0 15px 15px;
	color: red;
}

form p.error {
	color: red;
}

.android .widget-radio label,
.android .widget-checkbox label {
	position: relative;
	top: -3px;
}

.ios input[type=checkbox],
.ios input[type=radio] {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  vertical-align: middle;
  position: relative;
  bottom: 1px;
}

.ie form .widget-radio input,
.ie form .widget-checkbox input {
	border: 0;
}

/* =============================================================================
 * submit input
 * ========================================================================== */

input.submit,
button.submit {
	display: inline-block;
	padding: 15px 20px;
	cursor:pointer;
	transition:all 0.2s ease-out 0s;
	width: auto;
	background: rgb(152,152,152);
	color: #fff;
	border-radius: 3px;
	font-weight: bold;
	font-size: 0.8rem;
	min-width: 140px;
	text-align: center;
	position: relative;
	-webkit-appearance: none;
}

input.submit[type="submit"]:hover,
button.submit[type="submit"]:hover {
	background: rgba(152,152,152,0.9);
}



#main .comment {
    background-image: url(layout/schatten_unten.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding-bottom: 20px;
	    }

#main .ce_toplink {
	margin-top: 20px;}
	
#main .ce_gallery ul {
  overflow:hidden;
  margin-left: 0px;
}
#main .ce_gallery li {
  float:left;
  padding:0px;
}	
	
	
	
	/* Preistabellen */
	
#main #preisbox .ce_text {
	background-image: none;
	padding-bottom: 0px;
}
.cell1, .cell2, .cell3, .cell4 {
	width: 25%;
	float: left;
}

#preisbox .cell2 p,
#preisbox .cell3 p,
#preisbox .cell4 p {
	text-align: center;
}
#preisbox .tabelle_d .cell3 p:before {
	content:"NF € ";
}
#preisbox .tabelle_e .cell3 p:before {
	content:"BB € ";
}
#preisbox .tabelle_i .cell3 p:before {
	content:"BS € ";
}

#preisbox .tabelle_d .cell4 p:before {
	content:"HP € ";
}
#preisbox .tabelle_e .cell4 p:before {
	content:"HB € ";
}
#preisbox .tabelle_i .cell4 p:before {
	content:"AS € ";
}

#preisbox {
	padding: 5px;
	background: #FFF3D7;
	margin-bottom: 20px;
}

#preisbox p {
	margin: 0;
}

.cell1 p {
	font-weight: bold;
	color: #7e1114;
}

.row1, .row3, .row5, .row7, .row9, .row11, .row13, .row1_alter {
	background: #FFF;
	padding: 10px;
}


.row2, .row4, .row6, .row8, .row10, .row12, .row14 {
	padding: 10px;
}

	

 /*Wetter*/
 
#main .weather_forecast {
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    margin-top: 20px;
}

#main .weather_copyright {
    clear: both;
    display: block;
}

#main .weather_day {
	font-weight: bold;
}

/* =============================================================================
 * ce_accordion
 * ========================================================================== */
.ce_accordion .toggler {
	padding: 10px 20px;
	margin-bottom: 0;
}

.ce_accordion .toggler.ui-state-active {
	border-bottom: 1px dotted rgb(220,220,220);
}

.ce_accordion {
	margin-bottom: 1px;
	border: 1px solid rgb(220,220,220);
}
.ce_accordionStart {
	position: relative;
}

.ce_accordion .accordion {
  padding:20px;
  border:0;
  background:none;
}

.ce_accordion .accordion > div {
  padding:0;
}

.ce_accordion .toggler {
  line-height:30px;
  font-weight:bold;
  cursor:pointer;
  margin-bottom: 6px;
}

.ce_accordionStart:last-of-type .toggler {
	margin-bottom: 0;
}

.ce_accordion .toggler:hover {
  color:rgb(76,76,76);
}

.ce_accordion .toggler:before {
  width:25px;
  height:25px;
  float:right;
  clear:both;
  display:inline-block;
  margin-left:15px;
  padding:0;
  text-align:center;
  font:1.3em/28px FontAwesome;
  font-weight:normal;
  color:rgb(152,152,152);
  content:"\f107";
}

.ce_accordion .toggler.ui-state-active:before {
  font-family:FontAwesome;
  content:"\f106";
}

.ce_accordionSingle {
	margin-bottom: 1px;
}

/*
#rooms {
	display: block;
	clear: both;
	overflow: hidden;
	margin-bottom: 50px;
border: 1px solid #444;

	padding: 10px;
}	 
.ce_image.room_bild,
.ce_image.room_plan {
	width: 33%;
	float: left;
	padding-right: 20px;
}

.ce_gallery.room_plan .imgage_container {
	width: 30%;
	float: left;
	padding-right: 20px;
}

.ce_gallery.room_plan .imgage_container img {
	width: 30%;
	float: left;
	padding-right: 20px;
}


#main .ce_text.room_info {
	width: auto;
	clear: none;
	background-image: none;
	padding-bottom: 0px;
}



#main .ce_text.room_info p:hover {
	background: #FFF3D7;	
}
*/

/*
.rs-columns.ce_rs_columns_start.zimmer .ce_text.zimmer.block {
height: 250px;
}
*/



.rs-columns.ce_rs_columns_start div.ce_rs_column_start.rs-column.-large-col-2-1.-large-last.-large-first-row.-medium-col-2-1.-medium-last.-medium-first-row.-small-col-1-1.-small-first.-small-last {
	margin-top: 0px!important;
}

.rs-columns.ce_rs_columns_start.infobox { 
	padding-top: 0px;
		border-bottom: 1px #999 solid;
}

#main .rs-columns.ce_rs_columns_start.infobox p {
	text-align: left;

}

#main .rs-columns.ce_rs_columns_start.infobox h3 {
	font-size: 26px;
	font-weight: 700;
	margin: 0 0 10px 0;
}

.infobox .link p {
	background: #7e1114;
	padding: 5px 0 5px 10px;
	color: #fff;
}

#main .infobox .link p a {
	text-decoration: none;
	color: #fff;
	padding: 5px 0 5px 10px;
	}


 .rs-columns.ce_rs_columns_start.zimmer .ce_text.tag {
margin-top: -275px;
	margin-bottom: 0;	
	position: absolute;
	width: 46.15385%;
	background: rgba(255,255,255);
	opacity: 0.7;
    transition: opacity 0.4s ease-in-out 0s; /* explorer 10 */
    -webkit-transition: opacity 0.4s ease-in-out 0s; /* chrome & safari */
    -moz-transition: opacity 0.4s ease-in-out 0s; /* firefox */
    -o-transition: opacity 0.4s ease-in-out 0s; /* opera */




}

 .rs-columns.ce_rs_columns_start.zimmer .ce_text.tag:hover {
	 opacity: 1;

 }

#main .rs-columns.ce_rs_columns_start.zimmer .ce_text.tag h2{
text-align: center;
margin-bottom: 0;
 
}

#main .rs-columns.ce_rs_columns_start.zimmer .ce_text.tag h2 a{
font-size: 26px;
/*   margin-bottom: 10px; */
   font-family: "Philosopher",sans-serif;
  font-weight: 300;
text-decoration: none;

}

#main .rs-columns.ce_rs_columns_start.zimmer .ce_text.tag a {
text-decoration: none;
}


#main .ce_text.anfragen p,
#main .ce_text.room_info.block p.anfragen
 {
    padding: 5px 0px;
    width: 100%;
    background: #b2d1be;
    border-radius: 5px;
	}

#main .ce_text.anfragen p a:hover,
#main .ce_text.room_info.block p.anfragen a:hover  {
	font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
}
#main .ce_text.anfragen p a,
#main .ce_text.room_info.block p.anfragen a  {
	color: #7e1114;
	text-decoration: none;
}


/* Main: Google Karte*/

#main .mod_cm_membergooglemapsplus img.avatar {
padding-right: 5px;
width:90px;
height: 90px;}

#main .mod_cm_membergooglemapsplus p.cm_info_bubbletext {
	text-align: left;}

#main .mod_cm_membergooglemapsplus p.cm_info_bubbletext a {
	text-decoration: none;}

/* Footer: Copyright & Navigation */

#top_nav {
	position: relative;
	margin: 20px 0;
	
}

#top_nav a {
	
	text-decoration: none;
	color: #fff;

}

#top_nav a:hover {
	text-decoration: none;
	color: #fff;
	
}

#top_nav i.fas { 
	background: #485156;
	border-radius: 5px;
		padding: 15px;

}

#top_nav i.fas::before {
	color: #fff;
	padding-right: 10px;
}

#footer {
	background-color: #3c484e;
	padding-bottom: 50px;

}

#footer .inside {
		max-width:1200px;
	display: block;
}

#footer p {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	line-height: 1.5em;
	}
#footer a {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
		font-weight: 100;
}
#bottomlogo { 
	width: 100%;
background: #fff;
padding-bottom: 30px;
}
#bottomlogo .inside { 
	max-width: 1000px;
margin: 0 auto;
}


/*DMWS Footer*/

/*
#footer #dmws {
	position: absolute; right: 0px; 
	margin-top: 0px;
}
#footer #dmws p,
#footer #dmws p a {
	color: #000;
}
*/
#bottombanner_id {
	background: #485156;
	width: 100%;
	position: fixed;
	bottom: 0;
	box-shadow: 0 0 8px rgba(0,0,0,0.8);
padding: 15px 0 5px;
height: 30px;
z-index: 999;

}
#bottombanner_id a {
	text-decoration: none;
	color: #fff;
	font-family: 'Open Sans', sans-serif;


}

#bottombanner {
	display: flex;
justify-content: space-between;
}

#bottombanner_id .inside,
#bottombanner {
	max-width: 1000px;
margin: 0 auto;
padding: 0 20px;

}

#bottombanner_id i.fas {
/* 	padding: 0 50px; */

}

#bottombanner_id i.fas::before {
	color: #fff;
	padding-right: 10px;
}




#fusslogos #adresse { 
	 background-image: url(layout/schatten_unten.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding: 10px 0 20px 0;
	text-align: center;
	}
	
	
#fusslogos #adresse p,
#fusslogos #adresse a,
#fusslogos #adresse a .lauftext2 {
	color: #7e1114;
	font-size: 18px;
	font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;

    line-height: 2em;
}
#header #grussbanner {
	 position: absolute; top: 30px; right: 20px;
         z-index: 999;
         }


/*Pauschalenformatierung*/

/*
#main #pauschalen_liste .layout_latest .angebotspreis {
    background-color: #4f2820;
    color: #FFFFFF;
    height: 18px;
    padding-right: 5px;
	padding-bottom: 2px;
	position: relative;
    text-align: right;
    top: 100px;
}
#main #pauschalen_liste .layout_latest .image_container {
	margin-top:  -20px;
}
*/

body#top.startseite #main #pauschalen .layout_latest .image_container {
	width:  208px;
	margin-top:  -20px;
}

body#top.startseite #main #pauschalen .layout_latest img {
	width: 205px;
	height:  150px;
	margin-bottom: 10px;

}


body#top.startseite #main #pauschalen .layout_latest .angebotspreis {
    background-color: #4f2820;
    color: #FFFFFF;
    height: 18px;
    padding-right: 5px;
	padding-top: 2px;
	position: relative;
    text-align: right;
    top: 150px;
    width: 200px;
}

#main .layout_full h1 strong.abpreis {
	padding-left: 20px;
}

#main .layout_full h1 strong.abpreis, #main .layout_full h1 strong.euro, #main .layout_full h1 strong.preis {
    font-size: 16px;
    font-weight: bold;

}

/*Pauschalenanfrage*/


/*
#main .formbody fieldset {
  
    display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;

}


#main .formbody fieldset legend {
    font-weight: bold;
    padding: 0 5px;
    text-transform: uppercase;
    width: auto;
}
#main .formbody fieldset h4 {
    margin-bottom: 10px;
    margin-top: -5px;
}
#main .formbody p.explanation, #main .formbody div.headline {
    clear: left;
  color: #4f2820;
    font-size: 14px;
    font-weight: bold;
}
*/

#main .oben_links, 
#main .oben_rechts {
		float: left;
    margin:20px;
    padding: 10px;
     max-width: 42%;
  
	
}

#main .unten { 
	max-width: 100%;
	 margin:20px;
    padding: 10px;
	float: left;
}
.widget {
	display: block;
	width: 100%;
}

label#lbl_542_0 p,
label#lbl_544_0 p,
label#lbl_588_0 p {
	text-align: left;
}

#dlh_googlemap_1.dlh_googlemap {
	width: 100%!important;
}





/*DMWS Footer*/

#swap1.ce_image .image_container img,
#swap2.ce_image .image_container a img {
	position: absolute; top: 0px; right: 0px;
}

#swap1.ce_image .image_container img,
#swap2.ce_image .image_container img { 
	-webkit-transition: all 0.7s ease-in-out; 
	-moz-transition:  all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out; 
    -o-transition: all 0.7s ease-in-out; 
    transition: all 0.7s ease-in-out;
    position: relative;
	} 
#swap1.ce_image .image_container img, 
#dmws:hover #swap2.ce_image .image_container a img
{ opacity: 1.0; } 


#dmws:hover swap1.ce_image .image_container img,
#swap2.ce_image .image_container a img { opacity: 0; } 

#footerlogos #dmws:hover swap1.ce_image .image_container img,
#footerlogos #swap2.ce_image .image_container a img { opacity: 1; } 

#main .elastic-video {
	    position: relative;
	    padding-bottom: 50%;
	    padding-top: 15px;
	    height: 0;
	    overflow: hidden;
	}
#main .elastic-video iframe,
#main .elastic-video object,  
#main .elastic-video embed  {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 90%;
	}
	
#header #mobile {
	display: none;
}



.ce_text.preise_1 {
	float: left;
	width: 25%;
}

#holiday_klein {
	display: none;
}
@media only screen and (max-width : 1230px) {
#header .mod_navigation ul.level_2 {
    margin: 0px 0 0 0px;
   	}
 #header .mod_navigation a,
 #header .mod_navigation strong {
	 font-size: 18px;
 }  	
 

/*
#header .mod_navigation > ul:nth-child(2) > li:nth-child(4) > ul:nth-child(2) {
    margin: 0px 0 0 165px;
}
*/
#header .mod_navigation.mod_navigation ul.level_1 li.submenu.sibling.last ul.level_2 {
	right: 0px;
}
}

@media only screen and (max-width : 900px) {
#main .ce_text.bildwech figure.image_container{
	max-width: 50%;
}

 .rs-columns.ce_rs_columns_start.zimmer .ce_text.tag {
margin-top: -185px;
width: 100%;
}

#main .oben_links, 
#main .oben_rechts,
#main .unten {
		float: left;
    margin:5px;
    padding: 10px;
     max-width: 100%;
  
	
}

#rundgang {
position: absolute;
top: 100px;
right: 100px;
z-index: 899;
border-radius: 50%;
}



#header .mod_article { 
	padding-top: 0%;
/* 	position: absolute; */
}

#header .mod_article.banner .ce_image{
	margin-top: 75px;
}
#header .mod_navigation {
	display: none;
}
#header #logo {
display: block;
	top: 0; 
	width: 30%;
	 position: fixed!important;
}

.mm-menu.mm-opened {
	display: block !important;}
	
	
#header #mobile
 {	display: block;
 position: fixed;
 top:0;
 width: 100%;
     height:75px;
background: #fff;
z-index: 1000;
     }
  
 #header #logo { 
	 display: block;
	 position: absolute;
	 left: 10px;
	 margin-left: 0;
 }
     
#header #mobile .icon-facebook-squared {
	position: absolute; 
	top: 0;
	right: 10px;
	z-index: 2000;
}  
#header #mobile .fa-bars {
display: block;
height: 40px;
position: absolute;
top: 10px;
right: 10px;
overflow: hidden; 
}

#header #mobile .fa-bars::before {
	padding-right: 10px;
}

#header #mobile .fa-bars a {
	text-decoration: none;
	color: #7e1114;
	font-family: 'Open Sans', sans-serif;
}
	
#header .mod_changelanguage {
	 position: absolute;
    right: 120px;
    top: 24px;
    z-index: 1020;
    left:auto;
}

#header .mod_changelanguage a {
	 color: #fff;
    display: block;
    font-size: 20px;
    font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;

    padding: 0px;
    text-decoration: none;
    text-shadow: none;
}

#header .mod_changelanguage a:hover {
	  color: #fff;
}



#header .layout_latest .image_container {
	max-width: 50%;
	
}

/*
#header .layout_latest .teaser{
 	float: left;}
 	
 	#header .layout_latest h2 {
	 	display: block;
 	}
*/

#main .ce_text.preistabelle {
	float: none;
	width: 95%; 
	padding: 5px;
	margin: 5px;
	background-color: #f9f5de;
}


}

 
	 
@media only screen and (max-width : 768px) {
	#header #slogan h3 {
	font-size: 30px;
	padding-top: 13px;
	}
#main .ce_text.bildwech figure.image_container{
	max-width: 35%;
}
.ce_text.preise_1 {
	float: none;
	width: 100%;
}
/*
#main .formbody fieldset {
    border: 0px solid #7E1114;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 0px;
    width: 95%;
}
*/
#wrapper {
width: 100%;
}

#header .mod_pageImage {
	padding: 20px 0px;
}
#main .ce_gallery ul li {
	width: 50%;
}

.boxen {
	width: 100%;
margin: 10px 0;
height: 100%
}

.boxen .inside  {
	position: relative;
}


.bild_links, 
.bild_rechts {
width: 100%;
max-width: 100%;
} 

.bild_rechts {
	right: 0;
	position: relative;
	
}
.bild_links {
	left: 0;
	position: relative;
}

.blocktext.right {

position: relative;
width: auto;
min-height: 10px;
background-color: #f4f4f4;
padding: 40px;
color: #707070;
text-align: center;
font-weight: 100;
top: 0;
right: 0;
}


.blocktext.left {

position: relative;
width: auto;
min-height: 10px;
background-color: #f4f4f4;
padding: 40px;
color: #707070;
text-align: center;
font-weight: 100;
top: 0;
left: 0;
}

.blocktext.left p,
.blocktext.left h3,
.blocktext.left ul, 
.blocktext.left ol
{
padding-right: 0%!important;;
	
}

.blocktext.right p,
.blocktext.right h3,
.blocktext.right ul, 
.blocktext.right ol {
	padding-left: 0%!important;
}

.blocktext.right ul,
.blocktext.right li{
	margin-left: 0px!important;
	padding-left: 0%!important;
}

}
 

	
	
@media only screen and (max-width : 767px) {
	
body.startseite #main .layout_latest {
	width: 96%;
	margin: 0 auto;
	border-left: 0px;
	border-right: 0px;
}




#bottombanner i.fas a {
display: block;
height: 40px;
position: absolute;
top: -10px;
width: 40px;
overflow: hidden; 
text-indent: -999em;
margin-left: -10px;
}

	
#left .inside {
    margin-right: 0px;
}	
#footer .c25l.col_1,
#footer .c25l.col_3,
#footer .c25r.col_4 {
	display: none !important;
}

#left { 
	margin: 0;
}

#left .mod_navigation,
#left .mod_search   {
	margin: 0 0 20px 0;
}
#header #slogan h3 {
	font-size: 25px;
	padding-top: 18px;
	}



	
	
#main h1 {
		font-size: 28px;
	}

#main h2 {
		font-size: 24px;
	}
	
	#main h3 {
		font-size: 20px;
	}
#main p, 
#main ul {
	line-height: 1.7em;
	font-size: 14px;
}
#footer .c25l.col_2 {

	width: 100% !important;
}


#footer #footerbox {
    border-right: 0px solid #DEDFDF;
    }

#main .ce_text.bildwech figure.image_container{
	display: none;
}


.ce_table td, 
.ce_table table th {
	font-size: 0.8rem;
}

}

@media only screen and (max-device-width : 600px) and (orientation: landscape) {


#main h1,
#main h2,
#main h3 {
	margin:0.2em 0;
}
#main li a {
	font-size: 0.7em;
}
#main .inside .mod_pageImage {
	margin-top:55px;
}
}

/*Alles was unter 600px liegt*/

@media only screen and (max-width : 600px) {


#header #logo {
	top: 0; 
	width: 45%;
}

#rundgang {
display: none;
}


#wrapper {
	width: 100%;
	margin-top: 0px;
}




.cell1, .cell2, .cell3, .cell4 {
	width: 100%;
	float: left;
}

#preisbox .cell2 p,
#preisbox .cell3 p,
#preisbox .cell4 p {
	text-align: left;
}

/*
}
#header .mod_form,
#header #slogan,
#header .mod_navigation,
#left .mod_navigation,
#header .mod_customnav,
#header #facebook,
#header #balken {
	display: none;
}
*/

#left .mod_navigation {
	display: none;
}
#holiday_gross {
	display: none;
}

#holiday_klein {
	display: block;
}

#header .mod_customnav {
	display: none;
}
/*
#container {
		 background: #fff; 
		 opacity: 1;
		 -webkit-box-shadow: 0 0 0px #000;
		 box-shadow: 0 0 0px #000;
}

#main .inside {
	padding: 60px 10px 10px 10px;
}
*/

#header,
#footer {
	-webkit-box-shadow: 0 0 0px #000;
    box-shadow: 0 0 0px #000;
}

#footer {
	margin-bottom: 0px;
}



/*
#header #logo {
	max-width: 110px;
    padding: 0px;
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    z-index: 1020;
    display: block;
}

#header #smoke {
	display: none;
	}

body {
  font-size: 12px;
  text-align: left;
  color: #000;
background: #fff;
}

#main h1,
#main h2,
#main h3 {
	border: 0;
	padding-left: 0;
	margin:0.5em 0;
	background: none;
}
*/

#header .mod_pageImage {
	padding-top: 55px;
	background: none;
}

#main .inside {
	padding: 15px 0px 40px 0px;
}
	

	

	
/*
.ce_gallery ul {
  overflow:hidden;
}
.ce_gallery li {
  padding:0 5px 0 0;
  width: 30%;
  margin-right: 0px;
}

.ce_gallery .pagination li {
	width: auto;
}
*/
	



#main p {
/* 	text-align: left; */
}



}

@media only screen and (max-width : 450px) {

.ce_image.room_bild,
.ce_image.room_plan,
.ce_text.room_info,
#zimmer_bild {
	width: 100%;
	float: none;
}

#grussbanner { 
	display: none;
}
#main .ce_gallery ul li {
	width: 100%;
}


}




@media only screen and (max-device-width : 320px) and (orientation: portrait) {


#main p {
	font-size: 120%;
	line-height: 1.5em;
}


#main h1,
#main h2,
#main h3 {
	margin:0.2em 0;
}


#main h3 {
	font-size: 150%;
}

#main .inside {
	padding:10px 5px 5px 5px;
	/*background-color: #fff;*/
}

}
	
	
	
@media only screen and (max-width: 320px) {	




#header .mod_pageImage {
	display: none;}

#main .inside {
	padding:115px 5px 5px 5px;
	/*background-color: #fff;*/
}
body {
	min-width:320px;

} 

#header .mod_navigation,
#header .mod_form,
#left .mod_navigation,
#deskline {
	display: none;
}

#header #slogan p {
display: none;	}	

#footer #tvb .image_container {
	display: none !important;
}

#footer .c20l {
	width: 100% !important;
}

#footer p {
	font-size: 100%;
}

#footerbox p {
	text-align: center;
}


}

@font-face {
  font-family: 'icons';
  src: url('../font/icons.eot?80992342');
  src: url('../font/icons.eot?80992342#iefix') format('embedded-opentype'),
       url('../font/icons.woff?80992342') format('woff'),
       url('../font/icons.ttf?80992342') format('truetype'),
       url('../font/icons.svg?80992342#icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'icons';
    src: url('../font/icons.svg?80992342#icons') format('svg');
  }
}
*/

 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  color: #7e1114;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-left: 3px;
    margin-top: 15px;
  text-align: center;
  font-size: 30px;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
/*   margin-left: .2em; */
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

#header #mobile .icon-menu {
	margin-left: 7px;
}
 
.icon-menu:before { content: '\e801'; } /* '' */
.icon-facebook-squared:before { content: '\e802'; } /* '' */
.icon-phone:before { content: '\e800'; } /* '' */

	 
/* roboto-condensed-300 - latin */

/* lora-regular - latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lora-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lora Regular'), local('Lora-Regular'),
       url('../fonts/lora-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lora-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lora-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lora-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lora-v13-latin-regular.svg#Lora') format('svg'); /* Legacy iOS */
}


/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v16-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v16-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v16-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v16-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v16-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v16-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v16-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v16-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v16-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v16-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}


 .smallsearchAnfrage {
 	background: #eeeeee;
 	height: 25%;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 }
 .eb_smallsearch {
 	width: auto;
 }
 .smallsearchForm {
 	width: auto;
 	display: flex;
 }
 .eb_smallsearch select {
 	background-color: #FFF;
 	border: 1px solid #CCC;
 	height: 30px;
 	padding: 7px 6px;
 	width: 60px;
 	float: right
 }
 .eb_smallsearch .adults .label,
 .eb_smallsearch .children .label {
 	color: #666;
 	line-height: 30px;
 	padding-right: 10px
 }
 .eb_smallsearch .adults,
 .eb_smallsearch .children {
 	margin: 5px 20px 0 0
 }
 .eb_smallsearch h3 {
 	width: auto;
 }
 .eb_smallsearch .arrival,
 .eb_smallsearch .departure {
 	min-width: unset;
 	float: left;
 	margin-right: 50px;
 	width: 300px;
 }
 .eb_smallsearch .arrival input,
 .eb_smallsearch .departure input {
 	color: #ccc;
 	font-size: 16px;
 	height: 45px;
 	line-height: 23px;
 	padding-left: 15px;
 	width: 100%;
 	margin: 0px 0;
 	z-index: 99;
 	border: none;
 }
 .eb_smallsearch form div.search .sendButton {
 	background: none repeat scroll 0 0 #D62848;
 	border: 0 none;
 	border-radius: 0 0 0 0;
 	color: #FFF;
 	cursor: pointer;
 	float: unset;
 	font-size: 15px;
 	margin: 0px 0;
 	padding: 15px 33px;
 	margin-right: 25px;
 }
 .eb_smallsearch h3 {
 	color: #666;
 	font-family: 'Raleway', sans-serif;
 	font-size: 28px;
 	font-weight: bold;
 	margin-top: 6px;
 	text-transform: uppercase;
 }
 .eb_smallsearch .datepicker {
 	background: url(http://nele.easybooking.tv/fileadmin/templates/Vorlage13_Nele/img/datepicker.png) no-repeat scroll right top 5px #FFF;
 	border: 0 none;
 }
 #ui-datepicker-div {
 	font-size: 17px;
 }
 @media screen and (max-width: 1000px) {
 	.eb_smallsearch .arrival,
 	.eb_smallsearch .departure {
 		width: 100%;
 		margin-bottom: 10px;
 	}
 	.eb_smallsearch form div.search .sendButton {
 		width: 49.574%;
 		margin-right: 0px;
 	}
 	.eb_smallsearch {
 		margin-left: 0px;
 	}
 }
 @media screen and (max-width: 500px) {
 	.eb_smallsearch form div.search .sendButton {
 		width: 100%;
 		margin-right: 0px;
 		margin-bottom: 10px;
 	}
 }
 @media screen and (max-width: 1008px) {
 	.smallsearchForm {
 		display: block;
 	}
 }