@charset "utf-8";
/* 12bis3 */

/* lato-300 - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: url('../Fonts/lato-v14-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Lato Light'), local('Lato-Light'),
    url('../Fonts/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../Fonts/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../Fonts/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../Fonts/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../Fonts/lato-v14-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('../Fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Lato Regular'), local('Lato-Regular'),
    url('../Fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../Fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../Fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../Fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../Fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

body {
	font-size: 0.875em;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #5b5b5b;
	line-height:1.5em;
	margin: 0;
	background: #fcf5e8;
	font-weight: 300;
	counter-reset: newslist;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-weight: 300;
}

p {margin-bottom:1.2em}

b, strong {font-weight:400}

ul#skip-links {position: absolute; left: -9999px}

a {color: #a82b31; text-decoration:none}


/* svg font */

@font-face {
	font-family: 'alpinschule';
	src: url('../Fonts/alpinschule.eot?64126728');
	src: url('../Fonts/alpinschule.eot?64126728#iefix') format('embedded-opentype'),
	url('../Fonts/alpinschule.woff2?64126728') format('woff2'),
	url('../Fonts/alpinschule.woff?64126728') format('woff'),
	url('../Fonts/alpinschule.ttf?64126728') format('truetype'),
	url('../Fonts/alpinschule.svg?64126728#alpinschule') format('svg');
	font-weight: normal;
	font-style: normal;
}


[class^="icon-"]:before, [class*=" icon-"]:before, .visuals a:after, .intro p a:after, p.all-events a:after, .start-news h5 a:after, .start-boxes p a:after, li.nav-got-child > a:after, h3.acc-head:after, main .downloads ul li:before, main ul li:before, [class^="symbol-"]:before, span.fa-twitter:before, span.fa-facebook:before, span.fa-google-plus:before, span.fa-envelope:before, span.fa-info:before  {
	font-family: "alpinschule";
	font-style: normal;
	font-weight: normal;
	speak: none;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;

	font-variant: normal;
	text-transform: none;

	line-height: 1em;

	margin-left: .2em;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

}

.icon-down-open:before, li.nav-got-child > a:after, h3.acc-head:after { content: '\e800'; } /* '' */
.icon-left-open:before { content: '\e801'; } /* '' */
.icon-right-open:before, .visuals a:after, .intro p a:after, p.all-events a:after, .start-news h5 a:after, .start-boxes p a:after { content: '\e802'; } /* '' */
.icon-up-open:before { content: '\e803'; } /* '' */
.icon-calendar:before { content: '\e804'; } /* '' */
.icon-user:before { content: '\e805'; } /* '' */
.icon-check:before { content: '\e806'; } /* '' */
.icon-heart:before { content: '\e807'; } /* '' */
.icon-home:before { content: '\e808'; } /* '' */
.icon-star:before { content: '\e809'; } /* '' */
.icon-comment:before { content: '\e80a'; } /* '' */
.icon-award:before { content: '\e80b'; } /* '' */
.icon-asterisk:before, main .downloads ul li:before, main ul li:before, span.fa-info:before  { content: '\e80c'; } /* '' */
.icon-leaf:before { content: '\e80d'; } /* '' */
.icon-camera:before { content: '\e80e'; } /* '' */
.icon-download:before { content: '\e80f'; } /* '' */
.icon-01_eisklettern:before, .symbol-technik:before { content: '\e810'; } /* '' */
.icon-02_wandern:before, .symbol-wandern:before { content: '\e811'; } /* '' */
.icon-03_felsklettern:before, .symbol-fels:before { content: '\e812'; } /* '' */
.icon-04_skifahren:before, .symbol-ski:before { content: '\e813'; } /* '' */
.icon-05_ausdauer:before, .symbol-ausdauer:before { content: '\e814'; } /* '' */
.icon-twitter:before, span.fa-twitter:before { content: '\f099'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-gplus:before, span.fa-google-plus:before { content: '\f0d5'; } /* '' */
.icon-mail-alt:before, span.fa-envelope:before { content: '\f0e0'; } /* '' */
.icon-food:before { content: '\f0f5'; } /* '' */
.icon-doc-text:before { content: '\f0f6'; } /* '' */
.icon-rocket:before { content: '\f135'; } /* '' */
.icon-euro:before { content: '\f153'; } /* '' */
.icon-paw:before { content: '\f1b0'; } /* '' */
.icon-facebook-official:before { content: '\f230'; } /* '' */
.icon-map-signs:before { content: '\f277'; } /* '' */
.icon-map:before { content: '\f279'; } /* '' */
.icon-american-sign-language-interpreting:before { content: '\f2a3'; } /* '' */
.icon-snowflake-o:before { content: '\f2dc'; } /* '' */
.icon-facebook:before, span.fa-facebook:before { content: '\f30c'; } /* '' */




.container {
	width: 100%;
	box-sizing: border-box;
	padding: 0 10px;
}

/* header */

header .container > div {
	background: #a82b31;
	max-width: 45%;
	margin: 0;
	position: relative;
	padding: 10px 5px 5px 5px;
	box-sizing: border-box;
	z-index: 31;
	display: inline-block;
	color: #fff;
}

header .container > div h4 {
	font-size: 2em;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	text-align: justify;
	border-bottom: 1px solid #fff;
	padding-bottom: 0.25em;
	margin-bottom: 0.25em;
}

header .container > div p {
	font-size: 1em;
	font-weight: 300;
	color: #fff;
	text-decoration: none;
	margin-bottom: 0.25em;
}

header {height: 45vh; position: relative}
.start header {height: 50vh}

header .container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
}


