/* Standardteil */
body{position:relative;height:100%;margin:0;background:#623232;font-family:abel,Arial;color:#000;font-size:18px;line-height:1.4;-ms-text-size-adjust: none;text-size-adjust: none}
a{text-decoration:none; color:#623232 !important}
.absatz a{text-decoration:underline}
.fl{float:left}
.fr{float:right}
.lClear,.lClearSP{clear:both; overflow:hidden; font-size:0px}
.spacer{overflow:hidden; font-size:0px}
.dNone{display:none}
.dBlock{display:block}
.spacer1{height:1px}
.spacer2{height:2px}
.spacer4{height:4px}
.spacer5{height:5px}
.spacer6{height:6px}
.spacer10{height:10px}
.spacer15{height:15px}
.spacer20{height:20px}
.spacer30{height:30px}
.spacer50{height:50px}
img{border:0}
.dN{display:none}
.rel{position:relative}
p{margin:1px 0}
.contenttext p{margin:10px 0 !important}
.lClearSP{display:none}

@font-face {
    font-family: 'abel';
    src: url('../fonts/abel/abel-regular-webfont.eot');
    src: url('../fonts/abel/abel-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/abel/abel-regular-webfont.woff2') format('woff2'),
         url('../fonts/abel/abel-regular-webfont.woff') format('woff'),
         url('../fonts/abel/abel-regular-webfont.ttf') format('truetype'),
         url('../fonts/abel/abel-regular-webfont.svg#abel') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'aclonica';
    src: url('../fonts/aclonica/aclonica-webfont.woff2') format('woff2'),
         url('../fonts/aclonica/aclonica-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

body #contMain{
	max-width:1180px !important;
}

.blockRow{
	margin-bottom:0 !important
}

.imgResponsive{
	display:block;
	width:100%;
	height:auto
}

.btn, .btn-large{
	color:#FFF !Important;
	background-color:#623232 !important;
	font-size:1rem !Important
}

/* Ende Standardteil */

/* *************************************************** */
/* ********************* Leiste oben ********************/
/* *************************************************** */

#rowLeisteTop{
	background:#71B635;
	padding:10px 0;
	margin:0
}

	#rowLeisteTop .container{
		margin-bottom:0
	}
	
	#colSlogan{
		color:rgba(255,255,255,.5);
		font-size:1.4rem;
		font-style:italic		
	}
	
	#logoRhLarge{
		position:absolute;
		top:8%;
		right:0
	}
	
	#langMenu{
		float:right;
		margin-right:70px
	}
	
	#langMenu a,
	#langMenu span{
		color:rgba(255,255,255,.5) !important;
		padding:2px 4px;
		display:inline-block;
		transition:all .9s
	}
	
	#langMenu a.active,
	#langMenu a:hover{
		color:rgba(255,255,255,1) !important
	}
	
	#rowLeistePh{
		padding:2rem 0 0
	}
	
	#colLogo,
	#colSlogan{
		padding-left:0
	}

/* *************************************************** */
/* ********************* Cookieleiste********************/
/* *************************************************** */
#cookiebar{
	background:#71b635;
	color:#FFF;
	text-align:center;
	font-size:.9rem;
	padding:4px;
	box-sizing:border-box;
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	z-index:10
}

	#cookiebar,
	#cookiebar a{
		color:#FFF !important
	}
	
	#cookiebar a{
		text-decoration:underline
	}

