@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');

html, body{
	margin: 0;
	padding: 0;
	/*font-family: 'Open Sans Condensed', sans-serif;*/
}

.head-wrapper{
	width: 100%;
	height: 71px;
	background: #000;
}

.head-inner{
	width: 980px;
	height: 71px;
	margin-left: auto;
	margin-right: auto;
}

.logo{
	width: 128px;
	height: 71px;
	float: left;
}

.logo p,
.email p,
.phone p{
	margin: 0;
}

.name{
	width: 270px;
    height: auto;
    min-height: 10px;
    overflow: hidden;
    float: left;
    margin-left: 25px;
    padding-top: 22px;
    padding-bottom: 22px;
}

.name h1{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 20px;
	color: #fff;
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 0;
}

.social{
	width: 55px;
	height: auto;
	min-height: 20px;
	overflow: hidden;
	float: left;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-left: 355px;
}

.facebook{
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 15px;
}

.google{
	width: 20px;
	height: 20px;
	float: left;
}

.contact{
	width: 100px;
	height: auto;
	min-height: 15px;
	overflow: hidden;
	float: left;
	margin-left: 20px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size: 14px;
	color: #fff;
	font-weight: 300;
	padding-top: 26px;
    padding-bottom: 26px;
}

.email{
	width: 115px;
	height: auto;
	min-height: 15px;
	overflow: hidden;
	float: left;
	margin-right: 15px;
}

.email a,
.email a:link,
.email a:visited{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size: 14px;
	color: #fff;
	font-weight: 300;
	text-decoration: none;
	letter-spacing: -0.3px;
}

.email a:hover,
.email a:active{
	
}

.phone{
	width: 95px;
	height: auto;
	min-height: 15px;
	overflow: hidden;
	float: left;
}

.menu-wrapper{
	width: 100%;
	height: 56px;
	background: #f6f6f6;
}

.menu-inner{
	width: 980px;
	height: 56px;
	margin-left: auto;
	margin-right: auto;
}

#gruemenu.grue_88{
	background: transparent !important;
	border: 0px solid !important;
	border-radius: 0 !important;
	width: 100%;
	height: auto;
	min-height: 25px;
	overflow: hidden;
}

#gruemenu > ul{
	box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0) !important;
}

#gruemenu.grue_88 ul li:first-child > a{
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

#gruemenu > ul > li > a{
	border: 0px solid !important;
	color: #000 !important;
	text-transform: none !important;
	/*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; */
	font-size: 20px !important;
	padding: 18px 28px 19px 28px !important;
	font-family: 'Open Sans Condensed', sans-serif !important;
}

#gruemenu.grue_88 > ul > li:hover > a, 
#gruemenu.grue_88 > ul > li > a:hover, 
#gruemenu.grue_88 > ul > li.active > a {
    color: #aaa8a8 !important;
    background: transparent !important;
}

#gruemenu > ul > li.item-101 > a{
	padding-left: 2px !important;
}

#gruemenu > ul > li.item-110 > a{
	padding-right: 2px !important;
}

#navigation-toggle{
	background: #616161 !important;
	text-shadow: none !important;
	box-shadow: none !important;
	padding-bottom: 7px !important;
}

.sidr ul li a, .sidr ul li span,
a.sidr-class-toggle-sidr-close:before{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; 
}

a.sidr-class-toggle-sidr-close:before{
	background: transparent !important;
	padding: 0px !important;
	font-weight: 100 !important;
}

#gruemenu.grue_88 > ul > li.has-sub > a::after{
	display: none !important;
}

#gruemenu.grue_88 > ul > li > ul::after{
	left: 100px !important;
}

.menu-inner #gruemenu.grue_88 ul > li > ul > li > a{
	font-size: 13px !important;
}

#gruemenu.grue_88 ul ul li a{
	background: #dbdbdb !important;
	color: #000 !important;
}

#gruemenu.grue_88 ul ul li a:hover{
	color: #000 !important;
	background: #aaa8a8 !important;
}

#gruemenu.grue_88 > ul > li > ul::after {
    border-bottom-color: #dbdbdb !important;
}

.video-wrapper{
	width: 100%;
	height: auto;
	min-height: 25px;
	overflow: hidden;
}

