@charset "UTF-8";
/* CSS Document */
@import url("https://required.echtguit.com/impressum/impressum.css");
@import url("https://required.echtguit.com/privacy/privacy.css");
@import url("https://required.echtguit.com/lytebox/lytebox.css");



.tabs-nav li.active a {
    font-size: 14pt;
	font-weight: 600;
}

#carousel .flex-direction-nav {
	display:none;
}
#carousel {
	margin-top:4px;
	margin-bottom:40px;
}
#carousel li {
	margin-right:4px;
}
#carousel li {
	opacity: .5;
	cursor: pointer;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
#carousel li:hover {
	opacity: .5;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: none;
}
#carousel li.flex-active-slide {
	opacity: 1;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: none;
}







.field input {
	width: 94%;
	margin-bottom: 15px;
}
.map-unterpapping {
	    overflow: hidden;
}
#page-title {
	border-bottom: none;
}
#tagline {
	color: #888;
	font-weight: bold;
	font-size: 1.3em;
	border-left: none;
	float: left;
	margin:0px 0 35px 0;
    padding : 20px 0 0 0;
}

.bg-willkommen+ {
	background: url(../images/bg-willkommen.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	}
	.bg-hof {
	background: url(../images/bg-hof.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	}
	.bg-ferienwohnungen {
	background: url(../images/bg-ferienwohnungen.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	}
	.bg-freizeit {
	background: url(../images/bg-freizeit.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	}
	.bg-kontakt {
	background: url(../images/bg-kontakt.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	}
	.bg-bilder {
	background: url(../images/bg-bilder.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	}
	.bg-preise {
	background: url(../images/bg-preise.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	}
	.notification.warning {
	background-color: #FBFADD;
	color: #8f872e;
	border: 1px solid #ded58a;
}
.notification.warning h3 {
	color: #8f872e;
}
.privacy a {
	color: #666;
}

.privacy a:hover {
	text-decoration:underline;
}
.button {
	margin-top: 10px;
	margin-bottom: 25px;
}


/* WETTER
-------------------------------------------------- */


.grade {
	position: absolute;
	margin-top: -10px;
	}
	.wettertextrot {
	color: #C6615B;
	}
.wettertextblau {
	color: #0557A8;
	}
.include_privacy,
.include_impressum	{
	line-height: 1.75em;
	}
	
.include_impressum_textbold,
.include_privacy_textbold {
	text-transform:uppercase;
	font-weight:bold;
	}
	
	
a.include_impressum
{
	color:#574b3e;
	}
	 .include_impressum a:hover
{
	color:#574b3e;
	text-decoration:none;
	}
.wetter li{display:inline-block; margin: 0 10px 10px 0;}


	
	/* Table
====================================*/

#preise table thead tr th {
	background-color: #c62020;
	color: #fff;
	padding: 10px 15px;
	border: #e0e0e0 1px solid;
	border-top: none;
	border-right: none;
	line-height: 1em;
}
#preise table {
	width: 100%;
	}
#preise table td {
	padding: 5px;
	border: #e0e0e0 1px solid;
	border-top: none;
	border-right: none;
	line-height: 1em;
}

#preise table tr:nth-child(even) {
   background-color:#f5f5f5; /*ececec*/
}
#preise table tr:nth-child(odd) {
   background-color: #fff;
}

#sommerpreise table thead tr th {
	background-color: #c62020;
	color: #fff;
	padding: 5px;
	border: #e0e0e0 1px solid;
	border-top: none;
	border-right: none;
	line-height: 1em;
}
#sommerpreise table {
	width: 100%;
	}
#sommerpreise table td {
	padding: 5px;
	border: #e0e0e0 1px solid;
	border-top: none;
	border-right: none;
	line-height: 1em;
}

#sommerpreise table tr:nth-child(even) {
   background-color:#f5f5f5; /*ececec*/
}
#sommerpreise table tr:nth-child(odd) {
   background-color: #fff;
}


table.standard-table th {
	background-color: #c62020;
	color: #fff;
}
table.standard-table td {
	padding: 5px;
	border: #e0e0e0 1px solid;
	border-top: none;
	border-right: none;
	line-height: 1em;
}

table.standard-table tr:nth-child(even) {
   background-color:#f5f5f5; /*ececec*/
}
table.standard-table tr:nth-child(odd) {
   background-color: #fff;
}

/* LOGOS
====================================*/
.logos li {
	float: left;
	margin: 0px 10px;
}

/* SPRACHEN
====================================*/
.sprachen li {
	display: inline;
	float: right;
	margin-left: 10px;
	font-family: "FontAwesome";
	font-size: 14px;
	text-align:center;
	color: #e30613;
	
}

.sprachen li a {
	width: 20px;
	height: 20px;
	display: inline-block;
	background-color: #f2f2f2;
	padding: 5px;
}



.sprachen:hover { background-color: #F9DD2E; }

@media only screen and (min-width: 960px) and (max-width: 1389px)  { 
.layerslider-container { width: 940px;}
#navigation ul li a { 
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	padding: 17px 17px;
}
#layerslider .slide-caption { top: 154px !important }

#tagline {
    color: #888;
    border-left: none;
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 20px;
    float: left;
}

}

@media only screen and (min-width: 768px) and (max-width: 990px)  { 
#navigation ul li a { 
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
	padding: 17px 6px;
}
#layerslider .slide-caption { top: 154px !important }
#tagline {
	color: #888;
	border-left: none;
	font-size: 1.2em;
	float: left;
}
#logo a img {
    width: 70% !important;
}
h1 {
    font-size: 24px;
    line-height: 24px;
}

}

@media only screen and (min-width: 1200px){
	.flexslider.home {
		min-height: 400px !important;
	}
}
@media only screen and (max-width: 767px) {
	
		#carousel {
	display:none !important;
}
.flexslider {
    padding: 0 0 40px 0;
}

#slider .flex-direction-nav {
	display:none;
}

	#logo a img {
    width: 80% !important;
}
h1 {
    font-size: 22px;
    line-height: 26px;
}
h3 {
    font-size: 16px;
    line-height: 20px;
}
.tabs-nav li.active a {
    font-size: 12pt;
    font-weight: 600;
}
	.flex-direction-nav a {
	width: 25px;
	height: 25px;
	display: block;
	background-color: #000;
	bottom: 15px;
	right: 15px;
	float: none;
	position: absolute;
	z-index: 10000;
	cursor: pointer;
	background-color: #222;
	background: rgba(0, 0, 0, 0.65);
	*bottom: 50px;
	font-size: 18px;
	font-family: "FontAwesome";
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.flex-direction-nav .flex-next:before {
	top: 2px;
	left: 10px;
}

.flex-direction-nav .flex-prev:before {
	top: 2px;
	left: 10px;
}

.flex-direction-nav .flex-prev {
	margin-right: 26px;
}
#tagline {
	font-size: 12pt;
	color: #888;
	border-left: none;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 15px;
	float: left;
}
#contact-details {
		float: right;
	}
	
	#preise table th,
	#preise table,
	#sommerpreise table,
	#winterpreise table {
		width: 100%!important;
	line-height: 14px;
	font-size: 11px;
}
table.standard-table th
{
	padding: 5px;
}
.tab-content {
    padding: 5px;
}
ul, ol {
    margin-top: 10px;
}
h3 {
	 margin-top: 20px;
}
	
	
	
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	#carousel {
	display:none !important;
}
	 



	 }