/*! normalize.css v2.1.3 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block;}
audio,canvas,video{display: inline-block;}
audio:not([controls]){display: none;height: 0;}
[hidden],template { display: none; }
html{font-family: sans-serif;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body{margin: 0;}
a{background: transparent;}
a:focus{outline: thin dotted;}
a:active,a:hover{outline: 0;}
h1{font-size: 2em; margin: 0.67em 0;}
abbr[title]{border-bottom: 1px dotted;}
b,strong{font-weight: bold;}
dfn{font-style: italic;}
hr{-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
mark{background:#ff0;color:#000;}
code,kbd,pre,samp{font-family: monospace, serif;font-size: 1em;}
pre{white-space: pre-wrap;}
q{quotes: "\201C" "\201D" "\2018" "\2019";}
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;}
img{border: 0;}
svg:not(:root){overflow: hidden;}
figure{margin: 0;}
fieldset{border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend{border: 0;padding: 0;}
button,input,select,textarea{font-family: inherit;font-size: 100%;margin: 0;}
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;}
button[disabled],html input[disabled]{cursor: default;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
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;}

/*! HTML5 Boilerplate v4.3.0 */

html,button,input,select,textarea{color:#222;}
html{font-size:1em;line-height:1.4;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
audio,canvas,img,svg,video{vertical-align:middle;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}
.browsehappy{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0;}
.hidden{display:none!important;visibility:hidden;}
.visuallyhidden{border:0;clip:rect(0000);height:1px;overflow:hidden;position:absolute;width:1px;margin:-1px;padding:0;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;overflow:visible;position:static;width:auto;margin:0;}
.invisible{visibility:hidden;}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
::-moz-selection,::selection{background:#b3d4fc;text-shadow:none;}
@media print {
	*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;}
	a,a:visited{text-decoration:underline;}
	a[href^=javascript:]:after,a[href^=#]:after{content:"";}
	pre,blockquote{border:1px solid #999;page-break-inside:avoid;}
	thead{display:table-header-group;}
	tr,img{page-break-inside:avoid;}
	img{max-width:100%!important;}
	@page{margin:.5cm;}
	p,h2,h3{orphans:3;widows:3;}
	h2,h3{page-break-after:avoid;}
}body {
	background:#fff;
	position:relative;
	font-size:16px;
	font-family: 'Source Sans Pro', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

a { color:#5F696E; }
a:hover { color:#E64353; }

.wrapper {
	margin:0px;
	padding:0px;
	max-width:1800px;
	min-width:600px;
	position:relative;
}

#header {
	background:#C5AF9B;
	padding-top:100px;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
}

#navmobil { display:none; padding:0 60px 0 30px; }

#navigation {
	/*font-variant:small-caps;
	font-variant:none;*/
	text-transform:uppercase;
	padding:30px 0 30px 70px;
	height:35px;
}

#navigation ul, #navigation li {
	list-style:none;
	text-decoration:none;
	padding:0;
	margin:0;
	position:relative;
}

#navigation > .ul > ul > li {
	float:left;
	position:relative;
	height:32px;
}

#navigation > .ul > ul > li > a, a.ctabutton {
	display:block;
	font-size:14px;
	text-align:center;
	width:200px;
	padding:6px 7px 4px;
	height:20px;
	margin-right:2px;
	background:#5F696E;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
}

a.ctabutton {
	text-transform:uppercase;
	font-family: sans-serif;
	margin: 10px 0;
	width:auto;
	display:inline-block;
	padding:6px 15px 4px 15px;
}


#navigation > .ul > ul > li > a:hover, #navigation > .ul > ul > li.nav_aktiv > a, a.ctabutton:hover {
	background:#E64353;
}


#header a#logo:hover {
	background:#ffffff;
}

#navigation ul .ul {
	display:none;
	position:absolute;
	left:0px;
	top:32px;
	right:2px;
	background:#E64353;
	color:#fff;
	padding:30px 0 30px 15px;
	text-align:left;
	z-index:400;
}


#navigation ul li:hover .ul {
	display:block;
}

#navigation ul li ul li a {
	text-align:left;
	text-decoration:none;
	color:#fff;
	font-size:13px;
}

#navigation ul li ul li a:hover, #navigation ul li ul li.nav_aktiv a {
	text-decoration:underline;
}

#header #iconbox {
	position:absolute;
	right:0px;
	bottom:20px;
}

#header #iconbox a.icon, .icon.ibadress, #iconbox #searchbox, .icon.ibpreis, .icon.ibaktion {
	display:block;
	background:transparent url(//tramino.s3.amazonaws.com/s/landhaus-bauer/582654/icons.png) no-repeat 0px 0px;
	width:50px;
	height:50px;
	margin-bottom:5px;
	position:relative;
}

