/*
Theme Name: Meinwanderungsland
Theme URI: https://wemakewebsites.de
Author: WeMakeWebsites / Jonas Langreuter
Author URI: https://wemakewebsites.de
Description: WeMakeWebsites Startertheme / Foundation 6.3
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: meinwanderungsland
Tags:

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.

WeMakeWebsites2017 is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

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

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

#main h2{
	font-weight: bold;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 54px;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 214px;
}

.main-navigation ul li.menu-item-25 ul a {
	width: 240px;
}

#site-navigation.main-navigation ul ul a {
	padding: 10px 15px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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-size: 0.875rem;
	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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

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

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/* Meinwanderungsland */

/* fonts */

@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolightitalic';
    src: url('fonts/roboto-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/roboto-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotocondenseditalic';
    src: url('fonts/robotocondensed-italic-webfont.woff2') format('woff2'),
         url('fonts/robotocondensed-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* =Foundation Specials
-------------------------------------------------------------- */

#masthead button.menu-icon,
#masthead button.menu-icon:active{
	position: absolute;
	top: 16px;
	right: 30px;
	border: 0;
	background: transparent;
	box-shadow: none;
	width: 40px;
	height: 25px;
}

#masthead button.menu-icon:after{
	background: #00334f;
	height: 4px;
	box-shadow: 0 10px 0 #00334f, 0 20px 0 #00334f;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#masthead button.menu-icon:hover:after{
	background: #808080;
	box-shadow: 0 10px 0 #808080, 0 20px 0 #808080;
}

#off-canvas-menu,
#off-canvas-menu ul{
	list-style: none;
	margin-left: 0;
}

#off-canvas-menu > li{
	padding: 20px 0 20px 30px;
	border-bottom: 1px solid #e4e4e4;
}

#off-canvas-menu li.menu-item-has-children,
#off-canvas-menu .sub-menu{
	margin-top: 10px;
}

#off-canvas-menu ul li{
	border-bottom: none;
	padding: 10px 0 10px 15px;
}

#off-canvas-menu a{
	color: #00334f;
	font-size: 16px;
	font-family: 'robotocondenseditalic','robotoregular','Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
	font-weight: bold;
}

#off-canvas-menu .sub-menu a{
	font-weight: normal;
}


/* =General
-------------------------------------------------------------- */

a:active, a:focus, a:visited, a:link{
color: #0a0a0a;
outline:0;
outline:expression(hideFocus='true');
}

#main p a,
#main .gform_wrapper .gfield_checkbox li label a,
#gform_wrapper_3 .gfield_checkbox li label a,
#gform_wrapper_4 .gfield_checkbox li label a{
	text-decoration: underline;
}

a.button{
	color: #fff;
}

#main p a.button.inlinebutton{
	text-decoration: none;
	font-size: 16px;
	background: #c70777;
}

#main p a.button.inlinebutton:hover{
	background: #ac0968;
}

#main .row{
	padding-top: 30px;
	padding-bottom: 30px;
}

#main .row.nopaddingtop{
	padding-top: 0;
}

#main .row.nopaddingbottom{
	padding-bottom: 0;
}

#main .sidebar{
	margin-bottom: 20px;
}

.prevlink,
.nextlink{
	margin-top: 20px;
}

.prevlink span,
.nextlink span{
	margin-bottom: 14px;
	padding: 8px 12px;
	background: #00334f;
	color: #fff;
	display: inline-block;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.prevlink span a,
.nextlink span a{
	color: #fff;
}

.nextlink{
	text-align: right;
}

article ol{
	list-style: none;
	margin-left: 0;
}

article ol li{
	background: url('images/checked.png') no-repeat left 6px;
	background-size: 16px 16px;
	padding-left: 26px;
}

/* header */

#masthead{
	height: 54px;
}

#masthead,
#site-navigation{
	position: relative;
}

#masthead .logo{
	position: absolute;
	left: 10px;
	top: 8px;
	z-index: 999;
}

#masthead .logo,
#masthead .logo img{
	width: 100%;
	max-width: 130px;
}

