/* @override https://potsdamer-erlebnisnacht.de/wp/wp-content/themes/pen/style.css */


/*

Theme Name: PEN
Theme URI:
Description:
Version: 1.0
Author: PD
Author URI:
Tags: Blank, HTML5, CSS3
*/



/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('webfonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/open-sans-v17-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('webfonts/open-sans-v17-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/open-sans-v17-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('webfonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/open-sans-v17-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* exo-2-700 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('webfonts/exo-2-v9-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/exo-2-v9-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* exo-2-800 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('webfonts/exo-2-v9-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/exo-2-v9-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}






/*	RESET
-------------------------------------------------------------------------------*/

/*	Let's default this puppy out */
html, body, 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, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img,
object,
embed {max-width: 100%;height:auto;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

AUS_input[type="radio"] {vertical-align: text-bottom;}
AUS_input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
input:focus, textarea:focus, select:focus { outline: none;}

input { /* remove top input shadow */
-webkit-appearance: none;
-moz-appearance: none;
}

table {font-size: inherit; font: 100%;}

a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0; border-radius: 0; font-family: 'Open Sans', Arial;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; height: 0px; overflow: hidden;}

/* Font-Smoothing */

*, *:after, *:before {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
}

/* prevent flickering on touch */
* {
	-webkit-tap-highlight-color:transparent;
}


/* -------------------------------------------------------------------------------*/

/*

LINK			500C4C

*/

/* FRESH START */

html {
	height: 100%;
}

body {
	height: 100%;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 140%;
	color: #333;
	background: #F7F0E7;
}

a {
	position: relative;
	color: #500C4C;
	text-decoration: none;
	-webkit-transition: color 200ms ease;
	-moz-transition: color 200ms ease;
	-ms-transition: color 200ms ease;
	transition: color 200ms ease;

	-webkit-transition: background 150ms ease;
	-moz-transition: background 150ms ease;
	-ms-transition: background 150ms ease;
	transition: background 150ms ease;
}

a:visited {
	color: #500C4C;
}

a:active {
	color: #500C4C;
}

a:hover {
	color: #E99710;
	color: #A9342A;
	color: #FD7F25;
	-webkit-transition: color 150ms ease;
	-moz-transition: color 150ms ease;
	-ms-transition: color 150ms ease;
	transition: color 150ms ease;
}


h1,h2,h3,h4 {
	font-family: 'Exo 2';
	line-height: 130%;
	color: #500C4C;
}

h1 {
	margin: 0 0 20px 0;
	font-size: 33px;
	font-weight: 800;
}

h2 {
	margin: 0 0 20px 0;
	font-size: 23px;
	font-weight: 800;
	line-height: 120%;
}

h3 {
	margin: 0 0 20px 0;
	font-size: 17px;
	font-weight: 700;
	line-height: 130%;
}

h4 {
	margin: 0 0 16px 0;
	font-size: 15px;
	line-height: 150%;
	color: #666;
	font-family: 'Open Sans';
	font-weight: bold;
}

p {
	margin: 0 0 20px 0;
}

hr {
	position: relative;
	display: block;
	height: 2px;
	border: 0;
	background: #E5CBAE;
	margin: 0px 0 25px 0;
	padding: 0;
}

a:hover img {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
}

/* BASIC

---------------------------------------------------------------------------------*/

.page-wrap {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	overflow: hidden;
}

.inner {
	position: relative;
	max-width: 1010px; /*1010*/
	margin: 0 auto;
	padding: 0 20px;
}


.col {
	float: left;
}

.c3-3 {
	width: 30.693069306930692%;
	margin: 0 3.9603960396039604% 0 0;
	max-width: 310px;
	overflow: hidden;
}

.col.last,
.c3-3:nth-of-type(3n+3) {
	margin-right: 0;
}


/* HEADER
---------------------------------------------------------------------------------*/

#header {
	position: relative;
	margin: 0;
	padding: 0;
	background: url(images/header-bg-wide.png) repeat-y center center;
}

.topwrap {
	position: relative;
	height: 224px;
}


#header img {
	display: block;
}

#header h1 {
	position: absolute;
	top: 35px;
	left: 15px;
	width: 211px;
	height: 151px;
	z-index: 1;
	overflow: hidden;
	font-size: 12px;
	text-indent: -1500px;
	background: transparent url(images/logo.svg) no-repeat 0 0;
}

#header h1 a {
	display: block;
	height: 100%;
}

#header .topnav {
	position: absolute;
	top: 0;
	right: 0;
}

#header .topnav ul {
	float: left;
	margin: 15px 6.0em 0 0;

}

#header .topnav ul li {
	float: left;
	margin: 0 0 0 18px;
}

#header .topnav li a {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	color: #F0C3AE;
}

#header .topnav li a:hover {
	color: #500C4C;
}


#header .pen-date {
	position: absolute;
	top: 138px;
	right: 0;
	font-size: 2.6em;
	font-family: 'Exo 2';
	font-weight: 800;
	text-transform: uppercase;
	color: #FFF;

}

.pen-date .countdown {
	position: absolute;
	top: 0;
	left: 0;
	margin: -65px 0 0 -20px;
	line-height: 100%;
	padding: 15px 20px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	background-color: #500C4C;
	background-color: rgba(80, 12, 76, .8);
}


.countdown:after {
	content: " ";
	position: absolute;
	bottom: -12px;
	left: 20px;

	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 12px 15px 0 0;
	border-color: #500C4C transparent transparent transparent;
	border-color: rgba(80, 12, 76, .8) transparent transparent transparent;

	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
}

.pen-slogan {
	position: absolute;
	bottom: -33px;
	right: 0;
	width: 500px;
	font-size: 14px;
	text-align: right;
	text-transform: none;
	font-weight: normal;
	font-family: 'Open Sans';
}

.pen-slogan span {
	padding: 0 1px;
}



button.search-trigger {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 65px;
	height: 60px;
	background: #E5914D; /*IE*/
	background: rgba(255,255,255, .2);
	border: none;
	overflow: hidden;
	padding: 0;
	text-indent: -500px;
}

button.search-trigger:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	line-height: 2.3em;
	content: "\e800";
	font-family: 'icons';
	font-size: 2.3em;
	color: #F1C4A4;
	text-indent: 0;
}

button.search-trigger.open {
	background-color: rgba(80, 12, 76, .6)

}

.searchbar {
	display: none; /* js toggle*/
	padding: 20px;
	background-color: rgba(0,0,0,.4);
	background-color: rgba(80, 12, 76, .6)
}

#nav .searchform {
	display: none;
}

.searchbar form {
	margin: 0 auto;
	position: relative;
	max-width: 600px;
}

.searchform input {
	-webkit-transition: background 200ms ease;
	-moz-transition: background 200ms ease;
	-ms-transition: background 200ms ease;
	-o-transition: background 200ms ease;
	transition: background 200ms ease;
}

.searchform input.s {
	width: 95%;
	height: 50px;
	padding: 0;
	padding-left: 10px;
	background: #FFF;
	font-size: 1.2em;
	border: 1px solid rgba(80, 12, 76, .1);
}

