@charset "UTF-8";
/*!
	Theme Name: BJ - BUNDESVERBAND
	Description: An absolute minimal structure for HTML webpages. Ready to start developing without the hassle to create the files you need.
	Author: MODULARTE - the friendly web studio
	Author URI: http://www.modularte.de/

	Version: 1.3.1
	Last update: 25.06.2015

	CONTENTS
	------------------------------------
	1. Components
		a. Normalize
		b. Reset
		c. Defaults
		d. Grid

	2. Resources
		a. Fonts
		b. Hacks
		c. Settings
		d. Utilities

	3. Elements
		a. Typography
		b. Buttons
		c. Animations

	4. Code
		a. Dummy Block
		b. Dummy Page

	5. Client Dependent Resources
		a. Retina
		b. Tablet 			(iPad)
		c. Mobile 	/ small (iPhone 5)
		d. Mobile 			(iPhone 6)

*/
/* SECTION TITLE
---------------------------------------------------------------------------------------------------- */
/*
 * Description / Comment etc.
 */
/* 1. Components
---------------------------------------------------------------------------------------------------- */
/*
 * a. Normalize
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/*
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
---------------------------------------------------------------------------------------------------- */
/*
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/*
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/*
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
---------------------------------------------------------------------------------------------------- */
/*
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/*
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
---------------------------------------------------------------------------------------------------- */
/*
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/*
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/*
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/*
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/*
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
---------------------------------------------------------------------------------------------------- */
/*
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/*
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
---------------------------------------------------------------------------------------------------- */
/*
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/*
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/*
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/*
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
---------------------------------------------------------------------------------------------------- */
/*
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/*
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/*
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/*
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/*
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/*
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/*
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/*
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/*
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
---------------------------------------------------------------------------------------------------- */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*
 * b. Reset
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

/*
 * c. Defaults
 */
/* Defaults
---------------------------------------------------------------------------------------------------- */
/*
 * Increase font smoothing (can be enabled by choice)
 */
/*
html {
	-moz-osx-font-smoothing: grayscale;
	 -webkit-font-smoothing: antialiased;
			 font-smoothing: antialiased;

	text-rendering: optimizeLegibility;
}
*/
/*
 * Removes browser styling on input fields (can be disabled by choice)
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  outline: none;
  border: none;
}

/*
 * Enable border box to keep paddings within the set width
 */
*, *:before, *:after {
  box-sizing: border-box;
}

hr {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin: 30px 0;
}

/*
 * d. Grid
 */
/*
    Skeleton v1.1
    Copyright 2011, Dave Gamache

    CONTENTS
    ------------------------------------
    1. Variables & Mixins
    2. Base 1200 Grid
    3. Desktop (960)
    4. Tablet
    5. Mobile / small   (iPhone 5)
    6. Mobile           (iPhone 6)
    7. Clearing
*/
/* 1. Variables & Mixins
---------------------------------------------------------------------------------------------------- */
/* 2. Base 1200 Grid
---------------------------------------------------------------------------------------------------- */
.container {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 960px;
  /*
   * Offsets
   */
}
.container .row {
  margin-bottom: 20px;
}
.container .column,
.container .columns {
  float: left;
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
  /*
   * Base Grid
   */
}
.container .column.alpha,
.container .columns.alpha {
  margin-left: 0;
}
.container .column.omega,
.container .columns.omega {
  margin-right: 0;
}
.container .column.one,
.container .columns.one {
  width: 40px;
}
.container .column.two,
.container .columns.two {
  width: 100px;
}
.container .column.three,
.container .columns.three {
  width: 160px;
}
.container .column.four,
.container .columns.four {
  width: 220px;
}
.container .column.five,
.container .columns.five {
  width: 280px;
}
.container .column.six,
.container .columns.six {
  width: 340px;
}
.container .column.seven,
.container .columns.seven {
  width: 400px;
}
.container .column.eight,
.container .columns.eight {
  width: 460px;
}
.container .column.nine,
.container .columns.nine {
  width: 520px;
}
.container .column.ten,
.container .columns.ten {
  width: 580px;
}
.container .column.eleven,
.container .columns.eleven {
  width: 640px;
}
.container .column.twelve,
.container .columns.twelve {
  width: 700px;
}
.container .column.thirteen,
.container .columns.thirteen {
  width: 760px;
}
.container .column.fourteen,
.container .columns.fourteen {
  width: 820px;
}
.container .column.fifteen,
.container .columns.fifteen {
  width: 880px;
}
.container .column.sixteen,
.container .columns.sixteen {
  width: 940px;
}
.container .column.one-third,
.container .columns.one-third {
  width: 300px;
}
.container .column.two-thirds,
.container .columns.two-thirds {
  width: 620px;
}
.container .offset-by-one {
  padding-left: 60px;
}
.container .offset-by-two {
  padding-left: 120px;
}
.container .offset-by-three {
  padding-left: 180px;
}
.container .offset-by-four {
  padding-left: 240px;
}
.container .offset-by-five {
  padding-left: 300px;
}
.container .offset-by-six {
  padding-left: 360px;
}
.container .offset-by-seven {
  padding-left: 420px;
}
.container .offset-by-eight {
  padding-left: 480px;
}
.container .offset-by-nine {
  padding-left: 540px;
}
.container .offset-by-ten {
  padding-left: 600px;
}
.container .offset-by-eleven {
  padding-left: 660px;
}
.container .offset-by-twelve {
  padding-left: 720px;
}
.container .offset-by-thirteen {
  padding-left: 780px;
}
.container .offset-by-fourteen {
  padding-left: 840px;
}
.container .offset-by-fifteen {
  padding-left: 900px;
}

/* 3. Desktop (960)
---------------------------------------------------------------------------------------------------- */
/* 4. Tablet
---------------------------------------------------------------------------------------------------- */
/* 5. Mobile / small
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 320px) {
  .ua-mobile .container {
    width: 93vw;
    /*
     * Offsets
     */
  }
  .ua-mobile .container .column,
.ua-mobile .container .columns {
    margin: 0;
    /*
     * Base Grid
     */
  }
  .ua-mobile .container .column.one, .ua-mobile .container .column.two, .ua-mobile .container .column.three, .ua-mobile .container .column.four, .ua-mobile .container .column.five, .ua-mobile .container .column.six, .ua-mobile .container .column.seven, .ua-mobile .container .column.eight, .ua-mobile .container .column.nine, .ua-mobile .container .column.ten, .ua-mobile .container .column.eleven, .ua-mobile .container .column.twelve, .ua-mobile .container .column.thirteen, .ua-mobile .container .column.fourteen, .ua-mobile .container .column.fifteen, .ua-mobile .container .column.sixteen, .ua-mobile .container .column.one-third, .ua-mobile .container .column.two-thirds,
.ua-mobile .container .columns.one,
.ua-mobile .container .columns.two,
.ua-mobile .container .columns.three,
.ua-mobile .container .columns.four,
.ua-mobile .container .columns.five,
.ua-mobile .container .columns.six,
.ua-mobile .container .columns.seven,
.ua-mobile .container .columns.eight,
.ua-mobile .container .columns.nine,
.ua-mobile .container .columns.ten,
.ua-mobile .container .columns.eleven,
.ua-mobile .container .columns.twelve,
.ua-mobile .container .columns.thirteen,
.ua-mobile .container .columns.fourteen,
.ua-mobile .container .columns.fifteen,
.ua-mobile .container .columns.sixteen,
.ua-mobile .container .columns.one-third,
.ua-mobile .container .columns.two-thirds {
    width: 93vw;
  }
  .ua-mobile .container .offset-by-one,
.ua-mobile .container .offset-by-two,
.ua-mobile .container .offset-by-three,
.ua-mobile .container .offset-by-four,
.ua-mobile .container .offset-by-five,
.ua-mobile .container .offset-by-six,
.ua-mobile .container .offset-by-seven,
.ua-mobile .container .offset-by-eight,
.ua-mobile .container .offset-by-nine,
.ua-mobile .container .offset-by-ten,
.ua-mobile .container .offset-by-eleven,
.ua-mobile .container .offset-by-twelve,
.ua-mobile .container .offset-by-thirteen,
.ua-mobile .container .offset-by-fourteen,
.ua-mobile .container .offset-by-fifteen {
    padding-left: 0;
  }
}
@media only screen and (min-width: 321px) and (max-width: 767px) {
  .ua-mobile .container {
    width: 93vw;
    /*
     * Offsets
     */
  }
  .ua-mobile .container .column,
.ua-mobile .container .columns {
    margin: 0;
    /*
     * Base Grid
     */
  }
  .ua-mobile .container .column.one, .ua-mobile .container .column.two, .ua-mobile .container .column.three, .ua-mobile .container .column.four, .ua-mobile .container .column.five, .ua-mobile .container .column.six, .ua-mobile .container .column.seven, .ua-mobile .container .column.eight, .ua-mobile .container .column.nine, .ua-mobile .container .column.ten, .ua-mobile .container .column.eleven, .ua-mobile .container .column.twelve, .ua-mobile .container .column.thirteen, .ua-mobile .container .column.fourteen, .ua-mobile .container .column.fifteen, .ua-mobile .container .column.sixteen, .ua-mobile .container .column.one-third, .ua-mobile .container .column.two-thirds,
.ua-mobile .container .columns.one,
.ua-mobile .container .columns.two,
.ua-mobile .container .columns.three,
.ua-mobile .container .columns.four,
.ua-mobile .container .columns.five,
.ua-mobile .container .columns.six,
.ua-mobile .container .columns.seven,
.ua-mobile .container .columns.eight,
.ua-mobile .container .columns.nine,
.ua-mobile .container .columns.ten,
.ua-mobile .container .columns.eleven,
.ua-mobile .container .columns.twelve,
.ua-mobile .container .columns.thirteen,
.ua-mobile .container .columns.fourteen,
.ua-mobile .container .columns.fifteen,
.ua-mobile .container .columns.sixteen,
.ua-mobile .container .columns.one-third,
.ua-mobile .container .columns.two-thirds {
    width: 93vw;
  }
  .ua-mobile .container .offset-by-one,
.ua-mobile .container .offset-by-two,
.ua-mobile .container .offset-by-three,
.ua-mobile .container .offset-by-four,
.ua-mobile .container .offset-by-five,
.ua-mobile .container .offset-by-six,
.ua-mobile .container .offset-by-seven,
.ua-mobile .container .offset-by-eight,
.ua-mobile .container .offset-by-nine,
.ua-mobile .container .offset-by-ten,
.ua-mobile .container .offset-by-eleven,
.ua-mobile .container .offset-by-twelve,
.ua-mobile .container .offset-by-thirteen,
.ua-mobile .container .offset-by-fourteen,
.ua-mobile .container .offset-by-fifteen {
    padding-left: 0;
  }
}
/* 6. Mobile
---------------------------------------------------------------------------------------------------- */
/* 7. Clearing
---------------------------------------------------------------------------------------------------- */
/*
 * Self Clearing Goodness
 */
.container:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*
 * Use clearfix class on parent to clear nested columns,
 * or wrap each row of columns in a <div class="row">
 */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: " ";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.row:after,
.clearfix:after {
  clear: both;
}

.row,
.clearfix {
  zoom: 1;
}

/*
 * You can also use a <br class="clear" /> to clear columns
 */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* 2. Resources
---------------------------------------------------------------------------------------------------- */
/*
 * a. Fonts
 */
@font-face {
  font-family: PT-Sans;
  src: url(inc/fonts/PTS55F.ttf);
  font-weight: normal;
}
@font-face {
  font-family: PT-Sans-Bold;
  src: url(inc/fonts/PTS75F.ttf);
  font-weight: bold;
}
@font-face {
  font-family: PT-Sans-Italic;
  src: url(inc/fonts/PTS56F.ttf);
  font-weight: italic;
}
@font-face {
  font-family: BUNDjugend-marker;
  src: url(inc/fonts/BUNDjugend-marker.otf);
  font-weight: normal;
}
/*
 * b. Hacks
 */
/* Defaults Hacks
---------------------------------------------------------------------------------------------------- */
/*
 * Blurry images (Safari)
 */
img {
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming) */
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */
}

/* Custom Hacks
---------------------------------------------------------------------------------------------------- */
/*
 * c. Settings
 */
/* Settings (Color variables etc.)
---------------------------------------------------------------------------------------------------- */
/*
 * d. Utilities
 */
/* Instruction
---------------------------------------------------------------------------------------------------- */
/*
 * Utility example
 * .ma_util_<utility name> { }
 */
.ma_util_uppercase {
  text-transform: uppercase;
}

.ma_util_right {
  text-align: right;
}

.ma_util_no-margin {
  margin: 0 !important;
}

.ma_util_padding-top {
  padding-top: 20px;
}

.ma_util_padding-left {
  padding-left: 10px;
}

.ma_util_padding-right {
  padding-right: 10px;
}

.ma_util_dropdown-shadow {
  border: 1px solid #9e9e9e;
  box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.75);
}

/* Utilities
---------------------------------------------------------------------------------------------------- */
.video-container iframe {
  width: 100%;
  height: auto;
}

/* 3. Elements
---------------------------------------------------------------------------------------------------- */
/*
 * a. Typography
 */
html {
  /* font-family: Helvetica, Arial, Sans-Serif;*/
  font-family: "PT-Sans", Sans-Serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "PT-Sans-Bold", Sans-Serif;
  line-height: 1.5em;
  text-transform: uppercase;
  color: #303030;
}

h1 {
  font-size: 22px;
  line-height: 32px;
  margin: 0 0 20px 0;
}

.has-normal-font-size {
  font-size: 12px;
}

strong {
  font-family: "PT-Sans-Bold", Sans-Serif;
  color: #303030;
}

a {
  text-decoration: none;
}

/*
 * b. Buttons
 */
/* Buttons
---------------------------------------------------------------------------------------------------- */
.donate {
  position: fixed;
  z-index: 10;
  top: 30vh;
  display: inline-block;
}

.gform_button.button,
span.button-green,
span.button:link,
span.button:visited {
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  margin: 20px 0 0 0;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  background: #829E42;
}

span.button-green:hover {
  color: white;
  background: #000000;
}

a.button-green,
a.button:link,
a.button:visited {
  font-size: 12px;
  font-weight: bold;
  display: block;
  margin: 20px 0 0 0;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  background: #829E42;
}

a.button:hover {
  color: white;
  background: #000000;
}

/*
 * c. Animations
 */
/* Instruction
---------------------------------------------------------------------------------------------------- */
/*
 * Animation example
 * .ma_anim_<animation name> { }
 */
/* Animations
---------------------------------------------------------------------------------------------------- */
/* b. Animations & Transitions
--------------------------------------------- */
a,
a:hover {
  /* transition: color 200ms ease-in; */
}