#site-navigation .menu-mainmenu-container{
	position: absolute;
	right: 0;
	top: 0;
}

#site-navigation a{
	font-family: 'robotocondenseditalic','robotoregular','Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #00334f;
	padding: 18px 16px;
	font-size: 18px;
}

#site-navigation .sub-menu a{
	font-weight: normal;
}

#site-navigation li.menu-item-37 a,
#site-navigation li.menu-item-38 a,
#site-navigation li.menu-item-39 a,
#site-navigation li.menu-item-534 a{
	text-indent: -999em;
	width: 34px;
	height: 34px;
	background: url('images/social_icons_sprite.png') -6px -5px no-repeat;
	background-size: 187px 90px;
	padding: 0;
	margin: 12px 6px 12px 30px;
}

#site-navigation li.menu-item-38 a{
	background-position: -52px -5px;
	margin: 12px 6px;
}

#site-navigation li.menu-item-39 a{
	background-position: -99px -5px;
	margin: 12px 6px;
}

#site-navigation li.menu-item-534 a{
	background-position: -146px -5px;
	margin: 12px 6px;
}

#site-navigation li.menu-item-37:hover a,
#site-navigation li.menu-item-38:hover a,
#site-navigation li.menu-item-39:hover a,
#site-navigation li.menu-item-534:hover a{
	background-position-y: -52px;
}

#site-navigation li.hideicon,
#off-canvas-menu li.hideicon{
	display: none;
}

#bannerheader, 
#imgheader{
	height: 390px;
	margin-bottom: 60px;
}

#bannerheader .row, 
#imgheader .row{
	height: 330px;
	position: relative;
}

#bannerheader .raute{
	position: absolute;
	right: 10px;
	bottom: -55px;
}

#imgheader{
	background-attachment: scroll;
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* navigation */
/* start */

/* alter menupunkt START
#site-navigation li.menu-item-24:hover a,
#site-navigation li.menu-item-24.current_page_item a{
	background: #00334f;
	color: #fff;
}
*/

/* mitmachen */
body.page-id-7 #bannerheader,
body.page-id-154 #bannerheader,
body.page-id-156 #bannerheader,
body.page-id-304 #bannerheader,
body.page-id-1436 #bannerheader,
body.page-id-2853 #bannerheader{
	background: #e2979b;
}

#site-navigation li.menu-item-1665:hover a,
#site-navigation li.menu-item-1665.current_page_item a,
body.page-id-7 #site-navigation li.menu-item-1665 a,
body.page-id-154 #site-navigation li.menu-item-1665 a,
body.page-id-156 #site-navigation li.menu-item-1665 a,
body.page-id-304 #site-navigation li.menu-item-1665 a,
body.page-id-2853 #site-navigation li.menu-item-1665 a{
	background: #00334f;
	color: #e2979b;
}

/* news */
body.blog #bannerheader,
body.archive #bannerheader,
body.single-post #bannerheader,
body.search-results #bannerheader,
body.search-no-results #bannerheader,
body.page-id-98 #bannerheader,
body.page-id-96 #bannerheader{
	background: #c50073;
}

#site-navigation li.menu-item-26:hover a,
#site-navigation li.menu-item-26.current_page_item a,
body.archive:not(.post-type-archive):not(.tax-geschichten_tag) #site-navigation li.menu-item-26 a,
body.single-post #site-navigation li.menu-item-26 a,
body.search-results #site-navigation li.menu-item-26 a,
body.search-no-results #site-navigation li.menu-item-26 a,
body.page-id-98 #site-navigation li.menu-item-26 a,
body.page-id-96 #site-navigation li.menu-item-26 a{
	background: #8dc9a4;
	color: #c50073;
}

/* termine */
body.post-type-archive-tribe_events #bannerheader,
body.single-tribe_events #bannerheader,
body.single-tribe_venue #bannerheader{
	background: #e09898;
}

#site-navigation li.menu-item-45:hover a,
#site-navigation li.menu-item-45.current-menu-item a{
	background: #8f2380;
	color: #e09898;
}