.searchform input.searchsubmit {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	padding: 0 20px;
	font-family: 'Exo 2';
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	overflow: hidden;
	height: 52px;
	z-index: 1;
	color: #FFF;
	background: #500C4C;
}

.searchform i {
	position: absolute;
	top: 0;
	right: 0;
	width: 55px;
	height: 52px;
	text-align: center;
	line-height: 52px;
	font-size: 1.80em;
	color: #FFF;
	background-color: #CCC;
}


/* NAV
---------------------------------------------------------------------------------*/

#nav {
	position: relative;
	margin: 0 0 30px 0;
	width: 92%;
	padding-right: 8%;
	clear: both;
	background-color: rgba(255, 255, 255, .15);
}


#nav ul li {
	float: left;
	position: relative;
	border-right: 1px solid rgba(255, 255, 255, .2);
}

#nav ul li:last-child {
	border-right: none;
}

#nav ul li a {
	margin: 0;
	font-family: 'Exo 2';
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0 30px;
	line-height: 65px;
	display: block;
	color: #FFF;
	background: transparent;
	white-space: nowrap;
}

#nav ul li a:hover,
#nav ul li:hover a {
	color: #500C4C;
}

#nav ul li.current_page_parent a,
#nav ul li.current_page_item a {
	background-color: rgba(255, 255, 255, .2);
}

#nav ul li.current_page_parent a:hover,
#nav ul li.current_page_item a:hover,
#nav ul li.current_page_parent:hover a,
#nav ul li.current_page_item:hover a {
	background: #FFF;
}

#nav ul ul {

/*display: none;*/
	position: absolute;
	top: 65px;
	left: 0;
	margin-top: -10px;
	margin-left: 0px;
	padding: 0 10px;
	z-index: 99999;
	background: #FFF;
	min-width: 260px;
	opacity: 0;
	visibility: hidden;
	-webkit-box-shadow: 0px 3px 6px -3px rgba(1, 1, 1, .5);
	box-shadow: 0px 3px 6px -3px rgba(1, 1, 1, .5);
	-webkit-transition: all 0.05s ease-out;
	-moz-transition: all 0.05s ease-out;
	-o-transition: all 0.05s ease-out;
	transition: all 0.05s ease-in-out;
}

/* align last menu item to the right to avoid off screen position*/

#nav ul li:last-child ul {
	left: auto;
	right: 0;
}

#nav ul li:last-child ul ul {
	left: auto;
	right: 100%;
}

#nav li:hover>ul,
#nav li.hover ul {

/*effect*/
	opacity: 1;
	margin-top: 0;
	visibility: visible;
	display: block;
	background: #FFF;
	-webkit-transition: all 0.15s ease-in;
	-moz-transition: all 0.15s ease-in;
	-o-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in-out;
}

#nav ul li.current_page_parent li a,
#nav ul li.current_page_item li a {
	background: #FFF;
}


.touch #nav ul ul {
	display: none;
}

.touch #nav li ul,
.touch #nav li:hover ul {
	-webkit-transition: none;
}

#nav ul ul ul {
	left: 100%;
	top: 0;
}

#nav li.hover li ul {
	opacity: 0;
	visibility: hidden;
}

#nav li li.hover ul {
	opacity: 1;
	visibility: visible;
}

#nav ul ul li {
	margin-bottom: 0;
	margin-right: 0;
	float: none;
}

#nav ul ul a {
	line-height: 140%;
	padding: 13px 5px;
	height: auto;
	text-transform: none;
	font-size: 0.95em;
	border-bottom: 1px solid #CCC;
	background: #FFF;
	color: #500C4C;
}

#nav ul ul li:last-child a {
	border-bottom: none;
	padding-bottom: 25px;
}

#nav li:hover > a,
#nav li.hover > a {
	background: #FFF;
}

#nav ul ul a:hover,
#nav ul li li.current_page_item a {
	text-decoration: none;
	color: #A9342A;
}

#nav ul li:hover > ul,
#nav ul li.hover > ul {
	display: block;
}


#nav .f {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #3B5998; /*IE*/
	width: 65px;
	height: 100%;
	max-height: 65px;
}


#nav .f:after {
		display: block;
		height: 100%;
		line-height: 2.7em;
		text-align: center;

		content: "\e805";
		font-family: 'icons'!important;
		font-size: 1.8em;
		text-indent: 0;
		color: #FFF;
}


/* ------------------------------------------------ */

.inner.hero {
	padding: 0;
}


#hero {
	position: relative;
}

#hero .slogan-badge {
	position: absolute;
	width: 150px;
	height: 150px;
	bottom: 5%;
	right: -20px;
	z-index: 10;
	background: transparent url(images/pen-slogan-badge.svg) no-repeat 0 0;
	background-size: contain;
}



/* FlexSlider Necessary Styles
*********************************/

.flexslider {
	margin: 0;
	padding: 0;
}

.flexslider .slides > li {
	display: none;
	/*-webkit-backface-visibility: hidden; causes Safari hover issues! */
}

/* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
	/*width: 100%;*/
	display: block;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */

.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {
	display: block;
}


/* FlexSlider Theme
*********************************/

.flexslider {
	position: relative;
	zoom: 1;
}

.flex-viewport {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}

.loading .flex-viewport {
	position: relative;
	opacity: .5;
}

.flexslider .slides {
	zoom: 1;
}

.carousel li {
    margin-right: 5px;
}


/* Direction Nav */

.flex-direction-nav {
	*height: 0;
}

.flex-direction-nav a {
	text-decoration: none;
	display: block;
	width: 50px;
	height: 80px;
	margin: -55px 0 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	opacity: .4;
	cursor: pointer;
	color: #FFF;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;

	background: transparent;
}

.flex-direction-nav .flex-prev {
	left: -50px;
}

.flex-direction-nav .flex-next {
	right: -50px;
	text-align: right;
}

.flexslider:hover .flex-prev,
.flexslider:hover .flex-next {
	opacity: .8;
}

AUS.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
}

.flex-direction-nav .flex-disabled {
	opacity: 0!important;
	filter: alpha(opacity=0);
	cursor: default;
}

.flex-direction-nav a:before {
	font-family: "icons";
	font-size: 65px;
	line-height: 80px;
	display: inline-block;
	content: "\e801";
}

.flex-direction-nav a.flex-next:before {
	content: "\e802";
}




/* Control Nav */

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	line-height: 0;
	text-align: center;
	z-index: 2;
}

.flex-control-nav li {
	margin: 0 5px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #FFF;
	opacity: .4;
	cursor: pointer;
	text-indent: -9999px;
	border-radius: 50px
}

.flex-control-paging li a:hover {
	opacity: .8;
}
.flex-control-paging li a.flex-active {
	background: #FFF;
	opacity: .8;
	cursor: default;
}



/* ------------------------------------------------ */



/* CONTENT
---------------------------------------------------------------------------------*/

#content {
	position: relative;
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 30px 0;
	line-height: 160%;
}

#content .inner {
	padding-top: 40px;
}

#content .page-headline {
	background: #F5E1C9;
}


#content .page-headline h1 {
	margin: 0 0 0 0;
	max-width: 66%;
}

#content .page-headline .inner {
	padding-top: 30px;
	padding-bottom: 30px;
}


