.twidget-center { text-align: center; }
.twidget-warning, .twidget-error {padding: 1.5em!important; }
.twidget-warning { 
    background-color: #fcf8e3;
    border-color: #faebcc;
	color: #8a6d3b;
}
.twidget-error { 
    background-color: #f2dede;
    border-color: #ebccd1;
	color: #a94442;
}
.twidget-wrapper {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	margin-left: auto!important; margin-right: auto!important;
	padding: 0 50px!important;
	width: 100%!important; max-width: 920px!important;
}
@media screen and (max-width: 625px) {
	.twidget-wrapper { padding: 0 20px!important; }
}
.twidget-wrapper.large { max-width: 1150px!important; }
.twidget-title, .twidget-maintitle {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.twidget-maintitle { 
	font-size: 2em;
	line-height: 1.15em;
	margin-bottom: 2em;
}
.twidget-video-container {
	position: relative; z-index: 1;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.twidget-video-container iframe, .twidget-video-container object, .twidget-video-container embed {
	position: absolute; top: 0; left: 0; z-index: 11;
	width: 100%; height: 100%;
}
a.twidget-button {
	background: #A2A2A4;
	border-radius: 1px; border: 0;
	color: #FFF; line-height: 25px;
	display: inline-block;
	font-family: 'Droid Serifbold'; font-weight: bold;
	padding: 15px 25px;
	text-align: center; text-transform: none; text-decoration: none!important;
}
a.twidget-button:hover {
	background: #47474E;
	color: #FFF!important;
}

#twidget { margin: 2.5em 0; }

#twidget-filter { margin: 1.5em 0 6em; }
#twidget-filter .twidget-filterrow {
	display: table;
	width: 100%;
}
#twidget-filter .twidget-filterrow + * { margin-top: 2em; }
#twidget-filter .twidget-filterrow:last-child { margin-bottom: 2em; }
#twidget-filter .twidget-filterrow > * {
	display: table-cell;
	padding: 0 1em;
	vertical-align: middle;
	width: 25%;
}
#twidget-filter .twidget-filterrow > *:first-child { padding-left: 0; }
#twidget-filter .twidget-filterrow > *:nth-child(2) { width: 50%; }
#twidget-filter .twidget-filterrow > *:nth-child(3) {
	padding-right: 0;
	text-align: right; 
}

#twidget-filter .noUi-connect { background: #DCDCDC; }
#twidget-filter .noUi-handle {
	left: -6px;
	width: 15px;
}
#twidget-filter .noUi-marker-large { height: 5px; }
#twidget-filter .noUi-handle::before, #twidget-filter .noUi-handle::after, #twidget-filter .noUi-value { display: none; }

#twidget-tourcarousel-carousel-copy { display: none!important; }
#twidget-tourcarousel { 
	margin-bottom: 4em;
	position: fixed; left: -5000px; top: -5000px;
}
#twidget-tourcarousel.loaded { position: relative; left: auto; top: auto; }
#twidget-tourcarousel-carousel { 
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	padding-left: 3em; padding-right: 3em;
	position: relative; z-index: 1!important;
}
#twidget-tourcarousel-carousel .twidget-tourcarousel-carouselitem { 
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	padding: 0.5em 0.8em; 
}
#twidget-tourcarousel-carousel .twidget-tourcarousel-carouselitem * { line-height: 1.35em; }
#twidget-tourcarousel-carousel .twidget-tourcarousel-carouselitem > a {
	background: #FFF;
	box-shadow: 0px 0px 20px -7px rgba(0,0,0,0.75); -webkit-box-shadow: 0px 0px 20px -7px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 20px -7px rgba(0,0,0,0.75);
	display: block;
	font-size: 0.75em;
	padding: 1.4em;
	transition: background 500ms linear; -webkit-transition: background 500ms linear; -ms-transition: background 500ms linear;
	text-decoration: none;
}
#twidget-tourcarousel-carousel .twidget-tourcarousel-carouselitem > a:hover {
	background: #fbfbfb;
	color: #484848;
}
#twidget-tourcarousel-carousel .twidget-tourcontent { padding: 1em 0; }
#twidget-tourcarousel-carousel .twidget-tourcontent .twidget-title {
	border-bottom: 2px solid #000;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
#twidget-tourcarousel-carousel img {
	display: block;
	height: auto;
	width: 100%;
}
#twidget-tourcarousel-carousel .owl-prev, #twidget-tourcarousel-carousel .owl-next { 
	position: absolute; top: 50%; z-index: 1;
	transform: translateY(-50%);
}
#twidget-tourcarousel-carousel .owl-prev i, #twidget-tourcarousel-carousel .owl-next i { font-size: 3em; }
#twidget-tourcarousel-carousel .owl-prev { left: 0.15em; }
#twidget-tourcarousel-carousel .owl-next { right: 0.15em; }
#twidget-tourcarousel-carousel .owl-pagination {
	margin-top: 1em;
	text-align: center;
}
#twidget-tourcarousel-carousel .owl-page {
	background: #FFF;
	border: 1px solid #222;
	display: inline-block;
	width: 12px; height: 12px;
}
#twidget-tourcarousel-carousel .owl-page.active { background: #222; } 
#twidget-tourcarousel-carousel .owl-page + .owl-page { margin-left: 5px; } 

