/*
Theme Name: dBase15
Theme URI: http://themekraft.com/store/_tk-free-wordpress-starter-theme-based-on-twitter-bootstrap/
Author: ThemeKraft
Author URI: http://themekraft.com/
Description: Hi, I am the ultra minimal starter theme _tk, ready for your next awesome WordPress project! I am the most seamless and minimalistic integration of Twitter Bootstrap Framework into the _s starter theme from Automattic, the guys behind WordPress. You can find me on GitHub. Fork me! I'm waiting for you ;)
Version: 1.1.9
License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: gray, light, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, sticky-post,  theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
This theme is the most seamless and minimalistic integration of Twitter Bootstrap Framework into
the _s starter theme from Automattic, the guys behind WordPress.
_s (or Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc. Twitter Bootstrap

Credits:
1. Bootstrap
 * Bootstrap v3.3.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=f58353a31151a8c05d7c)
 * Config saved to config.json and https://gist.github.com/f58353a31151a8c05d7c
2. wp_bootstrap_navwalker
* Class Name: wp_bootstrap_navwalker
* GitHub URI: https://github.com/twittem/wp-bootstrap-navwalker
3. Glyphicons
 * http://getbootstrap.com/components/
*/




/*temporarily disable sections and menu items*/

/*#location, #menu-item-11 {
	display: none !important;
}*/

/*#programm, #menu-item-26 {
	display: none !important;
}*/




.header-news-img{
	/*width: 100%;
	background-image:url('img/Bikefestival News.jpg');
	background-repeat: no-repeat;*/
}
.header-news-img-mobile{
	display: none;
}
/*.heromsg  img{
	width: 100%;
}*/



/***************************************************************************/

.page-wrapper{
	max-width: 1600px;
	position: relative;
	margin: 0 auto;
	text-align: center;
}

.page-wrapper h1, .page-wrapper h2 {
	margin-bottom: 30px;
}
.heading-1{
	font-size: 28px;
	font-family: 'nowbold', sans-serif;
	font-weight: 600px;
}
.heading-2{
	font-family: 'number23bold', serif;
    font-weight: 700;
    font-size: 26px;
    margin: 0;
    padding: 0;
    line-height: 26px;
    text-decoration: underline;
}
.top-col, .main-col, .page-section{
	padding: 0 40px 40px 40px;
}
.header-wrapper{
}
.top-icon{
	width: 200px;
    padding-bottom: 20px;
}

.top-row{
	display: flex;	
}
.top-col{
	width: 33%;
	padding-top: 40px;
}
.main-row{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}
.main-col{
	width: 50%;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.m-col-l .img-wrapper, .m-col-r .img-wrapper{
	height: 290px;
    display: flex;
    align-items: flex-end;
	padding-bottom: 40px;
}
.img-wrapper img{
	transition:  opacity 0.3s;
}
.img-wrapper img:hover{
	opacity: 0.6;
}
.m-col-l .img-wrapper img{
	max-width: 380px;
}
.m-col-r .img-wrapper img{
	max-width: 310px;
}
.main-col > .heading-2 > a{
	color: #1a1a1a;
	transition:  color 0.3s;
}
.main-col  > .heading-2 > a:hover{
	color: #32acb5;
}
.content-wrapper{
	display: none;
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
	text-align: center;
	padding: 40px 20px 40px 20px;
}
.page-section ul{
	text-align: left;
    margin: 0 auto;
    max-width: 373px;
}


@media (max-width: 899px) {
	
	.main-row{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.main-col{
		width: 100%;
	}
	.m-col-l .img-wrapper{
		height: 280px;
	}
	.m-col-r .img-wrapper{
		height: 360px;

	}
}

@media (max-width: 450px) {
	
	.top-row{
		flex-direction: column;
		align-items: center;
		background-color: #fff;
	}
	.top-col{
		width:80%;
	}
	.m-col-l .img-wrapper img{
		max-width: 250px;
	}
	.m-col-r .img-wrapper img{
		max-width: 250px;
	}

}
/***************************************************************************/






/* Cookie Banner */

.pea_cook_wrapper.pea_cook_bottomleft {
	bottom: 0px !important;
	left: 0px !important;
	margin-right: 0px !important;
	width: 100%;
	padding: 20px;
	border-radius: 0 !important;
}

.pea_cook_wrapper p {
	font-family: 'nowregular', sans-serif !important;
	font-size: 14px !important;
	font-weight: normal !important;
}

button.pea_cook_btn {
	font: unset !important;
	font-family: 'nowregular', sans-serif !important;
	font-size: 14px !important;
	border-radius: 0 !important;
	-webkit-box-shadow: 0px 4px 0px #48a4b3 !important;
	-moz-box-shadow: 0px 4px 0px #48a4b3 !important;
	box-shadow: 0px 4px 0px #48a4b3 !important;
	color: #ffffff !important;
	background: #4dbcc5 !important;
	border: none !important;
	font-weight: normal !important;
	padding: 9px 20px 8px 20px !important;
	width: auto !important;
	text-shadow: none !important;
}

button.pea_cook_btn:hover {
	-webkit-box-shadow: 0px 4px 0px #40929f !important;
	-moz-box-shadow: 0px 4px 0px #40929f !important;
	box-shadow: 0px 4px 0px #40929f !important;
	color: #ffffff !important;
	background: #45a9b1 !important;
}

a#fom,
a#pea_close {
	border-bottom: none !important;
	color: #32acb5 !important;
}

a#fom:hover,
a#pea_close:hover {
	color: #51c7d0 !important;
	text-decoration: none !important;
}

