/* ==========================================================================
   Normalize
   ========================================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{overflow:auto;font-size:62.5%;-ms-text-size-adjust:none;-webkit-text-size-adjust:none}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #666;margin:14px 0;padding:0}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}

/* ==========================================================================
   Fonts
   ========================================================================== */
@font-face {
	font-family: 'Interstate-BoldCondensed';
	src: url(#);
}
@font-face {
	font-family: 'Interstate-BoldCondensed';
	src: url('/fileadmin/ferienverein/templates/css/fonts/InterBolCon.woff') format('woff'),
	url('/fileadmin/ferienverein/templates/css/fonts/InterBolCon.svg') format('svg');
}

body,
nav.language a {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.4rem;
	line-height: 1.8rem;
}

h1,
.news-teaser h2,
.hotel-teaser h2,
nav a {
	font-family: 'Interstate-BoldCondensed', Helvetica, Arial, sans-serif;
	font-weight: normal;
}

nav li a {
	font-size: 1.9rem;
}

h1 {
	font-size: 3rem;
	line-height: 1;
	text-transform: uppercase;
	padding-bottom: 0.8rem;
}
h2 {
	font-size: 1.4rem;
	line-height: 1.8rem;
	font-weight: bold;
}
.news-teaser h2,
.hotel-teaser h2 {
	font-size: 1.9rem;
	line-height: 2.2rem;
	font-weight: normal;
}
.teaser-box.room h1 {
	font-size: 1.9rem;
}

/* ==========================================================================
   Layout
   ========================================================================== */
html, body {
	height: 100%;
}
html.hide-overflow,
body.hide-overflow {
	overflow: hidden;
}

body {
	background-color: #ffff;
	color: #000;
	position: relative;
}

.inner {
	padding: 1.5rem;
}

#content a {
	color:#bf0729;
	text-decoration: none;
}
#content a.active,
#content a:hover{
	color:#000;
}

#header {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
	border-bottom: 1px solid #b7b7b7;
	height: 7rem;
	width: 100%;
}
#header a {
	display: block;
	text-decoration: none;
}
#container {
	background: rgb(0,51,51);
	background: -moz-linear-gradient(top,  rgb(0,51,51) 0%, rgb(99,200,202) 76%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,51,51)), color-stop(76%,rgb(99,200,202)));
	background: -webkit-linear-gradient(top,  rgb(0,51,51) 0%,rgb(99,200,202) 76%);
	background: -o-linear-gradient(top,  rgb(0,51,51) 0%,rgb(99,200,202) 76%);
	background: -ms-linear-gradient(top,  rgb(0,51,51) 0%,rgb(99,200,202) 76%);
	background: linear-gradient(to bottom,  rgb(0,51,51) 0%,rgb(99,200,202) 76%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003333', endColorstr='#63c8ca',GradientType=0 );
	left: 0;
	padding-bottom: 1rem;
	position: relative;
}
#container.menu-open {
	left: 70%;
}

#menu {
	background: url(/fileadmin/ferienverein/templates/images/mobile/menu.svg) no-repeat top left;
	background-size: 100%;
	float: left;
	height: 2rem;
	width: 3.25rem;
}
#logo-claim {
	background: url(/fileadmin/ferienverein/templates/images/mobile/logo-claim-ferienverein.png) no-repeat top left;
	background-size: 100%;
	height: 5rem;
	float: right;
	width: 22.245rem;
}

footer {
	background-color: #e0e0e0;
	color: #929292;
	min-height: 6rem;
}
footer .reviews {
	margin-bottom: 3rem;
	text-align: right;
}
footer a,
footer a:visited,
footer a:hover {
	color: #929292;
	text-decoration: underline;
}
footer a.review {
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100%;
	display: inline-block;
	height: 3rem;
	text-decoration: none;
}
footer a.review.tripadvisor {
	background-image: url(/fileadmin/ferienverein/templates/images/mobile/icon-tripadvisor.png);
	margin-right: 1rem;
	width: 5.6664rem;
}
footer a.review.holidaycheck {
	background-image: url(/fileadmin/ferienverein/templates/images/mobile/icon-holiday-check.png);
	width: 13.1664rem;
}

/* ==========================================================================
   Menues
   ========================================================================== */