/* 4. Code (change this to the custom blocks/pages of each project)
---------------------------------------------------------------------------------------------------- */
/*
 * a. Blocks
 */
/* Header related styles
   ========================================================================== */
.mobile {
  display: none;
}

.current-menu-item > a,
.current-menu-ancestor > a,
.single-post .menu-item-400 > a,
.single-campaign .menu-item-124 > a,
.single-topic .menu-item-40 > a,
.single-events .menu-item-171 > a,
.single-project .menu-item-471 > a,
.page-template-template-shop-subpage .menu-item-172 > a {
  color: #829E42 !important;
}

#header {
  height: 120px;
}
#header ul#secondary-navigation {
  font-family: "PT-Sans", Sans-Serif;
  font-size: 14px;
  height: 25px;
  margin-top: 110px;
  padding: 0 10px;
}
#header ul#secondary-navigation li {
  display: inline-block;
  padding: 0 7px;
  border: none;
}
#header ul#secondary-navigation li:first-of-type {
  padding: 0 6px 0 0;
}
#header ul#secondary-navigation li:last-of-type {
  padding: 0 0 0 10px;
  border-left: 1px solid #232323;
}
#header ul#secondary-navigation a.textlink {
  color: #232323;
}
#header ul#secondary-navigation a.textlink:hover {
  color: #ffffff;
}
#header ul#secondary-navigation a.facebook,
#header ul#secondary-navigation a.flickr,
#header ul#secondary-navigation a.twitter,
#header ul#secondary-navigation a.instagram,
#header ul#secondary-navigation a.google_plus,
#header ul#secondary-navigation a.youtube,
#header ul#secondary-navigation a.music {
  display: block;
  width: 20px;
  height: 15px;
}
#header ul#secondary-navigation a.facebook {
  width: 9px;
}
#header ul#secondary-navigation a.flickr {
  width: 14px;
}
#header ul#secondary-navigation a.twitter {
  width: 15px;
}
#header ul#secondary-navigation a.instagram {
  width: 16px;
}
#header ul#secondary-navigation a.google_plus {
  width: 18px;
}
#header ul#secondary-navigation a.youtube {
  width: 18px;
}
#header ul#secondary-navigation a.facebook svg {
  top: 3px;
  width: 9px;
  height: 15px;
}
#header ul#secondary-navigation a.flickr svg {
  top: 8px;
  width: 14px;
  height: 6px;
}
#header ul#secondary-navigation a.twitter svg {
  top: 4px;
  width: 15px;
  height: 12px;
}
#header ul#secondary-navigation a.instagram svg {
  top: 3px;
  width: 16px;
  height: 16px;
}
#header ul#secondary-navigation a.google_plus svg {
  top: 3px;
  width: 18px;
  height: 15px;
}
#header ul#secondary-navigation a.youtube svg {
  top: 4px;
  width: 18px;
  height: 14px;
}
#header ul#secondary-navigation a.music svg {
  top: 2px;
  width: 13px;
  height: 15px;
}
#header ul#secondary-navigation svg {
  position: relative;
  display: block;
}
#header ul#secondary-navigation a svg:hover #facebook,
#header ul#secondary-navigation a svg:hover #flickr,
#header ul#secondary-navigation a svg:hover #twitter,
#header ul#secondary-navigation a svg:hover #google_plus,
#header ul#secondary-navigation a svg:hover #youtube,
#header ul#secondary-navigation a svg:hover #instagram,
#header ul#secondary-navigation a svg:hover #music {
  fill: #ffffff;
}
#header #header-logo {
  display: block;
  width: 260px;
  height: 125px;
  padding: 0;
  text-indent: -9999em;
  color: transparent;
  background: url(inc/img/logo.svg) -20px 0 no-repeat;
}
#header #header-cta-container {
  position: relative;
  z-index: 1000;
  /*CTA - active styles / overlay*/
}
#header #header-cta-container .bear-active {
  position: absolute;
  z-index: 9999;
  top: 80px;
  left: -540px;
  display: none;
  width: 860px;
  height: auto;
}
#header #header-cta-container .bear-active #header-cta-content {
  display: block;
}
#header #header-cta-container .bear-active svg#Layer_1 {
  width: 100%;
  height: 100%;
}
#header #header-cta-container .bear-active svg#Layer_1 #bear {
  fill: #ce4235;
  -webkit-svg-shadow: 0 0 5px #000000;
  /* filter: drop-shadow( 0 0 5px #000 );  */
  /* Same syntax as box-shadow */
}
#header #header-cta-container .bear {
  /*z-index: -1;*/
  position: absolute;
  top: 20px;
  /*right: 15px;*/
  /*top: 12px;*/
  right: 3px;
  display: block;
  width: 205px;
  height: 125px;
  cursor: pointer;
}
#header #header-cta-container #header-cta {
  position: absolute;
  top: 40px;
  left: 12px;
  display: block;
  height: 50px;
  padding: 0 0 0 0;
}
#header #header-cta-container #header-cta p {
  font-family: "BUNDjugend-marker", Sans-Serif;
  font-size: 34px;
  display: block;
  zoom: 1;
  -webkit-transform: rotate(-7.5deg);
  /* Saf3.1+, Chrome */
  /* FF3.5+ */
  /* IE9 */
  /* Opera 10.5 */
  transform: rotate(-7.5deg);
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
}
#header #header-cta-container #header-cta-content {
  position: absolute;
  z-index: 9999;
  top: 140px;
  left: 55%;
  display: none;
  width: 520px;
  height: 260px;
  margin: 0 auto 0 -300px;
  text-align: center;
}
#header #header-cta-container #header-cta-content h1,
#header #header-cta-container #header-cta-content h2 {
  text-align: left;
  color: #ffffff;
}
#header #header-cta-container #header-cta-content h1 {
  font-size: 40px;
  line-height: 45px;
  margin-bottom: 10px;
}
#header #header-cta-container #header-cta-content h2 {
  font-size: 27px;
  line-height: 1.25;
  margin-bottom: 20px;
  text-transform: none;
}
#header #header-cta-container #header-cta-content a.button {
  font-family: "PT-Sans-Bold", Sans-Serif;
  font-size: 14px;
  width: 200px;
  margin: 0 auto;
  padding: 10px 20px;
  -webkit-transform: translateX(-70px);
          transform: translateX(-70px);
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 0;
  background: #829E42;
}
#header #header-cta-container #header-cta-content a.button:hover {
  color: #000000;
}

/* Main Navigation - Desktop
   ========================================================================== */
#main-navigation-container {
  position: relative;
  z-index: 100;
  width: 960px;
  height: 40px;
  background: url(inc/img/menu-bg.svg) center center no-repeat;
}
#main-navigation-container #menu-hauptmenue-1 {
  font-family: "PT-Sans-Bold", Sans-Serif;
  font-size: 14px;
  position: relative;
  float: left;
  margin: 0 0 0 -20px;
  padding: 6px 0 0 10px;
  text-transform: uppercase;
}
#main-navigation-container #menu-hauptmenue-1 > li {
  position: relative;
  display: inline;
  float: left;
  margin: 0;
  margin: 0 0 5px 0;
  padding: 0;
  padding: 6px 20px;
  list-style-type: none;
  vertical-align: middle;
  text-decoration: none;
  border-right: 1px solid #ffffff;
}
#main-navigation-container #menu-hauptmenue-1 > li:last-of-type {
  padding: 6px 0 6px 20px;
  border-right: none;
}
#main-navigation-container #menu-hauptmenue-1 > li:hover > ul {
  visibility: visible;
  opacity: 1;
}
#main-navigation-container #menu-hauptmenue-1 a,
#main-navigation-container #menu-hauptmenue-1 a:link,
#main-navigation-container #menu-hauptmenue-1 a:visited {
  display: inline-block;
  cursor: pointer;
  transition: color 0.2s linear, background 0.2s linear;
  color: #ffffff;
  background: #1D1D1B;
}
#main-navigation-container #menu-hauptmenue-1 a:hover {
  color: #829E42;
}
#main-navigation-container #menu-hauptmenue-1 ul {
  top: 25px;
  left: 0;
  padding: 10px 10px;
}
#main-navigation-container #menu-hauptmenue-1 ul li {
  clear: both;
  width: 100%;
}
#main-navigation-container #menu-hauptmenue-1 ul li a {
  display: inline-block;
  float: left;
  clear: both;
  /*width: 150px;*/
  width: auto;
  padding: 10px 10px;
  cursor: pointer;
  color: #ffffff;
  background: #1D1D1B;
}
#main-navigation-container #menu-hauptmenue-1 ul li ul {
  top: 0;
  left: 240px;
  /* strong related to width:180px; from above */
}
#main-navigation-container ul#menu-hauptmenue-1 ul,
#main-navigation-container ul#menu-hauptmenue-1 ul li ul {
  position: absolute;
  z-index: 99999;
  visibility: hidden;
  width: 240px;
  margin: 0;
  list-style: none;
  /* css3 transitions for smooth hover effect */
  transition: opacity 0.2s linear, visibility 0.2s linear;
  opacity: 0;
  background: #1D1D1B;
}

/* Main Navigation - Mobile
   ========================================================================== */
#header-logo-mobile {
  display: block;
  width: 157px;
  height: 50px;
  margin: 0 auto;
  padding: 10px 0 0 0;
  text-indent: -9999em;
  color: transparent;
  background: transparent url(inc/img/logo-mobile-navi.svg) center 12px no-repeat;
  background-size: 157px 30px;
}

/* Searchbar Mobile
   ========================================================================== */
.searchbar {
  position: relative;
  display: none;
  height: 50px;
}
.searchbar form.site-search {
  /*width: 210px;*/
  width: 100%;
  padding-top: 7px;
}
.searchbar form.site-search input.site-search__field {
  /*width: 160px;*/
  width: 260px;
}
.searchbar form.site-search input.site-search__button {
  position: absolute;
  right: 10px;
}

/* Footer related styles
   ========================================================================== */
#footer-container {
  background-image: url(inc/img/background-repeat-y.svg);
  background-repeat: repeat-y;
}

#footer {
  padding: 20px 0 0 0;
  font-size: 12px;
  color: #829E42;
}
#footer a,
#footer a:link,
#footer a:visited {
  color: #829E42;
}
#footer a:hover,
#footer a:link:hover,
#footer a:visited:hover {
  color: #000000;
}
#footer p {
  padding: 0 10px;
  line-height: 1.2;
}

.row#footer-image {
  width: 100%;
  height: 50px;
  margin-bottom: 0;
}

.group {
  z-index: 100;
  display: block;
  width: 280px;
  height: 240px;
  margin: 0 0 -230px 0;
  background: transparent url(inc/img/gruppe_text.svg) center center no-repeat;
}

body {
  background: #97B540 url(inc/img/hg-kachel-gruen.png) 0 0;
}

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

.container {
  z-index: 10;
  background: transparent;
}

.mobile-navi {
  display: none;
}

.myBox:hover {
  cursor: pointer;
}
.myBox:hover .button {
  background: black !important;
}

/* ==========================================================================
   WordPress Related Styles
   (https://codex.wordpress.org/Wrapping_Text_Around_Images)
   ========================================================================== */
img.alignright {
  float: right;
  margin: 1em 0 1em 1em;
}

img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

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

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

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

/* ==========================================================================
   General Content Styles
   ========================================================================== */
.green {
  color: #829E42;
}

.background-top {
  width: 100%;
  height: 20px;
  background: url(inc/img/background-top.svg) 0 0 no-repeat;
}

.background-2col-top {
  width: 100%;
  height: 20px;
  background: url(inc/img/background-2col-top.svg) 0 0 no-repeat;
}

.background-gray-top {
  width: 100%;
  height: 20px;
  background: url(inc/img/background-gray-top.svg) 0 0 no-repeat;
}

.background-bottom {
  width: 100%;
  height: 20px;
  margin: -20px 0 0 0;
  background: url(inc/img/background-bottom.svg) 0 0 no-repeat;
}

.search-result {
  margin-bottom: 20px;
}

.search-image {
  float: left;
  padding: 5px 10px 5px 0;
}

#header-site-search-container {
  float: right;
}

#header-site-search-container form.site-search {
  float: left;
  width: 210px;
  margin: 7px 0 0 10px;
}
#header-site-search-container form.site-search input,
#header-site-search-container form.site-search select {
  font-family: "PT-Sans", Sans-Serif;
  font-size: 12px;
  color: #9e9e9e;
  /*approximately #303030 with 50% opacity in PhotoShop*/
  border: none;
}
#header-site-search-container form.site-search input:focus,
#header-site-search-container form.site-search select:focus {
  color: #000000;
}
#header-site-search-container form.site-search input:focus {
  color: #000000;
}
#header-site-search-container form.site-search input.site-search__field {
  width: 160px;
  height: 25px;
  margin: 0 5px 0 0;
  padding: 0 10px;
}
#header-site-search-container form.site-search button.site-search__button,
#header-site-search-container form.site-search input.site-search__button {
  width: 30px;
  height: 26px;
  color: #ffffff;
  background: #829E42;
}
#header-site-search-container form.site-search button.site-search__button:hover,
#header-site-search-container form.site-search input.site-search__button:hover {
  cursor: pointer;
  color: #000000;
}

