/*! 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, #body {
	background:#C2C2B6;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.wrapper {
	max-width:1000px;
	margin:0 auto;
	position:relative;
}

#header.fixed {
	position:fixed;
}

#header * {
	z-index:20;
}

#header #logobox {
	position:absolute;
	width:180px;
	height:160px;
	cursor:pointer;
	z-index:25;
	background: #fff url(//tramino.s3.amazonaws.com/s/alpsee-bergwelt/82801/logo.png) center center no-repeat;
	background-size: 120px 120px;
	display:block;
	box-shadow: 5px 0 5px rgba(0,0,0,0.3);
}

#header #logobox:hover {
	background-size: 125px 125px;
}

#header #message {
	position: absolute;
	left: 180px;
	background-color: #F28800;
	color: #fff;
	padding: 0px 80px 0px 15px;
	right: 0;
	text-align: right;
	font-size: 14px;
	box-shadow: inset 0px -10px 50px rgba(0,0,0,0.2);
	font-weight:300;
	max-height:65px;
	height:65px;
	display:block;
	text-decoration:none;
	overflow:hidden;
}

#header #message:before {
	font: normal normal normal 42px/42px FontAwesome;
	content: "\f05a";
	color: #DD710C;
	position: absolute;
	right: 25px;
	top: 18px;
}


#menu ul {
	margin:0;
	padding:80px 0 0 180px;
	list-style:none;
	text-align:center;
}

#menu ul.nav li {
	position: relative;
	display:inline-block;
	padding:0;
	white-space:nowrap;
	z-index:50;
}


#menu ul.nav li.nav__52191 { display:none; }

#menu ul.nav li a {
	text-transform: uppercase;
	font-size:36px;
	height:50px;
	font-weight:normal;
	text-decoration:none;
	color:#aaa;
	padding:15px 30px;
	margin:0;
	font-family:"Dosis", Helvetica, Arial, sans-serif;
	display:block;
	transition:linear 0.3s;
}

#menu ul.nav li:hover a {
	color:#F28800;
}


xxxli.nav_4.nav__infos.nav__52151.nav___4 {
	background-color: #eee;
}

xxxli.nav_4.nav__infos.nav__52151.nav___4 a:before {
	color:#eee !important;
}

#menu > .ul > ul.nav > li:hover > a:before {
	font: normal normal normal 50px/50px FontAwesome;
	content: "\f0d7";
	color: #fff;
	position: absolute;
	left: 30px;
	bottom: -30px;
	text-shadow: 0 3px 6px rgba(0,0,0,.3);
}

#menu ul.nav li.nav_offen a, #menu ul.nav li.nav_aktiv a {
	color:#F28800;
}

#menu ul.nav li ul.nav {
	position: absolute;
	top: 50px;
	left: 20px;
	background:transparent;
	padding: 40px 0 0 0;
	width: auto;
	visibility:hidden;
	opacity:0;
	transition:visibility 0s linear 0.3s, opacity 0.3s linear;
	text-align:left;
}

#menu ul.nav li:hover ul.nav {
	visibility:visible;
	opacity:1;
	transition-delay:0s;
}

#menu ul.nav li ul.nav li {
	float: none;
	padding:0;
	margin:0;
	display:block;
}

#menu ul.nav li ul.nav li a {
	color:#502700;
	font-weight:normal;
	text-decoration:none;
	font-size:18px;
	height:24px;
	text-transform: none;
	padding:5px 10px 5px 20px;
	margin:5px 0 0 0;
	background:#fff;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
}

#menu ul.nav li ul.nav li a span.extra {
	width: 15px;
	height: 10px;
	background-color: #fff;
	display: block;
	position: absolute;
	top: -10px;
	left: 0;
}

#menu ul.nav li ul.nav li.first a span.extra { display:none; }

#menu ul.nav li ul.nav li.nav_aktiv a, #menu ul.nav li ul.nav li a:hover {
	color: #F28800;
}

#content {
	padding: 160px 0 0;
	background:#fff;
	color:#542700;
}

#content .wrapper.contentbox {
	padding:50px 15px;
	font-size:16px;
}

#content .Headlines .subheadline {
	color:#F28800;
	font-size:16px;
	line-height:28px;
}

#content .Headlines h1, #betriebsstatus p.h3, #TraminoInhalt h2, #content .TraminoTextile h2 {
	font-family:"Dosis", Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:36px;
	padding:10px 0 10px;
	margin:0;
}


#content .TraminoTextile h3, #content .TraminoTextile h4 {
	font-family:"Dosis", Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:24px;
	padding:50px 0 0;
	margin:0;
}


#content .TraminoTextile {
	font-size:16px;
	line-height:28px;
}

#content a {
	color:#F28800;
	background:#fff;
	border-radius:3px;
}

#content .TraminoTextile a, #content .info a {
	color:#F28800;
	/*color: #aaa;*/
	background:#fff;
	padding:2px;
	border-radius:3px;
}