.video-inner{
	width: 980px;
	height: auto;
	min-height: 25px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

.video-inner iframe{
	width: 100%;
	height: 550px;
}


.sub-content{
	width: 100%;
	height: auto;
	min-height: 25px;
	overflow: hidden;
	margin-top: 30px;
}

.sub-inner{
	width: 980px;
	height: auto;
	min-height: 25px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.sub-inner img{
	margin-bottom: -30px;
}

.sub-inner h1{
	font-family: 'Open Sans Condensed', sans-serif;
	color: #000;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 50px;
	font-weight: 300;
}

.sub-inner p{
	margin: 0px;
}

.sub-inner ul{
	padding: 0;
	margin: 0;
	margin-top: 20px;
}

.sub-inner li{
	list-style-type: none;
	display: inline-block;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	color: #000;
	font-size: 16px;
	font-weight: 300;
	padding-left: 87px;
	padding-right: 87px;
	padding-top: 10px;
	padding-bottom: 25px;
}

.sub-inner li.first{
	padding-left: 0px;
}

.sub-inner li.last{
	padding-right: 0px;
}

.sub-inner h2{
	font-family: 'Open Sans Condensed', sans-serif;
	color: #000;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 30px;
	font-weight: 300;
}

.s2 h2 {
    margin: 0;
    line-height: normal;
    letter-spacing: normal;
}

.font_2 {
    font: normal normal normal 38px/1.4em nimbus-sans-tw01con,sans-serif;
    color: rgba(0,0,0,1);
}

.color_11 {
    color: rgba(255,255,255,1);
}

.welcome-wrapper{
	width: 100%;
	height: auto;
	min-height: 25px;
	overflow: hidden;
	background-color: rgba(97, 97, 97, 0.06);
	padding-top: 30px;
	padding-bottom: 30px;
}

.welcome-inner{
	width: 980px;
	height: auto;
	min-height: 25px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

.welcome-inner h1{
	font-family: 'Open Sans Condensed', sans-serif;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 50px;
    font-weight: 300;
}

.welcome-inner p,
.welcome-inner a,
.welcome-inner a:link,
.welcome-inner a:visited{
	font-family: 'Open Sans Condensed', sans-serif;
	color: #000;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 24px;
	font-weight: 300;
}

.fishspa-wrapper{
	width: 100%;
	height: auto;
	min-height: 25px;
	overflow: hidden;
	margin-bottom: 80px;
}

.fischspa-inner{
	width: 980px;
	height: auto;
	min-height: 25px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

.fischspa-inner h3{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 16px;
	font-weight: 300;
}

.fischspa-inner p{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: 300;
}

.fischspa-inner a,
.fischspa-inner a:link,
.fischspa-inner a:visited{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #000;
}

.kachel-wrapper{
	width: 100%;
	height: auto;
	min-height: 25px;
	overflow: hidden;
}

.kachel-inner{
	width: 980px;
	height: auto;
	min-height: 25px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

.kachel-left,
.kachel-right{
	width: 50%;
	height: auto;
	min-height: 25px;
	overflow: hidden;
	float: left;
}

.kachel-inner h2{
	font-family: 'Open Sans Condensed', sans-serif;
    color: #000;
    font-size: 35px;
    font-weight: 300;
    margin-bottom: 10px;
    margin-left: 30px;
}

.kachel-inner li{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: #000;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 5px;
}

.kachel-inner ul{
	margin-left: 30px;
}

.main-content-wrapper{
	width: 100%;
	height: auto;
	min-height: 25px;
	overflow: hidden;
}

.main-content-inner{
	width: 980px;
	height: auto;
	min-height: 25px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

.main-content-inner h2{
	font-family: 'Open Sans Condensed', sans-serif;
    color: #000;
    font-size: 35px;
    font-weight: 300;
    margin-bottom: 10px;
}

.main-content-inner p{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	color: #000;
}

.main-content-inner h4{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 20px;
	color: #000;
}

.main-content-inner a,
.main-content-inner a:link,
.main-content-inner a:visited,
.main-content-inner a:hover{
	text-decoration: none;
	color: #000;
}

.main-content-inner hr{
	width: 100%;
	height: 1px;
	background: rgba(97, 97, 97, 1);
	border: 0px solid;
}

.rezension-wrapper{
	width: 100%;
	height: auto;
	min-height: 25px;
	overflow: hidden;
	background: #f6f6f6;
	margin-top: 15px;
}

.rezension-inner{
	width: 980px;
	height: auto;
	min-height: 25px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

.rezension-inner h2 {
    font-family: 'Open Sans Condensed', sans-serif;
    color: #000;
    font-size: 35px;
    font-weight: 300;
    margin-bottom: 10px;
}

.rezension-inner p{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: 300;
}

.footer-wrapper{
	width: 100%;
	height: auto;
	min-height: 25px;
	overflow: hidden;
	background: #000;
	margin-top: 25px;
	padding-bottom: 25px;
}

.footer-inner{
	width: 980px;
	height: auto;
	min-height: 25px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
}

.footer-inner h3{
	font-family: 'Open Sans Condensed', sans-serif;
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 10px;
}

.footer-inner h5{
	font-family: 'Open Sans Condensed', sans-serif;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0px;
    margin-top: 0px;
}

.footer-inner p{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 16px;
    font-weight: 300;
}

.footer-inner a,
.footer-inner a:link,
.footer-inner a:visited,
.footer-inner a:hover{
	text-decoration: none;
	color: #fff;
}

.footer-left{
	width: 33%;
	height: auto;
	min-height: 25px;
	overflow: hidden;
	float: left;
}

.footer-mid{
	width: 33%;
	height: auto;
	min-height: 25px;
	overflow: hidden;
	float: left;
}

.footer-right{
	width: 33%;
	height: auto;
	min-height: 25px;
	overflow: hidden;
	float: left;
	text-align: right;
}

.credits-wrapper{
	width: 100%;
	height: auto;
	min-height: 25px;
	overflow: hidden;
	margin-top: 30px;
	padding-bottom: 25px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    color: rgba(170,168,168,1);
}

body.itemid-107 .main-content-inner img,
body.itemid-106 .main-content-inner img{
	width: 100%;
	height: auto;
}

.price-left{
	width: 45%;
	height: auto;
	min-height: 25px;
	overflow: hidden;
	float: left;
}

.price-left p,
.price-right p{
	margin: 0;
}

.price-right{
	width: 45%;
	height: auto;
	min-height: 25px;
	overflow: hidden;
	float: right;
}

.main-content-inner h3 {
    font-family: 'Open Sans Condensed', sans-serif;
    color: #000;
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 10px;
    margin-top: 0px;
}

.main-content-inner-block-img{
	width: 100%;
	height: auto;
	min-height: 25px;
	overflow: hidden;
	display: block;
	margin-bottom: 2%;
}

.main-content-inner-block-img-left{
	width: 49%;
	height: auto;
	min-height: 25px;
	overflow: hidden;
	float: left;
	margin-right: 2%;
	margin-top: 20px;
}

.main-content-inner-block-img-left img,
.main-content-inner-block-img-right img{
	width: 100%;
	height: auto;
}

.main-content-inner-block-img-right{
	width: 49%;
	height: auto;
	min-height: 25px;
	overflow: hidden;
	float: left;
	margin-top: 20px;
}

@media only screen and (max-width: 980px) {
	
	.menu-wrapper{
		height: 0px;
		background: transparent !important;
	}
	
	.head-wrapper{
		height: auto;
		min-height: 25px;
		overflow: hidden;
	}
	
	.head-inner{
		width: 94%;
		height: auto;
		min-height: 25px;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
	}
	
	.logo{
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	
	.name{
		float: none;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		text-align: center;
	}
	
	.social{
		display: none;
	}
	
	.contact{
		float: none;
		margin-left: auto;
		margin-right: auto;
		padding-top: 6px;
		text-align: center;
		padding-bottom: 16px;
	}
	
	.menu-inner{
		width: 94%;
	}
	
	.video-inner{
		width: 100%;
	}
	
	.sub-inner{
		width: 94%;
		height: auto;
		min-height: 25px;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
	}
	
	.sub-inner li.first{
		padding-left: 85px;
	}
	
	.sub-inner li.last{
		padding-right: 85px;
	}
	
	.welcome-inner{
		width: 94%;
	}
	
	.fischspa-inner{
		width: 94%;
	}
	
	.fischspa-inner img{
		width: 100%;
		height: auto;
	}
	
	.kachel-inner{
		width: 94%;
	}
	
	.kachel-inner img{
		width: 100%;
		height: auto;
	}
	
	.rezension-inner{
		width: 94%;
	}
	
	.footer-inner{
		width: 94%;
	}
	
	.main-content-inner{
		width: 94%;
	}
	
}	
	

@media only screen and (max-width: 520px) {
	
	.footer-left,
	.footer-mid,
	.footer-right{
		width: 100%;
		float: none;
		text-align: center;
	}
	
	.footer-left .facebook{
		margin-left: auto;
		margin-right: auto;
		float: none;
		margin-bottom: 10px;
	}
	
	.footer-left .google{
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	
	.kachel-left{
		width: 100%;
		float: none;
	}
	
	.kachel-right{
		width: 100%;
		float: none;
	}
	
	.kachel-wrapper{
		margin-bottom: 15px;
	}
	
}

@media only screen and (max-width: 500px) {
	
	.kachel-left,
	.kachel-right{
		width: 100%;
		float: none;
	}
	
}

@media only screen and (max-width: 450px) {
	
	.sub-inner h1{
		font-size: 40px;
	}
	
	.sub-inner h2{
		font-size: 20px;
	}
	
	.main-content-inner-block-img-left{
		width: 100%;
		float: none;
		margin-right: 0%;
		float: none;
		margin-bottom: 10px;
	}
	
	.main-content-inner-block-img-right{
		width: 100%;
		float: none;
		margin-right: 0%;
		float: none;
		margin-bottom: 10px;
	}
	
	.main-content-inner-block-img{
		margin-bottom: 0%;
	}
	
}	

@media only screen and (max-width: 350px) {
	
	.sub-inner img{
		width: 100%;
		height: auto;
	}
	
}	