#iconbox #searchbox { background-position: 0px 0px; }
#iconbox #searchbox:hover { background-position: -60px 0px; }

#header #iconbox a.icon.ibmail { background-position: 0px -60px; }
#header #iconbox a.icon.ibmail:hover { background-position: -60px -60px; }

#header #iconbox a.icon.ibtel { background-position: 0px -120px; }
#header #iconbox a.icon.ibtel:hover { background-position: -60px -120px; }

#header #iconbox a.icon.ibfaq { background-position: 0px -180px; }
#header #iconbox a.icon.ibfaq:hover { background-position: -60px -180px; }

.icon.ibadress { background-position: 0px -240px; }
.icon.ibaktion { background-position: 0px -300px; }
.icon.ibpreis { background-position: 0px -360px; }

.icon.ibaktion, .icon.ibpreis { position:relative; margin-right:70px;}
.icon.ibaktion span, .icon.ibpreis span { position:absolute; left:41px;top:9px;font-size:14px;text-decoration:none; padding:6px 7px 4px 10px; }

.icon.ibaktion:hover span, .icon.ibpreis:hover span { background: #E64353; }

#iconbox #searchbox input { width:30px;height:30px; padding:10px;  border:0px; background:transparent;position:absolute;top:0px;right:0px; }
#iconbox #searchbox input:focus, #iconbox #searchbox input.aktiv { width:150px;margin-right:60px; background:#fff;}


#header #iconbox a.icon span.info { display:none; }

#header #iconbox a.icon:hover span.info {
	display:block;
	position:absolute;
	right:50px;
	top:5px;
	padding:7px 7px;
	margin-right:2px;
	background:#5F696E;
	color:#FFFFFF;
	white-space: nowrap;
}


#navmobil .dropdown-menu {
	background: #eee url(//tramino.s3.amazonaws.com/s/netzvitamine/557551/menu.png) no-repeat center right;
	width: 100%;
	height: 40px;
	overflow: hidden;
	border: 1px solid #aaa;
	-webkit-appearance: none;
	padding: 8px;
	font-size: 16px;
	border-radius: 5px;
}


#content {
	padding-bottom:100px;
	min-height:500px;
}

#content .TraminoTextile p, #content .TraminoTextile ul {
	margin:0;
	padding:0 0 20px 0;
}

#content .TraminoTextile ul {
	margin-left:20px;
}

#content #TraminoArtikel, .TraminoArtikelbox {
	padding:60px;
}

.TraminoVorlage.T28, .TraminoVorlage.T98, .TraminoVorlage.T350, .TraminoVorlage.T711, .TraminoVorlage.T1979 {
	padding:0 60px;
}

#content #TraminoArtikel.mitbilder, .TraminoArtikelbox.mitbilder {
	margin-left:530px;
}

#content #TraminoArtikel, .TraminoArtikelbox, .fancycontent {
	font-family:serif;
}


#content #TraminoArtikel h1, #content #TraminoArtikel h2, .TraminoArtikelbox h1, .TraminoArtikelbox h2, #TraminoInhalt h2, #content #TraminoForm .group.zusatz .divider {
	font-family: 'Source Sans Pro', sans-serif;
	color:#E64353;
	font-weight:bold;
	font-style:italic;
	font-size:24px;
	margin:0px;
	padding:0px;
}

#TraminoInhalt .TraminoVorlage {
	margin: 0px;
}

#TraminoInhalt .T89 h2 {
	padding-left:60px;
}

#content #TraminoArtikel h1, .TraminoArtikelbox h1 { font-size: 42px; }

#content #TraminoForm .group.zusatz {
	background: #C5AF9B;
	padding: 10px;
	width: 280px;
	color:#fff;
}

#content #TraminoInhalt {
	padding:0px;
}

#content #TraminoForm .group.zusatz #element_anreise, #content #TraminoForm .group.zusatz #element_abreise, #content #TraminoForm .group.zusatz #element_kind1, #content #TraminoForm .group.zusatz #element_kind2 {
	width:125px;
	float:left;
}

#content #TraminoForm .group.zusatz h4 { font-weight:normal; }

#content #TraminoForm input[type=submit] {
	font-size: 17px;
	min-width: 120px;
	background: #E64353;
	border: 0px solid;
	padding: 5px;
	width: 365px;
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
}

#content #TraminoForm input[type=submit]:hover {
	background:#5F696E;
}

#footer {
	background:#5F696E;
	color:#fff;
	font-size:12px;
	position:fixed;
	bottom:0px;
	width:100%;
	height:100px;
	z-index:500;
}

#footer .left {
	padding:10px 0 10px 60px;
}

#footer .right {
	padding:10px 60px 10px 0px;
}


#footer .right.ohne {
	padding:10px 10px 10px 0px;
}

#footer a {
	color:#fff;
}