nav ul,
nav li {
	margin: 0;
	padding: 0;
}
nav.direct {
	background: rgb(242,242,242);
	background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(235,235,235,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(235,235,235,1)));
	background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(235,235,235,1) 100%);
	background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(235,235,235,1) 100%);
	background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(235,235,235,1) 100%);
	background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(235,235,235,1) 100%);
	display: block;
	height: 5rem;
	margin-bottom: 1rem;
	width: 100%;
}
nav.direct ul {
	padding: 1.5rem;
}
nav.direct a,
nav.direct a:hover,
nav.direct a:visited {
	color: #bf0729;
	text-decoration: none;
	text-transform: uppercase;
}
nav.direct li {
	display: inline-block;
	margin-right: 2.6rem;
}
nav.direct li:last-child {
	margin-right: 0;
	text-align: right;
}
nav.main {
	background: url(/fileadmin/ferienverein/templates/images/mobile/push-nav-background.jpg) no-repeat top left;
	background-size: 100%;
	display: none;
	height: 100%;
	position: absolute;
	overflow: auto;
	width: 70%;
}
nav.main .overlay {
	background-color: rgba(0, 0, 0, 0.4);
	height: auto;
	position: absolute;
	bottom: 0;
	top: 7rem;
	width: 100%;
}
nav.main.active {
	display: block;
}
nav.main .logo {
	display: block;
	height: 5.5rem;
	margin: 1.5rem 0 0 1.5rem;
}
nav.main .logo span {
	background: url(/fileadmin/ferienverein/templates/images/mobile/logo-ferienverein.png) no-repeat top left;
	background-size: 100%;
	display: block;
	height: 5rem;
	width: 5.81395rem;
}
nav.main li {
	border-bottom: 1px solid #fff;
	display: block;
	position: relative;
}
nav.main li.active {
	border-bottom: 0;
}
nav.main li a.active {
	background-color: rgba(255, 255, 255, 0.5);
}
nav.main li a,
nav.main li a:visited {
	color: #fff;
	display: block;
	line-height: 2.4rem;
	padding: 1.3rem 1.2rem;
	text-decoration: none;
	text-transform: uppercase;
}
nav.main li span {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #fff;
	display: inline-block;
	height: 0; 
	right: 2rem;
	top: 2.2rem;
	position: absolute;
	width: 0; 
}
nav.main li li {
	display: block;
}
nav.main li li:first-child {
	border-top: 1px solid #fff;
}
nav.main ul ul {
	margin-bottom: 6rem;
}
nav.main,
#container {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
nav.meta {
	background-color: #bf0729;
}
nav.meta li {
	border-bottom: 1px solid #e8a6b2;
}
nav.meta li:last-child {
	border-bottom: none;
}
nav.meta li a,
nav.meta li a:visited {
	color: #e8a6b2;
	display: block;
	padding: 1.5rem;
	text-decoration: none;
	text-transform: uppercase;
}
nav.meta li a img {
	display: inline-block;
	height: 2.5rem;
	width: auto;
}
#socialNav {
	background-color: #bf0729;
}
#socialNav .connectlable{
	display: none;
}
#socialNav ul{
	padding: 13px 0 10px 1.5rem;
	border-top: 1px solid #e8a6b2;
}

#socialNav li a {
	background-repeat: no-repeat;
	background-position: top left;
	display: inline-block;
	margin: 0 7px 0 0;
	height: 27px;
	width: 27px;
}
#socialNav ul li {
	padding: 0;
	display: inline-block;
}

#socialNav a.socialFlickr {
	background-image: url(/fileadmin/ferienverein/templates/images/layout/btn-flickr.png);
}
#socialNav a.socialFlickr:hover,
#socialNav a.socialFlickr.active {
	background-image: url(/fileadmin/ferienverein/templates/images/layout/btn-flickr-hover.png);
}
#socialNav a.socialFacebook {
	background-image: url(/fileadmin/ferienverein/templates/images/layout/btn-facebook.png);
}
#socialNav a.socialFacebook:hover,
#socialNav a.socialFacebook.active {
	background-image: url(/fileadmin/ferienverein/templates/images/layout/btn-facebook-hover.png);
}   
#socialNav a.socialVimeo {
	background-image: url(/fileadmin/ferienverein/templates/images/layout/btn-vimeo.png);
}
#socialNav a.socialVimeo:hover,
#socialNav a.socialVimeo.active {
	background-image: url(/fileadmin/ferienverein/templates/images/layout/btn-vimeo-hover.png);
}
#socialNav a.socialGoogle {
	background-image: url(/fileadmin/ferienverein/templates/images/layout/btn-google.png);
}
#socialNav a.socialGoogle:hover,
#socialNav a.socialGoogle.active {
	background-image: url(/fileadmin/ferienverein/templates/images/layout/btn-google-hover.png);
}

#socialNav a.socialInstagram {
	background-image: url(/fileadmin/ferienverein/templates/images/layout/btn-instagram.png);
}
#socialNav a.socialInstagram:hover,
#socialNav a.socialInstagram.active {
	background-image: url(/fileadmin/ferienverein/templates/images/layout/btn-instagram-hover.png);
}

#socialNav a.socialYoutube {
	background-image: url(/fileadmin/ferienverein/templates/images/layout/btn-youtube.png);
}
#socialNav a.socialYoutube:hover,
#socialNav a.socialYoutube.active {
	background-image: url(/fileadmin/ferienverein/templates/images/layout/btn-youtube-hover.png);
}
#socialNav a.socialTwitter {
	background-image: url(/fileadmin/ferienverein/templates/images/layout/btn-twitter.png);
}
#socialNav a.socialTwitter:hover,
#socialNav a.socialTwitter.active {
	background-image: url(/fileadmin/ferienverein/templates/images/layout/btn-twitter-hover.png);
}




nav.language,
nav.language ul,
nav.language li {
	display: inline-block;
}
nav.language {
	margin-left: 0rem;
	margin-top: 1rem;
}
nav.language li {
	margin-right: 1rem;
}