.pea_cook_more_info_popover_inner {
	text-align: left;
	color: #ffffff !important;
	text-decoration: none !important;
}


/* This is a small security for too long strings titles */

body {
	word-wrap: break-word;
	/*-webkit-hyphens: auto;



	 -moz-hyphens: auto;



	 -ms-hyphens: auto;



	 hyphens: auto;*/
}


/* Alignment */

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* Images and wp-captions should always fit and be responsive */

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

img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}

.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border-radius: 4px;
	padding: 0 10px;
}

.wp-caption.aligncenter {
	margin-bottom: 10px;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
}

.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}


/* WP Gallery */

.gallery {
	margin-bottom: 1.5em;
}

.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}

.gallery dd {
	margin: 0;
}

.gallery-caption {
	display: block;
}


/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object {
	max-width: 100%;
}


/* Text meant only for screen readers */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar */
}


/* Content */

.main-content-inner {
	/*padding-bottom: 1.5em;*/
}

.hentry {
	margin: 0 0 1.5em;
}

.sticky {
	display: block;
}

.bypostauthor {
	display: block;
}


/* Clearing */

.clear {
	clear: both;
}


/* Navigation */

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:active>.dropdown-menu,
.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #cccccc;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:active>a:after {
	border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}


/* Here some needed widget styles



 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */

.widget {
	margin-bottom: 2em;
}

.widget_nav_menu ul.sub-menu li,
.widget_pages ul.children li {
	padding-left: 15px;
}


/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.



 * Note: you can change the whole appearance of the search_form() function in our searchform.php */

.widget_search .search-form input[type="submit"] {
	display: none;
}


/* Make sure select elements fit in widgets */

.widget select {
	max-width: 100%;
}


/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!



 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */

.comment .children {
	margin-left: 1.5em;
}


/**



* Some WP Theme Repository requirements



*/

.sticky {}

.gallery-caption {}

.bypostauthor {}

.entry-meta {
	clear: both;
}


/******* D BASE *******/

#wpadminbar {
	z-index: 0;
}

html,
body {
	height: 100%
}

body {
	background: #fff9ed;
	font-family: 'nowregular', sans-serif;
	font-size: 15px;
	color: #1a1a1a;
	text-align: center;
}

p {
	margin: 0 0 20px;
}

div:focus {
	outline: none;
}

h1,
h2,
h3 {
	font-family: 'number23bold', serif;
	font-weight: 700;
}

