/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name: www.theaterwerkstatt-heidelberg.de
Author: ratzinger-internetlösungen

Stylesheet: Main Stylesheet

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

/* @group 1. RESET
	normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css
*/
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * 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.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

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

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

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

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

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

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

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

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

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

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p {
  /* -webkit-hyphens: none;
  -epub-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;  */}

/*
 * Addresses margins set differently in IE6/7.
 */
pre {
  margin: 0; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,
q:after {
  content: '';
  content: none; }

small, .small {
  font-size: 75%; }

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

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0; }

/*
 * Addresses paddings set differently in IE6/7.
 */
menu {
  padding: 0 0 0 40px; }

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

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

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

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * 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.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

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

/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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; }

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

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

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

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

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.clearfix, .cf, .comment-respond {
  zoom: 1; }
  .clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after {
    content: "";
    display: table; }
  .clearfix:after, .cf:after, .comment-respond:after {
    clear: both; }

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic; }

p {
  /* -ms-word-break: break-all;
  -ms-word-wrap: break-all;
  word-break: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig"; */ }

.last-col {
  float: right;
  padding-right: 0 !important; }
/* @end */

/* @group 2. Mobile Grid Styles
	These are the widths for the mobile grid. There are four types, but you can add or customize them however you see fit.
*/

@media (max-width: 767px) {
  .m-none { display: none; height: 0; }
  .m-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0; }

  .m-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%; }

  .m-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%; }

  .m-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%; }

  .m-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%; }

  .m-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%; } }
/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 1029px) {
  .t-none { display: none; height: 0; }
  .t-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0; }

  .t-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%; }

  .t-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%; }

  .t-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%; }

  .t-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%; }

  .t-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%; }

  .t-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%; }

  .t-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%; }

  .t-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%; }

  .t-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%; } }
/* Landscape to small desktop */
@media (min-width: 1030px) {
  .d-none { display: none; height: 0; }
  .d-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0; }

  .d-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%; }

  .d-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%; }

  .d-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%; }

  .d-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%; }

  .d-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%; }

  .d-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%; }

  .d-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%; }

  .d-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%; }

  .d-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%; }

  .d-1of6 {
    float: left;
    padding-right: 0.75em;
    width: 16.6666666667%; }

  .d-1of7 {
    float: left;
    padding-right: 0.75em;
    width: 14.2857142857%; }

  .d-2of7 {
    float: left;
    padding-right: 0.75em;
    width: 28.5714286%; }

  .d-3of7 {
    float: left;
    padding-right: 0.75em;
    width: 42.8571429%; }

  .d-4of7 {
    float: left;
    padding-right: 0.75em;
    width: 57.1428572%; }

  .d-5of7 {
    float: left;
    padding-right: 0.75em;
    width: 71.4285715%; }

  .d-6of7 {
    float: left;
    padding-right: 0.75em;
    width: 85.7142857%; }

  .d-1of8 {
    float: left;
    padding-right: 0.75em;
    width: 12.5%; }

  .d-1of9 {
    float: left;
    padding-right: 0.75em;
    width: 11.1111111111%; }

  .d-1of10 {
    float: left;
    padding-right: 0.75em;
    width: 10%; }

  .d-1of11 {
    float: left;
    padding-right: 0.75em;
    width: 9.09090909091%; }

  .d-1of12 {
    float: left;
    padding-right: 0.75em;
    width: 8.33%; }
}

/* @end */

/* @group 3. Alert Styles */

div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok,
.alert-help, .alert-info, .alert-error, .alert-success { margin: 10px; padding: 5px 18px; border: 1px solid; }