.error404 #content .page-headline {
	display: none;
}

.hotbutton {
	position: absolute;
	top: 25px;
	right: 20px;
	max-width: 28%;
}

[class*=template-programm] .hotbutton {
	display: none;
}

.hotbutton a {
	display: block;
	font-size: 12px;
	line-height: 150%;
	padding: 13px 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	background: #500C4C;

}

.hotbutton a:before {
	content: "\e802";
	font-family: 'icons';
	font-size: 1.3em;
	font-style: normal;
	font-weight: normal;
	margin: 0 8px 0 0;
}



#main {
/*http://resources.sameerast.com/responsive-web-design-formula-easy-calculator.html*/
	float: left;
	max-width: 660px;
	width: 65.34653465346535%;
	margin: 0 3.9603960396039604% 30px 0;
}


#main.full-width {
	float: none;
	clear: both;
	width: 100%;
	max-width: 100%;
	margin-right: 0;
}

#main section {
	padding: 0 0 0 0;
}

#main img {

}

#main p a {
	/*font-weight: bold;*/
}


/* WP core styles */

.alignnone {

}

.aligncenter,div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	max-width: 96%;
	padding: 5px 3px 10px;
	text-align: center;
	background: transparent;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}


.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	padding: 0;
	width: auto;
	display: block;
}

.postThumb p.wp-caption-text,
.wp-caption p.wp-caption-text,
.gallery-caption {
	font-size: 12px;
	line-height: 17px;
	margin: 0;
	padding: 7px 7px 9px 7px;
	background: #FFF;
}

.sticky {

}

.bypostauthor {

}

a.post-edit-link {
	display: inline-block;
	margin: 0 0 15px 0;
	position: relative;
	font-size: 12px;
	line-height: 12px;
	padding: 9px 12px;
	text-transform: uppercase;
	background: CYAN;
	color: #333;
	border: 0px solid #F2F2F2;
}


.link-icon {
	position: relative;
	display: block;
	margin: 0 3px 8px 0;
	font-weight: 700;
}

p > span.link-icon {
	margin-bottom: 0;
}

.link-icon:before {
	content: "\e802";
	font-family: 'icons';
	font-size: 1.1em;
	font-weight: normal;
	color: #500C4C;
	margin: 0 8px 0 0;
}

i { /* IE */
	font-family: 'icons';
}

/* Lists */

#main ul,
#main ol {
	margin: 0 0 20px 0;
}

#main ul {
	padding-left: 20px;
	list-style-type: none;
}

#main li {
	position: relative;
	margin: 0 0 5px 0;
}

#main ul li:before {
	content: "• ";
	position: absolute;
	top: -0.01em;
	left: 0;
	margin: 0 0 0 -15px;
	font-size: 1.2em;
	font-weight: bold;
	color: #6666;
}

#main ol {
	padding-left: 22px;
}


/* Shortcodes */

.textIntro {
	font-size: 19px;
	line-height: 150%;
	margin: 0 0 20px 0;
}

.textKlein {
	font-size: 0.75em;
	line-height: 150%;
	margin-bottom: 20px;
}

.box,
.boxImportant {
	padding: 20px;
	background: #FFF;
	margin: 0 0 20px 0;
}

.boxImportant {
	background: #FFF;
	border: 2px solid #FF0000;
}

.box p {

}

.box p:last-child,
.box p:nth-of-type(2),
.boxImportant p:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.download-icon {
	margin: 0 2px 0 0;
}

.download-icon a {
	font-weight: 700;
}

.download-icon:before {
	content: "\e80d";
	font-family: 'icons';
	font-size: 1.2em;
	font-style: normal;
	color: #500C4C;
	margin: 0 8px 0 2px;
}

article {
	clear: both;
	margin: 0 0 30px 0;
}

h2.entry-title a {
}

#main h2.entry-title a:hover {
	text-decoration: none;
}

a.more-link {
	display: inline-block;
	margin: 0 0 20px 0;
}

#main a.more-link:hover {
	text-decoration: none;
}

a.more-link span {
	font-size: 12px;
	padding: 10px 15px;
	background: #EFA327;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
}

a.more-link span:before {
	content: "\e802";
	font-family: 'icons';
	font-size: 1.2em;
	font-style: normal;
	color: #FFF;
	margin: 0 8px 0 0;
}


a.backBtn {
	display: inline-block;
	font-size: 12px;
	padding: 10px 15px;
	background: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
}

a.backBtn:before {
	content: "\e801";
	font-family: 'icons';
	font-size: 1.2em;
	font-style: normal;
	color: #500C4C;
	margin: 0 8px 0 0;
}

a.backBtn:hover:before {
	color: #FD7F25;
}

.btn {
	background: #EFA327;
	border: 0;
	text-transform: uppercase;
	-webkit-transition: background 150ms ease;
	-moz-transition: background 150ms ease;
	-ms-transition: background 150ms ease;
	transition: background 150ms ease;
}

/* Start */

.home article {
	margin-bottom: 0;
}

.home article p:last-of-type {
	margin-bottom: 0;
}

/* Blog */

.blog article {

}

.entry.hasPostThumb {
}

.entry-details {
}

.entry-details a {
}

#main .entry-details a:hover {
	text-decoration: none;
}

.page-headline .date,
.entry-details .date {
	font-size: 12px;
	color: #666;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 100%;
	margin: 0 0 20px 0;
}

.page-headline .date {
	margin: 20px 0 0 0;
}

.entry-details .cats,
.entry-details .author {
	display: none;
}

.entry-details .tags {
	display: none;
}

.entry-content {
	padding: 0 0 15px 0;
	border-bottom: 1px solid #E5CBAE;
}

.blog h2.entry-title {
	margin: 1rem 0 1rem 0;
	font-size: 28px;
}

.postThumb {
	margin: 0 0 15px 0;
}

.single .postThumb img {
	margin: 0;
	display: block;
}

.entry-details.below {
	display: none;
	clear: both;
	max-width: none;
	width: 100%;
	float: none;
	margin: 0 0 20px 0;
	border-top: 1px solid #CCC;
}

.entry-details.below .date {
	display: none;
}

.entry-details.below .cats,
.entry-details.below .author,
.entry-details.below .tags {
	padding: 8px 0;
	margin: 0;
	display: none;
}




/* --- Post Tables --- */

#main table {
	width: 100%;
	margin: 10px 0px 30px 0px;
}

#main table thead {
	border-top: 1px solid #F7F0E7;
}

#main table thead td {
	font-weight: 700;
}

#main table tr {
	background: #FFF;
	border-bottom: 1px solid #F7F0E7;
}

#main table tr th {
	padding: 10px 15px;
	border-top: 1px solid #F7F0E7;
	border-left: 1px solid #F7F0E7;
	border-right: 1px solid #F7F0E7;
}

#main table tr td {
	padding: 10px 15px;
	border-left: 1px solid #F7F0E7;
	border-right: 1px solid #F7F0E7;
}

/* pagination */

.pagination {
	text-align: right;
}

.pagination .page-numbers {
	display: none;
}

.pagination a:hover {
}