h1 {
	font-size: 55px;
}

h2 {
	font-size: 38px;
	text-transform: lowercase;
}

h3 {
	font-weight: 700;
	font-size: 18px;
	text-align: center;
}

#about h3 {
	font-size: 28px;
	margin-top: 62px;
}

h5 {
	font-family: 'nowbold', sans-serif;
	font-size: 22px;
	margin-top: 40px;
}


/*a, a:link, a:visited{



	color:#0098C5;



	text-decoration:none;



}



a:hover{



	color:#006F90; 



	text-decoration:none;



}*/

a,
a:link,
a:visited {
	color: #32acb5;
	text-decoration: none;
}

a:hover {
	color: #51c7d0;
	text-decoration: none;
}

.wlink a,
.wlink a:link,
.wlink a:visited {
	color: #fff;
	text-decoration: none;
}

.wlink a:hover {
	color: #bde8ea;
	text-decoration: none;
}

.a-small {
	font-size: 12px;
	line-height: 16px;
}

.nav>li>a {
	padding: 24px 12px 18px 12px !important
}
.navbar-toggle {
    margin-top: 16px;
}
.navbar-default .navbar-nav>li>a {
	color: #1a1a1a;
	-webkit-transition: color 0.2s, border 0.2s;
	/* Safari */
	transition: color 0.2s, border 0.2s;
	border-bottom: 3px solid #fff9ed;
}

.navbar-default .navbar-nav>li>a:hover {
	border-bottom: 3px solid #4dbcc5;
}


/* BUTTONS */

.btn-cstm1 {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0px;
	/*font-size: 16px;*/
	padding: 9px 20px 8px 20px;
	margin-top: 10px;
	text-decoration: none;
	width: 175px;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

.btn-blue {
	-webkit-box-shadow: 0px 4px 0px #48a4b3;
	-moz-box-shadow: 0px 4px 0px #48a4b3;
	box-shadow: 0px 4px 0px #48a4b3;
	color: #ffffff;
	background: #4dbcc5;
}

.btn-blue:hover {
	-webkit-box-shadow: 0px 4px 0px #40929f;
	-moz-box-shadow: 0px 4px 0px #40929f;
	box-shadow: 0px 4px 0px #40929f;
	color: #ffffff;
	background: #45a9b1;
}

.btn-grey {
	-webkit-box-shadow: 0px 4px 0px #4599a1;
	-moz-box-shadow: 0px 4px 0px #4599a1;
	box-shadow: 0px 4px 0px #4599a1;
	color: #ffffff;
	background: #82d2d9;
}

.btn-grey:hover {
	-webkit-box-shadow: 0px 4px 0px #4aa4ad;
	-moz-box-shadow: 0px 4px 0px #4aa4ad;
	box-shadow: 0px 4px 0px #4aa4ad;
	color: #ffffff;
	background: #9ddde3;
}

.btn-red {
	-webkit-box-shadow: 0px 4px 0px #bd003e;
	-moz-box-shadow: 0px 4px 0px #bd003e;
	box-shadow: 0px 4px 0px #bd003e;
	color: #ffffff;
	background: #e4004b;
}

.btn-red:hover {
	-webkit-box-shadow: 0px 4px 0px #a30035;
	-moz-box-shadow: 0px 4px 0px #a30035;
	box-shadow: 0px 4px 0px #a30035;
	color: #ffffff;
	background: #ca0042;
}

.row {
	margin: 0 !important
}

.container-fluid {
	max-width: 100%;
	padding: 0;
}

.container {
	padding: 0;
}

.hcenter {
	text-align: center;
	margin-bottom: 25px;
}

.zero-p {
	padding: 0;
}

.site-navigation {
	position: fixed;
	top: 0;
	transition: top 0.2s ease-in-out;
	z-index: 999;
	width: 100%;
	background: #fff9ed;
}

.site-navigation-inner {}

.nav-shadow {
	-webkit-box-shadow: 0px 4px 8px -3px rgba(17, 17, 17, .06);
	-moz-box-shadow: 0px 4px 8px -3px rgba(17, 17, 17, .06);
	box-shadow: 0px 4px 8px -3px rgba(17, 17, 17, .06);
}

.nav-up {
	top: -65px;
}

.navbar {
	position: relative;
	min-height: 65px;
	margin-bottom: 0px;
	border: none;
}

.navbar-nav {
	float: right;
	margin: 0;
	/*max-width:655px;*/
}

.navbar-default {
	background: none;
}

.navbar-logo-s {
	/*display:none;*/
	display: block;
	position: absolute;
	top: 16px;
	left: 10px;
}

.navbar-sponsors {
	display: block;
	position: absolute;
	left: 351px;
}

.nav-s-logos {}

.nav-s-logos li {
	float: left;
	margin-right: 12px;
	margin-top: 7px;
}

.nav-s-logos li a {
	height: 30px;
}

.nav-s-logos img:not(.nav-img-xl) {
	height: 40px !important;
	width: auto !important;
}
.nav-s-logos .nav-img-xl {
	height: 55px !important;
    width: auto !important;
    position: absolute;
    /* display: block; */
    top: 4px;
    margin-left: 6px;
}
.navbar-toggle {
	border: none;
	border-radius: 0;
}

.navbar-toggle:hover,
.navbar-toggle:focus {
	background: none !important;
	border: none;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #141414 !important;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #26b6ce !important;
}

.navbar-collapse {
	border: none;
}

#main-menu {
	font-family: nowbold, sans-serif;
	text-transform: uppercase;
	text-align: right;
	float: right;
	font-size: 14px;
	/*padding: 20px 0;*/
	/*font-size: 22px;*/
}


