@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,700,300,400);
@import url(http://fonts.googleapis.com/css?family=Fenix);
/****************************************************************************
CSS Reset + HTML Defaults + Hacks
****************************************************************************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
*{
	box-sizing:border-box;
	font-family:inherit;
	margin:0;
	padding:0;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
a{
	color:#666;
	text-decoration:none
}
	a:hover{
		color:#000;
		cursor:pointer;
		text-decoration:underline
	}
body{
	font-family:"Open Sans",Arial,Serif;
	line-height:1
}
/****************************************************************************
Hacks
****************************************************************************/
.row-container:after,
.row-full:after,
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0
}
* html .clearfix,
* html .row-container,
* html .row-full{zoom:1} /* IE6 */
*:first-child+html .clearfix,
*:first-child+html .row-full,
*:first-child+html .row-container{zoom:1} /* IE7 */
.aligncenter{
	display:block;
	margin:0 auto
}
/****************************************************************************
Grid & Globals
****************************************************************************/
.top-border-gold{border-top:5px solid #b79b29}
.bottom-border-gold{border-bottom:5px solid #b79b29}
.black-f{color:#000}
.black-b{background-color:#000}
.darkgrey-f{color:#303030}
.darkgrey-b{background-color:#303030}
.lightgrey-f{color:#ddd}
.lightgrey-b{background-color:#ddd}
.grey-f{color:#676767}
.grey-b{background-color:#676767}
.gold-f{color:#b79b29}
.gold-b{background-color:#b79b29}
.white-f{color:#fff}
.white-b{background-color:#fff}
.row-full,
.row-container{
	display:block;
	margin:0 auto 25px;
	position:relative
}
.row-full{width:100%}
.row-container{width:1000px}
.boxed{
	display:block;
	float:left;
	padding:5px;
	position:relative
}
.box1{width:8.33333%}
.box2{width:16.66667%}
.box3{width:25%}
.box4{width:33.33333%}
.box5{width:41.66667%}
.box6{width:50%}
.box7{width:58.33333%}
.box8{width:66.66667%}
.box9{width:75%}
.box10{width:83:33333%}
.box11{width:91.66667%}
.box12{width:100%}
.icon-phone,
.icon-fax,
.icon-mail{
	background-position:left center;
	background-repeat:no-repeat;
	font-style:normal;
	padding-left:20px
}
.the-content{
	font-family:"Open Sans",sans-serif;
	font-size:18px;
	font-weight:400;
	line-height:1.4;
	padding-right:20px;
	text-align:justify
}
	.the-content p{margin-bottom:10px}
	.the-content h1,
	.the-content h2,
	.the-content h3,
	.the-content h4,
	.the-content h5,
	.the-content h6{
		color:#000;
		display:block;
		font-family:"Fenix",serif;
		font-weight:700;
		line-height:1.2;
		text-align:center
	}
	.the-content h1{
		font-size:36px;
		margin-bottom:25px
	}
	.the-content h2{
		font-size:30px;
		margin-bottom:25px
	}
	.the-content h3{
		font-size:26px;
		margin-bottom:20px
	}
	.the-content h4{
		font-size:22px;
		margin-bottom:20px
	}
	.the-content h5{
		font-size:14px;
		margin-bottom:20px
	}
	.the-content h6{
		font-size:12px;
		margin-bottom:20px
	}
	.the-content ul{margin:0 0 10px 20px}
	.the-content li{list-style:square}
.icon-phone{background-image:url("inc/images/icon_phone.png")}
.icon-fax{background-image:url("inc/images/icon_fax.png")}
.icon-mail{background-image:url("inc/images/icon_mail.png")}
.left {float: left !important}
.right {float: right !important}
.hide {display: none}
.antialiased {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
.site-title{
	border-bottom:2px solid #fff;
	border-top:2px solid #fff;
	color:#fff !important;
	font-family:"Fenix",serif;
	font-size:62px !important;
	font-weight:400 !important;
	margin-bottom:25px;
	padding:30px 0;
	text-align:center;
	text-transform:uppercase
}
.site-subtitle{
	color:#fff;
	font-family:Open Sans,Arial,Verdana !important;
	font-size:16px;
	margin-bottom:75px;
	text-align:center;
	text-transform:uppercase
}
.divider{
	background:url("/images/divider.png") no-repeat center center transparent;
	border:0;
	clear:both;
	display:block;
	height:42px;
	margin:125px auto;
	width:100%
}
.button{
	border-radius:2px;
	display:inline-block;
	font-family:"Open Sans",serif;
	font-size:14px;
	font-weight:800;
	margin-bottom:10px;
	padding:15px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	transition:all 250ms ease-in-out;
	min-width:275px
}
	.button:hover{text-decoration:none}
.button-centered{
	display:block !important;
	margin-left:auto !important;
	margin-right:auto !important;
	text-align:center;
	max-width:350px !important;
}
.button-small{
	padding:10px;
	min-width:150px;
}
.button-white{
	border:1px solid #fff;
	color:#fff
}
	.button-white:hover{
		background:#fff;
		color:#000
	}
.button-black{
	border:1px solid #000;
	color:#000
}
	.button-black:hover{
		background:#000;
		color:#fff
	}
.wpcf7 select,
.wpcf7 textarea,
.wpcf7 input[type=submit],
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel]{
	border:1px solid #b79b29;
	display:block;
	padding:10px;
	width:100%
}
.wpcf7 input[type=submit]{
	background:#fff;
	border:1px solid #000;
	color:#000;
	cursor:pointer;
	font-family:"Open Sans",sans-serif;
	font-size:16px;
	font-weight:300;
	margin:0 auto;
	text-transform:uppercase;
	transition:all 250ms ease-in-out;
	width:300px
}
	.wpcf7 input[type=submit]:hover{
		background:#000;
		color:#fff
	}
.wpcf7-list-item{
	display:block
}
.wpcf7 h3{margin-top:10px}
.nivo-caption{
	background:#484646 !important;
	background:rgba(70,70,70,0.8) !important;
	bottom:20px !important;
	left:20px !important;
	padding:20px !important;
	white-space:pre-line;
	width:300px !important
}
.dropcap:first-child:first-letter {
	float:left;
	font-family:"Fenix";
	font-size:60px;
	font-weight:700;
	line-height:0.7;
	margin:0 10px 0 0;
}
.absolute-center{
	-webkit-transform:translate(-50%,-50%);
	left:50%;
	position: absolute;
	top: 50%;
	transform:translate(-50%,-50%);
}
/****************************************************************************
Home
****************************************************************************/
#home{
	background:#fff;
	background-image:url("images/header.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	margin-bottom:125px;
	padding:150px 0
}
#rundgang address a{font-weight:700}
#rundgang_container{margin-bottom:0}
#rundgang_navigation{
	margin-bottom:25px;
	padding:20px
}
	#rundgang_navigation span{
		display:block;
		font-family:"Fenix",serif;
		font-size:18px;
		margin-bottom:5px;
		text-transform:uppercase
	}
	#rundgang_navigation a{
		background:#b79b29;
		border-radius:5px;
		color:#fff;
		display:inline-block;
		margin:0 2px 8px;
		padding:5px 8px;
		transition:all 250ms linear
	}
		#rundgang_navigation a:hover{
			background:#fff;
			color:#000;
			text-decoration:none
		}
		#rundgang_navigation a.active{background:#887216}
#booking-pro h3{margin:0 0 25px}
#booking-pro ul{margin:0 0 15px}
	#booking-pro ul li{
		list-style:none;
		padding-bottom:5px;
		text-align:center
	}
		#booking-pro ul li.info{font-size:12px}

#home-booking{
	background:#484646;
	color:#fff;
	padding:25px;
	position:relative;
}
	#home-booking .row-full:last-of-type{margin-bottom:0}
	#home-booking h2{
		font-size:36px;
		font-weight:700;
		margin-bottom:15px;
		text-transform:uppercase
	}
	#home-booking h3{
		font-size:30px;
		font-weight:700;
		margin-bottom:10px;
		text-transform:uppercase
	}
	#home-booking .subtitle{
		display:block;
		font-size:22px;
		font-style:italic;
		font-weight:300;
		margin-bottom:25px;
	}
	#home-booking form,
	#home-booking option{overflow:hidden}
	#home-booking input[type=submit]{
		background: #37a246;
		border:0;
		color:#fff;
		cursor:pointer;
		display:block;
		font-family: 'Open Sans', serif;
		font-size:18px;
		padding:10px;
		text-transform:uppercase;
		width:100%;
	}
	#home-booking input[type=text],
	#home-booking select{
		background:#fff;
		border:0;
		color:#000;
		display:block;
		font-size:12px;
		font-style:italic;
		margin:0 0 10px;
		padding:10px 45px 10px 10px;
		outline:none;
		width:110%;
	}
	#home-booking select{
		-moz-appearance:none;
		-webkit-appearance:none;
		appearance:none;
		outline:none;
		background:url("/images/icon_dropdown.png") no-repeat 235px center #fff;
	}
/****************************************************************************
LEISTUNGEN
****************************************************************************/
#services h3{
}
#services ul{
	margin:0;
	text-align:center;
	width:100%
}
#services li{
	color:#fff;
	display:block;
	float:left;
	font-family:"Open Sans",sans-serif;
	margin-bottom:25px;
	height:220px;
	padding:30px 20px 20px;
	text-align:left;
	width:300px
}
	#services li:nth-of-type(3n+2){
		margin-left:35px; 
		margin-right:35px; 
	}
	#services li img{
		display:block;
		margin:0 auto 15px
	}
	#services li h3{
		color:#fff;
		font-family:"Fenix",serif;
		font-size:32px;
		font-weight:300;
		height:80px;
		line-height:1;
		margin-bottom:0;
		text-align:center;
		text-transform:uppercase
	}
	#services p{
		font-size:14px;
		line-height:18px
	}