.row.content-container {
  font-family: "PT-Sans", Sans-Serif;
  font-size: 14px;
  z-index: 100;
  margin-bottom: 0;
  padding: 0 0 20px 0;
  background-image: url(inc/img/background-repeat-y.svg);
  background-repeat: repeat-y;
}
.row.content-container .visual-container {
  position: relative;
  height: 200px;
}
.row.content-container .visual_small {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.row.content-container p {
  font-size: 14px;
  line-height: 21px;
  margin: 0 0 20px 0;
}
.row.content-container button.button,
.row.content-container a.button,
.row.content-container a.button:link,
.row.content-container a.button:visited,
.row.content-container a.wp-block-button__link {
  font-family: "PT-Sans-Bold", Sans-Serif;
  font-size: 12px;
  line-height: normal;
  display: inline-block;
  margin: 0 0 20px 0;
  padding: 10px 20px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ffffff;
  background: #829E42;
}
.row.content-container a.button:hover {
  color: white;
  background: black;
}
.row.content-container ul.sidebar-events {
  line-height: 1.5;
  width: 200px;
  margin: 0 0 20px 0;
}
.row.content-container ul.sidebar-events li {
  display: block;
  margin-top: 10px;
}
.row.content-container ul.sidebar-events li:first-child {
  margin-top: 0;
}
.row.content-container ul.sidebar-events li a {
  font-size: 14px;
  color: #000000;
}
.row.content-container ul.sidebar-events li a span.sidebar-events__date {
  color: #829E42;
}
.row.content-container ul.sidebar-events li a:hover {
  color: #829E42;
}
.row.content-container ul.blogpost-list {
  width: 100%;
  margin: 0 0 20px 0;
}
.row.content-container ul.blogpost-list li {
  line-height: 21px;
  display: block;
  margin: 0 0 20px 0;
}
.row.content-container ul.blogpost-list li a {
  font-size: 14px;
  color: #829E42;
}
.row.content-container ul.blogpost-list li a:hover {
  color: #000000;
}

.sidebar_narrow h2 {
  margin-bottom: 15px;
}
.sidebar_narrow form {
  padding: 0 0 15px 0;
}

a.text-link_green,
a.text-link_green:link,
a.text-link_green:visited {
  font-family: "PT-Sans-Bold", Sans-Serif;
  font-size: 14px;
  color: #829E42;
}
a.text-link_green:hover,
a.text-link_green:link:hover,
a.text-link_green:visited:hover {
  color: #000000;
}

.green {
  color: #829E42;
}

.stoerung1,
.stoerung2,
.stoerung3,
.stoerung4 {
  position: absolute;
  display: block;
  width: 154px;
  height: 154px;
  background: url(inc/img/stoerung.svg) center center no-repeat;
}

.stoerung1 {
  top: 100px;
  left: 50%;
  margin: 0 0 0 -550px;
}

.stoerung2 {
  top: 260px;
  left: 50%;
  margin: 0 0 0 400px;
}

.stoerung3 {
  top: 30px;
  left: 50%;
  margin: 0 0 0 260px;
}

.stoerung4 {
  z-index: 1;
  bottom: 130px;
  left: 50%;
  margin: 0 0 -350px -180px;
}

.textwidget a {
  color: #829E42;
}

/* ==========================================================================
   Page Related Styles
   ========================================================================== */
/* Homepage
   ========================================================================== */
#teaser {
  position: relative;
  overflow: hidden;
  padding-bottom: 20px;
  background: transparent;
}
#teaser.swiper-container {
  width: 100%;
  height: 336px;
}
#teaser .swiper-slide {
  width: 100%;
  transition: opacity 0s 0.3s ease-in;
  opacity: 0;
}
#teaser .swiper-slide.swiper-slide-active {
  transition: opacity 0s 0s ease-in;
  opacity: 1;
}
#teaser .arrow {
  position: absolute;
  z-index: 100;
  top: 0;
  width: 76px;
  height: 100%;
  cursor: pointer;
  transition: opacity 0.3s ease-in;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
}
#teaser .arrow img,
#teaser .arrow svg {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  /*    filter: drop-shadow( 0px 0px 3px rgba( #000, .1 ) ); */
}
#teaser .arrow img *,
#teaser .arrow svg * {
  fill: white;
}
#teaser .arrow:hover {
  opacity: 1;
}
#teaser .arrow.arrow-left {
  left: 0;
}
#teaser .arrow.arrow-left img,
#teaser .arrow.arrow-left svg {
  left: 50%;
  display: block;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#teaser .arrow.arrow-right {
  right: 0;
}
#teaser .arrow.arrow-right img,
#teaser .arrow.arrow-right svg {
  right: 50%;
  display: block;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
#teaser .dots {
  position: relative;
  z-index: 20;
  margin-top: -12px;
  text-align: center;
}
#teaser .dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: #829E42;
}
#teaser .dots .swiper-pagination-bullet {
  margin: 0 3px;
  opacity: 0.5;
  background: #1D1D1B;
}

.contentSlider {
  width: 100%;
  height: 300px;
}

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

#header-tabs-container {
  height: 100%;
  background-image: url(inc/img/background-gray-repeat-y.svg);
  background-repeat: repeat-y;
}

section#header-tabs #header-tabs-content {
  width: 100%;
  margin-bottom: 10px;
  padding: 0 20px;
}
section#header-tabs #header-tabs-content #header-tabs-content__image {
  margin: 0 20px 0 0;
}
section#header-tabs #header-tabs-content #header-tabs-content__text {
  margin: 0 0 0 -5px;
}
section#header-tabs #header-tabs-content #header-tabs-content__image,
section#header-tabs #header-tabs-content #header-tabs-content__text {
  font-size: 13px;
  line-height: 1.5em;
  display: inline-block;
  overflow: hidden;
  width: 450px;
  height: 295px;
  padding: 0;
  vertical-align: top;
}
section#header-tabs #header-tabs-content #header-tabs-content__image h2,
section#header-tabs #header-tabs-content #header-tabs-content__text h2 {
  font-size: 20px;
  font-weight: bold;
  margin: 20px 0;
  text-transform: uppercase;
  color: #829E42;
}
section#header-tabs #header-tabs-content #header-tabs-content__image p a,
section#header-tabs #header-tabs-content #header-tabs-content__image p a:link,
section#header-tabs #header-tabs-content #header-tabs-content__image p a:visited,
section#header-tabs #header-tabs-content #header-tabs-content__text p a,
section#header-tabs #header-tabs-content #header-tabs-content__text p a:link,
section#header-tabs #header-tabs-content #header-tabs-content__text p a:visited {
  color: #829E42;
}
section#header-tabs #header-tabs-content #header-tabs-content__image p a:hover,
section#header-tabs #header-tabs-content #header-tabs-content__image p a:link:hover,
section#header-tabs #header-tabs-content #header-tabs-content__image p a:visited:hover,
section#header-tabs #header-tabs-content #header-tabs-content__text p a:hover,
section#header-tabs #header-tabs-content #header-tabs-content__text p a:link:hover,
section#header-tabs #header-tabs-content #header-tabs-content__text p a:visited:hover {
  color: #000000;
}
section#header-tabs #header-tabs-content #header-tabs-content__image a.button,
section#header-tabs #header-tabs-content #header-tabs-content__image a.button:link,
section#header-tabs #header-tabs-content #header-tabs-content__image a.button:visited,
section#header-tabs #header-tabs-content #header-tabs-content__text a.button,
section#header-tabs #header-tabs-content #header-tabs-content__text a.button:link,
section#header-tabs #header-tabs-content #header-tabs-content__text a.button:visited {
  font-size: 14px;
  font-weight: bold;
  display: block;
  margin: 20px 0 0 0;
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  background: #829E42;
}
section#header-tabs #header-tabs-content #header-tabs-content__image a.button:hover,
section#header-tabs #header-tabs-content #header-tabs-content__text a.button:hover {
  color: white;
  background: #000000;
}
section#header-tabs #header-tabs-content .infobox-desc p a,
section#header-tabs #header-tabs-content .infobox-desc p a:link,
section#header-tabs #header-tabs-content .infobox-desc p a:visited {
  color: #829E42;
}
section#header-tabs #header-tabs-content .infobox-desc p a:hover {
  color: #000000;
}
section#header-tabs a.tab-button,
section#header-tabs a.tab-button:link,
section#header-tabs a.tab-button:visited {
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  width: 300px;
  height: 40px;
  margin: 0 10px 0 -4px;
  padding: 14px 0 0 0;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  background: url(inc/img/button-bg-sprite.svg) 0 -40px no-repeat;
}
section#header-tabs a.tab-button:hover,
section#header-tabs a.tab-button:link:hover,
section#header-tabs a.tab-button:visited:hover {
  background: url(inc/img/button-bg-sprite.svg) 0 0 no-repeat;
}
section#header-tabs a.tab-button:first-of-type,
section#header-tabs a.tab-button:link:first-of-type,
section#header-tabs a.tab-button:visited:first-of-type {
  margin: 0 10px 0 0;
}
section#header-tabs .rsNavSelected a.tab-button {
  background: url(inc/img/button-bg-sprite.svg) 0 0 no-repeat;
}
section#header-tabs .rsNav {
  width: 100%;
  margin-bottom: 0;
  padding: 5px 20px 20px 20px;
}
section#header-tabs .rsNavItem {
  display: inline-block;
  width: 300px;
  height: 40px;
  margin: 0 14px 0 -4px;
}
section#header-tabs .rsNavItem:first-of-type {
  margin: 0 14px 0 0;
}
section#header-tabs .rsNavItem:last-of-type {
  margin: 0 0 0 -5px;
}

.content-container.homepage .four.columns {
  width: 215px;
}

.row.content-container.homepage > div:first-of-type {
  margin-left: 20px;
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  .row.content-container.homepage > div:first-of-type {
    margin-left: 0;
  }
}

.row.content-container.homepage > div:last-of-type {
  margin-right: 20px;
  padding-right: 0;
}
@media only screen and (max-width: 767px) {
  .row.content-container.homepage > div:last-of-type {
    margin-right: 0;
  }
}

/* Single Pages
   ========================================================================== */
#content-container,
#single-container,
#subpage-content,
#termine-content,
#termine-content-detail {
  padding: 0 0 20px 10px;
}
#content-container a,
#content-container a:link,
#content-container a:visited,
#single-container a,
#single-container a:link,
#single-container a:visited,
#subpage-content a,
#subpage-content a:link,
#subpage-content a:visited,
#termine-content a,
#termine-content a:link,
#termine-content a:visited,
#termine-content-detail a,
#termine-content-detail a:link,
#termine-content-detail a:visited {
  color: #829E42;
}
#content-container a:hover,
#single-container a:hover,
#subpage-content a:hover,
#termine-content a:hover,
#termine-content-detail a:hover {
  color: #232323;
}
#content-container section,
#single-container section,
#subpage-content section,
#termine-content section,
#termine-content-detail section {
  width: 100%;
  margin: 0 0 0 10px;
  border-bottom: 1px solid #829E42;
}
#content-container section:last-of-type,
#single-container section:last-of-type,
#subpage-content section:last-of-type,
#termine-content section:last-of-type,
#termine-content-detail section:last-of-type {
  border-bottom: none;
}
#content-container p a,
#content-container p a:link,
#content-container p a:visited,
#single-container p a,
#single-container p a:link,
#single-container p a:visited,
#subpage-content p a,
#subpage-content p a:link,
#subpage-content p a:visited,
#termine-content p a,
#termine-content p a:link,
#termine-content p a:visited,
#termine-content-detail p a,
#termine-content-detail p a:link,
#termine-content-detail p a:visited {
  color: #829E42;
}
#content-container p a:hover,
#single-container p a:hover,
#subpage-content p a:hover,
#termine-content p a:hover,
#termine-content-detail p a:hover {
  color: #232323;
}
#content-container h2,
#single-container h2,
#subpage-content h2,
#termine-content h2,
#termine-content-detail h2 {
  font-family: "PT-Sans", Sans-Serif;
  font-size: 18px;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 20px;
  text-transform: none;
  color: #829E42;
}
#content-container h3,
#single-container h3,
#subpage-content h3,
#termine-content h3,
#termine-content-detail h3 {
  font-size: 14px;
  text-transform: none;
}
#content-container ol:not(.wp-block-gallery),
#content-container ul:not(.wp-block-gallery),
#single-container ol:not(.wp-block-gallery),
#single-container ul:not(.wp-block-gallery),
#subpage-content ol:not(.wp-block-gallery),
#subpage-content ul:not(.wp-block-gallery),
#termine-content ol:not(.wp-block-gallery),
#termine-content ul:not(.wp-block-gallery),
#termine-content-detail ol:not(.wp-block-gallery),
#termine-content-detail ul:not(.wp-block-gallery) {
  display: table;
  margin: 25px 0 20px 15px;
}
#content-container ol:not(.wp-block-gallery) li,
#single-container ol:not(.wp-block-gallery) li,
#subpage-content ol:not(.wp-block-gallery) li,
#termine-content ol:not(.wp-block-gallery) li,
#termine-content-detail ol:not(.wp-block-gallery) li {
  line-height: 21px;
  list-style-type: decimal;
}
#content-container ul:not(.wp-block-gallery) li,
#single-container ul:not(.wp-block-gallery) li,
#subpage-content ul:not(.wp-block-gallery) li,
#termine-content ul:not(.wp-block-gallery) li,
#termine-content-detail ul:not(.wp-block-gallery) li {
  line-height: 21px;
  display: table-row;
  list-style-type: none !important;
}
#content-container ul:not(.wp-block-gallery) li:before,
#single-container ul:not(.wp-block-gallery) li:before,
#subpage-content ul:not(.wp-block-gallery) li:before,
#termine-content ul:not(.wp-block-gallery) li:before,
#termine-content-detail ul:not(.wp-block-gallery) li:before {
  display: table-cell;
  padding: 3px 10px 3px 0;
  content: "–";
}
#content-container li,
#single-container li,
#subpage-content li,
#termine-content li,
#termine-content-detail li {
  margin: 0 0 5px 20px;
}
#content-container li a,
#content-container li a:link,
#content-container li a:visited,
#single-container li a,
#single-container li a:link,
#single-container li a:visited,
#subpage-content li a,
#subpage-content li a:link,
#subpage-content li a:visited,
#termine-content li a,
#termine-content li a:link,
#termine-content li a:visited,
#termine-content-detail li a,
#termine-content-detail li a:link,
#termine-content-detail li a:visited {
  color: #829E42;
}
#content-container li a:hover,
#single-container li a:hover,
#subpage-content li a:hover,
#termine-content li a:hover,
#termine-content-detail li a:hover {
  color: #232323;
}

.termin {
  margin-bottom: 15px;
  padding: 10px 0 30px 0;
  border-bottom: 1px solid #a09e9d;
}
.termin:hover {
  cursor: pointer;
}
.termin:hover span.button-green {
  color: white;
  background: #000000 !important;
}
.termin:hover .text-link_green {
  color: black;
}
.termin .termin-content h2 {
  font-size: 16px;
  margin-top: 10px;
}
.termin .termin-content .button-green {
  float: right;
  margin-top: 0;
}
.termin .termin-content :last-child {
  margin-bottom: 0;
}
.termin.bundesverband-termine, .termin.category-bundesweit {
  margin-left: -10px;
  padding-left: 10px;
  background: #f2efe4;
}
.termin img {
  float: left;
  width: 150px;
  height: 150px;
  margin: 0 10px 0 0;
}

#single-header .header-image {
  position: relative;
}
#single-header .header-image img {
  margin: 0 0 20px 0;
}
#single-header .header-image .header-image__headline {
  font-family: "BUNDjugend-marker", Sans-Serif;
  font-size: 56px;
  font-weight: normal;
  line-height: 0.8;
  position: absolute;
  bottom: 45px;
  left: 10px;
  padding: 5px 10px 0 10px;
  text-transform: uppercase;
  color: #ffffff;
  background: #75b725;
  background: rgba(117, 183, 37, 0.75);
}