.alert-help { border-color: #e8dc59; background: #ebe16f; }

.alert-info { border-color: #bfe4f4; background: #d5edf8; }

div.wpcf7-validation-errors,
.alert-error { border-color: #f8cdce; background: #fbe3e4; }

div.wpcf7-mail-sent-ok,
.alert-success { border-color: #deeaae; background: #e6efc2; }

input[type="text"].wpcf7-not-valid,
input[type="tel"].wpcf7-not-valid,
input[type="email"].wpcf7-not-valid,
input.wpcf7-not-valid { border-color: #f8cdce; background: #fbe3e4; margin-bottom: 0; }

span.wpcf7-not-valid-tip { margin-bottom: 14px; }

/* @end */

/* @group 4. Button Styles */

/* BUTTON DEFAULT
*********************/
.standard-btn,
.comment-reply-link,
#submit,
input[type="submit"] {
	background-color: rgb(92,102,112);
	display: inline-block;
	position: relative;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff !important;
	font-size: 1.1em;
	height: 32px;
	line-height: 32px;
	font-weight: normal;
	padding: 0 24px;
	border-radius: 6px;
	border: 0;
	cursor: pointer;
	-webkit-transition: background-color 0.14s ease-in-out;
	transition: background-color 0.14s ease-in-out; }

 {
	background-color: rgb(255,72,0);
	display: inline-block;
	position: relative;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	font-size: 1.1em;
	height: 32px;
	line-height: 32px;
	font-weight: normal;
	padding: 0 24px;
	border-radius: 6px;
	border: 0;
	cursor: pointer;
	-webkit-transition: background-color 0.14s ease-in-out;
	transition: background-color 0.14s ease-in-out; }

.standard-btn:hover,
.comment-reply-link:hover,
#submit:hover,
input[type="submit"]:hover,
.standard-btn:focus,
.comment-reply-link:focus,
#submit:focus,
input[type="submit"]:focus { color: white; background-color: #000; text-decoration: none; }

.standard-btn:active,
.comment-reply-link:active,
#submit:active,
input[type="submit"]:active { top: 1px; }

/* @end */

/* @group 5. Form Styles
	We put all the form and button styles in here to setup a consistent look.
*/
/* INPUTS
*********************/
select::-ms-expand {
	display: none;
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
  display: block;
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  margin-bottom: 10px;
  font-size: 1em;
  color: rgb(92,102,112);
  border-radius: 0px;
  vertical-align: middle;
  box-shadow: none;
  border: 1px solid #5c6670;
  width: 100%;
  max-width: 600px;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  background-color: #fff;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out; }
  input[type="text"]:focus, input[type="text"]:active,
  input[type="password"]:focus,
  input[type="password"]:active,
  input[type="datetime"]:focus,
  input[type="datetime"]:active,
  input[type="datetime-local"]:focus,
  input[type="datetime-local"]:active,
  input[type="date"]:focus,
  input[type="date"]:active,
  input[type="month"]:focus,
  input[type="month"]:active,
  input[type="time"]:focus,
  input[type="time"]:active,
  input[type="week"]:focus,
  input[type="week"]:active,
  input[type="number"]:focus,
  input[type="number"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  input[type="url"]:focus,
  input[type="url"]:active,
  input[type="search"]:focus,
  input[type="search"]:active,
  input[type="tel"]:focus,
  input[type="tel"]:active,
  input[type="color"]:focus,
  input[type="color"]:active,
  select:focus,
  select:active,
  textarea:focus,
  textarea:active,
  .field:focus,
  .field:active {
    background-color: rgba(92,102,112, .1); }
  input[type="text"].error, input[type="text"].is-invalid,
  input[type="password"].error,
  input[type="password"].is-invalid,
  input[type="datetime"].error,
  input[type="datetime"].is-invalid,
  input[type="datetime-local"].error,
  input[type="datetime-local"].is-invalid,
  input[type="date"].error,
  input[type="date"].is-invalid,
  input[type="month"].error,
  input[type="month"].is-invalid,
  input[type="time"].error,
  input[type="time"].is-invalid,
  input[type="week"].error,
  input[type="week"].is-invalid,
  input[type="number"].error,
  input[type="number"].is-invalid,
  input[type="email"].error,
  input[type="email"].is-invalid,
  input[type="url"].error,
  input[type="url"].is-invalid,
  input[type="search"].error,
  input[type="search"].is-invalid,
  input[type="tel"].error,
  input[type="tel"].is-invalid,
  input[type="color"].error,
  input[type="color"].is-invalid,
  select.error,
  select.is-invalid,
  textarea.error,
  textarea.is-invalid,
  .field.error,
  .field.is-invalid {
    color: #fbe3e4;
    border-color: #fbe3e4;
    background-color: white;
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
    outline-color: #fbe3e4; }
  input[type="text"].success, input[type="text"].is-valid,
  input[type="password"].success,
  input[type="password"].is-valid,
  input[type="datetime"].success,
  input[type="datetime"].is-valid,
  input[type="datetime-local"].success,
  input[type="datetime-local"].is-valid,
  input[type="date"].success,
  input[type="date"].is-valid,
  input[type="month"].success,
  input[type="month"].is-valid,
  input[type="time"].success,
  input[type="time"].is-valid,
  input[type="week"].success,
  input[type="week"].is-valid,
  input[type="number"].success,
  input[type="number"].is-valid,
  input[type="email"].success,
  input[type="email"].is-valid,
  input[type="url"].success,
  input[type="url"].is-valid,
  input[type="search"].success,
  input[type="search"].is-valid,
  input[type="tel"].success,
  input[type="tel"].is-valid,
  input[type="color"].success,
  input[type="color"].is-valid,
  select.success,
  select.is-valid,
  textarea.success,
  textarea.is-valid,
  .field.success,
  .field.is-valid {
    color: #e6efc2;
    border-color: #e6efc2;
    background-color: white;
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
    outline-color: #e6efc2; }
  input[type="text"][disabled], input[type="text"].is-disabled,
  input[type="password"][disabled],
  input[type="password"].is-disabled,
  input[type="datetime"][disabled],
  input[type="datetime"].is-disabled,
  input[type="datetime-local"][disabled],
  input[type="datetime-local"].is-disabled,
  input[type="date"][disabled],
  input[type="date"].is-disabled,
  input[type="month"][disabled],
  input[type="month"].is-disabled,
  input[type="time"][disabled],
  input[type="time"].is-disabled,
  input[type="week"][disabled],
  input[type="week"].is-disabled,
  input[type="number"][disabled],
  input[type="number"].is-disabled,
  input[type="email"][disabled],
  input[type="email"].is-disabled,
  input[type="url"][disabled],
  input[type="url"].is-disabled,
  input[type="search"][disabled],
  input[type="search"].is-disabled,
  input[type="tel"][disabled],
  input[type="tel"].is-disabled,
  input[type="color"][disabled],
  input[type="color"].is-disabled,
  select[disabled],
  select.is-disabled,
  textarea[disabled],
  textarea.is-disabled,
  .field[disabled],
  .field.is-disabled {
    cursor: not-allowed;
    border-color: #cfcfcf;
    opacity: 0.6; }
    input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active,
    input[type="password"][disabled]:focus,
    input[type="password"][disabled]:active,
    input[type="password"].is-disabled:focus,
    input[type="password"].is-disabled:active,
    input[type="datetime"][disabled]:focus,
    input[type="datetime"][disabled]:active,
    input[type="datetime"].is-disabled:focus,
    input[type="datetime"].is-disabled:active,
    input[type="datetime-local"][disabled]:focus,
    input[type="datetime-local"][disabled]:active,
    input[type="datetime-local"].is-disabled:focus,
    input[type="datetime-local"].is-disabled:active,
    input[type="date"][disabled]:focus,
    input[type="date"][disabled]:active,
    input[type="date"].is-disabled:focus,
    input[type="date"].is-disabled:active,
    input[type="month"][disabled]:focus,
    input[type="month"][disabled]:active,
    input[type="month"].is-disabled:focus,
    input[type="month"].is-disabled:active,
    input[type="time"][disabled]:focus,
    input[type="time"][disabled]:active,
    input[type="time"].is-disabled:focus,
    input[type="time"].is-disabled:active,
    input[type="week"][disabled]:focus,
    input[type="week"][disabled]:active,
    input[type="week"].is-disabled:focus,
    input[type="week"].is-disabled:active,
    input[type="number"][disabled]:focus,
    input[type="number"][disabled]:active,
    input[type="number"].is-disabled:focus,
    input[type="number"].is-disabled:active,
    input[type="email"][disabled]:focus,
    input[type="email"][disabled]:active,
    input[type="email"].is-disabled:focus,
    input[type="email"].is-disabled:active,
    input[type="url"][disabled]:focus,
    input[type="url"][disabled]:active,
    input[type="url"].is-disabled:focus,
    input[type="url"].is-disabled:active,
    input[type="search"][disabled]:focus,
    input[type="search"][disabled]:active,
    input[type="search"].is-disabled:focus,
    input[type="search"].is-disabled:active,
    input[type="tel"][disabled]:focus,
    input[type="tel"][disabled]:active,
    input[type="tel"].is-disabled:focus,
    input[type="tel"].is-disabled:active,
    input[type="color"][disabled]:focus,
    input[type="color"][disabled]:active,
    input[type="color"].is-disabled:focus,
    input[type="color"].is-disabled:active,
    select[disabled]:focus,
    select[disabled]:active,
    select.is-disabled:focus,
    select.is-disabled:active,
    textarea[disabled]:focus,
    textarea[disabled]:active,
    textarea.is-disabled:focus,
    textarea.is-disabled:active,
    .field[disabled]:focus,
    .field[disabled]:active,
    .field.is-disabled:focus,
    .field.is-disabled:active {
      background-color: #d5edf8; }

input[type="password"] {
  letter-spacing: 0.3em; }

textarea {
  min-height: 120px;
  line-height: 1.5em; }

select {
  -webkit-appearance: none;
  /* 1 */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 97.5% center; }
  
.formular-hint { font-size: 12px; }
span.wpcf7-list-item { margin: 0; }
span.wpcf7-list-item-label { display: inline-block; padding-left: 15px; }  
/* @end */

/* @group 6. Site Styles */

html.js { margin-top: 0 !important; }
#wpadminbar { display: none !important; }

/* @group 6.1. BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. */
	
/* GENERAL STYLES
*********************/
body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 95.5%;
	line-height: 1.5;
	color: rgb(99,91,82);
	background: #fff none;
}
#container { background-color: #fff; }

/* LAYOUT & GRID STYLES
*********************/
.wrap { width: 100%; margin: 0 auto; position: relative; }

/* LINK STYLES
*********************/
a, a:visited { color: #000; cursor: pointer; }
a:hover, a:focus, a:visited:hover, a:visited:focus { color: #000; text-decoration: none; }
a:link, a:visited:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }
a.no-line { text-decoration: none; }

/* H1, H2, H3, H4, H5 STYLES
*********************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { text-rendering: optimizelegibility; font-weight: 500; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }

h1, .h1 { font-size: 1.750em; line-height: 1em; font-weight: bold; margin: 0 0 0.500em; }
h2, .h2 { font-size: 1.750em; line-height: 1em; font-weight: normal; margin: 0.750em 0 0.571em; }
h3, .h3 { font-size: 1.250em; }
h4, .h4 { font-size: 1.1em; font-weight: 700; }
h5, .h5 { font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; }

.page-header h1, .category-header h1, h3.comment-reply-title, .footer-category--cat-title h3 { position: relative; z-index: 9; color: rgb(92,102,112); padding: 60px 0 0 15px; margin:0; font-weight: lighter; font-size: 26px; line-height: 32px; }
.article-header h1 { margin: 0; padding: 0; font-weight: lighter; font-size: 20px; line-height: 23px; }
.footer--cat-title h1 { font-size: 24px; line-height: 28px; }
.article-header.filter-head h1 { font-size: 16px; }
.article-header h1 span { font-weight: bold; }
.footer-category--cat-title h3 { font-size: 24px; line-height: 26px; padding: 0 70px 0 35px; }

/* HEADER STYLES
*********************/
#header { position: relative; z-index: 3; width: 100%; height: 160px; }
#header.small-header { height: 170px; }

/*** Logo ***/ 
#logo { position: absolute; top: 20px; left: 10px; width: 300px; z-index: 4; }
.small-header #logo { top: 12px; }
#logo a { display: block; width: 360px; }
.home #logo, .home #logo a, .home #logo img, #logo img { width: 300px; height: auto; }
.home #logo { left: 10px; }

/*** Search ***/
#search { position: absolute; right: 20px; top: 5px; z-index: 10; margin: 0; }
input[type="search"].header-search--field { width: 190px; background: #fff !important; }
dd { display: none; }
dt { text-align: right; }
#search a.closed, #search a.open { color: rgb(92,102,112); text-decoration: none; font-size: 22px; }
#search .closed::before, #search .open::before { font-family: FontAwesome; content: "\f002"; }

/*** Banner ***/
#banner { position: absolute; top: 0; width: 100%; height: 160px; overflow: hidden; }
.small-header #banner { height: 124px; }
.banner-brace { display: none; }
.home .banner-brace { height: 120px; top: 12px; }
.banner-overlay { position: absolute; width: 100%; height: 100%; z-index: 2; }
.banner-image { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; }
.banner-image img { height: auto; width: 100%; }
#banner .flex-control-nav { bottom: 30px; z-index: 9; }

/* NAVIGATION STYLES
*********************/
#menu-open { position: absolute; top: 160px; left: 0; height: 45px; width: 100%; background-color: rgb(92,102,112); padding: 0 1.25em; z-index: 2; }
.small-header #menu-open { top: 124px; }
.menu-open--inner { width: 135px; margin: 0 auto; position: relative; }
#menu-mobil #menu-mobile-menue { display: none; }

/*** Hamburger Menu ***/
.hamburger-text { display: block; position: absolute; top: 8px; left: 65px; color: #fff !important; text-decoration: none; font-size: 1.5em; text-transform: uppercase; }
a.hamburger-text:hover { color: #fff; }
#hamburger { box-sizing: border-box; display: block; width: 70px; height: 45px; position: relative; z-index: 4; }
#hamburger:before, #hamburger:after, #hamburger span { background: #fff; content: ''; display: block; width: 30px; height: 5px; position: absolute; left: 20px; }
#hamburger:before { top: 10px; }
#hamburger span { top: 20px; }
#hamburger:after { top: 30px; }
/* Hamburger animation */
#hamburger:before, #hamburger:after, #hamburger span { -webkit-transition: none 0.5s ease 0.5s; transition: none 0.5s ease 0.5s; -webkit-transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity; }
html.mm-opening #hamburger { left: -59px; }
html.mm-opening #hamburger:before, html.mm-opening #hamburger:after { top: 20px; }
html.mm-opening #hamburger span { left: -50px; opacity: 0; }
html.mm-opening #hamburger:before { transform: rotate( 45deg ); }
html.mm-opening #hamburger:after { transform: rotate( -45deg ); }

/*** PAGE NAVI ***/
.pagination, .wp-prev-next { margin: 1.5em 0; }
.pagination { text-align: center; }
.pagination ul { display: inline-block; background-color: #fff; white-space: nowrap; padding: 0; clear: both; border-radius: 3px; }
  .pagination li { padding: 0; margin: 0; float: left; display: inline; overflow: hidden; border-right: 1px solid rgba(92,102,112, .15); }
.pagination a, .pagination span { margin: 0; text-decoration: none; padding: 0; line-height: 1em; font-size: 1em; font-weight: normal; padding: 0.75em; min-width: 1em; display: block; color: rgb(92,102,112); }
.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus { background-color: rgb(92,102,112); color: #fff !important; }
.pagination .current { cursor: default; color: rgb(92,102,112); font-weight: bold; }
.pagination .current:hover, .pagination .current:focus { background-color: #fff; color: rgb(92,102,112); }
/* fallback previous & next links */
.wp-prev-next .prev-link { float: left; }
.wp-prev-next .next-link { float: right; }

/* POSTS & CONTENT STYLES
*********************/
#content { position: relative; z-index: 2; margin:0; padding: 0; }
#main { width: 100%; position: relative; min-height: 1px; float: left; }
.article-header { margin: 30px 0 0; padding: 10px; border-bottom: 2px dashed rgb(92,102,112); border-top: 2px dashed rgb(92,102,112); }

/*** Entry Content ***/
.entry-content, .comment-form { position: relative; width: 100%; margin:0; padding: 24px 10px 10px 10px; }
.entry-content p { margin: 0 0 20px; }
.entry-content table { width: 100%; border: 1px solid #eaedf2; margin-bottom: 1.5em; }
.entry-content table caption { margin: 0 0 7px; font-size: 0.75em; color: #9fa6b4; text-transform: uppercase; letter-spacing: 1px; }
.entry-content tr { border-bottom: 1px solid #eaedf2; }
.entry-content tr:nth-child(even) { background-color: #f8f9fa; }
.entry-content td { padding: 7px; border-right: 1px solid #eaedf2; }
.entry-content td:last-child { border-right: 0; }
.entry-content th { background-color: #f8f9fa; border-bottom: 1px solid #eaedf2; border-right: 1px solid #eaedf2; }
.entry-content th:last-child { border-right: 0; }
.entry-content img { max-width: 100%; max-height: auto; }
.entry-content .size-large, .entry-content .size-full, .article-pic img { width: 50%; height: auto; }
.entry-content .wp-caption { width: 100% !important; }
.entry-content .wp-caption-text { font-size: 11px; font-weight: bold; text-transform: uppercase; }
.entry-content img.alignright {float:right; margin:0 0 1em 1em}
.entry-content img.alignleft {float:left; margin:0 1em 1em 0}
.entry-content img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.entry-content a img.alignright {float:right; margin:0 0 1em 1em}
.entry-content a img.alignleft {float:left; margin:0 1em 1em 0}
.entry-content a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/*** Category Content ***/
.category-content { position: relative; width: 100%; margin:0; padding: 10px 0px 10px 15px; }
.category-content .d-1of3 { padding-right: 15px; }
/* Post Items */
.post-item { position: relative; margin: 0 0 55px 0; padding: 0; list-style: none; }
.post-item a { text-decoration: none; }
.post-item--thumbnail { height: 190px; overflow: hidden; }
.post-item--thumbnail img { width: 100%; height: auto; min-height: 100%; }
.post-item--brace { position: absolute; left: 0; top: 0; width: 35px; height: 190px; background: transparent no-repeat left center; z-index: 4; }
.post-item--title { display: block; text-decoration: none; font-size: 25px; line-height: 1.1; padding: 5px 0; height: 89px; overflow: hidden; width: 100%; }
.post-item--content { overflow: hidden; font-size: 14px; margin: 0; padding: 0; height: 60px; }
.post-item--content p { margin: 0; padding: 0; }
.post-item--content-txt { overflow: hidden; height: 125px; margin-bottom: 20px; }
.info-highlight, .info-normal { font-size: 11px; font-weight: bold; text-transform: uppercase; }
.post-item--expand-icon { position: absolute; bottom: -30px; height: 26px; line-height: 26px; cursor: pointer; }
.post-item--expand-icon i { display: block; float: left; font-size: 36px; line-height: 26px; }
.post-item--read-more { display: none; float: left; padding-left: 30px; font-size: 12px; color: rgb(92,102,112); text-transform: uppercase; }
.post-item--read-more.show-entry { display: block; }
/* Load More Article */
#loadmore {   }
#loadmore h3 { margin: 0; font-size: 24px; line-height: 26px; color: rgb(92,102,112); cursor: pointer; font-weight: lighter; }

/*** Hook Content ***/
.hook .entry-content { background-color: #fff !important; padding: 0; margin: 0; }
.hook-content { width: auto; padding: 10px 0; margin: 20px 15px 20px 15px; border-bottom: 2px dashed rgb(92,102,112); border-top: 2px dashed rgb(92,102,112); }
.sticky .hook-content { width: auto; padding: 10px 0; margin: 0 15px 5px 15px; border-top: 0px; }
.hook .entry-content a { display: inline-block; white-space: nowrap; color: rgba(92,102,112, .4); text-decoration: none; font-size: 18px; border-right: 1px solid rgba(92,102,112, .4); margin-right: 5px; padding-right: 10px; }
.hook .entry-content a:hover, .hook .entry-content a.active { color: rgba(92,102,112, 1); }
.hook-point { height: 180px; margin-top: -160px; }
 { color: rgba(92,102,112, 1); }
/* Filter */
.hook-content.filter-content { padding: 10px 0; }
.filter-head { border: 0 none; padding: 0 10px; }
.searchandfilter h4 { width: 20%; float: left; font-weight: lighter; text-transform: uppercase; font-size: 11px; padding: 10px 0 10px 10px; }
.searchandfilter > ul > li { padding: 0 0 10px; }
.searchandfilter > ul > li:last-child { padding: 0; }
.searchandfilter > ul > li::after, .searchandfilter > ul > li > ul::after  { display: table; content: ' '; clear: both; }
.searchandfilter > ul > li > ul { float: left; width: 80%; border-bottom: 2px dashed rgb(92,102,112); padding-bottom: 10px; }
.searchandfilter > ul > li.sf-field-category > ul { width: 100%; padding-left: 5px; }
.searchandfilter > ul > li > ul.sf_date_field { border: 0 none; padding-bottom: 0; }
.searchandfilter select, .searchandfilter input { margin: 0; }
.searchandfilter ul li.sf-field-tag li, .searchandfilter ul li.sf-field-category li { float: left; padding-right: 20px; }
.searchandfilter ul li.sf-field-post-meta-date_from li { float: left; padding-right: 20px; }
.searchandfilter .sf_date_field li { padding: 0; }
.searchandfilter select.sf-input-select { max-width: 240px; }
.searchandfilter .sf-field-submit { text-align: right; }
.searchandfilter .sf-date-prefix { float: left; line-height: 33px; min-width: 40px; }

/*** OWL Gallery ***/
.owl-controls { position: absolute; top: 42%; width: 91.4%; margin: 0 auto; }
.owl-prev, .owl-next { color: rgba(255, 255, 255, .0); font-size: 50px; float: left; width: 50%; }
.owl-next { text-align: right; }
.owl-prev::before, .owl-next::before { font-family: FontAwesome; color: rgba(255, 255, 255, .75); position: relative; }
.owl-prev::before { content: "\f137"; left: 40px; }
.owl-next::before { content: "\f138"; right: -54px; }
.owl-prev:hover::before, .owl-next:hover::before { color: rgba(255, 255, 255, 1); }
.gallery .entry-content { background: #fff !important; }
.gallery .gallery-carousel img { height: 285px; width: auto; }

/*** Ultimate Member ***/
.um-meta-text { font-size: 20px; }

/*** Eventcalendar ***/
.va-content { position: relative; width: 100%; margin:0; padding: 10px 0px 10px 15px; }
/* Post Items */
.article-header.filter-head.va-head h1 { float: left; }
.article-header.filter-head.va-head a { float: right; font-size: 16px; }
.va-post-item { position: relative; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 2px dashed; }
.va-post-item a { text-decoration: none; }
.va-post-item--date { width: 100%; float: left; display: inline-block; }
.va-post-item--date .va-date--dayT, .va-post-item--date .va-date--month { color: #000; font-weight: bold; font-size: 18px; }
.va-post-item--date .va-date--dayN { color: #000; font-weight: bold; font-size: 28px; }
.va-post-item--date .va-date--year { color: #000; font-weight: bold; font-size: 18px; }
.va-post-item--date .va-date--to { display: block; padding: 5px 0 0; }
.va-post-item--date .va-date--time { display: block; padding: 5px 0 0; color: rgb(255,72,0); font-weight: bold; font-size: 14px; }
.va-post-item--thumbnail { position: relative; width: 98%; margin: 0 1%; float: left; display: inline-block; overflow: hidden; }
.va-post-item--thumbnail img { width: 240px; height: 160px; }
.va-post-item--brace { position: absolute; left: 0; top: 0; width: 35px; height: 190px; background: transparent no-repeat left center; z-index: 4; }
.va-post-item--content { position: relative; float: left; display: inline-block; width: 98%; font-size: 14px; margin: 0; padding: 0; }
.va-post-item--title { display: block; text-decoration: none; font-size: 25px; line-height: 1.1; padding: 0 0 5px 0; overflow: hidden; }
.va-post-item--content p { margin: 0; padding: 0; }
.va-post-item--content-txt { overflow: hidden; height: 65px; margin-bottom: 20px; }

/*** Gallery Content ***/
.gallery { margin: 0; }
.gallery-item { display: inline-block; width: 100%; max-width: 33.33%; padding: 0 7px 0; margin: 0 0 15px; text-align: center; vertical-align: top; }
.gallery-columns-1 .gallery-item { max-width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }
.gallery-icon { height: 240px; overflow: hidden; }
.gallery-icon img { margin: 0 auto; height: auto; min-height: 100%; width: auto !important; }
.gallery-caption { color: rgba(92,102,112, .6); display: block; font-size: 13px; font-style: italic; line-height: 1.6; padding-top: 5px; }
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption { display: none; }

/*** Post Content ***/
.entry-content--short { font-size: 12px; font-weight: bold; }
/* Post Navigation */
.post-navigation { border-bottom: 2px solid rgb(92,102,112); border-top: 2px solid rgb(92,102,112); margin-top: 30px; }
.post-navigation .entry-content { background: #fff !important; padding: 10px 70px 10px 35px; }
#content .post-navigation .entry-content a { color: rgba(92,102,112, .4); text-decoration: none; text-transform: uppercase; font-size: 16px; font-weight: bold; }
.post-navigation .prev-posts, .post-navigation .next-posts { width: 50%; float: left; }
.post-navigation .next-posts { text-align: right; }

/** Download **/
#content .list--pdf a { color: #000 !important; text-decoration: none; }

/** Landkarte **/
.wpsl-street, .wpsl-direction-wrap { display: none; }


/* FOOTER STYLES
*********************/
#footer { position: relative; z-index: 1; clear: both; width: 100%; padding-top: 60px; }
body.category #footer { padding-top: 0; }
.footer--trennung { background-color: #fff; border-bottom: 2px solid rgb(92,102,112); border-top: 2px solid rgb(92,102,112); padding-left: 35px; font-size: 12px; text-transform: uppercase; color: rgb(92,102,112); line-height: 32px; }

/*** Footer Cat ***/
.footer--cat-title { border-top: 0 none; border-bottom: 2px solid rgb(92,102,112); }
/*.footer-category--cat-title h3 { font-size: 18px; line-height: 1; margin: 0; padding: 0 70px 0 35px; color: rgba(92,102,112, .4); font-weight: bold; text-transform: uppercase; }*/
.footer--cat-content { padding: 30px 0px 0 15px; }
.footer--cat-content .d-1of3 { padding-right: 15px; }
.footer--cat-menu { border-bottom: 0 none; }
.footer--cat-menu span { color: rgba(92,102,112, .6); }

/*** Footer Menu ***/
.footer--menu ul.menu { position: relative; min-height: 28px; line-height: 28px; margin: 0; }
.footer--menu ul.menu li { float: right; }
.footer--menu ul.menu li a { color: rgba(92,102,112, .6); text-decoration: none; padding: 0 10px; }
.footer--menu ul.menu li a:hover, .footer--menu ul.menu li:hover a { color: rgb(92,102,112); }

/*** Sitemap ***/
.footer--sitemap, .footer--trennung.sitemap { display: none; }

/* Mixed
*********************/
.clear { clear: both; }
.right { text-align: right; }
.sticky { position: fixed; top: 46px; width: 100%; z-index: 5000; border-top: 0; }
#menu-open.stickyMobile { position: fixed; top: 0; width: 100%; z-index: 5000; }

.entry-content ul, .entry-content ol { margin-left: 35px; margin-top: 0; }
.entry-content ul { list-style: disc; }
.entry-content ol.list--pdf li { list-style: decimal-leading-zero; position: relative;  }
.entry-content ul.list--pdf li { list-style: none; position: relative;  }
.entry-content ul.list--pdf li::before { display: block; content: "\f1c1"; font-family: FontAwesome; position: absolute; left: -20px; color: rgb(92,102,112); }

hr { color: rgb(92,102,112); background-color: transparent; border-color: rgb(92,102,112); border: 1px dashed; height: 0px; margin: 8px 0; }
.footer-category--cat-title hr { border: 1px solid; }

/* Back2Top Menu */
#back-top { display: none; position: fixed; z-index: 999; bottom: 80px; right: 50px; width: 50px; height: 50px; line-height: 45px; text-align: center; font-size: 1.850em; background-color: #f7f8f8; color: #5c6670; -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.4); box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.4); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
/* BG Fix for mmenu */
.wpmm-force-bg { background-color: transparent !important; }


/* PAGE Colouring
	color1 (akademie)
		dark blue rgb(0,204,205)
		light blue rgba(0,204,205, .6)
	color2 (theater)
		dark red rgb(255,72,0)
		light red rgba(255,72,0, .6)
	color3 (wir)
		dark grey rgb(92,102,112)
		light grey rgba(92,102,112, .6)
*********************/
/** Color 1 (Akademie) **/
/* Mixed */
a.link-color1, #content.color1 a { color: rgb(0,204,205); }
hr.color1, #content.color1 hr { color: rgb(0,204,205); border-color: rgb(0,204,205); }
span.color1 { color: rgb(0,204,205); }
#content.color1 .info-highlight { color: rgb(0,204,205); }
#content.color1 .entry-content ul.list--pdf li::before { color: rgb(0,204,205); }

#content.color1 input[type="text"],
#content.color1 input[type="password"],
#content.color1 input[type="datetime"],
#content.color1 input[type="datetime-local"],
#content.color1 input[type="date"],
#content.color1 input[type="month"],
#content.color1 input[type="time"],
#content.color1 input[type="week"],
#content.color1 input[type="number"],
#content.color1 input[type="email"],
#content.color1 input[type="url"],
#content.color1 input[type="search"],
#content.color1 input[type="tel"],
#content.color1 input[type="color"],
#content.color1 select,
#content.color1 textarea,
#content.color1 .field { background-color: rgba(0,204,205, .1); border-color: rgb(0,204,205); }

/* Header */
#header.color1 #menu-desktop1 { border-color: rgb(0,204,205); }
#header.color1 #logo img { content: url('../images/logo-twh@2x.png'); }
#header.color1 .banner-brace { background-image: url('../images/brace_color1.png'); }
/* Main Menu  */
.menu-header > li.menu-item-3225 > a { color: rgb(0,204,205); background-color: rgb(243, 253, 253); } 
.menu-header > li.menu-item-3225 > ul.sub-menu { background-color: rgba(0,204,205, .95); }
.menu-header > li.menu-item-3225 > ul.sub-menu > li > ul.sub-menu > li { background-color: rgba(0,204,205, .90); }
.menu-header > li.menu-item-3225.current-menu-item > a,
.menu-header > li.menu-item-3225.current-menu-parent > a { color: rgba(0,204,205, 1); font-weight: bold; }
.menu-header > li.menu-item-3225 > ul.sub-menu > li > a:hover,
.menu-header > li.menu-item-3225 > ul.sub-menu > li > ul.sub-menu > li > a:hover { color: #fff; font-weight: bold; }
/* Content */
#content.color1 .article-header { border-color: rgb(0,204,205); }
#content.color1 .page-header h1 { color: rgb(0,204,205); }
/*#content.color1 .entry-content { background-color: rgba(0,204,205, .5); }*/
#content.color1 .hook .hook-content { border-color: rgb(0,204,205); }
#content.color1 .hook .entry-content a { color: rgba(0,204,205, .4); border-color: rgba(0,204,205, .4); }
#content.color1 .hook .entry-content a:hover, #content.color1 .hook .entry-content a.active { color: rgba(0,204,205, 1); }
#content.color1 .post-navigation { border-color: rgba(0,204,205, 1); }
#content.color1 .searchandfilter h4 { color: rgb(0,204,205); }
#content.color1 .searchandfilter > ul > li > ul,
#content.color1 #post-head-15 .searchandfilter ul li.sf-field-tag label { border-color: rgb(0,204,205); }
#content.color1 .searchandfilter label { color: rgb(0,204,205); }
#content.color1 .searchandfilter .sf-date-prefix { color: rgb(0,204,205); }
#content.color1 #submit, #content.color1 input[type="submit"] { background-color: rgb(0,204,205); }
/* Category */
.cat-color1 .info-highlight { color: rgb(0,204,205); }
.cat-color1 .post-item--title, .cat-color1 .post-item--expand-icon i { color: rgb(0,204,205); }
.cat-color1 .post-item--brace { background-image: url('../images/brace_color1.png'); }
/* Footer */
ul#menu-sitemap > li#menu-item-4178 > a { color: rgb(0,204,205); }

/** Color 2 (Theater) **/
/* Mixed */
a.link-color2, #content.color2 a { color: rgb(255,72,0); }
hr.color2, #content.color2 hr { color: rgb(255,72,0); border-color: rgb(255,72,0); }
span.color2 { color: rgb(255,72,0); }
#content.color2 .info-highlight { color: rgb(255,72,0); }
#content.color2 .entry-content ul.list--pdf li::before { color: rgb(255,72,0); }
#content.color2 input[type="text"],
#content.color2 input[type="password"],
#content.color2 input[type="datetime"],
#content.color2 input[type="datetime-local"],
#content.color2 input[type="date"],
#content.color2 input[type="month"],
#content.color2 input[type="time"],
#content.color2 input[type="week"],
#content.color2 input[type="number"],
#content.color2 input[type="email"],
#content.color2 input[type="url"],
#content.color2 input[type="search"],
#content.color2 input[type="tel"],
#content.color2 input[type="color"],
#content.color2 select,
#content.color2 textarea,
#content.color2 .field { background-color: rgba(255,72,0, .1); border-color: rgb(255,72,0); }
#content.color2 #submit, #content.color2 input[type="submit"] { background-color: rgb(255,72,0); }
/* Header */
#header.home .banner-overlay { background-color: rgba(255,72,0, .6); }
#header.color2 #menu-desktop1 { border-color: rgb(255,72,0); }
#header.color2 #logo img { content: url('../images/logo-twh@2x.png'); }
#header.color2 .banner-brace, #header.home .banner-brace { background-image: url('../images/brace_color2.png'); }
#header.color2 .banner-image { left: 411px; }
/* Main Menu */
.menu-header > li.menu-item-3227 > a { color: rgb(255,72,0); background-color: rgb(255, 246, 243); }
.menu-header > li.menu-item-3227 > ul.sub-menu { background-color: rgba(255,72,0, .95); }
.menu-header > li.menu-item-3227 > ul.sub-menu > li > ul.sub-menu > li { background-color: rgba(255,72,0, .90); }
.menu-header > li.menu-item-3227.current-menu-item > a,
.menu-header > li.menu-item-3227.current-menu-parent > a { color: rgb(255,72,0); font-weight: bold; }
.menu-header > li.menu-item-3227 > ul.sub-menu > li > a:hover,
.menu-header > li.menu-item-3227 > ul.sub-menu > li > ul.sub-menu > li > a:hover { color: #fff; font-weight: bold; }
/* Content */
#content.color2 .article-header { border-color: rgba(255,72,0, .4); font-size: 24px; line-height: 23px; }
#content.color2 .page-header h1 { color: rgb(255,72,0); }
/*#content.color2 .entry-content { background-color: rgba(255,72,0, .5); }*/
#content.color2 .hook .hook-content { border-color: rgb(255,72,0); }
#content.color2 .hook .entry-content a { color: rgba(255,72,0, .4); border-color: rgba(255,72,0, .4); }
#content.color2 .hook .entry-content a:hover, #content.color2 .hook .entry-content a.active  { color: rgba(255,72,0, 1); }
#content.color2 .post-navigation { border-color: rgba(255,72,0, 1); }
#content.color2 .searchandfilter h4 { color: rgb(255,72,0); }
#content.color2 .searchandfilter > ul > li > ul { border-color: rgb(255,72,0); }
#content.color2 .searchandfilter label { color: rgb(255,72,0); }
#content.color2 .searchandfilter .sf-date-prefix { color: rgb(255,72,0); }
/* Category */
.cat-color2 .info-highlight { color: rgb(255,72,0); }
.cat-color2 .post-item--title, .cat-color2 .va-post-item--title, .cat-color2 .post-item--expand-icon i { color: rgb(255,72,0); }
.cat-color2 .post-item--brace, .cat-color2 .va-post-item--brace { background-image: url('../images/brace_color2.png'); }
.cat-color2 .va-post-item { border-color: rgb(255,72,0); }
/* Footer */
ul#menu-sitemap > li#menu-item-4189 > a { color: rgb(255,72,0); }

/** Color 3 (Wir) **/
/* Mixed */
a.link-color3, #content.color3 a { color: rgb(92,102,112); }
hr.color3, #content.color3 hr { color: rgb(92,102,112); border-color: rgb(92,102,112); }
span.color3 { color: rgb(92,102,112); }
#content.color3 .info-highlight { color: rgb(92,102,112); }
#content.color3 .entry-content ul.list--pdf li::before { color: rgb(92,102,112); }
/* Header */
#header.color3 #menu-desktop1 { border-color: rgb(92,102,112); }
#header.color3 #logo img { content: url('../images/logo-twh@2x.png'); }
#header.color3 .banner-brace { background-image: url('../images/brace_color3.png'); }
#header.color3 .banner-image { left: 788px; width: auto; }
/* Main Menu */
.menu-header > li.menu-item-1575 > a { color: rgb(92,102,112); background-color: rgb(247, 248, 248); }
.menu-header > li.menu-item-1575 > ul.sub-menu { background-color: rgba(92,102,112, .95); }
.menu-header > li.menu-item-1575 > ul.sub-menu > li > ul.sub-menu > li { background-color: rgba(92,102,112, .90); }
.menu-header > li.menu-item-1575.current-menu-item > a,
.menu-header > li.menu-item-1575.current-menu-parent > a { color: rgb(92,102,112); font-weight: bold; }
.menu-header > li.menu-item-1575 > ul.sub-menu > li > a:hover,
.menu-header > li.menu-item-1575 > ul.sub-menu > li > ul.sub-menu > li > a:hover { color: #fff; font-weight: bold; }
/* Content */
#content.color3 .article-header { border-color: rgb(92,102,112); font-size: 24px; line-height: 23px; }
#content.color3 .page-header h1 { color: rgb(92,102,112); }
/*#content.color3 .entry-content { background-color: rgba(92,102,112, .5); }*/
#content.color3 .hook .hook-content { border-color: rgb(92,102,112); }
#content.color3 .hook .entry-content a { color: rgba(92,102,112, .4); border-color: rgba(92,102,112, .4); }
#content.color3 .hook .entry-content a:hover, #content.color3 .hook .entry-content a.active  { color: rgba(92,102,112, 1); }
#content.color3 .post-navigation { border-color: rgba(92,102,112, 1); }
/* Category */
.cat-color3 .info-highlight { color: rgb(92,102,112); }
.cat-color3 .post-item--title, .cat-color3 .post-item--expand-icon i { color: rgb(92,102,112); }
.cat-color3 .post-item--brace { background-image: url('../images/brace_color3.png'); }
/* Footer */
ul#menu-sitemap > li#menu-item-4188 > a { color: rgb(92,102,112); }

/* @end */

/* @group 6.2. LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's larger than an iPhone but smaller than a tablet. */
@media only screen and (min-width: 481px) {

}
/* @end */

/* @group 6.3. TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and in general anyone not viewing on a mobile device. */
@media only screen and (min-width: 768px) {

	.wrap { width: 760px; }
	
	.page-header h1, .category-header h1, h3.comment-reply-title, .footer-category--cat-title h3 { padding: 60px 0 0 35px; font-size: 32px; line-height: 36px; }
	
	.article-header h1 { font-size: 24px;  }
	.footer--cat-title h1 { font-size: 24px; line-height: 28px; }
	.article-header.filter-head h1 { font-size: 24px; }
	.footer-category--cat-title h3 { font-size: 24px; line-height: 26px; }
	
	#content.color1 .article-header h1 { line-height: 28px; }
	.footer--cat-title h1 { line-height: 26px; }
	
	article-header { padding: 10px 0 10px 35px; }
	
	/* HEADER STYLES
	*********************/
	#header { height: 371px; }
	#header.small-header { height: 198px; }
	#banner { height: 326px; }
	.small-header #banner { height: 150px; }
	#header .banner-image, #header.color3 .banner-image { left: 0 !important; width: 50%; }
	.banner-brace { display: block; position: absolute; left: 0; top: 12px; width: 35px; height: 125px; background: transparent no-repeat left center; z-index: 4; }
	.home .banner-brace { top: 90px; }
	#logo { top: 90px; right: 20px; left: auto; width: 360px; }
	.home #logo { right: 20px; left: auto; width: 360px; }
	.home #logo, .home #logo a, .home #logo img { width: 360px; height: auto; }
	
	#menu-open { top: 326px; }
	.small-header #menu-open { top: 150px; }
	#menu-open.stickyMobile { position: fixed; top: 0; width: 100%; z-index: 5000; }
	
	.hook-content { margin: 20px 0 20px 0; padding: 10px 70px 10px 35px; }
	.hook .entry-content a { font-size: 20px; }
	.sticky .hook-content { margin: 0 0 5px 0; padding: 10px 70px 10px 35px; }
	.entry-content, .comment-form { padding: 24px 70px 10px 35px; }
	.post-item--thumbnail, .post-item--brace { height: 130px; }
	.category-content { padding: 10px 55px 10px 35px; }
	.footer--cat-content { padding: 30px 55px 0 35px; }
	
	.va-post-item--thumbnail { width: 20%; }
	.va-post-item--date { width: 20%; }
	.va-post-item--content { width: 58%; }
	
	.filter-head { padding: 0 0 0 35px; }
	.searchandfilter > ul > li.sf-field-category > ul { padding-left: 35px; }
	.searchandfilter h4 { width: 10%; padding: 10px 0 10px 35px; }
	.searchandfilter .sf-date-prefix { min-width: auto; }
	.searchandfilter > ul > li > ul { width: 90%; }
	//.va-post-item--date .va-date--year { display: block; }
	
	/*** Sitemap ***/
	.footer--trennung.sitemap { display: block; }
	.footer--sitemap { display: block; position: relative; padding: 0 0 0 35px; background-color: #fff; }
	.footer--sitemap-spacer { position: absolute; top: 0; left: 0; background-color: #fff; width: 100%; height: 35px; }
	ul#menu-sitemap { position: relative; z-index: 2; }
	ul#menu-sitemap > li { display: inline-block; float: left; width: 33.333%; line-height: 1; }
	ul#menu-sitemap > li > a { text-decoration: none; font-size: 18px; text-transform: lowercase; }
	ul#menu-sitemap > li > ul.sub-menu > li { padding-bottom: 12px; }
	ul#menu-sitemap > li > ul.sub-menu a { text-decoration: none; font-size: 14px; color: rgb(92,102,112); }
	ul#menu-sitemap > li > ul.sub-menu ul.sub-menu { margin: 0; padding-left: 35px; }
	
	ul#menu-sitemap > li#menu-item-588 > ul.sub-menu a { color: rgb(0,204,205); }
	ul#menu-sitemap > li#menu-item-587 > ul.sub-menu a { color: rgb(255,72,0); }
	
}
/* @end */

/* @group 6.4. DESKTOP
This is the average viewing window. So Desktops, Laptops, and in general anyone not viewing on a mobile device. */
@media only screen and (min-width: 1024px) {

	/* HEADER STYLES
	*********************/
	#header { height: 487px; }
	#banner { height: 439px; }
	#logo { right: 8px; }
	.home .banner-brace { top: 160px; }
	.home #logo { right: 10px; top: 160px; }
	#header.color3 .banner-image { width: auto; }
	#header .banner-image { width: 29%; }
	#header.color1 .banner-image { left: 35px !important; }
	#header.color2 .banner-image { left: 346px !important; }
	#header.color3 .banner-image { left: 657px !important; }

	/* NAVIGATION STYLES
	*********************/
	#hamburger, .hamburger-text, #menu-open, .mm-panels, ul#menu-mobile-menue.menu { display: none; }
	
	/*** HEADER MENU ***/
	#menu-desktop1 { position: absolute; bottom: 0; margin: 0; width: 100%; border-bottom: 2px solid rgb(92,102,112); border-top: 2px solid rgb(92,102,112) !important; padding: 0 70px 0 35px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 72%, rgb(247, 248, 248) 72%, rgba(92,102,112,1) 72%, rgba(92,102,112,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 72%,rgba(255,255,255,1) 72%,rgb(247, 248, 248) 72%,rgb(247, 248, 248) 72%,rgb(247, 248, 248) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 72%,rgba(255,255,255,1) 72%,rgb(247, 248, 248) 72%,rgb(247, 248, 248) 72%,rgb(247, 248, 248) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#5c6670',GradientType=1 ); /* IE6-9 */
	 }
	
	/* Level 1 */
	.menu-header { border: 0; margin: 0; }
	.menu-header > li { position: relative; float: left; display: inline; width: 32.23%; margin-right: 15px; }
	.menu-header > li:last-child { margin-right: 0; }
	.menu-header > li > a { display: block; text-decoration: none; font-size: 20px; color: #1d1d1b; line-height: 44px; padding: 0 10px; text-transform: lowercase; }
	/* Level 2 */
	.menu-header li:hover > ul { visibility: visible; }
	.menu-header ul.sub-menu { position: absolute; top: 44px; right: 0; margin: 0; padding: 5px 0; visibility: hidden; z-index: 9999; width: 100%; }
	.menu-header ul.sub-menu > li { position: relative; padding: 0 15px; }
	.menu-header ul.sub-menu > li > a { color: #fff; padding: 10px 0; text-decoration: none; font-size: 16px; border-bottom: 1px dashed #fff; line-height: 1; display: block; }
	.menu-header ul.sub-menu > li:last-child > a { border-bottom: 0 none; }
	/* Level 3 */
	.menu-header ul.sub-menu > li:hover > ul { visibility: visible; }
	.menu-header ul.sub-menu ul.sub-menu { position: absolute; top: -3px; right: -295px; margin: 0; padding: 0 0 0 15px; visibility: hidden; z-index: 9999; width: 100%; }
	.menu-header li:last-child ul.sub-menu ul.sub-menu { right: 295px; }
	.menu-header ul.sub-menu ul.sub-menu > li { padding: 0 15px; width: 362px; }
	.menu-header ul.sub-menu ul.sub-menu > li:first-child { padding-top: 5px; }
	.menu-header ul.sub-menu ul.sub-menu > li:last-child { padding-bottom: 5px; }
	.menu-header ul.sub-menu ul.sub-menu > li > a { color: #fff; padding: 10px 0; text-decoration: none; font-size: 14px; border-bottom: 1px dashed #fff; line-height: 1; display: block; }
	.menu-header ul.sub-menu ul.sub-menu > li:last-child > a { border-bottom: 0 none; }
	
	#menu-desktop1.stickyMain { position: fixed; top: 0; bottom: auto; width: 100%; z-index: 5000; }
	.wrap, #menu-desktop1.stickyMain.wrap { width: 1024px; }
	
	.post-item--thumbnail, .post-item--brace { height: 180px; }
	
	.footer--trennung { font-size: 16px; }
}
/* @end */

/* @group 6.5. LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers. */
@media only screen and (min-width: 1240px) {

	.wrap, #menu-desktop1.stickyMain.wrap { width: 1220px; }
	
	/* HEADER STYLES
	*********************/
	#header { height: 570px; }
	#banner { height: 522px; }
	#logo { right: 70px; }
	.home .banner-brace { top: 190px; }
	.home #logo { right: 70px; top: 190px; }
	#header .banner-image { width: 29.7%; }
	#header.color1 .banner-image { left: 35px !important; }
	#header.color2 .banner-image { left: 411px !important; }
	#header.color3 .banner-image { left: 788px !important; }
	
	
	/* NAVIGATION STYLES
	*********************/
	/* Level 1 */
	.menu-header > li { width: 32.43%; }
	/* Level 3 */
	.menu-header ul.sub-menu ul.sub-menu { right: -361px; }
	.menu-header li:last-child ul.sub-menu ul.sub-menu { right: 359px; }
	
	.post-item--thumbnail { height: 190px; }
}
/* @end */

/* @group 6.6. RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with other displays with a 2x resolution. */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	
	#logo img { width: 300px; height: 100px; content: url('../images/logo-twh@2x.png'); }
	#header.color1 #logo img { content: url('../images/logo-twh@2x.png'); }
	#header.color2 #logo img { content: url('../images/logo-twh@2x.png'); }
	#header.color3 #logo img { content: url('../images/logo-twh@2x.png'); }
	
}
/* @end */

/* @group 6.7. PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make sense to print at the bottom. Things like nav, ads, and forms should be set to display none. */
@media print {

	* { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
	
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a:after, a:visited:after { content: " (" attr(href) ")"; }
	a abbr[title]:after, a:visited abbr[title]:after { content: " (" attr(title) ")"; }
	
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
	
	.sidebar, .page-navigation, .wp-prev-next, .respond-form, nav, #header-slider, .footer-logo, #menu-open, #content-teaser { display: none; }

}
/* @end */

/* @end */