/* *************************************************** */
/* ********************* Menu ***********************/
/* *************************************************** */
	
	#rowMenu{
		padding-bottom:7px;
		color:#939393;
		padding-right:5px;
		margin-top:-15px
	}	
	
	.rowMenuSmall #flowers{
		display:none	
	}
	
	#mainMenu a{
		color:rgba(255,255,255,.9) !important;
		font-size:1.3rem;
		text-transform:uppercase;
		transition:color .8s;
		display:inline-block;		
		box-sizing:border-box;
		padding:0 13px
	}
	
	#mainMenu a:last-child{
		padding-right:0
	}
	
	#mainMenu{
		width:auto;
		margin-top:25px
	}	
		
	#logo{
		color:#FFF !important;
		font-family:aclonica;
		font-size:3rem;
		line-height:1
	}
	
	
	
	
	
	
	
	.mdi-navigation-menu,
	.mdi-navigation-menu:hover{
		background:rgba(255,255,255,.1);
		padding-right:10px;
		padding-left:10px;		
		border-radius:6px;
		color:#FFF !important;
		margin-top:-10px
	}
	
	#mainMenuMobile ul{
		background-color:#623232
	}
	
		#mainMenuMobile .button-collapse{
			position:absolute;
			right:10px;
			top:10px
		}
	
		#mainMenuMobile li{
			border-bottom:1px solid #EDA6A6
		}
		
		#mainMenuMobile li:hover,
		#mainMenuMobile li.active{
			background-color:#71b635 
		}
		
			#mainMenuMobile li a{
				color:#FFF !important;
				font-size:1.2rem
			}
			
			#mainMenuMobile li a.active{
				color:#FFF !important
			}
			
	
	
	#logoSmall{
		display:none !important
	}
	
	.rowMenuSmall{
		position:fixed;
		width:100%;
		z-index:200;
		top:0;
		left:0;
		background:rgba(98,50,50,.9);
		margin:0 auto;
		margin-right:0 !important;
		padding-bottom:5px !important;
		padding-top:2px !important;
		transition:all .8s;
		margin-top:0 !Important
	}	
	
		.rowMenuSmall #logo{
			font-size:2rem;
			margin-left:5px
		}
		
		.rowMenuSmall #mainMenu{
			margin-top:6px
		}

			
/* *************************************************** */
/* ********************* Slideshow ***********************/
/* *************************************************** */

.slider .indicators{
	z-index:6
}

#slideshowContent{
	text-align:center;
	width:100%;
	color:#FFF;
	position:absolute;
	left:0;
	top:20%;
	z-index:5
}
	
	#slideshowContent .title{
		font-size:2.6rem
	}
	
	#slideshowContent .sub{
		font-size:1.2rem
	}
	
	#slideshowContent .title,
	#slideshowContent .sub{
		text-shadow:#333 2px 2px 2px
	}
	
	#slideshowContent a{
		color:#FFF !Important;
		margin:10px 10px 0 10px
	}

	.indicators{
		bottom:10px !important
	}
	
	.indicators .indicator-item{
		border-radius:0 !important;
		background:#FFF;
		width:12px !important;
		height:12px !important;
		transition:all .9s;
		margin:0 5px !important
	}

	#slideshowTop .slider .indicators li:hover{
		background-color:#9b2323 !important
	}
	

/* *************************************************** */
/* ********************** Map **************************/
/* *************************************************** */
#map{
	height:550px
}

#mapCol{
	padding-left:0 !important;
	padding-right:0 !important
}


/* *************************************************** */
/* ***************** Anfrage + Route  ******************/
/* *************************************************** */


.anfrageClosed #anfrageContent,
.anfrageClosed #sbmt_buchung_top{
	display:none
}

#anfrage.anfrageClosed .rowTitel{
	margin-bottom:0 !important
}


#anfrage{
	padding-top:20px;
	padding-bottom:20px;
	background-color:#F4F4F4;
	position:relative;
	overflow:hidden
}

#anfrage .titel{
	color:#71b635;
	font-size:2.2rem;
	font-weight:normal;
	margin:0;
	cursor:pointer
}

#anfrage a.btn,
#rowRoute a.btn{
	color:#FFF !important
}

#btn2Gal{
	color:#9b2323;
	font-size:1.5rem;
	background:#FFF !important;
	border:2px solid #9b2323;
}

#btn2GalDesc{
	margin:5px 0 0 0;
	font-size:1rem;
	display:inline-block
}

#rowRoute a.btn{
	margin-top:3px
}

#sbmt_buchung_top{
	float:right;
	margin-top:5px
}

#openAnfrage{
	display:none
}

.anfrageClosed #openAnfrage{
	position:absolute;
	right:9%;
	top:0px;
	display:block;
	background:#FFF;
	padding:0 10px;
	font-size:3rem;
	background-image:url(../img/css/bg_anfrage_open.png);
	background-position:center bottom;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-size:100%;
	transition:all .4s;
	display:block;
}


#openAnfrage:hover{
	padding-top:12px
}



#anfrage input[type="text"],
#anfrage input[type="email"],
#anfrage select{
	width:92%
}

#anfrage .row{
	margin-bottom:1px !important
}

#anfrage .rowTitel{
	margin-bottom:15px !important
}
#anfrage textarea{
	height:7rem !important;
	padding:15px
}

#spamOK{
	display:none
}

#anfrage .ok,
#anfrage .err{
	text-align:center;
	color:#26a69a 
}