.single-page__overview {
  padding: 0 0 20px 10px;
}
.single-page__overview.single-page__overview--project-pages {
  margin-top: 50px;
  padding-left: 0;
}
.single-page__overview article {
  line-height: 21px;
  margin: 0 0 25px 0;
}
.single-page__overview article:first-child {
  margin: 0;
}
.single-page__overview article a,
.single-page__overview article a:link,
.single-page__overview article a:visited {
  color: #829E42;
}
.single-page__overview article a:hover {
  color: #232323;
}
.single-page__overview h1 {
  font-size: 22px;
  line-height: 32px;
  margin: 0 0 20px 0;
}
.single-page__overview h2 {
  font-size: 16px !important;
  font-weight: bold;
  text-transform: uppercase !important;
  color: #829E42;
}
.single-page__overview p {
  font-size: 14px;
  line-height: 21px;
}
.single-page__overview p img {
  float: left;
  height: auto;
  margin: 0 10px 20px 0;
}
.single-page__overview p a,
.single-page__overview p a:link,
.single-page__overview p a:visited,
.single-page__overview li a,
.single-page__overview li a:link,
.single-page__overview li a:visited {
  color: #829E42;
}
.single-page__overview p a:hover,
.single-page__overview li a:hover {
  color: #232323;
}
.single-page__overview ul {
  margin: 20px 0;
}
.single-page__overview ul li {
  line-height: 21px;
  display: table-row;
  list-style-type: none !important;
}
.single-page__overview ul li:before {
  display: table-cell;
  padding: 3px 10px;
  content: "–";
  color: #829E42;
}

#accordion {
  margin: 10px 0 30px 0;
}

.accordion-toggle {
  position: relative;
  margin: 5px 0 10px 0 !important;
  padding: 0 30px 10px 0;
  cursor: pointer;
  /*   padding-left: 20px; */
  border-bottom: 1px solid rgba(140, 170, 57, 0.3);
}
.accordion-toggle:before {
  position: absolute;
  right: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: " ";
  background: url("inc/img/arrow_down.svg") no-repeat;
  background-position: 0 6px;
  background-size: 10px auto;
}
.accordion-toggle.open:before {
  background: url("inc/img/arrow_up.svg") no-repeat;
  background-position: 0 6px;
  background-size: 10px auto;
}

.accordion-toggle:hover {
  color: #829E42;
}

.row.content-container .accordion-content {
  display: none;
}
.row.content-container .accordion-content > p {
  margin-bottom: 40px;
}

.accordion-content.default {
  display: block;
}

.pagination {
  margin-top: 50px;
}

.single-page__overview__visual {
  float: left;
  width: 133px;
  height: auto;
  margin: 5px 10px 5px 0;
}

h2.overview-headline {
  margin: 20px 0 20px 0;
  color: #829E42;
}

.sidebar_space_left {
  display: block;
  width: 210px;
  margin: 5px 0 0 70px;
}
.sidebar_space_left h2 {
  margin-bottom: 10px;
}
.sidebar_space_left form.site-search,
.sidebar_space_left form.events-filter {
  width: 210px;
}
.sidebar_space_left form.site-search input.site-search__field,
.sidebar_space_left form.events-filter input.site-search__field {
  width: 160px;
}
.sidebar_space_left form.site-search select.dropdown_bundesland,
.sidebar_space_left form.events-filter select.dropdown_bundesland {
  width: 200px;
  background: #829E42 url(inc/img/icon-dropdown.gif) 180px center no-repeat;
}
.sidebar_space_left ul {
  margin: 0 0 35px 0;
}
.sidebar_space_left ul li {
  font-size: 14px;
  margin: 0 0 10px 0;
  /*  text-transform: uppercase; */
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;
}
.sidebar_space_left ul li a,
.sidebar_space_left ul li a:link,
.sidebar_space_left ul li a:visited {
  color: #829E42;
}
.sidebar_space_left ul li a:hover {
  color: #232323;
}
.sidebar_space_left ul li ul.children {
  display: table;
  margin: 10px 0 0 0;
}
.sidebar_space_left ul li ul.children li {
  font-size: 12px;
  display: table-row;
  word-break: break-word;
}
.sidebar_space_left ul li ul.children li a {
  padding-right: 20px;
  text-transform: none;
}
.sidebar_space_left ul li ul.children li:before {
  display: table-cell;
  /* aha! */
  padding: 8px 10px;
  content: "-";
  text-align: right;
  color: #829E42;
}

/*List-Block (Repeater)*/
.repeater__list-item {
  overflow: hidden;
  margin: 0 0 30px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.repeater__list-item:last-of-type {
  border-bottom: none;
}

#subpage-content .repeater__list-item--team {
  float: left;
  width: 300px;
  min-height: 400px;
  margin: 0 10px 20px 0;
  padding: 0 10px 20px 0;
  border-bottom: 1px solid #232323;
}
#subpage-content .repeater__list-item--team h2 {
  font-weight: bold;
  margin-bottom: 0;
  color: #232323;
}
#subpage-content .repeater__list-item--team a {
  line-height: 1.5;
  color: #829E42;
}
#subpage-content .repeater__list-item--team a:hover {
  color: #232323;
}
#subpage-content .repeater__list-item--team p:last-of-type {
  margin-bottom: 0;
}
#subpage-content .repeater__list-item--team img {
  margin-bottom: 10px;
}

/* Overview Pages
   ========================================================================== */
/*Pagination styles*/
.pagination a,
.pagination a:link,
.pagination a:visited,
.nav-previous a,
.nav-previous a:link,
.nav-previous a:visited,
.nav-next a,
.nav-next a:link,
.nav-next a:visited {
  color: #829E42;
}
.pagination a:hover,
.nav-previous a:hover,
.nav-next a:hover {
  color: #232323;
}

/*#overview_header,*/
#overview-header {
  padding: 0 0 20px 10px;
}
#overview-header h1 {
  font-size: 22px;
  line-height: 32px;
  margin: 0 0 20px 0;
}
#overview-header h2 {
  font-family: "PT-Sans", Sans-Serif;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
  text-transform: none;
  color: #829E42;
}
#overview-header h3 {
  font-size: 18px;
  text-transform: none;
}
#overview-header p {
  font-size: 18px;
  line-height: 25px;
}
#overview-header p a,
#overview-header p a:link,
#overview-header p a:visited {
  color: #829E42;
}
#overview-header p a:hover {
  color: #232323;
}
#overview-header ol,
#overview-header ul {
  font-size: 18px;
  display: table;
  margin: 25px 0 20px 15px;
}
#overview-header ol a,
#overview-header ul a {
  font-size: inherit;
  text-decoration: underline;
  color: #232323;
}
#overview-header ol a:hover,
#overview-header ul a:hover {
  text-decoration: none;
}
#overview-header ol li {
  line-height: 21px;
  list-style-type: decimal;
}
#overview-header ul li {
  line-height: 21px;
  display: table-row;
  list-style-type: none !important;
}
#overview-header ul li:before {
  display: table-cell;
  padding: 3px 10px 3px 0;
  content: "–";
}

.overview article {
  overflow: hidden;
  margin: 0 0 20px 0;
}
.overview article.type-project p, .overview article.type-campaign p, .overview article.type-topic p, .overview article.type-page p, .overview article.type-post p {
  margin-left: 160px;
}
.overview article a,
.overview article a:link,
.overview article a:visited,
.overview article a:hover {
  color: #232323;
}
.overview article img {
  float: left;
  padding: 5px 10px 5px 0 !important;
}
.overview article .overview-visual {
  width: 160px;
  height: auto;
}
.overview article:hover span.button-green {
  background: black !important;
}

.sidebar_wide .sidebar_projekt {
  display: block;
  clear: both;
  height: auto;
  margin: 0 0 40px 0;
}
.sidebar_wide .sidebar-visual {
  display: block;
  float: left;
  width: 70px;
  padding: 0 20px 0 0;
}
.sidebar_wide .sidebar-content {
  display: block;
  float: left;
  width: 200px;
}

.acf-map {
  width: 100%;
  height: 400px;
  margin: 20px 0;
  border: #cccccc solid 1px;
}

/* Shop Page
   ========================================================================== */
#shop_header {
  margin: 0 0 0 10px;
  padding: 0 0 20px 0;
}
#shop_header h1 {
  font-size: 22px;
  line-height: 32px;
  margin: 0 0 20px 0;
}
#shop_header p {
  font-size: 18px;
  line-height: 25px;
}
#shop_header p a,
#shop_header p a:link,
#shop_header p a:visited {
  color: #829E42;
}
#shop_header p a:hover {
  color: #232323;
}

.shop {
  display: block;
  padding: 0 0 0 10px;
}
.shop h2 {
  font-family: "BUNDjugend-marker", Sans-Serif;
  font-size: 40px;
  font-weight: normal;
  line-height: 1;
  display: block;
  padding: 0 0 10px 0;
  color: #829E42;
}
.shop p a,
.shop p a:link,
.shop p a:visited {
  color: #829E42;
}
.shop p a:hover {
  color: #232323;
}
.shop ul.shop-products {
  margin: 0 0 60px 0;
  padding: 0;
}
.shop ul.shop-products li {
  display: inline-block;
  width: 206px;
  height: auto;
  margin: 0 2px 10px 0;
  text-align: center;
  background: #F2EFE4;
}
.shop ul.shop-products li:nth-child(3n) {
  margin: 0;
}
.shop ul.shop-products li .product-image {
  width: 206px;
  height: auto;
}
.shop ul.shop-products li .product-text {
  display: table;
  width: 206px;
  height: 90px;
  padding: 0;
  text-align: center;
  border-top: 5px solid #ffffff;
}
.shop ul.shop-products li .product-text p {
  font-family: "PT-Sans-Bold", Sans-Serif;
  display: table-cell;
  padding: 5px 0;
  text-align: center;
  vertical-align: middle;
  color: #776d56;
}

/* Events (Termine) Page
   ========================================================================== */
#events_header {
  font-size: 12px;
  position: relative;
  height: 250px;
  margin: 0 0 0 -10px;
  padding: 10px 0 0 20px;
  border-bottom: 2px solid #b0aead;
  background-image: url(inc/img/background-2col-repeat-y.svg);
  background-repeat: repeat-y;
}
#events_header h2 {
  font-size: 14px;
  margin-bottom: 10px;
}
#events_header p {
  font-size: 12px;
  line-height: 16px;
  margin: -1px 0 0 0;
}
#events_header .tabs {
  position: absolute;
  bottom: 0;
}
#events_header .tabs .tab,
#events_header .tabs .tab:visited {
  font-family: "PT-Sans-Bold", Sans-Serif;
  font-size: 14px;
  display: inline-block;
  width: 100px;
  height: 30px;
  margin: 0 7px 0 0;
  padding: 8px 0;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  background: #a59073;
}
#events_header .tabs .tab:hover,
#events_header .tabs .tab:active,
#events_header .tabs .active {
  background: #829E42;
}

section.events {
  margin-top: 40px;
  padding-left: 13px;
}
section.events h3 {
  font-family: "BUNDjugend-marker", Sans-Serif;
  font-size: 40px;
  font-weight: normal;
  line-height: 1;
  padding: 0 0 20px 0;
  color: #000000;
}
section.events ul.events-list li p {
  margin: 5px 0 25px 0;
}

fieldset.events-checkboxes {
  float: left;
  margin: -20px 20px 0 0;
}
fieldset.events-checkboxes input {
  margin: 2px 0 0 0;
}

/* Newsroom Page
   ========================================================================== */
.news-section {
  /*Custom Facebook Feed-Plugin Styles*/
  /* Custom Twitter Plugin Styles (Al Twitter Plugin) */
}
.news-section h1 {
  font-size: 22px;
  margin-bottom: 10px;
  border-bottom: 5px solid #000000;
}
.news-section h1.headline-aktivenblog {
  padding: 0 0 0 20px;
  background: url(inc/img/b.svg) center left no-repeat;
}
.news-section h1.headline-facebook {
  padding: 0 0 0 20px;
  background: url(inc/img/social-media-icons/facebook.svg) center left no-repeat;
}
.news-section h1.headline-twitter {
  padding: 0 0 0 20px;
  background: url(inc/img/social-media-icons/twitter.svg) center left no-repeat;
}
.news-section h1.headline-flickr {
  padding: 0 0 0 20px;
  background: url(inc/img/social-media-icons/flickr.svg) center left no-repeat;
}
.news-section .date {
  font-family: "PT-Sans-Bold", Sans-Serif;
  text-transform: uppercase;
  color: #829E42;
}
.news-section ul li {
  display: block;
  overflow: hidden;
}
.news-section ul li a {
  color: #000000;
}
.news-section .overview-visual {
  width: 160px;
  height: auto;
}
.news-section .news-image-small {
  float: left;
  width: 160px;
  height: auto;
  padding: 5px 10px 5px 0;
}
.news-section .facebook li {
  display: table;
}
.news-section .facebook p {
  display: block;
  float: left;
  width: 190px;
}
.news-section .facebook img {
  height: auto;
  margin: 10px 0;
}
.news-section .facebook .avatar-container {
  display: table-cell;
  float: left;
  width: 80px;
}
.news-section .facebook .avatar-container img {
  margin: 0;
  border: 1px solid #949494;
}
.news-section #cff a,
.news-section #cff a:link,
.news-section #cff a:visited {
  color: #829E42;
}
.news-section #cff a:hover,
.news-section #cff a:link:hover,
.news-section #cff a:visited:hover {
  color: #829E42;
}
.news-section .cff-author {
  overflow: hidden !important;
  min-height: 60px;
  margin: 0 !important;
}
.news-section #cff .cff-author .cff-author-text {
  font-family: "PT-Sans-Bold", Sans-Serif;
  font-size: 14px !important;
  width: 100% !important;
  margin: 0 0 0 30px !important;
}
.news-section .cff-date {
  font-family: "PT-Sans-Bold", Sans-Serif;
  font-size: 14px !important;
  color: #829E42 !important;
}
.news-section #cff .cff-author-img {
  position: absolute;
  float: none !important;
  width: 80px !important;
  margin: 0 !important;
}
.news-section #cff .cff-author-img img {
  width: 48px;
  height: auto;
  margin: 0;
  padding: 0;
}
.news-section span.cff-text {
  display: block;
  float: left;
  width: 100% !important;
}
.news-section .cff-expand,
.news-section .cff-post-links {
  display: block !important;
  clear: both !important;
  padding: 0 0 0 0 !important;
}
.news-section .cff-expand {
  float: right;
  width: 190px;
  padding: 0 0 10px 80px !important;
}
.news-section a span.cff-more,
.news-section a span.cff-less,
.news-section a.cff-viewpost-facebook {
  font-size: 14px;
}
.news-section .cff-page-name {
  text-transform: uppercase;
  color: #000000;
}
.news-section .cff-post-text,
.news-section .cff-post-links {
  margin: 0 !important;
}
.news-section .cff-post-text a,
.news-section .cff-post-text a:link,
.news-section .cff-post-text a:visited,
.news-section .cff-post-links a,
.news-section .cff-post-links a:link,
.news-section .cff-post-links a:visited {
  font-size: 14px;
  color: #829E42;
}
.news-section .cff-post-text a:hover,
.news-section .cff-post-links a:hover {
  color: #232323;
}
.news-section .cff-post-links a {
  font-size: 14px !important;
}
.news-section .aiwidgetscss a,
.news-section .aiwidgetscss a:link,
.news-section .aiwidgetscss a:visited {
  color: #829E42;
}
.news-section .aiwidgetscss a:hover {
  color: #232323;
}
.news-section .aiwidgetscss h3.widget-title {
  display: none;
}
.news-section .kebo-tweets a,
.news-section .kebo-tweets a:link,
.news-section .kebo-tweets a:visited {
  font-size: 14px;
  color: #829E42;
}
.news-section .kebo-tweets a:hover {
  color: #232323;
}
.news-section .kebo-tweets .ktweet {
  margin-bottom: 30px !important;
  border-bottom: none !important;
}
.news-section .kebo-tweets .ktweet .kavatar,
.news-section .kebo-tweets .kavatar {
  width: 48px;
  height: auto;
  margin: 0;
  padding: 0;
}