/* geschichten */
body.post-type-archive-geschichten #bannerheader,
body.tax-geschichten_tag #bannerheader,
body.single-geschichten #bannerheader,
body.page-id-233 #bannerheader,
body.post-type-archive-objekte #bannerheader,
body.single-objekte #bannerheader,
body.single-historyslider #bannerheader{
	background: #4ca96d;
}

#site-navigation li.menu-item-40:hover a,
#site-navigation li.menu-item-40.current-menu-item a,
body.page-id-233 #site-navigation li.menu-item-40 a,
body.post-type-archive-objekte #site-navigation li.menu-item-40 a,
body.single-geschichten #site-navigation li.menu-item-40 a,
body.single-objekte #site-navigation li.menu-item-40 a,
body.single-historyslider #site-navigation li.menu-item-40 a,
body.tax-geschichten_tag #site-navigation li.menu-item-40 a{
	background: #c50073;
	color: #4ca96d;
}

/* ueber uns */
body.page-id-15 #bannerheader,
body.page-template-tmpl-ueber-uns #bannerheader,
body.page-id-306 #bannerheader{
	background: #d53f15;
}

#site-navigation li.menu-item-29:hover a,
#site-navigation li.menu-item-29.current_page_item a,
body.page-template-tmpl-ueber-uns #site-navigation li.menu-item-29 a,
body.page-id-306 #site-navigation li.menu-item-29 a{
	background: #f0ae0e;
	color: #d53f15;
}

body.page-id-306 article header{
	margin-bottom: 30px;
}

.koops strong{
	display: block;
	margin-bottom: 10px;
}

.koops p{
	display: block;
	margin-top: 10px;
}

#main .accordion .accordion-title,
#main .accordion :last-child:not(.is-active) > .accordion-title {
	border: none;
}

#main .accordion .accordion-title{
	font-size: 22px;
	line-height: inherit;
	color: inherit;
	padding: 5px 0;
	margin-bottom: 0;
}

#main .accordion .accordion-title:hover, 
#main .accordion .accordion-title:focus{
	background: #fff;
	outline:0;
	outline:expression(hideFocus='true');
	cursor: pointer;
}

#main .accordion .accordion-title::before{
	margin-top: -16px;
}

#main .accordion .accordion-title.open::before{
	content: '-';
	font-size: 36px;
	margin-top: -28px;
}

#main .accordion .accordion-content{
	border: none;
	padding: 0;
}

/* kontakt */
body.page-id-17 #bannerheader{
	background: #8f2380;
}

#site-navigation li.menu-item-30:hover a,
#site-navigation li.menu-item-30.current_page_item a{
	background: #4ca96d;
	color: #8f2380;
}

/* english */
#site-navigation li.menu-item-537:hover a,
#site-navigation li.menu-item-537.current_page_item a{
	background: #00334f;
	color: #fff;
}

/* start */

.ctatop{
	background: #00334f;
	text-align: center;
}

.ctatop a,
.ctatop a:hover,
.ctatop a:active,
.ctatop a:focus,
.ctatop a:visited{
	color: #8fc8a0;
	font-family: 'robotocondenseditalic','robotoregular','Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
	font-size: 30px;
}

.ctatop a:after{
	content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url('images/icon_photo-camera.png') no-repeat;
	background-size: 40px 40px;
	margin: 0 0 -8px 20px;
}

.ctabottom{
	background: #00334f;
	text-align: center;
	margin-bottom: 20px;
}

.ctabottom a,
.ctabottom a:hover,
.ctabottom a:active,
.ctabottom a:focus,
.ctabottom a:visited{
	color: #8fc8a0;
	font-family: 'robotocondenseditalic','robotoregular','Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
	font-size: 30px;
}

.ctabottom a:after{
	content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url('images/icon_video-camera.png') no-repeat;
	background-size: 40px 40px;
	margin: 0 0 -10px 20px;
}

.startnews{
	background: #f7f7f7;
}

.startnews > .row{
	position: relative;
	min-height: 540px;
}

.startnews > .row:before{
	background-image: url('images/startnewsbg.png');
	background-size: 628px 526px;
	display: inline-block;
	width: 628px;
	height: 526px;
	position: absolute;
	left: -180px;
	bottom: 0;
	content: "";
}