/****************************************************************************
Footer
****************************************************************************/
#footer{
	background:#888;
	font-family:"Open Sans",sans-serif;
	font-size:12px;
	font-weight:300;
	margin-bottom:0 !important;
	padding:10px 0;
}
	#footer .row-container,
	#footer .row-container p{margin-bottom:0}
	#footer a:hover{
		text-decoration:underline
	}
	#footer .boxed{padding:0 10px}
	#footer p{
		line-height:14px;
		margin-bottom:10px
	}
	#footer .big{
		display:block;
		font-size:18px;
		font-weight:400;
		margin-bottom:10px
	}
	#footer h3{
		font-family:"Fenix",serif;
		font-size:24px;
		font-weight:300;
		margin-bottom:20px;
		padding:10px;
		text-transform:uppercase
	}
	#footer address{
		font-style:normal;
		line-height:14px;
		margin-bottom:15px
	}
	#footer .icon-phone,
	#footer .icon-fax,
	#footer .icon-mail{
		display:block;
		padding:5px 0 5px 30px
	}
	#footer i{display:block}
	#footer .social{margin:10px 0 0}
	#footer ul{margin:0}
	#footer li{
		line-height:20px;
		list-style:square;
		list-style-position:inside;
	}
	#footer a{
		color:#fff;
		text-decoration:none
	
	}
