#body {
	font-family: 'Source Sans Pro', sans-serif;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: contain;
	/* background-color: #E8EAE9; alternative */
	background-color: #DADADA;
	color: #666;
	font-size: 16px;
	line-height: 19px;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;

}

strong { font-weight: 600; }
p { margin: 0px 0px 1em 0px; }
a { text-decoration: none; color: #666; }

#body .color { color: #666; }
#body .color a { color: #666; }
#body .bgcolor { background-color: #DADADA; }

#body #main_content a { color: #666; }
#body #main_content a:hover { text-decoration: underline; }

#body .font_smg {
	font-family: 'Sorts Mill Goudy', serif;
	font-weight: 400;
}

#body .font_smg_i {
	font-family: 'Sorts Mill Goudy', serif;
	font-weight: 400;
	font-style: italic;
}


#body .textstyle { font-size: 18px; line-height: 1.40; }

#body .headline70 { font-size: 70px; }
#body .headline32 { font-size: 32px; }
#body .headline28 { font-size: 28px; }
#body .headline26 { font-size: 26px; }

.ratio {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.ratio iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#wrapper_inner { background-color: rgb(218,218,218);  }

#body .maxwidth {
	width: 1200px;
	margin: 0px auto;
}

#body .maxwidthsmall {
	width: 1000px;
	margin: 0px auto;
}