/* startnewsbg media queries */

@media screen and (max-width: 980px) {
	
	.startnews > .row:before{
		background-image: url('images/startnewsbg.png');
		background-size: 400px 335px;
		display: inline-block;
		width: 400px;
		height: 335px;
		position: absolute;
		left: -120px;
		bottom: 0;
		content: "";
	}
	
}

@media screen and (max-width: 639px) {
	
	.startnews > .row:before{
		display: none;
	}
	
}

/*  */

.startnews .columns{
	position: relative;
}

.startnews article{
	background: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}

.button.center{
	display: table;
	margin: 0 auto;
}

.instagram{
	background: #c50073;
	margin-top: 0;
	margin-bottom: 50px;
}

.instagram h2{
	color: #8fc8a0;
}

/* mitmachen */

.disclaimer{
	margin-top: 20px;
	font-size: 13px;
	color: #666666;
}

/* news */

.newstitle{
	position: absolute;
	left: 30px;
	bottom: 0;
	width: 100%;
	max-width: calc(100% - 440px);
}

.newsfarbbalken{
	width: 100%;
	height: 30px;
	margin-bottom: 20px;
}

.date{
	display: block;
	margin-bottom: 20px;
	font-size: 14px;
	color: #666;
}

.wp-pagenavi{
	text-align: center;
	margin-bottom: 20px;
}

.wp-pagenavi a,
.wp-pagenavi span{
	border: none;
	line-height: 34px;
}

.wp-pagenavi span.current{
	font-weight: normal;
	color: #fff;
	background: #c50073;
	-webkit-border-radius: 200px;
	border-radius: 200px;
	height: 40px;
	width: 40px;
	display: inline-block;
}

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
} 

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

.rp4wp-related-posts{
	display: none;
}

.related_posts .rp4wp-related-posts{
	display: block;
	overflow: hidden;
	margin: 20px 0;
}

.rp4wp-related-posts ul{width:100%;padding:0;margin:0;float:left;}
.rp4wp-related-posts ul>li{list-style:none;padding:0;margin:0;padding-bottom:5px;clear:both;}
.rp4wp-related-posts ul>li>p{margin:0;padding:0;}
.rp4wp-related-post-image{width:35%;padding-right:25px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;float:left;}

/* downloads */

ul.downloads,
#tribe-events-pg-template .tribe-events-content ul.downloads, 
.tribe-events-after-html ul, .tribe-events-before-html ul.downloads{
	margin: 20px 0 30px 0;
	list-style: none;
}

ul.downloads li{
	background: url('images/download.png') left center no-repeat;
	background-size: 32px 32px;
	padding: 10px 0 10px 45px;
}

/* presse */

body.page-id-96 section{
	margin: 40px 0;
	overflow: hidden;
}

body.page-id-96 section .presseschau{
	margin-top: 40px;
}

#main .tablepress tfoot th,
#main .tablepress thead th{
	background-color: #00334f;
	color: #fff;
}

#main .tablepress .odd td{
	background: #8dc9a4;
}

/* termine */

/* Veranstaltungen auf der Termine-Seite ausblenden, es gibt momentan keine anstehenden Veranstaltungen */
body.archive.post-type-archive-tribe_events #tribe-events-content{
	display: none;
}

.tribe-events-page-title{
	display: none;
}

.tribe-event-date-start:after,
.tribe-events-start-time:after{
	content: " Uhr";
}

.veranstaltung-teaser{
	background: #e09898;
	padding: 20px 12px;
}

.veranstaltung-teaser span{
	display: block;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #8f2380;
	font-family: 'robotocondenseditalic','robotoregular','Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
}

.veranstaltung-teaser span.teaser-tag{
	border-bottom: 2px solid #8f2380;
}

.tribe_mini_calendar_widget{
	padding: 40px 60px 0;
}

.tribe-mini-calendar-wrapper .tribe-mini-calendar thead,
.tribe-mini-calendar-wrapper .tribe-mini-calendar-nav td,
.tribe-mini-calendar-wrapper .tribe-mini-calendar th{
	background: #8f2380;
	border-color: #8f2380;
}