nav.poscom {
	background-color: #e0e0e0;
}
nav.poscom li {
	border-bottom: 1px solid #929292;
}
nav.poscom li a,
nav.poscom li a:visited {
	color: #929292;
	display: block;
	padding: 1.5rem;
	text-decoration: none;
	text-transform: uppercase;
}

.switchversion{
	display: inline-block;
	margin-left: 10px;	
}

.agb{
	display: inline-block;
	margin-left: 10px;	
}
.avb{
	display: inline-block;
	margin-left: 10px;	
}
/* ==========================================================================
   Headings
   ========================================================================== */
h1 {
	color: #bf0729;
}
h1, h2 {
	margin: 0;
}
div > h2 {
	margin: 0 !important;
}
.news-teaser h2,
.hotel-teaser h2 {
	color: #bf0729;
	margin-bottom: 1rem;
	text-transform: uppercase;
}
.news-teaser h2 {
	width: 90%;
}
.teaser-box.room h1 {
	margin-bottom: 1rem;
}


/* ==========================================================================
   Hotels
   ========================================================================== */
.schweizerhof #logo-claim {
	background: url(/fileadmin/ferienverein/templates/images/mobile/logo/schweizerhof.svg) no-repeat top left;
	background-size: 100%;
	float: right;
	height: 5rem;
	width: 15rem;	
}
.schweizerhof nav.main .logo span {
	background: url(/fileadmin/ferienverein/templates/images/mobile/logo/schweizerhof-neg.svg) no-repeat top left;
	background-size: 100%;
	display: block;
	height: 5rem;
	width: 15rem;
}
.schweizerhof nav.main {
	background: url(/fileadmin/ferienverein/templates/images/mobile/backgrounds/bg_schweizerhof.jpg) no-repeat top left;
	background-size: 100%;
}
.schweizerhof #container {
	background: #2987c4;
	background: -moz-linear-gradient(top,  #2987c4 0%, #526c29 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2987c4), color-stop(50%,#526c29));
	background: -webkit-linear-gradient(top,  #2987c4 0%,#526c29 50%);
	background: -o-linear-gradient(top,  #2987c4 0%,#526c29 50%);
	background: -ms-linear-gradient(top,  #2987c4 0%,#526c29 50%);
	background: linear-gradient(to bottom,  #2987c4 0%,#526c29 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2987c4', endColorstr='#526c29',GradientType=0 );
}
.altein #logo-claim {
	background: url(/fileadmin/ferienverein/templates/images/mobile/logo/altein.svg) no-repeat top left;
	background-size: 100%;
	float: right;
	height: 5rem;
	width: 11.339rem;	
}
.altein nav.main .logo span {
	background: url(/fileadmin/ferienverein/templates/images/mobile/logo/altein-neg.svg) no-repeat top left;
	background-size: 100%;
	display: block;
	height: 5rem;
	width: 11.339rem;
}
.altein nav.main {
	background: url(/fileadmin/ferienverein/templates/images/mobile/backgrounds/bg_altein.jpg) no-repeat top left;
	background-size: 100%;
}
.altein #container {
	background: #74bced;
	background: -moz-linear-gradient(top,  #74bced 0%, #ffffff 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#74bced), color-stop(50%,#ffffff));
	background: -webkit-linear-gradient(top,  #74bced 0%,#ffffff 50%);
	background: -o-linear-gradient(top,  #74bced 0%,#ffffff 50%);
	background: -ms-linear-gradient(top,  #74bced 0%,#ffffff 50%);
	background: linear-gradient(to bottom,  #74bced 0%,#ffffff 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74bced', endColorstr='#ffffff',GradientType=0 );
}
.valaisia #logo-claim {
	background: url(/fileadmin/ferienverein/templates/images/mobile/logo/valaisia.svg) no-repeat top left;
	background-size: 100%;
	float: right;
	height: 5rem;
	width: 11.339rem;	
}
.valaisia nav.main .logo span {
	background: url(/fileadmin/ferienverein/templates/images/mobile/logo/valaisia-neg.svg) no-repeat top left;
	background-size: 100%;
	display: block;
	height: 5rem;
	width: 11.339rem;
}
.valaisia nav.main {
	background: url(/fileadmin/ferienverein/templates/images/mobile/backgrounds/bg_valaisia.jpg) no-repeat top left;
	background-size: 100%;
}
.valaisia #container {
	background: #e9b019;
	background: -moz-linear-gradient(top,  #e9b019 0%, #4e9ca8 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9b019), color-stop(50%,#4e9ca8));
	background: -webkit-linear-gradient(top,  #e9b019 0%,#4e9ca8 50%);
	background: -o-linear-gradient(top,  #e9b019 0%,#4e9ca8 50%);
	background: -ms-linear-gradient(top,  #e9b019 0%,#4e9ca8 50%);
	background: linear-gradient(to bottom,  #e9b019 0%,#4e9ca8 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9b019', endColorstr='#4e9ca8',GradientType=0 );
}
.victoria #logo-claim {
	background: url(/fileadmin/ferienverein/templates/images/mobile/logo/victoria.svg) no-repeat top left;
	background-size: 100%;
	float: right;
	height: 5rem;
	width: 20rem;	
}
.victoria nav.main .logo span {
	background: url(/fileadmin/ferienverein/templates/images/mobile/logo/victoria-neg.svg) no-repeat top left;
	background-size: 100%;
	display: block;
	height: 5rem;
	width: 20rem;
}
.victoria nav.main {
	background: url(/fileadmin/ferienverein/templates/images/mobile/backgrounds/bg_victoria.jpg) no-repeat top left;
	background-size: 100%;
}
.victoria #container {
	background: #90c1ff;
	background: -moz-linear-gradient(top,  #90c1ff 0%, #44641c 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90c1ff), color-stop(50%,#44641c));
	background: -webkit-linear-gradient(top,  #90c1ff 0%,#44641c 50%);
	background: -o-linear-gradient(top,  #90c1ff 0%,#44641c 50%);
	background: -ms-linear-gradient(top,  #90c1ff 0%,#44641c 50%);
	background: linear-gradient(to bottom,  #90c1ff 0%,#44641c 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90c1ff', endColorstr='#44641c',GradientType=0 );
}
.tirreno #logo-claim {
	background: url(/fileadmin/ferienverein/templates/images/mobile/logo/tirreno.svg) no-repeat top left;
	background-size: 100%;
	float: right;
	height: 5rem;
	width: 11.339rem;	
}
.tirreno nav.main .logo span {
	background: url(/fileadmin/ferienverein/templates/images/mobile/logo/tirreno-neg.svg) no-repeat top left;
	background-size: 100%;
	display: block;
	height: 5rem;
	width: 11.339rem;
}
.tirreno nav.main {
	background: url(/fileadmin/ferienverein/templates/images/mobile/backgrounds/bg_tirreno.jpg) no-repeat top left;
	background-size: 100%;
}
.tirreno #container {
	background: #5b7cb6;
	background: -moz-linear-gradient(top,  #5b7cb6 0%, #48c1f7 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b7cb6), color-stop(50%,#48c1f7));
	background: -webkit-linear-gradient(top,  #5b7cb6 0%,#48c1f7 50%);
	background: -o-linear-gradient(top,  #5b7cb6 0%,#48c1f7 50%);
	background: -ms-linear-gradient(top,  #5b7cb6 0%,#48c1f7 50%);
	background: linear-gradient(to bottom,  #5b7cb6 0%,#48c1f7 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b7cb6', endColorstr='#48c1f7',GradientType=0 );
}
.giverola #logo-claim {
	background: url(/fileadmin/ferienverein/templates/images/mobile/logo/giverola.svg) no-repeat top left;
	background-size: 100%;
	float: right;
	height: 5rem;
	width: 13rem;	
}
.giverola nav.main .logo span {
	background: url(/fileadmin/ferienverein/templates/images/mobile/logo/giverola-neg.svg) no-repeat top left;
	background-size: 100%;
	display: block;
	height: 5rem;
	width: 13rem;
}
.giverola nav.main {
	background: url(/fileadmin/ferienverein/templates/images/mobile/backgrounds/bg_giverola.jpg) no-repeat top left;
	background-size: 100%;
}
.giverola #container {
	background: rgb(122,173,203);
	background: -moz-linear-gradient(top,  rgb(122,173,203) 0%, rgb(103,121,134) 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(122,173,203)), color-stop(50%,rgb(103,121,134)));
	background: -webkit-linear-gradient(top,  rgb(122,173,203) 0%,rgb(103,121,134) 50%);
	background: -o-linear-gradient(top,  rgb(122,173,203) 0%,rgb(103,121,134) 50%);
	background: -ms-linear-gradient(top,  rgb(122,173,203) 0%,rgb(103,121,134) 50%);
	background: linear-gradient(to bottom,  rgb(122,173,203) 0%,rgb(103,121,134) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7aadcb', endColorstr='#677986',GradientType=0 );
}
.pola #logo-claim {
	background: url(/fileadmin/ferienverein/templates/images/mobile/logo/pola.svg) no-repeat top left;
	background-size: 100%;
	float: right;
	height: 5rem;
	width: 11.339rem;	
}
.pola nav.main .logo span {
	background: url(/fileadmin/ferienverein/templates/images/mobile/logo/pola-neg.svg) no-repeat top left;
	background-size: 100%;
	display: block;
	height: 5rem;
	width: 11.339rem;
}
.pola nav.main {
	background: url(/fileadmin/ferienverein/templates/images/mobile/backgrounds/bg_pola.jpg) no-repeat top left;
	background-size: 100%;
}
.pola #container {
	background: rgb(0,59,99);
	background: -moz-linear-gradient(top,  rgb(0,59,99) 0%, rgb(0,59,99) 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,59,99)), color-stop(50%,rgb(0,59,99)));
	background: -webkit-linear-gradient(top,  rgb(0,59,99) 0%,rgb(0,59,99) 50%);
	background: -o-linear-gradient(top,  rgb(0,59,99) 0%,rgb(0,59,99) 50%);
	background: -ms-linear-gradient(top,  rgb(0,59,99) 0%,rgb(0,59,99) 50%);
	background: linear-gradient(to bottom,  rgb(0,59,99) 0%,rgb(0,59,99) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b63', endColorstr='#003b63',GradientType=0 );
}
.bikeholiday #logo-claim {
	background: url(/fileadmin/ferienverein/templates/images/mobile/logo/bikeholiday.svg) no-repeat top left;
	background-size: 100%;
	float: right;
	height: 5rem;
	width: 11.339rem;	
}
.bikeholiday nav.main .logo span {
	background: url(/fileadmin/ferienverein/templates/images/mobile/logo/bikeholiday-neg.svg) no-repeat top left;
	background-size: 100%;
	display: block;
	height: 5rem;
	width: 11.339rem;
}
.bikeholiday nav.main {
	background: url(/fileadmin/ferienverein/templates/images/mobile/backgrounds/bg_bikeholiday.jpg) no-repeat top left;
	background-size: 100%;
}
.bikeholiday #container {
	background: rgb(217,172,131);
	background: -moz-linear-gradient(top,  rgb(217,172,131) 0%, rgb(63,46,38) 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(217,172,131)), color-stop(50%,rgb(63,46,38)));
	background: -webkit-linear-gradient(top,  rgb(217,172,131) 0%,rgb(63,46,38) 50%);
	background: -o-linear-gradient(top,  rgb(217,172,131) 0%,rgb(63,46,38) 50%);
	background: -ms-linear-gradient(top,  rgb(217,172,131) 0%,rgb(63,46,38) 50%);
	background: linear-gradient(to bottom,  rgb(217,172,131) 0%,rgb(63,46,38) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ac83', endColorstr='#3f2e26',GradientType=0 );
}
.poscom nav.main {
	background: url(/fileadmin/ferienverein/templates/images/mobile/backgrounds/bg_poscom.jpg) no-repeat top left;
	background-size: 100%;
}
.poscom #container {
	background: rgb(88,88,43);
	background: -moz-linear-gradient(top,  rgb(88,88,43) 0%, rgb(109,88,70) 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(88,88,43)), color-stop(50%,rgb(109,88,70)));
	background: -webkit-linear-gradient(top,  rgb(88,88,43) 0%,rgb(109,88,70) 50%);
	background: -o-linear-gradient(top,  rgb(88,88,43) 0%,rgb(109,88,70) 50%);
	background: -ms-linear-gradient(top,  rgb(88,88,43) 0%,rgb(109,88,70) 50%);
	background: linear-gradient(to bottom,  rgb(88,88,43) 0%,rgb(109,88,70) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58582b', endColorstr='#6d5846',GradientType=0 );
}
.portal nav.main,
.portal nav.main.portal1 {
	background: url(/fileadmin/ferienverein/templates/images/mobile/backgrounds/bg_portal1.jpg) no-repeat top left;
	background-size: 100%;
}
.portal nav.main.portal2 {
	background: url(/fileadmin/ferienverein/templates/images/mobile/backgrounds/bg_portal2.jpg) no-repeat top left;
	background-size: 100%;
}
.portal nav.main.portal3 {
	background: url(/fileadmin/ferienverein/templates/images/mobile/backgrounds/bg_portal3.jpg) no-repeat top left;
	background-size: 100%;
}
.portal nav.main.portal4 {
	background: url(/fileadmin/ferienverein/templates/images/mobile/backgrounds/bg_portal4.jpg) no-repeat top left;
	background-size: 100%;
}
.portal nav.main.portal5 {
	background: url(/fileadmin/ferienverein/templates/images/mobile/backgrounds/bg_portal5.jpg) no-repeat top left;
	background-size: 100%;
}
.portal nav.main.portal6 {
	background: url(/fileadmin/ferienverein/templates/images/mobile/backgrounds/bg_portal6.jpg) no-repeat top left;
	background-size: 100%;
}
.portal nav.main.portal7 {
	background: url(/fileadmin/ferienverein/templates/images/mobile/backgrounds/bg_portal7.jpg) no-repeat top left;
	background-size: 100%;
}
.portal #container {
	background: rgb(33,79,80);
	background: -moz-linear-gradient(top,  rgb(33,79,80) 0%, rgb(114,215,217) 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(33,79,80)), color-stop(50%,rgb(114,215,217)));
	background: -webkit-linear-gradient(top,  rgb(33,79,80) 0%,rgb(114,215,217) 50%);
	background: -o-linear-gradient(top,  rgb(33,79,80) 0%,rgb(114,215,217) 50%);
	background: -ms-linear-gradient(top,  rgb(33,79,80) 0%,rgb(114,215,217) 50%);
	background: linear-gradient(to bottom,  rgb(33,79,80) 0%,rgb(114,215,217) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#214f50', endColorstr='#72d7d9',GradientType=0 );
}

/* ==========================================================================
   Wrappers, Grid
   ========================================================================== */
.wrapper-background,
.outer-wrap-grid {
	width: 100%;
	width: calc(100% - 3rem);
	padding: 1.5rem;
	background-color: rgba(255,255,255,0.80);
}
.wrapper-multicolumn {
	width: 100%;
	width: calc(100% - 3rem);
	padding: 1.5rem;
	background-color: rgba(255,255,255,0.80);
	margin-bottom: 1rem;
}
.outer-wrap-grid img {
	display: block;
	height: auto;
	width: 100%;
}   
.gridmob_single{
	margin-bottom: 1rem;
}
.gridmob_double .content-element{
	float: left;
	width: 48%;
}
.gridmob_float{
	float: left;
	width: 48%;
}
.content-element {
	margin-bottom: 1rem;
}
.content-element:last-child {
	margin-bottom: 0;
}
   
/* ==========================================================================
   Content elements
   ========================================================================== */
p {
	margin: 0 0 1.5rem 0;
}
.csc-textpic-imagewrap {
	width: 100% !important;
}

.attention {
	color: #df10f7;
	font-weight: bold;
}

.leadtext {
	font-weight: bold;
}
.btn {
	background-image: url('/fileadmin/ferienverein/templates/images/layout/btn.png');
	background-repeat: no-repeat; 
	display:inline-block;
}
.btn:hover{
	background-image: url('/fileadmin/ferienverein/templates/images/layout/btn-hover.png');
}

.btn a {
	color:#FFF !important;
	padding: 5px 16px 10px 40px;
	display: block;
}
.btn a:hover {
	color:#ccc !important;
}

.balloon {
	padding: 12px 12px 16px 12px;
	color: #FFF;
	float: right;
}
.balloon h2 {
	font-family: "Interstate-BoldCondensed";
	font-weight: normal ;
	text-transform: uppercase;
	font-size: 2.3rem !important;
	line-height: 2.6rem;
	margin-bottom: 0.5rem !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.balloon h2 a{
	text-decoration: none  !important;
}
.balloon h2 a:hover{
	color: #eaeaea !important;
}
.balloon a{
	color: #FFF !important;
	text-decoration: underline !important;
}
.balloon0{
	background-image: url('/fileadmin/ferienverein/templates/images/layout/balloon1.png');
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 15.6rem;
}
.balloon1{
	background-image: url('/fileadmin/ferienverein/templates/images/layout/balloon2.png');
	background-position: left bottom;
	background-repeat: no-repeat;
	width:26.5rem;
}
.balloonfloat1{
	float: left;
}
.balloonfloat0{
	float: right;
}

.balloon0 .ballooncontent{
	margin-bottom: 27px;
}

.balloon1 .ballooncontent{
	margin-bottom: 43px;
}

#content ul {
	list-style: none;
	margin-top: 0px;
	padding: 0;
}
#content ul li{
	padding: 0 0 0 12px;
	background: url('/fileadmin/ferienverein/templates/images/layout/bullet.png') no-repeat 0 7px;
}
p + ul {
	margin-top: -1.3rem;
}

#awards {
	margin-bottom: 1rem;
}
#awards .singleaward {
	display: inline-block;
	margin-bottom: 1rem;
	margin-right: 1rem;
}
#awards .singleaward img {
	display: block;
	height: 3rem;
	width: auto;
}


figure.virtual-tour {
	position: relative;
}

figure.virtual-tour figcaption {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}

figure.virtual-tour span.zoom {
	display: none;
	visibility: hidden;
}

figure.virtual-tour img {
	display: block;
	height: auto;
	width: auto;
}


.buttonportlet{
	padding: 10px 0 20px 0;
}

/* ==========================================================================
   Tables
   ========================================================================== */
#content table{
	width: 100%;
}
#content table td{
	vertical-align: top;
	min-height: 12px;
	padding: 0;
}
#content table td p {
	margin: 0;
	padding: 0;
}