.pagination a.prev,
.pagination a.next {
	display: inline-block;
	background: #FFF;
	width: 62px;
	height: 60px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;

	font-size: 22px;
	text-align: center;

}

a.prev span,
a.next span {
	display: none;

}

body:not(.paged) .pagination a.next,
body:not(.paged) .pagination a.next {
}

.pagination a.prev:before {
	content: "\e801";
	font-family: 'icons';
	color: #500C4C;
	display: block;
	text-align: center;
	line-height: 58px;
}

.pagination a.next:after {
	content: "\e802";
	font-family: 'icons';
	color: #500C4C;
	display: block;
	text-align: center;
	line-height: 58px;
}


.postNav {
	padding: 20px 30px;
	border-bottom: 1px solid #E5CBAE;
	margin: 0 0 20px 0;
}

.postNav a {
	position: relative;
	display: block;
	width: 40%;
	float: left;
	color: #999;
	font-weight: bold;
	font-size: 13px;
	line-height: 140%;
}

.postNav a:hover {
	color: #FD7F25;
}

.postNav .prevPost a:before {
	content: "";
	font-family: 'icons';
	content: "\e801";
	font-weight: normal;
	font-size: 25px;
	position: absolute;
	top: 0;
	left: -30px;
}

.postNav .nextPost a:before {
	content: "";
	font-family: 'icons';
	content: "\e802";
	font-weight: normal;
	font-size: 25px;
	position: absolute;
	top: 0;
	right: -30px;
}


.postNav .prevPost a {
}

.postNav .nextPost a {
	float: right;
	text-align: right;
}




/* crazy lazy plugin */

#main img[src*='data:image/gif;base64'] {
    border: 0px solid #dbdbdb;
}

#main img.crazy_lazy {
	background: url(../../../wp-includes/images/wpspin-2x.gif) no-repeat center center;
    background-size: 16px 16px;

    min-width: 30px;
    min-height: 30px;
}


/* WP gallery */



/* WP gallery */


.gallery {
	margin-bottom: 2rem;
	display: flex;
	flex-wrap: wrap;
	width: calc(100% + 6px);
	margin-left: -3px;
}


.gallery-item {
	flex: 0 0 auto;
	width: 33%;
	overflow: hidden;
}

.gallery-icon {
	overflow: hidden;
	margin: 3px; /*gap*/

}


.gallery-item a {
	position: relative;
	display: block;
	background: rgba(0,0,0, .03);
}

.gallery-item a:hover {
	background: #EFA327;
	background: #500C4C;
}


.gallery-item img {
	display: block;
	max-width: 100%;
	width: 100%;
	height: auto;
	transition: all 300ms ease-in-out;
}

.gallery-item a:hover img {
	transform: scale(1.1);
	opacity: .5;
}


.gallery .wp-caption-text {
	display: none;
}



.wp-caption {
	text-align: center;
	padding: 0;
	margin: 0 10px 20px 0;
	display: inline-block;
}

.wp-caption img {
	margin-bottom: 0;
	padding: 0;
	border: none;
}

figure.wp-caption {
	max-width: 100%;
/*!*/
}


/* Spalten */

.two-columns-one {
	width:47%;
}

.three-columns-one{
	width:30.66%;
}

.three-columns-two{
	width:65.33%;

}

.four-columns-one {
	width: 22%;
}

.four-columns-two {
	width:48%;
}

.four-columns-three {
	width:74%;
}

.two-columns-one,.three-columns-one,.three-columns-two, .four-columns-one, .four-columns-two, .four-columns-three {
	float:left;
	margin-right:5%;
	margin-bottom: 20px;
	position:relative;
}

.last {
	clear:right;
	margin-right:0 !important;
}


/* Responsive iFrame */

#main iframe {
	margin: 0 0 20px 0;
}

.iframe {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.iframe iframe,
.iframe object,
.iframe embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/* Expander (Aufklapper im Content) */

.expander {
	position: relative;
}

.expander-trigger {
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.expander-trigger:after {
	content: "";
	position: absolute;
	margin: 0 5px 0 0;
	width: 30px;
	height: 30px;
	top: 23px;
	right: 10px;
	border-radius: 10px;
	background: url(images/icon-collapse.png) no-repeat top left;
}

.expander-trigger.active:after {
	background-position: top right;
}

.expander-content {

}

.expander-content p:nth-of-type(1) {
	padding-top: 10px;
}

/* Archive */

.archive #main ul.post-categories ul,
.archive #main ul.post-categories li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.archive .showCat,
.searchResult {
	position: relative;
	margin: 0 0 25px 0;
	font-size: 18px;
	padding: 15px;
	background: #FFF;
}

.archive .showCat  span,
.searchResult span {
	font-weight: bold;
}

.archive .showCat a.showAll {
	float: right;
	font-size: 14px;
}

.socialshare {
	clear: both;
	margin: 25px 0 20px 0;
	background:  #FFF;
}

.socialshare li:before {
	display: none;
}


.fb-like,
.fb-send,
.gplus,
.twitter {
	float: left;
	display: inline-block!important;
	margin: 0 10px 0 0;
	height: 27px;
}

.fb-send {
	max-width: 70px;
}

.gplus {
	width: 65px;
}

.twitter {
	width: 100px;
}

.socialshare .fb-send span {
	vertical-align: top!important;
}


/* Tags */

/* Search */

.searchResult {
}

.searchResult form {
		position: relative;
}

.searchResult .s {
	border: none;
	padding: 10px;
	font-size: 1em;
	min-width: 50%;
}

.searchResult .searchsubmit {
	border: none;
	font-size: 0.8em;
	padding: 12px 15px;
	color: #FFF;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0 0 0 -3px;
	background: #333;
	-webkit-appearance: none;
}

.search-no-results #main .icon-search  {
	display: none;
}

.search .hentry {
	border: 0;
	border-bottom: 1px solid #E5CBAE;
	margin: 0;
}

.search .hentry a {
	display: block;
	font-weight: bold;
	padding: 12px 10px;
}

.search .hentry a:hover {
	background-color: rgba(255,255,255, .5);
}

.search .hentry.type-page .entry-details {
	display: none;
}

.search .pagination {
	margin-top: 30px;
}


.search-results .entry-details span {
	display: none;
}

/* Programm */


#main.programm.single,
#main.programm.list {
	float: none;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}


.programm .filter {
	position: relative;
	background: #F8DBAD;
	padding: 20px 20px;
	margin: 0 0 20px 0;
}


.programm .filter strong {
	font-family: 'Exo 2';
	font-weight: 800;
	font-size: 17px;
	line-height: 17px;
	color: #500C4C;
	display: block;
	margin: 0 0 15px 0;
}

.programm .filter-nav {
}

.filter-nav a {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	padding: 8px 10px;
	line-height: 13px;
	background: #FCEFDA;
}

.filter-nav a.active {
	background: #500C4C;
	color: #FFF;
	cursor: default;
}



.programm .entry {
	position: relative;
	padding: 20px;
	margin: 0 0 10px 0;
	background: #FFF;
}

