@font-face {
	font-family: 'Droid Sans';
	font-style: normal;
	font-weight: 400;
	src: local(''),
		 url('/fonts/droid-sans-v7-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('/fonts/droid-sans-v7-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
@font-face {
	font-family: 'Droid Sans';
	font-style: normal;
	font-weight: 700;
	src: local(''),
		 url('/fonts/droid-sans-v7-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('/fonts/droid-sans-v7-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
html { height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, form, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video { background: transparent; font-size: 100%; vertical-align: baseline; border: 0; outline: 0; margin: 0; padding: 0; }
article, aside, figure, figcaption, footer, header, nav, section { display: block; }
strong, b { font-weight: bold; }
small { font-size: .875em; display: inline-block; }
strike, del { text-decoration: line-through; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
hr { display: block; height: 1px; border: 0 none; border-top: 1px solid #ccc; padding: 0; }

ul { list-style: none outside; }
ul.inline { list-style: none outside; }
ul.inline > li { display: inline-block; }
ul.disc { list-style: disc outside; margin-left: 2em; }
ul.square { list-style: square outside; margin-left: 2em; }
ol { list-style: decimal outside; margin-left: 2em; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }
nav ul { margin: 0; }

a, :focus { outline: 0; }
a img { border: 0 none; }

input,
textarea { font-weight: inherit; font-size: inherit; font-family: inherit; color: inherit; vertical-align: baseline; margin: 0; }

input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=url],
input[type=tel],
input[type=file],
textarea { background: #fff; display: inline-block; width: 100%; border: 1px solid #fff; border-radius: 0; -webkit-appearance: none; margin: 0; padding: .25em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

textarea { overflow: auto; resize: none; vertical-align: top; resize: vertical; }

input[type=checkbox],
input[type=radio] { padding: 0; }

select { cursor: pointer; vertical-align: baseline; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

button,
.btn { background: transparent; font-weight: bold; font-family: inherit; font-size: inherit; line-height: normal; color: inherit; text-align: center; display: inline-block; *display: inline; *zoom: 1; vertical-align: baseline; width: auto; overflow: visible; cursor: pointer; border: 0 none; margin: 0; }

[placeholder]:focus::-webkit-input-placeholder { color: transparent; }

input[type=search],
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration { -webkit-appearance: none; border-radius: 0; }

button::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=file] > input[type=button]::-moz-focus-inner { border: 0; margin: 0; padding: 0; }


img {
	max-width: 100%;
	height: auto;
}

a, a:hover {
	text-decoration: none;
	color: #777;
	outline: none;
}

.no-touch a:hover {
	color: #000;
}
html, button, input, select, textarea {
	color: #000;
}

html {
	text-shadow: 0 0 1px rgba(102,102,102,0.2);
	text-rendering: optimizeLegibility;
}
body {
	font: 400 1em/1.4 'Droid Sans', sans-serif;
	color: #333;
	background-color:#b92312;
}
.header-wrap {
	background-color: #fff;
}
.footer,
.nav,
.sub-nav,
.cont,
.header {
	max-width: 980px;
	margin: 0 auto;
	position: relative;
}
.headline { padding-top: 10px; float: left; position: relative; max-width: 100%;}
.headline img { display: block;}
.hymne { position: relative; float: right; padding-bottom: 10px; }
.meta-nav { padding: 10px 0 20px; }
.meta-nav li { float: right; margin-left: 15px; }

.meta-nav a,
.meta-nav a:hover { text-decoration: none; color: #777; font-size: 14px;}
.meta-nav a:hover { color: #333;}

#jp_container {
	position: relative; background: url(media/bg_player.png) 0 0 no-repeat;
	width: 175px;
	height: 37px;
}
.hymne .jp-play,
.hymne .jp-stop {
	width: 21px; height: 21px; position: absolute;
	background: url(jplayer/sprite.png) 0 0 no-repeat;
	text-indent: -20000px;
	display: block;
}
.hymne .jp-stop { display: none; left: 130px; top: 4px; background-position: -93px 0; }
.hymne .jp-play { left: 132px; top: 4px; }


.nav-wrap {
	background-color: #b92312;
	max-height: 40px;
	overflow: hidden;
}
.nav-wrap.open {
	max-height: none;
}
.sub-nav-wrap {
	background-color: #d02614;
	max-height: 40px;
	overflow: hidden;
}
.sub-nav-wrap.open {
	max-height: none;
}


.nav li,
.sub-nav li { float: left; padding: 10px 20px 10px 0; }

.nav a,
.nav a:hover,
.nav a.akt,
.nav a.akt:hover {
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	white-space: nowrap;
}
.nav a:hover,
.nav a.akt,
.nav a.akt:hover {
	color: #f8dd33;
}

.sub-nav a,
.sub-nav a:hover,
.sub-nav a.akt,
.sub-nav a.akt:hover {
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	white-space: nowrap;
}
.sub-nav a:hover,
.sub-nav a.akt,
.sub-nav a.akt:hover {
	color: #f8dd33;
}


.cont-wrap {
	background-color : #fff;
	padding: 30px 0;
}

.cont {
	min-height: 400px;
}

.toggle-nav {
	width: 21px;
	height: 21px;
	position: absolute;
	right: 10px; top: 10px;
	cursor: pointer;
	text-indent: -20000px;
	background-image: url(media/icon_expand_collapse.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.nav-wrap.open .toggle-nav {
	background-position: -24px 0;
}


.grid li {
	float: left;
	width: 33.3333%;
	position: relative;
}

.grid img { display: block; width: 100%; max-width: none; }

.overlay {
	position: absolute;
	cursor: pointer;

	display: none;
	overflow: hidden;
	width: 100%;
	height: 100%;
	z-index: 20;
	background-color: rgba(255, 255, 255, 0.8);
}
.overlay p {
	padding: 20px;
	position: relative;
	vertical-align: bottom;
	color: #333;
	font-size: 24px;
	height: 100%;
	max-width: 340px;
}


.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
    padding-top: 0;
    height: 0;
    overflow: hidden;
}


.teaser-start {
	 padding: 20px;
     margin-bottom: 20px;
}
.teaser-start img {
    padding: 0 10px;
}

h1 {
	font-size: 32px;
	color: #d12613;
	font-weight: 400;
	padding-bottom: 10px;
}
h2 {
	font-size: 22px;
	color: #d12613;
	font-weight: 400;
	padding-bottom: 10px;
    max-width: 638px;
}
h3 {
	font-size: 18px;
	color: #333;
	font-weight: 700;
	padding-bottom: 10px;
}
p {
	font-size: 18px;
	color: #333;
	line-height: 160%;
	padding-bottom: 10px;
}

.img-20-r {
	float: right;
	width: 23%;
	min-width: 100px;
	margin: 0 0 0 20px;
	max-width: 230px;
}

.img-30-r {
	float: right;
	width: 31%;
	min-width: 150px;
	margin: 0 0 0 20px;
	max-width: 304px;
}
.img-30-l {
	float: left;
	width: 31%;
	min-width: 150px;
	margin: 0 20px 0 0;
	max-width: 304px;
}
.caption {
	font-size: 14px;
	color: #333;
	line-height: 120%;
}

.more {  }
.more:before { content: ""; background: url(media/more.png) 0 0 no-repeat; display: inline-block; width: 12px; height: 12px; }

a.btn-more,
a.btn-more:hover {
	display: inline-block; color: #fff; font-weight: 700; padding: 5px 10px 5px 28px;
	background: #fdbe01 url(media/icon_more.png) 10px 9px no-repeat;
	white-space: nowrap;
}


a.btn-more:hover { background-color: #b92312;}

.footer {
	padding: 20px 0;
}
.footer p,
.footer p a,
.footer p a:hover {
	color: #e2a69f;
	text-decoration: none;
}
.footer p a:hover { text-decoration: underline;}

.footer .col-1 { float: left;margin-right: 45px;}
.footer .col-2 { float: left;margin-right: 45px; padding-bottom: 20px; }
.footer .col-3 { float: left; max-width: 630px; }
.footer p {	font-size: 16px; line-height: 140%; padding-bottom: 5px;}
.footer p.copyright { font-size: 13px; }

.map {
	overflow: auto;
	margin: 0 auto;
	max-width: 900px;
	padding-bottom: 20px;
}
.map-inner { min-width: 500px; position: relative; max-width: 900px; }

.pointer {
	position: absolute;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 20;
}
.pointer img {
	display: block;
	width: 30px;
	height: 30px;
}

.info {
	background-color: #f3f3e9;
	max-width: 400px;
	padding: 10px;
	margin: -120px 0 0 -210px;
	position: absolute;
	z-index: 200;
	display: none;
	top: 50%;
	left: 50%;


}
.info img {
	/*padding: 10px;*/
	/*max-width: 100%;*/
}
.info p {
	font-size: 13px;
	padding: 10px 0 0 0;
}
#p-1 { left: 12.55555%;  top: 4.73372781%;	}
#p-2 { left: 9.555555%; top: 46.59763314%; }
#p-3 { left: 15.22222%; top: 54.5857988%; }
#p-4 { left: 20%; top: 65.6804733%; }
#p-5 { left: 18.77778%; top: 77.2189%; }
#p-6 { left: 41.666667%; top: 71.597633%; }
#p-7 { left: 39.44444%; top: 46.597633%; }
#p-8 { left: 69.44444%; top: 68.195266%; }
#p-9 { left: 75.777778%; top: 53.254444%; }


.btn-close {
	position: absolute;
	z-index: 300;
	right: 20px;
	top: 20px;
	display: block;
	cursor: pointer;
}

.col-50-l { width: 49%; float: left;}
.col-50-r { width: 49%; float: right;}


.tbl-1 { width: 100%;}
.tbl-1 td {
	width: 40%;
	padding: 0 15px 15px 0;
	font-size: 18px;
}


.bold { font-weight: 700;}


.box-1 {
	background-color: #ededed;
	padding: 20px;
	margin: 10px 0;
}

.small { font-size: 14px; }
.bergsteigen {
	background: #ececec url(media/cover_bergsteigen_molwanien.png) right bottom no-repeat;
	/*background-size: auto 95%;*/
	padding-right: 30%;
	margin-right: 20px;
	min-height: 290px;
}
.top-ten ul {
	background-color: #ededed;
	display: table;
	/*height: 200px;*/
	margin-bottom: 20px;
}

.top-ten li {
	/*float: left;*/
	display: table-cell;
	vertical-align: middle;
	padding: 20px 0;
}

.tt-1 { width: 20.4081%; text-align: center;  }
.tt-2 { width: 58.16326%;  }
.tt-2 p { padding: 0 40px 0 0;}
.tt-3 { width: 21.42857%; text-align: center;  line-height: 0; }

.num {
	background-color: #fdbe01;
	color: #fff;
	font-size: 38px;
	text-align: center;
	border-radius: 60px;
	font-weight: 700;
	padding: 18px 30px;
}

.no-touch .galerie li img:hover{
	opacity: 0.5;
}
ul.galerie  {
	position: relative; left: -5px;
}
.galerie li{
	display: inline-block;
	border: solid 0 transparent;
	position: relative;
	margin: 5px;
}

.galerie li img {
	display: block;
}

.suppliers {
	max-width: 340px;
	margin-bottom: 20px;
}
.suppliers li {
	float: left;
	margin: 0 2px 2px 0;
}
.suppliers li img { display: block; }

.faq-item,
.news-item {margin-bottom: 30px;}

.links li {margin-bottom: 10px; font-size: 18px;}

.buchaward{
    float: right;
    padding-left: 10px;
}

.col-4{
    float: left;
    width: 48%;
    margin-top: 25px;}

.col-5{
    float: right;
    width: 48%;
    margin-top: 25px;}

/* fotoupload start*/

.img-cont {
	min-height: 160px;
	background-color: #fff;
	margin-bottom: 10px;
}
.img-cont-wrap {
	max-width: 260px;
	width: 41.9354%;
	min-width: 195px;
	float: left;
	background-color: #f3f3f3;
	padding: 10px;
}
.form-cont-wrap {
	max-width:320px;
	float: right;
	width: 51%;

}
.element { padding: 0 5px 9px 0; }
.element label{
	display: block;
	font-size: 18px;
	color: #333;
	padding:0 0 2px 3px;
}
.element input[type=text]{
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border: solid 1px #eee;
	background-color: #eee;
	padding:5px 7px;
	font-size: 14px;
	color: #333;
	resize: none;
	width: 94%;
	max-width: 286px;
}



.pagebrowser { margin: 20px 0;}
.pagebrowser .pagerLinkAct,
.pagebrowser a,
.pagebrowser a:hover {
	display: block;
	font-weight: 700;
	font-size: 14px;
	color: #D12613;
	text-decoration: none;
	background-color: #ededed;
	padding: 3px 7px;
	margin-right: 3px;
	float: left;
}

.pagebrowser .pagerLinkAct,
.pagebrowser a:hover {
	background-color: #b92312;
	color: #fff;
}


/* fotoupload end*/


.video-item {
    margin-bottom: 60px;
    position: relative;
}
.vid-col-1{
    padding-left: 15px;
    float: right;
    width: 40%;

}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 1050px) {
	.overlay p {
		font-size: 140%;
	}
}

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


	.nav,
	.sub-nav,
	.cont,
	.header { padding: 0 10px;}
	.overlay p {
		font-size: 130%;
	}
	.footer { padding: 20px 10px;}
}

@media only screen and (max-width: 910px) {
	.overlay p {
		font-size: 100%;
	}
}

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

	.bergsteigen {
		background-size: 30% auto;
		margin-right: 0;
	}

}

@media only screen and (max-width: 750px) {
	.toggle-nav { display: block; }

	.teaser-start {
		 padding: 0;
	}

	.galerie ul { position: relative; left: auto;  }

}

@media only screen and (max-width: 730px) {
	#jp_container { float: left; }
	.meta-nav { float: right;}
	.hymne { float: none;}
	.grid li {
		float: left;
		width: 50%;
	}
	.grid li.last { display: none;}
	.cont { min-height: 300px;}

	.bergsteigen {
		background-size: 40% auto;
		padding-right: 40%;
	}

}

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

	.top-ten ul {
		display: block;
	}

	.top-ten li {
		float: left;
		display: block;
		padding: 20px 0;
	}

	.tt-1 { width: 100%; float: none; }
	.tt-2 { width: 75%;  }
	.tt-2 p { padding: 0 10px 0 10px;}
	.tt-3 { text-align: right;  line-height: 0; float: right; }

    .col-4, .col-5{float: none; width: 100%;}


    .vid-col-1{
        padding-left: 0;
        padding-bottom: 20px;
        float: none;
        width: 100%;
    }


}


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

	.nav li,
	.sub-nav li {
		float: none;
		display: inline-block;
	}
	.nav,
	.sub-nav {
		text-align: center;
	}

	.cont { min-height: 0;}

	.info {
		width: 320px;
		margin: 0 0 0 -160px;
		left: 50%;
		top: 0;
	}
	ul.galerie { text-align: center; }
	.galerie li {
		max-width: 42%;
		margin: 10px;
	}



    .faq-item .img-30-r{display: none;}

}
@media  only screen and (max-width: 480px){
	.overlay p {
		font-size: 80%;
		padding: 5px;
	}
	.bergsteigen {
		background-image: none;
		padding-right: 10px;
	}

	.img-cont-wrap{
		max-width: 260px;
		width: 100%;
		min-width: 195px;
		float: none;
		background-color: #f3f3f3;
	}
	.form-cont-wrap {
		max-width:320px;
		float: none;
		width: 100%;
		margin-top: 10px;

	}

    .video-item {
        margin-bottom: 40px;
    }

}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}
}