#content a:hover {
	color:#fff;
	background-color:#F28800;
	text-decoration:none;
}


#content input[type="submit"] {
	color:#fff;
	background-color:#F28800;
	text-decoration:none;
	padding:5px 10px;
	border-radius:3px;
	border: 0px solid #fff;
}

#content input[type="submit"]:hover {
	background:#F25D00;
}

#footer {
	color: #fff;
}

#footer .headline {
	background-color: #86867A;
	text-align: center;
	height:50px;
}

#footer .headline ul, #footer .headline li {
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer .headline li {
	display: inline-block;
	margin: -2px;
}

#footer .headline li a {
	text-transform: uppercase;
	font-size: 32px;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	padding: 0 25px;
	margin: 0;
	font-family: "Dosis", Helvetica, Arial, sans-serif;
	border-right: 2px solid #fff;
}

#footer .headline li.first a {
	border-left:2px solid #fff;
}


#footer .content {
	padding: 50px 0 30px;
}

#footer .content .w25 {
	width: 25%;
	float: left;
	min-height:225px;
}

#footer .content .w25.line {
	margin-right: -1px;
	border-right: 1px solid #fff;
}


#footer .content h3 {
	font-size: 16px;
	font-weight: bold;
	padding: 10px 30px;
	margin: 0;
}

#footer .content p {
	font-size: 16px;
	padding: 0 30px;
	margin: 0;
}

#footer .content p a {
	color:#fff;
	text-decoration:none;
}

.copyright {
	color: #fff;
	padding: 20px 30px;
}

.copyright a {
	color: #fff;
	margin-left: 15px;
	text-decoration: none;
}


#mobilmenu {
	position: absolute;
	right: 10px;
	left: 190px;
	bottom: 10px;
}

#mobilmenu .mobil_name {
	height: 36px;
	overflow: hidden;
	-webkit-appearance: none;
	padding: 4px 20px 6px;
	font-size: 28px;
	font-family:"Dosis", Helvetica, Arial, sans-serif;
	color:#aaa;
	text-transform:uppercase;
	z-index:100;
	background:#F3F2EE;
	border-radius:5px;

}

#mobilmenu .mobil_name:before {
    font: normal normal normal 36px/36px FontAwesome;
    content: "\f0c9";
    color: #aaa;
    position: absolute;
    right: 10px;
    top: 5px;
}



#mobilmenu select {
	height: 40px;
	opacity:0;
	z-index:101;
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	display:block;
	line-height:40px;
	-webkit-appearance: none;
	width:100%;
}


#footer .line img {
    width: 100px;
    display: inline-block;
	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 */
}

#footer .line a:hover img {
	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: grayscale(0%);
}

#footer a.toplink {
    position: absolute;
    width: 100px;
    height: 50px;
    right: 0;
}

#footer a.toplink:before {
	font: normal normal normal 42px/42px FontAwesome;
	content: "\f077";
	color: #fff;
	position: absolute;
	right: 15px;
	top: 0px;
	opacity:.5;
}

#footer a.toplink:hover:before {
	opacity:1;
}#mobilmenu {
	display:none;
}


@media all and (max-width: 1600px) {
	#header #header-cart { top: 50px !important; right: 10% !important; }
	#body #menu a { top: 50px !important; }
}