#content table tr td:nth-child(1),
#content table tr td:nth-child(2) { 
   width:49%;
}
#content table tr td:nth-child(2) { 
	padding-left: 2%;
}

.pricelist tr td:nth-child(2) { 
   text-align: right;
}
.tabAuto tr td {
	padding-right: 3px;
	width: auto !important;
}
.tab6040 tr td:nth-child(1){
	width:59% !important;
}
.tab6040 tr td:nth-child(2){
	width:39% !important;
}
.tab9010 tr td:nth-child(1){
	width:85% !important;
}
.tab1090 tr td:nth-child(1){
	width:15% !important;
}
.tab7030 tr td:nth-child(1){
	width:69% !important;
}
.tab7030 tr td:nth-child(2){
	width:29% !important;
}
.tab4060 tr td:nth-child(1){
	width:39% !important;
}
.tab4060 tr td:nth-child(2){
	width:59% !important;
}
.tab3070 tr td:nth-child(1){
	width:29% !important;
}
.tab3070 tr td:nth-child(2){
	width:69% !important;
}
.tab9010 tr td:nth-child(2){
	width:15% !important;
}
.tab1090 tr td:nth-child(2){
	width:85% !important;
	padding-left: 0 !important;
}

table.pricelist {
  width: 100%;
}
table.pricelist tr td:nth-child(2) { 
   text-align: right;
}