/*
 * TERMINE
 */
.event-details-box {
  line-height: 1.5em;
  margin: 0 0 20px 0;
  padding: 10px;
  background: #f2efe4;
}
.event-details-box .label {
  font-weight: bold;
  display: inline-block;
  width: 100px;
}

.month {
  position: relative;
  min-height: 100px;
  margin-bottom: 50px;
  padding-top: 46px;
}
.month .month-sign {
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 95px;
  height: 95px;
  padding: 33px 0;
  text-align: center;
  color: #ffffff;
  border-radius: 100%;
  background: #829E42;
}

#termine-content {
  margin-top: 50px;
}

#termine-content,
#termine-content-detail {
  padding: 0 0 20px 10px;
}
#termine-content article,
#termine-content-detail article {
  margin: 0 0 50px 0;
}
#termine-content article:first-of-type,
#termine-content-detail article:first-of-type {
  margin: 0;
}
#termine-content article a,
#termine-content article a:link,
#termine-content article a:visited,
#termine-content-detail article a,
#termine-content-detail article a:link,
#termine-content-detail article a:visited {
  color: #829E42;
}
#termine-content article a:hover,
#termine-content-detail article a:hover {
  color: #232323;
}
#termine-content h1,
#termine-content-detail h1 {
  font-size: 22px;
  line-height: 32px;
  margin: 0 0 20px 0;
}
#termine-content h2,
#termine-content-detail h2 {
  font-size: 18px;
  font-weight: bold;
}
#termine-content p,
#termine-content-detail p {
  font-size: 14px;
  line-height: 21px;
}
#termine-content p img,
#termine-content-detail p img {
  margin: 0 10px 10px 0;
}
#termine-content p a,
#termine-content p a:link,
#termine-content p a:visited,
#termine-content li a,
#termine-content li a:link,
#termine-content li a:visited,
#termine-content-detail p a,
#termine-content-detail p a:link,
#termine-content-detail p a:visited,
#termine-content-detail li a,
#termine-content-detail li a:link,
#termine-content-detail li a:visited {
  color: #829E42;
}
#termine-content p a:hover,
#termine-content li a:hover,
#termine-content-detail p a:hover,
#termine-content-detail li a:hover {
  color: #232323;
}
#termine-content ul,
#termine-content-detail ul {
  margin: 20px 0;
}
#termine-content li,
#termine-content-detail li {
  margin: 0 0 10px 20px;
}
#termine-content #accordion,
#termine-content-detail #accordion {
  margin: 0 0 20px 0;
}
#termine-content .accordion-toggle,
#termine-content-detail .accordion-toggle {
  cursor: pointer;
}
#termine-content .accordion-toggle:hover,
#termine-content-detail .accordion-toggle:hover {
  color: #829E42;
}
#termine-content .accordion-content,
#termine-content-detail .accordion-content {
  display: none;
}
#termine-content .accordion-content.default,
#termine-content-detail .accordion-content.default {
  display: block;
}

/* wp-activate
   ========================================================================== */
#signup-content.widecolumn {
  line-height: 1.5;
  padding: 20px;
  background-image: url(inc/img/background-repeat-y.svg);
  background-repeat: repeat-y;
}
#signup-content.widecolumn a {
  color: #829E42;
}
#signup-content.widecolumn #signup-welcome {
  padding: 20px 0;
}
#signup-content.widecolumn #signup-welcome span.h3 {
  font-family: "PT-Sans-Bold", Sans-Serif;
  font-size: 1em;
  font-weight: normal;
}

/* Cookie
 */
.cookie-bar-block #catapult-cookie-bar h3 {
  font-size: 18px;
  font-weight: bold;
}

.cookie-bar-block #catapult-cookie-bar span {
  font-size: 15px;
  line-height: 1.6;
}

.cookie-bar-block button#catapultCookie {
  border-radius: 0;
}

#catapult-cookie-bar a {
  text-decoration: underline;
}

#catapult-cookie-bar a:hover {
  text-decoration: none;
}

.wpcf7-acceptance input[type=checkbox]:checked,
.wpcf7-acceptance input[type=checkbox]:not(checked) {
  visibility: visible;
}
.wpcf7-acceptance input[type=checkbox] {
  position: relative;
  cursor: pointer;
}
.wpcf7-acceptance input[type=checkbox]:before {
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  content: "";
  border: 1px solid #555555;
  border-radius: 3px;
  background-color: white;
}
.wpcf7-acceptance input[type=checkbox]:checked:after {
  position: absolute;
  top: 13px;
  left: 7px;
  display: block;
  width: 5px;
  height: 10px;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border: solid black;
  border-width: 0 2px 2px 0;
}
.wpcf7-acceptance span.wpcf7-list-item {
  margin-left: 0;
}
.wpcf7-acceptance .wpcf7-list-item-label {
  display: table-cell;
  padding-left: 30px;
}

/* Form styles used for site-search and newsletter form fields
   ========================================================================== */
.newsletter {
  line-height: 21px;
  margin-bottom: 50px;
}
.newsletter h3 {
  margin-bottom: 10px;
}
.newsletter.home h3 {
  margin-bottom: 0;
}

.newsletter-subscription {
  width: 100%;
}

.haet-cleverreach input[type=email] {
  margin: 10px 0;
  padding: 5px 5px;
  border: 1px solid #9e9e9e;
  border-radius: 0;
  background: #ffffff;
}

.haet-cleverreach-field-wrap.type-submit {
  text-align: left;
}

.haet-cleverreach button[type=submit] {
  font-size: 12px;
  line-height: 0;
  width: auto;
  padding: 0 10px 0 10px;
  color: #ffffff;
  background: #829E42;
}
.haet-cleverreach button[type=submit]:hover {
  cursor: pointer;
  background: #000000;
}

form.site-search,
form.events-filter {
  width: 210px;
  margin: 8px 0 0 0;
}
form.site-search input,
form.site-search select,
form.events-filter input,
form.events-filter select {
  font-family: "PT-Sans", Sans-Serif;
  font-size: 12px;
  color: #9e9e9e;
  /*approximately #303030 with 50% opacity in PhotoShop*/
  border: none;
}
form.site-search input:focus,
form.site-search select:focus,
form.events-filter input:focus,
form.events-filter select:focus {
  color: #000000;
}
form.site-search input:focus,
form.events-filter input:focus {
  color: #000000;
}
form.site-search input.site-search__field,
form.events-filter input.site-search__field {
  /*width: 180px;*/
  width: 170px;
  /*width: 160px;*/
  height: 25px;
  margin: 0 5px 0 0;
  padding: 0 10px;
}
form.site-search .t-dropdown-shadow,
form.events-filter .t-dropdown-shadow {
  border: 1px solid #9e9e9e;
  box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.75);
}
form.site-search input.site-search__button,
form.events-filter input.site-search__button {
  width: 30px;
  height: 26px;
  color: #ffffff;
  background: #829E42;
}
form.site-search input.site-search__button:hover,
form.events-filter input.site-search__button:hover {
  cursor: pointer;
  color: #000000;
}
form.site-search select.dropdown_bundesland,
form.events-filter select.dropdown_bundesland {
  /*width: 220px;*/
  width: 210px;
  /*width: 200px;*/
  height: 25px;
  margin: 10px 0 40px 0;
  padding: 0 5px;
  color: #ffffff;
  background: #829E42 url(inc/img/icon-dropdown.gif) 190px center no-repeat;
}
form.site-search select.dropdown_bundesland:hover,
form.events-filter select.dropdown_bundesland:hover {
  cursor: pointer;
  color: #000000;
}

form.events-filter {
  margin: -10px 10px 0 0;
}

/* Form Styles / Checkboxes @ Events-Filter
   ========================================================================== */
/* hide standard inputs */
input[type=radio]:checked,
input[type=radio]:not(checked),
input[type=checkbox]:checked,
input[type=checkbox]:not(checked) {
  position: relative;
  visibility: hidden;
  margin: 0;
  padding: 0;
  background: transparent;
}

input[type=checkbox] + label,
input[type=radio] + label {
  cursor: pointer;
}

/* add custom inputs with ::before */
input[type=radio]:checked + label::before,
input[type=radio]:not(checked) + label::before,
input[type=checkbox]:checked + label::before,
input[type=checkbox]:not(checked) + label::before {
  line-height: 10px;
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 10px 10px 0 0;
  content: "✓";
  color: transparent;
  border: 1px solid #bbbbbb;
  border-radius: 3px;
  background: white;
}

input[type=radio]:checked + label::before,
input[type=checkbox]:checked + label::before {
  content: "✓";
  color: #829E42;
}

/* Contact Form 7 Related Styles
   ========================================================================== */
div.wpcf7 {
  margin: 50px 0 0 0;
}

.wpcf7-form {
  margin-bottom: 30px;
  background: #ffffff;
}
.wpcf7-form .column {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
}

.wpcf7-form input {
  margin-bottom: 10px;
  padding: 5px 5px;
  border: 1px solid #9e9e9e;
  border-radius: 0;
  background: #ffffff;
}

.wpcf7-form textarea {
  padding: 5px 5px;
  border: 1px solid #9e9e9e;
  background: #ffffff;
}

.wpcf7-form p {
  margin-top: 10px;
  color: #232323;
}

.wpcf7-form .wpcf7-submit {
  float: right;
  color: #ffffff;
  background: #829E42;
}
.wpcf7-form .wpcf7-submit:hover {
  cursor: pointer;
  color: #000000;
}

/* GravityForms
   ========================================================================== */
.gform_wrapper form ul li:before {
  display: block !important;
  content: none !important;
}

.gform_confirmation_message {
  font-family: "PT-Sans-Bold", Sans-Serif;
}

.gfield .gfield_label {
  margin: 20px 0 10px 0;
}

.ginput_container input,
.ginput_container textarea {
  border: 1px solid #cccccc;
  box-shadow: none !important;
}
.ginput_container select {
  font-size: 12px;
  padding: 2px 3px 2px 0 !important;
  color: white;
  background: #6ca448;
  /* gruen */
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;
  appearance: menulist !important;
}
.ginput_container .ginput_product_price {
  display: inline-block;
  width: 50px;
}
.ginput_container .ginput_quantity_label {
  margin-left: 50px !important;
}

.field_sublabel_below {
  margin-bottom: 30px !important;
}

.gform_button {
  font-size: 12px;
  height: auto !important;
  padding: 3px !important;
  cursor: pointer;
  color: #ffffff !important;
  border: medium none;
  background: #6ca448;
  /* gruen */
  box-shadow: none !important;
}

/* Gutenberg Text Colors */
.has-green-color,
.has-green-color * {
  color: #829e42 !important;
}

.has-black-color,
.has-black-color * {
  color: #3c3c3b !important;
}

.has-purple-color,
.has-purple-color * {
  color: #85429e !important;
}

.has-white-color,
.has-white-color * {
  color: #ffffff !important;
}

/* Gutenberg Background Colors */
.has-green-background-color {
  background-color: #829e42;
}

.has-black-background-color {
  background-color: #3c3c3b;
}

.has-purple-background-color {
  background-color: #85429e;
}

.has-white-background-color {
  background-color: #ffffff;
}

input:focus {
  outline: none !important;
}

.c-accordion__item {
  margin: 20px 0 !important;
}

.c-accordion__item h2,
.c-accordion__item.is-open h2 {
  margin-bottom: 0 !important;
}

.c-accordion__title {
  font-size: 16px;
  outline: 0;
}

.c-accordion__title--button {
  padding: 10px 0 !important;
  /*   font-family: 'PT-Sans-Bold', Sans-Serif;
   padding: 10px 20px !important;
  */
  /*   background: #f2f2f2; */
}

.c-accordion__title--button:hover {
  font-family: "PT-Sans-Bold", Sans-Serif;
  /*  color: white;
  background: #3c3c3b; */
}