.programm .cats {
	color: #666;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
.programm .entry h2 {
	font-size: 24px;
	margin: 0 0 5px 0;
}

.programm .entry h2 a {
	display: block;
	padding: 0 5em 0 0;
}


.programm .location {
	font-weight: bold;
	color: #666;
}

.programm .address {
	-webkit-appearance: none;
}

.programm .time {
	-webkit-appearance: none;
	margin: 2px 0 2px;
}

.programm .time span {
	display: inline-block;
	background: #500C4C;
 	color: #FFF;

    background: #FCEFDA;
 	color: #500C4C;
	line-height: 1;
	padding: 6px 8px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;

}


.programm.list .details-content {
  display: none;
}


.programm .details-content {
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
}

.programm .desc {
	font-size: 14px;
	line-height: 150%;
}

.programm .desc p:last-child {
	margin-bottom: 0;
}

#main ul.tab-nav,
#main ul.tab-nav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.tab-nav {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 40px; /*--Set height of tabs--*/
    width: 100%;
}

ul.tab-nav li {
    float: left;
    margin: 0 2px 0 0;
    padding: 0;
    border-right: 2px solid #FFF;
    height: 40px; /*--Subtract 1px from the height of the unordered list--*/
    line-height: 40px; /*--Vertically aligns the text within the tab--*/
    overflow: hidden;
    position: relative;
    background: #F8DBAD;
}

ul.tab-nav li a {
    text-decoration: none;
    color: #444;
    display: block;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 20px;
    outline: none;
}

ul.tab-nav li.active  {
    background: #FCEFDA;
}

ul.tab-nav li.active a {
	cursor: default;
}

.tab-container {
	position: relative;
	margin: 0 0 20px 0;
    overflow: hidden;
    clear: both;
    float: left;
    width: 100%;
    background: #FCEFDA;

}

.tab-content {
    padding: 20px;
    position: relative;
}


.tab-content .flexslider {
	position: relative;
}

.tab-content .desc + .flexslider {
	margin: 1rem 0 0 0;
}


#main .tab-content .flexslider ul,
#main .tab-content .flexslider li {
	padding: 0;
	margin: 0;
}

#main .tab-content .flexslider li {
    overflow: hidden;
    position: inherit;
    list-style-type: none;
    max-height: 450px;
}


#main .tab-content .flexslider li img {
	display: block;
	width: 100%;
}

#main .tab-content .flexslider li:before {
	display: none;
}


#main .tab-content ul.flex-direction-nav li {
}

#main .tab-content .flex-direction-nav .flex-prev,
#main .tab-content .flex-direction-nav .flex-next {
	z-index: 100;
	color: #CCC;
	height: 70px;
	margin: -35px 0 0 0;
	line-height: 85px;
	width: 45px;
	background: transparent;
	opacity: .6;
}

#main .tab-content .flex-direction-nav .flex-prev {
	left: 0;
}

#main .tab-content .flex-direction-nav .flex-next {
	right: 0;
}

#main .tab-content .flexslider:hover .flex-prev,
#main .tab-content .flexslider:hover .flex-next {
	color: #999;
	outline: none;
	opacity: 1;
}

#main .tab-content .flex-direction-nav .flex-disabled {
	display: none;
}

#main .tab-content .flex-direction-nav a:before {
	font-size: 45px;
	line-height: 35px;
	padding: 0;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	color: #FFF;
}

#main .tab-content ol.flex-control-nav {
	padding: 0;
	bottom: 15px;
	margin: 0;
}

#main .tab-content ol.flex-control-nav li {
	position: relative;
	margin: 0 3px;
}

.tabmap {
	/*GoogleMap container*/
	height:  480px;
	width: 100%;
	margin: 0 0 20px 0;
	background: #CCC;
}

.infoWindow {
	line-height: 150%;
	font-family: 'Open Sans';
	font-weight: normal;
	max-width: 200px;
}

.infoWindow b {
	color: #666;
}


.programm button.details-trigger {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 0 15px 0 28px;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	height: 35px;
	text-transform: uppercase;
	color: #FFF;
	background: #EFA327;
}

.programm button.details-trigger:hover,
.programm .active button.details-trigger {
	background-color: #500C4C;
}


button.details-trigger:before {
	position: absolute;
	top: 50%;
	left: 14px;
	content: "\e803";
	font-family: 'icons';
	font-size: 20px;
	line-height: 20px;
	margin: -10px 8px 0 -5px;
	font-weight: normal;
	transition: all 250ms ease;
}

.programm .active button.details-trigger:before {
	transform:rotate(180deg);
}


.programm button.details-close {
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: #999;
	padding: 5px 0 5px 22px;
	font-weight: bold;
	font-size: 13px;
	background: transparent;
}

.programm button.details-close:before {
	position: absolute;
	top: 50%;
	left: 0;
	content: "×";
	font-size: 22px;
	line-height: 20px;
	margin: -12px 0 0 0;
	font-weight: normal;
}


/* Lageplan */

.map-wrap {
	position: relative;
}

button.map-option-toggle {
	position: relative;
	padding: 0 15px 0 33px;
	font-size: 13px;
	font-weight: bold;
	line-height: 40px;
	height: 40px;
	text-transform: uppercase;
	color: #FFF;
	background: #EFA327;
	border: none;
}

button.map-option-toggle:before {
	position: absolute;
	top: 50%;
	left: 14px;
	content: "\e804";
	font-family: 'icons';
	font-size: 20px;
	line-height: 20px;
	margin: -11px 8px 0 0;
	font-weight: normal;
}

button.map-option-toggle.closed:before {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	line-height: 23px;
}


#map-option {
	background: #FFF;
	background: rgba(255,255,255, .9);
	padding: 20px;
	min-width: 100px;
	position: absolute;
	z-index: 1000;
}

#map-option div {
	margin: 0 0 8px 0;
}

#map-option input[type='checkbox'] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	margin: 0 5px 0 0;
    vertical-align: middle;
}

#map-option label {
	font-weight: bold;
	color: #500C4C;
}


#map-pen {
	width: 100%;
	height: 560px;
}

img[src*="gstatic.com/"],
img[src*="googleapis.com/"] {
	max-width: none;
}




#map-pen .infoWindow h3 {
	font-size: 15px;
	font-family: 'Exo 2', sans-serif;
	color: #500C4C;
	 margin: 0 0 5px 0;
}

#map-pen .infoWindow span {
	font-family: 'Open Sans';
	display: inline-block;
	line-height: 120%;
	font-weight: normal;

}

#map-pen a.btn {
	margin: 8px 0 10px 0;
	padding: 0 15px;
	font-size: 11px;
	line-height:30px;
	height: 30px;
	display: inline-block;
	color: #FFF;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
}

#map-pen a.btn:before {
	content: "\e802";
	font-family: 'icons';
	font-size: 1.2em;
	font-style: normal;
	color: #FFF;
	margin: 0 8px 0 0;
}


/* Uebernachtungen */

.ue-entry {
	position: relative;
	clear: both;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 2px solid #E5CBAE;
}

.ue-entry.tipp:after {
	content: "TIPP";
	position: absolute;
	top: -3px;
	right: 0;
	line-height: 100%;
	color: #FFF;
	background: #EFA327;
	padding: 5px 10px;
	font-weight: 700;
}

.ue-entry  h3 {
	padding: 0 0 0 0;
	margin: -5px 0 10px 0;
}