#twidget-overviewtable { width: 100%; }
#twidget-overviewtable tbody tr {
	background: #F9F9F9;
	cursor: pointer;
}
#twidget-overviewtable tbody tr:hover a { color: #E30613; }
#twidget-overviewtable tbody tr.even { background: #E9E9E9; }
#twidget-overviewtable th, #twidget-overviewtable td {
	line-height: 1.35em;
	padding: 0.8em 0.6em;
	vertical-align: top;
	text-align: center;
	white-space: nowrap;
}
#twidget-overviewtable td:first-child { 
	text-align: left;
	white-space: normal;
}
#twidget-overviewtable a { 
	font-weight: normal;
	text-decoration: none; 
}
#twidget-overviewtable .twidget-overviewtable-mobiledetails { display: none; }
.twidget-difficulty { 
	margin: 0 auto;
	position: relative; z-index: 1; 
	width: 120px;
}
.twidget-overviewtable-mobiledetails .twidget-difficulty { margin: 0; }
.twidget-difficulty > * { 
	color: #BBB;
	margin-right: -4px; 
}
.twidget-difficulty .halfstar {
	color: #666;
	position: absolute; top: 0; left: 0; z-index: 1;
	margin-right: 0;
	overflow: hidden;
	width: 12px;
}
.twidget-difficulty.s1 .halfstar, .twidget-difficulty.s2 .halfstar, .twidget-difficulty.s3 .halfstar, .twidget-difficulty.s4 .halfstar .twidget-difficulty.s5 .halfstar { display: none; }
.twidget-difficulty.s1_5 .halfstar { left: 24px; }
.twidget-difficulty.s2_5 .halfstar { left: 50px; }
.twidget-difficulty.s3_5 .halfstar { left: 75px; }
.twidget-difficulty.s4_5 .halfstar { left: 99px; }
.twidget-difficulty.s1 > *:first-child, .twidget-difficulty.s1_5 > *:first-child, 
.twidget-difficulty.s2 > *:first-child, .twidget-difficulty.s2 > *:nth-child(2), .twidget-difficulty.s2_5 > *:first-child, .twidget-difficulty.s2_5 > *:nth-child(2), 
.twidget-difficulty.s3 > *:first-child, .twidget-difficulty.s3 > *:nth-child(2), .twidget-difficulty.s3 > *:nth-child(3),
.twidget-difficulty.s3_5 > *:first-child, .twidget-difficulty.s3_5 > *:nth-child(2), .twidget-difficulty.s3_5 > *:nth-child(3),
.twidget-difficulty.s4 > *:first-child, .twidget-difficulty.s4 > *:nth-child(2), .twidget-difficulty.s4 > *:nth-child(3), .twidget-difficulty.s4 > *:nth-child(4),
.twidget-difficulty.s4_5 > *:first-child, .twidget-difficulty.s4_5 > *:nth-child(2), .twidget-difficulty.s4_5 > *:nth-child(3), .twidget-difficulty.s4_5 > *:nth-child(4),
.twidget-difficulty.s5 > * { color: #666; }

#twidget-emptyresult { display: none; }

@media screen and (max-width: 900px) {
	#twidget-filter { margin-bottom: 4em; }
	#twidget-filter .twidget-filterrow, #twidget-filter .twidget-filterrow > * { display: block; }
	#twidget-filter .twidget-filterrow + * { margin-top: 1em; }
	#twidget-filter .twidget-filterrow > * { 
		padding: 0;
		text-align: left!important;
		width: 100%;
	}
	#twidget-filter .twidget-filterrow > *:nth-child(2), #twidget-filter .twidget-filterrow > *:nth-child(3) { 
		margin-left: 2%; margin-right: 2%;
		width: 96%;
	}
	#twidget-filter .twidget-filterrow > *:nth-child(2) { margin-top: 0.8em; }
	#twidget-filter .twidget-filterrow > *:nth-child(3) {
		font-size: 0.85em;
		margin-top: 1.3em;
	}
}