#body .mask {
	background: rgba(223,223,208,0);
	background: -moz-linear-gradient(top, rgba(223,223,208,0) 0%, rgba(218,218,218,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(223,223,208,0)), color-stop(100%, rgba(218,218,218,1)));
	background: -webkit-linear-gradient(top, rgba(223,223,208,0) 0%, rgba(218,218,218,1) 100%);
	background: -o-linear-gradient(top, rgba(223,223,208,0) 0%, rgba(218,218,218,1) 100%);
	background: -ms-linear-gradient(top, rgba(223,223,208,0) 0%, rgba(218,218,218,1) 100%);
	background: linear-gradient(to bottom, rgba(223,223,208,0) 0%, rgba(218,218,218,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfd0', endColorstr='#dadada', GradientType=0 );
}


/*  Tramini Carousel */


.carousel-indicators  {
	margin-top: 30px !important;
}

.carousel-indicators ol li {
	width: 8px;
	height: 8px;
	margin: 0px 10px 0px 0px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background-color: #AAA;
	border-width: 0px;

}

.carousel-indicators ol li.active {
	background: #000;
}



.carousel-control.next_slide {
	background: url(//tramino.s3.amazonaws.com/s/oberstdorf/657151/rarr.png) top left no-repeat;
	height: 38px;
	width: 20px;
	margin-top: -19px;
	right: 30px;
}

.carousel-control.prev_slide {
	background: url(//tramino.s3.amazonaws.com/s/oberstdorf/657150/larr.png) top left no-repeat;
	height: 38px;
	width: 20px;
	margin-top: -19px;
	left: 30px;
	display:none;
}


/* Wrapper für YouTube Videos Responsive */

.youtube {
    position: relative;
    padding-bottom: 52%; /* speziell; 56.25% wäre 16:9 */
    padding-top: 25px;
    height: 0;
}

.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Infobar */
.infobar {
	display: block;
	position: absolute;
	top: 70px;
	right: 20px;
	background-color: rgba(0, 133, 178, .85);
	color: #FFF !important;
	text-decoration: none;
	border-radius: 0.5rem;
	transition: background-color 250ms;
	box-shadow: 0 0 15px 10px rgba(0,0,0,0.3);
}
.infobar.static { position: static; top: auto; right: auto; box-shadow: none; padding: 0 !important; float: none !important; width: 100% !important;  }

.infobar:hover { text-decoration: none !important; background-color: rgba(0, 133, 178, 1); }

.infobar .inner { 
	position: relative;
	margin: 0.6rem 0.8rem;
	padding-left: 2em;
}
.infobar .icon {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.5em;
}

.infobar .info-headline {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.infobar.static .info-headline {line-height: 1.4em;}


@media print {
	#body.S3675 #wrapper_inner { background-color: #fff !important;  }
	#body.S3675 { background-color: #fff !important; }
	.noprint { display: none; } 
}

/* Alte Bausteine auf Standardseite fixen */
#body .T49 #tp { margin: 0 auto !important; }

.placeholder-flex { position: relative; }
.placeholder-flex:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 50%;
}

.placeholder-flex > .inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.T4630 .headline {
	font-family: 'Sorts Mill Goudy', serif;
	color: #0085B2 !important;
	font-size: 2rem;
	line-height: 1.3;
}

.T4630 .image a i { color: #FFF !important; }#TraminoArtikel {
	padding: 60px 0px 30px 0px;
	margin: 0px auto;
	max-width: 1000px;
}#body.S3675 .color { color: #0085B2; }
#body.S3675 .color a { color: #0085B2; }
#body.S3675 .bgcolor { background-color: #D6DADC; }
#body.S3675 #main_content a { color: #0085B2;  }

.S3675 #wrapper_inner { background-color: #D6DADC;  }
#body.S3675 { background-color: #D6DADC; }

#body.S3675 .mask {
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(214,218,220,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(214,218,220,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(214,218,220,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(214,218,220,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(214,218,220,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(214,218,220,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d2d9db', GradientType=0 );
}#body.S3680 .color { color: #627E5E; }
#body.S3680 .color a { color: #627E5E; }
#body.S3680 .colorbg { background-color: #627E5E; }
#body.S3680 .bgcolor { background-color: #DFDFD0; }
#body.S3680 #main_content a { color: #627E5E;  }

.S3680 #wrapper_inner { background-color: #DFDFD0; }
#body.S3680 { background-color: #DFDFD0; }

#body.S3680 .mask {
	background: rgba(223,223,208,0);
	background: -moz-linear-gradient(top, rgba(223,223,208,0) 0%, rgba(223,223,208,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(223,223,208,0)), color-stop(100%, rgba(223,223,208,1)));
	background: -webkit-linear-gradient(top, rgba(223,223,208,0) 0%, rgba(223,223,208,1) 100%);
	background: -o-linear-gradient(top, rgba(223,223,208,0) 0%, rgba(223,223,208,1) 100%);
	background: -ms-linear-gradient(top, rgba(223,223,208,0) 0%, rgba(223,223,208,1) 100%);
	background: linear-gradient(to bottom, rgba(223,223,208,0) 0%, rgba(223,223,208,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfd0', endColorstr='#dfdfd0', GradientType=0 );
}#body.S3788 .color { color: #8C4600; }
#body.S3788 .color a { color: #8C4600; }
#body.S3788 .bgcolor { background-color: #DFDBCD; }
#body.S3788 #main_content a { color: #8C4600;  }

.S3788 #wrapper_inner { background-color: #DFDBCD; }
#body.S3788 { background-color: #DFDBCD; }

#body.S3788 .mask {
	background: rgba(223,219,205,0);
	background: -moz-linear-gradient(top, rgba(223,219,205,0) 0%, rgba(223,219,205,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(223,219,205,0)), color-stop(100%, rgba(223,219,205,1)));
	background: -webkit-linear-gradient(top, rgba(223,219,205,0) 0%, rgba(223,219,205,1) 100%);
	background: -o-linear-gradient(top, rgba(223,219,205,0) 0%, rgba(223,219,205,1) 100%);
	background: -ms-linear-gradient(top, rgba(223,219,205,0) 0%, rgba(223,219,205,1) 100%);
	background: linear-gradient(to bottom, rgba(223,219,205,0) 0%, rgba(223,219,205,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdbcd', endColorstr='#dfdbcd', GradientType=0 );
}#body.S4131 .color { color: #6C1759; }
#body.S4131 .color a { color: #6C1759; }
#body.S4131 .bgcolor { background-color: #FBFBE7; }
#body.S4131 #main_content a { color: #6C1759;  }

.S4131 #wrapper_inner { background-color: #FBFBE7; }
#body.S4131 { background-color: #FBFBE7; }

#body.S4131 .mask {
	background: rgba(251,251,231,0);
	background: -moz-linear-gradient(top, rgba(251,251,231,0) 0%, rgba(251,251,231,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,251,231,0)), color-stop(100%, rgba(251,251,231,1)));
	background: -webkit-linear-gradient(top, rgba(251,251,231,0) 0%, rgba(251,251,231,1) 100%);
	background: -o-linear-gradient(top, rgba(251,251,231,0) 0%, rgba(251,251,231,1) 100%);
	background: -ms-linear-gradient(top, rgba(251,251,231,0) 0%, rgba(251,251,231,1) 100%);
	background: linear-gradient(to bottom, rgba(251,251,231,0) 0%, rgba(251,251,231,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBE7', endColorstr='#FBFBE7', GradientType=0 );
}#body.S4169 .color { color: #B86600; }
#body.S4169 .color a { color: #B86600; }
#body.S4169 .bgcolor { background-color: #DBD5C3; }
#body.S4169 #main_content a { color: #B86600;  }

.S4169 #wrapper_inner { background-color: #DBD5C3; }
#body.S4169 { background-color: #DBD5C3; }

#body.S4169 .mask {
	background: rgba(219,213,195,0);
	background: -moz-linear-gradient(top, rgba(219,213,195,0) 0%, rgba(219,213,195,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(219,213,195,0)), color-stop(100%, rgba(219,213,195,1)));
	background: -webkit-linear-gradient(top, rgba(219,213,195,0) 0%, rgba(219,213,195,1) 100%);
	background: -o-linear-gradient(top, rgba(219,213,195,0) 0%, rgba(219,213,195,1) 100%);
	background: -ms-linear-gradient(top, rgba(219,213,195,0) 0%, rgba(219,213,195,1) 100%);
	background: linear-gradient(to bottom, rgba(219,213,195,0) 0%, rgba(219,213,195,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfd0', endColorstr='#dfdfd0', GradientType=0 );
}@media only print {
	
	* { background-color: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
	-ms-filter: none !important; } 
	a, a:visited { color: #444 !important; text-decoration: underline; }
	/*a[href]:after { content: " (" attr(href) ")"; } */
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, 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; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }

	#wrapper.transformtop #wrapper_inner {
		outline: 1px solid transparent;
		transform-origin: center top;
		-webkit-transform-origin: center top;
		-moz-transform-origin: center top;
		min-height: 20px;
	}

	#body .color { color: #000; }

	#body #menu { display: none; }

	#body #logo2 { top: 30px; left: 30px; }
	#body .T2388 .wrapper > .motiv { background-image: none; position: static; top: auto; left: 0; bottom: 0; right: 0;}
	#body .T2388 .text { position: static; top: 0; left: 0; transform: translate(0,0); }
	#body .T2388 .text .motiv_row_1 { font-size: 45px; margin-top: 40px; }
	#body .T2388 .text .motiv_row_2 { font-size: 30px; }
	#body .T2388 .wrapper:before { display: none; }

	/* 2015: Bild + 2 Seiten */
	#body .T2382 .image.video { display: none; }


	/* 2015: Partner mit Filter */
	#body .T2605 aside { display: none !important; }
	#body .T2605 .col-right { margin-left: 0px !important; }
	#body .T2605 .col-right .tabs { display: none !important; }
	#body .T2605 .results-list .result-box {
		float: none !important;
		width: 100% !important;
		margin: 0px auto 10px auto !important;
		height: 160px !important;
		overflow: hidden !important;
	}

	#body .T2605 .results-list .result-box .inner {
		margin: 0px !important;
		height: 100% !important;
	}

	#body .T2605 .results-list .result-box .inner .logo {
		width: 25%;
		height: auto;
	}

	#body .T2605 .results-list .result-box .inner .logo .inner {
		height: auto !important;
	}

	#results-list .result-box .text { 
		width: 70%;
		margin-left: 5%;
	}

	#body .T2605 .results-list .result-box > .inner > .image {
		float: right !important;
		width: 25% !important;
		max-height: 150px;
		height: auto;
	}

	#body .T2605 .results-list .result-box .inner .info {
		float: left !important;
		width: 71%;
		margin-right: 2%;
		height: 100%;
		margin-left: 2%;
	}

	#body #results-list .result-box .info .text .address,
	#body #results-list .result-box .info .text .phone { position: static; }


	#results-list .result-box .text h2.longname,
	#results-list .result-box .text h2 { font-size: 14px !important; line-height: 1.25 !important; margin-bottom: 10px !important; }
	#results-list .result-box .text h3 { font-size: 13px !important; line-height: 1.25 !important; margin-bottom: 10px !important; }

	#results-list .result-box .text a { text-decoration: none !important; }

	#results-list .result-box .info .favable { display: none; }

	#body .T2404 { display: none; }

	#body .T2555 { margin: 20px 0px; }
	#body .T2555 h2 { font-size: 18px; margin: 10px 0px; }
	#body .T2555 h3 { font-size: 15px; margin: 5px 0px; }

	#body .T2474 .intro { font-size: 11px; margin: 5px 0px; }
	#body .T2474 .display-select { display: none; }
	#body .T2474 .result-box-overlay-right { display: none; }
	#body .T2474 .partner { page-break-inside: avoid; padding-bottom: 15px; }
	#body .T2474 .images { margin-top: 0px; }
	#body .T2474 h3 { font-size: 13px; line-height: 1.2;  margin: 5px 0px; }
	#body .T2474 h1 { font-size: 16px; line-height: 1.2;  margin: 5px 0px; }
	#body .T2474 .infotext { font-size: 11px; line-height: 1.2; margin: 5px 0px; }
	#body .T2474 .foot .homepage { display: none; }

	#body #footer { display: none; }
	#body #wrapper.transformtop #wrapper_inner { min-height: 0px; }


}@media all and (min-width: 1280px) and (max-width: 1600px) {

	#body .maxwidth {
		width: 1100px;
	}

	#body .maxwidthsmall {
		width: 1000px;
	}

	#body .textstyle { font-size: 18px; line-height: 1.40; }

	#body .headline70 { font-size: 60px; }
	#body .headline32 { font-size: 30px; }
	#body .headline28 { font-size: 27px; }
	#body .headline26 { font-size: 25px; }

	


}

@media all and (min-width: 1024px) and (max-width: 1279px) {

	#body .maxwidth {
		width: 900px;
	}

	#body .maxwidthsmall {
		width: 800px;
	}

	#body .textstyle { font-size: 17px; line-height: 1.35; }

	#body .headline70 { font-size: 50px; }
	#body .headline32 { font-size: 28px; }
	#body .headline28 { font-size: 25px; }
	#body .headline26 { font-size: 24px; }



	#wrapper {
		perspective: 0px;
		-webkit-perspective: 0px;
		-moz-perspective: 0px;
	}
	#wrapper_inner {
		transform: rotateX(0deg) scale(1);
		-webkit-transform: rotateX(0deg) scale(1);
		-moz-transform: rotateX(0deg) scale(1);
	}


}