#footer .right a.webcambild {
	background-size: cover;
	background-repeat:no-repeat;
	background-position:center center;
	height:80px;
	width:80px;
	border:1px solid #fff;
	border-radius:40px;
	display:block;
}

.inlineeditors  { z-index:150 !important; }


#content .TraminoForm .label h4 {
	font-family: serif;
	font-weight:normal;
}

table, .TraminoTextile table {
	border: 2px solid #aaa;
	font-family: 'Source Sans Pro', sans-serif;
	margin:20px 0;
}

table td, table th, .TraminoTextile table th, .TraminoTextile table td {
	border: 1px solid #aaa;
	padding: 5px;
}

.TraminoTextile table th {
	color:#999;
}@media only screen and ( max-width: 1150px ) and ( min-width: 900px ){
	#body #header #logo img {
		width:400px;
	}
	#body .bilderstack {
		width:400px;
		height:400px;
	}
	#body #navigation > .ul > ul > li > a { width:150px; }
	#body #content #TraminoArtikel.mitbilder, #body .TraminoArtikelbox.mitbilder { margin-left:430px; }

}

@media only screen and ( max-width: 900px ) and ( min-width: 700px ){
	#body #header #logo img {
		width:300px;
	}
	#body .bilderstack {
		width:300px;
		height:300px;
	}
	#body #navigation > .ul > ul > li { height:34px;}
	#body #navigation > .ul > ul > li > a { width:120px; padding: 7px 0; height:32px;}
	#navigation ul .ul { top:48px;}

	#body #content #TraminoArtikel.mitbilder, #body .TraminoArtikelbox.mitbilder { margin-left:330px; }
	#body .nobig { display:none; }
}


@media only screen and ( max-width: 700px ){
	#body .nobig { display:none !important; }
	#navmobil { display:block; }
	#navigation { display:none; }
	.wrapper { min-width:100px; }

	#body #header {
		background:#5F696E !important;
		padding:0px 0 30px 0;
	}
	#body #header #logo img {
		max-width:300px;
		width:70%;
	}
	#body #header #iconbox {
		bottom:-5px;
	}

	#body .bilderstack {
		width:100%;
		height:300px;
		float:none;
	}

	#body #content #TraminoArtikel.mitbilder, #body .TraminoArtikelbox.mitbilder { margin-left:0px; }

	#body #content { padding:0; }

	#body #footer {
		position:relative;
		height:auto;
	}

	#body .mobilbreak {
		clear:both;
	}
}.bilderstack {
	position:relative;
	width:500px;
	height:500px;
	overflow:hidden;
	float:left;
}

.bilderstack div.bildbox {
	position:absolute;
	width:100%;
	height:100%;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.bilderstack div.bildbox span.bsname, .bilderstack div.bildbox span.bsinfo, .bilderstack div.bildbox a.ctabutton {
	background: #fff;
	display: inline-block;
	padding: 5px 10px;
	margin: 25px 0 0;
	font-size: 36px;
}

.bilderstack div.bildbox p {
	padding: 0px;
	margin: 0px;
}


.bilderstack div.bildbox span.bsinfo, .bilderstack div.bildbox a.ctabutton {
	margin:0px;
	font-size: 20px;
	text-decoration:none;
	background:#fff;
}


.bilderstack .nav_links, .bilderstack .nav_rechts {
	display: block;
	position: absolute;
	top: 0px;
	bottom:0px;
	width: 100px;
	z-index: 100;
	cursor:pointer;
	left:0px;
}

.bilderstack .nav_rechts {
	left:auto;
	right:0px;
}

.bilderstack .nav_links span, .bilderstack .nav_rechts span {
	display: block;
	height: 50px;
	outline: 0;
	position: absolute;
	text-indent: -9999px;
	bottom: 10px;
	left:10px;
	width: 50px;
	z-index: 100;
	background:transparent url(//tramino.s3.amazonaws.com/s/landhaus-bauer/582665/pfeile.png) no-repeat 0px 0px;
	cursor:pointer;
	opacity:0.8;
}

.bilderstack .nav_rechts span {
	right:10px;
	left:auto;
	background-position:0px -50px;
}

.bilderstack .nav_links:hover span, .bilderstack .nav_rechts:hover span {
	opacity:1;
}




.nav_boppels {
	z-index: 99;
	text-align: center;
	display: block;
	position: absolute;
	bottom: 10px;
	right: 0px;
	left: 0px;
}

.bilderstack.tolow .nav_boppels {
	bottom: 0px;
}

.nav_boppels span {
	display:inline-block;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	width:10px;
	height:10px;
	background:#fff;
	border:1px solid #666;
	margin:5px 5px 5px 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	cursor:pointer;
	padding:0;
	z-index: 100;
}

.nav_boppels span:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

.nav_boppels span.aktiv {
	border-color:#fff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}