body {
	font-family: Arial, Helvetica, sans-serif;
	font-family:'Roboto',sans-serif;
	font-weight: 300;

	color:#0B293B;
	color:#000;
	/*text-align: center;*/
	margin: 0px;
	padding: 0px;
	height:100%;

	/*margin-top:10px;*/
}
html { 
	-webkit-text-size-adjust: none; 
	height: 100%;
	width: 100%;	
}

.hauptlogo {fill:#FFFFFF; /*font-family:"Century Gothic";*/ font-size:68px; font-weight: 100;}
.textsprach {fill:#FFFFFF; /*font-family:"Century Gothic";*/ font-size:35px; font-weight: 100;}

.spacerrechts {fill:rgba(0,0,0,0.4); width: 100%; display:none;}
.spacerspruch {fill:rgba(0,0,0,0.4); width: 100%; display:none;}
strong { /*font-weight: 500;*/ }
h1 {

}
.home .inhalt h1 {
	font-size: 2.6em;
	font-size: 2.6em;
	font-weight:600;
	font-weight: 300;
	position:absolute;			
	left:20%;
	top:4%;
	width: 40%;
	color:#FFF;
	border:solid 1px pink;/**/
	margin:0px;		
	/*
	text-shadow: 1px 1px 1px #fff;
	text-shadow: 2px 2px 5px #000;	
	*/
		
}
h1 {

	font-size: 1.2em;
	line-height: 1.1em;
	margin:24px 0px 20px 0px;
}
h2 {

	font-size: 1.2em;
	line-height: 1.1em;
	margin:14px 0px 20px 0px;
	font-weight: 300;
}

h3 {
	font-size: 1.0em;
	line-height: 1.0em;
	/*font-style: oblique; */
	margin-top:0px;
	margin-bottom:14px;
	font-weight: 300;	
}
h4 {
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight: 600;
	margin:0px 0px 0.2em 0px;
	font-weight: 300;	
}
h1, h2, h3, strong, b {
	font-weight: 600;
	font-weight: 500;
	font-weight: 300;
	/*font-weight: 300;*/

}
a {
	color: #B4AEA7;
	color: #5c9125;
	color: #5398BD;
	
	/*text-decoration: none;*/
}
a:hover {
	color: #F59300;
	color: #CA5D3F;
	
	text-decoration: underline;
	/* color: #999; text-decoration: underline;*/
}

p {
	margin-top:0px;
	margin-bottom:14px;
}
ul, ol {
	margin-top:-10px;

}

/*
table { width:100%!important; max-width:500px; margin-bottom:2em;}
*/
table { width:90%!important; /*max-width:500px;*/ margin-bottom:2em;}

.content  ul {
	list-style-position: outside;
    list-style-type: none;
    list-style-type: "–";
    
    margin-left:0px;
    padding-left:0px;
}
.content li {
	padding-left:10px;
	margin-left:10px;
}
td { 
	padding:2px 10px 2px 0px;
	vertical-align:top;


}
th { 
	padding:1em 10px 2px 0px;
	vertical-align:top;
	font-weight: 300;/**/

}
.clr {
	font-size: 0px;
	background-color: #F00;
	clear: both;
	width: 100%;
	line-height: 0px;
	height: 0px;
}
.fstring {
	/*background-color: #F00;*/
	white-space: nowrap;
}
.trenner {
	padding: 0px 0px;
}
.abmeld {
	position:relative;
	top:5px;
	right:0px;
	z-index:1000;
	display:block;	
	padding-top: 2px;
	padding-left: 30px;
	text-decoration-line: none;
	text-decoration-style: solid;
	background-image: url("../userfiles/images/meta/logout.png");
	background-repeat: no-repeat;
	background-position: 0px 4px;
	background-size: auto 80% ;
	height: 20px;

}
.abmeld2 {
	position:relative;
	top:9px;
	right:0px;
	z-index:1000;
	display:block;	
	padding-top: 1px;
	padding-left: 20px;
	margin-left: 6px;
	text-decoration-line: none;
	text-decoration-style: solid;
	background-image: url("../userfiles/images/meta/logout.svg");
	background-repeat: no-repeat;
	background-position: 0px 4px;
	background-size: auto 80% ;
	background-size: 16px auto;
	height: 20px;

}
.abmeld2:hover {
	background-position: 0px -16px;
}

.link {

	padding-top: 4px;
	padding-bottom: 4px;
	background-repeat: no-repeat;
	background-position: 0px 50%;
	background-size: auto 50% ;
	position: relative;
	padding-left: 40px;
	text-decoration: none;
}
/*

.pdf2 {
	padding-top: 25px;
	display:block;
	background-repeat: no-repeat;
	background-position: 0px 50%;
	background-size: auto 40px ;
	padding-left: 40px;
	height:40px;
	text-decoration: none;
}
.pdf, .link {

	padding-top: 4px;
	padding-bottom: 4px;
	background-repeat: no-repeat;
	background-position: 0px 50%;
	background-size: auto 50% ;
	position: relative;
	padding-left: 40px;
	text-decoration: none;
}

.pdf, .pdf2 {

	background-image: url(../userfiles/images/meta/icon_pdf.svg);
}

*/
.pdfkat {
	font-size: 1em;
}
.link, .pdf, .pano, .pano2 {

	font-size: 1em;
	color: #808185;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;


	padding-left: 30px;
	padding-top: 5px;
	line-height: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.pdf:hover, .pano:hover, .pano2:hover {color:#C12B2B }
.pdf { 
	background-image: url("../userfiles/images/meta/medien_pdf.svg"); 
	background-image: url("../userfiles/images/meta/icon_pdf.svg"); 
	background-size: auto 90% ; 
	padding: 0px 0px 2px 35px;
	margin: 0.5em 0px 0px 0px;
}
.pano { background-image: url("../userfiles/images/meta/panoview23.svg"); background-size: 50px auto; background-position: 0px 0px; 
/*line-height: 1.2em;*/ padding: 0px 0px 0px 55px;}
.pano2 { 
	background-image: url("../userfiles/images/meta/panoview2.svg");
	background-size: 70px auto; 
	background-position: 2px 4px; 
	padding: 0px 0px 0px 35px;
	line-height: 50px;
}

.link {

	background-image: url(../userfiles/images/meta/icon_link.svg);
	background-image: url(../userfiles/images/meta/icon_link2.svg);
	background-size: auto 90% ; 
	background-position: 0px -2px;
	padding: 0px 0px 2px 35px;
	margin: 0em 0px 0px 0px;
}
.legende {
	background-color: #FFF;
	width: 45%;
	position:absolute;
	bottom:0%;
	left:50%;
	padding:1% 3%;
	/*border:solid 1px red;*/
}
.legende img{
	width: 100%;
}
 .park1, .park2 {
	/*display:inline-block;*/
	background-color: #FFF;
	color:#000;
	width: 200px;
	/*width: 50%;*/
	font-size:0.8em;	
	line-height:3em;
	display:inline-block;
	padding-top: 0px;
	padding-bottom: 0px;
	background-repeat: no-repeat;
	background-position: 0px 50%;
	background-size: auto 70% ;
	position: relative;
	padding-left: 30px;
	padding-left: 14%;
	text-decoration: none;
}
.park1 {
	background-image: url(../userfiles/images/meta/icon_privatParkplatz.svg);
}
.park2 {
	background-color: #FFF;
	display:block;
	background-image: url(../userfiles/images/meta/icon_oeffentlicherParkplatz.svg);
}
.btn {
	
	background-color: #5398BD;
	display: inline-block;
	width: auto;
	color: #FFF;
	padding: 2px 15.5px;
	margin-left:-15.5px;
	margin-left:15.5px;
	text-decoration: none;
}
.btn:hover {
	background-color: #CA5D3F;
	color: #FFF;
}
.btn2 {
	background-color: #FFF;
	background-color: #5398BD;
	display: block;
	width: 100%;
	color: #FFF;
	padding: 0px 16px;
	padding: 0px 8%;
	text-decoration: none;
}
.btn2:hover {
	background-color: #CA5D3F;
	color: #FFF;
}
.btn2:hover a{
	color:#FFF;
}
.btn2x .link {padding-left: 25px; background-size: auto 80% ;}

.topnav .btn2 {
	position:absolute;
	z-index:500;
	top:20px;
	
}
.topnav .btn2b {
	position:absolute;
	z-index:500;
	top:45px;
	
}
.portrait3 .btn, .portrait3 .btn2  { position:absolute; top:20px; left:39%; width: auto;}

.weitere .btn {width: auto; display:block; margin-right:2%; float:left;/**/}
.textboxx .btn {width: 200px; width: auto;}
.textbox2 {
	/*border:solid 1px #FFF;margin-bottom:1em;*/
	
	padding-bottom:1em;
}
.bild0 {
	/*border:solid 1px lightgrey;*/
	
}
.marker {
	color:#7b5466;
	font-weight: 300;
}
.marker1 {
	color:#7b5466;
	font-weight: 400;
}
.marker2 {
	color:#7b5466;
	font-weight: 500;
}
.marker3 {
	color:#7b5466;
	font-weight: 600;
}
.weiss0 {color:#FFF;}
.smart{display:none;}
.desk{display:block;}

.content p, h1, h2, h3, h4, ul { clear:both; /* margin:0px 20px; */ margin-right:1%; }
.content p {
	/*
	background-color: #FCC;
	margin-right: 2%;
	*/
}

.sp5
{
  width: 5%;
  margin-right: 0%;
  background-color: #ffc;
  float: left;
  margin-bottom: 0px;
}
.sp25
{
  width: 23%;
  margin-right: 2%;
  background-color: #ffc;
  float: left;/**/
  margin-bottom: 0px;
}
.sp33
{
  width: 31.333%;
  margin-right: 2%;
  background-color: #ffc;
  float: left;
  margin-bottom: 0px;
}
.sp40
{
  width: 30%;
  margin-right: 2%;
  float: left;
  margin-bottom: 0px;
}
p.sp50, .sp50, .sp50b {
	display:block;
  width: 48%;
  margin: 2% 0px;
  float: left;
  margin-bottom: 0px;
 /* border:solid 1px red;*/
}
.sp60 {
  width: 58%;
  margin-right: 2%;
  float: left;
  margin-bottom: 0px;
}

.sp66
{
  width: 66.333%;
  margin-right: 0%;
  background-color: #ffc;
  float: left;
  margin-bottom: 0px;
}
.sp75
{
  width: 75%;
  margin-right: 0%;
  background-color: #ffc;
  float: left;
  margin-bottom: 0px;
}
.sp100, .sp100b {
	position:relative;	
	width: 96%;
	margin-right: 2%;
	background-color: #fcc;	
	margin-bottom: 10px;		
	min-height:30px;
	/* height:130px;*/
}
.news{
	margin-bottom: 0px;
}
.news .sp25{
	width: 25%;
	margin-right: 0%;
}

.sp25 img, .sp50 img, .sp75 img, .sp33 img, .sp66 img, .sp100 img, .bild0 {
	width: 100%;
	height:auto;
	
}

.sp25 strong, .sp50 strong, .sp75 strong, .sp33 strong, .sp66 strong, .sp100 strong {
	width: 100%;
	display:block;
	background-color: #dee9c1;
	font-weight:600;
	font-weight:400;
	padding:2px;
}

.rot {
	color:red;
}

.areal:hover .rot {
	fill: #e32320;
	opacity: 1;
	stroke:gold;
	stroke-width:10;
}
.blau {
	fill: #0068ff;
	opacity: 0;	
}

.content p img{
	max-width:100%;
}

.full { width: 100%; height:auto; border:solid 1px #CCC;}
.half { width: 49%; height:auto; margin-right: 1%; margin-bottom: 1%;}
.third, p img {width: 31.3333%; height:auto;  margin-right: 1%; margin-bottom: 1%;}


.gtitel{
	display:block;
	width: 100%;
	margin:0.5% 1%;
}


.hitbox {fill:transparent;}

.st0{fill:#FFFFFF;}
.hell2 .st0{fill:#000;}

.st0 {fill:#e49014; fill:#cc6f00; fill:#bb7448;}

.st0{fill:#ffa038;/*stroke:#e49014;stroke-width:2;stroke-miterlimit:10;*/}


.st1{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10;}
.st1b{fill:#FFF; /*stroke:#FFFFFF;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10;*/}


.st2{fill:none;stroke:#FFF;stroke-width:2;stroke-miterlimit:10;}
.st3{fill:none;stroke:rgb(153,153,153);/*stroke:#FFF;*/stroke-width:2;stroke-miterlimit:10;}
.st4 {fill:#e49014; fill:#fff;/* fill:#ffa038;*/}



.rahmen {fill:rgba(255,255,255,0.0);}

.resicons1 {
	
	width: auto;
	width: 50px;
	position:absolute;
	z-index:3000;
	bottom:0px;
	top:400%;	
	right:0px;
	border:solid 1px red;
}
.resicons2 {
	position:fixed;
	z-index:2500;
	top:14vw;
	left:96%;
	left:94%;
	left:calc(100% - 93px);
	width: 100%;
	width: 95px;
	/*
	border:solid 1px lightgreen;
	*/
}
.bottomnav {
	position:relative;
	z-index:4000;
	top:0px;
	right:0px;
	list-style-position: outside;
    list-style-type: none;
	/*background-color: pink;*/
	margin:0px;
	padding:0px;
	width:95px;
}

.bottomnav li{
	position:relative;
	transition: all .2s ease-out;
	right:0px;
	position:relative;
	margin-bottom:25px;
	padding:0px 0px;
	height:40px;
	width:60px;
	
	height:60px;
	width:95px;
	overflow:hidden;
	
}
.bottomnav li:hover{
	transition: all .2s ease-out;
	right:180px;
	width:260px;
	right:270px;
	width:390px;
}
.bottomnav a{
	text-decoration: none;
	overflow:hidden;
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size:  auto 100%;
	color:#FFF;
	font-weight:400;
	font-size:0.9em;
	position:absolute;
	left:0px;
	padding:3.5% 0px 2% 80px;
	padding:8px 0px 2px 80px;
	
	height:40px;
	width:260px;
	
	font-weight:300;
	font-size:1.2em;
	padding:20px 0px 3px 120px;
	height:60px;
	width:390px;	
	

}
.bottomnav li:hover a{
		background-color: #FFF;
		background-color: rgba(255,255,255,0.1);
}
.bottomnav li:hover a .res{
		fill:#FFFFFF;
}
.bottomnav:hover li a .res {
	fill:#FFF;
}

.reservation {
	list-style-position: outside;
    list-style-type: none;
}

.reservation li{
	position:relative;
	
	/*right:180px;*/
	left:0px;
	
	margin-bottom:10px;
	padding:0px 0px;
	height:40px;
	width:260px;
	overflow:hidden;
	
}
.reservation li:hover{
	/*transition: all .2s ease-out;*/
	right:180px;
	width:260px;
}
.reservation a{
	color:#FFF;
	font-weight:400;
	font-size:0.9em;
	position:absolute;
	left:0px;
	padding:3.5% 0px 2% 80px;
	padding:8px 0px 2px 80px;
	height:40px;
	width:260px;
	overflow:hidden;
	background-color: transparent;

    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size:  auto 100%;
}
.reservation li:hover a{
		background-color: #FFF;
		background-color: rgba(255,255,255,0.1);
}
.reservation li:hover a .res{
		fill:#FFFFFF;
}

.reservation .resimg{
	position:absolute; 
	top:0px; 
	left:0px;
	height:100%;
	width:auto;
	border:solid 1px red;/**/
}


.linie4{fill:none;stroke:#FFFFFF;stroke-width:1.5;stroke-miterlimit:10;}

.res {fill:pink;  fill:#FFFFFF; stroke-width:1;stroke-miterlimit:10;}
.resa {fill:#fff; }
.resb {fill:red; }

.restext {font-size:24px; font-weight:400;}
.restext2 {font-size:20px; font-weight:300;font-family:'Roboto',sans-serif;}
.restext3 {font-size:34px; font-weight:300;font-family:'Roboto',sans-serif;}

.tisch {
	
	/*
	background-image: url(../userfiles/images/meta/icon_tisch.svg);
	
	*)
}   
 .zimmer {
	/*
	background-image: url(../userfiles/images/meta/icon_zimmer.svg);
	*/
 }
     
.bottomnav li:hover a{  

	background-image: url(../userfiles/images/meta/res_fade.svg);
} 
.bottomnav li:hover{  
	/*
    background-repeat: no-repeat;
    background-position: 0px 0px;
	background-image: url(../userfiles/images/meta/res_fade.svg);
	background-color: #fff;*/
}
.bottomnav .resimg{
	position:absolute; 
	top:0px; 
	left:0px;
	height:100%;
	width:auto;
	border:solid 1px red;/**/
}
.bottomnav3 {
	display:none;/**/
}
@media only screen and (max-width: 1600px) {

}

@media only screen and (max-width: 1279px) {
	
	.resicons2 { top:14vw; left:calc(100% - 63px); width: 65px; }	
	.bottomnav { width:60px; }
	.bottomnav li{ height:40px; width:60px; }
	.bottomnav li:hover{ right:180px; width:260px; }
	.bottomnav a{ font-weight:400; font-size:0.9em; height:40px; width:260px;	padding:8px 0px 2px 80px;}

}

@media only screen and (max-width: 1024px) {
	.pano { 2px 2px; padding: 0px 0px 0px 55px;}
}

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

	.break2{ margin:0px 0px 0px 0px; display:block;}
	.full2, iframe{ width: 358px; height: 200px; }
	
	.st0{fill:#FFFFFF;}
	.bottomnav, .bottomnav li {height: 35px; }
	.resicons2 {  top: 10vw; }
	
	.sp40, .sp50, .sp60 { width: 98%; margin-right: 2%; margin-bottom: 2%; }

		
}

@media only screen and (max-width: 511px) {
	
	.resicons2 { 
		padding:0px;
		margin:0px;
		width: 100%; /*top:calc(80vh - 40px);*/ top: unset; bottom:400px; /*left:calc(100% - 43px); width: 65px; width: 45px; border:solid 1px lightgreen; */left:0px;
	}
	.bottomnav {
		height: 40px;
	    width: 100%;
	    /*border:solid 1px gold;*/
	    margin:0px;
	    padding:0px;
	}		
	.bottomnav li {
		display:block;
		position:relative; 
	    height: 40px;
	    width: 80px;
	    max-width: 80px;
	    width: 25%;
	    float:left;
	    /*border:solid 1px red;*/
	    background:#000;
	    margin-left:calc(25vw - 80px);
	}		
	.bottomnav li:hover{
		transition: all .2s ease-out;
		right:270px;
		width:390px;		
		right:0px;
		width: 25%;
		width: 80px;
		background:#999;
	}
	.bottomnav a {

	
	}
	
	.resicons2 {
		font-size:25px;
		position:fixed;
		z-index:5000;
		width: 100%; 
		background:#000;
		bottom:0px;
		height: 60px;
		padding-top:2%;
	}
	.bottomnav3 {
		font-size:25px;
		position:fixed;
		z-index:5000;
		width: 100%; 
		background:#000;
		bottom:0px;
		height: 60px;
		display:block;
		padding-top:10px;
		
	}		
	.spacerres2 {display:none;}
}
@media only screen and (max-width: 511px) {
	body {font-size: 18px;line-height: 20px;}
	.desk2 { display:none;  }
	.smart2 { display:block; }	
	.trenner { display:none; }
	.break{ margin:0px 0px 0px 0px; display:block;}
	.full2, iframe{ width: 300px; height: 185px; text-align:left;}
	
	.fstring { display:block; }
	
	.resicons2 {/* top:60vw; left:calc(100% - 43px); width: 65px; width: 45px;*/ }




		
		/*
	.bottomnav { background-color: rgba(0,0,0,0.4);}
	.bottomnav li { margin-bottom:10px;}
	.bottomnav li:hover { right:0px; width:60px; }
	.bottomnav a { font-weight:400; font-size:0.9em; padding:8px 0px 2px 80px;}
*/

	
}