@media only screen and ( max-width: 1380px ){
	#body #menu ul.nav li a { font-size:30px; padding: 20px 10px 10px 10px;}
	#body #menu ul { padding: 80px 0 0 100px; }

}

@media only screen and ( max-width: 900px ){
	#body #menu ul.nav li a { font-size:24px; padding: 15px;}
	#header #header-cart { right: 22% !important; font-size: 16px !important; top: 135px !important; }
	#body #menu a { top: 135px !important; }
}

.mobile { display:none; }

@media only screen and ( max-width: 750px ){
	
	#body .spalte {
	    width: 100%;
	    float: none;
	    margin: 35px 0;
	}
	
	
	#body .spalte .TraminoForm { float: none; }
	
	
	#mobilmenu { display: block; left: 110px; }
	#body .mobile { display:block; }
	#body .mobile p { font-size: 12px; }
	#body .nomobile, #TraminoAnhang73346 { display:none; }
	#body #header #logobox, #body.S4928 #header #logobox {
		width:100px;
		background-size:90px !important;
	}

	#body #header #message {
		left:100px;
		padding-top:5px;
		padding-bottom:5px;
		max-height:85px;
	}

	#header #message p {
		margin:0;padding:0;
	}

	#body .seitenliste.switcher .info, #body .seitenliste.switcher .bgbox {
		width:100%;
		float:none;
		height:200px;
	}

	#body .seitenliste.switcher .info {
		height:auto;
	}

	#body .seitenliste.viersp .cbox {
		width:100%;
		float:none;
	}

	#body .seitenliste.viersp .cbox {
		height:auto;
	}

	#body .seitenliste.viersp .bgbox {
		right:0;
	}

	#body #footer .content .w25.line {
		width:100%;
		float:none;
		min-height:0px;
	}
	
	#body #betriebsstatus .box {
		width:100%;
		float:none;
		padding-bottom:50px;
	}
	
	#body #betriebsstatus a.youtube {
		margin:0;
	}
	
	#body #footer .content .w25 {
		width:100%;
	}

	#header #header-cart { top: 84px !important; }

	#header #cart-content { width: auto; }
	#header #cart-content .cart-list { width: 100%; }
}#motive2start { position: relative; width:100%; overflow:hidden; background:#333; min-height:300px; }
#motive2start img.motivimg { display: block; width: 100%; position:absolute; top:0px; left:0px; }
#motive2start #nav_rechts, #motive2start #nav_links, #nav_rechts2, #nav_links2 {
	width:100px;
	position:absolute;
	top:0px;
	bottom:0px;
	cursor:pointer;
}

#motive2start #nav_rechts, #motive2start #nav_links, #nav_rechts2, #nav_links2 { width:100px; }


#motive2start div.motivimg, #motive2start #bilderstack {
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	position:absolute;
	top:0; left:0; right:0; bottom:0;
}

#motivinfo, #motivinfo2 {
	position:absolute;
	top:20px;
	right:100px;
	left:100px;
	text-align:center;
}

#motivinfo {
	display:none;
}

#motive2start:hover #motivinfo {
	display:block;
}

#motivinfo p, #motivinfo2 p {
	display:inline-block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	width:10px;
	height:10px;
	background:#fff;
	margin:3px;
	cursor:pointer;
	padding:0;
	background:#ffffff;
	border: 2px solid #ffffff;
	box-shadow: 5px 0 5px rgba(0,0,0,0.3);
}

#motive2start:hover #motivinfo p, #motive2start:hover #motivinfo2 p {
}

#motive2start:hover #motivinfo p:hover, #motive2start:hover #motivinfo2 p:hover {
	border-color: #595554;
	background:#fff;
}

#motive2start:hover #motivinfo p.active, #motive2start:hover #motivinfo2 p.active {
	border-color: #F28800;
	background:#F28800;
}

#motive2start #nav_links, #nav_links2 {  left:0px; }
#motive2start #nav_rechts, #nav_rechts2 { right:0px; }


#motive2start #nav_swipe {
	position:absolute;
	left:100px;
	right:100px;
	top:0px;
	bottom:0px;
}