.sportpakete tr:nth-child(even) {
 	background-color: rgba(255,255,255,0.83);
}
.sportpakete td{
	padding:  2px 2px 2px 5px !important;
}
.sportpakete td.title{
	color: #FFF;
	background-color: #bf0729;
	font-weight: bold;
}
.sportpakete tr.caption td:nth-child(1){
	font-weight: bold;
}
.sportpakete tr.caption td:nth-child(2),
.sportpakete tr.caption td:nth-child(3){
	color: #bf0729 !important;
	font-weight: bold;
}

.sportpakete  td:nth-child(1){
	width: 80% !important;
}
.sportpakete  td:nth-child(2),
.sportpakete  td:nth-child(3){
	border-left: 1px solid #bf0729;
	width: 60px !important;
}
.sportpakete td.ok{
	background-image: url('/fileadmin/ferienverein/templates/images/layout/sign-ok.png');
	background-position: center center;
	background-size: 12px 12px;
	background-repeat: no-repeat;
}

.zuschlaege td,
.zuschlaegedatum td{
	padding:  2px 2px 2px 5px !important;
}
.zuschlaege tr:nth-child(even) {
 /*  background-color: rgba(255,255,255,0.83); */
}
.zuschlaege  td:nth-child(1){
	width: 16% !important;
}
.zuschlaege  td:nth-child(2){
	width: 24% !important;
}
.zuschlaege td.high,
.zuschlaegedatum td.high {
	background-color: rgba(232,169,180,0.72);
}
.zuschlaege td.low,
.zuschlaegedatum td.low{
	background-color: rgba(255,255,255,0.73);
}
.zuschlaegedatum  td:nth-child(1){
	width: 40% !important;
}
.zuschlaegedatum  td:nth-child(2){
	width: auto !important;
}
.zuschlaegedatum .high,
.zuschlaegedatum .low{
	border: 1px solid #000;
}
.zuschlaegedatum td:nth-child(2),
.zuschlaegedatum td:nth-child(3),
.zuschlaegedatum td:nth-child(4),
.zuschlaegedatum td:nth-child(5),
.zuschlaegedatum td:nth-child(6),
.zuschlaegedatum td:nth-child(7),
.zuschlaegedatum td:nth-child(8),
.zuschlaegedatum td:nth-child(9),
.zuschlaegedatum td:nth-child(10),
.zuschlaegedatum td:nth-child(11),
.zuschlaegedatum td:nth-child(12),
.zuschlaegedatum td:nth-child(13),
.zuschlaegedatum td:nth-child(14) {
	width: 4.61% !important;
}
.zuschlaege  td:nth-child(2),
.zuschlaege  td:nth-child(3),
.zuschlaege  td:nth-child(4),
.zuschlaege  td:nth-child(5),
.zuschlaege  td:nth-child(6),
.zuschlaege  td:nth-child(7),
.zuschlaege  td:nth-child(8) {
	border-bottom: 1px solid #000;
}
.zuschlaege  td:nth-child(2),
.zuschlaege  td:nth-child(3),
.zuschlaege  td:nth-child(4),
.zuschlaege  td:nth-child(5),
.zuschlaege  td:nth-child(6),
.zuschlaege  td:nth-child(7),
.zuschlaege  td:nth-child(8) {
	border-right: 1px solid #000;
}
.zuschlaege  td:nth-child(3),
.zuschlaege  td:nth-child(4),
.zuschlaege  td:nth-child(5),
.zuschlaege  td:nth-child(6),
.zuschlaege  td:nth-child(7),
.zuschlaege  td:nth-child(8) {
	text-align: right;
	padding: 2px 5px 2px 2px !important;
	width: 10%;
}
.zuschlaege .low,
.zuschlaege .high {
	border-top: 1px solid #000 !important;
}



