/*
Theme Name: BFR
Theme URI: https://www.fluechtlingsrat-bayern.de/
Author: WeMakeWebsites / Jonas Langreuter
Author URI: https://wemakewebsites.de
Description: Theme for Bayerischer Fluechtlingsrat
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wmwde2017
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;
}

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: #ef008c;
	border-radius: 3px;
	background: transparent;
	color: #ef008c;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1;
	padding: 10px 16px;
	font-family: 'Lato-Regular', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
	font-weight: 700;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #ef008c;
	color: #fff;
}

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: 1px 3px 3px rgba(0, 0, 0, 0.3);
	float: left;
	position: absolute;
	top: 76px;
	padding: 5px 0 10px;
	left: -999em;
	z-index: 99999;
	background: #fff;
}

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

.main-navigation ul ul a {
	width: auto;
	padding: 4px 20px;
	white-space: nowrap;
}

.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-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;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## 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;
}

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

button.menu-icon,
button.menu-icon:active{
	border: 0;
	box-shadow: none;
	width: 42px;
	height: 28px;
	position: absolute;
	top: 28px;
	right: 35px;
}

button.menu-icon:hover{
	background: transparent;
}

button.menu-icon:after{
	background: #ef008c;
	height: 5px;
	box-shadow: 0 12px 0 #ef008c, 0 24px 0 #ef008c;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

button.menu-icon:hover:after{
	background: #ef008c;
	box-shadow: 0 12px 0 #ef008c, 0 24px 0 #ef008c;
}

.off-canvas-wrapper .off-canvas-logo{
	width: 100%;
	max-width: 150px;
	margin: 20px auto;
	display: table;
}

button.close-button,
button.close-button:hover,
button.close-button:active,
button.close-button:visited,
button.close-button:focus{
	font-size: 50px;
	color: #fff;
}
 

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

#off-canvas-menu li{
	padding: 20px 30px;
	text-align: center;
}

#off-canvas-menu .sub-menu{
	margin-top: 20px;
}

#off-canvas-menu .sub-menu li{
	border-bottom: none;
	padding: 7px 0;
}

#off-canvas-menu a{
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
}


#off-canvas-menu .is-accordion-submenu-parent > a:after{
	content: '';
	background: url('images/down-arrow_white.svg') center center no-repeat;
	background-size: 16px 16px;
	width: 20px;
	height: 20px;
	display: block;
	border: none;
	top: 4px;
	right: -30px;
}

#off-canvas-menu .is-accordion-submenu-parent[aria-expanded="true"] > a:after{
	content: '';
	background: url('images/up-arrow_white.svg') center center no-repeat;
	background-size: 16px 16px;
	-webkit-transform: none;
	transform: none;
	-webkit-transform-origin: none;
	transform-origin: none;
}

#off-canvas-menu li.socialmedia{
	border-bottom: none;
	padding: 5px 30px;
}

#off-canvas-menu li.socialmedia.facebook{
	padding-top: 30px;
}

#off-canvas-menu li.socialmedia a{
	font-size: 25px;
}

#off-canvas-menu li.socialmedia a span{
	display: inline-block;
	text-indent: -999em;
}

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

/* BFR */

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

@font-face {
  font-family: 'Lato-Regular';
  src: url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/Lato-Bold.woff') format('woff'), url('fonts/Lato-Bold.ttf')  format('truetype'), url('fonts/Lato-Bold.svg#Lato-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
}

/*
@font-face {
  font-family: 'Lato-Black';
  src: url('fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),  url('fonts/Lato-Black.woff') format('woff'), url('fonts/Lato-Black.ttf')  format('truetype'), url('fonts/Lato-Black.svg#Lato-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/

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

.arabisch{
	direction: rtl;
}

.toprow{
	background: #ef008c;
}

.alignfull {
	margin: 0 calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}

a:visited, 
a:active, 
a:focus{
	color: #404040;
}

body h3{
	font-size: 22px;
}

body h4{
	font-size: 18px;
}

body h5,
body h6{
	font-size: 18px;
}

/* Remove dotted outlines on all links (all browsers except IE) */
a:active, a:focus {
outline:0;
}