#motive2start #nav_rechts svg, #motive2start #nav_links svg {
	opacity:0;
}


#motive2start:hover #nav_rechts svg, #motive2start:hover #nav_links svg {
	opacity:1;
}

#motive2start #nav_rechts svg polyline, #motive2start #nav_links svg polyline {
	stroke-width:2px;
}

#motive2start #nav_rechts:hover svg polyline, #motive2start #nav_links:hover svg polyline {
	stroke-width:4px;
}


#body #fancybox-title h3, #body #fancybox-title span {
	display:inline;
	font-weight:normal;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	padding:0 10px;
}

#body #fancybox-close {
	display: inline;
	top: -50px;
	right: 0px;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background:#F28800;
	text-align:center;
}

#body #fancybox-close:before {
	font: normal normal normal 25px/1 FontAwesome;
	content: "\f00d";
	position: absolute;
	top: 8px;
	left: 10px;
	color: #fff;
}

#body #fancybox-left:before, #body #motive2start:hover #nav_links:before {
	font: normal normal normal 128px/1 FontAwesome;
	content: "\f104";
	position: absolute;
	top: 50%;
	left: 0px;
	text-align: center;
	color: #ffffff;
	margin: -70px 0 0;
	width: 60px;
	height: 140px;
	padding-top: 5px;
	text-shadow: 5px 0 5px rgba(0,0,0,0.3);
}

#body #fancybox-right:before , #body #motive2start:hover #nav_rechts:before {
	font: normal normal normal 128px/1 FontAwesome;
	content: "\f105";
	position: absolute;
	top: 50%;
	right: 0px;
	text-align: center;
	color: #ffffff;
	margin: -70px 0 0;
	width: 60px;
	height: 140px;
	padding-top: 5px;
	text-shadow: 5px 0 5px rgba(0,0,0,0.3);
}

#body #fancybox-left:hover:before, #body #fancybox-right:hover:before, #body #motive2start #nav_links:hover:before, #body #motive2start #nav_rechts:hover:before {
	color: #F28800;}

	#body #fancybox-left-ico, #body #fancybox-right-ico { display:none;}

	#body #fbtip { padding-top:15px; }.TraminoForm {
    margin: 0 auto;
    max-width: 790px;
}

.TraminoTextile table {
    width: 100%;
    margin-top: 50px;
    border: 0px solid transparent;
}

.TraminoTextile table th, .TraminoTextile table tr, .TraminoTextile table td, .TraminoTextile table {
	border-color:#fff;
}

#content.twocolors .TraminoVorlage {
	background-color: #F3F2EE;
}

#content.twocolors .bgcoloranhang .TraminoVorlage {
	background-color: #FFF;
}


.seitenliste.switcher .bgA, .bgcoloranhang, #content .TraminoVorlage.T651 .TraminoTextile table tr.bgcoloranhang {
	background-color: #E8E9E4;
}

.seitenliste.switcher .boxA, .seitenliste.switcher .boxB {
	background-color: #F3F2EE;
	min-height: 300px;
	cursor:pointer;
}

.TraminoTextile table th.white, .TraminoTextile table td.white {
	background-color:#fff;
}

.seitenliste.switcher .bgbox {
	width: 50%;
	height: 300px;
	float: left;
	overflow:hidden;
	position:relative;
}

.seitenliste .bgbox div {
	background-size: cover;
	background-position: center center;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	-webkit-transform:scale( 1 ) rotate(0deg);
	-webkit-transition:all .2s ease-in;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;

}

.seitenliste.switcher .cbox {
	overflow:hidden;
}

.seitenliste.switcher .cbox:hover .bgbox div {
	-webkit-transform:scale( 1.05 ) rotate(2deg);
}


.fancyimage { overflow:hidden;}

.fancyimage img {
	-webkit-transform:scale( 1 ) rotate(0deg);
	-webkit-transition:all .2s ease-in;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.fancyimage:hover img {
	-webkit-transform:scale( 1.05 ) rotate(2deg);
}



.seitenliste.switcher .boxB .bgbox {
	float: right;
}

.seitenliste.switcher .info {
	width: 50%;
	float: left;
}

#TraminoInhalt .seitenliste h2 {
	padding: 30px 20px 10px 20px;
	margin: 0;
	font-family: "Dosis", Helvetica, Arial, sans-serif;     font-weight: normal;     font-size: 36px;
}