.c-accordion__title:after {
  font-family: "PT-Sans-Bold", Sans-Serif;
  font-size: 22px;
  right: 20px;
}
@media only screen and (max-width: 767px) {
  .c-accordion__title:after {
    right: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  button.c-accordion__title:after {
    right: 20px !important;
  }
}

.c-accordion__content {
  overflow: hidden !important;
}
@media only screen and (max-width: 767px) {
  .c-accordion__content {
    right: 20px !important;
  }
  .c-accordion__content ul:first-child {
    margin-top: 0 !important;
  }
}

.c-accordion__content p:first-child {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .c-accordion__content p:first-child {
    margin-top: 0;
  }
}

/* 
.c-accordion__title:before {
  font-size: 22px;
  font-weight: normal;

  position: relative;
  top: 50%;
  left: 0;

  padding-right: 15px;

  content: '+';
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);

  color: #777;
}

 */
.row.content-container {
  /*   .bj_projects-header__logo {
     position: relative;

     height: 240px;

     @media only screen and ( max-width: 767px ) {
       width: 120px !important;
       height: 120px;
     }

     img {
       position: absolute;
       top: 50%;
       left: 50%;

       display: block;

       transform: translate( -50%, -50% );
     }
   }
  */
}
.row.content-container .bj_projects-header {
  display: flex;
  /* 
  background: url('inc/img/projects-bg.png') no-repeat center -30px;
  background-size: 100% auto; */
  overflow: hidden;
  height: 280px;
  margin: 0 20px 30px;
  text-align: center;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .row.content-container .bj_projects-header {
    height: auto;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background-size: cover;
  }
}
.row.content-container .bj_projects-header__description {
  color: white;
}
.row.content-container .bj_project-header__logo {
  display: block;
  margin-bottom: 15px;
}
.row.content-container .bj_project-header__type {
  font-family: "PT-Sans-Bold", Sans-Serif;
  font-size: 14px;
  display: block;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.row.content-container .bj_project-header__title {
  font-size: 28px;
  display: block;
  margin-bottom: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: white;
}
.row.content-container .bj_project-header__excerpt {
  font-size: 18px;
  line-height: 25px;
  display: inline-block;
  width: 80%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .row.content-container .bj_project-header__excerpt {
    font-size: 14px;
    line-height: 1.2;
    padding: 0 15px;
  }
}
.row.content-container .bj_project-header__updated {
  font-size: 12px;
  line-height: 1.5;
  display: block;
}
.row.content-container .bj_projects-sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 30px;
  min-height: 1px;
  margin-top: 0;
  padding-right: 5px;
  padding-left: 15px;
}
@media only screen and (max-width: 767px) {
  .row.content-container .bj_projects-sidebar {
    padding-bottom: 10px !important;
    border-bottom: 1px solid #f2f2f2;
  }
}
.row.content-container .bj_projects-sidebar__contact-intro p {
  font-size: 16px;
  font-style: italic;
  line-height: 1.4;
}
.row.content-container .bj_projects-sidebar__contact p {
  font-size: 12px;
  line-height: 1.6;
}
.row.content-container .bj_projects-sidebar__contact p a {
  text-decoration: none;
  color: #829E42;
}
.row.content-container .bj_projects-sidebar__navigation {
  /*     margin-top: 5px; */
  margin-bottom: 30px;
  padding-top: 10px;
  padding-bottom: 30px;
  padding-left: 5px;
  border-bottom: 1px solid #f2f2f2;
}
@media only screen and (max-width: 767px) {
  .row.content-container .bj_projects-sidebar__navigation {
    padding-bottom: 0;
  }
}
.row.content-container .bj_projects-sidebar__navigation .bj_projects-sidebar__title {
  font-family: "PT-Sans", Sans-Serif;
  font-size: 18px;
  font-style: italic;
  line-height: 1;
  display: block;
  margin-bottom: 25px;
  margin-left: -5px;
  padding-bottom: 20px;
  letter-spacing: 0.5px;
  color: #3c3c3b;
  border-bottom: 1px solid #f2f2f2;
}
@media only screen and (max-width: 767px) {
  .row.content-container .bj_projects-sidebar__navigation .bj_projects-sidebar__title {
    width: 100vw;
    margin-right: calc((100vw - 100%) / -2);
    margin-bottom: 20px;
    margin-left: calc((100vw - 100%) / -2);
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .row.content-container .bj_projects-sidebar__navigation .bj_projects-sidebar__links-wrapper {
    overflow: hidden;
    width: 100vw;
    margin-right: calc((100vw - 100%) / -2);
    margin-left: calc((100vw - 100%) / -2);
  }
}
@media only screen and (max-width: 767px) {
  .row.content-container .bj_projects-sidebar__navigation .bj_projects-sidebar__links {
    display: flex;
    overflow: auto;
    margin: 0 0 -50px 0;
    padding-right: 10px;
    padding-bottom: 50px;
    padding-left: 10px;
    -webkit-mask-image: linear-gradient(90deg, transparent, #4a4a4a 10px, #4a4a4a calc(100% - 10px), transparent);
            mask-image: linear-gradient(90deg, transparent, #4a4a4a 10px, #4a4a4a calc(100% - 10px), transparent);
    -webkit-overflow-scrolling: touch;
  }
  .row.content-container .bj_projects-sidebar__navigation .bj_projects-sidebar__links a,
.row.content-container .bj_projects-sidebar__navigation .bj_projects-sidebar__links .bj_projects-sidebar__link {
    margin-bottom: 0;
    margin-left: 30px;
    white-space: nowrap;
  }
  .row.content-container .bj_projects-sidebar__navigation .bj_projects-sidebar__links a:first-child,
.row.content-container .bj_projects-sidebar__navigation .bj_projects-sidebar__links .bj_projects-sidebar__link:first-child {
    margin-left: 0;
  }
}
.row.content-container .bj_projects-sidebar__navigation a,
.row.content-container .bj_projects-sidebar__navigation .bj_projects-sidebar__link {
  font-family: "PT-Sans", Sans-Serif;
  font-size: 16px;
  line-height: 1.4;
  position: relative;
  display: block;
  margin-bottom: 20px;
  color: #949494;
}
.row.content-container .bj_projects-sidebar__navigation a.is-active,
.row.content-container .bj_projects-sidebar__navigation .bj_projects-sidebar__link.is-active {
  font-family: "PT-Sans-Bold", Sans-Serif;
  color: #3c3c3b;
}
.row.content-container .bj_projects-sidebar__navigation a.is-grandchild,
.row.content-container .bj_projects-sidebar__navigation .bj_projects-sidebar__link.is-grandchild {
  position: relative;
  padding-left: 20px;
}
.row.content-container .bj_projects-sidebar__navigation a.is-grandchild:before,
.row.content-container .bj_projects-sidebar__navigation .bj_projects-sidebar__link.is-grandchild:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  content: "—";
  text-align: center;
}
.no-touch .row.content-container .bj_projects-sidebar__navigation a:hover,
.no-touch .row.content-container .bj_projects-sidebar__navigation .bj_projects-sidebar__link:hover {
  color: #3c3c3b;
}
.row.content-container .bj_projects-sidebar__navigation a:last-child,
.row.content-container .bj_projects-sidebar__navigation .bj_projects-sidebar__link:last-child {
  margin-bottom: 0;
}
.row.content-container .bj_projects-content {
  padding-right: 25px;
  /*     padding-right: 20px;
  padding-left: 20px; */
  color: #3c3c3b;
  /*
   * Common Blocks
   */
  /*
   * Formatting
   */
  /*
   * Layout Elements
   */
  /*
   * Widgets
   */
  /*
   * Embeds
   */
}
@media only screen and (max-width: 767px) {
  .row.content-container .bj_projects-content {
    padding-right: 0;
  }
}
.row.content-container .bj_projects-content .has-small-font-size {
  font-size: 14px;
}
.row.content-container .bj_projects-content .has-large-font-size {
  font-size: 18px;
}
.row.content-container .bj_projects-content .has-drop-cap:not(:focus):first-letter {
  font-size: 4.9em;
  font-style: normal;
  line-height: 0.73;
  float: left;
  margin: 0.05em 0.1em 0 0;
  text-transform: uppercase;
}
.row.content-container .bj_projects-content .has-drop-cap:not(:focus):after {
  padding-top: 0;
}
.row.content-container .bj_projects-content p {
  font-size: 16px;
  line-height: 1.6;
}
.row.content-container .bj_projects-content a {
  text-decoration: underline;
  color: #829e42;
}
.row.content-container .bj_projects-content a:hover {
  text-decoration: none;
}
.row.content-container .bj_projects-content h2 {
  font-family: "PT-Sans", Sans-Serif;
  font-size: 18px;
  font-weight: bold;
  margin: 40px 0 20px;
  text-transform: none;
  color: #829e42;
}
.row.content-container .bj_projects-content h2:first-child {
  margin-top: 0;
}
.row.content-container .bj_projects-content h2:last-child {
  margin-bottom: 0;
}
.row.content-container .bj_projects-content h3,
.row.content-container .bj_projects-content h4,
.row.content-container .bj_projects-content h5,
.row.content-container .bj_projects-content h6 {
  font-size: 14px;
  margin-top: 40px;
  text-transform: none;
  color: #000000;
}
.row.content-container .bj_projects-content h3:first-child,
.row.content-container .bj_projects-content h4:first-child,
.row.content-container .bj_projects-content h5:first-child,
.row.content-container .bj_projects-content h6:first-child {
  margin-top: 0;
}
.row.content-container .bj_projects-content h3:last-child,
.row.content-container .bj_projects-content h4:last-child,
.row.content-container .bj_projects-content h5:last-child,
.row.content-container .bj_projects-content h6:last-child {
  margin-bottom: 0;
}
.row.content-container .bj_projects-content .wp-block-image {
  max-width: none;
  margin-bottom: 50px;
}
.row.content-container .bj_projects-content .wp-block-image img {
  display: block;
}
.row.content-container .bj_projects-content .wp-block-image figcaption {
  font-size: 12px;
  font-style: italic;
  bottom: 0;
  padding: 0;
  padding-top: 5px;
  text-align: right;
  color: black;
  background: none;
}
.row.content-container .bj_projects-content ol:not(.blocks-gallery-grid):not(.wp-block-gallery):not(.events-list),
.row.content-container .bj_projects-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery):not(.events-list) {
  display: table;
  margin: 20px 0;
  counter-reset: foo;
}
.row.content-container .bj_projects-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery) li,
.row.content-container .bj_projects-content ol:not(.blocks-gallery-grid):not(.wp-block-gallery) li {
  font-size: 16px;
  line-height: 1.6;
  display: table-row;
  /*       margin-bottom: 14px; */
  counter-increment: foo;
}
.row.content-container .bj_projects-content ul:not(.wp-block-gallery):not(.blocks-gallery-grid) li:first-child:before {
  padding-top: 0;
}
.row.content-container .bj_projects-content ul:not(.wp-block-gallery):not(.blocks-gallery-grid) li:before {
  font-size: 12px;
  display: inline-block;
  display: table-cell;
  /* aha! */
  width: 24px;
  padding-top: 10px;
  content: "•";
  text-align: left;
}
.row.content-container .bj_projects-content ol:not(.wp-block-gallery):not(.blocks-gallery-grid) li {
  counter-increment: li;
}
.row.content-container .bj_projects-content ol:not(.wp-block-gallery):not(.blocks-gallery-grid) li:first-child:before {
  padding-top: 0;
}
.row.content-container .bj_projects-content ol:not(.wp-block-gallery):not(.blocks-gallery-grid) li:before {
  display: inline-block;
  display: table-cell;
  /* aha! */
  width: 24px;
  margin-left: -24px;
  padding-top: 15px;
  content: counter(li) ".";
}
.row.content-container .bj_projects-content .wp-block-gallery {
  margin-bottom: 50px;
}
.row.content-container .bj_projects-content .wp-block-gallery .blocks-gallery-item {
  margin-bottom: 40px;
}
.row.content-container .bj_projects-content .wp-block-gallery .blocks-gallery-item:last-child {
  margin-right: 0;
}
.row.content-container .bj_projects-content .wp-block-gallery .blocks-gallery-item figcaption {
  font-size: 12px;
  font-style: italic;
  bottom: -25px;
  padding: 0;
  padding-top: 15px;
  text-align: right;
  color: black;
  background: none;
}
.row.content-container .bj_projects-content .wp-block-cover {
  position: relative;
  text-transform: uppercase;
}
.row.content-container .bj_projects-content .wp-block-cover.alignwide .wp-block-cover-text, .row.content-container .bj_projects-content .wp-block-cover.alignfull .wp-block-cover-text {
  font-size: 25px;
}
@media (min-width: 960px) {
  .row.content-container .bj_projects-content .wp-block-cover.alignwide .wp-block-cover-text, .row.content-container .bj_projects-content .wp-block-cover.alignfull .wp-block-cover-text {
    font-size: 30px;
  }
}
.row.content-container .bj_projects-content .wp-block-cover .wp-block-cover-text {
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: 1.5px;
}
.row.content-container .bj_projects-content .wp-block-cover .wp-block-cover-text:first-child {
  margin-bottom: 0;
}
.row.content-container .bj_projects-content .wp-block-cover .wp-block-cover-text strong {
  color: white;
}
.row.content-container .bj_projects-content .wp-block-cover .wp-block-cover-text em {
  font-style: italic;
}
.row.content-container .bj_projects-content .wp-block-file {
  position: relative;
  min-height: 100px;
  margin: 25px 0;
  padding: 25px 15px;
  text-align: left;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  /* background: #000; */
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2241%22%20height%3D%2248%22%20viewBox%3D%220%200%2041%2048%22%3E%3Cpath%20fill%3D%22%23829E42%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.2%2C23.8829268%20L10.795122%2C25.2878049%20L20.9804878%2C35.4731707%20L31.1658537%2C25.2878049%20L29.7609756%2C23.8829268%20L22.0341463%2C31.6097561%20L22.0341463%2C0%20L19.9268293%2C0%20L19.9268293%2C31.6097561%20L12.2%2C23.8829268%20Z%20M26.0146341%2C9.9512195%20L26.0146341%2C11.9414634%20L39.0097561%2C11.9414634%20L39.0097561%2C45.8926829%20L2.9512195%2C45.8926829%20L2.9512195%2C11.9414634%20L15.9463415%2C11.9414634%20L15.9463415%2C9.9512195%20L0.9609756%2C9.9512195%20L0.9609756%2C48%20L41%2C48%20L41%2C9.9512195%20L26.0146341%2C9.9512195%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 25px 18px;
  background-size: 40px;
}
.row.content-container .bj_projects-content .wp-block-file.alignleft, .row.content-container .bj_projects-content .wp-block-file.alignright {
  float: none;
}
@media (min-width: 960px) {
  .row.content-container .bj_projects-content .wp-block-file {
    padding: 25px 15px 25px 85px;
    background-position: 15px calc(50% - 4px);
  }
}
.row.content-container .bj_projects-content .wp-block-file a {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.375;
  position: relative;
  display: block;
  width: 100%;
  padding-left: 70px;
  text-decoration: none;
  color: #3c3c3b;
}
@media (min-width: 960px) {
  .row.content-container .bj_projects-content .wp-block-file a {
    position: absolute;
    top: 50%;
    display: inline-block;
    float: left;
    width: calc(100% - 320px);
    padding-left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.row.content-container .bj_projects-content .wp-block-file.aligncenter a {
  text-align: center;
}
.row.content-container .bj_projects-content .wp-block-file.alignright a {
  text-align: right;
}
.row.content-container .bj_projects-content .wp-block-file .wp-block-file__button {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  position: relative;
  width: 100%;
  margin: 15px 0 0 0;
  padding: 15px;
  -webkit-transform: none;
          transform: none;
  text-align: center !important;
  text-transform: uppercase;
  color: white;
  border: 2px solid #829e42;
  border-radius: 0;
  background: #829e42;
}
@media (min-width: 960px) {
  .row.content-container .bj_projects-content .wp-block-file .wp-block-file__button {
    float: right;
    width: 180px;
    margin: 0;
  }
}
.no-touchevents .row.content-container .bj_projects-content .wp-block-file .wp-block-file__button:hover, .row.content-container .bj_projects-content .wp-block-file .wp-block-file__button:hover, .row.content-container .bj_projects-content .wp-block-file .wp-block-file__button:visited {
  opacity: 1;
  color: white;
  border-color: #232321;
  background: #232321;
}
.row.content-container .bj_projects-content .video-container {
  position: relative;
  overflow: hidden;
  margin-bottom: 35px;
  padding-top: 56.25%;
  border: 10px solid #829E42;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.5);
}
.row.content-container .bj_projects-content .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.row.content-container .bj_projects-content .wp-block-table {
  font-size: 14px;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  margin-top: 20px;
  margin-bottom: 50px;
}
@media (min-width: 960px) {
  .row.content-container .bj_projects-content .wp-block-table {
    max-width: none;
  }
}
.row.content-container .bj_projects-content .wp-block-table:first-child {
  margin-top: 0;
}
.row.content-container .bj_projects-content .wp-block-table:last-child {
  margin-bottom: 0;
}
.row.content-container .bj_projects-content .wp-block-table.alignfull {
  width: calc(100vw - 100px);
  margin-right: calc(50% - (50vw - 50px));
  margin-left: calc(50% - (50vw - 50px));
}
.row.content-container .bj_projects-content .wp-block-table tbody tr {
  line-height: 1.4;
  border-bottom: 1px solid #cccccc;
}
.row.content-container .bj_projects-content .wp-block-table tbody tr:first-child {
  /*  border-bottom: none; */
}
.row.content-container .bj_projects-content .wp-block-table tbody td {
  padding-top: 8px;
  padding-right: 25px;
  padding-bottom: 8px;
}
@media (min-width: 960px) {
  .row.content-container .bj_projects-content .wp-block-table tbody td {
    padding-top: 15px;
    padding-right: 55px;
    padding-bottom: 10px;
  }
}
.row.content-container .bj_projects-content .wp-block-pullquote {
  padding: 0;
}
.row.content-container .bj_projects-content .wp-block-pullquote p {
  font-size: 16px;
  font-weight: 600;
  font-style: italic;
  line-height: 1.6;
  margin-bottom: 10px;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
.row.content-container .bj_projects-content .wp-block-pullquote.alignleft {
  float: left;
  width: 160px;
  margin: 10px 24px 10px 0;
  padding-right: 10px;
  text-align: left;
  border-right: 2px solid #f2f2f2;
}
.row.content-container .bj_projects-content .wp-block-pullquote.alignleft cite {
  font-style: normal;
}
.row.content-container .bj_projects-content .wp-block-pullquote.alignleft cite:before {
  right: 0;
  left: auto;
  -webkit-transform: none;
          transform: none;
}
@media (min-width: 960px) {
  .row.content-container .bj_projects-content .wp-block-pullquote.alignleft {
    width: 215px;
    /*  margin: 24px 24px 24px calc( ( 100% - 100% ) / -2 ); */
    margin: 0 24px 24px 0%;
  }
}
.row.content-container .bj_projects-content .wp-block-pullquote.alignright {
  float: right;
  width: 160px;
  margin: 10px 0 10px 24px;
  padding-left: 10px;
  text-align: right;
  border-left: 2px solid #f2f2f2;
}
.row.content-container .bj_projects-content .wp-block-pullquote.alignright cite {
  font-weight: bold;
  font-style: normal;
}
.row.content-container .bj_projects-content .wp-block-pullquote.alignright cite:before {
  left: 0;
  -webkit-transform: none;
          transform: none;
}
@media (min-width: 960px) {
  .row.content-container .bj_projects-content .wp-block-pullquote.alignright {
    width: 215px;
    margin: 0 0% 24px 24px;
  }
}
.row.content-container .bj_projects-content .wp-block-pullquote:after {
  content: attr(cite);
}
.row.content-container .bj_projects-content .wp-block-pullquote cite {
  font-size: 12px;
  font-style: italic;
  line-height: 3;
  position: relative;
  z-index: 1;
  color: #000000;
}
.row.content-container .bj_projects-content .wp-block-pullquote cite:before {
  position: absolute;
  top: -10px;
  left: 50%;
  width: 50px;
  height: 1px;
  content: "";
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-top: 1px solid #cccccc;
}
.row.content-container .bj_projects-content .wp-block-quote {
  margin: 50px auto;
  padding: 0;
}
@media (min-width: 960px) {
  .row.content-container .bj_projects-content .wp-block-quote {
    padding: 0 80px;
  }
}
.row.content-container .bj_projects-content .wp-block-quote.is-style-large p {
  font-size: 34px;
  font-style: normal;
}
.row.content-container .bj_projects-content .wp-block-quote p,
.row.content-container .bj_projects-content .wp-block-quote strong {
  color: #829e42;
}
.row.content-container .bj_projects-content .wp-block-quote p {
  font-size: 22px;
  line-height: 1.2;
  margin: 0;
  text-transform: uppercase;
}
@media (min-width: 960px) {
  .row.content-container .bj_projects-content .wp-block-quote p {
    font-size: 24px;
    line-height: 1.4;
  }
}
.row.content-container .bj_projects-content .wp-block-quote cite {
  font-size: 12px;
  font-weight: bold;
  line-height: 2.5;
  position: relative;
  z-index: 1;
  color: #000000;
}
.row.content-container .bj_projects-content .wp-block-code {
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 25px;
  background: #f3f3f3;
}
.row.content-container .bj_projects-content .wp-block-code:first-child {
  margin-top: 0;
}
.row.content-container .bj_projects-content .wp-block-code:last-child {
  margin-bottom: 0;
}
.row.content-container .bj_projects-content .wp-block-code code {
  font-size: 16px;
  font-style: italic;
  line-height: 1.375;
}
.row.content-container .bj_projects-content .wp-block-button {
  position: relative;
  display: inline-block;
  margin-bottom: 50px;
  background-color: #829e42;
}
.row.content-container .bj_projects-content .wp-block-button a {
  text-decoration: none;
  text-transform: uppercase;
}
.row.content-container .bj_projects-content .wp-block-button.aligncenter {
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.row.content-container .bj_projects-content .wp-block-button.alignright {
  float: right;
}
.row.content-container .bj_projects-content .wp-block-button .wp-block-button__link {
  font-size: 16px;
  line-height: 1.2;
  padding: 15px 48px 14px;
  color: white;
  border-radius: 0;
  background-color: #829e42;
}
.row.content-container .bj_projects-content .wp-block-button .wp-block-button__link:hover {
  background-color: black;
}
.row.content-container .bj_projects-content .wp-block-columns .wp-block-column {
  margin-bottom: 0;
}
.row.content-container .bj_projects-content .wp-block-columns .wp-block-column:not(:last-child) {
  margin-right: 0;
}
@media (min-width: 960px) {
  .row.content-container .bj_projects-content .wp-block-columns .wp-block-column:not(:last-child) {
    margin-right: 10px;
  }
}
.row.content-container .bj_projects-content .wp-block-columns .wp-block-column:not(:first-child),
.row.content-container .bj_projects-content .wp-block-columns .wp-block-column:nth-child(2n) {
  margin-left: 0;
}
@media (min-width: 960px) {
  .row.content-container .bj_projects-content .wp-block-columns .wp-block-column:not(:first-child),
.row.content-container .bj_projects-content .wp-block-columns .wp-block-column:nth-child(2n) {
    margin-left: 10px;
  }
}
.row.content-container .bj_projects-content .wp-block-columns .wp-block-column:nth-child(odd) {
  margin-right: 0;
}
@media (min-width: 960px) {
  .row.content-container .bj_projects-content .wp-block-columns .wp-block-column:nth-child(odd) {
    margin-right: 10px;
  }
}
.row.content-container .bj_projects-content .wp-block-media-text {
  display: block;
  margin-bottom: 40px;
}
.row.content-container .bj_projects-content .wp-block-media-text .wp-block-media-text__content {
  margin-top: 50px;
}
.row.content-container .bj_projects-content .wp-block-media-text .wp-block-media-text__content p:last-child {
  margin-bottom: 0;
}
@media (min-width: 960px) {
  .row.content-container .bj_projects-content .wp-block-media-text {
    display: grid;
  }
  .row.content-container .bj_projects-content .wp-block-media-text .wp-block-media-text__content {
    margin-top: 0;
  }
}
.row.content-container .bj_projects-content .wp-block-separator {
  max-width: 400px;
  height: 1px;
  margin: 50px auto;
  border: none;
  background-image: linear-gradient(90deg, #3c3c3b, #3c3c3b 100%, transparent 50%, transparent 100%);
  background-size: 10px 1px;
}
.row.content-container .bj_projects-content .wp-block-separator:first-child {
  margin-top: 0;
}
.row.content-container .bj_projects-content .wp-block-separator:last-child {
  margin-bottom: 0;
}
.row.content-container .bj_projects-content .wp-block-separator.is-style-dots {
  height: 33px;
  margin: 34px auto;
  background: none;
}
.row.content-container .bj_projects-content .wp-block-separator.is-style-dots:before {
  font-size: 2.5em;
  height: 33px;
  padding-left: 1.5em;
  letter-spacing: 1.5em;
}
.row.content-container .bj_projects-content__title {
  font-size: 22px;
  line-height: 32px;
  margin-bottom: 20px;
  text-transform: none;
  text-transform: uppercase;
  color: black;
}

.schema-faq.wp-block-yoast-faq-block strong.schema-faq-question {
  font-size: 14px;
}

.schema-how-to.wp-block-yoast-how-to-block .schema-how-to-step-text {
  margin-bottom: 0;
}

.articles-shortcode ul {
  width: 100%;
}
.articles-shortcode a {
  text-decoration: none !important;
}
.articles-shortcode a:hover h2 {
  text-decoration: underline;
}

.events-shortcode .termine-month {
  margin: 40px 0 0 0;
}
.events-shortcode .termin {
  padding: 15px 0;
}

.events-shortcode h3 {
  font-family: "BUNDjugend-marker", Sans-Serif;
  font-size: 30px !important;
  font-weight: normal;
  line-height: 1;
  padding: 0;
  color: #000000;
}

.events-shortcode ul.events-list {
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.events-shortcode ul.events-list li.termin {
  display: block !important;
  margin-left: 0 !important;
}

.events-shortcode ul.events-list li.termin img {
  height: auto !important;
}

.events-shortcode ul.events-list li.termin:before {
  display: none !important;
}

.articles-shortcode li {
  list-style: none !important;
}

.articles-shortcode li:before {
  display: none !important;
}

.articles-shortcode li h2 {
  font-family: "PT-Sans-Bold", Sans-Serif !important;
  font-size: 100% !important;
  line-height: 1.5em !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  color: #303030 !important;
}

.articles-shortcode li p {
  font-size: 14px !important;
  line-height: 21px !important;
  margin: 0 0 20px 0 !important;
  color: #303030 !important;
}

.articles-shortcode ul {
  margin-left: 0;
}

.articles-shortcode__item:first-child a {
  margin-top: 0;
}

.articles-shortcode__item a {
  display: block;
  margin-top: 20px;
}

.articles-shortcode__item img {
  float: left;
  width: 160px;
  height: auto;
  padding: 5px 10px 5px 0 !important;
}

/* 5. Client Dependent Resources
---------------------------------------------------------------------------------------------------- */
/*
 * a. Retina
 */
/*
 * Allowing retina background images to be displayed.
 * Make sure the retina background images are 2x the size of the default background image.
 * Also, don't forget to add the background-size in the sizes the images should be displayed.
 *
 * EXAMPLE:
 * Default background image has the dimensions 200px x 100px
 * The retina version has the dimensions 400px x 200px (twice the size of the default)
 *
 * This is how it should look in the media query below:
 *
 * .default-image {
 *     background: url('../img/default-image@2x.jpg');
 *     background-size: 200px 100px;
 * }
 */
/*
 * b. Tablet
 */
/*
 * c. Tablet / small
 */
/*
 * d. Mobile / small
 */
/*
 * e. Mobile
 */
@media only screen and (max-width: 767px) {
  .ua-mobile {
    /* ==========================================================================
    Page styles
    ========================================================================== */
    /*Homepage*/
    /*	#header-tabs-content__text,
    section#header-tabs #header-tabs-content #header-tabs-content__text {
    	margin-top: 0 !important;
    	padding: 20px !important;
    }*/
    /*Overview Pages*/
    /*Single Pages - used for Single Pages/Themen-Subpages*/
    /*Shop related styles*/
    /*gravityforms*/
    /*Events / Termine*/
    /*Newsroom*/
  }
  .ua-mobile .search-bar {
    display: block;
  }
  .ua-mobile .no-mobile {
    display: none !important;
  }
  .ua-mobile .mobile {
    display: block !important;
  }
  .ua-mobile form.site-search input.site-search__button,
.ua-mobile form.events-filter input.site-search__button {
    width: 45px;
  }
  .ua-mobile.ua-android .mobile-navigation {
    left: -100%;
    -webkit-transform: none;
            transform: none;
  }
  .ua-mobile.ua-android #page-wrap {
    -webkit-transform: none;
            transform: none;
  }
  .ua-mobile.ua-android .navi-active #page-wrap {
    position: absolute;
    left: 80%;
    -webkit-transform: none;
            transform: none;
  }
  .ua-mobile.ua-android .navi-active .mobile-navigation {
    left: 0;
    height: 100vh;
    -webkit-transform: none;
            transform: none;
  }
  .ua-mobile.ua-android .navi-active .mobile-navigation-overlay {
    left: 80%;
    height: 100vh;
  }
  .ua-mobile body {
    width: 100%;
  }
  .ua-mobile body #page-wrap {
    overflow-x: hidden;
    width: 100%;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .ua-mobile body .mobile-navigation {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  .ua-mobile body.navi-active {
    position: fixed;
    overflow-x: hidden;
    width: 100%;
  }
  .ua-mobile body.navi-active #page-wrap {
    transition: -webkit-transform 0.3s ease-in;
    transition: transform 0.3s ease-in;
    transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
    -webkit-transform: translateX(80%);
            transform: translateX(80%);
  }
  .ua-mobile body.navi-active .mobile-navigation {
    transition: -webkit-transform 0.3s ease-in;
    transition: transform 0.3s ease-in;
    transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .ua-mobile body.navi-active .mobile-navigation-overlay {
    z-index: 9999;
    transition: opacity 0.2s ease-in;
    opacity: 1;
  }
  .ua-mobile #teaser .arrow {
    display: none;
  }
  .ua-mobile #teaser.swiper-container {
    height: auto;
  }
  .ua-mobile .mobile-navigation {
    position: fixed;
    z-index: 100;
    top: 0;
    bottom: 0;
    overflow: hidden;
    width: 80%;
    background: #1a1a1a;
  }
  .ua-mobile .mobile-navigation .menu {
    overflow-y: scroll;
    height: 87vh;
    padding: 80px 0 10px 0;
    -webkit-overflow-scrolling: touch;
  }
  .ua-mobile .mobile-navigation .menu > li {
    position: relative;
    margin-bottom: 1px;
    text-transform: uppercase;
  }
  .ua-mobile .mobile-navigation .menu > li.opened > a {
    background: #95c03b;
  }
  .ua-mobile .mobile-navigation .menu > li:before {
    position: absolute;
    top: 17px;
    left: 10px;
    display: none;
    width: 3px;
    height: 3px;
    content: "";
    border-radius: 100%;
    background: #ffffff;
  }
  .ua-mobile .mobile-navigation .menu > li a {
    display: block;
    width: 100%;
    padding: 10px 20px;
    color: #ffffff;
  }
  .ua-mobile .mobile-navigation .menu .sub-menu {
    display: none;
  }
  .ua-mobile .mobile-navigation .menu .sub-menu li {
    font-size: 14px;
    margin-left: 20px;
    text-transform: none;
  }
  .ua-mobile .mobile-navigation-overlay {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    background: rgba(0, 0, 0, 0.4);
  }
  .ua-mobile .mobile-navi {
    display: block !important;
  }
  .ua-mobile .mobile-navi {
    /*margin-top: -56px;*/
    /*position: fixed;*/
    position: relative;
    z-index: 1000;
    width: 100%;
    height: 56px;
    /*		background: #FFF url(inc/img/logo-mobile-navi.svg) center 15px no-repeat;
    background-size: 157px 30px;*/
    background: #ffffff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
  }
  .ua-mobile .mobile-navi .mobile-navi__burger,
.ua-mobile .mobile-navi .mobile-navi__search {
    position: absolute;
    z-index: 100;
    display: block;
  }
  .ua-mobile .mobile-navi .mobile-navi__burger {
    top: 19px;
    left: 10px;
    width: 25px;
    height: 18px;
    background: url(inc/img/icon-burger.svg) center center no-repeat;
  }
  .ua-mobile .mobile-navi .mobile-navi__search {
    top: 15px;
    right: 10px;
    width: 25px;
    height: 25px;
    background: url(inc/img/icon-loupe.svg) center center no-repeat;
  }
  .ua-mobile .stoerung1,
.ua-mobile .stoerung2,
.ua-mobile .stoerung3,
.ua-mobile .stoerung4 {
    display: none !important;
  }
  .ua-mobile .sidebar_wide {
    display: none !important;
  }
  .ua-mobile body {
    background: #ffffff;
  }
  .ua-mobile .container {
    /*margin-top: 56px;*/
    /*56px = mobil navi height*/
  }
  .ua-mobile #header,
.ua-mobile #main-navigation-container {
    display: none;
  }
  .ua-mobile .background-top,
.ua-mobile .background-gray-top,
.ua-mobile .background-2col-top {
    display: none;
  }
  .ua-mobile .row.content-container.homepage > div:first-of-type {
    padding-left: 0;
  }
  .ua-mobile .row.content-container {
    font-size: 12px !important;
    line-height: 14px !important;
  }
  .ua-mobile .row.content-container .four.columns {
    width: 100%;
  }
  .ua-mobile .row.content-container div {
    margin: 20px 0;
    padding: 0 0;
  }
  .ua-mobile .row.content-container h2 {
    margin: 20px 0;
  }
  .ua-mobile .row.content-container .visual_small {
    display: block;
    /*width: 200px;*/
    /*height: 135px;*/
    margin: 0 auto !important;
  }
  .ua-mobile .row.content-container .visual-container {
    margin-top: 20px;
    /* 		height: 150px; */
  }
  .ua-mobile .row.content-container .visual-container img {
    display: block;
  }
  .ua-mobile .row.content-container ul.sidebar-events {
    width: 100% !important;
  }
  .ua-mobile .row.content-container ul.sidebar-events li a {
    font-size: 12px !important;
  }
  .ua-mobile .row.content-container ul.sidebar-events li a span.sidebar-events__date {
    color: #829E42 !important;
  }
  .ua-mobile section.events {
    padding-left: 0 !important;
  }
  .ua-mobile section.events .termine-month {
    padding: 0;
  }
  .ua-mobile #footer-image {
    height: 260px !important;
  }
  .ua-mobile #footer {
    padding: 20px 0 20px 0 !important;
  }
  .ua-mobile #footer p {
    line-height: 2;
  }
  .ua-mobile #footer .ma_util_right {
    float: left;
  }
  .ua-mobile .ma_util_padding-left {
    padding-left: 0 !important;
  }
  .ua-mobile .blogpost-list {
    padding: 0 0 20px 0;
  }
  .ua-mobile .blogpost-list li {
    margin: 0 0 10px 0 !important;
  }
  .ua-mobile .blogpost-list a:hover,