/* ==========================================================================
   Teasers
   ========================================================================== */
figure.news-teaser {
	background-color: rgba(255,255,255,0.8);
	background-image: url(/fileadmin/ferienverein/templates/images/layout/btn-teaser-more.svg);
	background-position: 95% center;
	background-repeat: no-repeat;
	background-size: 6%;
	color: #000;
	margin-bottom: 1rem;
	padding: 1.5rem;
	position: relative;
	width: calc(100% - 3rem);
}
figure.news-teaser a {
	color: #000 !important;
	text-decoration: none;
}
figure.news-teaser a:hover {
	color: #000 !important;
}
figure.news-teaser img,
figure.news-teaser figcaption {
	display: block;
	float: left;
}
figure.news-teaser img {
	height: auto;
	width: 25%;
}
figure.news-teaser figcaption {
	margin-left: 1.5rem;
	width: calc(65% - 1.5rem);
}
figure.news-teaser figcaption.no-media {
	margin-left: 0rem;
	width: 100%;
}

figure.teaser {
	position: relative;
	margin-bottom: 1rem;
	width: 100%;
}
figure.teaser img {
	border: 0.6rem solid rgba(255,255,255,0.8);
	width: calc(100% - 1.2rem);
	height: auto;
}
figure.teaser .more {
	position: absolute;
	border: 0 !important;
	bottom: 15px;
	width: auto !important;
}
figure.teaser figcaption{
	background-color: rgba(255,255,255,0.8);
	margin-top: 2px;
	padding: 4px 10px;
}
figure.teaser .more{
	left: 86%;
}