#TraminoInhalt .seitenliste.viersp h2 {
	padding: 30px 0 0 20px;
	font-size: 24px;
}

.seitenliste p {
	padding: 10px 20px;
	margin: 0;
	line-height: 28px;
}

#content .seitenliste .boxA:hover a.linkbox, #content .seitenliste .boxB:hover a.linkbox {
	color: #fff;
	background-color: #F28800;
	text-decoration: none;
}

.TraminoVorlage {
	margin:0;
}


#content .TraminoVorlage.T651,  #content .TraminoVorlage.T89, #content .TraminoVorlage.T98, #content .TraminoVorlage.T166, #content .TraminoVorlage.T711, #content .TraminoVorlage.T1979, #content .TraminoVorlage.T49, #content .TraminoVorlage.T27 {
	max-width:1000px;
	margin:0 auto;
	position:relative;
	padding: 50px 15px;
}

#content .TraminoVorlage.T651 {
	padding:50px 15px 0;
}

#content .TraminoVorlage.T651 .TraminoTextile {
	margin:0 -15px;
}

#content .TraminoVorlage.T651 .TraminoTextile table td, #content .TraminoVorlage.T651 .TraminoTextile table th {
    border-top: 5px solid #fff !important;
}

#content .TraminoVorlage.T651 .TraminoTextile table tr {
	background:#F3F2EE;
}


#content .TraminoVorlage.T98 {
	background: #F3F2EE;
}


.seitenliste.viersp {
	padding:50px 0;
	background:#F3F2EE;
}

.seitenliste.viersp .linkbox {
	background:transparent;
}

.seitenliste.viersp .cbox {
	width: 25%;
	float: left;
	height: 300px;
	position: relative;
	padding-top: 175px;
	cursor:pointer;
}

.seitenliste.viersp .bgbox {
	height: 175px;
	position: absolute;
	left: 0;
	right: 25px;
	top: 10px;
	background-size: cover;
	background-position: center center;
}

.seitenliste.viersp h2 {
	font-size: 24px;
}

div#betriebsstatus {
	background-color: #F3F2EE;
	padding: 15px 30px 0 !important;
}


#TraminoRubrik div#betriebsstatus {
	margin-top: -80px;
}

#betriebsstatus .box {
	width: 33%;
	float: left;
}

#betriebsstatus .ampel {
	width:20px;
	height:20px;
	background: transparent url(//tramino.s3.amazonaws.com/s/alpsee-bergwelt/684989/wetter.png) -50px -149px;
	display:inline-block;
	margin:5px 5px -4px 0;
}


#betriebsstatus .ampel.status2 {
	background-position:0px -149px;
}


#betriebsstatus .wetter {
	width:70px;
	height:70px;
	background: transparent url(//tramino.s3.amazonaws.com/s/alpsee-bergwelt/684989/wetter.png) -70px 0px;
	display:block;
}

#betriebsstatus .wetter.statuspartly_cloudy { background-position: 0 -70px; }
#betriebsstatus .wetter.statusmostly_cloudy { background-position: 0 -70px; }
#betriebsstatus .wetter.statuscloudy { background-position: -140px 0px; }
#betriebsstatus .wetter.statuschance_of_rain { background-position: -70px -70px; }
#betriebsstatus .wetter.statusrain { background-position: -140px -70px; }
#betriebsstatus .wetter.statussnow { background-position: 0px 0px; }
#betriebsstatus .wetter.statussnow2 { background-position: -210px -70px; }

#betriebsstatus .wetterbox {
	background-color: #fff;
	padding: 15px 0;
	margin: -15px 0 0 0;
}

#betriebsstatus .webcambox {
	background-color: #E8E9E4;
	padding: 7px 0 15px 0;
	margin: 0 0 -15px 0;
}
#betriebsstatus .webcambox a {
    display: block;
    float: left;
    margin: 0 0 15px 15px;
    width: 36%;
    background-color: #E8E9E4;
}