@media all and (min-width: 768px) and (max-width:1023px) {
	#body { -webkit-text-size-adjust: 100%; }

	#body .maxwidth {
		width: 668px;
	}

	#body .maxwidthsmall {
		width: 600px;
	}

	#body .textstyle { font-size: 16px; line-height: 1.3; }


	#body .headline70 { font-size: 40px; }
	#body .headline32 { font-size: 26px; }
	#body .headline28 { font-size: 23px; }
	#body .headline26 { font-size: 22px; }


	#wrapper {
		perspective: 0px;
		-webkit-perspective: 0px;
		-moz-perspective: 0px;
	}
	#wrapper_inner {
		transform: rotateX(0deg) scale(1);
		-webkit-transform: rotateX(0deg) scale(1);
		-moz-transform: rotateX(0deg) scale(1);
	}

}


@media all and (min-width: 568px) and (max-width: 767px) {
	#body { -webkit-text-size-adjust: 100%; }

	#body .maxwidth {
		width: 90vw;
	}

	#body .maxwidthsmall {
		width: 90vw;
	}

	#body .mobile_wide {
		width: 100vw;
		margin: 0 -5vw;
	}

	#body .textstyle { font-size: 15px; line-height: 1.25; }

	#body .headline70 { font-size: 35px; }
	#body .headline32 { font-size: 24px; }
	#body .headline28 { font-size: 21px; }
	#body .headline26 { font-size: 20px; }



	#wrapper {
		perspective: 0px;
		-webkit-perspective: 0px;
		-moz-perspective: 0px;
	}
	#wrapper_inner {
		transform: rotateX(0deg) scale(1);
		-webkit-transform: rotateX(0deg) scale(1);
		-moz-transform: rotateX(0deg) scale(1);
	}

	.carousel-control {
		height: 45px !important;
		width: 24px !important;
		margin-top: -23px !important;
		background-size: 50% 50% !important;
	}
	.carousel-control.next_slide { right: 0px !important; }
	.carousel-control.prev_slide { left: 0px !important; }

	.infobar { position: static; top: auto; right: auto; max-width: 400px; width: 90vw; margin: 0 auto; font-size: 0.9rem; }
	.infobar.static { width: auto; margin: 0; font-size: 0.9rem; }
	.infobar .inner { padding-top: 0.5em; padding-bottom: 0.5em; }
	.infobar .icon { top: 0.4em; }
}