.ue-entry.tipp h3 {
	padding-right: 60px;
}

.ue-bild {
	float: left;
	min-height: 10px;
	max-width: 150px;
	margin: 0 3% 0 0;
}

.ue-bild a {
	vertical-align: top;
	padding: 0;
	display: block;
}

.ue-bild img {
	display: block;
}

.ue-beschreibung {
	width: 67%;
	float: left;
}




/* SIDEBAR
---------------------------------------------------------------------------------*/

#sidebar {
	position: relative;
	z-index: 20;
	min-height: 100px;
	max-width: 310px;
	float: left;
	width: 30.693069306930692%;
}

ul.subpages {
	margin: 0 0 30px 0;
}

ul.subpages li {

}

ul.subpages li a {
	padding: 9px 5px;
	font-size: 14px;
	color: #37525F;
	display: block;
	border-bottom: 1px solid #BECCD4;
}

ul.subpages li.current_page_item a {
	background: #FFF;
}

#content ul.subpages li a:hover {
	text-decoration: none;
	color: #00B6ED;
}

#sidebar {

}

.widget {
	font-size: 0.9rem;
	margin: 0 0 15px 0;
	padding: 20px;
	background: #FFF;
}

.widget h3 {
	margin: 0 0 20px 0;
	font-family: 'Exo 2';
	font-weight: 800;
	font-size: 17px;
	background: #FFF;
}

.widget-body {
}

.widget a {
	font-weight: bold;
}


.widget a:hover {
	text-decoration: none;
}

.widget.recent-posts li {
	padding: 0 0 12px 0;
	margin-bottom: 12px;
	border-bottom: 1px solid #F0E1CF;
}

.widget.recent-posts li:last-child {
	border-bottom: none;
	padding-bottom: 5px;
	margin-bottom: 0;
}

.widget.recent-posts li a {
	display: block;
}

.widget.recent-posts .post-date {
	font-size: 11px;
	line-height: 120%;
	margin: 0 0 5px 0;
	text-transform: uppercase;
	font-weight: bold;
	color: #999;
}


.widget.random-gallery {
}

.widget.random-gallery .gallery {
	display: block;
	margin: 0 0 1rem 0;
	padding: 0;
}

.widget.random-gallery .gallery-item {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

.widget.random-gallery .gallery-icon {
	display: block;
	margin: 0;
}


.widget.random-gallery .gallery img {
	display: block;
	width: 100%;
	height: auto;
}

.widget.random-gallery br {
	display: none;
}




.widget.random-gallery .link-icon a {
	text-transform: uppercase;
}

.widget .fbfanbox {
}


.widget .fbfanbox  {
}

.fbwrap {
	height: 195px;
	overflow: hidden;
}

.fbwrap iframe {
	margin: -9px 0 0 -9px;
}



/* FOOTER
---------------------------------------------------------------------------------*/

#footer {
	width: 100%;
	background: #DDD;
}

#footer .inner {
	padding-top: 25px;
	padding-bottom: 25px;
}

#footer .fbanners {
	background: #EFE2D1;
}

#footer .fbanners .col {
	max-height: 140px;
}

#footer .fbanners img {
	display: block;
}



#footer .fsponsors {
	position: relative;
	background: #FFF;
}

#footer .fsponsors .flexslider {
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 0 40px;
}

.fsponsors span {
	position: absolute;
	top: 12px;
	left: 30px;
	font-size: 11px;
	color: #999;
}


.fsponsors .flexslider li {
    margin-right: 5px;
    max-height: 52px; /* static logo height */
    overflow: hidden;
}

.fsponsors .flex-direction-nav .flex-prev,
.fsponsors .flex-direction-nav .flex-next {
	background: transparent;
	opacity: 1;
	color: #CCC;
	height: 70px;
	margin: -35px 0 0 0;
	line-height: 85px;
	width: 35px;
}

.fsponsors .flex-direction-nav .flex-prev {
	left: 0;
}

.fsponsors .flex-direction-nav .flex-next {
	right: 0;
}

.fsponsors .flexslider:hover .flex-prev,
.fsponsors .flexslider:hover .flex-next {
	color: #999;
	outline: none;
}

.fsponsors .flex-direction-nav .flex-disabled {
	opacity: 1!important;
}


.fsponsors .flex-direction-nav a:before {
	font-size: 40px;
	line-height: 40px;
	padding: 0;
}


#footer .fbottom {
	clear: both;
	display: none;
}

#footer .fnav {
	background: #500C4E;
	padding: 0 0 70px 0;
}


#footer .menu li {
	float: left;
	margin: 0 0 0 0;
	font-weight: normal;
}


#footer .menu li:after {
	content: "|";
	color: #F1F1F1;
	opacity: .7;
}

#footer .menu li:last-child:after {
	content: "";
}


#footer .menu li a {
	text-transform: uppercase;
	padding: 0 6px;
	color: #FFF;
	opacity: .8;
	font-family: 'Exo 2';
	font-weight: 700;
	font-size: 12px;
}

#footer .menu li a:hover {
	opacity: 1;
}


#footer .menu li:first-child a {
	padding-left: 0;
}


#footer a.totop {
	float: right;
}

#footer a.totop:before {
	content: "\e804";
	font-family: 'icons';
	font-size: 2.5em;
	font-style: normal;
	margin: 0 8px 0 0;
	color: #FFF;
}



/* WP-jQuery-Lightbox plugin overwrite */

#overlay {
	background-color: #500C4C!important;
	background: url(images/header-bg-wide.png) repeat-y center center;
}

#lightbox #imageDataContainer {
	background: #FFF;
	margin-top: 0px;
	padding-top: 10px;
}

#lightbox span {
	font-weight: normal;
}

#lightbox #titleText {
	display: block;
	padding: 5px 0 0px 0;
	font-size: 1.3em;
	color: #555;
}

#lightbox #numberDisplay {
	font-size: 11px;
	color: #999;
	margin: 5px 0 0 0;
	padding: 0!important;
	display: none!important;
}

#lightbox #playpause {
	display: none;
}

#lightbox a {
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: color 0 ease-in;
	transition: none;
}

#lightbox #bottomNavClose {
	position: relative;
	height: 30px;
	margin: 5px 5px 0 0;
}

#lightbox #bottomNavClose div {
	position: absolute;
	right: 0;
	background-image: none;
	margin: 5px 0 0 0;
	width: auto;
}

#lightbox #bottomNavClose div:before {
	content: "SCHLIESSEN";
	color: #666;
	font-size: 12px;
	font-weight: 700;
	font-family: 'Open Sans',Arial;
	cursor: pointer;
}

#lightbox a#nextLink,
#lightbox a#prevLink {
	background-image: none;
	position: relative;
}

#lightbox a#nextLink:after,
#lightbox a#prevLink:after {
	position: absolute;
	font-family: 'icons';
	color: #FFF;
	color: rgba(255,255,255, .7);
	display: block;
	font-size: 60px;
	text-align: center;
	width: 50px;
	height: 60px;
	top: 50%;
	line-height: 50px;
}

#lightbox a#nextLink:after {
		content: "\e802";
		right: 10px;
}