#betriebsstatus .webcambox a img {
	width:100%;
}

#betriebsstatus .wetterbox b {
	color: #F28800;
}

#betriebsstatus .wetterbox p.h3 {
	margin-left: 15px;
}

#betriebsstatus a.youtube {
    display: block;
    position: relative;
    margin-left: 0px;
    margin-right: -40px;
}

#betriebsstatus a.youtube:before {
    font: normal normal normal 100px/1 FontAwesome;
    content: "\f16a";
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    margin: -50px 0 0 -50px;
}

#betriebsstatus a.youtube:hover:before {
    color:#F28800;
}

#betriebsstatus .statusmatch {
	font-size:14px;
}

#betriebsstatus .clear {
	font-size:10px;
}

#content .T89 .TraminoTextile h3 {
	padding:0;
}

.TraminoVorlage.T49 .detail a {
    display: none;
}


.spalte {
    width: 50%;
    float: left;
}

.spalte.info {
    background: #f3972d;
    color: #fff;
    padding:;
    position:relative;
}


.spalte.neu.info {
	color:#542600;
	background:#fff;
}


.spalte.neu.info:before {
    content: " ";
    position: absolute;
    border: 4px solid #f28801;
    left:20px;
    right:20px;
    top:0;
    bottom:0;
    border-radius:25px;
}

.spalte.neu.info:after {
    font: normal normal normal 32px/32px FontAwesome;
    content: "\f05a";
    color: #542600;
    position: absolute;
    right: 10px;
    top: 10px;
	background:#fff;
	padding:2px;
}

.spalte.info > div {
    padding:0 25px;
}


.spalte.info:before {
    font: normal normal normal 32px/32px FontAwesome;
    content: "\f05a";
    color: #fff;
    position: absolute;
    right: 10px;
    top: 10px;
}

.zweispalter {
    padding: 25px 0;
}

.spalte li {
    margin-bottom: 5px;
}

.spalte.info .TraminoTextile {
    padding-right: 45px;
}

.spalte.neu.info .TraminoTextile {
    padding-left: 35px;
}


.TraminoVorlage.T711.TraminoVorlage_1 h2.specialfont.color.fontsize_large {
    display: none;
}

.spalte .TraminoTextile {
    position: relative;
}


.spalte .TraminoForm {
    float: right;
}

.TraminoForm .label h4, .TraminoForm .element .label .help, .TraminoForm .Widget {
    font-size: 16px !important;
}


.maxwidth {
	max-width: 1000px;
	margin: 0px auto;
}	
	
.T4374 .maxwidth {	max-width: 1240px; /* Gutscheine */ }


/* Warenkorb */

body .T2886 table.cart td.total {
	color: #000 !important;
	font-size: 20px !important;
	font-weight: bold;
}

body #button_finish { background-color: #F28800 !important; margin: 10px 0px 0px 20px; padding: 10px 30px !important; }

.Rubrik_114607 input[name=adresse_anrede] { display: none; }
.Rubrik_114607 .adresse_anrede { display: none; }


.Rubrik_114607 input[name=adresse_firma] { display: none; }
.Rubrik_114607 .adresse_firma { display: none; }

.Rubrik_114607 input[name=adresse_abteilung] { display: none; }
.Rubrik_114607 .adresse_abteilung { display: none; }

.Rubrik_114607 input[name=adresse_firma] { display: none; }
.Rubrik_114607 .adresse_firma { display: none; }

.Rubrik_114607 .adresse_ort { width: 80%; padding-right: 0px; }

.Rubrik_114607 input[name=adresse_ortsteil] { display: none; }
.Rubrik_114607 .adresse_ortsteil { display: none; }

.Rubrik_114607 input[name=adresse_fax] { display: none; }
.Rubrik_114607 .adresse_fax { display: none; }

.Rubrik_114607 input[name=adresse_mobil] { display: none; }
.Rubrik_114607 .adresse_mobil { display: none; }

.Rubrik_114607 .adresse_telefon { width: 100%; padding-right: 0px; }