.ua-mobile .blogpost-list a:link:hover,
.ua-mobile .blogpost-list a:visited:hover {
    text-decoration: underline;
  }
  .ua-mobile .background-bottom {
    width: 100% !important;
    height: 50px !important;
    padding: 0 !important;
    background: #ffffff;
  }
  .ua-mobile #header-tabs,
.ua-mobile section#header-tabs {
    height: 100%;
    padding: 0 0 20px 0 !important;
    background: #F2EFE4;
    background-image: none !important;
  }
  .ua-mobile #content-slider-1 {
    height: auto;
  }
  .ua-mobile #header-tabs-content,
.ua-mobile section#header-tabs #header-tabs-content {
    padding: 0 !important;
  }
  .ua-mobile section#header-tabs .rsNav {
    padding: 0 !important;
  }
  .ua-mobile section#header-tabs .rsNavItem,
.ua-mobile section#header-tabs .rsNavItem:first-of-type {
    display: block;
    margin: 10px auto !important;
  }
  .ua-mobile section#header-tabs #header-tabs-content #header-tabs-content__text h2 {
    font-family: "PT-Sans", Sans-Serif !important;
    font-size: 20px !important;
    font-weight: normal !important;
    line-height: 21px !important;
    margin: 0 0 20px 0 !important;
    text-transform: uppercase !important;
  }
  .ua-mobile section#header-tabs #header-tabs-content #header-tabs-content__image,