#lightbox a#prevLink:after {
		content: "\e801";
		left: 10px;
}




/* Mobile Menu - SLICKNAV */


/*  Slicknav -- Core Style */

.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon-bar { display: block; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.195em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }


/*  Slicknav -- User Style */
.slicknav_menu {
}


.slicknav_btn {
	position: absolute;
	display: block;
	top: 0;
	right: 20px;
	z-index: 20;
	width: 58px;
	height: 55px;
	padding: 0;
	background: rgba(255,255,255, .2);
	line-height: 50px;
	cursor: pointer;
}

.slicknav_menu .slicknav_icon {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
}

.slicknav_menu .slicknav_icon:after {
	content: "\e80e";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	font-family: 'icons';
	text-align: center;
	font-size: 1.8em;
	font-style: normal;
	font-weight: normal;
	margin: 0 0 0 0;
	color: #FFF;
	color: rgba(255,255,255, .7);

}

.slicknav_menu .slicknav_icon-bar {
}

.slicknav_menu {
	display: none;
}


.slicknav_nav {
	display: block;
	margin: 0;
	padding: 70px 40px 10px 40px;
	background: #500C4C;
}

.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding: 0;
	margin: 0 0 0 30px;
}

.slicknav_nav .slicknav_item {
}

.slicknav_nav a {
	font-family: 'Exo 2';
	font-size: 17px;
	font-weight: 700;
	text-transform: uppercase;

	padding: 20px 5px;
	color: #FFF;
	border-bottom: 1px solid rgba(255,255,255, .3);
}

.slicknav_nav>li:last-child a {
	border-bottom: none;
}

.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
	border-bottom: none;
}

.slicknav_nav .slicknav_arrow {
	color: rgba(255,255,255, .6);
}

.slicknav_nav .slicknav_item:hover {
}

.slicknav_nav a:hover {
	background: rgba(255,255,255, .15);
}

.slicknav_nav a:hover a {
	background: transparent;
}

.slicknav_nav .slicknav_txtnode {
     margin-left:15px;
}


/* FORMS (contact form 7)
---------------------------------------------------------------------------------*/

.wpcf7 {
	position: relative;

}

.wpcf7 form {
	position: relative;
	padding: 30px!important;
	background: #FFF;
	margin: 0 0 30px 0;
}

.wpcf7 div {
	position: relative;
	clear: both;
	margin: 0 0 10px 0;
}


.wpcf7 div br {
	display: none;
}

.wpcf7 label {
	font-size: 0.9em;
	font-weight: bold;
	text-transform: none;
	color: #666;
	width: 20%;
	float: left;
	padding: 0px 10px 0 0 ;
	vertical-align: middle;
	line-height: 150%;

	-webkit-hyphens: auto;
   -moz-hyphens: auto;
    hyphens: auto;
}

.wpcf7 span {
	float: left;
	width: 75%;
	margin: 0 0 10px 0;
}

.wpcf7 input.wpcf7-text,
.wpcf7 input.wpcf7-quiz,
.wpcf7-text,
.wpcf7 textarea,
.wpcf7-date,
.wpcf7-number,
.wpcf7-captchar {
	padding: 9px;
	font-size: 15px;
	font-size: 1em;
	font-weight: normal;
	color: #444;
	background: #FFF;
	width: 100%;
	box-sizing: border-box;
	border: none;
	border: 1px solid #DDD;
	-webkit-appearance: none;

	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus {
	opacity: 1;
	border-bottom-color: #BBB;
}

.wpcf7 textarea {
	max-height: 140px;
	width: 100%;
}

.recaptcha .wpcf7-form-control-wrap {
	width: 80%;
	float: left;
	clear: none;
}

.recaptcha .rc-anchor-normal {
	max-width: 100%;
}

.wpcf7 .submit {
	margin: 0 0 0 0;
	clear: both;
}

.wpcf7 input.wpcf7-submit {
	text-transform: uppercase;
	font-size: 1em;
	padding: 15px 30px;
	margin: 0 0 0 0;
	width: auto;
	border: none;
	font-weight: bold;

	padding: 0.9em 1.9em;
	font-weight: bold;
	background: #EFA327;

	display: inline-block;
	color: #FFF;

	-webkit-appearance: none;

	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
}


.wpcf7 input.wpcf7-submit:active {
}

.wpcf7 input.wpcf7-submit:hover {
	color: #FFF;
	background: #500C4C;
}


.wpcf7 .ajax-loader {
	position: absolute;
	left: -35px;
	top: 50%;
	margin: -8px 0 0 0;
}

.wpcf7 .wpcf7-response-output {
	background: #FFF;
	margin: 15px 0 0 0;
	padding: 20px;
	border-radius: 3px;
}

.wpcf7 .wpcf7-mail-sent-ok {
	border: none;
	background: LIGHTGREEN;
	padding: 20px;
	text-align: center;
}

.wpcf7 h3 {
}

.wpcf7 span.wpcf7-not-valid-tip {
	background: red;
	color: #FFF;
	display: none;
}


.wpcf7 input.wpcf7-not-valid,
.wpcf7 textarea.wpcf7-not-valid {
	border: 1px solid red;
}

.wpcf7 .wpcf7-form-control.wpcf7-radio,
.wpcf7 .wpcf7-form-control.wpcf7-checkbox {
	width: 100%;
	margin: 0;
}

.wpcf7 input[type="radio"] {
	-webkit-appearance: radio;
	border-radius: 50%
}

.wpcf7 input[type='checkbox'] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
}

.wpcf7-radio span.wpcf7-list-item,
.wpcf7-checkbox span.wpcf7-list-item {
	float: left!important;
	width: auto;
	min-width: 100px;
}

.wpcf7-radio input,
.wpcf7-checkbox input {
	vertical-align: middle;
	display: inline-block;
	margin: 0 10px 0 0;
}

.wpcf7-radio span.wpcf7-list-item-label,
.wpcf7-checkbox span.wpcf7-list-item-label {
	display: inline;
	float: none;
	margin: 0;
}

.wpcf7-radio label,
.wpcf7-checkbox label {
 	width: 100%;
 	padding: 0;
 }

.wpcf7-radio label span,
.wpcf7-checkbox label span {
	margin: 0 30px 0 15px;
	float: right;
	width: auto;
	vertical-align: middle;
}

.wpcf7-checkbox.wpcf7-not-valid {
	color: red;
}



/* Caldera Forms (Plugin) */


.caldera-grid {
	background: #FFF;

	padding: 20px;
	max-width: 800px;
	margin: 0 auto;
	margin-bottom: 30px;
	overflow: hidden;
}

.caldera-grid h3 {
	font-size: 1.5rem;
}


.caldera-grid .form-group input[type="text"],
.caldera-grid .form-group textarea {
	font-size: 1rem;
}


.caldera-grid .form-group label {
	font-size: 0.9rem;
	color: #500C4C;
}

.caldera-grid .form-group label.control-label {
}


.caldera-grid input[type="radio"] {
	-webkit-appearance: radio;
	-moz-appearance: radio;
	cursor: pointer;
}

.caldera-grid input[type="checkbox"] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	cursor: pointer;
	width: 23px;
	height: 23px;
}