.Rubrik_114607 .AdresseWidget { margin-top: 42px; }
.Rubrik_114607 .AdresseWidget input { font-size: 16px; }
.Rubrik_114607 .AdresseWidget .Zeile { margin-top: 10px; }

.T2886 { padding-bottom: 20px }


.T4374 .action .button { background-color: #F28800 !important; }

#body.S4928 #header #logobox {
    background-image: url(//tramino.s3.amazonaws.com/s/alpsee-bergwelt/740173/logo-abenteueralpe.png);
    background-color: transparent;
    background-size: 150px;
    box-shadow: none;
}

#body.S4928 #header #message {
    background: #157F48;
    box-shadow: none;
    box-shadow: inset -20px -10px 100px rgba(0,0,0,0.2);
    left: 0;
}


#body.S4928 #header #logobox:hover {
    background-size: 160px;
}

#body.S4928 #menu ul.nav li:hover a, #body.S4928 #menu ul.nav li.nav_offen a, #body.S4928 #menu ul.nav li.nav_aktiv a {
    color: #CFB352;
}

#body.S4928 #menu ul.nav li a {
    color: #fff;
}

#body.S4928 #menu > .ul > ul.nav > li:hover > a:before, #body.S4928 #content .TraminoTextile a, #body.S4928 #content .info a{
    color: #157F48;
}

#body.S4928 #header, #body.S4928 #content a:hover, #body.S4928 #content .seitenliste .boxA:hover a.linkbox, #body.S4928 #content .seitenliste .boxB:hover a.linkbox {
    background: #157F48;
	color:#fff;
}

#body.S4928 #content {
    color: #333;
}

#body.S4928 .TraminoVorlage.T2633, #body.S4928 .TraminoVorlage.T3251 {
	position:relative;
}

#body.S4928 .TraminoVorlage.T2633::after, #body.S4928 .TraminoVorlage.T3251::after {content: " ";position: absolute;top: 0;height: 40px;left: 0;right: 0;background: transparent url(https://tramino.s3.amazonaws.com/s/alpsee-bergwelt/744294/bg1.svg) no-repeat top left;background-size: cover;}
#body.S4928 .TraminoVorlage.T2633::before, #body.S4928 .TraminoVorlage.T3251::before {content: " ";position: absolute;bottom: 0;height: 40px;left: 0;right: 0;background: transparent url(https://tramino.s3.amazonaws.com/s/alpsee-bergwelt/744295/bgweiss.svg) no-repeat top left;background-size: cover;}



#body.S4928 div#menu::after {content: " ";display: block;position: absolute;height: 30px;left: 0;right: 0;background: transparent url(https://tramino.s3.amazonaws.com/s/alpsee-bergwelt/740174/bg1.svg) no-repeat bottom left;background-size: cover;}

#body.S4928 #bilderstack::after {content: " ";position: absolute;bottom: 0;height: 40px;left: 0;right: 0;background: transparent url(https://tramino.s3.amazonaws.com/s/alpsee-bergwelt/740177/bgweiss.svg) no-repeat top left;background-size: cover;}

#body.S4928 div#motive2start::after {content: " ";background: transparent url(https://tramino.s3.amazonaws.com/s/alpsee-bergwelt/740178/freunde.svg) no-repeat right bottom;position: absolute;right: 30px;top: 20%;bottom: 0px;width: 50%;background-size: contain;}

#body.S4928 #header #message::before {
    color: #75b97e;
    top: 10px;
}

#body.S4928 .spalte.neu.info:before {
    border-color: #147f48;
}/* Warenkorb */
#header #header-cart {
	position: absolute;
    right: 10%;
    top: 105px;
    font-size: 18px;
}

#header #header-cart #cart-sum {
	color: #fff;
	/*font-size: 19px;*/
	line-height: 23px;
	/*line-height: 28px;*/
	
	/*padding-left: 40px;*/

	height: 28px;
	cursor: pointer;
	background-size: 17px auto;
	background-position: top 2px left 0;
	padding-left: 25px;
}