/* Remove dotted outlines on all links (IE only) */
a:active, a:focus {
outline:expression(hideFocus='true');
}

p a,
ul a{
	text-decoration: underline;
}

p a:hover,
ul a:hover{
	color: #ef008c;
}

#content{
	min-height: 460px;
}

/* borlabs */

#BorlabsCookieBox ._brlbs-bar-wrap._brlbs-position-fixed{
	bottom: 0;
}

/* popmake */

#popmake-3276.pum-container.popmake .pum-close{
	right: 10px;
	top: 10px;
}

@media screen and (max-width: 989px) {
	
	#popmake-3276.pum-container.popmake p{
		font-size: 13px;
	}
	
}

/* menus */

#topmenu{
	float: right;
	margin-top: 1px;
}

#topmenu a,
#topmenu a:active,
#topmenu a:visited,
#topmenu a:focus{
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}

.toprow .search-form{
	width: 100%;
	max-width: 160px;
	float: right;
	margin-left: 16px;
}

#offCanvas .search-form{
	width: 100%;
	max-width: 200px;
	margin: 0 auto;
}

.toprow .search-form label{
	width: calc(100% - 40px);
	float: left;
}

#offCanvas .search-form label{
	width: calc(100% - 80px);
	float: left;
	margin-left: 40px;
	margin-bottom: 100px;
}

.toprow .search-form label input.search-field{
	margin: 7px 0 0;
	height: 24px;
	font-size: 14px;
}

#offCanvas .search-form label input.search-field{
	margin: 7px 0 0;
	height: 30px;
	font-size: 16px;
}

.toprow .search-form input.search-submit,
#offCanvas .search-form input.search-submit{
	width: 40px;
	float: left;
	color: #fff;
	text-indent: -999rem;
	background: url('images/search.svg') center center no-repeat;
	background-size: 16px 16px;
}

#masthead .logo{
	margin-top: 8px;
	display: inline-block;
}

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

#site-navigation{
	float: right;
	max-width: calc(100% - 160px);
}

#primary-menu{
	float: right;
}

.main-navigation .menu > li > a{
   	padding: 32px 16px 30px;
}

.main-navigation li a{
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
}

.main-navigation a,
.main-navigation a:active,
.main-navigation a:visited,
.main-navigation a:focus{
	color: #777;
}

.main-navigation li:hover > a,
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_ancestor > a{
	color: #000;
}

li.socialmedia{
	text-indent: -999em;
	width: 28px;
}

#off-canvas-menu li.socialmedia{
	width: auto;
}

#off-canvas-menu li.socialmedia a{
	height: 30px;
	width: 30px;
	display: table;
	margin: 0 auto;
}

li.socialmedia.facebook a{
	background: url('images/facebook.svg') center center no-repeat;
	background-size: 16px 16px;
}

li.socialmedia.twitter a{
	background: url('images/twitter.svg') center center no-repeat;
	background-size: 16px 16px;
}

li.socialmedia.instagram a{
	background: url('images/instagram.svg') center center no-repeat;
	background-size: 16px 16px;
}

/* Blog */

.seperator .seperatorinner{
	margin-bottom: 24px;
	border-bottom: 1px solid #ef008c;
}

.entry-meta{
	font-size: 12px;
}

h3.unterueberschrift{
	font-size: 18px;
	line-height: 26px;
}

a.readmore{
	font-family: 'BreeSerif-Regular', 'Lato-Regular', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
	display: inline-block;
	margin: 24px 0 20px;
	position: relative;
	padding-left: 18px;
}

a.readmore:hover{
	color: #ef008c;
}

a.readmore:before{
	content: '';
	width: 45px;
	height: 28px;
	background: url('images/bfr_laeufer.png') center center no-repeat;
	background-size: 45px 28px;
	display: block;
	position: absolute;
	top: -18px;
	left: 0;
}

/* single */

body.single h1{
	margin-bottom: 25px;
}

body.single h2{
	font-size: 26px;
	line-height: 30px;
}

.row.abstand{
	margin-top: 50px;
}