figure.hotel-teaser {
	background-color: rgba(255,255,255,0.8);
	background-image: url(/fileadmin/ferienverein/templates/images/layout/btn-teaser-more.svg);
	background-position: 95% center;
	background-repeat: no-repeat;
	background-size: 6%;
	color: #000;
	margin-bottom: 0rem;
	padding: 1.5rem;
	position: relative;
	width: calc(100% - 3rem);
}
figure.hotel-teaser a {
	color: #000 !important;
	text-decoration: none;
}
figure.hotel-teaser a:hover {
	color: #000 !important;
}
figure.hotel-teaser img,
figure.hotel-teaser figcaption {
	display: block;
	float: left;
}
figure.hotel-teaser img {
	height: auto;
	width: 25%;
}
figure.hotel-teaser figcaption {
	margin-left: 1.5rem;
	width: calc(65% - 1.5rem);
} 
 

.kataloge {
	display: inline-block;
	margin-bottom: 1.5rem;
	margin-right: 3rem;
	vertical-align: top;
	width: 43%;
}
.kataloge:nth-child(2n+2) {
	margin-right: 0;
}
.kataloge figure {
	display: block;
}

.kataloge figure img {
	display: block;
	margin-bottom: 1rem;
}

.hideonmobile{
	display: none;
}