.tribe-mini-calendar-wrapper .tribe-mini-calendar th{
	border: none;
}

.tribe-mini-calendar-wrapper .tribe-mini-calendar th.tribe-mini-calendar-dayofweek{
	padding-bottom: 6px;
}

.tribe-mini-calendar-wrapper .tribe-mini-calendar-no-event,
.tribe-mini-calendar-wrapper td.tribe-events-present{
	background: #e09898;
}

.tribe-mini-calendar-wrapper .tribe-mini-calendar td.tribe-events-has-events{
	background: #8f2380;
}

.tribe-mini-calendar-wrapper td.tribe-events-present span{
	background: #8f2380;
	-webkit-border-radius: 50px;
	border-radius: 50px;	
}

body.post-type-archive-tribe_events .tribe-events-venue-details a{
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: inherit;
}

.tribe-events-user-recurrence-toggle{
	display: none;
}

body.single-tribe_events #tribe-events-pg-template{
	padding: 0 15px;
}

/* geschichten */

.historyslider{
	margin: 20px 0 40px;
}

.gyges .tp-thumb:hover .tp-thumb-img-wrap,
.gyges .tp-thumb.selected .tp-thumb-img-wrap{
	background: #4ca96d;
}

.embed_facebook,
.embed_instagram,
.embed_audio{
	margin: 20px 0;
}

.grid-item .icons{
	margin-bottom: 15px;
}

.grid-item .icons span{
	text-indent: -999em;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background: #f00;
}

.grid-item .icons span.icon_galerie{
	background: url('images/geschicon_galerie.png') center center no-repeat;
	background-size: 24px 24px;
}

.grid-item .icons span.icon_video{
	background: url('images/geschicon_video.png') center center no-repeat;
	background-size: 24px 24px;
}

.grid-item .icons span.icon_facebook{
	background: url('images/geschicon_facebook.png') center center no-repeat;
	background-size: 24px 24px;
}

.grid-item .icons span.icon_instagram{
	background: url('images/geschicon_instagram.png') center center no-repeat;
	background-size: 24px 24px;
}

.grid-item .icons span.icon_audio{
	background: url('images/geschicon_audio.png') center center no-repeat;
	background-size: 24px 24px;
}

/* Add this attribute to the element that needs a tooltip */
.grid-item .icons span[data-ttcontent] {
  position: relative;
  z-index: 2;
}

/* Hide the tooltip content by default */
.grid-item .icons span[data-ttcontent]:before,
.grid-item .icons span[data-ttcontent]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
.grid-item .icons span[data-ttcontent]:before {
  position: absolute;
  bottom: 115%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -40px;
  padding: 7px;
  width: 80px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #00334f;
  color: #f3f3f3;
  content: attr(data-ttcontent);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
  text-indent: 0;
}

/* Triangle hack to make tooltip look like a speech bubble */
.grid-item .icons span[data-ttcontent]:after {
  position: absolute;
  bottom: 115%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #00334f;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
.grid-item .icons span[data-ttcontent]:hover:before,
.grid-item .icons span[data-ttcontent]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.fb_iframe_widget,
.instagram-media{
	margin-bottom: 30px !important;
}

.geschichtentags{
	padding: 0 20px 15px;
	font-size: 11px;
	color: #888;
}

.geschichtentags a{
	color: #888;
}

body.single-geschichten .geschichtentags{
	padding: 20px 0 15px;
	font-size: 14px;
}

.copyright{
	display: block;
	margin-top: 5px;
	font-size: 10px;
	color: #666;
}

.copyright.contenttop{
	margin-bottom: 15px;
}

/* objekte */

.objekt-image-wrapper{
	min-height: 400px;
	padding: 24px;
	position: relative;
	margin-bottom: 20px;
}

.objekt-image-wrapper img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#main .item-info-wrapper{
	background: #f3f3f3;
}

#main .item-info-wrapper .entry-content{
	padding: 0 20px;
}

#main .item-info-wrapper .readmore{
	margin-left: 20px;
	padding-bottom: 20px;
	display: block;
}

/* owl */