.row .row.thementeaser{
	display: block;
	margin: 30px 0;
	border-bottom: 1px solid #555;
}

.row .row.thementeaser .columns{
	padding: 0;
}

.row .row.thementeaser .columns img{
	margin-bottom: 5px;
}

.sidebar .entry-meta{
	font-size: 16px;
}

/* themen */
/* projekte */

#page .themenuebersicht h2,
#page .projekteuebersicht h2{
	font-size: 20px;
	margin-top: 10px;
}

#themen-tabs.tabs{
	background: #f7f7f7;
	font-family: 'BreeSerif-Regular', 'Lato-Black', 'Lato-Regular', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
}

.medium-up-3 > .columns.spezialfullwidthbutton{
	width: calc(100% - 30px);
}

.row .row.row.columns.spezialfullwidthbutton{
	margin-left: 15px;
}

.filterrow{
	margin-top: -83px;
	margin-bottom: 40px;
	position: relative;
	z-index: 9;
}

.filterrow .btn-filter{
	font-family: 'BreeSerif-Regular', 'Lato-Black', 'Lato-Regular', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
	color: #ef008c;
	padding: 5px 0;
	font-size: 22px;
	background: #000;
	text-align: center;
	display: block;
}

.filterrow .btn-filter span:after,
.filterrow .btn-filter.active span:after{
	content: '';
	display: inline-block;
	width: 30px;
	height: 13px;
	background: url('images/down-arrow.svg') center center no-repeat;
	background-size: 15px 15px;
}

.filterrow .btn-filter.active span:after{
	background: url('images/up-arrow.svg') center center no-repeat;
	background-size: 15px 15px;
}

#filterpanel{
	display: none;
	background: #ef008c;
	overflow: hidden;
}

#filterpanel ul{
	margin-left: 0;
}

#filterpanel ul li{
	width: 25%;
	float: left;
	text-align: center;
}

#filterpanel .searchandfilter ul li .sf_date_field{
	margin-left: 20px;
}

#filterpanel .searchandfilter ul li .sf_date_field li{
	padding: 0;
	margin-right: 50px;
}

#filterpanel .searchandfilter ul li .sf_date_field li input{
	width: 100px;
}

#filterpanel .searchandfilter input,
#filterpanel .searchandfilter select{
	margin-bottom: 0;
}

#filterpanel .searchandfilter input[type="submit"]{
	width: 170px;
	font-size: 16px;
	background: #fff;
	padding: 10px 5px 11px;
	color: #404040;
}

#filterpanel .searchandfilter input[type="submit"]:hover{
	color: #ef008c;
}

.search-filter-results{
	min-height: 380px;
}

.search-filter-results img{
	margin-bottom: 20px;
}

/* wp-pagenavi */

.wp-pagenavi{
	margin: 10px 0;
}

.wp-pagenavi a,
.wp-pagenavi span{
	border: none;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	padding: 2px 7.5px 3px;
	background: #ef008c;
	color: #fff;
}

.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink{
	padding-top: 0;
}

.wp-pagenavi span.current{
	font-weight: normal;
	background: #000;
}

/* footer */

#colophon{
	background: #ef008c;
	padding: 20px 0 10px;
	color: #fff;
	margin-top: 30px;
}

#colophon a,
#colophon a:active,
#colophon a:visited,
#colophon a:focus{
	color: #fff;
	text-decoration: none;
}

#colophon a:hover{
	color: #000;
}

#colophon a.button{
	color: #ef008c;
	text-transform: uppercase;
	margin-bottom: 0;
}

#colophon a.button:hover{
	color: #000;
}

#colophon #footermenu a{
	font-size: 12px;
	padding: 12px 20px 0 0;
}

#colophon .gefoerdert span{
	font-weight: 700;
	display: inline-block;
	margin-bottom: 20px;
}

#colophon .gefoerdert a img{
	width: 100%;
	max-width: 110px;
	display: block;
	margin-bottom: 10px;
}

/* Gutenberg Elemente */

.wp-block-media-text > figure > img{
	max-width: 100%;
	width: auto;
	margin: 0 0 10px 8%;
}