/*.navbar-toggle {



  position: relative;



  float: right;



  margin-right: 15px;



  padding: 9px 10px;



  margin-top: 8px;



  margin-bottom: 8px;



  background-color: transparent;



  background-image: none;



  border: 1px solid transparent;



  border-radius: 4px;



}*/


/*.navbar-toggle:focus {



  outline: 0;



}



.navbar-toggle .icon-bar {



  display: block;



  width: 22px;



  height: 2px;



  border-radius: 1px;



}



.navbar-toggle .icon-bar + .icon-bar {



  margin-top: 4px;



}*/

.site-header {
	height: 100vh;
	background: url(img/header-bg.png) no-repeat bottom;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.site-header-page {}

.header-cover {
	height: 100%;
	text-align: center;
	overflow: visible;
	display: flex;
	justify-content: center;
	align-items: center;
}

.heromsg {
	max-width: 1024px;
	margin: -40px 0 0 0;
	padding: 15px 25px;
}

.hero-hl {
	margin-top: 25px;
	font-size: 32px;
	font-family: nowbold, sans-serif;
	color: #4dbcc5;
}
.ersatz-wrapper{
	text-align: center;
}
.e-col-inner img{
	max-width: 200px;
}
.page-header-cover {
	height: 70vh;
	/*-webkit-background-size: cover;



  	-moz-background-size: cover;



  	-o-background-size: cover;



  	background-size: cover;*/
	text-align: center;
	overflow: hidden;
}


/** Sections **/

.sections {
	/*background-color:#FFF;*/
	padding: 15px;
	margin-bottom: 30px;
	/*-webkit-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.1);



	-moz-box-shadow:    0px 2px 4px 0px rgba(50, 50, 50, 0.1);



	box-shadow:         0px 2px 4px 0px rgba(50, 50, 50, 0.1);*/
}

.section-header {
	display: block;
	/*table*/
	overflow: hidden;
	width: 100%;
	text-align: center;
}

.sh-1 h2 {
	text-align: center !important;
	margin: 27px 0 30px 0;
	padding: 0;
}

.sh-2 h2 {
	text-align: center !important;
	margin: 50px 0 0px 0;
	padding: 0;
}

.sh-1 {
	background-color: #94d7dc;
	color: #fff9ed;
}

.sh-2 {
	background-color: #fff9ed;
	color: #4dbcc5;
}

.sh-3 {
	background-color: #4dbcc5;
	color: #fff9ed;
	padding: 40px 0 20px 0;
}

.section-content {
	padding-top: 10px;
	padding-bottom: 15px;
}

.section-text {
	padding-left: 25px !important;
	padding-right: 25px !important;
}

.pt-cv-title {
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}

.videowrapper iframe, .videowrapper-full iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-right: 20px;
}