@media screen and (max-width: 780px) {
	#twidget-overviewtable, #twidget-overviewtable tbody, #twidget-overviewtable tbody tr, #twidget-overviewtable tbody tr:first-child { display: block; }
	#twidget-overviewtable thead { display: none; }
	#twidget-overviewtable tbody td:nth-child(1) { width: 100%; }
	#twidget-overviewtable tbody td:nth-child(2), #twidget-overviewtable tbody td:nth-child(3), #twidget-overviewtable tbody td:nth-child(4), #twidget-overviewtable tbody td:nth-child(5) { display: none; }
	#twidget-overviewtable .twidget-overviewtable-mobiledetails { 
		display: block; 
		font-size: 0.75em;
		line-height: 1.35em;
		margin-top: 0.5em;
	}
	#twidget-overviewtable .twidget-overviewtable-mobiledetails .twidget-difficulty.s2_5 .halfstar { left: 47px; }
	#twidget-overviewtable .twidget-overviewtable-mobiledetails .twidget-difficulty.s3_5 .halfstar { left: 71px; }
	#twidget-overviewtable .twidget-overviewtable-mobiledetails .twidget-difficulty.s4_5 .halfstar { left: 94px; }
	#twidget-overviewtable .twidget-overviewtable-mobiledetails > div:first-child { margin-bottom: 0.5em; }
	#twidget-overviewtable .twidget-overviewtable-mobiledetails span { font-weight: bold; }
}

@media screen and (max-width: 657px) {
	#twidget-tourcarousel-carousel .owl-pagination { display: none; }
}

@media screen and (max-width: 515px) {
	#twidget-tourcarousel-carousel { padding-left: 1em; padding-right: 1em; }
	#twidget-tourcarousel-carousel .owl-prev { left: -1.45em; }
	#twidget-tourcarousel-carousel .owl-next { right: -1.45em; }
}

@media screen and (max-width: 390px) {
	#twidget-tourcarousel { margin-bottom: 6em; }
	#twidget-tourcarousel-carousel { padding-left: 0; padding-right: 0; }
	#twidget-tourcarousel-carousel .owl-prev, #twidget-tourcarousel-carousel .owl-next { top: auto; bottom: -5em; }
	#twidget-tourcarousel-carousel .owl-prev { left: 28%; }
	#twidget-tourcarousel-carousel .owl-next { right: 28%; }
}

/* Detailseite */
#twidget-tourdata {
	clear: both;
	overflow: visible;
	margin-bottom: 2em; margin-top: 3em;
}
#twidget-tourinfo {
	display: inline-block;
	float: right;
	margin-left: 2em; margin-bottom: 1em;
	width: 300px;
}
#twidget-tourinfo .altitudeicon { vertical-align: -4px; }
#twidget-tourinfo .altitudeicon.down { 
	transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg);
	vertical-align: -6px;
}
#twidget-tourinfo table { width: 100%; }
#twidget-tourinfo tr > * { 
	padding-top: 0.3em; padding-bottom: 0.3em;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}
#twidget-tourinfo tr td {
	clear: both;
	padding-left: 1em;
	text-align: right;
}
#twidget-tourinfo tr + tr > * { border-top: 1px dashed #000; }
#twidget-tourinfo tr td.twidget-diff {
	text-align: center; 
	width: 120px;
}

#twidget-tourinfo h3 { margin-bottom: 0.2em; }
#twidget-tourinfo > div:first-child h3 { margin-top: 0; }
#twidget-tourinfo + p { margin-top: 0; }
#twidget-gpxframe { border: none; }
#twidget-tourbtnbox { margin-top: 1em; }
#twidget-backbutton { margin-top: 3em; }
@media screen and (max-width: 850px) {
	#twidget-tourinfo { width: 100%; }
	#twidget-tourinfo table { max-width: 300px; }
}

/* Widget */
#twidget .twidget-loading {
	display: block;
	height: auto;
	margin: 20px auto;
	width: 100%; max-width: 80px;
}

/* Widget Übersichtsseite */
@media screen and (min-width: 781px) {
	#twidget .twidget-difficulty.s0_5 .halfstar, #twidget .twidget-difficulty.s1 .halfstar, #twidget .twidget-difficulty.s2 .halfstar,
	#twidget .twidget-difficulty.s3 .halfstar, #twidget .twidget-difficulty.s4 .halfstar, #twidget .twidget-difficulty.s5 .halfstar { left: 2px; }
	#twidget #twidget-overviewtable .twidget-difficulty.s1_5 .halfstar { left: 26px; }
}
@media screen and (max-width: 780px) {
	#twidget #twidget-overviewtable .twidget-difficulty.s1_5 .halfstar { left: 23px; }
	#twidget #twidget-overviewtable .twidget-difficulty.s3_5 .halfstar { left: 69px; }
	#twidget #twidget-overviewtable .twidget-difficulty.s4_5 .halfstar { left: 92px; }
}

/* Widget Detailseite */
#twidget-tourimages {
	margin-bottom: 2em;
	z-index: 1!important;
}
#twidget-tourimages img { 
	display: block;
	height: auto;
	width: 100%; max-width: 820px;
}
#twidget-tourimages .owl-pagination { position: absolute; z-index: 1; right: 0.5em; top: 0.5em; }
#twidget-tourimages .owl-page {
	background: #FFF;
	display: inline-block;
	width: 18px; height: 18px;
}
#twidget-tourimages .owl-page.active { background: #666; } 
#twidget-tourimages .owl-page + .owl-page { margin-left: 6px; } 