.ua-mobile section#header-tabs #header-tabs-content #header-tabs-content__text {
    font-weight: normal !important;
    width: 100% !important;
    height: auto;
    margin: 0 !important;
  }
  .ua-mobile section#header-tabs #header-tabs-content #header-tabs-content__text {
    font-size: 14px;
    line-height: 21px;
    width: 100%;
    /*margin-top: 50px !important;*/
    padding: 20px !important;
    color: #232323;
  }
  .ua-mobile #header-tabs-buttons {
    position: absolute;
    top: 194px;
    overflow: hidden;
    width: 100% !important;
    padding: 0 !important;
    white-space: nowrap;
  }
  .ua-mobile #header-tabs-buttons .tab-button {
    font-family: "PT-Sans", Sans-Serif !important;
    font-weight: normal !important;
    width: 50% !important;
    text-transform: none !important;
    background: #949494 !important;
  }
  .ua-mobile #header-tabs-buttons .tab-button:hover {
    background: #303030 !important;
  }
  .ua-mobile #header-tabs-buttons .tab-button.active {
    display: none !important;
  }
  .ua-mobile .homepage .four.columns h2,
.ua-mobile .homepage .four.columns .ma_util_padding-left h2 {
    font-size: 14px !important;
  }
  .ua-mobile .homepage .ma_util_padding-left h2 {
    font-size: 14px !important;
  }
  .ua-mobile .homepage article {
    margin: -20px auto 0 auto !important;
  }
  .ua-mobile .homepage article h2 {
    font-size: 14px !important;
    margin: 0 !important;
  }
  .ua-mobile #overview-header {
    padding: 0 0 20px 0 !important;
    padding-left: 0 !important;
  }
  .ua-mobile #overview-header h1 {
    margin: 0 !important;
  }
  .ua-mobile #overview-header p {
    font-size: 14px !important;
    line-height: 21px !important;
  }
  .ua-mobile .overview,
.ua-mobile .overview.ma_util_padding-left {
    padding: 0 0 20px 0 !important;
    padding-left: 0 !important;
  }
  .ua-mobile .overview img,
.ua-mobile .overview.ma_util_padding-left img {
    margin: 0 100% 0 0;
  }
  .ua-mobile .overview h2,
.ua-mobile .overview.ma_util_padding-left h2 {
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
  }
  .ua-mobile .overview p,
.ua-mobile .overview.ma_util_padding-left p {
    font-size: 14px !important;
    line-height: 21px !important;
  }
  .ua-mobile .overview article,
.ua-mobile .overview.ma_util_padding-left article {
    font-size: 14px !important;
    line-height: 21px !important;
    margin: 0 0 50px 0;
    padding: 0 !important;
  }
  .ua-mobile .overview article.type-project p, .ua-mobile .overview article.type-campaign p, .ua-mobile .overview article.type-topic p, .ua-mobile .overview article.type-page p,
.ua-mobile .overview.ma_util_padding-left article.type-project p,
.ua-mobile .overview.ma_util_padding-left article.type-campaign p,
.ua-mobile .overview.ma_util_padding-left article.type-topic p,
.ua-mobile .overview.ma_util_padding-left article.type-page p {
    margin-left: 0;
  }
  .ua-mobile .overview article h2,
.ua-mobile .overview.ma_util_padding-left article h2 {
    margin: 10px 0 0 0 !important;
  }
  .ua-mobile .overview article p,
.ua-mobile .overview.ma_util_padding-left article p {
    font-size: 14px !important;
    line-height: 21px !important;
  }
  .ua-mobile #single-header {
    padding: 0 !important;
  }
  .ua-mobile #single-header h1 {
    margin: 0 !important;
  }
  .ua-mobile #single-header p {
    font-size: 14px !important;
    line-height: 21px !important;
  }
  .ua-mobile #single-header .header-image {
    padding: 0 !important;
  }
  .ua-mobile #single-header .header-image h1,
.ua-mobile #single-header .header-image span {
    font-size: 22px !important;
  }
  .ua-mobile #single-container {
    padding-left: 0 !important;
  }
  .ua-mobile #single-container section {
    margin: 0 !important;
    padding: 0 0 0 0 !important;
  }
  .ua-mobile #single-container ul {
    font-size: 14px;
  }
  .ua-mobile #subpage-content {
    padding: 0 0 20px 0 !important;
  }
  .ua-mobile #subpage-content img.size-full {
    display: block;
    float: none;
  }
  .ua-mobile #shop_header h1 {
    margin: 0 !important;
  }
  .ua-mobile #shop_header p {
    font-size: 14px !important;
    line-height: 21px !important;
  }
  .ua-mobile .shop {
    padding: 0 !important;
  }
  .ua-mobile .shop ul.shop-products li {
    width: 100% !important;
    height: auto !important;
    margin: 0 0 20px 0 !important;
    padding: 0 0 20px 0;
    background: transparent !important;
  }
  .ua-mobile .shop ul.shop-products li .button {
    font-size: 12px;
    display: block !important;
    clear: both;
    width: 150px;
    height: 25px;
    margin: -40px auto 0 auto !important;
    padding: 5px 10px;
    color: #ffffff;
    background: #8caa39;
  }
  .ua-mobile .shop ul.shop-products li .product-text {
    width: 100% !important;
    height: 90px !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    background: #F2EFE4;
  }
  .ua-mobile .shop ul.shop-products li .product-text p {
    display: block !important;
  }
  .ua-mobile .shop ul.shop-products li .product-image {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .ua-mobile .shop ul.shop-products li .product-image img {
    width: 100%;
    height: auto;
  }
  .ua-mobile .row.content-container .gform_wrapper,
.ua-mobile .row.content-container .gform_body {
    padding: 0;
  }
  .ua-mobile .row.content-container .gform_wrapper .left_label .gfield_label {
    width: 100%;
  }
  .ua-mobile .row.content-container .gform_wrapper .ginput_container {
    margin: 0 !important;
    padding: 0 !important;
  }
  .ua-mobile .row.content-container .ginput_container .ginput_quantity_label {
    margin-left: 20px !important;
  }
  .ua-mobile .row.content-container .gform_wrapper .gfield .gfield_label {
    margin-bottom: 10px !important;
  }
  .ua-mobile .gform_wrapper .left_label .gfield_description {
    width: 100% !important;
    margin-left: 0 !important;
  }
  .ua-mobile .ginput_complex.ginput_container,
.ua-mobile .gform_wrapper .left_label input.large {
    width: 100% !important;
  }
  .ua-mobile .gform_wrapper .gform_footer.left_label {
    margin-left: 0 !important;
  }
  .ua-mobile .name_first input {
    width: 100% !important;
  }
  .ua-mobile .gform_wrapper .left_label select.large,
.ua-mobile .gform_footer.left_label,
.ua-mobile .gform_footer.left_label .gform_button {
    width: 100% !important;
  }
  .ua-mobile .termin.bundesverband-termine {
    width: calc(100% + 20px) !important;
  }
  .ua-mobile #events_header {
    width: calc(100% + 20px) !important;
    height: auto !important;
    margin: -40px 0 20px -10px !important;
    padding: 20px 10px !important;
    background: #F2EFE4 !important;
  }
  .ua-mobile #events_header p {
    display: block;
    float: left;
    margin: 0 0 20px 0 !important;
  }
  .ua-mobile #events_header .dropdown_bundesland {
    margin: 10px 0 10px 0 !important;
  }
  .ua-mobile #events_header .events-checkboxes {
    margin: 0 0 0 -10px !important;
  }
  .ua-mobile #events_header .events-checkboxes div {
    margin: 0 !important;
    padding: 0 !important;
  }
  .ua-mobile #events_header .tabs {
    position: relative !important;
    margin: 30px 0 -20px 0 !important;
  }
  .ua-mobile .events-list li .termin-content {
    width: 100%;
  }
  .ua-mobile .events-list li p {
    font-size: 14px !important;
    line-height: 21px !important;
  }
  .ua-mobile .news-section.ma_util_padding-left,
.ua-mobile .news-section.ma_util_padding-right {
    padding: 0 10px !important;
  }
  .ua-mobile .ma_util_padding-left,
.ua-mobile .ma_util_padding-right {
    padding: 0 !important;
  }
  .ua-mobile .news-section h1 {
    margin: 0 0 30px 0 !important;
  }
  .ua-mobile .news-section img {
    top: 0;
    left: 0;
    margin: 0 100% 10px 0 !important;
  }
  .ua-mobile .news-section a > .caption {
    margin-bottom: 0 !important;
    padding: 10px 5px !important;
    opacity: 0.8 !important;
  }
  .ua-mobile .news-section a > .caption div {
    margin: 0 !important;
  }
  .ua-mobile .news-section h2 {
    font-size: 14px !important;
    line-height: 21px !important;
    margin: 10px 0 0 0 !important;
  }
  .ua-mobile .news-section p {
    font-size: 14px !important;
    line-height: 21px !important;
  }
  .ua-mobile .news-section .facebook li {
    height: auto !important;
  }
  .ua-mobile .news-section .avatar-container {
    margin: 10px 0 !important;
    padding: 0 !important;
  }
  .ua-mobile div.wpcf7 {
    padding: 0 !important;
  }
  .ua-mobile .wpcf7-form .column {
    float: none;
    width: 100%;
    padding: 0 !important;
  }
  .ua-mobile .wpcf7-form .column span,
.ua-mobile .wpcf7-form .column input,
.ua-mobile .wpcf7-form .column textarea {
    width: 100%;
  }
}

/*# sourceMappingURL=style.css.map */