/****************************************************************************
(:14) Responsive
****************************************************************************/
@media screen and (max-width: 1000px){
	.boxed{
		float:none;
		margin:0 auto
	}
	.box1,
	.box2,
	.box3,
	.box4,
	.box5,
	.box6,
	.box7,
	.box8,
	.box9,
	.box10,
	.box11{
		width:100%
	}
	.row-container{
		padding:0 15px;
		width:100%
	}
	#home{
		padding-bottom:50px;
		padding-top:50px;
	}
	.site-title{font-size:42px !important}
	#booking-pro{margin-bottom:25px}
	#anfahrt{padding-top:50px}
	#home-booking{
		margin:0 auto;
		width:400px;
	}
	.the-content{
		padding-right:5px;
		text-align:left
	}
	.divider{
		margin:25px auto
	}
	#home-booking h2{
		font-size:22px;
		text-align:center
	}
	#home-booking .boxed{
		margin:0 auto 20px
	}
	#home-booking .mobile{width:280px}
	#contact_map{height:auto}
	#gmaps_container{
		padding:0 55px;
		width:100%
	}
}
@media screen and (max-width: 480px){
	img{
		height:auto;
		max-width:100%
	}
	#top-nav{display:none}
	#contact-bar .icon-phone{
		display:block;
		margin:0 auto;
		text-align:center;
		width:240px
	}
	#home-booking{width:100%}
	.fenix-title{line-height:1.1 !important}
	.buchungArgumente{float:none}
	#services li{width:auto}
}
/* =====================================================================
BOOKING OFF SITE
===================================================================== */
#bookingHeader{
		background: #b79b29; /* Old browsers */
		background: -moz-linear-gradient(top,  #b79b29 0%, #b79b29 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b79b29), color-stop(100%,#b79b29)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #b79b29 0%,#b79b29 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #b79b29 0%,#b79b29 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #b79b29 0%,#b79b29 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #b79b29 0%,#b79b29 100%); /* W3C */
		border:0;
		color:#fff;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b79b29', endColorstr='#b79b29',GradientType=0 ); /* IE6-9 */
		font-family: 'Open Sans', serif;
		font-size:24px;
		margin:0 0 25px;
		padding:10px;
		text-align:center;
		width:100%;
}