.wp-block-file .wp-block-file__button{
	background-color: #ef008c;
	font-weight: 700;
	padding: 6px 13px 8px;
}

/* Kadence Elemente */

.wp-block-kadence-tabs,
.kt-accordion-wrap{
	margin-bottom: 20px;
}

.kt-blocks-accordion-header{
	font-size: 16px !important;
	padding-bottom: 8px !important;
}

.kt-blocks-accordion-header.kt-accordion-panel-active{
	background-color: #ef008c !important;
	border-width: 1px !important;
	border-color: #eeeeee !important;
	color: #fff !important;
}

.kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:before,
.kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:after{
	background: #fff !important;
}

/* body .kt-blocks-accordion-icon-trigger, */
body .kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger::before,
body .kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger::after{
	height: 2px;
	width: 10px;
}

.wp-block-button__link{
	font-size: 16px;
	font-weight: bold;
	background-color: #ef008c;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 8px 16px;
}

.wp-block-button__link.has-very-light-gray-color{
	color: #fff;
}

/* footnotes */

.footnote_plugin_tooltip_text{
	top: 6px !important;
	left: -3px !important;
	font-size: 60%;
}

.footnote_container_prepare > p > span:first-child{
	font-size: 14px !important;
	padding-left: 5px !important;
}

table.footnote-reference-container tbody{
	border: none;
	font-size: 12px;
}

table.footnote-reference-container tbody tr:nth-child(2n){
	background-color: transparent;
}

table.footnote-reference-container tbody td{
	padding: 2px 4px;
}

table.footnote-reference-container tbody a{
	text-decoration: underline;
}

/* Blocks */

/* headerbild */

.headerbild{
  margin-bottom: 40px;
  overflow-y: hidden;
  position: relative;
  z-index: 1;
  height: 480px;
}

.headerbild-info{
  color: #e2007a;
  position: absolute;
  top: 62%;
  left: 16%;
  text-transform: uppercase;
  line-height: 1.2;
  font-size: 2.6vw;
  letter-spacing: 1px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  max-width: 34%;
  font-family: 'BreeSerif-Regular', 'Lato-Black', 'Lato-Regular', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
}

.headerbild-info span{
	padding: 0 12px 4px;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

.headerbild-info.ausrichtung-rechts{
	left: auto;
	right: 16%;
	text-align: center;
}

.headerbild .image-background{
  display: block;
  height: 100%;
  margin: 0;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.headerbild .image-background img{
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* news dreierblock */
/* themen sechserblock */
/* projekte dreierblock */

.newsdreierblock img,
.themensechserblock img,
.projektedreierblock img,
.tabs-panel img{
	margin-bottom: 10px;
}

.newsdreierblock h2,
.themensechserblock h2,
.projektedreierblock h2{
	text-align: center;
	margin-bottom: 33px;
}

.newsdreierblock .column-block .inner,
.themensechserblock .column-block .inner,
.projektedreierblock .column-block .inner,
.tabs-panel .column-block .inner{
	position: relative;
	padding: 10px 10px 60px;
	background: #f7f7f7;
}

.themensechserblock .column-block .inner,
.projektedreierblock .column-block .inner{
	padding-bottom: 20px;
}

.newsdreierblock a.readmore,
.tabs-panel a.readmore{
	position: absolute;
	left: 20px;
	bottom: 10px;
	margin-bottom: 0;
}

.fullwidthbutton{
	background: transparent;
	border: 1px solid #ccc;
	display: block;
	padding: 8px 30px;
	font-family: 'BreeSerif-Regular', 'Lato-Black', 'Lato-Regular', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
	font-size: 24px;
	color: #000;
	text-align: center;
}

.fullwidthbutton:hover{
	background: #ef008c;
	border: 1px solid #ef008c;
	color: #fff;
}

/* gravity forms */

#gform_wrapper_1{
}

body .gform_wrapper .top_label .gfield_label,
body .gform_wrapper .gfield_required,
body.gform_wrapper .ginput_complex label{
	font-weight: normal;
}

body .gform_wrapper div.validation_error,
body .gform_wrapper .validation_message{
	color: #ef008c;
	font-weight: normal;
	font-size: 12px;
}

body .gform_wrapper li.gfield.gfield_error, 
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
	background: transparent;
	border-left: 1px solid #ef008c;
	border-bottom: none;
	border-right: none;
	border-top: none;
	padding-left: 10px;
}

body .gform_wrapper .gfield_required,
body .gform_wrapper .gfield_error .gfield_label,
body .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label{
	color: #ef008c;
}

body .gform_wrapper li.gfield_error input[type="text"],  
body .gform_wrapper li.gfield_error textarea,
body .gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]){
	border: 1px solid #ef008c;
}