#main .owl-carousel{
	width: 100%;
}

#main .owl-carousel .owl-item div{
	height: 620px;
	width: 100.1%;
}

#main .owl-nav{
	font-size: 40px;
}

#main .owl-nav .owl-prev,
#main .owl-nav .owl-next{
	position: absolute;
	top: 50%;
	width: 56px;
	height: 56px;
	margin-top: -38px;
	background: rgba(255,255,255,0.4);
	-webkit-border-radius: 150px;
	border-radius: 150px;
}

#main .owl-nav .owl-prev span,
#main .owl-nav .owl-next span{
	display: block;
	margin-top: -15px;
	font-size: 50px;
}

#main .owl-nav .owl-prev{
	left: 20px;
}

#main .owl-nav .owl-next{
	right: 20px;
}

#main .owl-carousel .owl-nav .owl-prev.disabled,
#main .owl-carousel .owl-nav .owl-next.disabled{
	display: none;
}

#main .owl-carousel .owl-item img{
	width: auto;
	position: absolute;
	top: 36%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#main .owl-carousel .owl-item span{
	position: absolute;
	right: 50px;
	bottom: 60px;
	width: 80%;
	font-family: 'robotolightitalic','robotoregular','Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
	text-align: right;
	font-size: 40px;
	line-height: 1.2;
	text-shadow: 1px 1px 1px #626262;
}

/* isotope */

body.post-type-archive-geschichten #page{
	min-height: 101vh;
}

body.post-type-archive-geschichten .navigation.posts-navigation{
	display: none;
}

#infscr-loading{
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
}

.gridwrap{
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 100px;
}

.grid-sizer,
.grid-item { 
	width: 33.3333333333333%;
	margin-bottom: 25px;
}

.grid-item{
	opacity: 0;
}

.grid-item.visible{
	opacity: 1;
}

.grid-item .geschichten-wrapper{
	padding-left: 1.66666666665%;
	padding-right: 1.66666666665%;
}

.grid-item .item-info-wrapper{
	display: block;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.grid-item .item-info-wrapper .entry-content{
	margin-top: 0;
}

.grid-item .item-info-wrapper.item-toppadding{
	padding-top: 20px;
}

.grid-item .item-info-wrapper img{
	margin-bottom: 20px;
}

/* isotope media queries */

@media screen and (max-width: 920px) {
	
	.grid-sizer,
	.grid-item { 
		width: 50%; 
	}
		
}

@media screen and (max-width: 640px) {
	
	.grid-sizer,
	.grid-item { 
		width: 100%;
	}
		
}

/* footer */

#colophon{
	margin-top: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
	border-top-style: solid;
	border-top-width: 15px;
}

#colophon.gelb{
	border-top-color: #f0ae0e;
}

#colophon .footerthird{
	display: block;
	float: left;
}

#colophon .footer40{
	width: 40%;
}

#colophon .footer35{
	width: 35%;
}

#colophon .footermini{
	font-size: 12px;
	margin: 30px 10px 0 0;
}

#colophon .footerlogo{
	display: inline-block;
	padding-bottom: 15px;
}

#colophon .domid{
	margin-right: 20px;
}

#colophon .domid,
#colophon .domid img{
	width: 100%;
	max-width: 205px;
}

#colophon .bdblogo,
#colophon .bdblogo img{
	width: 100%;
	max-width: 200px;
}

.menu-footermenu-container{
	position: absolute;
	right: 0;
	bottom: 0;
}

.menu-footermenu-container .menu > li > a{
	padding: 20px 8px;
}

.menu-footermenu-container a,
.menu-footermenu-container a:focus,
.menu-footermenu-container a:active,
.menu-footermenu-container a:visited{
	font-size: 12px;
	color: #a1a1a1;
}

.menu-footermenu-container a:hover{
	color: #808080;
}

/* error404 */

section.error-404{
	min-height: 320px;
}

/* gravity forms */

#main .gform_wrapper .top_label .gfield_label,
#main .gform_wrapper .gfield_required,
#main .gform_wrapper .ginput_complex label{
	font-weight: normal;
	color: #0a0a0a;
}