.videowrapper {
	position: relative;
	padding-bottom: 26%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
	margin-bottom: 25px;
}
.videowrapper-full {
	position: relative;
	padding-bottom: 55%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
	margin-bottom: 25px;
}
#welcome {
	background: url(img/welcome-bg.jpg) no-repeat center #fff9ed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 640px;
}

.welcome-msg {
	padding: 22% 0 0 0;
	color: #fff9ed;
}

#about {
	/*margin-top:-80px;



	background: #4dbcc5;*/
	background: #fff9ed;
}

#bikeboard {
	background: #f3f0e8;
	/*#1a1a1a;*/
	padding: 60px 0;
}

.bikeboard-links {
	text-align: center;
	padding: 30px 0;
	font-size: 20px;
}

#programm {
	background: #fff9ed;
}

#highlights {
	background: #4dbcc5;
}

#highlights-grid {
	background: #4dbcc5;
}

.pt-cv-hover-wrapper .pt-cv-href-thumbnail img {
	-webkit-filter: grayscale(100%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

.pt-cv-hover-wrapper:hover .pt-cv-href-thumbnail img {
	-webkit-filter: grayscale(0%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
}

#fotos {
	background: #4dbcc5;
}

#history {
	background: #4dbcc5;
}

#videos {
	background: #fff9ed;
}

#location {
	background: #4dbcc5;
}

#anreise {
	background: #4dbcc5;
}

#aussteller {
	background: #fff9ed;
}

#presse {
	background: #fff9ed;
}

#banner {}

.fw-banner,
.hw-banner {
	width: 100%;
	height: 270px;
	overflow: hidden;
	background: #00F;
}


/*.hw-banner-wrapper{



	width:100%;



}



.hw-banner{



	width:49%;



	height:270px;



	overflow:hidden;



	float:left;



	background:#00F;



}*/


/*.hw-banner:first-child{



	margin-right:2%;



}*/


/******************TABS*********************/

*,
*:before,
*:after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


/*h1 {padding: 100px 0; font-weight: 400; text-align: center;}



   p {margin: 0 0 20px; line-height: 1.5;}*/

.tabs-wrapper {
	width: 100%;
	min-width: 320px;
	margin-top: 30px;
}

.t-content {}

.t-content>div {
	display: none;
	padding: 0;
}

.tabs-wrapper input {
	display: none;
}

.tabs-wrapper label {
	display: inline-block;
	float: left;
	padding: 0 0 10px 0;
	text-align: center;
	width: 50%;
	margin: 0;
	background: #fff9ed;
	color: #4dbcc5;
	border-bottom: solid 5px #4dbcc5;
}

.tabs-wrapper label:hover {
	background: #94d7dc;
	color: #FFF;
	cursor: pointer;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

.tabs-wrapper input:checked+label {
	background: #4dbcc5;
	color: #fff;
}

#tab1:checked~.t-content #content1,
#tab2:checked~.t-content #content2 {
	display: inline-block;
	/*display: block; causing problems on firefox*/
}

#content1,
#content2 {
	width: 100%;
}

.table-prog {
	width: 100%;
	border: none;
	color: #4dbcc5;
	border-bottom: solid 3px #4dbcc5;
}

.tr-prog {
	border: none;
}

.td-prog {
	padding: 15px;
	border: none;
}

.td-prog:first-child {
	text-align: center;
}

table tr:nth-child(odd) {
	background: #ffffff;
}

.prg-perma {
	padding: 25px 10px 0 10px;
}

.prg-perma h3 {
	font-size: 22px;
	margin-bottom: 10px;
}