body .gform_wrapper span.name_first input,
body .gform_wrapper span.name_last input,
body .gform_wrapper .ginput_container_address span input{
	margin-bottom: 0;
}

body .gform_wrapper .gfield_checkbox li input[type="checkbox"],
body .gform_wrapper .gfield_radio li input[type="radio"]{
	margin: 8px 3px 0 0;
	vertical-align: top;
}

body .gform_wrapper .gfield_checkbox li input[type="checkbox"]{
	margin-top: 6px;
}

body .gform_wrapper .gfield_radio li label,
body .gform_wrapper .gfield_checkbox li label{
	font-size: 1rem;
	color: #404040;
}

body .gform_wrapper .gfield_checkbox li label a{
	text-decoration: underline;
}

body .gform_wrapper .gfield_checkbox li label a:hover{
	color: #ef008c;
}

body .gform_wrapper .gform_footer input[type="submit"]{
	font-size: 18px;
}

body .gform_wrapper input[type="radio"],
body .gform_wrapper input[type="checkbox"]{
	margin-bottom: 0;
}

body .gform_wrapper.gravity-theme .gfield-choice-input{
	vertical-align: top;
	margin-top: 6px;
}

body .gform_wrapper.gravity-theme .gfield-choice-input + label{
	max-width: calc(100% - 50px);
}

/* suche + error404 */

body.search h1.page-title,
body.error404 h1.page-title{
	margin: 50px 0 30px;
}

/* media queries */

@media only screen and (max-width: 1024px) {
   
   .headerbild{
	   height: 270px;
   }
   
}

@media only screen and (max-width: 1023px) {
	
	#masthead{
	   height: 80px;
   }
   
   #filterpanel ul li{
		width: 50%;
	}
	
	#filterpanel label,
	#filterpanel .searchandfilter input[type="submit"],
	#filterpanel .searchandfilter ul li .sf_date_field{
		width: 94%;
		margin-left: 2%;
	}
	
	#filterpanel .searchandfilter ul li .sf_date_field{
		display: block;
		overflow: hidden;
	}
	
	#filterpanel .searchandfilter ul li .sf_date_field li{
		width: 50%;
		margin-right: 0;
	}
	
	#filterpanel .searchandfilter ul li .sf_date_field li input{
		width: 100%;
	}
	
}

@media only screen and (max-width: 768px) {
   
   .headerbild{
	   height: 205px;
   }
   
   .wp-pagenavi a.first,
   .wp-pagenavi a.last{
	   display: none;
   }
   
}

@media only screen and (max-width: 639px) {
	
	body.single h2{
		font-size: 20px;
		line-height: 24px;
	}
	
	body h3{
		font-size: 18px;
	}
	
	body h4,
	body h5,
	body h6{
		font-size: 18px;
	}
	
	.row .row.thementeaser{
		border-bottom: none;
	}
	
	.row .row.thementeaser .columns.infocolumn{
		padding-left: 20px;
	}
	
	#themen-tabs li.tabs-title{
		width: 50%;
		text-align: center;
		border: 1px solid #fff;
	}
	
}

@media only screen and (max-width: 599px) {
	
/*
	#offCanvas.position-right{
		width: 100%;
	}
*/
	
	.headerbild-info{
   		font-size: 5vw;
   		max-width: 100%;
   		width: auto;
   	}
   	
   #colophon .gefoerdert span,
   #colophon .gefoerdert a{
	   display: block;
	   margin-top: 10px;
   }
	
}