#main .gform_wrapper div.validation_error,
#main .gform_wrapper .validation_message{
	color: #d53f15;
	font-weight: normal;
	font-size: 15px;
	border-top-color: #d53f15;
	border-bottom-color: #d53f15;
}

#main .gform_wrapper li.gfield.gfield_error, 
#main .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
	background: rgba(213,63,21,0.1);
	border: none;
}

#main .gform_wrapper .gfield_required,
#main .gform_wrapper .gfield_error .gfield_label,
#main .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label{
	color: #0a0a0a;
}

#main .gform_wrapper li.gfield_error input[type="text"],  
#main .gform_wrapper li.gfield_error textarea{
	border: 1px solid #d53f15;
}

#main .gform_wrapper input[type="checkbox"],
#main .gform_wrapper input[type="radio"]{
	margin: 0 5px 0 0;
}

#main .gform_wrapper .gfield_checkbox li label{
	font-weight: normal;
}

#main .gform_wrapper input[type="submit"]{
	background: #00334f;
	color: #fff;
	border: none;
	padding: 16px 30px 12px;
}

	/* mitmachen */
	
#gform_wrapper_1 #field_1_1{
	padding-top: 40px;
	border-top: 1px dashed #ccc;
	margin-top: 40px;
}

#gform_wrapper_1 #input_1_10{
	margin-top: 15px;
}

	/* footer newsletter */

#gform_wrapper_3{
	width: 100%;
	max-width: 400px;
	display: table;
	margin: 0 auto;
}

#gform_wrapper_3 #gform_3{
	position: relative;
}

#gform_wrapper_3 #input_3_1{
	padding-right: 135px;
}

#gform_wrapper_3 #gform_submit_button_3{
	position: absolute;
	top: 0;
	right: 0;
	padding: 14px 24px 10px;
	font-size: 14px;
	background: #00334f;
	color: #fff;
	border: none;
}

#gform_wrapper_3 .gform_footer{
	padding: 0;
}

#gform_wrapper_3 .validation_error,
#gform_wrapper_3 label.gfield_label{
	display: none;
}

#gform_wrapper_3 li.gfield.gfield_error{
	padding-top: 0;
	border-top: none;
}

#gform_wrapper_3 li.gfield.gfield_error .ginput_container{
	margin-top: 0;
}

#gform_wrapper_3 .gfield_description.validation_message{
	padding-top: 0;
	font-weight: normal;
}

#gform_wrapper_3 .gfield_checkbox li label,
#gform_wrapper_4 .gfield_checkbox li label{
	font-weight: normal;
	font-size: 10px;
}

#gform_wrapper_3 .ginput_container.ginput_container_email{
	margin-top: 10px;
}



/* media queries */

@media only screen and (max-width: 1024px) {
	
	.tribe_mini_calendar_widget{
		padding: 30px 10px 0;
	}
	
}

@media only screen and (max-width: 720px) {
	
	#colophon .footer40,
	#colophon .footer35{
		width: 100%;
	}
	
	.menu-footermenu-container{
		position: inherit;
	}
	
	#bannerheader,
	#bannerheader .row{
		height: auto;
	}
	
	#bannerheader .raute{
		position: relative;
		bottom: -20px;
		right: auto;
	}
	
	.newstitle{
		position: inherit;
		left: auto;
		bottom: auto;
		top: 10px;
		width: 100%;
		max-width: 100%;
		padding: 24px 30px;
	}
	
	#imgheader .newstitle{
		position: absolute;
		top: auto;
		bottom: 20px;
	}
}

@media only screen and (max-width: 640px) {
	
	#secondary{
		margin-top: 30px;
	}
	
	#main .owl-carousel .owl-item div{
		height: 520px;
	}
	
	#main h2{
		font-size: 26px;
	}
	
/*
	#main .owl-carousel .owl-item span{
		font-size: 30px;
		line-height: 34px;
	}
*/
	
	#gform_wrapper_3 #gform_submit_button_3{
		position: inherit;
	}
	
	#gform_wrapper_3 #input_3_1{
		padding-right: 4px;
	}
	
}