#header #header-cart #cart-sum i { margin: 0 5px 0 0; font-size: 21px; }

#header #header-cart #cart-sum i:before { color: #000; }

#header #header-cart #cart-sum .inner { color: #000 }


#cart #cart-shop-button { margin-bottom: 5px; }

#cart #cartProgressBar #cart-shop-button a {
	padding: 5px 10px;
	background-color: #999;
    color: #fff;
    border: 0px;
    font-size: 14px;
    cursor: pointer;
}

/* Warenkorb Mobil */

#header #mobilmenu #header-cart {
	position: absolute;
    right: 0px;
    top: -32px;
    z-index: 10000;
}

#header #mobilmenu #header-cart {
	position: absolute;
    right: 0px;
    top: -32px;
    z-index: 10000;
}

#cart-content {
	box-sizing: content-box;
	z-index: 10000;
	position: absolute;
	top: 95px;
	right: 0px;
	width: 450px;
	background-color: #FFFFFF;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	-webkit-transition: max-height 250ms;
	-moz-transition: max-height 250ms;
	transition: max-height 250ms;
	max-height: 0;
	overflow:hidden;
}

#cart-content.open { 
	max-height: 500px;
	padding: 20px; 
	-webkit-transition: max-height 500ms;
	-moz-transition: max-height 500ms;
	transition: max-height 500ms;
	z-index:999;
}

#cart-content .close {
	position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px;
    cursor: pointer;
    font-size: 22px;
    line-height: 18px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    width: 20px;
    height: 20px;
}


.cart-list {
	overflow: hidden;
	width: 450px;
}
.cart-list .notification {
	padding: 130px;
	text-align: center;
	border: 1px dashed rgba(0,0,0,0.1);
	font-size: 28px;
	line-height: 1.2;
	font-style: italic;
	color: #888;
	margin: 0 0 20px 0;
}

.cart-items h3 { display: none; }
.cart-item { position: relative; overflow: hidden;	margin: 0px 0px 10px 0px;	padding: 10px 0px 0px 0px;	border-top: 1px solid rgba(0,0,0,0.1); display: flex; }
.cart-item .image { width: 20%; height: 60px; }
.cart-item .image img { width: 100%; height: auto; }
.cart-item .info { width: 50%; padding-left: 15px; font-size: 13px; font-size: 15px; }
.cart-item .info h5 { color: #666666; font-size: 12px; font-weight: normal; margin: 0px 0px 2px 0px; }
.cart-item .info h4 { color: #000; font-size: 16px; font-weight: normal; margin: 2px 0px 2px 0px; }
.cart-item .info .details { color: #666666; font-size: 12px; line-height: 1.2;  }
.cart-item .info .period { color: #666666; font-size: 12px; line-height: 1.2;  }
.cart-item .info .facts { color: #666666; font-size: 12px; line-height: 1.2;  }
.cart-item .info .inkl { color: #666666; font-size: 12px; line-height: 1.2; }
.cart-item .price { width: 30%; font-size: 12px; line-height: 1.2; color: #666666; text-align: right; }
.cart-item .price .amount {
	font-size: 20px;
	line-height: 1.2;
	font-weight: bold;
	color: #BD2631;
}


.cart-item .items-remove { cursor: pointer; }
.cart-item .items-remove:hover { text-decoration: underline; }

#cart-items-container { margin: 20px 0 0 0; }

#cart-button-next {
	float: right;
    display: inline-block;
    text-decoration: none;
    color: #FFF;
    background-color: #AAA;
    padding: 5px 12px;
}

.T2886 #cart { padding: 0 15px; }
.T2886 #cart #button_finish { margin-bottom: 10px; }
.T2886 #cart #refresh_page { margin-top: 10px; padding: 10px 30px !important; }
.T2886 #cart #cardexpiremonth { width: 50px; }

#header#alpseebergwelt .top {
	background-color: #F28800;
}


#header#abenteueralpe .top {
	background-color: #157F48;
}

#header {
	position: fixed;
}

#header .logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
    height: 160px;
    width: 250px;
    z-index: 1000;
}

@media print {
	#header { display: none; }
	#content { padding: 0px; }
}