#anfrage .err{
	color:#FF0000
}

/* *************************************************** */
/* ********************* Content ***********************/
/* *************************************************** */
	
	.contentRow{
		background:#FFF;
		padding-top:25px;
		padding-bottom:25px
	}
	
	.contentRow.layout_1{
		padding-top:30px !important
	}
	
	.contentRow_1{
		background-color:#FFF
	}
	
	.contentRow_0{
		background-color:#F4F4F4
	}
	
		.contentRow .titel{
			color:#71b635;
			font-size:2.3rem;
			font-weight:normal;
			margin:0 0 3px 0;
			padding:0			
		}
		
		.contentRow .untertitel{
			color:#000;
			font-size:1.7rem;
			font-weight:normal;
			margin:8px 0 3px 0;
			padding:0			
		}
		
		.contentRow .text{
			line-height:1.4;
			font-size:1.3rem;
			margin-top:30px
		}
		
		.contentRow .infoTextBold{
			margin-top:25px;
			font-weight:bold;
			color:#9b2323;
			font-size:1.9rem
		}
		
		.layout_1 figure{
			float:left;
			margin:0 20px 10px 0;
			width:100%;
			position:relative;
		}
		
		.layout_2 figure{			
			margin:10px 0 10px 0;
			width:100%;
			height:auto;
			display:block;
			position:relative;
		}
		
		.contentGal .resize,
		.contentRow figure .resize,
		#rowImages figure .resize{
			font-size:26px;
			color:#FFF !important;
			padding:0 5px;
			display:block;
			position:absolute;
			left:10px;
			bottom:10px;
			font-family:Material-Design-Icons;
			border-radius:2px;
			transition:all .8s;
			z-index:100			
		}
		
		.contentGal .resize:hover:before,
		.contentRow figure .resize:hover:before,
		#rowImages figure .resize:hover:before,
		figure:hover .resize:before
		{
			color:#71b635
		}
		
		.contentGal .resize:before,
		.contentRow figure .resize:before,
		#rowImages figure .resize:before{
			content: "\e7f4";  
			transition:all .4s
		}
		
		.linkedContentRow .col{
			padding-top:20px !important;
			padding-bottom:20px !important
		}
		
		.linkedContentRow .linkedCol_1{
			padding-right:35px!important		
		}
		.linkedContentRow .linkedCol_0{
			padding-left:35px !important		
		}
		
		.rowLinkedSlideshow{
			margin-left:0 !important;
			margin-right:0 !important;
			margin:8px 0 12px
		}
		.linkedContentRow .text{
			margin-top:5px
		}
		
		.more{
			display:block;
			margin-top:12px
		}
/* *************************************************** */
/* ********************* Galerie ***********************/
/* *************************************************** */

#rowImagesOuter{
	background:#FFF;
	padding-bottom:10px
	
}

#rowImages .imageItem{
	width:33%
}


	#rowImages figure{
		position:relative;
		margin:0 0 1px 0;
		overflow:hidden
	}
	
	#rowImages figcaption{
		position:absolute;
		left:0;
		bottom:-50px;
		background:rgba(113,182,53,.85);
		color:#FFF;
		padding:4px 10px;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
		width:100%;
		font-size:1rem;
		transition:all .9s
	}
	
	#rowImages figure:hover figcaption{
		bottom:0
	}
	
	
	
	#rowImages figure .resize{
		bottom:50%;
		margin-bottom:-18px;
		left:50%;
		margin-left:-18px;
		transition:all .9s
	}
		
	
	
/* *************************************************** */
/* ********************* Footer ***********************/
/* *************************************************** */

#rowGalerie{
	background:#FFF
}
	#rowGalerie .row{
		margin:35px 0 25px !important
	}