@media all and (max-width: 567px) {
	#body { -webkit-text-size-adjust: 100%; }

	#body .maxwidth {
		width: 90vw;
	}

	#body .maxwidthsmall {
		width: 90vw;
	}

	#body .mobile_wide {
		width: 100vw;
		margin: 0 -5vw;
	}

	#body .textstyle { font-size: 14px; line-height: 1.2; }

	#body .headline70 { font-size: 32px; }
	#body .headline32 { font-size: 22px; }
	#body .headline28 { font-size: 19px; }
	#body .headline26 { font-size: 18px; }



	#wrapper {
		perspective: 0px;
		-webkit-perspective: 0px;
		-moz-perspective: 0px;
	}
	#wrapper_inner {
		transform: rotateX(0deg) scale(1);
		-webkit-transform: rotateX(0deg) scale(1);
		-moz-transform: rotateX(0deg) scale(1);
	}

	.carousel-control {
		height: 45px !important;
		width: 24px !important;
		margin-top: -23px !important;
		background-size: 50% 50% !important;
	}
	.carousel-control.next_slide { right: 0px !important; }
	.carousel-control.prev_slide { left: 0px !important; }

	.infobar { position: static; top: auto; right: auto; max-width: 400px; width: 90vw; margin: 0 auto; font-size: 0.9rem; box-shadow: none;  }
	.infobar.static { width: auto; margin: 0; font-size: 0.9rem; }
	.infobar .inner { padding-top: 0.5em; padding-bottom: 0.5em; }
	.infobar .icon { top: 0.4em; }
}