/* ==========================================================================
   Extension: Davinci Teaser
   ========================================================================== */
.davinciteaser{
	 padding:10px 0 50px 0;
} 
.davinciteaser .davinciteaserText{
	width: 100%;
	margin-bottom:15px
}
.davinciteaser .davinciteaserImage{
	width:100%;
	margin-bottom:15px;
}
.davinciteaser .davinciteaserButtons{
	width: 270px;
}



/* ==========================================================================
   Extension: Gallery
   ========================================================================== */
.tx-fvgallery img,.dce-gallery img {
	display: block;
	height: auto;
	margin-bottom: 1.5rem;
	width: 100%;
}

/* ==========================================================================
   Extension: Formhandler
   ========================================================================== */
.Tx-Formhandler h1 {
	margin-bottom: 1rem !important;
}
.Tx-Formhandler label.inline {
	padding: 0 !important;
	margin: 0 !important;
}

/* ==========================================================================
   Extension: Typo3 Blog
   ========================================================================== */
.tx-typo3blog-pi1 article > div:nth-child(1),
.tx-typo3blog-pi1 article > div:nth-child(2) {
	display: inline-block;
	margin-bottom: 0.5rem;
}
.tx-typo3blog-pi1 article > div:nth-child(1):after {
	content: ' | ';
}

.tx-typo3blog-pi1 article .csc-textpic,
.tx-typo3blog-pi1 article h1 {
	margin-top: 1rem;
}
.tx-pagebrowse,
.tx-pagebrowse li,
.tx-pagebrowse ol {
	background: none !important;
	list-style: none !important;
	margin: 0;
	padding: 0 0 0 0.5rem !important;
	text-align: left !important;
}
.tx-pagebrowse {
	width: 100%;
}
.tx-pagebrowse li.tx-pagebrowse-pages {
	width: auto !important;
}
/* ==========================================================================
   Plugin: Cycle
   ========================================================================== */
.cycle-prev,
.cycle-next {
	position: absolute;
	top:0;
	z-index: 1000;
	height: 100%;
	background-repeat: no-repeat;
	width: 20px;
	cursor: pointer; cursor: hand;
}
.cycle-next {
	right:0;
	background-image: url('/fileadmin/ferienverein/templates/images/layout/btn-control-mobile-right.png');
	background-position:left center;
}
.cycle-prev {
	background-image: url('/fileadmin/ferienverein/templates/images/layout/btn-control-mobile-left.png');
	background-position:right center;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none !important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}
.clear{clear:both;}






/* ==========================================================================
   Home: Teaser
   ========================================================================== */

.homepage-table{
	padding: 1.5rem;
}

.home-overlay .home-teaser h1{
	padding-top:0 !important;
	margin-top:0 !important;
}
.homepage-table a{
	text-decoration: none;
}


.home-teaserbottom{
	
	margin-top: 3.5rem;
}

.home-teaser h1{
	color: #FFF;
	font-weight: normal;
}

.teasertop-prev,.teaserbottom-prev,.teasertop-next,.teaserbottom-next{
	display: none;
}

.home-teaserbottom{
	width: 100%;
	background-color: #FFF;
	background-color: rgba(255,255,255,0.72);
}
.home-teaserbottom .home-teaserbottom--title{
	background-color: #bf0729;
	color: #FFF;
	text-transform: uppercase;
	display: block;
	font-family: "Interstate-BoldCondensed";
	padding: 2px 0 2px 20px;
	font-size: 15px;
	margin-bottom: 2px;
}
.home-teaserbottom h5{
	margin: 0;
	padding: 0 0 10px 0;
	text-transform: uppercase;
	color: #bf0729;
	font-family: "Interstate-BoldCondensed";
	font-weight: normal;
	font-size: 15px;
}
.home-teaserbottom p{
	font-family: "Interstate-BoldCondensed";
	font-size: 15px;
	text-transform: uppercase;
	color: #222222;
}
.home-teaserbottom .news-list-item{
	
	padding: 13px 20px 20px 20px;
	width: 240px;
}

.home-teaser .news-list-item:hover h1{
	opacity: 0.6;
}
.home-teaserbottom .news-list-item:hover{
	background: #FFF;
}
.home-wrap .home-portlet{
	margin-top: 320px;
}