@media screen and (max-width: 400px) {
	label {
		padding: 15px 10px;
	}
	.td-prog:first-child {
		text-align: left;
	}
}


/******************TABS*********************/

.hl-box {
	width: 33.3333%;
	height: 0;
	padding-bottom: 34.3333%;
	/*padding-bottom:15px;*/
	float: left;
	margin: 0;
	background-color: #f3f3f3;
	border: solid 7px #FFF;
	overflow: hidden;
	cursor: pointer;
}

.hl-box:hover,
.hl-fw-box:hover {
	opacity: 0.8;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.hl-fw-box {
	width: 100%;
	float: left;
	margin: 0;
	background-color: #f3f3f3;
	border: solid 7px #FFF;
	overflow: hidden;
	cursor: pointer;
	text-align: center;
	padding-bottom: 20px;
}

.hl-box h3 {
	text-align: left;
}

.hl-excerpt {
	padding: 0 15px;
}

.hl-box:last-child {
	margin-right: 0;
}

.hl-popup {
	min-width: 300px;
	max-width: 700px;
	padding: 15px 15px 25px 15px;
	background-color: #FFF;
	margin: 60px 0;
	text-align: left;
}

.hl-popup h2 {
	margin: 0 0 7px 0;
	padding: 0;
	text-align: left;
}

.hl-popup h3 {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
}

.hl-close-btn button {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 14px;
	right: 10px;
	border: none;
	margin: 0;
	padding: 0;
	background: url(img/close-btn.png);
}

.hl-popup img {
	margin: 20px 0 0 0;
}

.hl-popup-txt {
	Padding-top: 15px;
}

.flickr-holder {
	width: 380px;
	height: 240px;
	float: left;
	border: solid 10px #FFF
}

.flickr-wrapper {
	max-width: 1020px;
	margin: 0 auto;
}

.flickr-wrapper img {
	width: 100%
}

ul {
	list-style: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#aussteller ul li {
	background: none;
	line-height: 35px;
}

#aussteller ul li:nth-child(odd) {
	background: #ffffff;
}

.mapsContainer {
	position: relative;
	width: 100%;
	height: 350px;
	overflow: hidden;
	/*pointer-events: none !important;*/
}

.foto-cover {
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.foto-cover:hover {
	opacity: 0.7;
}

.foto-hl {
	text-align: center;
	padding: 30px 0;
	color: #fff9ed;
}

.flickr-cover-link {}


/* SINGLE PAGE */

.page-title {
	margin-top: 40px;
}

.entry-content {
	text-align: left;
	padding-top: 30px;
	padding-bottom: 10px;
}

.post-navigation {
	padding-bottom: 40px;
}

.post-navigation,
.entry-content {
	padding-left: 30px;
	padding-right: 30px;
}

.pt-cv-edit-view {
	display: none;
}


/*FOOTER*/

.site-footer {
	background: #fffdfa;
	/*color:#CCC;*/
	padding: 20px 0 30px 0;
}

.footer-space {
	height: 100px;
}

#subfooter {
	background: #1a1a1a;
	color: #7a7a7a;
	padding: 50px 20px 30px 20px;
	font-size: 13px;
	text-align: left;
}


/*.site-footer h2{



	color:#FFF;



}*/

.f-logo {
	float: left;
	margin: 15px;
}

#bottom {
	background: #070707;
	color: #727272;
	font-size: 12px;
	padding: 50px 0 30px 0;
	text-align: center;
}

.center {
	text-align: center;
}

.clearfix {
	clear: both;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	background: none;
	color: #333;
}


/** MEDIA QUERIES **/

@media only screen and (max-width: 1200px) {
	.hl-box {
		padding-bottom: 37.3333%;
	}
}


/*Mobile Nav Breakpoint*/

@media (max-width: 1370px) {
	.navbar-header {
		float: none;
	}
	.navbar-left,
	.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in {
		display: block !important;
	}
	.navbar-collapse {
		border: none;
		background-color: #4dbcc5 !important;
	}
	.navbar-default .navbar-nav>li>a {
		color: #1a1a1a;
	}
	.navbar-default .navbar-nav>li>a:hover {
		color: #fff9ed;
		border-bottom: 3px solid #fff9ed;
	}
	#main-menu {
		padding: 20px 0;
		font-size: 22px;
	}
}