.caldera-grid label.radio-inline input,
.caldera-grid label.checkbox-inline input {
	margin-right: 5px;
	vertical-align: middle;
}


.caldera-grid .row em { /*custom info text*/
	margin-bottom: 10px;
	display: block;
	color: #003C62;
}

.caldera-grid input.btn {
	text-transform: uppercase;
	font-weight: bold;
	padding: 13px 25px;
	margin: 0 0 0 0;
	width: auto;
	border: none;
	background: #500C4C;
	color: #FFF;
	-webkit-appearance: none;
	transition: all 300ms ease;
}

.caldera-grid input.btn:active {
	background: #000;
}

.caldera-grid input.btn:hover {
	color: #FFF;
	background: #EFA327;
}


.caldera-grid span.parsley-required {
	display: none;
}

.caldera-grid .form-group.has-error .checkbox label {
	color: #a94442;
}

.caldera-grid .alert.alert-success {
	background: #FFF;
	padding: 20px;
	color: #333;
	border: 2px solid lightgreen;
	text-shadow: none;
}

.caldera-grid .alert.alert-success p:last-child {
	margin-bottom: 0;
}


.caldera-grid button.btn-block {
	width: auto;
	margin: 0 0 1rem 0;
}


/* Template Anmeldeformular */


[class*=template-anmeldeformular] #nav,
[class*=template-anmeldeformular] .fsponsors {
	display: none;
}


/* Cookie Notice */


#cookie-notice {
	font-size: 0.9rem!important;
	background: transparent!important;
}

#cookie-notice #cn-notice-text {
	color: #DDD;
}

#cn-accept-cookie.cookie-button {
	padding: 0.7rem 1.5rem;
	line-height: 100%;
	text-decoration: none;
	display: inline-block;
	border-radius: 1px;
	background: #EFA327;
	color: #FFF;
	text-shadow: none;
	font-family: 'Exo 2', sans-serif;
	font-weight: normal;
	font-size: 1rem;
	border: 0px solid #FFF;
	transition: all 300ms ease;
}


#cn-accept-cookie.cookie-button:hover {
	opacity: .8;
	color: #FFF;
}

#cookie-notice a {
	color: #DDD;
	text-decoration: underline;
}

#cookie-notice a:hover {
	color: #EFA327;
}

#cookie-notice .cookie-notice-container {
	padding: 20px 15px;
	background: rgba(0,0,0, .9);
}

.cookies-not-set #footer .fnav   {
	padding-bottom: 8.0rem;
}





/* GLOBALS

---------------------------------------------------------------------------------*/

/* Media Queries
---------------------------------------------------------------------------------*/


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

#hero .flex-direction-nav .flex-prev {
	left: 20px;
}

#hero .flex-direction-nav .flex-next {
	right: 20px;
}

#nav ul li a {
	padding: 0 20px;
}


}



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

.inner.hero {
	padding: 0;
}

#header {
	background-size: 250%;
}

.pen-slogan {
	bottom: -30px;
}


#nav ul li a {
	padding: 0 15px;
}


#hero .slogan-badge {
	display: none;
}



#main {
	clear: both;
	max-width: 100%;
	width: 100%;
	margin: 0 0 30px 0;

}



#sidebar {
	clear: both;
	width: 100%;
	max-width: 100%;
}


}

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

h1 {
	font-size: 20px;
	font-size: 28px;
}

.inner {
	padding: 0 20px;
}

#header h1 {
	top: 25px;
	left: 0;
	width: 150px;
	height: 100px;
	margin: 0;
	background-size: contain;
}

.topwrap {
	height: 150px;
}

.slicknav_menu {
	display: block;
}

.searchbar {

}


#header .topnav {
	display: none;
}

#header .pen-date {
	top: 110px;
	font-size: 1.6rem;
}

#header .pen-date .countdown {
	padding: 7px 10px;
	margin-top: -35px;
	margin-left: 10px;
	font-size: 10px;
}

.countdown:after {
	bottom: -8px;
}

.pen-slogan {
	display: none;
}




#nav {
	display: none;
}

.flex-control-nav {
	display: none;
}

#content {
	padding-bottom: 0px;
}


#content .page-headline .inner {
	padding-top: 20px;
	padding-bottom: 20px;
}

#content .page-headline h1 {
	max-width: 100%;
}

#content .inner {
	padding-top: 15px;
}


.hotbutton {
	display: none;
}

article {
	margin: 0;
}

.entry-details {
	float: none;
	width: 100%;
	margin: 0;
}

.entry-details>div {
	display: none;
}

.entry-details .date {
	display: block;
}

.entry-details.below,
.entry-details.below > div {
	display: block;
}


.entry-content {
	float: none;
	width: 100%;
	min-height: 5px;
}

#main h1,
.entry-content h1.entry-title,
.entry-content h2.entry-title {
	font-size: 1.6em;
	line-height: 135%;
}


.alignleft,
.alignright {
	float: none;
	display: block;
	margin-bottom: 10px;
}


.gallery-item {
	width: 50%;
}




.col {
	float: none;
}

.c3-3 {
	width: 100%;
	margin: 0 0 15px 0;
	max-width: 100%;
}


.wpcf7 form {
	padding: 15px!important;
}


.wpcf7 label {
	width: auto;
	float: none;
	display: block;
	margin-bottom: 5px;
}

.wpcf7 span,
.wpcf7 input,
.wpcf7 textarea,
.wpcf7 input.wpcf7-text {
	float: none;
	display: block;
	width: 100%;
}

.wpcf7-radio input,
.wpcf7-checkbox input {
	width: auto;
	display: inline-block;
}


.wpcf7 .submit {
	margin: 0;
	padding: 0;
}

.wpcf7 .submit input[type="submit"] {
	width: 100%;
}

.programm .filter {
	padding: 10px;
}


.programm .entry {
	padding: 10px;
}

.programm .entry h2 {
	font-size: 18px;
}

.programm .entry h2 a {
	padding-right: 0;
}


.tab-content {
	padding: 10px;
}

.programm button.details-trigger {
	top: 10px;
	right: 10px;
	height: 25px;
	line-height: 10px;
	padding: 5px;
	padding-left: 20px;
	font-size: 11px;

	display: none;
}

.programm button.details-trigger:before {
	font-size: 16px;
	margin-left: -5px;
}

.tabmap {
	height: 400px;
}

#map-pen {
	height: 400px;
}


.ue-bild,
.ue-beschreibung {
	float: none;
	width: 100%;
	padding: 0;
}

.ue-bild {
	margin: 0 0 15px 0;
}



#footer .fnav {
	padding: 0 0 15px 0;
}

#footer .menu li {
	clear: both;
	padding: 0;
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255, .3);
}

#footer .menu li a {
	font-size: 13px;
	text-align: center;
	padding: 13px 0;
	display: block;
}

#footer .menu li:after {
	display: none;
}

#footer .fbottom {
	display: block;
	text-align: center;
}

#footer .fbottom a.totop {
	display: block;
	width: 100%;
	padding: 20px 0;
	background: #500C4E;
}




}

/*  Print styles
---------------------------------------------------------------------------------*/


@media print {


}