#rowPrivacy{
	background:#71b635;
	padding:20px 0 10px	
}
	#rowPrivacy,
	#rowPrivacy a{
		color:#FFF  !Important;
		transition:color .8s
	}
	
	#rowPrivacy a:hover,
	#mainMenu a:hover,
	#mainMenu a.active{
		color:#71b635 !important
	}
	
	
	
	#colContact strong{
		color:#FFF;
		font-size:1.2rem;
		text-transform:uppercase;
		padding-bottom:15px;
		display:block
	}
	
	#colContact .line{
		font-size:1rem;
		line-height:1.6
	}	
	
	#rowLogos{
		margin-bottom:10px;
		background:url(../img/ph.png) right center no-repeat;
	}
		
		#rowFooterBottom{
			margin-bottom:0
		}
		
		#rowFooterBottom .navi{
			margin-top:22px
		}
		
		#rowPrivacy a:hover{
			color:#FFF !important
		}
	
		#rowPrivacy .logos .item{
			float:right;
			margin-right:16px;
			font-size:1rem;
		}	
		
		#share_logos .rh{
			display:inline-block;
			margin-right:15px
		}
		
		#rowPrivacy .navi .item{
			float:left;
			margin-left:16px;
			font-size:1rem;
		}	
		
		#rowPrivacy .logos .item{
			margin-right:24px
		}
		
		#rowPrivacy .logos #stachelburg{
			margin-top:0 !important
		}
		
		#rowPrivacy .logos #andrian{
			margin-top:0 !important
		}
		
		#rowPrivacy .logos #designSuedtirol{
			margin-top:3px !important;
			display:none
		}
		
		#rowPrivacy #hm{
			float:right !important;
			margin:0 !important
		}
		
		#rowPrivacy .logos #suedtirol{
			margin-top:3px !important
		}
		
		#rowPrivacy .navi .item:first-child,
		#rowPrivacy .logos .item:first-child{
			margin:0 !important
		}
		
		.lClearLogos{display:none}
		@media screen and (max-width:1000px) {
			.lClearLogos{display:block}
		}
		
		
		.showCursor{
			cursor:pointer
		}
		
		.rowLinkedSlideshow .indicators{
			text-align:right !important;
			padding-right:5px;
			bottom:5px !important
		}
		
		#rh{
			display:none
		}
		
	
	
	
	
	#langMenuMobile{
		text-align:left;
		padding-bottom:10px
	}
	
	#colMenuTel #langMenu a{
		margin-left:10px;
		color:#939393 !important;
	}
	
	#colMenuTel #langMenu a,
	#langMenuMobile a{	
		transition: color 0.8s ease 0s
	}
	
	#langMenuMobile a{
		color:#eda6a6 !important;
		margin-right:10px		
	}
	
	#colMenuTel #langMenu a.active,
	#colMenuTel #langMenu a:hover,
	#langMenuMobile a.active{
		color:#FFF !important		
	}
	
	.rowBreadcrumb{
		font-size:.9rem;
		color:#333;
		padding-bottom:15px !important		
	}
	
		.rowBreadcrumb a{
			color:#999 !important
		}
		
	#move2Top{
		position:fixed;
		right:10px;
		bottom:80px;
		opacity:.6;
		transition:all .5s;
		width:54px;
		height:54px;
		display:none;
		z-index:5
	}
	#move2Top:hover{
		opacity:1
	}

	.fewoBar a{
		padding-left:60px !important;
		padding-right:60px !important;
		margin-right:20px;
		margin-left:.75rem;
		font-size:16px;
		color:#FFF !important;height:auto !important
	}
	
	.pPar{
		padding:20px;
		background:#71b635 ;
		color:#FFF;
		margin:0 .75rem;
	}
	
	.tabPrices,
	.tabAusstattung{
		margin-top:10px
	}
	
	.tabAusstattung .ausstattung{
		padding:4px 20px 4px 20px;
		width:50%;
		display:inline-block;
		vertical-align:top;
		
	}
	
	.lineSep{
		height:1px;
		background:rgba(255,255,255,.5);
		font-size:0
		
	}
	
	.activeBtn{
		background-color:#71b635 !important
	}
	
	.contentRow .text span ul,
	.contentRow .text span li{
		list-style:inside disc
	}
	
	.pPar a{
		background-color: #623232 !important;
		color: #fff !important;
		font-size: 1rem !important;
		padding-top:10px;
		padding-bottom:10px;
		text-transform:uppercase
	}
	
	
	#map{
		background-image: url(../img/map.jpg);
		background-position: center center;
		background-size: cover;
		position:relative;
	}
	
#map .info{
	padding: 15px;
  background-color: rgba(255, 255, 255, 0.7);
  max-width: 400px;
  font-size: 18px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

#map .heading{
	font-size:20px;
	margin-bottom:12px;
}

#map .btn{
	margin-top:12px;
}

@media screen and (max-width: 1000px) {
  .item-privacy  {
    margin-left:0 !Important;
	margin-top:5px;
  }
  
  #map{
	  height:350px;
  }
}