@media only screen and (max-width: 992px) {
	.hl-box {
		padding-bottom: 45.3333%;
	}
}

@media only screen and (max-width: 768px) {
	h1 {
		font-size: 42px;
	}
	h2 {
		font-size: 28px;
	}
	h3 {
		font-size: 16px;
	}
	.hero-msg {
		padding: 85px 35px;
		margin: 0 0 0 0;
	}
	.hero-hl {
		margin-top: 15px;
		font-size: 20px;
		line-height: 22px;
	}
	#welcome {
		height: 490px;
	}
	.welcome-msg {
		padding: 22% 40px 0 40px;
	}
	.container {
		padding: 0;
	}
	.section-content {
		padding: 10px 0px 15px 0px
	}
	.section-text {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.hl-box {
		width: 48%;
		height: 0;
		padding-bottom: 52.3333%;
		/*padding-bottom:15px;*/
		float: left;
		margin: 0;
		background-color: #f3f3f3;
		border: solid 7px #FFF;
		overflow: hidden;
		cursor: pointer;
	}
	.hl-box h3 {
		text-align: left;
		margin: 15px 0 10px 0;
	}
	.page-header-cover {
		height: 30vh;
		/*background-size: contain;*/
	}
}
@media only screen and (max-width: 750px) {
	.navbar-sponsors {
		display: none;
	}
	.site-header {
		height: 100vh;
	}
	.header-news-img{
		display: none;
	}
	.header-news-img-mobile{
		display: block;
		padding-top: 50px;
	}
	.header-news-img-mobile img{
		max-width: 85%;
	}
}

@media only screen and (max-width: 767px) {
	.navbar-nav {
		float: left;
		margin: 10px;
		/*max-width:655px;*/
	}
	
	.page-header-cover {
		height: 50vh;
		/*background-size: contain;*/
	}
	.videowrapper, .videowrapper-full {
		padding-bottom: 55%;
		padding-right: 0;
	}
	.videowrapper iframe, .videowrapper-full iframe  {
		padding-right: 0;
	}
}

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

	.site-header {
		/*height: 85%;*/
		background: url(img/header-bg.png) no-repeat bottom;
		-webkit-background-size: 150%;
		-moz-background-size: 150%;
		-o-background-size: 150%;
		background-size: 150%;
	}
	.heromsg {
		width: 450px;
		padding: 15px 25px;
	}
	#welcome {
		height: 500px;
	}
	.hl-box {
		padding-bottom: 58.3333%;
		font-size: 14px;
		line-height: 17px;
	}
	h1 {
		font-size: 32px;
	}
	h2 {
		font-size: 26px;
	}
	h3 {
		font-size: 13px;
	}
}

@media only screen and (max-width: 530px) {
	.navbar-logo-s {
		width: 250px;
	}
	#welcome {
		height: 450px;
	}
}

@media only screen and (max-width: 480px) {
	#welcome {
		height: 400px;
	}
	.hl-box {
		/*padding-bottom: 77.3333%;*/
		line-height: 17px;
		width: 100%;
		padding-bottom: 98.3333%;
	}
	.header-news-img-mobile img{
		max-width: 90%;
	}
	/*.page-header-cover{



	height:300px;



	}*/
}

@media only screen and (max-width: 370px) {
	.navbar-logo-s {
		width: 200px;
	}
	#welcome {
		height: 300px;
	}
}

@media only screen and (max-width: 320px) {
	/*.hl-box{



		padding-bottom: 70.3333%;



	}   */
	.hl-box {
		width: 100%;
		height: 0;
		padding-bottom: 100%;
		/*padding-bottom:15px;*/
		float: none;
		margin: 0;
		background-color: #f3f3f3;
		border: solid 7px #FFF;
		overflow: hidden;
		cursor: pointer;
	}
}