/* header visual */

.visuals {
	white-space: nowrap;
	width: 100%;
	margin: 0;
	list-style-type: none;
	overflow:  hidden;
	padding: 0;
	height: 45vh;
	border-bottom: 1px solid #fff;
}
.start .visuals {height:50vh}

.visuals li {
	width: 100%;
	display: list-item !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 45vh;
	position: absolute;
	white-space: normal;
}
.start .visuals li {height:50vh}
/*.visuals li:after {
	background: rgba(0,0,0,0.2);
	content: "";
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}*/

.visuals div {
	bottom: 2em;
	position: absolute;
	text-align: left;
	padding: 0.5em 15px;
	box-sizing: border-box;
	z-index: 10;
}

.visuals h2 {
	color: #fff;
	font-size: 1.75em;
	margin-bottom: .1em;
	font-weight: 400;
}
.visuals p {
	color: #fff;
	font-size: 1.1111em;
	font-weight: 400;
	margin-bottom: .4em;
	position: relative;
	z-index: 10;
}
.visuals p:last-of-type {margin-bottom:0}

.visuals p a {
	color: #fff;
	display: inline-block;
	background: rgba(168,43,49,0.8);
	padding: 0.15em 0.2em 0.15em 10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.visuals p a:after {
	vertical-align: 0;
	margin-left: 0.2em;
	font-size: 0.75em;
}


/* navigation */



/* start */

.intro {
	text-align: left;
	padding-top: 2em;
	padding-bottom:1em;
	background: #faecd1;
	margin-bottom: 2em;
	text-align: center;
}
.intro + main#content {padding-top: 0}

.start .intro {
	background: url(../Images/intro-start.jpg) no-repeat center center;
	background-size: cover;
	padding-bottom: 3em;
	text-align: center;
	padding-top: 2em;
	margin-bottom: 0;
}

.intro h1 {margin:0 0 0.5em 0; color: #a82b31}
/*.intro h1, .intro p, .intro p a, .intro a:hover {color: #fff}*/

.start .intro h1 {color: #a82b31; font-weight: 400; margin-bottom: 0.5em}
.start .intro p {color: inherit}

.start .intro p a {color: #a82b31}
.intro a:after {font-size: .75em}


.start-info {
	padding: 3em 0;
	background: #fcf5e8;
}
.start-info h2 {
	font-size:1.66667rem;
	margin-bottom: 0.8em;
	color: #47433b;
}
.start-info h2:before {
	color: #fff;
	margin-right: 0.4em;
	background: #a82b31;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding: 10px;
	font-size: 0.875em;
}

.start-events dl, .events-list dl {
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;

	margin-bottom: 6px;
	background: #fff;
}
.start-events dt, .events-list dt {
	width: 25%;
	background-color: #ece2bf;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	margin: 0;

	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	text-align: center;
	font-size: 1.1111em;
	color: #47433b;
	padding: .75em 0;
}

.start-events dt span, .events-list dt span {
	align-self: center;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 1em;
	line-height: 1.25em;
}
p.all-events {margin: 1em 0; text-align: right}
p.all-events a {color: #5b5b5b}

.start-events dd, .events-list dd {
	width: calc(100% - 25%);
	background-color: #fff;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	margin: 0;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	box-sizing: border-box;
	padding: 0 10px;
	color: #47433b;
}

.start-events dd h4, .events-list dd h4 {
	align-self: center;
	font-size: 1.1111em;
	margin: 0;
	padding: 0.4em 0;
}
.start-events dd h4 a, .events-list dd h4 a {color: #5b5b5b}

.start-events h6 {
	color:#004264;
	font-size:1.125rem;
	margin-bottom: 0.4em;
	letter-spacing: 0.04em;
}
.events-list h6 {
	color:#fff;
	background: #004264;
	padding: 0.3em 10px;
	font-size:1.125rem;
	margin-bottom: 0.5em;
	letter-spacing: 0.04em;
}

.start-news ul {
	list-style-type: none;
}

.start-news ul li {
	background: #fff;
	margin-bottom: 6px;
	box-sizing: border-box;
	padding: .75em 10px .75em 50px;
	font-size: 1.1111em;
	vertical-align: top;
	position: relative;
}

.start-news ul li:before {
	color: #a82b31;
	font-size: 1.25em;
	display: inline-block;
	content: counter(newslist, decimal-leading-zero);
	counter-increment: newslist;
	font-weight: 400;
	text-align: right;
	width: 40px;
	position: absolute;
	left: 0;
	padding-top: .15em;
}

.start-news h5 {
	font-size: 1.11111em;
	color: #5b5b5b;
	line-height: 1.5em;
	padding-right: 10px;
}
.start-news h5 a {color: #5b5b5b}
.start-news h5 a:after, p.all-events a:after {color: #a82b31; font-size: .85em;}
.start-news h5 a:after {position: absolute; margin-top: .45em}



.start-gallery {
	padding: 3em 0;
	background-color: #faecd1;
}


.start-gallery div ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	box-sizing: border-box;
	text-align: center;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.start-gallery div ul li {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	position: relative;
}
.start-gallery div ul li:nth-of-type(1), .start-gallery div ul li:nth-of-type(2), .start-gallery div ul li:nth-of-type(3), .start-gallery div ul li:nth-of-type(4)  {
	margin-bottom: 10px;
}

.start-gallery div ul li {
	display: block;
}

.start-gallery div ul li a {
	display: block;
}

.start-gallery div ul li span {
	opacity: 0;
	background: rgba(178,167,147,0.7);
	position: absolute;
	left:0;
	bottom: 7px;
	right:0;
	top: 0;
	display: inline-block;
	width: 100%;
	vertical-align: block;
	padding-top: 27.5%;
	font-weight: 400;
	color: #fff;
}

.start-gallery div ul li:hover span {
	opacity: 1;
	z-index: 17;
}




/* content */


h1 {
	color: #a82b31;
	font-size:2em;
	line-height: 1.25em;
	font-weight: 400;
	margin-bottom: .5em;
}

h2 {
	color: #a82b31;
	font-size:1.375rem;
	line-height: 1.25em;
	margin-bottom: 0.6em;
	font-weight: 400;
}

h3 {
	color: #a82b31;
	font-size:1.25rem;
	line-height: 1.25em;
	margin-bottom: 0.5em;
	font-weight: 400;
}

h4 {
	color: #a82b31;
	font-size:1.125rem;
	line-height: 1.25em;
	margin-bottom: 0.4em;
	font-weight: 400;
}

h5 {
	color: #a82b31;
	font-size:1rem;
	line-height: 1.25em;
	margin-bottom: 0.3em;
	font-weight: 400;
}

h6 {
	color: #a82b31;
	font-size:1rem;
	line-height: 1.25em;
	margin-bottom: 0.3em;
	font-weight: 400;
}

main.content {
	padding: 3em 0;
	box-sizing: border-box;
	border-bottom: 1px solid #dedede;
}
main .container {padding: 0 10px}

main ul {
	list-style-type: none;
	margin: 0 0 1.5em 30px;
}

main ol {
	list-style-type: decimal;
	margin: 0 0 1.5em 30px;
}

main ul li, main ol li {
	margin-bottom: 0.2em;
}

main ul li:before {
	margin-left: -20px;
	display: inline-block;
	width: 20px;
	vertical-align: .4em;
	font-size: .5em;
}

main .tour-share ul li:before {
	display: none;
}


figure {margin: 0}
img {width: 100%; height: auto}


.image-right, .image-left {
	width: 100%;
	margin-bottom: 1em;
}
.image-right figcaption, .image-left figcaption {padding: 0.2em 10px; font-size: 0.875rem; text-align: center}

div.images, div.downloads {
	margin: 2em 0;
	background: #faecd1;
	box-sizing: border-box;
	padding: 1.5em 10px;
}

div.images h4, div.downloads h4 {
	font-size:1.25em;
	margin-bottom: 1em;
	padding-bottom: 0.6em;
	border-bottom: 1px solid #bdbdbd;
}

div.images h4:before, div.downloads h4:before {color: #676767; margin-right: 0.4em;}

div.images figure {
	overflow: hidden;
}

main div.images ul {
	list-style-type: none;
	white-space: nowrap;
	margin: 0;
}

main div.images ul li {
	display: inline-block;
	width: 100%;
	margin-right: 10px;
	margin-bottom: 0;
}
main div.images ul li:before {display:none}

h3.acc-head {
	background: #faecd1;
	padding: 0.5em 10px;
	margin: 0 0 0.75em 0;
	position: relative;
}
h3.acc-head-active {
	background: #fff;
	margin-bottom: 0;
}
h3.acc-head:after {position: absolute; right: 20px; top: 0.5em; font-size: 1.5rem}
h3.acc-head-active:after {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.acc-content {
	background: #fff;
	display: none;
	padding: 0.5em 10px;
	margin: 0 0 0.75em 0;
}
h3.acc-head:last-of-type, .acc-content:last-of-type {margin-bottom:1.5em}
h3.acc-head-active:last-of-type {margin-bottom: 0}


main .downloads ul {margin: 0; }
main .downloads ul li {margin: 0; padding: 0.3em 5px }
main .downloads ul li:before {color: #a82b31}
main .downloads ul li:last-of-type {border: none}

.teaser-box {
	margin: 2em 0;
	padding: 20px;
	background: #faecd1;
	box-sizing: border-box;
}

.teaser-box h2 {
	font-size: 1.5rem;
}
.teaser-box p:last-of-type {margin: 0}


/* touren */

.touren-list {
	margin: 0 0 2em 0;
}

.touren-list h4 {
	font-size:1.333em;
	margin-bottom: 0.8em;
	color: #5b5b5b;
}

.touren-list h4:before {
	color: #fff;
	margin-right: 0.4em;
	background: #a82b31;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding: 10px;
	font-size: 0.875em;
}

.touren-list dl {
	margin: 0 0 .75em 0;
	box-sizing: border-box;
	background: #ece2bf;

	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.touren-list.list-year dl {margin-bottom: .25em; overflow: hidden;}

.touren-list dd {
	margin: 0;
	background: #fff;

	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	padding: .35em 10px;
	width: 100%;
	box-sizing: border-box;

	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}


.touren-list dt {
	margin: 0;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	padding: .35em 10px;
	box-sizing: border-box;
	position: relative;
}
.touren-list.list-year dl dt {padding: .15em 0 .15em 10px; width: 38%}
.touren-list.list-year dl h4 {font-size:1em; margin: 0}
.touren-list.list-year dl dt br {display: none}
.touren-list.list-year dl dt span {display: block;}
.touren-list.list-year dl dd {width:62%; padding: .27em 10px }
.touren-list dt.touren-info {display: none}

.touren-list.list-year dt span strong:first-of-type:after {
	display: inline-block;
	content: "-";
	font-size: 1em;
	margin: 0 .25em;
}

.touren-list p {
	margin: 0;
}

.touren-list h2 {
	margin-bottom: .25em;
	font-size: 1.1111em;
	color: #a82b31;
}
.touren-list h2 a {color: #a82b31}

dt.touren-info span:before {
	color: #a82b31;
}

dt.touren-price {line-height: 1.3em;}
dt.touren-price span:nth-of-type(1) {font-size: 1.1em; font-weight: 400; display: inline-block; padding: 0.1em 5px; background: #a82b31; color: #fff; margin-top: 0.15em;}
dt.touren-price span:nth-of-type(2) {font-weight: 300; font-size: .925em;}

div.tour-share {
	background: #fff;
	padding: .5em 20px;
	margin: 1.5em 0;
}
div.tour-share h5 {font-weight: 300; font-size: 1.111em}

dl.info-icons {
	overflow: hidden;
	margin-bottom: 0.5em;
}

dl.info-icons dt {
	width: 100px;
	float: left;
	clear: left;
	margin: 0 0 0.5em 0;
}

dl.info-icons dd {
	width: calc(100% - 100px);
	float: left;
	margin: 0 0 0.5em 0;
}


aside {margin-top: 2em}

aside h4 {
	font-size: 1.111em;
	color: #a82b31;
	margin-bottom: .75em;
}

aside h4:before {
	color: #fff;
	margin-right: .5em !important;
	background: #a82b31;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding: 10px;
	font-size: 1em;
}

aside > div {
	background: #fff;
	padding: 1em 15px;
	box-sizing: border-box;
	margin-bottom: 1.5em;
	font-size: 1em;
	line-height: 1.4em;
}

aside > div:first-of-type {
	background: #ece2bf;
}

aside ul {margin: 0;}
aside ul li {padding: 0}
aside ul li:before {display: none}

aside h6 {
	font-size: 1em;
	color: #a82b31;
	font-weight: 400;
}

aside > div p:last-of-type {margin-bottom:.25em}

aside > div:first-of-type li {overflow: hidden; margin-bottom: .65em}
aside > div:first-of-type li a {
	display: inline-block;
	border: 1px solid #a82b31;
	padding: .1em 8px .1em 2px;
	color: #a82b31;
	background: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float: right;
	font-weight: 400;
	line-height: 1.2em;
}
aside > div:first-of-type li a:before {
	font-size: 1.111em;
	vertical-align: -0.1em;
}
aside > div:first-of-type li em {clear: right; display: inline-block}

aside span strong:first-of-type:after, aside div:nth-of-type(2) span:nth-of-type(1):after {
	display: inline-block;
	content: "/";
	color: #c4c4c4;
	font-size: 1.25em;
	margin: 0 .25em;
}

aside p span:first-of-type {
	font-weight: 600;
	font-size: 1.1111em;
}
aside div span[class^="symbol-"] {font-size: 1.333em; margin-bottom: 0.5em; display: inline-block; color: #afafaf}


/* news */

.news dl {
	margin: 0 0 0.5em 0;
	padding: 1em 15px;
	box-sizing: border-box;
	background: #fff;
}

.news dl dt {
	margin: 0 0 0.5em 0;
	padding: 0;
	position: relative;
	min-height: 6.5em;
	text-align: center;
}
.news dl dt:before {
	font-size: 5em;
	color: rgba(204,153,0,0.7);
	box-sizing: border-box;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding: .15em 0;
	position: absolute;
	left: calc(50% - .85em)
}
.news dl dt img {position: relative;}

.news dl dd {
	margin: 0;
	padding: 0
}


/* form */

div.container > form {
	background: #fff;
	box-sizing: border-box;
	padding: 1em 20px;
}

p.check-radio {
	margin-bottom: 0.5em;
}
p.check-radio input {width: inherit; border: inherit; background: inherit; padding: inherit}


input, select, textarea, button {
	box-sizing: border-box;
	width: 100%;
	border: none;
	color: #676767;
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	padding: 0.5em 15px;
	font-size: 1rem;
	background: #f7f7f7;
}
textarea {height: 25vh; max-height: 175px;}

label, .control-label {
	width: 100%;
	color: #5b5b5b;
	font-size: 1em;
	font-weight: 400;
}

.form-group {overflow: hidden; margin-bottom: 1em}
.form-group .form-group {margin-bottom: 0}
form#kontakt {
	padding: 1em 20px;
	margin: 1.5em 0;
	background: #fff;
}

.form-check .add-on.form-check-label {width: 100%}

input[type=submit] {width: auto; padding: 0.5em 2em; color: #fff; background: #004264}

.inputs-list label {width: auto; padding-right: 1em;}

fieldset {
	background: #fff;
	border: none;
	padding: 1em 20px;
	box-sizing: border-box;
	margin-bottom: 1.5em;
}

legend {
	font-size: 1.1111em;
	font-weight: 400;
	color: #a82b31;
	display: block;
	margin: 0 -20px;
	padding: .5em 20px;
	background: #fff;
	width: calc(100% + 40px);
	box-sizing: border-box;
}

input[type=checkbox], input[type=radio] {
	border:none;
	border-radius: 0;
	font-size: 1em;
	width: auto;
}

input#tour-personen[type=checkbox], input#tour-personen[type=radio] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input#tour-personen:checked,
input#tour-personen:not(:checked) {
	background: transparent;
	position: relative;
	visibility: hidden;
	margin:0;
	padding:0;
}

input#tour-personen + label {
	cursor: pointer;
	width: 80%;
}

input#tour-personen:checked + label::before,
input#tour-personen:not(:checked) + label::before {
	content:' ';
	display:inline-block;
	width: 17px;
	height:17px;
	position: relative;
	top:4px;
	border: 1px solid #a82b31;
	background: #fff;
	margin-right: 1em;
	box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

input#tour-personen:checked + label::before {
	border-radius: 30px;
}

input#tour-personen:hover  + label::before {
	background:#5b5b5b;
	box-shadow: inset 0 0 0 2px white;
}

input#tour-personen:checked  + label::before {
	background:#a82b31;
	box-shadow: inset 0 0 0 2px white;
}

div.tour-extra-person {
	border-left: 1px solid #a82b31;
	padding-left: 20px;
}
div.tour-extra-person p {margin-bottom: .75em;}
div.tour-extra-person p.tour-extra-person-add a:before {font-size: 0.8889em;}

.tour-reservation textarea {
	width: 100%;
}

button {
	font-weight: 400;
	font-size:1em;
	border: 1px solid #a82b31;
	width: 100%;
	box-sizing: border-box;
	padding: .25em 0;
	color: #a82b31;
	text-align: center;
	font-size: 1.111em;
}




/* footer */

.partners {
	padding: 2em 0;
	background: #fff;
}

.partners ul {
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	text-align: center;
}

.partners ul li {
	display: inline-block;
	vertical-align: middle;
	width: calc(50% - 5px);
	text-align: center;
	box-sizing: border-box;
	padding: 1em 10px;
}

.partners ul li img {
	max-width: 120px;
	max-height: 105px;
	height: auto;
	width: auto;
}



footer {
	padding: 3em 0;
	background: #fdf7ed;
	color: #5b5b5b;
}

footer div div {
	box-sizing: border-box;
}

footer ul {
	list-style-type: none;
	margin-bottom: 1em;
}

footer h6 {color: #5b5b5b; font-size:1.3333em; margin-bottom: .5em; font-weight: 300}
footer ul + h6 {margin-top: 2em}

footer a {color: #5b5b5b;}

footer a:before {color: #5b5b5b}

footer img {width: auto}






@media screen and (max-width:600px) {

	#main-nav > p a {font-size: 1rem}


	figure.image-left {text-align: center;}
	figure.image-right {text-align: center;}
	figure.image-left img {max-width: 300px;}
	figure.image-right img {max-width: 300px;}

	.teaser-box figure {
		margin-bottom: 1em;
		text-align: center;
	}
	.teaser-box figure img {max-width: 300px}

	footer div div:nth-of-type(2), footer div div:nth-of-type(3) {display: none}

}

@media screen and (max-width:679px) and (orientation:landscape) {




}

@media screen and (min-width:679px) and (max-width:769px) and (orientation:portrait) {

	#main-nav ul {width: 50% !important; right: 0; left: auto !important;}
	#main-nav ul ul {width: 100% !important;}

}


@media screen and (min-width:601px) {

	body {font-size: 1em;}

	header .container > div {max-width: 37.5%; margin: 0; padding: 20px 10px 10px 10px}

	#main-nav > p a {font-size: 1.25rem}

	.visuals div {width: 80%; left: 20%;}

	.start-events dl, .events-list dl {font-size: 1.125em}
	.start-events dt span br, .events-list dt span br {display: none}
	.start-events dt span strong:first-of-type:after, .events-list dt span strong:first-of-type:after {
		display: inline-block;
		content: "-";
		color: #47433b;
		font-size: 1.25em;
		margin: 0 .25em;
		font-weight: 300;
	}
	.start-events dt, .events-list dt {padding: 0.5em 0;}
	.start-news ul li {padding-top: .5em; padding-right: .5em; font-size: 1.1111em}

	.start-gallery div ul li {
		-webkit-flex: 0 1 calc(50% - 10px);
		-ms-flex: 0 1 calc(50% - 10px);
		flex: 0 1 calc(50% - 10px);
	}
	.start-gallery div ul li:nth-of-type(1), .start-gallery div ul li:nth-of-type(2), .start-gallery div ul li:nth-of-type(3), .start-gallery div ul li:nth-of-type(4)  {
		margin-bottom: 15px;
	}



	h1 {font-size:1.75rem}


	main div.images ul li {
		display: inline-block;
		width: calc(50% - 8px);
		box-sizing: border-box;
		margin-right: 10px;
	}

	.news-teaser dl dt {
		width: 25%;
		float: left;
	}
	.news-teaser dl dd {
		width: 75%;
		float: left;
		padding-left: 20px;
	}

	footer .container {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}

	footer .container div {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
		width: calc(50% - 20px)
	}

	figure.image-left {width: 25%; float: left; margin: 0.2em 20px 0.5em 0}
	figure.image-right {width: 25%; float: right; margin: 0.2em 0 0.5em 20px}

	.teaser-box {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-align-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.teaser-box figure, .teaser-box div {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
	}
	.teaser-box figure {width:20%}
	.teaser-box div {width:80%; box-sizing: border-box; padding-left: 20px}

	.partners ul li {width: calc(33% - 5px);}

	.touren-list dd {width: 60%; padding: .35em 10px;}
	.touren-list dt {padding: .35em 10px;}
	.touren-list dl dt:first-of-type {width:40%}
	/*.touren-list dl dt:last-of-type {width:11%}*/

	.touren-list.list-year dl dd {width:80%}
	.touren-list.list-year dl dt:last-of-type {width:20%}


	aside > div {font-size: .8889em;}

	.news dl {overflow: hidden; padding: 1em 20px;}
	.news dl dt {
		margin: 0;
		width: 20%;
		float: left;
	}
	.news dl dt:before {
		font-size: 4em;
		color: rgba(60,118,166,0.7);
		box-sizing: border-box;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		padding: .15em 0;
		position: absolute;
		left: calc(50% - 0.65em)
	}
	.news dl dd {
		width: 80%;
		float: left;
		box-sizing: border-box;
		padding-left: 20px;
	}



}

@media screen and (max-width:768px) {

	header {height: 30vh}
	.start header {height: 40vh}
	.visuals {height: 30vh;}
	.start .visuals {height:40vh}
	.visuals li {height: 30vh;}
	.start .visuals li {height: 40vh}



	#meta-nav ul li a {width:1.25em; padding: 0.2em 0; display: inline-block; font-size:1rem; color: #fff; text-indent: -9999px; text-align: left; position: relative}
	#meta-nav ul li a:before {font-size: 1.25rem; position: absolute; right:0; top: 0.1em; text-align: right;}


	footer .container div {margin-bottom: 1.5em}



}

@media screen and (min-width:769px) {

	header .container > div {max-width: 25%; margin: 20px 0;}

	.container {padding-left: 20px; padding-right: 20px}

	.start-gallery div ul li {
		-webkit-flex: 0 1 calc(50% - 30px);
		-ms-flex: 0 1 calc(50% - 30px);
		flex: 0 1 calc(50% - 30px);
	}




	#meta-nav {padding: 0 20px;}
	#meta-nav ul li a {padding: 0.2em 0; display: inline-block; font-size:1rem; color: #fff; text-align: left; position: relative}
	#meta-nav ul li a:before {font-size: 1.25rem; margin-right: 0.3em}
	#meta-nav ul li a:hover, #meta-nav ul li a:focus, #meta-nav ul li a.nav-active {color: rgba(255,255,255,0.7)}


	footer .container div {
		width: calc(25% - 45px)
	}

	.partners ul li {width: calc(16.66% - 5px); padding: 0 10px}


	figure.image-left {width: 30%; max-width: 270px}
	figure.image-right {width: 30%; max-width: 270px}


	input, select, textarea {
		width: 70%;
	}
	div.input {width:70%; float: left}

	label, .control-label {
		width: 30%;
		display: inline-block;
		float: left;
	}
	p.check-radio label {display: inline; width: auto;}
	input[type=submit] {margin-left: 30%}
	.input-small {width: 25%;}
	div.tour-extra-person p.tour-extra-person-add {padding-left: 30%;}



	.tour-detail {overflow: hidden}
	.tour-detail div.tour-description {
		float: left;
		width: 66.66%;
	}
	.tour-detail aside {
		width: 33.33%;
		box-sizing: border-box;
		padding-left: 50px;
		float: right;
		margin-top: 0;
	}


}


@media screen and (max-width:1024px) {


	.intro div ul {overflow-x: auto}
	.start-events ul {overflow-x: auto}

	div.images ul {overflow-x: auto}
	div.images figure > p {display: none}


	#main-nav ul {display: none}
	#main-nav > p {display: block; text-align: right; margin: -2.5em 0 0 0; }
	#main-nav > p a {display: inline-block; color: #fff}
	#main-nav > p a:before {margin-right: 0.3em;}


	#main-nav ul {
		background: rgba(178,167,147,0.98);
		box-sizing: border-box;
		padding: 10px;
		text-align: left;
		position: absolute;
		width: 100%;
		z-index: 101;
		list-style-type: none;
		margin: 0;
		left: 0;
		right: 0;
	}

	#main-nav ul li {
		overflow: hidden;
		border-bottom: 1px solid #fff;
	}
	#main-nav ul li:before {display: none}

	#main-nav ul li:last-of-type {border:none}

	#main-nav ul div {display: none}
	#main-nav ul li h6 {color: #fff; border-bottom: 1px solid #fff; padding-bottom: .5em}

	#main-nav ul li a {
		display: inline-block;
		padding: 0.5em 0;
		font-size: 1.125rem;
		width: 90%;
		float: left;
		color: #fff;
		font-weight: 400;
	}
	#main-nav ul li a.nav-active {color: #fff}
	#main-nav ul li a:after {display:none}

	#main-nav ul li span {
		width: 7%;
		float: right;
		display: inline-block;
		font-size: 1.25rem;
		padding: 0.4em 0 0.3em 0;
		color: #fff;
	}

	#main-nav ul ul {
		position: relative;
		right: auto;
		top: auto;
		overflow: hidden;
		clear: both;
		background: none;
		padding: 0 10px 10px 10px;
		display: block;
	}

	#main-nav ul ul li {
		border: none;
	}
	#main-nav ul ul li span {display: none}

	#main-nav ul ul li a {
		display: inline-block;
		padding: 0.25em 0;
		font-size: 1em;
		width: 100%;
		float: none;
	}




}


@media screen and (min-width:1025px) {

	body {font-size: 1.125em}

	header .container > div {width:350px; display: inline-block; margin: 0; padding: 30px 15px 15px 15px}

	.start-info {overflow: hidden;  }
	.start-events {width: 65.16%; float: left;  }
	.start-news {width: 34.84%; float: left; box-sizing: border-box; padding-left: 20px }
	.start-events dt {width: 30%}
	.start-events dd {width: 70%}
	.start-news h5 {font-size: 1em}
	.start-news ul li:before {padding-top: .05em}
	.start-news h5 a:after {margin-top: .6em}


	main .container {padding-left: 20px; padding-right:20px}
	h1 {font-size:2rem;}

	main div.images ul li {
		width: calc(25% - 45px);
		box-sizing: border-box;
		margin-right: 60px;
	}
	main .tour-description div.images ul li {margin-right:15px; width: calc(25% - 14px)}


	main .container > div {padding-right: 60px}


	nav#main-nav p {display: none}

	nav#main-nav {width: 69%; display: inline-block; vertical-align: top; margin-top:2em; z-index: 32; position: relative}
	nav#main-nav > ul {text-align: right;}

	nav#main-nav ul li {
		display: inline-block;
		margin: 0 25px;
		position: relative;
	}
	nav#main-nav ul > li:first-of-type {position: inherit}

	nav#main-nav ul li span {display: none}

	nav#main-nav ul a {
		color: #464545;
		font-size:1.222em;
		text-decoration: none;
		display: inline-block;
		padding: 0.35em 0;
		border-bottom: 1px solid rgba(255,255,255,0);
		position: relative;
		font-weight: bold;
	}
	nav#main-nav ul a:hover, nav#main-nav a:focus, nav#main-nav a.nav-active {
		text-decoration: none;
		position: relative;
		border-color: rgba(255,255,255,1);
	}
	li.nav-got-child a:after {display: none;}
	li.nav-got-child:hover > a:after {
		font-size:1.5em;
		margin-left: 0.3em;
		vertical-align: 0.05em;
		position: absolute;
		bottom: -.75em;
		left: calc(50% - 0.75em);
		color:rgba(255,255,255,0.7);
		display: inline-block;
	}
	nav#main-nav ul li.nav-got-child > a {border-bottom: none}

	nav#main-nav ul li div {
		max-height:0;
		position: absolute;
		overflow: hidden;
		width: 100%;
		padding-top:.75em;
		right: 0;
	}

	nav#main-nav ul ul {
		text-align: left;
		list-style-type: none;
		float: left;
		margin: 0;
		z-index: 90;
		-webkit-transition: max-height .25s ease;
		transition: max-height .25s ease;
		box-sizing: border-box;
		padding: 0 30px 0 0;
		width: 100%;
	}
	nav#main-nav ul > li:first-of-type ul {width:33.3%}
	nav#main-nav ul li:hover div {
		max-height: 300px;
	}

	nav#main-nav ul ul li {
		display: list-item;
		text-align: left;
		margin: 0;
	}
	nav#main-nav ul ul li:first-of-type {padding-top:15px}
	nav#main-nav ul ul li:last-of-type {padding-bottom:15px}

	nav#main-nav ul ul li h6 {
		font-size: 1em;
		border-bottom: 1px solid #a82b31;
		color: #a82b31;
		padding-bottom: .4em;
		margin-bottom: .4em;
		font-weight: 400;
	}

	nav#main-nav ul ul li a {
		display: block;
		font-size: .9em;
		padding: 0.1em 0;
		text-transform: none;
	}

	header.nav-hover:after {
		display: block;
		background: rgba(250,236,209,0.95);
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		content:"";
		position: absolute;
		z-index: 30;
	}



	/* Css animation */

	nav#main-nav ul a {-webkit-transition: border .5s ease; transition: border .5s ease}
	nav#meta-nav ul a {-webkit-transition: color .5s ease; transition: color .5s ease}
	.intro-nav a {-webkit-transition: color .5s ease; transition: color .5s ease}

	h3.acc-head {-webkit-transition: all .5s ease; transition: all .5s ease}
	h3.acc-head:hover, h3.acc-head:focus {background: #fff; }
	h3.acc-head:after {-webkit-transition: all .5s ease; transition: all .5s ease}
	h3.acc-head:hover:after {
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.downloads li {-webkit-transition: background .5s ease; transition: background .5s ease}
	.downloads li:hover, .downloads li:focus {background: #fff;}

	.teaser-box {-webkit-transition: background .5s ease; transition: background .5s ease}
	.teaser-box:hover {background: #f7f7f7;}

	.start-events dl dd, .events-list dl dd, .start-news li  {-webkit-transition: background .5s ease; transition: background .5s ease}
	.start-events dl:hover dd, .events-list dl:hover dd, .start-news li:hover, .start-news li:focus {background: #ece2bf;}

	.touren-list dl dd {-webkit-transition: background .5s ease; transition: background .5s ease}
	.touren-list dl dd:hover {background: #ece2bf;}

	aside > div:first-of-type li a {-webkit-transition: background .5s ease; transition: background .5s ease}
	aside > div:first-of-type li a:hover, aside > div:first-of-type li a:focus {background: #faecd1}

	button {-webkit-transition: all .5s ease; transition: all .5s ease; cursor: pointer}
	button:hover, button:focus {color: #fff; background-color: #a82b31 }

	.tour-detail aside {padding-left: 90px}

	.start-gallery div ul li span {-webkit-transition: opacity .5s ease; transition: opacity .5s ease;}


}


@media screen and (min-width:1200px) {

	body {font-size: 1.125rem}

	header .container > div {margin-left: calc(50% - 600px)}
	.visuals div {right: calc(50% - 600px); width: 600px; bottom: 25px; left: auto}

	.intro .container {padding-left: 20px; padding-right: 20px}
	.start .intro .container {padding-top: 1.5em}

	.container {
		width: 1200px;
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0;
	}

	#meta-nav {padding: 0;}
	#meta-nav ul {margin: 0 auto; width: 1200px}

	nav#main-nav {margin-top: 30px; width:880px}
	nav#main-nav ul > li:first-of-type div {width: 85%}



}

@media screen and (min-width:1300px) {

	.start-events div.container {position: relative}
	#events-pager a {
		position: absolute;
		bottom: 0;
		font-size: 3rem;
		top: calc(50% + 1rem);
	}
	#events-pager a:nth-of-type(1) {left: -50px}
	#events-pager a:nth-of-type(2) {right: -50px}

}

.cc-cookies {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	color:#5b5b5b;
	background-color: rgba(255,255,255,0.9);
	text-align: center;
	z-index: 999;
	padding: 10px 10% 16px 10%;
	font-size: 1em;
}
.cc-cookies .container {width: auto}
@media screen and (min-width:1024px) {
	.cc-cookies {padding: 10px 10% 16px 10%;}
}
.cc-cookies h6 {
	font-weight: bold;
	font-size: 1.125rem;
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #fff;
}
.cc-cookies p {
	letter-spacing: 0.5px;
	padding-bottom: 12px;
	margin: 0;
	font-size:1rem;
}
.cc-cookies a, .cc-cookies a:link, .cc-cookies a:visited {
	color: #a82b31;
	text-decoration: none;
	font-weight: bold;
}

.cc-cookies .cc-cookie-accept, .cc-cookies > a:last-of-type {
	border: 1px solid #a82b31;
	padding: 6px 10px;
	margin: 0 6px;
}
.cc-cookies .cc-cookie-accept:before, .cc-cookies > a:last-of-type:before {
	content: none;
	background: none;
}
.cc-cookies .cc-cookie-accept:hover, .cc-cookies > a:last-of-type:hover {
	background-color: #ece2bf;
}