@import url(https://loidl-consulting.at/dev/modules/system/system.base.css);
/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */
/* Import Bourbon Library mixins, variables, Compass modules, etc.
@import "bourbon/bourbon";
 */
/* Import Sass mixins, variables, Compass modules, etc. */
@font-face {
  font-family: 'Roboto Condensed';
  src: url("/sites/all/themes/benjaminschmid/fonts/robotocondensed-light-webfont.eot");
  src: url("/sites/all/themes/benjaminschmid/fonts/robotocondensed-light-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/benjaminschmid/fonts/robotocondensed-light-webfont.woff2") format("woff2"), url("/sites/all/themes/benjaminschmid/fonts/robotocondensed-light-webfont.woff") format("woff"), url("/sites/all/themes/benjaminschmid/fonts/robotocondensed-light-webfont.ttf") format("truetype"), url("/sites/all/themes/benjaminschmid/fonts/robotocondensed-light-webfont.svg#roboto_condensedlight") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto Condensed';
  src: url("/sites/all/themes/benjaminschmid/fonts/robotocondensed-regular-webfont.eot");
  src: url("/sites/all/themes/benjaminschmid/fonts/robotocondensed-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/benjaminschmid/fonts/robotocondensed-regular-webfont.woff2") format("woff2"), url("/sites/all/themes/benjaminschmid/fonts/robotocondensed-regular-webfont.woff") format("woff"), url("/sites/all/themes/benjaminschmid/fonts/robotocondensed-regular-webfont.ttf") format("truetype"), url("/sites/all/themes/benjaminschmid/fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto Condensed';
  src: url("/sites/all/themes/benjaminschmid/fonts/robotocondensed-bold-webfont.eot");
  src: url("/sites/all/themes/benjaminschmid/fonts/robotocondensed-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/benjaminschmid/fonts/robotocondensed-bold-webfont.woff2") format("woff2"), url("/sites/all/themes/benjaminschmid/fonts/robotocondensed-bold-webfont.woff") format("woff"), url("/sites/all/themes/benjaminschmid/fonts/robotocondensed-bold-webfont.ttf") format("truetype"), url("/sites/all/themes/benjaminschmid/fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold") format("svg");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto Condensed';
  src: url("/sites/all/themes/benjaminschmid/fonts/robotocondensed-italic-webfont.eot");
  src: url("/sites/all/themes/benjaminschmid/fonts/robotocondensed-italic-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/benjaminschmid/fonts/robotocondensed-italic-webfont.woff2") format("woff2"), url("/sites/all/themes/benjaminschmid/fonts/robotocondensed-italic-webfont.woff") format("woff"), url("/sites/all/themes/benjaminschmid/fonts/robotocondensed-italic-webfont.ttf") format("truetype"), url("/sites/all/themes/benjaminschmid/fonts/robotocondensed-italic-webfont.svg#roboto_condenseditalic") format("svg");
  font-weight: 400;
  font-style: italic;
}

/* Generated by Font Squirrel (https://www.fontsquirrel.com) on April 29, 2020 */
@font-face {
  font-family: 'Cormorant Garamond';
  src: url("/sites/all/themes/benjaminschmid/fonts/cormorantgaramond-semibold-webfont.eot");
  src: url("/sites/all/themes/benjaminschmid/fonts/cormorantgaramond-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/benjaminschmid/fonts/cormorantgaramond-semibold-webfont.woff2") format("woff2"), url("/sites/all/themes/benjaminschmid/fonts/cormorantgaramond-semibold-webfont.woff") format("woff"), url("/sites/all/themes/benjaminschmid/fonts/cormorantgaramond-semibold-webfont.ttf") format("truetype"), url("/sites/all/themes/benjaminschmid/fonts/cormorantgaramond-semibold-webfont.svg#cormorant_garamondsemibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Cormorant Garamond';
  src: url("/sites/all/themes/benjaminschmid/fonts/cormorantgaramond-medium-webfont.eot");
  src: url("/sites/all/themes/benjaminschmid/fonts/cormorantgaramond-medium-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/benjaminschmid/fonts/cormorantgaramond-medium-webfont.woff2") format("woff2"), url("/sites/all/themes/benjaminschmid/fonts/cormorantgaramond-medium-webfont.woff") format("woff"), url("/sites/all/themes/benjaminschmid/fonts/cormorantgaramond-medium-webfont.ttf") format("truetype"), url("/sites/all/themes/benjaminschmid/fonts/cormorantgaramond-medium-webfont.svg#cormorant_garamondmedium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Cormorant Garamond';
  src: url("/sites/all/themes/benjaminschmid/fonts/cormorantgaramond-regular-webfont.eot");
  src: url("/sites/all/themes/benjaminschmid/fonts/cormorantgaramond-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/benjaminschmid/fonts/cormorantgaramond-regular-webfont.woff2") format("woff2"), url("/sites/all/themes/benjaminschmid/fonts/cormorantgaramond-regular-webfont.woff") format("woff"), url("/sites/all/themes/benjaminschmid/fonts/cormorantgaramond-regular-webfont.ttf") format("truetype"), url("/sites/all/themes/benjaminschmid/fonts/cormorantgaramond-regular-webfont.svg#cormorant_garamondregular") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Kalam';
  src: url("/sites/all/themes/benjaminschmid/fonts/kalam-light-webfont.eot");
  src: url("/sites/all/themes/benjaminschmid/fonts/kalam-light-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/benjaminschmid/fonts/kalam-light-webfont.woff2") format("woff2"), url("/sites/all/themes/benjaminschmid/fonts/kalam-light-webfont.woff") format("woff"), url("/sites/all/themes/benjaminschmid/fonts/kalam-light-webfont.ttf") format("truetype"), url("/sites/all/themes/benjaminschmid/fonts/kalam-light-webfont.svg#kalamlight") format("svg");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Kalam';
  src: url("/sites/all/themes/benjaminschmid/fonts/kalam-regular-webfont.eot");
  src: url("/sites/all/themes/benjaminschmid/fonts/kalam-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/benjaminschmid/fonts/kalam-regular-webfont.woff2") format("woff2"), url("/sites/all/themes/benjaminschmid/fonts/kalam-regular-webfont.woff") format("woff"), url("/sites/all/themes/benjaminschmid/fonts/kalam-regular-webfont.ttf") format("truetype"), url("/sites/all/themes/benjaminschmid/fonts/kalam-regular-webfont.svg#kalamregular") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Kalam';
  src: url("/sites/all/themes/benjaminschmid/fonts/kalam-bold-webfont.eot");
  src: url("/sites/all/themes/benjaminschmid/fonts/kalam-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/benjaminschmid/fonts/kalam-bold-webfont.woff2") format("woff2"), url("/sites/all/themes/benjaminschmid/fonts/kalam-bold-webfont.woff") format("woff"), url("/sites/all/themes/benjaminschmid/fonts/kalam-bold-webfont.ttf") format("truetype"), url("/sites/all/themes/benjaminschmid/fonts/kalam-bold-webfont.svg#kalambold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url("/sites/all/themes/benjaminschmid/fonts/Montserrat-Medium.eot");
  src: url("/sites/all/themes/benjaminschmid/fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/benjaminschmid/fonts/Montserrat-Medium.woff2") format("woff2"), url("/sites/all/themes/benjaminschmid/fonts/Montserrat-Medium.woff") format("woff"), url("/sites/all/themes/benjaminschmid/fonts/Montserrat-Medium.svg#Montserrat-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url("/sites/all/themes/benjaminschmid/fonts/Montserrat-Light.eot");
  src: url("/sites/all/themes/benjaminschmid/fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/benjaminschmid/fonts/Montserrat-Light.woff2") format("woff2"), url("/sites/all/themes/benjaminschmid/fonts/Montserrat-Light.woff") format("woff"), url("/sites/all/themes/benjaminschmid/fonts/Montserrat-Light.svg#Montserrat-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url("/sites/all/themes/benjaminschmid/fonts/Montserrat-Thin.eot");
  src: url("/sites/all/themes/benjaminschmid/fonts/Montserrat-Thin.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/benjaminschmid/fonts/Montserrat-Thin.woff2") format("woff2"), url("/sites/all/themes/benjaminschmid/fonts/Montserrat-Thin.woff") format("woff"), url("/sites/all/themes/benjaminschmid/fonts/Montserrat-Thin.svg#Montserrat-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url("/sites/all/themes/benjaminschmid/fonts/Montserrat-Regular.eot");
  src: url("/sites/all/themes/benjaminschmid/fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/benjaminschmid/fonts/Montserrat-Regular.woff2") format("woff2"), url("/sites/all/themes/benjaminschmid/fonts/Montserrat-Regular.woff") format("woff"), url("/sites/all/themes/benjaminschmid/fonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* @import "compass/utilities/general/clearfix"; */
/* @import "compass/css3/columns"; */
/* 22px */
/*
*/
/* $greydark						: #6D6A6D; */
/*
font-family: 'Patua One', cursive;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Source Sans Pro', sans-serif;

for additional Info like published date, author, etc...
font-family: 'Merriweather', serif;
*/
/*  Usage:
.header {
height: 100px;
@include bp(bp3) { height: 80px; }
}
*/
/* Usage :
.faded-text {
  @include opacity(0.8);
}
*/
/*
.foo {
  @include size(2rem 3rem);
}
*/
/*
*/
/* Usage :
.circle {
  @include circle(5rem);
  background: #e14b4e;
}
.rounded {
  @include rounded-box(5rem, 2rem);
  background: #07a9ea;
}
.rounded--custom {
  @include rounded-box(5rem, 1rem 2rem);
  background: #fdb53f;
}
*/
/* 
* @include triangle within a pseudo element and add positioning properties (ie. top, left)
* $direction: up, down, left, right
*/
/* Usage :
pattern.svg
pattern.png
pattern@2x.png

body {
  @include background-image('pattern');
}*/
/* Usage :
@include keyframes(slide-down) {
  0% { opacity: 1; }
  90% { opacity: 0; }
}

.element {
  width: 100px;
  height: 100px;
  background: black;
  @include animation('slide-down 5s 3');
}
*/
/* Usage :
a {
  color: gray;
  @include transition(color .3s ease);
  &:hover {
    color: black;
  }
}
*/
/* Usage:
.login_window {
    width: 200px; height: 100px; background: red;
    
		@include box-shadow(inset, 0, 1px, 1px, rgba(0, 0, 0, 0.5));
}
*/
@keyframes alertMe {
  /* line 762, ../sass/base/_base-mixin.scss */
  from {
    border-width: 3px;
    border-color: gold;
  }

  /* line 766, ../sass/base/_base-mixin.scss */
  to {
    border-width: 0;
    border-color: rgba(255, 215, 0, 0.1);
  }
}

/* line 1, ../sass/vendor/_reset.scss */
html, body, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 1, ../sass/vendor/_reset.scss */
article, aside, figure, footer, header, hgroup, nav, section {
  display: block;
}

/* HTML element (SMACSS base) rules */
/**
 * @file
 * Normalize.css is intended to be used as an alternative to CSS resets.
 *
 * This file is a slight fork of these original sources:
 * - normalize.css v2.1.2 | MIT License | git.io/normalize
 * - normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-scss
 *
 * It's suggested that you read the normalize.scss file and customise it to meet
 * your needs, rather then including the file in your project and overriding the
 * defaults later in your CSS.
 * @see http://nicolasgallagher.com/about-normalize-css/
 *
 * Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
 *       @see http://snook.ca/archives/html_and_css/no_css_reset/
 */
/**
 * HTML5 display definitions
 */
/* Correct `block` display not defined in IE 8/9. */
/* line 34, ../sass/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}

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

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

/* Address styling not present in IE 8/9. */
/* line 59, ../sass/_normalize.scss */
[hidden] {
  display: none;
}

/**
 * Base
 *
 * Instead of relying on the fonts that are available on a user's computer, you
 * can use web fonts which, like images, are resources downloaded to the user's
 * browser. Because of the bandwidth and rendering resources required, web fonts
 * should be used with care.
 *
 * Numerous resources for web fonts can be found on Google. Here are a few
 * websites where you can find Open Source fonts to download:
 * - http://www.fontsquirrel.com/fontface
 * - http://www.theleagueofmoveabletype.com
 *
 * In order to use these fonts, you will need to convert them into formats
 * suitable for web fonts. We recommend the free-to-use Font Squirrel's
 * Font-Face Generator:
 *   http://www.fontsquirrel.com/fontface/generator
 *
 * The following is an example @font-face declaration. This font can then be
 * used in any ruleset using a property like this:  font-family: Example, serif;
 *
 * Since we're using Sass, you'll need to declare your font faces here, then you
 * can add them to the font variables in the _init.scss partial.
 */
/*
@font-face {
  font-family: 'Example';
  src: url('../fonts/example.eot');
  src: url('../fonts/example.eot?iefix') format('eot'),
    url('../fonts/example.woff') format('woff'),
    url('../fonts/example.ttf') format('truetype'),
    url('../fonts/example.svg#webfontOkOndcij') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 */
/* line 107, ../sass/_normalize.scss */
html {
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  /* 1 */
  /*   font-size: 100% * ($font-size / 16px);3 */
  font-size: 16;
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Remove default margin. */
/* line 128, ../sass/_normalize.scss */
body {
  margin: 0;
  padding: 0;
}

/**
 * Links
 *
 * The order of link states are based on Eric Meyer's article:
 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
 */
/* Address `outline` inconsistency between Chrome and other browsers. */
/* line 150, ../sass/_normalize.scss */
a:focus {
  outline: thin dotted;
}

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

/**
 * Typography
 *
 * To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins
 * so that the line height of our base font becomes the basic unit of vertical
 * measurement. We use multiples of that unit to set the top and bottom margins
 * for our block level elements and to set the line heights of any fonts.
 * For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm
 */
/* Set 1 unit of vertical rhythm on the top and bottom margin. */
/* line 172, ../sass/_normalize.scss */
p,
pre {
  /*  margin: rhythm(1) 0; */
}

/* line 175, ../sass/_normalize.scss */
blockquote {
  /* Also indent the quote on both sides. */
  margin: 1.5em 30px;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/* line 184, ../sass/_normalize.scss */
h1 {
  /* Set the font-size and line-height while keeping a proper vertical rhythm. 
  @include adjust-font-size-to( $h1-font-size );
  */
  /* Set 1 unit of vertical rhythm on the top and bottom margins. 
  @include leader(1, $h1-font-size);
  @include trailer(1, $h1-font-size);
  */
}

/*
h2 {
  @include adjust-font-size-to( $h2-font-size );
  @include leader(1, $h2-font-size);
  @include trailer(1, $h2-font-size);
}
h3 {
  @include adjust-font-size-to( $h3-font-size );
  @include leader(1, $h3-font-size);
  @include trailer(1, $h3-font-size);
}
h4 {
  @include adjust-font-size-to( $h4-font-size );
  @include leader(1, $h4-font-size);
  @include trailer(1, $h4-font-size);
}
h5 {
  @include adjust-font-size-to( $h5-font-size );
  @include leader(1, $h5-font-size);
  @include trailer(1, $h5-font-size);
}
h6 {
  @include adjust-font-size-to( $h6-font-size );
  @include leader(1, $h6-font-size);
  @include trailer(1, $h6-font-size);
}
*/
/* Address styling not present in IE 8/9, Safari 5, and Chrome. */
/* line 222, ../sass/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

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

/* Address styling not present in Safari 5 and Chrome. */
/* line 233, ../sass/_normalize.scss */
dfn {
  font-style: italic;
}

/* Address differences between Firefox and other browsers. */
/* line 238, ../sass/_normalize.scss */
hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  border: 1px solid #666;
  padding-bottom: -1px;
  margin: 1.5em 0;
}

/* Address styling not present in IE 8/9. */
/* line 247, ../sass/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/* Correct font family set oddly in Safari 5 and Chrome. */
/* line 258, ../sass/_normalize.scss */
code,
kbd,
pre,
samp,
tt,
var {
  font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif;
}

/* Improve readability of pre-formatted text in all browsers. */
/* line 267, ../sass/_normalize.scss */
pre {
  white-space: pre-wrap;
}

/* Set consistent quote types. */
/* line 279, ../sass/_normalize.scss */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/* Address inconsistent and variable font size in all browsers. */
/* line 284, ../sass/_normalize.scss */
small {
  font-size: 80%;
}

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

/* line 296, ../sass/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 299, ../sass/_normalize.scss */
sub {
  bottom: -0.25em;
}

/**
 * Lists
 */
/* line 309, ../sass/_normalize.scss */
dl,
menu,
ol,
ul {
  /* Address margins set differently in IE 6/7. */
  margin: 1.5em 0;
}

/* line 316, ../sass/_normalize.scss */
ol ol,
ol ul,
ul ol,
ul ul {
  /* Turn off margins on nested lists. */
  margin: 0;
}

/* line 321, ../sass/_normalize.scss */
dd {
  margin: 0 0 0 30px;
  /* LTR */
}

/* Address paddings set differently in IE 6/7. */
/* line 328, ../sass/_normalize.scss */
menu,
ol,
ul {
  padding: 0 0 0 30px;
  /* LTR */
}

/**
 * Embedded content and figures
 *
 * @todo Look into adding responsive embedded video.
 */
/* line 346, ../sass/_normalize.scss */
img {
  /* Remove border when inside `a` element in IE 8/9. */
  border: 0;
  /* Suppress the space beneath the baseline */
  /* vertical-align: bottom; */
  /* Responsive images */
  max-width: 100%;
  height: auto;
}
/* line 361, ../sass/_normalize.scss */
.lt-ie9 img {
  /* Correct IE 8 not scaling image height when resized. */
  width: auto;
}

/* Correct overflow displayed oddly in IE 9. */
/* line 369, ../sass/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* Address margin not present in IE 8/9 and Safari 5. */
/* line 374, ../sass/_normalize.scss */
figure {
  margin: 0;
}

/**
 * Forms
 */
/* Define consistent border, margin, and padding. */
/* line 390, ../sass/_normalize.scss */
fieldset {
  margin: 0 2px;
  /* Apply borders and padding that keep the vertical rhythm. */
  border-color: #c0c0c0;
  /*
  @include apply-side-rhythm-border(top,    $width: 1px, $lines: 0.35);
  @include apply-side-rhythm-border(bottom, $width: 1px, $lines: 0.65);
  @include apply-side-rhythm-border(left,   $width: 1px, $lines: 0.65);
  @include apply-side-rhythm-border(right,  $width: 1px, $lines: 0.65);
  */
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
/* line 407, ../sass/_normalize.scss */
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.
 * 4. Improve appearance and consistency with IE 6/7.
 * 5. Keep form elements constrained in their containers.
 */
/* line 425, ../sass/_normalize.scss */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
  max-width: 100%;
  /* 5 */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 5 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 442, ../sass/_normalize.scss */
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.
 */
/* line 453, ../sass/_normalize.scss */
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.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
/* line 469, ../sass/_normalize.scss */
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.
 */
/* line 481, ../sass/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
/* line 492, ../sass/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  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).
 */
/* line 506, ../sass/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* 2 */
}

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

/* Remove inner padding and border in Firefox 4+. */
/* line 522, ../sass/_normalize.scss */
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.
 */
/* line 531, ../sass/_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* Drupal-style form labels. */
/* line 537, ../sass/_normalize.scss */
label {
  display: block;
  font-weight: bold;
}

/**
 * Tables
 */
/* line 545, ../sass/_normalize.scss */
table {
  /* Remove most spacing between table cells. */
  border-collapse: collapse;
  border-spacing: 0;
  /* Prevent cramped-looking tables */
  /* width: 100%; */
 /* Add vertical rhythm margins.
 @include leader(1);
 @include trailer(1);
*/
}

/* line 4, ../sass/elements/_a.scss */
html {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* line 9, ../sass/elements/_a.scss */
a, button, input {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}

/* line 14, ../sass/elements/_a.scss */
a {
  text-decoration: none;
  color: #3d6174;
}
/* line 18, ../sass/elements/_a.scss */
a:visited {
  /*
  color : $link-color-visited;
  */
}
/* line 23, ../sass/elements/_a.scss */
a:hover {
  text-decoration: none;
  color: #69abce;
  /*
  */
}
/* line 31, ../sass/elements/_a.scss */
a:focus {
  outline: 0;
  color: #3d6174;
}
/* line 37, ../sass/elements/_a.scss */
a:hover, a:active {
  outline: 0;
}

/* line 42, ../sass/elements/_a.scss */
a:link {
  transition: all 0.25s ease;
}

/* line 45, ../sass/elements/_a.scss */
#content a {
  display: inline-block;
}
/* line 48, ../sass/elements/_a.scss */
#content a:hover, #content a:focus, #content a:active {
  color: #69abce;
  color: #e0054c;
  color: #e0054c;
  color: #f98f6e;
  color: #63b38e;
  color: #69abce;
}
/* line 57, ../sass/elements/_a.scss */
#content a .field-content div {
  display: inline;
}

/* line 60, ../sass/elements/_a.scss */
a.anchor {
  display: block;
  position: relative;
  top: -120px;
}

/* line 66, ../sass/elements/_a.scss */
:target {
  position: relative;
  top: 120px;
}

/* line 71, ../sass/elements/_a.scss */
#block-views-leistungen-block-2:target {
  padding-bottom: 120px;
}

/*
#main #content a[href^="http"]:not([href*="derwiesbauer.at"]):not([href*="dev.derwiesbauer.at"]):after {
    color : $link-color;
	display:inline-block;
	width: 1em;
	height:1em;
	content:" ";
		background: url(../img/sprite_beni.svg) no-repeat 1px -653px;
		
}
#main #content a[href^="http"]:not([href*="weihergut.at"]) {
		&:hover,&:active, &:focus {
		&:after{
			background-position-x: 3px;
		}
		}
}
#main #content .views-field.views-field-field-link a[href^="http"]:not([href*="derwiesbauer.at"]):after,
#main #content .field.field-name-field-link 
a[href^="http"]:not([href*="derwiesbauer.at"]):after {
	display:none;
		background: none;
}

*/
/* line 3, ../sass/elements/_form-button.scss */
.phonebutton {
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  color: #454545;
}
/* line 9, ../sass/elements/_form-button.scss */
.phonebutton:before {
  content: "";
  display: block;
  width: 100px;
  height: 120px;
  margin: 1em 0 0;
  background: url(../img/sprite_beni.svg) no-repeat center -1690px;
}
/* line 17, ../sass/elements/_form-button.scss */
.phonebutton:hover, .phonebutton:focus, .phonebutton:active {
  color: #3d6174;
}
/* line 19, ../sass/elements/_form-button.scss */
.phonebutton:hover:before, .phonebutton:focus:before, .phonebutton:active:before {
  background-position: center -1692px;
}

/* line 29, ../sass/elements/_form-button.scss */
button:focus, button:active {
  outline: none;
  box-shadow: none;
  border: none;
}

/* line 42, ../sass/elements/_form-button.scss */
#main,
.region-newsletter,
.region-overlay {
  /* end link buttons */
}
/* line 52, ../sass/elements/_form-button.scss */
#main button,
#main html input[type="button"],
#main input[type="reset"],
#main input[type="submit"],
#main .btn, #main .more-link a,
#main .views-field-field-email-anfrage a,
#main .views-field-field-telefon-nummer a,
#main .field-type-link-field .field-item a,
#main .field-name-field-link .field-item a,
#main a.quiz-start-link,
.region-newsletter button,
.region-newsletter html input[type="button"],
.region-newsletter input[type="reset"],
.region-newsletter input[type="submit"],
.region-newsletter .btn,
.region-newsletter .more-link a,
.region-newsletter .views-field-field-email-anfrage a,
.region-newsletter .views-field-field-telefon-nummer a,
.region-newsletter .field-type-link-field .field-item a,
.region-newsletter .field-name-field-link .field-item a,
.region-newsletter a.quiz-start-link,
.region-overlay button,
.region-overlay html input[type="button"],
.region-overlay input[type="reset"],
.region-overlay input[type="submit"],
.region-overlay .btn,
.region-overlay .more-link a,
.region-overlay .views-field-field-email-anfrage a,
.region-overlay .views-field-field-telefon-nummer a,
.region-overlay .field-type-link-field .field-item a,
.region-overlay .field-name-field-link .field-item a,
.region-overlay a.quiz-start-link {
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  border: none;
  border-radius: 10px;
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  /* @include font-size($button-font-size);
  background-color : $button-bg ;
  @include box-shadow(0px, 0px, 4px, 0px, rgba(51,51,51,0.3));

  */
  font-weight: 700;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  color: #3d6174 !important;
  min-width: 120px;
  width: auto;
  max-width: 60%;
  position: relative;
  margin: .25em auto 1em auto;
  padding: 10px 1.5em;
  margin-left: 60px;
  /*
  line-height: 1.5;
  */
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  font-size: 16px;
  font-size: 1.6rem;
  -moz-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
@media (min-width: 75em) {
  /* line 52, ../sass/elements/_form-button.scss */
  #main button,
  #main html input[type="button"],
  #main input[type="reset"],
  #main input[type="submit"],
  #main .btn, #main .more-link a,
  #main .views-field-field-email-anfrage a,
  #main .views-field-field-telefon-nummer a,
  #main .field-type-link-field .field-item a,
  #main .field-name-field-link .field-item a,
  #main a.quiz-start-link,
  .region-newsletter button,
  .region-newsletter html input[type="button"],
  .region-newsletter input[type="reset"],
  .region-newsletter input[type="submit"],
  .region-newsletter .btn,
  .region-newsletter .more-link a,
  .region-newsletter .views-field-field-email-anfrage a,
  .region-newsletter .views-field-field-telefon-nummer a,
  .region-newsletter .field-type-link-field .field-item a,
  .region-newsletter .field-name-field-link .field-item a,
  .region-newsletter a.quiz-start-link,
  .region-overlay button,
  .region-overlay html input[type="button"],
  .region-overlay input[type="reset"],
  .region-overlay input[type="submit"],
  .region-overlay .btn,
  .region-overlay .more-link a,
  .region-overlay .views-field-field-email-anfrage a,
  .region-overlay .views-field-field-telefon-nummer a,
  .region-overlay .field-type-link-field .field-item a,
  .region-overlay .field-name-field-link .field-item a,
  .region-overlay a.quiz-start-link {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
/* line 297, ../sass/base/_base-mixin.scss */
#main button::before,
#main html input[type="button"]::before,
#main input[type="reset"]::before,
#main input[type="submit"]::before,
#main .btn::before, #main .more-link a::before,
#main .views-field-field-email-anfrage a::before,
#main .views-field-field-telefon-nummer a::before,
#main .field-type-link-field .field-item a::before,
#main .field-name-field-link .field-item a::before,
#main a.quiz-start-link::before,
.region-newsletter button::before,
.region-newsletter html input[type="button"]::before,
.region-newsletter input[type="reset"]::before,
.region-newsletter input[type="submit"]::before,
.region-newsletter .btn::before,
.region-newsletter .more-link a::before,
.region-newsletter .views-field-field-email-anfrage a::before,
.region-newsletter .views-field-field-telefon-nummer a::before,
.region-newsletter .field-type-link-field .field-item a::before,
.region-newsletter .field-name-field-link .field-item a::before,
.region-newsletter a.quiz-start-link::before,
.region-overlay button::before,
.region-overlay html input[type="button"]::before,
.region-overlay input[type="reset"]::before,
.region-overlay input[type="submit"]::before,
.region-overlay .btn::before,
.region-overlay .more-link a::before,
.region-overlay .views-field-field-email-anfrage a::before,
.region-overlay .views-field-field-telefon-nummer a::before,
.region-overlay .field-type-link-field .field-item a::before,
.region-overlay .field-name-field-link .field-item a::before,
.region-overlay a.quiz-start-link::before {
  content: " ";
  display: inline-block;
  position: absolute;
  height: 30px;
  width: 67px;
  margin-left: -65px;
  background: url(../img/sprite_beni.svg) no-repeat left -890px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
/* line 308, ../sass/base/_base-mixin.scss */
#main button:visited,
#main html input[type="button"]:visited,
#main input[type="reset"]:visited,
#main input[type="submit"]:visited,
#main .btn:visited, #main .more-link a:visited,
#main .views-field-field-email-anfrage a:visited,
#main .views-field-field-telefon-nummer a:visited,
#main .field-type-link-field .field-item a:visited,
#main .field-name-field-link .field-item a:visited,
#main a.quiz-start-link:visited,
.region-newsletter button:visited,
.region-newsletter html input[type="button"]:visited,
.region-newsletter input[type="reset"]:visited,
.region-newsletter input[type="submit"]:visited,
.region-newsletter .btn:visited,
.region-newsletter .more-link a:visited,
.region-newsletter .views-field-field-email-anfrage a:visited,
.region-newsletter .views-field-field-telefon-nummer a:visited,
.region-newsletter .field-type-link-field .field-item a:visited,
.region-newsletter .field-name-field-link .field-item a:visited,
.region-newsletter a.quiz-start-link:visited,
.region-overlay button:visited,
.region-overlay html input[type="button"]:visited,
.region-overlay input[type="reset"]:visited,
.region-overlay input[type="submit"]:visited,
.region-overlay .btn:visited,
.region-overlay .more-link a:visited,
.region-overlay .views-field-field-email-anfrage a:visited,
.region-overlay .views-field-field-telefon-nummer a:visited,
.region-overlay .field-type-link-field .field-item a:visited,
.region-overlay .field-name-field-link .field-item a:visited,
.region-overlay a.quiz-start-link:visited {
  background-color: transparent;
  border: none;
  text-decoration: none;
}
/* line 316, ../sass/base/_base-mixin.scss */
#main button:hover, #main button:focus, #main button:active,
#main html input[type="button"]:hover,
#main html input[type="button"]:focus,
#main html input[type="button"]:active,
#main input[type="reset"]:hover,
#main input[type="reset"]:focus,
#main input[type="reset"]:active,
#main input[type="submit"]:hover,
#main input[type="submit"]:focus,
#main input[type="submit"]:active,
#main .btn:hover,
#main .btn:focus,
#main .btn:active, #main .more-link a:hover, #main .more-link a:focus, #main .more-link a:active,
#main .views-field-field-email-anfrage a:hover,
#main .views-field-field-email-anfrage a:focus,
#main .views-field-field-email-anfrage a:active,
#main .views-field-field-telefon-nummer a:hover,
#main .views-field-field-telefon-nummer a:focus,
#main .views-field-field-telefon-nummer a:active,
#main .field-type-link-field .field-item a:hover,
#main .field-type-link-field .field-item a:focus,
#main .field-type-link-field .field-item a:active,
#main .field-name-field-link .field-item a:hover,
#main .field-name-field-link .field-item a:focus,
#main .field-name-field-link .field-item a:active,
#main a.quiz-start-link:hover,
#main a.quiz-start-link:focus,
#main a.quiz-start-link:active,
.region-newsletter button:hover,
.region-newsletter button:focus,
.region-newsletter button:active,
.region-newsletter html input[type="button"]:hover,
.region-newsletter html input[type="button"]:focus,
.region-newsletter html input[type="button"]:active,
.region-newsletter input[type="reset"]:hover,
.region-newsletter input[type="reset"]:focus,
.region-newsletter input[type="reset"]:active,
.region-newsletter input[type="submit"]:hover,
.region-newsletter input[type="submit"]:focus,
.region-newsletter input[type="submit"]:active,
.region-newsletter .btn:hover,
.region-newsletter .btn:focus,
.region-newsletter .btn:active,
.region-newsletter .more-link a:hover,
.region-newsletter .more-link a:focus,
.region-newsletter .more-link a:active,
.region-newsletter .views-field-field-email-anfrage a:hover,
.region-newsletter .views-field-field-email-anfrage a:focus,
.region-newsletter .views-field-field-email-anfrage a:active,
.region-newsletter .views-field-field-telefon-nummer a:hover,
.region-newsletter .views-field-field-telefon-nummer a:focus,
.region-newsletter .views-field-field-telefon-nummer a:active,
.region-newsletter .field-type-link-field .field-item a:hover,
.region-newsletter .field-type-link-field .field-item a:focus,
.region-newsletter .field-type-link-field .field-item a:active,
.region-newsletter .field-name-field-link .field-item a:hover,
.region-newsletter .field-name-field-link .field-item a:focus,
.region-newsletter .field-name-field-link .field-item a:active,
.region-newsletter a.quiz-start-link:hover,
.region-newsletter a.quiz-start-link:focus,
.region-newsletter a.quiz-start-link:active,
.region-overlay button:hover,
.region-overlay button:focus,
.region-overlay button:active,
.region-overlay html input[type="button"]:hover,
.region-overlay html input[type="button"]:focus,
.region-overlay html input[type="button"]:active,
.region-overlay input[type="reset"]:hover,
.region-overlay input[type="reset"]:focus,
.region-overlay input[type="reset"]:active,
.region-overlay input[type="submit"]:hover,
.region-overlay input[type="submit"]:focus,
.region-overlay input[type="submit"]:active,
.region-overlay .btn:hover,
.region-overlay .btn:focus,
.region-overlay .btn:active,
.region-overlay .more-link a:hover,
.region-overlay .more-link a:focus,
.region-overlay .more-link a:active,
.region-overlay .views-field-field-email-anfrage a:hover,
.region-overlay .views-field-field-email-anfrage a:focus,
.region-overlay .views-field-field-email-anfrage a:active,
.region-overlay .views-field-field-telefon-nummer a:hover,
.region-overlay .views-field-field-telefon-nummer a:focus,
.region-overlay .views-field-field-telefon-nummer a:active,
.region-overlay .field-type-link-field .field-item a:hover,
.region-overlay .field-type-link-field .field-item a:focus,
.region-overlay .field-type-link-field .field-item a:active,
.region-overlay .field-name-field-link .field-item a:hover,
.region-overlay .field-name-field-link .field-item a:focus,
.region-overlay .field-name-field-link .field-item a:active,
.region-overlay a.quiz-start-link:hover,
.region-overlay a.quiz-start-link:focus,
.region-overlay a.quiz-start-link:active {
  outline: none;
  color: #69abce !important;
  border-color: none;
  text-decoration: none;
  /* 
  @include box-shadow(0px, 0px, 10px, 0px, rgba(51,51,51,0.6));
  background-color: darken($button-bg,10);
  */
}
/* line 326, ../sass/base/_base-mixin.scss */
#main button:hover::before, #main button:focus::before, #main button:active::before,
#main html input[type="button"]:hover::before,
#main html input[type="button"]:focus::before,
#main html input[type="button"]:active::before,
#main input[type="reset"]:hover::before,
#main input[type="reset"]:focus::before,
#main input[type="reset"]:active::before,
#main input[type="submit"]:hover::before,
#main input[type="submit"]:focus::before,
#main input[type="submit"]:active::before,
#main .btn:hover::before,
#main .btn:focus::before,
#main .btn:active::before, #main .more-link a:hover::before, #main .more-link a:focus::before, #main .more-link a:active::before,
#main .views-field-field-email-anfrage a:hover::before,
#main .views-field-field-email-anfrage a:focus::before,
#main .views-field-field-email-anfrage a:active::before,
#main .views-field-field-telefon-nummer a:hover::before,
#main .views-field-field-telefon-nummer a:focus::before,
#main .views-field-field-telefon-nummer a:active::before,
#main .field-type-link-field .field-item a:hover::before,
#main .field-type-link-field .field-item a:focus::before,
#main .field-type-link-field .field-item a:active::before,
#main .field-name-field-link .field-item a:hover::before,
#main .field-name-field-link .field-item a:focus::before,
#main .field-name-field-link .field-item a:active::before,
#main a.quiz-start-link:hover::before,
#main a.quiz-start-link:focus::before,
#main a.quiz-start-link:active::before,
.region-newsletter button:hover::before,
.region-newsletter button:focus::before,
.region-newsletter button:active::before,
.region-newsletter html input[type="button"]:hover::before,
.region-newsletter html input[type="button"]:focus::before,
.region-newsletter html input[type="button"]:active::before,
.region-newsletter input[type="reset"]:hover::before,
.region-newsletter input[type="reset"]:focus::before,
.region-newsletter input[type="reset"]:active::before,
.region-newsletter input[type="submit"]:hover::before,
.region-newsletter input[type="submit"]:focus::before,
.region-newsletter input[type="submit"]:active::before,
.region-newsletter .btn:hover::before,
.region-newsletter .btn:focus::before,
.region-newsletter .btn:active::before,
.region-newsletter .more-link a:hover::before,
.region-newsletter .more-link a:focus::before,
.region-newsletter .more-link a:active::before,
.region-newsletter .views-field-field-email-anfrage a:hover::before,
.region-newsletter .views-field-field-email-anfrage a:focus::before,
.region-newsletter .views-field-field-email-anfrage a:active::before,
.region-newsletter .views-field-field-telefon-nummer a:hover::before,
.region-newsletter .views-field-field-telefon-nummer a:focus::before,
.region-newsletter .views-field-field-telefon-nummer a:active::before,
.region-newsletter .field-type-link-field .field-item a:hover::before,
.region-newsletter .field-type-link-field .field-item a:focus::before,
.region-newsletter .field-type-link-field .field-item a:active::before,
.region-newsletter .field-name-field-link .field-item a:hover::before,
.region-newsletter .field-name-field-link .field-item a:focus::before,
.region-newsletter .field-name-field-link .field-item a:active::before,
.region-newsletter a.quiz-start-link:hover::before,
.region-newsletter a.quiz-start-link:focus::before,
.region-newsletter a.quiz-start-link:active::before,
.region-overlay button:hover::before,
.region-overlay button:focus::before,
.region-overlay button:active::before,
.region-overlay html input[type="button"]:hover::before,
.region-overlay html input[type="button"]:focus::before,
.region-overlay html input[type="button"]:active::before,
.region-overlay input[type="reset"]:hover::before,
.region-overlay input[type="reset"]:focus::before,
.region-overlay input[type="reset"]:active::before,
.region-overlay input[type="submit"]:hover::before,
.region-overlay input[type="submit"]:focus::before,
.region-overlay input[type="submit"]:active::before,
.region-overlay .btn:hover::before,
.region-overlay .btn:focus::before,
.region-overlay .btn:active::before,
.region-overlay .more-link a:hover::before,
.region-overlay .more-link a:focus::before,
.region-overlay .more-link a:active::before,
.region-overlay .views-field-field-email-anfrage a:hover::before,
.region-overlay .views-field-field-email-anfrage a:focus::before,
.region-overlay .views-field-field-email-anfrage a:active::before,
.region-overlay .views-field-field-telefon-nummer a:hover::before,
.region-overlay .views-field-field-telefon-nummer a:focus::before,
.region-overlay .views-field-field-telefon-nummer a:active::before,
.region-overlay .field-type-link-field .field-item a:hover::before,
.region-overlay .field-type-link-field .field-item a:focus::before,
.region-overlay .field-type-link-field .field-item a:active::before,
.region-overlay .field-name-field-link .field-item a:hover::before,
.region-overlay .field-name-field-link .field-item a:focus::before,
.region-overlay .field-name-field-link .field-item a:active::before,
.region-overlay a.quiz-start-link:hover::before,
.region-overlay a.quiz-start-link:focus::before,
.region-overlay a.quiz-start-link:active::before {
  background-position: 10px -890px;
}

/* end main */
/* line 62, ../sass/elements/_form-button.scss */
.form-actions input[type="button"],
.form-actions input[type="reset"],
.form-actions input[type="submit"] {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

/* line 72, ../sass/elements/_form-button.scss */
.views-field-field-url a,
.views-field-field-download a,
.views-field-field-pdf a,
.field-name-field-video a {
  white-space: normal;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  background-color: none;
  border: none;
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  /* @include font-size($button-font-size);*/
  font-weight: 700;
  letter-spacing: 1px;
  text-decoration: none !important;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0  40px;
  min-width: 50px;
  max-width: 100%;
  width: auto;
  position: relative;
  display: inline-block;
  line-height: 2.625em;
  line-height: 42px;
  height: 42px;
  margin: .5em auto .5em;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  color: #3d6174 !important;
  /*
  	&::before, &::after {
  		@include transition (all .15s linear);
  			content: '';
  			width: 0;
  			height: 0;
  	}
  */
}
/* line 105, ../sass/elements/_form-button.scss */
.views-field-field-url a:hover, .views-field-field-url a:focus, .views-field-field-url a:active,
.views-field-field-download a:hover,
.views-field-field-download a:focus,
.views-field-field-download a:active,
.views-field-field-pdf a:hover,
.views-field-field-pdf a:focus,
.views-field-field-pdf a:active,
.field-name-field-video a:hover,
.field-name-field-video a:focus,
.field-name-field-video a:active {
  color: #69abce !important;
  outline: none;
  text-decoration: none;
}
/* line 119, ../sass/elements/_form-button.scss */
.views-field-field-url a:hover::before, .views-field-field-url a:hover::after, .views-field-field-url a:focus::before, .views-field-field-url a:focus::after, .views-field-field-url a:active::before, .views-field-field-url a:active::after,
.views-field-field-download a:hover::before,
.views-field-field-download a:hover::after,
.views-field-field-download a:focus::before,
.views-field-field-download a:focus::after,
.views-field-field-download a:active::before,
.views-field-field-download a:active::after,
.views-field-field-pdf a:hover::before,
.views-field-field-pdf a:hover::after,
.views-field-field-pdf a:focus::before,
.views-field-field-pdf a:focus::after,
.views-field-field-pdf a:active::before,
.views-field-field-pdf a:active::after,
.field-name-field-video a:hover::before,
.field-name-field-video a:hover::after,
.field-name-field-video a:focus::before,
.field-name-field-video a:focus::after,
.field-name-field-video a:active::before,
.field-name-field-video a:active::after {
  border-bottom-color: #3d6174;
  border-top-color: #3d6174;
}

/* end input buttons */
/* end input buttons */
/* line 137, ../sass/elements/_form-button.scss */
.views-field-field-download a,
.field-name-field-download .field-item a,
.field-name-field-downloads .field-item a {
  color: #3d6174;
  position: relative;
  padding: 6px 0 6px 40px;
  margin-bottom: 1em;
}
/* line 143, ../sass/elements/_form-button.scss */
.views-field-field-download a::before,
.field-name-field-download .field-item a::before,
.field-name-field-downloads .field-item a::before {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  content: '';
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: -1px;
  background: url(../img/sprite_beni.svg) no-repeat 100% -939px;
}
/* line 153, ../sass/elements/_form-button.scss */
.views-field-field-download a:hover, .views-field-field-download a:focus, .views-field-field-download a:active,
.field-name-field-download .field-item a:hover,
.field-name-field-download .field-item a:focus,
.field-name-field-download .field-item a:active,
.field-name-field-downloads .field-item a:hover,
.field-name-field-downloads .field-item a:focus,
.field-name-field-downloads .field-item a:active {
  color: #050505;
  color: #3d6174;
}
/* line 156, ../sass/elements/_form-button.scss */
.views-field-field-download a:hover::before, .views-field-field-download a:focus::before, .views-field-field-download a:active::before,
.field-name-field-download .field-item a:hover::before,
.field-name-field-download .field-item a:focus::before,
.field-name-field-download .field-item a:active::before,
.field-name-field-downloads .field-item a:hover::before,
.field-name-field-downloads .field-item a:focus::before,
.field-name-field-downloads .field-item a:active::before {
  background-position: 100% -937px;
}

/* line 163, ../sass/elements/_form-button.scss */
.field-name-field-download .field-item a,
.views-field-field-download a {
  margin-top: 2em;
  background-position: 100% -583px;
}
/* line 166, ../sass/elements/_form-button.scss */
.field-name-field-download .field-item a:hover, .field-name-field-download .field-item a:focus, .field-name-field-download .field-item a:active,
.views-field-field-download a:hover,
.views-field-field-download a:focus,
.views-field-field-download a:active {
  background-position: 100% -580px;
}

/* Ausnahmen */
/* line 172, ../sass/elements/_form-button.scss */
.baguetteBox-button {
  background-image: none;
}

/* line 177, ../sass/elements/_form-button.scss */
.btn.download {
  background-image: none;
}
/* line 179, ../sass/elements/_form-button.scss */
.btn.download a {
  padding-bottom: 36px;
  display: block;
  z-index: 10;
  position: relative;
}
/* line 184, ../sass/elements/_form-button.scss */
.btn.download a:hover, .btn.download a:focus, .btn.download a:active {
  color: #050505;
}

/* line 187, ../sass/elements/_form-button.scss */
.btn.download::after {
  background: url("../img/sprite_beni.svg") no-repeat center -1498px;
  background-position: center -1296px;
  background-color: none;
  opacity: 1;
  transition: all .15s ease-in-out;
  /* transform: rotate(90deg); */
  margin-top: -36px;
  z-index: 1;
}

/* line 198, ../sass/elements/_form-button.scss */
.btn.download:hover::after,
.btn.download:focus::after {
  /*  transform: rotate(0); */
  opacity: 1;
  background-color: transparent;
  background-position: center -1291px;
}

/* buttons via wysiwyg */
/* line 206, ../sass/elements/_form-button.scss */
a.btn.download::after {
  margin-top: 0;
}

/*
*/
/* line 220, ../sass/elements/_form-button.scss */
#main aside button,
#main aside html input[type="button"],
#main aside input[type="reset"],
#main aside input[type="submit"],
#main aside .btn, #main aside .more-link a,
#main aside .field-type-link-field .field-item a {
  width: auto;
  max-width: 100%;
}

/* line 233, ../sass/elements/_form-button.scss */
.btn--primary {
  background-color: #3d6174;
  border-color: #2b4553;
  color: white;
}
/* line 238, ../sass/elements/_form-button.scss */
.btn--primary:visited {
  background-color: #3d6174;
  border-color: #2b4553;
  color: white;
  text-decoration: none;
}
/* line 246, ../sass/elements/_form-button.scss */
.btn--primary:hover, .btn--primary:focus, .btn--primary:active {
  background-color: #345363;
  border-color: #233742;
  color: white;
}

/* line 254, ../sass/elements/_form-button.scss */
.btn--mini {
  padding: 3px 12px 4px;
  font-size: 15px;
  font-size: 1.5rem;
}

/* line 258, ../sass/elements/_form-button.scss */
a.btn--mini {
  padding-top: 0;
  padding-bottom: 1px;
}

/* line 264, ../sass/elements/_form-button.scss */
.btn--small {
  padding: 6px 20px;
  font-size: 16px;
  font-size: 1.6rem;
}

/* line 268, ../sass/elements/_form-button.scss */
a.btn--small {
  padding-top: 3px;
  padding-bottom: 3px;
}

/* line 274, ../sass/elements/_form-button.scss */
.btn--large {
  padding: 10px 24px;
  font-size: 24px;
  font-size: 2.4rem;
}

/* line 278, ../sass/elements/_form-button.scss */
a.btn--large {
  padding-top: 8px;
  padding-bottom: 8px;
}

/* line 282, ../sass/elements/_form-button.scss */
.btn--block {
  display: block;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  text-align: center;
}

/* line 5, ../sass/elements/_form-input.scss */
.form-control,
input[type="text"],
.form-item .form-select,
.form-item .form-text,
.form-item .form-textarea {
  -webkit-appearance: none;
  display: block;
  width: 100%;
  min-width: 100px;
  max-width: 300px;
  margin-bottom: 1.35rem;
  padding: 0 10px;
  background-color: #fcfcfc;
  background-image: none;
  border: 1px solid #e4e4e4;
  border-radius: 0.25em;
  border-bottom: 1px solid #c1ccd2;
  box-sizing: border-box;
  font-family: "Roboto Condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.35rem;
  line-height: 1.4;
  line-height: 44px;
  color: #454545;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/* line 30, ../sass/elements/_form-input.scss */
.form-control:focus,
input[type="text"]:focus,
.form-item .form-select:focus,
.form-item .form-text:focus,
.form-item .form-textarea:focus {
  color: #454545;
  outline: none;
  border-color: #7d7674;
  background-color: white;
  border: 1px solid #3d6174;
  -webkit-box-shadow: 0 2px 2px rgba(32, 133, 146, 0.5) ;
  -moz-box-shadow: 0 2px 2px rgba(32, 133, 146, 0.5) ;
  box-shadow: 0 2px 2px rgba(32, 133, 146, 0.5) ;
}

/*
label {
  position: absolute;
  top: $font-lineheight;
  color: rgba($brightgrey, .5);
  cursor: text;
}

input, select, textarea  { 
&:focus {
    ~label {
      top: 0;
	  color: rgba($brightgrey, .75);
	  color: $green;
    }
}
}
*/
/* line 64, ../sass/elements/_form-input.scss */
input::-webkit-input-placeholder {
  color: #5f5f5f;
  font-family: "Roboto Condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}
/* line 69, ../sass/elements/_form-input.scss */
input:-moz-placeholder {
  color: #5f5f5f;
  font-family: "Roboto Condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}
/* line 74, ../sass/elements/_form-input.scss */
input::-moz-placeholder {
  color: #5f5f5f;
}
/* line 77, ../sass/elements/_form-input.scss */
input:-ms-input-placeholder {
  color: #5f5f5f;
}

/* line 81, ../sass/elements/_form-input.scss */
[placeholder]:focus::-webkit-input-placeholder {
  opacity: 0;
  transition: opacity .5s .5s ease;
}

/* line 86, ../sass/elements/_form-input.scss */
input[type="radio"],
input[type="checkbox"] {
  margin: 2px 0 0 10px;
  margin-top: 1px \9;
  line-height: normal;
}

/* line 91, ../sass/elements/_form-input.scss */
textarea.form-control {
  height: 160px;
  resize-x: none;
}

/* line 95, ../sass/elements/_form-input.scss */
select.form-control {
  margin-bottom: 1.35rem;
  width: auto;
  max-width: 100%;
  border-radius: 0;
}

/* line 100, ../sass/elements/_form-input.scss */
input[type="search"] {
  -webkit-appearance: none;
}

/* UI SLIDER */
/* line 106, ../sass/elements/_form-input.scss */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 0 none;
  background-color: #3d6174;
  background-image: url(none);
  top: -3px;
  margin-left: 0;
}

/* line 114, ../sass/elements/_form-input.scss */
.ui-widget-content {
  border: 1px solid #ddd;
  background-color: white;
  background-image: url(none);
}

/* line 1, ../sass/elements/_form.scss */
form {
  margin: 0 0 1.35rem 0;
  padding: 0;
  border: 0;
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  width: 100%;
}
/* line 8, ../sass/elements/_form.scss */
form p {
  margin-bottom: 0.675rem;
}
/* line 11, ../sass/elements/_form.scss */
form ul {
  list-style-type: none;
  margin: 0 0 1.35rem 0;
  padding: 0;
}
/* line 16, ../sass/elements/_form.scss */
form li {
  margin-bottom: 0;
}
/* line 20, ../sass/elements/_form.scss */
form .form-item {
  margin: 0 0 0.75em;
}
/* line 23, ../sass/elements/_form.scss */
form .item-list {
  font-size: 12px;
  font-size: 1.2rem;
}

/* line 29, ../sass/elements/_form.scss */
legend {
  display: block;
  width: 100%;
  margin-bottom: 1.35rem;
  margin-top: 2em;
  padding: 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: inherit;
  color: #454545;
  border: 0;
}
/* line 40, ../sass/elements/_form.scss */
legend fieldset {
  margin-bottom: 1.35rem;
  padding: 0;
  border: 0;
  min-width: 0;
}
/* line 46, ../sass/elements/_form.scss */
legend fieldset:last-of-type {
  margin-bottom: 0;
}
/* line 48, ../sass/elements/_form.scss */
legend span {
  background-image: none !important;
}

/* line 51, ../sass/elements/_form.scss */
fieldset#edit-body-und-0-format {
  display: none;
}

/* line 52, ../sass/elements/_form.scss */
.page-node-add-finance-lab-inhalt legend span {
  display: none;
}

/* line 55, ../sass/elements/_form.scss */
label {
  display: block;
  max-width: 100%;
  width: auto;
  margin-bottom: 0;
  font-size: 15px;
  font-size: 1.5rem;
  color: #454545;
  font-weight: 300;
  text-transform: uppercase;
}

/* line 68, ../sass/elements/_form.scss */
div.collapsible h2 {
  margin: 1em 0;
}
/* line 70, ../sass/elements/_form.scss */
div.collapsible h2 a {
  display: block;
  background: url("../img/sprite_sefipa.svg") no-repeat left -940px;
  padding-left: 30px;
}

/* line 1, ../sass/elements/_hr.scss */
hr {
  clear: both;
  display: block;
  margin: 1.35rem 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-bottom: 1px solid #3d6174;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* line 1, ../sass/elements/_hr.scss */
  hr {
    border-width: .5px;
  }
}

/*
img[width],
img[height] {
max-width : none; 
}
*/
/* line 9, ../sass/elements/_img.scss */
img {
  max-width: 100%;
  width: 100%;
  border-width: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

/* line 16, ../sass/elements/_img.scss */
.not-front #content img {
  /*	@include box-shadow(0, 2px, 3px, rgba(0, 0, 0, 0.25)); 
  	margin: .5em 1.5em .75em 0;
  	 */
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 25, ../sass/elements/_img.scss */
.not-front #content img:hover, .not-front #content img:focus, .not-front #content img:active {
  -webkit-filter: grayscale(0.18);
  filter: grayscale(0.18);
  opacity: 0.98;
  filter: alpha(opacity=98);
}

/* line 33, ../sass/elements/_img.scss */
#content .field-name-body img {
  padding: .5em;
  height: auto !important;
}

/* line 37, ../sass/elements/_img.scss */
#content article .field-name-field-contentimage img {
  padding: 0;
  margin: 0 0 1.5em 0;
}

/* line 44, ../sass/elements/_img.scss */
div#views_infinite_scroll-ajax-loader img {
  height: 22px !important;
  width: 86px !important;
}

/* line 49, ../sass/elements/_img.scss */
img.file-icon {
  display: none;
}

/* line 50, ../sass/elements/_img.scss */
#content img.noborder {
  border: 0 none;
  -webkit-box-shadow: 0 0 0 transparent ;
  -moz-box-shadow: 0 0 0 transparent ;
  box-shadow: 0 0 0 transparent ;
}

/* line 53, ../sass/elements/_img.scss */
#content .field-name-body img.img--right,
.img--right {
  float: right;
  margin-right: 0;
  margin-bottom: 1.35rem;
  margin-left: 40px;
  width: auto;
}

/* line 61, ../sass/elements/_img.scss */
#content .field-name-body img.img--left,
.img--left {
  float: left;
  width: auto;
  margin-left: 0;
  margin-right: 40px;
  margin-bottom: 1.35rem;
}

/* line 69, ../sass/elements/_img.scss */
#content .field-name-body img.img--center,
.img--center {
  display: block;
  width: auto;
  margin-right: auto;
  margin-bottom: 1.35rem;
  margin-left: auto;
}

/* line 80, ../sass/elements/_img.scss */
.img--right img,
.img--left img,
.img--center img {
  width: auto;
}

/* CAPTIONS & FIGURES */
/* line 85, ../sass/elements/_img.scss */
.image-field-caption {
  margin: 0;
}
/* line 87, ../sass/elements/_img.scss */
.image-field-caption p {
  margin: 0;
  color: #7d7674;
  line-height: 2rem;
  font-size: 1.4rem;
  text-align: center;
  padding: 0 .75em;
}
/* line 95, ../sass/elements/_img.scss */
.image-field-caption p.small {
  font-size: 1.2rem;
}

/*  alter Kram ************************ */
/* line 102, ../sass/elements/_img.scss */
figure {
  display: block;
  margin: 0 0 1.35rem 0;
}
/* line 106, ../sass/elements/_img.scss */
figure img {
  margin-bottom: 1.35rem;
}

/* line 110, ../sass/elements/_img.scss */
figcaption {
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
}

@-webkit-viewport {
  width: device-width;
}

@-moz-viewport {
  width: device-width;
}

@-ms-viewport {
  width: device-width;
}

@-o-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

/* line 17, ../sass/elements/_site.scss */
html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: white;
  -webkit-text-size-adjust: 100%;
}

/* line 25, ../sass/elements/_site.scss */
body {
  margin: 0;
  padding: 0;
  background: white;
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-weight: 400;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  color: #454545;
}
@media (min-width: 768px) {
  /* line 25, ../sass/elements/_site.scss */
  body {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 87.5em) {
  /* line 25, ../sass/elements/_site.scss */
  body {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

/* line 42, ../sass/elements/_site.scss */
a, button, input, select, textarea, label, summary {
  touch-action: manipulation;
}

/* line 1, ../sass/elements/_table.scss */
table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.35rem;
  border-collapse: collapse;
  border: none;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  /*
  font-family : $table-font-family; */
}

/* line 15, ../sass/elements/_table.scss */
th,
td {
  padding: 8px;
  border-top: 0 solid #7d7674;
  line-height: 1.6;
  text-align: left;
  vertical-align: top;
  /*   @include font-size($table-font-size);   */
}

/* line 24, ../sass/elements/_table.scss */
th {
  font-family: "Roboto Condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  text-align: left;
}

/* line 33, ../sass/elements/_table.scss */
.table--condensed th,
.table--condensed td {
  padding: 4px;
  font-size: 12px;
  font-size: 1.2rem;
}

/* line 41, ../sass/elements/_table.scss */
.table--stripe tbody tr:nth-child(odd) td,
.table--stripe tbody tr:nth-child(odd) th {
  background-color: white;
  color: #454545;
}

/* line 1, ../sass/elements/_type-heading.scss */
h1, h2, h3, h4, h5 {
  margin-top: 0;
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  letter-spacing: 1px;
}
/* line 5, ../sass/elements/_type-heading.scss */
h1 a, h2 a, h3 a, h4 a, h5 a {
  text-decoration: none !important;
}

/* line 8, ../sass/elements/_type-heading.scss */
h1 {
  margin-bottom: 0.675rem;
  font-weight: 300;
  font-weight: 100;
  color: #3d6174;
  font-size: 26px;
  font-size: 2.6rem;
}
@media (min-width: 37.5em) {
  /* line 8, ../sass/elements/_type-heading.scss */
  h1 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media (min-width: 768px) {
  /* line 8, ../sass/elements/_type-heading.scss */
  h1 {
    font-size: 38px;
    font-size: 3.8rem;
  }
}
@media (min-width: 56.25em) {
  /* line 8, ../sass/elements/_type-heading.scss */
  h1 {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media (min-width: 64em) {
  /* line 8, ../sass/elements/_type-heading.scss */
  h1 {
    font-size: 46px;
    font-size: 4.6rem;
  }
}

/* line 21, ../sass/elements/_type-heading.scss */
h2 {
  margin-bottom: 0.45rem;
  font-weight: 300;
  line-height: 1.3;
  color: #3d6174;
  font-size: 22px;
  font-size: 2.2rem;
}
@media (min-width: 37.5em) {
  /* line 21, ../sass/elements/_type-heading.scss */
  h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media (min-width: 768px) {
  /* line 21, ../sass/elements/_type-heading.scss */
  h2 {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media (min-width: 64em) {
  /* line 21, ../sass/elements/_type-heading.scss */
  h2 {
    font-size: 38px;
    font-size: 3.8rem;
  }
}

/* line 32, ../sass/elements/_type-heading.scss */
p + h2 {
  margin-top: 1em;
}

/* line 36, ../sass/elements/_type-heading.scss */
h3 {
  margin-top: 1em;
  margin-bottom: 0.45rem;
  line-height: 1.3;
  color: #3d6174;
  letter-spacing: 0;
  font-weight: 300;
  /*
  	@include font-size(22);
  	@include bp(bp4) {@include font-size(26); }
  	@include bp(bp4b900) {@include font-size(32); }
  	@include bp(bp5) {@include font-size(36); }
  */
  font-size: 18px;
  font-size: 1.8rem;
}
@media (min-width: 37.5em) {
  /* line 36, ../sass/elements/_type-heading.scss */
  h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media (min-width: 768px) {
  /* line 36, ../sass/elements/_type-heading.scss */
  h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media (min-width: 75em) {
  /* line 36, ../sass/elements/_type-heading.scss */
  h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}

/* line 58, ../sass/elements/_type-heading.scss */
h4 {
  margin-bottom: 0.45rem;
  font-weight: 300;
  color: #3d6174;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (min-width: 37.5em) {
  /* line 58, ../sass/elements/_type-heading.scss */
  h4 {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
@media (min-width: 768px) {
  /* line 58, ../sass/elements/_type-heading.scss */
  h4 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media (min-width: 75em) {
  /* line 58, ../sass/elements/_type-heading.scss */
  h4 {
    font-size: 20px;
    font-size: 2rem;
  }
}

/* line 70, ../sass/elements/_type-heading.scss */
h5 {
  margin-bottom: 0.3375rem;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 300;
}
@media (min-width: 768px) {
  /* line 70, ../sass/elements/_type-heading.scss */
  h5 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/* line 84, ../sass/elements/_type-heading.scss */
.page-node h1#page-title,
.page-node h1.node__title,
.page-views h1#page-title,
.page-views h1.node__title {
  margin: 2rem 0 .75em 0;
  line-height: 1.2;
  font-weight: 300;
  text-transform: uppercase;
  margin: 0;
  padding: 2rem 0 .75em 0;
  margin: 0;
  font-weight: 100;
  letter-spacing: 4px;
  font-size: 26px;
  font-size: 2.6rem;
}
@media (min-width: 30em) {
  /* line 84, ../sass/elements/_type-heading.scss */
  .page-node h1#page-title,
  .page-node h1.node__title,
  .page-views h1#page-title,
  .page-views h1.node__title {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 6px;
  }
}
@media (min-width: 37.5em) {
  /* line 84, ../sass/elements/_type-heading.scss */
  .page-node h1#page-title,
  .page-node h1.node__title,
  .page-views h1#page-title,
  .page-views h1.node__title {
    font-size: 32px;
    font-size: 3.2rem;
    letter-spacing: 10px;
  }
}
@media (min-width: 768px) {
  /* line 84, ../sass/elements/_type-heading.scss */
  .page-node h1#page-title,
  .page-node h1.node__title,
  .page-views h1#page-title,
  .page-views h1.node__title {
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: .25em;
  }
}
@media (min-width: 64em) {
  /* line 84, ../sass/elements/_type-heading.scss */
  .page-node h1#page-title,
  .page-node h1.node__title,
  .page-views h1#page-title,
  .page-views h1.node__title {
    font-size: 46px;
    font-size: 4.6rem;
    letter-spacing: .375em;
  }
}
@media (min-width: 75em) {
  /* line 84, ../sass/elements/_type-heading.scss */
  .page-node h1#page-title,
  .page-node h1.node__title,
  .page-views h1#page-title,
  .page-views h1.node__title {
    font-size: 52px;
    font-size: 5.2rem;
  }
}

/* line 106, ../sass/elements/_type-heading.scss */
.page-node h1#page-title,
.page-node h1.node__title {
  letter-spacing: 5px;
  width: 100%;
}
@media (min-width: 30em) {
  /* line 106, ../sass/elements/_type-heading.scss */
  .page-node h1#page-title,
  .page-node h1.node__title {
    width: 80%;
  }
}

/* line 115, ../sass/elements/_type-heading.scss */
h2.block__title {
  line-height: 1.2;
}

/* line 120, ../sass/elements/_type-heading.scss */
#content h2.block__title {
  margin: 1em 0 .5em;
}

/* line 127, ../sass/elements/_type-heading.scss */
div#page-title2 {
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  position: fixed;
  top: 23px;
  top: 70px;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 0px;
}
/* line 137, ../sass/elements/_type-heading.scss */
div#page-title2.smaller {
  margin: .25em 0 .5em 0;
  text-align: center;
  margin: 0 auto !important;
  height: 30px !important;
  line-height: 30px !important;
  z-index: 9;
  letter-spacing: 0;
  font-weight: 300;
  font-size: 13px;
  font-size: 1.3rem;
  text-transform: none;
  color: #e0054c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: none;
  width: 100%;
  background-color: #f6f6f6;
  font-size: 12px;
  font-size: 1.2rem;
  /*
  	@include bp(bp6) { width: 50%; }
  	@include bp(bp8) { right: 13%; }
  */
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f6f6+0,f6f6f6+100&0+0,1+16 */
  background: -moz-linear-gradient(right, rgba(246, 246, 246, 0) 0%, white 16%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(right, rgba(246, 246, 246, 0) 0%, white 16%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(246, 246, 246, 0) 0%, #ffffff 16%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f6f6f6', endColorstr='#f6f6f6',GradientType=1 );
  /* IE6-9 */
}
@media (min-width: 56.25em) {
  /* line 137, ../sass/elements/_type-heading.scss */
  div#page-title2.smaller {
    width: 66.66%;
    right: 0;
    display: block;
    text-align: right;
    opacity: 0.92;
    filter: alpha(opacity=92);
  }
}
@media (min-width: 64em) {
  /* line 137, ../sass/elements/_type-heading.scss */
  div#page-title2.smaller {
    width: 50%;
  }
}
/* line 171, ../sass/elements/_type-heading.scss */
div#page-title2.smaller span {
  display: inline-block;
}
/* line 172, ../sass/elements/_type-heading.scss */
div#page-title2.smaller .constrained {
  max-width: 600px;
  width: 67.5%;
}

/*   AUSNAHMEN */
/* this is used in  Projekte Ausnahme, where only the first line of h1 page-title should be as big as h1 */
/* line 193, ../sass/elements/_type-heading.scss */
.page-projekte.page-views h1#page-title span {
  line-height: 1;
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
}
@media (min-width: 768px) {
  /* line 193, ../sass/elements/_type-heading.scss */
  .page-projekte.page-views h1#page-title span {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media (min-width: 64em) {
  /* line 193, ../sass/elements/_type-heading.scss */
  .page-projekte.page-views h1#page-title span {
    font-size: 20px;
    font-size: 2rem;
  }
}
/* line 200, ../sass/elements/_type-heading.scss */
.page-projekte.page-views h1#page-title span::first-line {
  font-size: 22px;
  font-size: 2.2rem;
}
@media (min-width: 37.5em) {
  /* line 200, ../sass/elements/_type-heading.scss */
  .page-projekte.page-views h1#page-title span::first-line {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media (min-width: 768px) {
  /* line 200, ../sass/elements/_type-heading.scss */
  .page-projekte.page-views h1#page-title span::first-line {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media (min-width: 56.25em) {
  /* line 200, ../sass/elements/_type-heading.scss */
  .page-projekte.page-views h1#page-title span::first-line {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media (min-width: 64em) {
  /* line 200, ../sass/elements/_type-heading.scss */
  .page-projekte.page-views h1#page-title span::first-line {
    font-size: 37px;
    font-size: 3.7rem;
  }
}
/* line 210, ../sass/elements/_type-heading.scss */
.page-projekte.page-views h1#page-title.smaller span {
  line-height: 2;
}
/* line 212, ../sass/elements/_type-heading.scss */
.page-projekte.page-views h1#page-title.smaller span::first-line {
  color: #3d6174;
  text-align: right;
  font-size: 12px;
  font-size: 1.2rem;
}
@media (min-width: 64em) {
  /* line 212, ../sass/elements/_type-heading.scss */
  .page-projekte.page-views h1#page-title.smaller span::first-line {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/* line 1, ../sass/elements/_type-list.scss */
ul, ol {
  margin: 0 0 1.35rem 0;
  padding: 0 0 0 40px;
}
@media (min-width: 37.5em) {
  /* line 1, ../sass/elements/_type-list.scss */
  ul, ol {
    margin: 0 0 1.35rem 0;
  }
}

/* line 10, ../sass/elements/_type-list.scss */
li {
  margin-bottom: 0.16875rem;
}

/* line 15, ../sass/elements/_type-list.scss */
#content section:not(.content_row0) .field-item li,
#content .view-content .views-field-body li,
#content .field-name-body li {
  background: url(../img/listitem.svg) no-repeat 2px 9px;
  list-style: none;
  list-item: none;
  padding-left: 18px;
  text-align: left;
}

/* line 24, ../sass/elements/_type-list.scss */
li > ul,
li > ol {
  list-style-type: none;
  margin: 1.5rem 0 0 40px;
  padding: 0;
}

/* line 29, ../sass/elements/_type-list.scss */
dt {
  margin-bottom: 0.16875rem;
  font-size: 20px;
  font-size: 2rem;
}

/* line 33, ../sass/elements/_type-list.scss */
dd {
  margin-bottom: 2.7rem;
  margin-left: 0;
  line-height: 1.3;
}

/* line 42, ../sass/elements/_type-list.scss */
.list--inline {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
@media (min-width: 37.5em) {
  /* line 42, ../sass/elements/_type-list.scss */
  .list--inline {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 37.5em) {
  /* line 52, ../sass/elements/_type-list.scss */
  .list--inline li {
    display: inline-block;
    margin-right: 40px;
  }
}
/* line 58, ../sass/elements/_type-list.scss */
.list--inline li:last-child {
  margin-right: 0;
}

/* line 67, ../sass/elements/_type-list.scss */
.list--plain {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}

/* line 1, ../sass/elements/_type-misc.scss */
::-moz-selection {
  background-color: #38383a;
  color: white;
  text-shadow: none;
}

/* line 7, ../sass/elements/_type-misc.scss */
::selection {
  background-color: #38383a;
  color: white;
  text-shadow: none;
}

/* line 15, ../sass/elements/_type-misc.scss */
address {
  margin-bottom: 1.35rem;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
}

/* line 20, ../sass/elements/_type-misc.scss */
abbr[title] {
  border-bottom: 1px dotted #3d6174;
  cursor: help;
}

/* line 24, ../sass/elements/_type-misc.scss */
.amp {
  font-family: local("Georgia"), local("Garamond"), local("Palatino"), local("Book Antiqua");
}

/* line 27, ../sass/elements/_type-misc.scss */
dfn {
  font-style: italic;
}

/* line 30, ../sass/elements/_type-misc.scss */
ins {
  background-color: white;
  color: #454545;
  text-decoration: none;
}

/* line 35, ../sass/elements/_type-misc.scss */
mark {
  background-color: white;
  color: #454545;
  font-style: italic;
  font-weight: bold;
}

/* line 41, ../sass/elements/_type-misc.scss */
small {
  font-size: 15px;
  font-size: 1.5rem;
}

/* line 44, ../sass/elements/_type-misc.scss */
.submitted {
  font-size: 12px;
  font-size: 1.2rem;
  color: #454545;
}

/* line 49, ../sass/elements/_type-misc.scss */
two
b, strong {
  font-weight: 500;
}

/* line 53, ../sass/elements/_type-misc.scss */
i, em {
  font-style: italic;
}

/* line 59, ../sass/elements/_type-misc.scss */
code {
  vertical-align: middle;
  padding: .25em .5em;
  background-color: white;
}

/* line 64, ../sass/elements/_type-misc.scss */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* line 74, ../sass/elements/_type-misc.scss */
sub,
sup {
  position: relative;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 0;
}

/* line 79, ../sass/elements/_type-misc.scss */
sup {
  top: -0.5em;
}

/* line 82, ../sass/elements/_type-misc.scss */
sub {
  bottom: -0.25em;
}

/* line 86, ../sass/elements/_type-misc.scss */
.field .field-label {
  font-weight: 300;
}

/* line 1, ../sass/elements/_type-paragraph.scss */
p {
  margin-bottom: 1.35rem;
  line-height: 1.5;
  /*
  @include font-size($font-size);
  */
}
@media (min-width: 768px) {
  /* line 1, ../sass/elements/_type-paragraph.scss */
  p {
    line-height: 1.6;
  }
}
@media (min-width: 64em) {
  /* line 1, ../sass/elements/_type-paragraph.scss */
  p {
    line-height: 1.7;
  }
}

/* line 16, ../sass/elements/_type-paragraph.scss */
#main article .field-item p, #main article .field-item h2, #main article .field-item h3, #main article .field-item h4 {
  margin-bottom: 4.05rem;
}

/*
.lead,
#main article .field-name-body p:first-of-type,
#main article .submitted + p {
font-family: $roboto;

@include font-size(17);
@include bp(bp4) {
@include font-size(18);
line-height : 1.6; }
strong { font-weight:400;}
}

*/
/* line 35, ../sass/elements/_type-paragraph.scss */
.secondary {
  font-size: 15px;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  /* line 35, ../sass/elements/_type-paragraph.scss */
  .secondary {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.4;
  }
}

/* line 44, ../sass/elements/_type-paragraph.scss */
.tertiary {
  font-size: 12px;
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  /* line 44, ../sass/elements/_type-paragraph.scss */
  .tertiary {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.4;
  }
}

/* line 52, ../sass/elements/_type-paragraph.scss */
.milli {
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-size: 10px;
  font-size: 1rem;
}
@media (min-width: 768px) {
  /* line 52, ../sass/elements/_type-paragraph.scss */
  .milli {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

/* line 1, ../sass/elements/_type-quote.scss */
blockquote {
  margin: 2.7rem 0 5.4rem;
}
@media (min-width: 37.5em) {
  /* line 1, ../sass/elements/_type-quote.scss */
  blockquote {
    margin: 2.7rem 80px 5.4rem;
  }
}
/* line 7, ../sass/elements/_type-quote.scss */
blockquote p {
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #e0054c;
}
@media (min-width: 768px) {
  /* line 7, ../sass/elements/_type-quote.scss */
  blockquote p {
    font-size: 20px;
    font-size: 2rem;
  }
}
/* line 16, ../sass/elements/_type-quote.scss */
blockquote small {
  font-family: "Roboto Condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  text-transform: uppercase;
}
@media (min-width: 37.5em) {
  /* line 16, ../sass/elements/_type-quote.scss */
  blockquote small {
    padding-left: 80px;
  }
}
/* line 25, ../sass/elements/_type-quote.scss */
blockquote cite {
  font-style: normal;
}

/* Layout rules */
/**
 * @file
 * Positioning for a responsive layout.
 *
 * Define CSS classes to create a fluid grid layout with optional sidebars
 * depending on whether blocks are placed in the left or right sidebars.
 *
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
 */
/* line 29, ../sass/layouts/_responsive.scss */
.constrained {
  max-width: 1160px;
  width: 92%;
  margin: 0 auto;
  *zoom: 1;
  position: relative;
  /*
  */
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border: 0 none;
}
@media (min-width: 768px) {
  /* line 29, ../sass/layouts/_responsive.scss */
  .constrained {
    width: 94%;
  }
}
@media (min-width: 64em) {
  /* line 29, ../sass/layouts/_responsive.scss */
  .constrained {
    width: 92%;
  }
}
@media (min-width: 75em) {
  /* line 29, ../sass/layouts/_responsive.scss */
  .constrained {
    width: 90%;
  }
}

/* line 51, ../sass/layouts/_responsive.scss */
.constrained:after {
  content: "";
  display: table;
  clear: both;
}

/* Apply the shared properties of grid items in a single, efficient ruleset. */
/* line 63, ../sass/layouts/_responsive.scss */
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer {
  padding-left: 20px;
  padding-right: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  padding: 0 !important;
}

/* Containers for grid items and flow items. */
/* line 46, ../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
#header:before, #header:after,
#main:before,
#main:after,
#footer:before,
#footer:after {
  content: "";
  display: table;
}
/* line 50, ../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
#header:after,
#main:after,
#footer:after {
  clear: both;
}

/* Navigation bar */
/* line 79, ../sass/layouts/_responsive.scss */
#main {
  /* Move all the children of #main down to make room. */
  padding-top: 90px;
  padding-bottom: 0;
  position: relative;
}
@media (min-width: 768px) {
  /* line 79, ../sass/layouts/_responsive.scss */
  #main {
    padding-top: 87.5px;
  }
}

/* line 89, ../sass/layouts/_responsive.scss */
#navigation {
   /* Move the navbar up inside #main's padding.
   position: absolute;
   top: 0;
   height: $nav-height;
   width: $zen-grid-width;
*/
}

/* End of @if $zen-reverse-all-floats == false */
/**
 * Use 3 grid columns for smaller screens.
@media all and (min-width: 480px) and (max-width: 768px) {
}

  $zen-column-count: 1;

  .sidebar-second {
    #content {
      @include zen-grid-item(1, 1);
    }

    .region-sidebar-second {
      @include zen-grid-item(1, 1);
    }
  }
 */
/**
 * Use 4 grid columns for larger screens.
@media all and (min-width: 900px) {
@include bp(bp4b900) {
 */
/* line 130, ../sass/layouts/_responsive.scss */
.sidebar-second .region-sidebar-second {
  /*
  	position: fixed;
  	right: 2%;
  	top: 150px;
  	max-width: 240px;
  	background: #eee;
  	section { padding: 1em;}
  	*/
}

@media all and (min-width: 1024px) {
  /**
   * The layout when there is only one sidebar, the right one.
   */
  /* line 151, ../sass/layouts/_responsive.scss */
  .sidebar-second {
    /* Span 3 columns, starting in 1st column from left. */
    /* Span 1 column, starting in 4th column from left. */
  }
  /* line 153, ../sass/layouts/_responsive.scss */
  .sidebar-second #content {
    /*    @include zen-grid-item(3, 1);
    */
  }
  /* line 159, ../sass/layouts/_responsive.scss */
  .sidebar-second .region-sidebar-second {
    /* @include zen-grid-item(1, 4);   */
    position: fixed;
    right: 0;
    top: 90px;
    max-width: 240px;
    z-index: 10;
  }
  /* line 166, ../sass/layouts/_responsive.scss */
  .sidebar-second .region-sidebar-second section {
    padding: 1em;
  }
}
/*
#f9c76c Service				Orange
#4a96d2 Wissenschaft		Blau
#6cc4c8 Chemie				Cyan	
#ea4e59 Lifesciences		Red
#8ac167 Management			Green
#b61615 Chemiereport-Rot	Red - CR
#58666d Chemiereport-Grau		
#a09ba1 Coverstory
*/
@media (min-width: 83.313em) {
  /* line 2, ../sass/layouts/_layout-pattern.scss */
  .pattern__container {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

/* line 13, ../sass/layouts/_layout-pattern.scss */
.pattern__page {
  padding: 2em;
  box-sizing: border-box;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* line 13, ../sass/layouts/_layout-pattern.scss */
  .pattern__page {
    border-width: .5px;
  }
}
@media (min-width: 37.5em) {
  /* line 13, ../sass/layouts/_layout-pattern.scss */
  .pattern__page {
    padding: 2em 3em;
  }
}
@media (min-width: 75em) {
  /* line 13, ../sass/layouts/_layout-pattern.scss */
  .pattern__page {
    flex-grow: 1;
    flex-basis: 50%;
  }
}

/* line 32, ../sass/layouts/_layout-pattern.scss */
.pattern__page__header {
  margin-bottom: 2rem;
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* line 40, ../sass/layouts/_layout-pattern.scss */
.pattern-col-all {
  *zoom: 1;
  margin-bottom: 2rem;
}
/* line 6, ../sass/base/_base-mixin.scss */
.pattern-col-all:before, .pattern-col-all:after {
  content: "";
  display: table;
}
/* line 10, ../sass/base/_base-mixin.scss */
.pattern-col-all:after {
  clear: both;
}

@media (min-width: 768px) {
  /* line 44, ../sass/layouts/_layout-pattern.scss */
  .pattern-col {
    float: left;
    width: 30.6667%;
    margin-right: -100%;
  }
}

@media (min-width: 768px) {
  /* line 52, ../sass/layouts/_layout-pattern.scss */
  .pattern-col1 {
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  /* line 59, ../sass/layouts/_layout-pattern.scss */
  .pattern-col1-col2 {
    width: 65.3333%;
  }
}

@media (min-width: 768px) {
  /* line 64, ../sass/layouts/_layout-pattern.scss */
  .pattern-col2 {
    margin-left: 34.6667%;
  }
}

@media (min-width: 768px) {
  /* line 69, ../sass/layouts/_layout-pattern.scss */
  .pattern-col2-col3 {
    width: 65.3333%;
    margin-left: 34.6667%;
  }
}

@media (min-width: 768px) {
  /* line 75, ../sass/layouts/_layout-pattern.scss */
  .pattern-col3 {
    margin-left: 69.3333%;
  }
}

/* line 80, ../sass/layouts/_layout-pattern.scss */
.pattern__item {
  margin-bottom: 3rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #e3e4e4;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* line 80, ../sass/layouts/_layout-pattern.scss */
  .pattern__item {
    border-width: .5px;
  }
}

/* line 92, ../sass/layouts/_layout-pattern.scss */
.pattern__item:last-child {
  border-bottom-width: 0;
}

/* line 99, ../sass/layouts/_layout-pattern.scss */
.pattern__item h1,
.pattern__item h2,
.pattern__item h3,
.pattern__item h4,
.pattern__item h5 {
  text-align: center;
}

/* line 102, ../sass/layouts/_layout-pattern.scss */
.pattern__type {
  margin-bottom: .75rem;
  text-align: center;
  text-transform: uppercase;
  color: #c7c8c9;
}

/* line 108, ../sass/layouts/_layout-pattern.scss */
.pattern__notes {
  margin-top: 1.5rem;
}

/* line 111, ../sass/layouts/_layout-pattern.scss */
.pattern__notes ul {
  list-style-type: 0;
  margin: 0;
  padding: 0;
  text-align: center;
}

/* line 117, ../sass/layouts/_layout-pattern.scss */
.pattern__notes li {
  display: inline-block;
  margin-right: 22px;
  font-size: 1.4rem;
  color: #c7c8c9;
}

/* line 123, ../sass/layouts/_layout-pattern.scss */
.pattern__notes li:last-child {
  margin-right: 0;
}

/* INDEX PAGE */
/* line 131, ../sass/layouts/_layout-pattern.scss */
#pattern__index {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 100vh;
  background-color: #fff;
}

/* COVER PAGE */
/* line 148, ../sass/layouts/_layout-pattern.scss */
#pattern__cover {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  min-height: 90vh;
  background: #f5f5f5;
  background-size: cover;
  border-color: #624f8b;
  color: #454545;
}

/* line 160, ../sass/layouts/_layout-pattern.scss */
.pattern__cover__logo {
  margin-bottom: 3rem;
  text-align: center;
}

/* line 164, ../sass/layouts/_layout-pattern.scss */
.pattern__cover__logo img {
  width: 65.3333%;
}

/* line 167, ../sass/layouts/_layout-pattern.scss */
.pattern__cover__header {
  font-size: 2.4rem;
  text-align: center;
}

/* line 171, ../sass/layouts/_layout-pattern.scss */
.pattern__cover__intro {
  margin-bottom: 3rem;
  font-size: 1.6rem;
  text-align: center;
}

/* line 178, ../sass/layouts/_layout-pattern.scss */
.pattern__contents__footer small {
  font-family: "Roboto Condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}

/* CONTENTS PAGE */
/* line 188, ../sass/layouts/_layout-pattern.scss */
#pattern__contents {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  background-color: #f9f9f9;
  counter-reset: section;
}
/* line 198, ../sass/layouts/_layout-pattern.scss */
#pattern__contents .pattern-col-all {
  flex: 1;
}
@media (min-width: 768px) {
  /* line 201, ../sass/layouts/_layout-pattern.scss */
  #pattern__contents .pattern__contents__columns {
    column-count: 3;
    column-gap: 40px;
  }
}
/* line 207, ../sass/layouts/_layout-pattern.scss */
#pattern__contents .pattern__contents__footer {
  text-align: center;
}

/* line 212, ../sass/layouts/_layout-pattern.scss */
.pattern__contents__header {
  margin-bottom: 2rem;
  font-size: 2.4rem;
}

/* line 216, ../sass/layouts/_layout-pattern.scss */
.pattern__contents__title {
  margin-bottom: 1.5rem;
  font-size: 1.6rem;
}

/* line 220, ../sass/layouts/_layout-pattern.scss */
.pattern__heading {
  margin-bottom: 2rem;
  font-size: 1.6rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #747678;
  text-align: center;
}

/* line 228, ../sass/layouts/_layout-pattern.scss */
.pattern__contents__list {
  list-style-type: none;
  margin-left: 0;
  padding: 0;
  font-size: 1.4rem;
}

/* line 234, ../sass/layouts/_layout-pattern.scss */
.pattern__contents__list li {
  margin-bottom: .5rem;
  font-family: "Roboto Condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}
/* line 238, ../sass/layouts/_layout-pattern.scss */
.pattern__contents__list li::before {
  padding-right: 11px;
  counter-increment: section;
  content: counter(section) "";
  color: #acadae;
}

/* line 245, ../sass/layouts/_layout-pattern.scss */
.pattern__contents__list a {
  text-decoration: none;
  color: #acadae;
}

/* COLOR TONES */
/* line 252, ../sass/layouts/_layout-pattern.scss */
.tones {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  flex: 1;
  background-color: white;
}
/* line 257, ../sass/layouts/_layout-pattern.scss */
.tones div {
  background-color: #3d6174;
  min-height: 100px;
  width: 20%;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
}
/* line 269, ../sass/layouts/_layout-pattern.scss */
.tones div:nth-child(1) {
  opacity: 0.9;
}
/* line 270, ../sass/layouts/_layout-pattern.scss */
.tones div:nth-child(2) {
  opacity: 0.75;
}
/* line 271, ../sass/layouts/_layout-pattern.scss */
.tones div:nth-child(3) {
  opacity: 0.5;
}
/* line 272, ../sass/layouts/_layout-pattern.scss */
.tones div:nth-child(4) {
  opacity: 0.25;
}
/* line 273, ../sass/layouts/_layout-pattern.scss */
.tones div:nth-child(5) {
  opacity: 0.1;
}

/* line 276, ../sass/layouts/_layout-pattern.scss */
.tones:last-child {
  background-color: #050505;
}

/* line 279, ../sass/layouts/_layout-pattern.scss */
.tones.secondary div {
  background-color: #454545;
}

/* line 4, ../sass/layouts/_layout-template.scss */
.flex {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}
/* line 11, ../sass/layouts/_layout-template.scss */
.flex .container {
  flex: 1;
}

/* line 21, ../sass/layouts/_layout-template.scss */
.container {
  margin: 0 20px;
  padding: 1.35rem 0;
  transition: margin 0.25s ease;
}
@media (min-width: 30em) {
  /* line 21, ../sass/layouts/_layout-template.scss */
  .container {
    margin: 0 40px;
  }
}
@media (min-width: 37.5em) {
  /* line 21, ../sass/layouts/_layout-template.scss */
  .container {
    margin: 0 80px;
  }
}
@media (min-width: 768px) {
  /* line 21, ../sass/layouts/_layout-template.scss */
  .container {
    margin: 0 120px;
  }
}
@media (min-width: 75em) {
  /* line 21, ../sass/layouts/_layout-template.scss */
  .container {
    margin: 0 auto;
    width: 80%;
    max-width: 75rem;
  }
}

/* line 46, ../sass/layouts/_layout-template.scss */
.content {
  *zoom: 1;
}
/* line 6, ../sass/base/_base-mixin.scss */
.content:before, .content:after {
  content: "";
  display: table;
}
/* line 10, ../sass/base/_base-mixin.scss */
.content:after {
  clear: both;
}

/* line 49, ../sass/layouts/_layout-template.scss */
.main {
  width: 100%;
}
@media (min-width: 64em) {
  /* line 49, ../sass/layouts/_layout-template.scss */
  .main {
    float: left;
    margin-right: -100%;
    width: 67.1747%;
  }
}

@media (min-width: 64em) {
  /* line 59, ../sass/layouts/_layout-template.scss */
  .complementary {
    float: left;
    margin-right: -100%;
    margin-left: 72.1747%;
    width: 27.8253%;
  }
}

/* line 1, ../sass/layouts/_layout-banner.scss */
[role="banner"] {
  margin-bottom: 1.35rem;
  padding-bottom: 1.35rem;
  border-bottom: 1px solid #3d6174;
}

/* line 1, ../sass/layouts/_layout-sidebar.scss */
aside {
  /*
  @include font-size(13);
  @include bp(bp5) {@include font-size(14);
   }
  line-height: 1.8rem;
  */
  /* end section */
}
/* line 9, ../sass/layouts/_layout-sidebar.scss */
.front aside {
  display: none;
}
/* line 11, ../sass/layouts/_layout-sidebar.scss */
aside section {
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* end block */
}
@media (min-width: 64em) {
  /* line 11, ../sass/layouts/_layout-sidebar.scss */
  aside section {
    padding: 0 0 0 3em;
  }
}
/* line 19, ../sass/layouts/_layout-sidebar.scss */
aside section .block {
  margin: 1em 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}
/* line 21, ../sass/layouts/_layout-sidebar.scss */
aside section .block#block-views-button-ads-block-3 {
  margin: 2em 0 1em 0;
}
@media (min-width: 37.5em) {
  /* line 19, ../sass/layouts/_layout-sidebar.scss */
  aside section .block {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 48%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 48%;
    -ms-flex: 0 1 48%;
    flex: 0 1 48%;
    margin: 1em 0;
  }
}
@media (min-width: 768px) {
  /* line 19, ../sass/layouts/_layout-sidebar.scss */
  aside section .block {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    background-color: transparent;
  }
}
/* line 31, ../sass/layouts/_layout-sidebar.scss */
aside section .block h2.block__title {
  line-height: 1.2;
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}
/* line 36, ../sass/layouts/_layout-sidebar.scss */
aside section .block h2, aside section .block p, aside section .block a, aside section .block li {
  padding: 0;
  margin: 0;
  text-align: left;
}
/* line 40, ../sass/layouts/_layout-sidebar.scss */
aside section .block h2 {
  color: #e0054c;
  font-size: 18px;
  font-size: 1.8rem;
  text-transform: uppercase;
  margin-bottom: .25em;
}
@media (min-width: 64em) {
  /* line 40, ../sass/layouts/_layout-sidebar.scss */
  aside section .block h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
/* line 46, ../sass/layouts/_layout-sidebar.scss */
aside section .block ul, aside section .block li {
  list-style: none !important;
  padding: 0;
  margin: 0;
}
/* line 49, ../sass/layouts/_layout-sidebar.scss */
aside section .block ul ul, aside section .block li ul {
  margin-left: 20px;
}
/* line 54, ../sass/layouts/_layout-sidebar.scss */
aside section .block a, aside section .block a:visited {
  color: #38383a;
}
/* line 56, ../sass/layouts/_layout-sidebar.scss */
aside section .block a:hover, aside section .block a:focus, aside section .block a:visited:hover, aside section .block a:visited:focus {
  color: #e0054c;
}
/* line 58, ../sass/layouts/_layout-sidebar.scss */
aside section .block a.btn {
  color: #3d6174;
  margin: 0 auto;
  display: block;
  border: 1px solid #3d6174;
}
/* line 62, ../sass/layouts/_layout-sidebar.scss */
aside section .block a.btn:hover, aside section .block a.btn:focus {
  color: #e0054c;
  border-color: #454545;
}
/* line 63, ../sass/layouts/_layout-sidebar.scss */
aside section .block .btn::after {
  height: auto;
}
/* line 65, ../sass/layouts/_layout-sidebar.scss */
aside section .block .views-row {
  margin: 0 0 .5em 0;
}

/* end aside */
/* .no-flexbox settings */
/* line 72, ../sass/layouts/_layout-sidebar.scss */
.no-flexbox aside section .block {
  float: left;
  width: 100%;
}
@media (min-width: 37.5em) {
  /* line 72, ../sass/layouts/_layout-sidebar.scss */
  .no-flexbox aside section .block {
    width: 46%;
    margin: 0 2% 1em 2%;
  }
}
@media (min-width: 56.25em) {
  /* line 72, ../sass/layouts/_layout-sidebar.scss */
  .no-flexbox aside section .block {
    float: none;
    width: 100%;
    margin: 0;
  }
  /* line 78, ../sass/layouts/_layout-sidebar.scss */
  .no-flexbox aside section .block:nth-child(3) {
    display: block;
  }
}

/* * SIDEBARS */
/*  LEFT SIDEBAR OVERLAY TOGGLE   */
/* line 93, ../sass/layouts/_layout-sidebar.scss */
.toggler {
  cursor: pointer;
  display: block;
  position: fixed;
  z-index: 989;
  width: 80px;
  height: 80px;
  margin-top: 120px;
  background: url(../img/sprite_beni.svg) no-repeat center -1913px;
  background-color: white;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5) ;
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5) ;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5) ;
  -webkit-transition: all 0.125s linear;
  -moz-transition: all 0.125s linear;
  -ms-transition: all 0.125s linear;
  -o-transition: all 0.125s linear;
  transition: all 0.125s linear;
  opacity: 0.97;
  filter: alpha(opacity=92);
  -webkit-filter: grayscale(0.25);
  filter: grayscale(0.25);
  right: -20px;
}
/* line 111, ../sass/layouts/_layout-sidebar.scss */
.toggler:hover, .toggler:focus {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
/* line 117, ../sass/layouts/_layout-sidebar.scss */
.toggler span {
  display: none;
}
@media (min-width: 37.5em) {
  /* line 93, ../sass/layouts/_layout-sidebar.scss */
  .toggler {
    right: -10px;
    width: 110px;
    height: 110px;
    background-position-y: -1903px;
  }
}
@media (min-width: 768px) {
  /* line 93, ../sass/layouts/_layout-sidebar.scss */
  .toggler {
    right: 0;
  }
}
@media (min-width: 64em) {
  /* line 93, ../sass/layouts/_layout-sidebar.scss */
  .toggler {
    right: 0.75%;
  }
}
@media (min-width: 87.5em) {
  /* line 93, ../sass/layouts/_layout-sidebar.scss */
  .toggler {
    right: 5%;
  }
}
/* line 124, ../sass/layouts/_layout-sidebar.scss */
.toggler.showsidebar {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  z-index: 991;
}
/* line 130, ../sass/layouts/_layout-sidebar.scss */
.toggler.showsidebar span.close {
  display: block;
  position: absolute;
  width: 120px;
  height: 120px;
  background: url(../img/sprite_beni.svg) no-repeat 26px -1378px;
}

/* line 144, ../sass/layouts/_layout-sidebar.scss */
.region-sidebar-second {
  -webkit-transition: all 0.125s linear;
  -moz-transition: all 0.125s linear;
  -ms-transition: all 0.125s linear;
  -o-transition: all 0.125s linear;
  transition: all 0.125s linear;
  z-index: 990;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.9);
  	/*
  display:none;
  	right: -50px !important;
  	min-height:100%;
  	padding-top: $header-height + 10px !important;
  	*/
  	/*
  	width: 200px;
  	position: fixed;
  	top: 250px;
  	padding:1em;
       overflow: visible;
  
      right: 0;
  */
}

/* line 171, ../sass/layouts/_layout-sidebar.scss */
.region-sidebar-second.showsidebar {
  display: block;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) ;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) ;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) ;
  right: 0px !important;
  overflow: unset;
  width: 100%;
  padding-top: 70px !important;
  opacity: 0.98;
  filter: alpha(opacity=98);
  background: #f6f6f6;
}
@media (min-width: 37.5em) {
  /* line 171, ../sass/layouts/_layout-sidebar.scss */
  .region-sidebar-second.showsidebar {
    width: 50vw;
  }
  /* line 183, ../sass/layouts/_layout-sidebar.scss */
  .region-sidebar-second.showsidebar:after {
    border-left: 20vw solid transparent;
    border-top: 100vh solid #f6f6f6;
  }
}
@media (min-width: 768px) {
  /* line 171, ../sass/layouts/_layout-sidebar.scss */
  .region-sidebar-second.showsidebar {
    width: 70vw;
  }
}

/*
*/
/* line 195, ../sass/layouts/_layout-sidebar.scss */
.logged-in .region-sidebar-first {
  min-height: 30%;
  height: 30%;
  top: 30%;
  padding-top: 0;
}
@media (min-width: 37.5em) {
  /* line 195, ../sass/layouts/_layout-sidebar.scss */
  .logged-in .region-sidebar-first {
    width: 50vw;
  }
  /* line 202, ../sass/layouts/_layout-sidebar.scss */
  .logged-in .region-sidebar-first:after {
    border-left: 0 solid transparent;
    border-top: 0 solid #f6f6f6;
  }
}
@media (min-width: 768px) {
  /* line 195, ../sass/layouts/_layout-sidebar.scss */
  .logged-in .region-sidebar-first {
    width: 10vw;
  }
}
@media (min-width: 64em) {
  /* line 195, ../sass/layouts/_layout-sidebar.scss */
  .logged-in .region-sidebar-first {
    width: 15vw;
  }
}

/*  ADMIN SIDE BAR */
/*
.logged-in .sidebar_admin {
	@include transition(all .125s linear);
	z-index:990;
	overflow: hidden;
	position: fixed;
	top: 150px;

	@include box-shadow(0, 2px, 4px, rgba(0, 0, 0, 0.5));
	right: 0px !important;
	width: 20%;
	padding: 2em;
	@include opacity(.98);
	background: $lightgrey;

h2  { 
color: $red;
@include font-size(18);
	text-transform: uppercase; margin-bottom: .25em;
@include bp(bp5) { @include font-size(20); }
	}
	
	}

*/
/* line 1, ../sass/layouts/_layout-contentinfo.scss */
[role="contentinfo"] {
  margin: 1.35rem 20px 0 20px;
  padding: 1.35rem 0;
  border-top: 1px solid #3d6174;
}
@media (min-width: 30em) {
  /* line 1, ../sass/layouts/_layout-contentinfo.scss */
  [role="contentinfo"] {
    margin: 1.35rem 40px 0 40px;
  }
}
@media (min-width: 37.5em) {
  /* line 1, ../sass/layouts/_layout-contentinfo.scss */
  [role="contentinfo"] {
    margin: 1.35rem 80px 0 80px;
  }
}
@media (min-width: 768px) {
  /* line 1, ../sass/layouts/_layout-contentinfo.scss */
  [role="contentinfo"] {
    margin: 1.35rem 120px 0 120px;
  }
}
@media (min-width: 75em) {
  /* line 1, ../sass/layouts/_layout-contentinfo.scss */
  [role="contentinfo"] {
    margin: 1.35rem auto 0 auto;
    width: 80%;
    max-width: 75rem;
  }
}

/* line 2, ../sass/layouts/_layout-header.scss */
.topofheader {
  background-color: #f6f6f6;
  background-color: white;
}
/* line 6, ../sass/layouts/_layout-header.scss */
.topofheader .inner {
  height: 17.5px;
}

/* line 11, ../sass/layouts/_layout-header.scss */
#header {
  z-index: 490;
  position: fixed;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-backface-visibility: hidden;
  /* Android Browsers Fix */
  border: none;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) ;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) ;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) ;
  padding: 0;
  margin: 0;
  height: 70px;
  background-color: white;
  /*
  .constrained {
      max-width: 1200px;
  	width: 96%;
  
  @include bp(bp4) { 
    width: 94%;
   }
  @include bp(bp5) { 
    width: 92%;
   }
  @include bp(bp6) { 
    width: 90%;
   }
   }
  */
  /* end .header__name-and-slogan */
  /* end slogan */
}
@media (min-width: 64em) {
  /* line 11, ../sass/layouts/_layout-header.scss */
  #header {
    height: 70px;
  }
}
@media (max-width: 63.95em) {
  /* line 26, ../sass/layouts/_layout-header.scss */
  .front #header {
    background-color: transparent;
  }
}
@media (min-width: 64em) {
  /* line 11, ../sass/layouts/_layout-header.scss */
  #header {
    height: 70px;
  }
}
/* line 53, ../sass/layouts/_layout-header.scss */
#header .header__name-and-slogan {
  width: 100%;
}
@media (min-width: 64em) {
  /* line 53, ../sass/layouts/_layout-header.scss */
  #header .header__name-and-slogan {
    width: 33.3%;
    width: 350px;
    padding-left: 25px;
    /* corresponds with field kurztext width in front */
  }
}
/* line 62, ../sass/layouts/_layout-header.scss */
#header .header__name-and-slogan a {
  color: #3d6174;
  text-decoration: none;
  background-color: transparent;
}
/* line 64, ../sass/layouts/_layout-header.scss */
#header .header__name-and-slogan a:hover, #header .header__name-and-slogan a:focus, #header .header__name-and-slogan a:active {
  color: #3d6174;
  background-color: transparent;
}
/* line 69, ../sass/layouts/_layout-header.scss */
#header .header__name-and-slogan #site-name, #header .header__name-and-slogan #slogan {
  width: 100%;
  position: relative;
  line-height: 35px;
  line-height: 20px;
  width: auto;
  color: #3d6174;
  font-weight: 300;
  text-align: left;
  margin-left: 70px;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}
@media (min-width: 30em) {
  /* line 69, ../sass/layouts/_layout-header.scss */
  #header .header__name-and-slogan #site-name, #header .header__name-and-slogan #slogan {
    /* width : 40%; float:left;	*/
  }
}
@media (min-width: 30em) {
  /* line 69, ../sass/layouts/_layout-header.scss */
  #header .header__name-and-slogan #site-name, #header .header__name-and-slogan #slogan {
    margin-left: 80px;
  }
}
@media (min-width: 64em) {
  /* line 69, ../sass/layouts/_layout-header.scss */
  #header .header__name-and-slogan #site-name, #header .header__name-and-slogan #slogan {
    text-align: center;
    margin-left: 50px;
  }
}
/* line 92, ../sass/layouts/_layout-header.scss */
#header .header__name-and-slogan #site-name {
  margin-top: 18px;
}
/* line 94, ../sass/layouts/_layout-header.scss */
#header .header__name-and-slogan #site-name h1 {
  font-size: 16px;
  font-size: 1.6rem;
}
/* line 96, ../sass/layouts/_layout-header.scss */
#header .header__name-and-slogan #site-name h1 > a > span {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  display: inline-block;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 36px;
  font-size: 3.6rem;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (min-width: 30em) {
  /* line 96, ../sass/layouts/_layout-header.scss */
  #header .header__name-and-slogan #site-name h1 > a > span {
    letter-spacing: 3px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
/* line 112, ../sass/layouts/_layout-header.scss */
#header .header__name-and-slogan .header__site-link:link, #header .header__name-and-slogan .header__site-link:visited {
  text-decoration: none;
}
/* line 120, ../sass/layouts/_layout-header.scss */
#header .header__name-and-slogan .logo {
  display: inline-block;
  height: 70px;
  width: 70px;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  background: url(../img/logo_bs.svg) no-repeat left top;
  background-size: 54px 56px;
  background-position: left 10px;
  position: absolute;
}
/* line 130, ../sass/layouts/_layout-header.scss */
#header .header__name-and-slogan .logo a {
  display: block;
  width: 100%;
  height: 100%;
}
/* line 140, ../sass/layouts/_layout-header.scss */
#header #slogan {
  /*
  @include element-invisible();    
  */
  margin-top: -6px;
  letter-spacing: 1px;
  content: "/";
  line-height: 17.5px;
  font-size: 12px;
  font-size: 1.2rem;
    /* Due to a bug in the anti-liasing

    transform: rotate(-6deg);
-webkit-transform-style: preserve-3d; 
-webkit-transform: rotateZ(-6deg);
box-shadow: 0 0 1px rgba(255,255,255,0);
    */
 /*
    top: 52px;
    top: 60px;
    left: 36%;
    top: 70px;
    left: 34%;
	@include bp(bp2) { left: 36%; top: 60px;}
	@include bp(bp3) { left: 35%; top: 46px;}
	@include bp(bp4) { left: 30%;}
	@include bp(bp5) { left: 23%;}
	@include bp(bp6) { left: 23%;}
	@include bp(bp8) { left: 30%;}
*/
}

/* end .header */
/*   F  R  O  N  T     */
/* line 187, ../sass/layouts/_layout-header.scss */
body.front #header {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) ;
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) ;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) ;
  border: 0 none;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* line 193, ../sass/layouts/_layout-header.scss */
body.front #header #slogan, body.front #header #site-name {
  opacity: 0;
  filter: alpha(opacity=0);
}

/* line 198, ../sass/layouts/_layout-header.scss */
body.front .violin {
  background: url(../img/stradi.png) no-repeat right top;
  position: fixed;
  z-index: 2;
  left: 0;
  top: 0;
  display: block;
  background-size: cover;
  width: 88px;
  height: 354px;
}
@media (min-width: 37.5em) {
  /* line 198, ../sass/layouts/_layout-header.scss */
  body.front .violin {
    width: 120px;
    height: 450px;
  }
}
@media (min-width: 768px) {
  /* line 198, ../sass/layouts/_layout-header.scss */
  body.front .violin {
    width: 160px;
    height: 550px;
  }
}
@media (min-width: 64em) {
  /* line 198, ../sass/layouts/_layout-header.scss */
  body.front .violin {
    width: 180px;
    height: 650px;
  }
}

/* line 212, ../sass/layouts/_layout-header.scss */
body.front.smaller4 .violin {
  z-index: -5;
  display: none;
}

/* line 214, ../sass/layouts/_layout-header.scss */
.logofront {
  position: fixed;
  top: 90px;
  left: 3%;
  z-index: 5;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (min-width: 37.5em) {
  /* line 214, ../sass/layouts/_layout-header.scss */
  .logofront {
    top: 90px;
    left: 19%;
  }
}
@media (min-width: 768px) {
  /* line 214, ../sass/layouts/_layout-header.scss */
  .logofront {
    top: 120px;
    left: 19%;
  }
}
@media (min-width: 64em) {
  /* line 214, ../sass/layouts/_layout-header.scss */
  .logofront {
    top: 150px;
    left: 18%;
  }
}
/* line 226, ../sass/layouts/_layout-header.scss */
.logofront * {
  color: #3d6174;
}
/* line 228, ../sass/layouts/_layout-header.scss */
.logofront h1 {
  margin-bottom: 0;
}
/* line 230, ../sass/layouts/_layout-header.scss */
.logofront h1 > span {
  font-size: 22px;
  font-size: 2.2rem;
  letter-spacing: 3px;
  font-weight: 300;
  text-transform: uppercase;
}
@media (min-width: 30em) {
  /* line 230, ../sass/layouts/_layout-header.scss */
  .logofront h1 > span {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
/* line 241, ../sass/layouts/_layout-header.scss */
.logofront .header__site-link:link, .logofront .header__site-link:visited {
  opacity: 1;
  filter: alpha(opacity=100);
  height: 220px;
  width: 230px;
  top: 100px;
}
/* line 248, ../sass/layouts/_layout-header.scss */
.logofront .site-name, .logofront .slogan {
  line-height: 20px;
  width: auto;
  font-weight: 300;
  text-align: center;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  display: inline-block;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.8rem;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 5px 15px;
  margin-bottom: 3px;
  margin-top: 10px;
}
@media (max-width: 37.5em) {
  /* line 248, ../sass/layouts/_layout-header.scss */
  .logofront .site-name, .logofront .slogan {
    -webkit-transform: skew(0, 1.6deg);
    -moz-transform: skew(0, 1.6deg);
    -ms-transform: skew(0, 1.6deg);
    -o-transform: skew(0, 1.6deg);
    transform: skew(0, 1.6deg);
  }
}
@media (min-width: 64em) {
  /* line 248, ../sass/layouts/_layout-header.scss */
  .logofront .site-name, .logofront .slogan {
    background-color: transparent;
    padding: 0;
    margin-bottom: 0;
  }
}
/* line 275, ../sass/layouts/_layout-header.scss */
.logofront .slogan {
  text-transform: none;
  display: block;
  margin-top: 0;
}
/* line 279, ../sass/layouts/_layout-header.scss */
.logofront .logo {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  height: 150px;
  width: 100%;
  background: url(../img/logo_bs.svg) no-repeat left top;
  background-position: center 10px;
  display: block;
  position: relative;
  background-size: 45%;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  /* line 279, ../sass/layouts/_layout-header.scss */
  .logofront .logo {
    height: 200px;
    width: 100%;
    background-size: 50%;
    padding-bottom: 0;
  }
}
@media (min-width: 64em) {
  /* line 279, ../sass/layouts/_layout-header.scss */
  .logofront .logo {
    height: 250px;
    background-size: auto;
  }
}

/* .logofront  */
/* line 299, ../sass/layouts/_layout-header.scss */
body.front.smaller {
  /* .logofront  */
}
/* line 300, ../sass/layouts/_layout-header.scss */
body.front.smaller .logofront {
  opacity: 0;
  filter: alpha(opacity=0);
}

/*   S   M   A   L   L   E   R   */
/* line 307, ../sass/layouts/_layout-header.scss */
body.front.smaller #header {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) ;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) ;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) ;
  height: 70px;
}
@media (min-width: 64em) {
  /* line 307, ../sass/layouts/_layout-header.scss */
  body.front.smaller #header {
    height: 70px;
  }
}
/* line 315, ../sass/layouts/_layout-header.scss */
body.front.smaller #header #slogan, body.front.smaller #header #site-name {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

/* ende Header Smaller */
/*   HEADER ICONS    */
/* line 336, ../sass/layouts/_layout-header.scss */
.header__region {
  /* tw in layout-nav.scss definiert , weil gleiche Grundsettings */
  bottom: 55px !important;
  top: auto;
  position: fixed !important;
  top: auto !important;
  width: auto;
  height: 32px !important;
}
@media (min-width: 768px) {
  /* line 336, ../sass/layouts/_layout-header.scss */
  .header__region {
    bottom: 5px !important;
    left: 55px;
  }
}
@media (min-width: 64em) {
  /* line 336, ../sass/layouts/_layout-header.scss */
  .header__region {
    width: 85%;
    position: absolute !important;
    width: auto;
    top: 0 !important;
    bottom: auto !important;
    left: auto;
    height: 60px -20px !important;
  }
}
/* line 358, ../sass/layouts/_layout-header.scss */
.header__region .block {
  float: right;
  width: auto;
  display: block  !important;
}

/* line 3, ../sass/layouts/_layout-footer.scss */
#footer {
  position: relative;
  font-weight: 300;
  z-index: 5;
  margin-top: 3em;
  padding-bottom: 4em !important;
  font-size: 14px;
  font-size: 1.4rem;
  background: #3a5562;
  /* end footer */
}
/* line 15, ../sass/layouts/_layout-footer.scss */
#footer:before {
  content: " ";
  display: block;
  height: 140px;
  width: 99.9%;
  margin: 0 auto;
  background-color: #3a5562;
  position: absolute;
  top: -50px;
  margin-right: -3px;
  position: absolute;
  -webkit-transform: skew(0, -4deg);
  -moz-transform: skew(0, -4deg);
  -ms-transform: skew(0, -4deg);
  -o-transform: skew(0, -4deg);
  transform: skew(0, -4deg);
}
@media (min-width: 87.5em) {
  /* line 15, ../sass/layouts/_layout-footer.scss */
  #footer:before {
    -webkit-transform: skew(0, -2.5deg);
    -moz-transform: skew(0, -2.5deg);
    -ms-transform: skew(0, -2.5deg);
    -o-transform: skew(0, -2.5deg);
    transform: skew(0, -2.5deg);
  }
}
/* line 42, ../sass/layouts/_layout-footer.scss */
#footer .footerheadline {
  color: #3a5562;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  font-weight: 100;
  letter-spacing: 5px;
  left: 15%;
  margin-top: -83px;
  font-size: 250%;
  -webkit-transform: skew(0, -4deg);
  -moz-transform: skew(0, -4deg);
  -ms-transform: skew(0, -4deg);
  -o-transform: skew(0, -4deg);
  transform: skew(0, -4deg);
}
@media (min-width: 30em) {
  /* line 42, ../sass/layouts/_layout-footer.scss */
  #footer .footerheadline {
    font-size: 400%;
    margin-top: -107px;
  }
}
@media (min-width: 37.5em) {
  /* line 42, ../sass/layouts/_layout-footer.scss */
  #footer .footerheadline {
    font-size: 400%;
    margin-top: -107px;
    left: 5%;
    letter-spacing: .5em;
  }
}
@media (min-width: 768px) {
  /* line 42, ../sass/layouts/_layout-footer.scss */
  #footer .footerheadline {
    font-size: 500%;
    margin-top: -126px;
  }
}
@media (min-width: 64em) {
  /* line 42, ../sass/layouts/_layout-footer.scss */
  #footer .footerheadline {
    margin-top: -118px;
  }
}
@media (min-width: 75em) {
  /* line 42, ../sass/layouts/_layout-footer.scss */
  #footer .footerheadline {
    margin-top: -109px;
  }
}
@media (min-width: 87.5em) {
  /* line 42, ../sass/layouts/_layout-footer.scss */
  #footer .footerheadline {
    -webkit-transform: skew(0, -2.5deg);
    -moz-transform: skew(0, -2.5deg);
    -ms-transform: skew(0, -2.5deg);
    -o-transform: skew(0, -2.5deg);
    transform: skew(0, -2.5deg);
  }
}
/* line 72, ../sass/layouts/_layout-footer.scss */
#footer > .inner {
  width: auto;
}
@media (min-width: 64em) {
  /* line 72, ../sass/layouts/_layout-footer.scss */
  #footer > .inner {
    width: 100%;
    margin: 0 auto;
  }
}
/* line 83, ../sass/layouts/_layout-footer.scss */
#footer .constrained {
  width: 100%;
}
/* line 84, ../sass/layouts/_layout-footer.scss */
#footer .footercols {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  /* region */
  /* end region */
}
/* line 90, ../sass/layouts/_layout-footer.scss */
#footer .footercols .region {
  flex: 0 1 100%;
}
@media (min-width: 37.5em) {
  /* line 90, ../sass/layouts/_layout-footer.scss */
  #footer .footercols .region {
    flex: 0 1 33.33%;
  }
}
/* line 95, ../sass/layouts/_layout-footer.scss */
#footer .footercols .region .inner {
  padding: 0;
  padding-left: 2em;
}
@media (min-width: 768px) {
  /* line 95, ../sass/layouts/_layout-footer.scss */
  #footer .footercols .region .inner {
    padding: 2em 2em 1em 2.5em;
  }
}
/* line 103, ../sass/layouts/_layout-footer.scss */
#footer .footercols .block {
  margin-bottom: 2em;
  /* block */
}
@media (min-width: 64em) {
  /* line 108, ../sass/layouts/_layout-footer.scss */
  #footer .footercols .block.first .inner {
    padding: 2em 2em 1em 3em;
  }
}
/* line 111, ../sass/layouts/_layout-footer.scss */
#footer .footercols .block h2, #footer .footercols .block p, #footer .footercols .block li, #footer .footercols .block a {
  color: white;
  color: rgba(255, 255, 255, 0.75);
  padding: 0;
  margin: 0;
  font-size: 1.4rem;
}
/* line 117, ../sass/layouts/_layout-footer.scss */
#footer .footercols .block h2 {
  letter-spacing: .25em;
  text-transform: uppercase;
  margin-bottom: .5em;
}
/* line 121, ../sass/layouts/_layout-footer.scss */
#footer .footercols .block a {
  color: white;
  color: rgba(255, 255, 255, 0.75);
}
/* line 124, ../sass/layouts/_layout-footer.scss */
#footer .footercols .block a:hover, #footer .footercols .block a:focus {
  color: white;
}
/* line 126, ../sass/layouts/_layout-footer.scss */
#footer .footercols .block ul, #footer .footercols .block li {
  list-style: none;
  list-item: none;
  padding: 0;
  margin: 0;
}
/* line 130, ../sass/layouts/_layout-footer.scss */
#footer .footercols .block ul {
  text-align: center;
  position: relative;
  width: 100%;
}
/* line 132, ../sass/layouts/_layout-footer.scss */
#footer .footercols .block li {
  display: block;
  text-align: left;
}
/* line 134, ../sass/layouts/_layout-footer.scss */
#footer .footercols .block img {
  max-height: 100px;
  max-width: 150px;
  width: auto;
  object-fit: cover;
  object-position: 50% 50%;
}
/* line 153, ../sass/layouts/_layout-footer.scss */
#footer #block-block-6 ul, #footer #block-block-6 li,
#footer #block-block-3 ul,
#footer #block-block-3 li {
  list-style: none;
  list-item: none;
  padding: 0;
  margin: 1em 0 0;
}
/* line 158, ../sass/layouts/_layout-footer.scss */
#footer #block-block-6 ul,
#footer #block-block-3 ul {
  position: relative;
  text-align: center;
}
/* line 161, ../sass/layouts/_layout-footer.scss */
#footer #block-block-6 ul li,
#footer #block-block-3 ul li {
  display: inline-block;
}
/* line 163, ../sass/layouts/_layout-footer.scss */
#footer #block-block-6 ul li > a,
#footer #block-block-3 ul li > a {
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 0;
  margin-right: 10px;
  background: url(../img/sprite_beni.svg) no-repeat -100px -1600px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
/* line 172, ../sass/layouts/_layout-footer.scss */
#footer #block-block-6 ul li > a:hover, #footer #block-block-6 ul li > a:focus, #footer #block-block-6 ul li > a:active,
#footer #block-block-3 ul li > a:hover,
#footer #block-block-3 ul li > a:focus,
#footer #block-block-3 ul li > a:active {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 173, ../sass/layouts/_layout-footer.scss */
#footer #block-block-6 ul li > a span,
#footer #block-block-3 ul li > a span {
  display: none;
}
/* line 176, ../sass/layouts/_layout-footer.scss */
#footer #block-block-6 ul li.instagram > a,
#footer #block-block-3 ul li.instagram > a {
  background-position-x: -100px;
}
/* line 177, ../sass/layouts/_layout-footer.scss */
#footer #block-block-6 ul li.twitter > a,
#footer #block-block-3 ul li.twitter > a {
  background-position-x: -142px;
}
/* line 178, ../sass/layouts/_layout-footer.scss */
#footer #block-block-6 ul li.facebook > a,
#footer #block-block-3 ul li.facebook > a {
  background-position-x: -188px;
}
/* line 179, ../sass/layouts/_layout-footer.scss */
#footer #block-block-6 ul li.youtube > a,
#footer #block-block-3 ul li.youtube > a {
  background-position: -280px -1600px;
}

/* line 188, ../sass/layouts/_layout-footer.scss */
#block-block-11,
#block-nodeblock-1426 {
  margin-top: 30px;
}
@media (min-width: 64em) {
  /* line 188, ../sass/layouts/_layout-footer.scss */
  #block-block-11,
  #block-nodeblock-1426 {
    margin-top: 0;
  }
}
/* line 195, ../sass/layouts/_layout-footer.scss */
#block-block-11 .field-item p,
#block-block-11 .inner .content p,
#block-nodeblock-1426 .field-item p,
#block-nodeblock-1426 .inner .content p {
  color: white !important;
  text-align: center;
  letter-spacing: 2px;
}
/* line 199, ../sass/layouts/_layout-footer.scss */
#block-block-11 .field-item p:first-child,
#block-block-11 .inner .content p:first-child,
#block-nodeblock-1426 .field-item p:first-child,
#block-nodeblock-1426 .inner .content p:first-child {
  text-transform: uppercase;
  font-size: 150%;
  letter-spacing: 5px;
}
/* line 206, ../sass/layouts/_layout-footer.scss */
#block-block-11::before,
#block-nodeblock-1426::before {
  content: " ";
  display: block;
  height: 80px;
  width: 150px;
  margin: 0 auto;
  top: -40px;
  background: url(../img/sprite_beni.svg) no-repeat center -1160px;
}

/*    NO FLEXBOX SETTINGS */
/* line 219, ../sass/layouts/_layout-footer.scss */
.no-flexbox #footer .region #block-block-3 .content {
  display: table;
  width: 100%;
}
/* line 239, ../sass/base/_base-mixin.scss */
.no-flexbox #footer .region #block-block-3 .content .block {
  display: block;
  float: left;
  margin: .25em 4.5% .25em 0;
  width: 100%;
}
@media (min-width: 768px) {
  /* line 239, ../sass/base/_base-mixin.scss */
  .no-flexbox #footer .region #block-block-3 .content .block {
    width: 45%;
  }
}
/* line 222, ../sass/layouts/_layout-footer.scss */
.no-flexbox #footer .region #block-block-3 .content p {
  width: 100%;
  float: left;
  margin: 0 10px;
}

/* line 4, ../sass/layouts/_layout-page.scss */
body.touch,
body.user-is-touchinggggggggggg {
  /*
  font-size:  500%;
  color: $red; 
  */
}

/* line 16, ../sass/layouts/_layout-page.scss */
body {
    /* 
	 */
  background: white;
  background-size: contain;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -khtml-background-size: cover;
}
@media (min-width: 768px) {
  /* line 16, ../sass/layouts/_layout-page.scss */
  body {
    border: 0 none;
  }
}

/* line 39, ../sass/layouts/_layout-page.scss */
body.logged-in #header,
body.logged-in #navigation {
  /* 	top: 28px;   */
}

/* line 50, ../sass/layouts/_layout-page.scss */
#main {
  padding-top: 0;
  margin-top: 70px;
}
@media (min-width: 64em) {
  /* line 50, ../sass/layouts/_layout-page.scss */
  #main {
    margin-top: 70px;
  }
}
/* line 55, ../sass/layouts/_layout-page.scss */
#main > .inner {
  position: relative;
}
/* line 57, ../sass/layouts/_layout-page.scss */
.not-front #main > .inner {
  padding-bottom: 4em;
}
/* line 60, ../sass/layouts/_layout-page.scss */
#main #content {
  clear: both;
}
/* line 63, ../sass/layouts/_layout-page.scss */
#main #content > .inner {
  /*	 */
}
@media (min-width: 64em) {
  /* line 69, ../sass/layouts/_layout-page.scss */
  #main #content > .inner article {
    padding: 1em 0;
  }
}

/* ende */
/* line 79, ../sass/layouts/_layout-page.scss */
.front #main {
  margin-top: 0;
}

/* line 86, ../sass/layouts/_layout-page.scss */
.page-node #main .content_row_0,
.page-views #main .content_row_0 {
  margin: -50px 0 50px 0;
  padding: 50px 30px 0;
  -webkit-transform: skew(0, -2.5deg);
  -moz-transform: skew(0, -2.5deg);
  -ms-transform: skew(0, -2.5deg);
  -o-transform: skew(0, -2.5deg);
  transform: skew(0, -2.5deg);
  background-color: #eae7e8;
  z-index: 5;
  position: relative;
  /* h1 */
}
@media (min-width: 64em) {
  /* line 86, ../sass/layouts/_layout-page.scss */
  .page-node #main .content_row_0,
  .page-views #main .content_row_0 {
    min-height: 150px;
  }
}
@media (min-width: 87.5em) {
  /* line 86, ../sass/layouts/_layout-page.scss */
  .page-node #main .content_row_0,
  .page-views #main .content_row_0 {
    margin: -70px 0 50px 0;
    padding: 60px 30px 0;
  }
}
/* line 111, ../sass/layouts/_layout-page.scss */
.page-node #main .content_row_0 h1#page-title.smaller,
.page-views #main .content_row_0 h1#page-title.smaller {
  display: none;
}
@media (min-width: 56.25em) {
  /* line 111, ../sass/layouts/_layout-page.scss */
  .page-node #main .content_row_0 h1#page-title.smaller,
  .page-views #main .content_row_0 h1#page-title.smaller {
    display: block;
  }
}
/* line 121, ../sass/layouts/_layout-page.scss */
.page-node #main section.mainimage,
.page-views #main section.mainimage {
  display: none;
}

/* ende */
/*  Wechselnde Farben im h1 contentrow0 */
/* Green */
/* line 136, ../sass/layouts/_layout-page.scss */
.page-recordings #main .content_row_0,
.page-timeline #main .content_row_0,
.page-news #main .content_row_0,
.node-type-album #main .content_row_0,
.node-type-blog #main .content_row_0 {
  background-color: #63b38e;
}
/* line 138, ../sass/layouts/_layout-page.scss */
.page-recordings #main .content_row_0 h1#page-title,
.page-timeline #main .content_row_0 h1#page-title,
.page-news #main .content_row_0 h1#page-title,
.node-type-album #main .content_row_0 h1#page-title,
.node-type-blog #main .content_row_0 h1#page-title {
  color: white;
}

/* line 144, ../sass/layouts/_layout-page.scss */
.page-recordings #main .content_row_0,
.node-type-album #main .content_row_0 {
  background-color: #2d8ebb;
  background-color: #63b38e;
}
/* line 147, ../sass/layouts/_layout-page.scss */
.page-recordings #main .content_row_0 h1#page-title,
.node-type-album #main .content_row_0 h1#page-title {
  color: white;
}

/* line 152, ../sass/layouts/_layout-page.scss */
.node-type-konzerttermin #main .content_row_0 {
  background-color: #f6f5f5;
}
/* line 154, ../sass/layouts/_layout-page.scss */
.node-type-konzerttermin #main .content_row_0 h1#page-title {
  color: #3d6174;
}

/* line 163, ../sass/layouts/_layout-page.scss */
.page-node-79 #main .content_row_0,
.page-node-80 #main .content_row_0,
.page-calendar #main .content_row_0,
.node-type-konzerttermin #main .content_row_0 {
  background-color: #4a90b1;
}
/* line 165, ../sass/layouts/_layout-page.scss */
.page-node-79 #main .content_row_0 h1#page-title,
.page-node-80 #main .content_row_0 h1#page-title,
.page-calendar #main .content_row_0 h1#page-title,
.node-type-konzerttermin #main .content_row_0 h1#page-title {
  color: white;
}

/* line 170, ../sass/layouts/_layout-page.scss */
.page-projects #main .content_row_0,
.node-type-projects #main .content_row_0 {
  background-color: #ff4b8d;
  background-color: #e0054c;
}
/* line 173, ../sass/layouts/_layout-page.scss */
.page-projects #main .content_row_0 h1#page-title,
.node-type-projects #main .content_row_0 h1#page-title {
  color: white;
}

/* line 178, ../sass/layouts/_layout-page.scss */
.page-gallery #main .content_row_0 {
  background-color: #1aa599;
}
/* line 180, ../sass/layouts/_layout-page.scss */
.page-gallery #main .content_row_0 h1#page-title {
  color: white;
}

/* line 185, ../sass/layouts/_layout-page.scss */
.section-kontakt #main section.mainimage,
.section-contact #main section.mainimage {
  display: none;
}

@media (max-width: 47.938em) {
  /* line 201, ../sass/layouts/_layout-page.scss */
  .section-violinen #main section.mainimage,
  .section-violins #main section.mainimage,
  .section-repertoire #main section.mainimage,
  .section-teaching-meisterkurse #main section.mainimage,
  .section-teachingmasterclasses #main section.mainimage,
  .section-interviews #main section.mainimage,
  .section-timeline #main section.mainimage,
  .section-reviews #main section.mainimage,
  .section-news #main section.mainimage,
  .section-calendar #main section.mainimage {
    display: none !important;
  }
}
/* line 222, ../sass/layouts/_layout-page.scss */
.page-calendar #main .content_row_0,
.page-repertoire #main .content_row_0,
.page-interviews #main .content_row_0,
.page-timeline #main .content_row_0,
.page-archiv #main .content_row_0,
.page-reviews #main .content_row_0,
.page-news #main .content_row_0,
.node-type-page #main .content_row_0,
.node-type-festival #main .content_row_0,
.node-type-orchester #main .content_row_0,
.node-type-album #main .content_row_0,
.node-type-projects #main .content_row_0,
.node-type-blog #main .content_row_0,
.node-type-konzerttermin #main .content_row_0 {
  margin-bottom: 90px;
  -webkit-transform: skew(0, 1.5deg);
  -moz-transform: skew(0, 1.5deg);
  -ms-transform: skew(0, 1.5deg);
  -o-transform: skew(0, 1.5deg);
  transform: skew(0, 1.5deg);
  /*
  			background: $blue4 url(../img/header_termine.jpg) no-repeat center right;
  */
  background-size: 40%;
  border: 0 none;
}
@media (min-width: 30em) {
  /* line 222, ../sass/layouts/_layout-page.scss */
  .page-calendar #main .content_row_0,
  .page-repertoire #main .content_row_0,
  .page-interviews #main .content_row_0,
  .page-timeline #main .content_row_0,
  .page-archiv #main .content_row_0,
  .page-reviews #main .content_row_0,
  .page-news #main .content_row_0,
  .node-type-page #main .content_row_0,
  .node-type-festival #main .content_row_0,
  .node-type-orchester #main .content_row_0,
  .node-type-album #main .content_row_0,
  .node-type-projects #main .content_row_0,
  .node-type-blog #main .content_row_0,
  .node-type-konzerttermin #main .content_row_0 {
    padding-top: 75px;
  }
}
@media (min-width: 30em) {
  /* line 239, ../sass/layouts/_layout-page.scss */
  .page-calendar #main .content_row_0 h1#page-title,
  .page-repertoire #main .content_row_0 h1#page-title,
  .page-interviews #main .content_row_0 h1#page-title,
  .page-timeline #main .content_row_0 h1#page-title,
  .page-archiv #main .content_row_0 h1#page-title,
  .page-reviews #main .content_row_0 h1#page-title,
  .page-news #main .content_row_0 h1#page-title,
  .node-type-page #main .content_row_0 h1#page-title,
  .node-type-festival #main .content_row_0 h1#page-title,
  .node-type-orchester #main .content_row_0 h1#page-title,
  .node-type-album #main .content_row_0 h1#page-title,
  .node-type-projects #main .content_row_0 h1#page-title,
  .node-type-blog #main .content_row_0 h1#page-title,
  .node-type-konzerttermin #main .content_row_0 h1#page-title {
    width: 70%;
    word-break: break-all;
  }
}
@media (min-width: 37.5em) {
  /* line 239, ../sass/layouts/_layout-page.scss */
  .page-calendar #main .content_row_0 h1#page-title,
  .page-repertoire #main .content_row_0 h1#page-title,
  .page-interviews #main .content_row_0 h1#page-title,
  .page-timeline #main .content_row_0 h1#page-title,
  .page-archiv #main .content_row_0 h1#page-title,
  .page-reviews #main .content_row_0 h1#page-title,
  .page-news #main .content_row_0 h1#page-title,
  .node-type-page #main .content_row_0 h1#page-title,
  .node-type-festival #main .content_row_0 h1#page-title,
  .node-type-orchester #main .content_row_0 h1#page-title,
  .node-type-album #main .content_row_0 h1#page-title,
  .node-type-projects #main .content_row_0 h1#page-title,
  .node-type-blog #main .content_row_0 h1#page-title,
  .node-type-konzerttermin #main .content_row_0 h1#page-title {
    word-break: unset;
  }
}
@media (min-width: 64em) {
  /* line 239, ../sass/layouts/_layout-page.scss */
  .page-calendar #main .content_row_0 h1#page-title,
  .page-repertoire #main .content_row_0 h1#page-title,
  .page-interviews #main .content_row_0 h1#page-title,
  .page-timeline #main .content_row_0 h1#page-title,
  .page-archiv #main .content_row_0 h1#page-title,
  .page-reviews #main .content_row_0 h1#page-title,
  .page-news #main .content_row_0 h1#page-title,
  .node-type-page #main .content_row_0 h1#page-title,
  .node-type-festival #main .content_row_0 h1#page-title,
  .node-type-orchester #main .content_row_0 h1#page-title,
  .node-type-album #main .content_row_0 h1#page-title,
  .node-type-projects #main .content_row_0 h1#page-title,
  .node-type-blog #main .content_row_0 h1#page-title,
  .node-type-konzerttermin #main .content_row_0 h1#page-title {
    width: 60%;
  }
}
/* line 247, ../sass/layouts/_layout-page.scss */
.page-calendar #main section.mainimage,
.page-repertoire #main section.mainimage,
.page-interviews #main section.mainimage,
.page-timeline #main section.mainimage,
.page-archiv #main section.mainimage,
.page-reviews #main section.mainimage,
.page-news #main section.mainimage,
.node-type-page #main section.mainimage,
.node-type-festival #main section.mainimage,
.node-type-orchester #main section.mainimage,
.node-type-album #main section.mainimage,
.node-type-projects #main section.mainimage,
.node-type-blog #main section.mainimage,
.node-type-konzerttermin #main section.mainimage {
  overflow: hidden;
  width: 25%;
  z-index: 7;
  border: 10px solid white;
  background-color: white;
  /*
  max-height: 300px;
  */
  margin: 0 auto;
  width: 25%;
  max-width: 400px;
  max-height: 200px;
  display: block;
  transform: rotate(-3deg);
  width: 50%;
  margin-top: -100px;
  margin-bottom: 20px;
  position: relative;
  /*
  	&:after {
  			content: " ";
  			display: block;
  			height: 40px;
  			width: 100%;
  			margin: 0 auto;
  			background-color: $white;
  			-webkit-transform: skew(0, 3deg);
  			-moz-transform: skew(0, 3deg);
  			-ms-transform: skew(0, 3deg);
  			-o-transform: skew(0, 3deg);
  			transform: skew(0, 3deg);
  			position: absolute;
  			z-index: 5;
  			bottom: -15px;
    		}
  */
}
@media (min-width: 30em) {
  /* line 247, ../sass/layouts/_layout-page.scss */
  .page-calendar #main section.mainimage,
  .page-repertoire #main section.mainimage,
  .page-interviews #main section.mainimage,
  .page-timeline #main section.mainimage,
  .page-archiv #main section.mainimage,
  .page-reviews #main section.mainimage,
  .page-news #main section.mainimage,
  .node-type-page #main section.mainimage,
  .node-type-festival #main section.mainimage,
  .node-type-orchester #main section.mainimage,
  .node-type-album #main section.mainimage,
  .node-type-projects #main section.mainimage,
  .node-type-blog #main section.mainimage,
  .node-type-konzerttermin #main section.mainimage {
    top: 24px;
    transform: rotate(5deg);
    position: absolute;
    margin: 0;
    width: 30%;
    right: 2%;
  }
}
@media (min-width: 56.25em) {
  /* line 247, ../sass/layouts/_layout-page.scss */
  .page-calendar #main section.mainimage,
  .page-repertoire #main section.mainimage,
  .page-interviews #main section.mainimage,
  .page-timeline #main section.mainimage,
  .page-archiv #main section.mainimage,
  .page-reviews #main section.mainimage,
  .page-news #main section.mainimage,
  .node-type-page #main section.mainimage,
  .node-type-festival #main section.mainimage,
  .node-type-orchester #main section.mainimage,
  .node-type-album #main section.mainimage,
  .node-type-projects #main section.mainimage,
  .node-type-blog #main section.mainimage,
  .node-type-konzerttermin #main section.mainimage {
    max-height: 250px;
  }
}
@media (min-width: 64em) {
  /* line 247, ../sass/layouts/_layout-page.scss */
  .page-calendar #main section.mainimage,
  .page-repertoire #main section.mainimage,
  .page-interviews #main section.mainimage,
  .page-timeline #main section.mainimage,
  .page-archiv #main section.mainimage,
  .page-reviews #main section.mainimage,
  .page-news #main section.mainimage,
  .node-type-page #main section.mainimage,
  .node-type-festival #main section.mainimage,
  .node-type-orchester #main section.mainimage,
  .node-type-album #main section.mainimage,
  .node-type-projects #main section.mainimage,
  .node-type-blog #main section.mainimage,
  .node-type-konzerttermin #main section.mainimage {
    max-height: 300px;
    width: 30%;
    right: 5%;
  }
}
@media (min-width: 87.5em) {
  /* line 247, ../sass/layouts/_layout-page.scss */
  .page-calendar #main section.mainimage,
  .page-repertoire #main section.mainimage,
  .page-interviews #main section.mainimage,
  .page-timeline #main section.mainimage,
  .page-archiv #main section.mainimage,
  .page-reviews #main section.mainimage,
  .page-news #main section.mainimage,
  .node-type-page #main section.mainimage,
  .node-type-festival #main section.mainimage,
  .node-type-orchester #main section.mainimage,
  .node-type-album #main section.mainimage,
  .node-type-projects #main section.mainimage,
  .node-type-blog #main section.mainimage,
  .node-type-konzerttermin #main section.mainimage {
    max-height: 380px;
  }
}
/* line 292, ../sass/layouts/_layout-page.scss */
.page-calendar #main section.mainimage img,
.page-repertoire #main section.mainimage img,
.page-interviews #main section.mainimage img,
.page-timeline #main section.mainimage img,
.page-archiv #main section.mainimage img,
.page-reviews #main section.mainimage img,
.page-news #main section.mainimage img,
.node-type-page #main section.mainimage img,
.node-type-festival #main section.mainimage img,
.node-type-orchester #main section.mainimage img,
.node-type-album #main section.mainimage img,
.node-type-projects #main section.mainimage img,
.node-type-blog #main section.mainimage img,
.node-type-konzerttermin #main section.mainimage img {
  max-height: 300px;
  min-height: 201px;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 87.5em) {
  /* line 292, ../sass/layouts/_layout-page.scss */
  .page-calendar #main section.mainimage img,
  .page-repertoire #main section.mainimage img,
  .page-interviews #main section.mainimage img,
  .page-timeline #main section.mainimage img,
  .page-archiv #main section.mainimage img,
  .page-reviews #main section.mainimage img,
  .page-news #main section.mainimage img,
  .node-type-page #main section.mainimage img,
  .node-type-festival #main section.mainimage img,
  .node-type-orchester #main section.mainimage img,
  .node-type-album #main section.mainimage img,
  .node-type-projects #main section.mainimage img,
  .node-type-blog #main section.mainimage img,
  .node-type-konzerttermin #main section.mainimage img {
    max-height: 380px;
  }
}
/* line 323, ../sass/layouts/_layout-page.scss */
.page-calendar.page-views #main section.mainimage,
.page-repertoire.page-views #main section.mainimage,
.page-interviews.page-views #main section.mainimage,
.page-timeline.page-views #main section.mainimage,
.page-archiv.page-views #main section.mainimage,
.page-reviews.page-views #main section.mainimage,
.page-news.page-views #main section.mainimage,
.node-type-page.page-views #main section.mainimage,
.node-type-festival.page-views #main section.mainimage,
.node-type-orchester.page-views #main section.mainimage,
.node-type-album.page-views #main section.mainimage,
.node-type-projects.page-views #main section.mainimage,
.node-type-blog.page-views #main section.mainimage,
.node-type-konzerttermin.page-views #main section.mainimage {
  max-height: 200px;
}
@media (min-width: 56.25em) {
  /* line 323, ../sass/layouts/_layout-page.scss */
  .page-calendar.page-views #main section.mainimage,
  .page-repertoire.page-views #main section.mainimage,
  .page-interviews.page-views #main section.mainimage,
  .page-timeline.page-views #main section.mainimage,
  .page-archiv.page-views #main section.mainimage,
  .page-reviews.page-views #main section.mainimage,
  .page-news.page-views #main section.mainimage,
  .node-type-page.page-views #main section.mainimage,
  .node-type-festival.page-views #main section.mainimage,
  .node-type-orchester.page-views #main section.mainimage,
  .node-type-album.page-views #main section.mainimage,
  .node-type-projects.page-views #main section.mainimage,
  .node-type-blog.page-views #main section.mainimage,
  .node-type-konzerttermin.page-views #main section.mainimage {
    max-height: 250px;
  }
}
@media (min-width: 64em) {
  /* line 323, ../sass/layouts/_layout-page.scss */
  .page-calendar.page-views #main section.mainimage,
  .page-repertoire.page-views #main section.mainimage,
  .page-interviews.page-views #main section.mainimage,
  .page-timeline.page-views #main section.mainimage,
  .page-archiv.page-views #main section.mainimage,
  .page-reviews.page-views #main section.mainimage,
  .page-news.page-views #main section.mainimage,
  .node-type-page.page-views #main section.mainimage,
  .node-type-festival.page-views #main section.mainimage,
  .node-type-orchester.page-views #main section.mainimage,
  .node-type-album.page-views #main section.mainimage,
  .node-type-projects.page-views #main section.mainimage,
  .node-type-blog.page-views #main section.mainimage,
  .node-type-konzerttermin.page-views #main section.mainimage {
    max-height: 300px;
  }
}
@media (max-width: 30em) {
  /* line 332, ../sass/layouts/_layout-page.scss */
  .page-calendar.node-type-album #main .content_row_0,
  .page-repertoire.node-type-album #main .content_row_0,
  .page-interviews.node-type-album #main .content_row_0,
  .page-timeline.node-type-album #main .content_row_0,
  .page-archiv.node-type-album #main .content_row_0,
  .page-reviews.node-type-album #main .content_row_0,
  .page-news.node-type-album #main .content_row_0,
  .node-type-page.node-type-album #main .content_row_0,
  .node-type-festival.node-type-album #main .content_row_0,
  .node-type-orchester.node-type-album #main .content_row_0,
  .node-type-album.node-type-album #main .content_row_0,
  .node-type-projects.node-type-album #main .content_row_0,
  .node-type-blog.node-type-album #main .content_row_0,
  .node-type-konzerttermin.node-type-album #main .content_row_0 {
    padding-top: 45px;
    margin-bottom: -12px;
  }
}
/* line 333, ../sass/layouts/_layout-page.scss */
.page-calendar.node-type-album #main section.mainimage,
.page-repertoire.node-type-album #main section.mainimage,
.page-interviews.node-type-album #main section.mainimage,
.page-timeline.node-type-album #main section.mainimage,
.page-archiv.node-type-album #main section.mainimage,
.page-reviews.node-type-album #main section.mainimage,
.page-news.node-type-album #main section.mainimage,
.node-type-page.node-type-album #main section.mainimage,
.node-type-festival.node-type-album #main section.mainimage,
.node-type-orchester.node-type-album #main section.mainimage,
.node-type-album.node-type-album #main section.mainimage,
.node-type-projects.node-type-album #main section.mainimage,
.node-type-blog.node-type-album #main section.mainimage,
.node-type-konzerttermin.node-type-album #main section.mainimage {
  height: 160px;
  width: 160px;
  display: block;
  position: relative;
  top: auto;
}
@media (min-width: 30em) {
  /* line 333, ../sass/layouts/_layout-page.scss */
  .page-calendar.node-type-album #main section.mainimage,
  .page-repertoire.node-type-album #main section.mainimage,
  .page-interviews.node-type-album #main section.mainimage,
  .page-timeline.node-type-album #main section.mainimage,
  .page-archiv.node-type-album #main section.mainimage,
  .page-reviews.node-type-album #main section.mainimage,
  .page-news.node-type-album #main section.mainimage,
  .node-type-page.node-type-album #main section.mainimage,
  .node-type-festival.node-type-album #main section.mainimage,
  .node-type-orchester.node-type-album #main section.mainimage,
  .node-type-album.node-type-album #main section.mainimage,
  .node-type-projects.node-type-album #main section.mainimage,
  .node-type-blog.node-type-album #main section.mainimage,
  .node-type-konzerttermin.node-type-album #main section.mainimage {
    top: 94px;
    position: absolute;
  }
}
@media (min-width: 768px) {
  /* line 333, ../sass/layouts/_layout-page.scss */
  .page-calendar.node-type-album #main section.mainimage,
  .page-repertoire.node-type-album #main section.mainimage,
  .page-interviews.node-type-album #main section.mainimage,
  .page-timeline.node-type-album #main section.mainimage,
  .page-archiv.node-type-album #main section.mainimage,
  .page-reviews.node-type-album #main section.mainimage,
  .page-news.node-type-album #main section.mainimage,
  .node-type-page.node-type-album #main section.mainimage,
  .node-type-festival.node-type-album #main section.mainimage,
  .node-type-orchester.node-type-album #main section.mainimage,
  .node-type-album.node-type-album #main section.mainimage,
  .node-type-projects.node-type-album #main section.mainimage,
  .node-type-blog.node-type-album #main section.mainimage,
  .node-type-konzerttermin.node-type-album #main section.mainimage {
    height: 200px;
    width: 200px;
  }
}
@media (min-width: 64em) {
  /* line 333, ../sass/layouts/_layout-page.scss */
  .page-calendar.node-type-album #main section.mainimage,
  .page-repertoire.node-type-album #main section.mainimage,
  .page-interviews.node-type-album #main section.mainimage,
  .page-timeline.node-type-album #main section.mainimage,
  .page-archiv.node-type-album #main section.mainimage,
  .page-reviews.node-type-album #main section.mainimage,
  .page-news.node-type-album #main section.mainimage,
  .node-type-page.node-type-album #main section.mainimage,
  .node-type-festival.node-type-album #main section.mainimage,
  .node-type-orchester.node-type-album #main section.mainimage,
  .node-type-album.node-type-album #main section.mainimage,
  .node-type-projects.node-type-album #main section.mainimage,
  .node-type-blog.node-type-album #main section.mainimage,
  .node-type-konzerttermin.node-type-album #main section.mainimage {
    height: 300px;
    width: 300px;
  }
}
/* line 344, ../sass/layouts/_layout-page.scss */
.page-calendar.node-type-album #main section.mainimage img,
.page-repertoire.node-type-album #main section.mainimage img,
.page-interviews.node-type-album #main section.mainimage img,
.page-timeline.node-type-album #main section.mainimage img,
.page-archiv.node-type-album #main section.mainimage img,
.page-reviews.node-type-album #main section.mainimage img,
.page-news.node-type-album #main section.mainimage img,
.node-type-page.node-type-album #main section.mainimage img,
.node-type-festival.node-type-album #main section.mainimage img,
.node-type-orchester.node-type-album #main section.mainimage img,
.node-type-album.node-type-album #main section.mainimage img,
.node-type-projects.node-type-album #main section.mainimage img,
.node-type-blog.node-type-album #main section.mainimage img,
.node-type-konzerttermin.node-type-album #main section.mainimage img {
  height: 160px;
  width: 160px;
}
@media (min-width: 768px) {
  /* line 344, ../sass/layouts/_layout-page.scss */
  .page-calendar.node-type-album #main section.mainimage img,
  .page-repertoire.node-type-album #main section.mainimage img,
  .page-interviews.node-type-album #main section.mainimage img,
  .page-timeline.node-type-album #main section.mainimage img,
  .page-archiv.node-type-album #main section.mainimage img,
  .page-reviews.node-type-album #main section.mainimage img,
  .page-news.node-type-album #main section.mainimage img,
  .node-type-page.node-type-album #main section.mainimage img,
  .node-type-festival.node-type-album #main section.mainimage img,
  .node-type-orchester.node-type-album #main section.mainimage img,
  .node-type-album.node-type-album #main section.mainimage img,
  .node-type-projects.node-type-album #main section.mainimage img,
  .node-type-blog.node-type-album #main section.mainimage img,
  .node-type-konzerttermin.node-type-album #main section.mainimage img {
    height: 200px;
    width: 200px;
  }
}
@media (min-width: 64em) {
  /* line 344, ../sass/layouts/_layout-page.scss */
  .page-calendar.node-type-album #main section.mainimage img,
  .page-repertoire.node-type-album #main section.mainimage img,
  .page-interviews.node-type-album #main section.mainimage img,
  .page-timeline.node-type-album #main section.mainimage img,
  .page-archiv.node-type-album #main section.mainimage img,
  .page-reviews.node-type-album #main section.mainimage img,
  .page-news.node-type-album #main section.mainimage img,
  .node-type-page.node-type-album #main section.mainimage img,
  .node-type-festival.node-type-album #main section.mainimage img,
  .node-type-orchester.node-type-album #main section.mainimage img,
  .node-type-album.node-type-album #main section.mainimage img,
  .node-type-projects.node-type-album #main section.mainimage img,
  .node-type-blog.node-type-album #main section.mainimage img,
  .node-type-konzerttermin.node-type-album #main section.mainimage img {
    height: 300px;
    width: 300px;
  }
}

/* header bottom border */
@media (min-width: 64em) {
  /* line 10, ../sass/layouts/_layout-nav.scss */
  body.no-touch {
    /* #navigation */
    /*
    #navigation.shrink li.menu-path-front a { @include opacity(0.5);
    &:hover, &:focus, &:active {@include opacity(1);}
     }
    */
    /* 2nd level */
    /* 3rd level */
  }
  /* line 13, ../sass/layouts/_layout-nav.scss */
  body.no-touch .hamburger {
    display: none;
  }
  /* line 16, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation {
    z-index: 991;
    position: fixed;
    width: 0;
    top: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
  }
  /* line 39, ../sass/layouts/_layout-nav.scss */
  body.no-touch.front #navigation {
    top: -120px;
  }
  /* line 42, ../sass/layouts/_layout-nav.scss */
  body.no-touch.front.smaller #navigation {
    top: 0;
  }
  /* line 48, ../sass/layouts/_layout-nav.scss */
  body.no-touch.logged-in #navigation {
    /* 	top: 28px;   */
  }
  /* line 54, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation nav ul, body.no-touch #navigation nav ul.nice-menu, body.no-touch #navigation nav ul.sm,
  body.no-touch .front_content_row1b .block-multiblock ul,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu,
  body.no-touch .front_content_row1b .block-multiblock ul.sm {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    text-align: right;
    margin-right: 10%;
    position: relative;
    float: none;
    /*
    	@include flexbox();
    	@include justify-content(space-between);
    	font-family: $garamond;
    	*/
  }
  /* line 75, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation nav ul li, body.no-touch #navigation nav ul.nice-menu li, body.no-touch #navigation nav ul.sm li,
  body.no-touch .front_content_row1b .block-multiblock ul li,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu li,
  body.no-touch .front_content_row1b .block-multiblock ul.sm li {
    float: none !important;
    display: inline-block;
    border: 0 none;
    padding: 0 !important;
    position: relative;
    background-color: transparent;
  }
  /* line 83, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation nav ul li a, body.no-touch #navigation nav ul li a:visited, body.no-touch #navigation nav ul.nice-menu li a, body.no-touch #navigation nav ul.nice-menu li a:visited, body.no-touch #navigation nav ul.sm li a, body.no-touch #navigation nav ul.sm li a:visited,
  body.no-touch .front_content_row1b .block-multiblock ul li a,
  body.no-touch .front_content_row1b .block-multiblock ul li a:visited,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu li a,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu li a:visited,
  body.no-touch .front_content_row1b .block-multiblock ul.sm li a,
  body.no-touch .front_content_row1b .block-multiblock ul.sm li a:visited {
    display: block;
    line-height: 70px;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
    /*	
    margin-top:  30px;  */
    text-decoration: none;
    font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
    font-weight: 600;
    font-weight: 400;
    text-align: center;
    color: #454545;
    text-transform: uppercase;
    font-size: 1.5rem;
  }
  /* line 106, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation nav ul li a:hover, body.no-touch #navigation nav ul li a:focus, body.no-touch #navigation nav ul li a:active, body.no-touch #navigation nav ul li a:visited:hover, body.no-touch #navigation nav ul li a:visited:focus, body.no-touch #navigation nav ul li a:visited:active, body.no-touch #navigation nav ul.nice-menu li a:hover, body.no-touch #navigation nav ul.nice-menu li a:focus, body.no-touch #navigation nav ul.nice-menu li a:active, body.no-touch #navigation nav ul.nice-menu li a:visited:hover, body.no-touch #navigation nav ul.nice-menu li a:visited:focus, body.no-touch #navigation nav ul.nice-menu li a:visited:active, body.no-touch #navigation nav ul.sm li a:hover, body.no-touch #navigation nav ul.sm li a:focus, body.no-touch #navigation nav ul.sm li a:active, body.no-touch #navigation nav ul.sm li a:visited:hover, body.no-touch #navigation nav ul.sm li a:visited:focus, body.no-touch #navigation nav ul.sm li a:visited:active,
  body.no-touch .front_content_row1b .block-multiblock ul li a:hover,
  body.no-touch .front_content_row1b .block-multiblock ul li a:focus,
  body.no-touch .front_content_row1b .block-multiblock ul li a:active,
  body.no-touch .front_content_row1b .block-multiblock ul li a:visited:hover,
  body.no-touch .front_content_row1b .block-multiblock ul li a:visited:focus,
  body.no-touch .front_content_row1b .block-multiblock ul li a:visited:active,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu li a:hover,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu li a:focus,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu li a:active,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu li a:visited:hover,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu li a:visited:focus,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu li a:visited:active,
  body.no-touch .front_content_row1b .block-multiblock ul.sm li a:hover,
  body.no-touch .front_content_row1b .block-multiblock ul.sm li a:focus,
  body.no-touch .front_content_row1b .block-multiblock ul.sm li a:active,
  body.no-touch .front_content_row1b .block-multiblock ul.sm li a:visited:hover,
  body.no-touch .front_content_row1b .block-multiblock ul.sm li a:visited:focus,
  body.no-touch .front_content_row1b .block-multiblock ul.sm li a:visited:active {
    color: #3d6174;
    /*
    */
    background-color: rgba(61, 97, 116, 0.07843);
  }
  /* line 115, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation nav ul > li.menuparent, body.no-touch #navigation nav ul.nice-menu > li.menuparent, body.no-touch #navigation nav ul.sm > li.menuparent,
  body.no-touch .front_content_row1b .block-multiblock ul > li.menuparent,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu > li.menuparent,
  body.no-touch .front_content_row1b .block-multiblock ul.sm > li.menuparent {
    background-image: url(none);
  }
  /* line 117, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation nav ul > li.menuparent > a, body.no-touch #navigation nav ul.nice-menu > li.menuparent > a, body.no-touch #navigation nav ul.sm > li.menuparent > a,
  body.no-touch .front_content_row1b .block-multiblock ul > li.menuparent > a,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu > li.menuparent > a,
  body.no-touch .front_content_row1b .block-multiblock ul.sm > li.menuparent > a {
    background: tranpsarent url(../img/sprite_beni.svg) no-repeat center -1530px;
  }
  /* line 119, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation nav ul > li.menuparent > a:hover, body.no-touch #navigation nav ul > li.menuparent > a:focus, body.no-touch #navigation nav ul.nice-menu > li.menuparent > a:hover, body.no-touch #navigation nav ul.nice-menu > li.menuparent > a:focus, body.no-touch #navigation nav ul.sm > li.menuparent > a:hover, body.no-touch #navigation nav ul.sm > li.menuparent > a:focus,
  body.no-touch .front_content_row1b .block-multiblock ul > li.menuparent > a:hover,
  body.no-touch .front_content_row1b .block-multiblock ul > li.menuparent > a:focus,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu > li.menuparent > a:hover,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu > li.menuparent > a:focus,
  body.no-touch .front_content_row1b .block-multiblock ul.sm > li.menuparent > a:hover,
  body.no-touch .front_content_row1b .block-multiblock ul.sm > li.menuparent > a:focus {
    background-position: center -1510px;
  }
  /* line 128, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation nav ul li.active-trail > a,
  body.no-touch #navigation nav ul li.active-trail.menuparent > a,
  body.no-touch #navigation nav ul li.active-trail > a:visited,
  body.no-touch #navigation nav ul li a.active, body.no-touch #navigation nav ul.nice-menu li.active-trail > a,
  body.no-touch #navigation nav ul.nice-menu li.active-trail.menuparent > a,
  body.no-touch #navigation nav ul.nice-menu li.active-trail > a:visited,
  body.no-touch #navigation nav ul.nice-menu li a.active, body.no-touch #navigation nav ul.sm li.active-trail > a,
  body.no-touch #navigation nav ul.sm li.active-trail.menuparent > a,
  body.no-touch #navigation nav ul.sm li.active-trail > a:visited,
  body.no-touch #navigation nav ul.sm li a.active,
  body.no-touch .front_content_row1b .block-multiblock ul li.active-trail > a,
  body.no-touch .front_content_row1b .block-multiblock ul li.active-trail.menuparent > a,
  body.no-touch .front_content_row1b .block-multiblock ul li.active-trail > a:visited,
  body.no-touch .front_content_row1b .block-multiblock ul li a.active,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu li.active-trail > a,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu li.active-trail.menuparent > a,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu li.active-trail > a:visited,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu li a.active,
  body.no-touch .front_content_row1b .block-multiblock ul.sm li.active-trail > a,
  body.no-touch .front_content_row1b .block-multiblock ul.sm li.active-trail.menuparent > a,
  body.no-touch .front_content_row1b .block-multiblock ul.sm li.active-trail > a:visited,
  body.no-touch .front_content_row1b .block-multiblock ul.sm li a.active {
    background-color: rgba(61, 97, 116, 0.07843);
    color: #3d6174;
    	/*
    			border-bottom: 2px solid $blue;
    
    			&:before {
    			content: " ";
    			display: block;
    			height: 10px;
    			width: 99.9%;
    			margin: 0 auto;
    			background-color: $blue;
    			-webkit-transform: skew(0, 3deg);
    			-moz-transform: skew(0, 3deg);
    			-ms-transform: skew(0, 3deg);
    			-o-transform: skew(0, 3deg);
    			transform: skew(0, 3deg);
    			position: absolute;
    			z-index: -1;
    			top: -10px;
    			position: absolute;
    			}
    			*/
  }
  /* line 155, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation nav ul a.has-submenu span.sub-arrow, body.no-touch #navigation nav ul.nice-menu a.has-submenu span.sub-arrow, body.no-touch #navigation nav ul.sm a.has-submenu span.sub-arrow,
  body.no-touch .front_content_row1b .block-multiblock ul a.has-submenu span.sub-arrow,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu a.has-submenu span.sub-arrow,
  body.no-touch .front_content_row1b .block-multiblock ul.sm a.has-submenu span.sub-arrow {
    display: block;
    background: url(../img/sprite_beni.svg) no-repeat center -1485px;
    width: 50%;
    margin: 0 25%;
    height: 50px;
    position: absolute;
    top: -52px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  /* line 165, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation nav ul a.has-submenu:hover span, body.no-touch #navigation nav ul a.has-submenu:focus span, body.no-touch #navigation nav ul.nice-menu a.has-submenu:hover span, body.no-touch #navigation nav ul.nice-menu a.has-submenu:focus span, body.no-touch #navigation nav ul.sm a.has-submenu:hover span, body.no-touch #navigation nav ul.sm a.has-submenu:focus span,
  body.no-touch .front_content_row1b .block-multiblock ul a.has-submenu:hover span,
  body.no-touch .front_content_row1b .block-multiblock ul a.has-submenu:focus span,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu a.has-submenu:hover span,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu a.has-submenu:focus span,
  body.no-touch .front_content_row1b .block-multiblock ul.sm a.has-submenu:hover span,
  body.no-touch .front_content_row1b .block-multiblock ul.sm a.has-submenu:focus span {
    top: -22px;
  }
  /* line 175, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation li.homelink {
    display: none !important;
  }
  /* line 191, ../sass/layouts/_layout-nav.scss */
  body.no-touch .section-search li.sidr-class-menu-1852 a {
    display: none !important;
  }
  /* line 196, ../sass/layouts/_layout-nav.scss */
  body.no-touch .sm ul {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 0;
  }
  /* line 204, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation nav ul li ul,
  body.no-touch #navigation nav ul.nice-menu li ul,
  body.no-touch #navigation nav ul.sm li ul {
    /*
     	display: none !important;    */
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    padding: 0;
    position: absolute;
    top: -210px;
    top: 0;
    z-index: -10;
    left: 0;
    width: 15em;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 0;
    background: white;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) ;
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) ;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) ;
  }
  /* line 223, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation nav ul li ul li,
  body.no-touch #navigation nav ul.nice-menu li ul li,
  body.no-touch #navigation nav ul.sm li ul li {
    display: block;
    background: none;
    color: #fff;
  }
  /* line 228, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation nav ul li ul li a,
  body.no-touch #navigation nav ul.nice-menu li ul li a,
  body.no-touch #navigation nav ul.sm li ul li a {
    line-height: 1.4em !important;
    border: 0 none;
    text-align: left;
    padding: .5em 1em !important;
    text-transform: none;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 0;
  }
  /* line 236, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation nav ul li ul li a:hover, body.no-touch #navigation nav ul li ul li a:focus,
  body.no-touch #navigation nav ul.nice-menu li ul li a:hover,
  body.no-touch #navigation nav ul.nice-menu li ul li a:focus,
  body.no-touch #navigation nav ul.sm li ul li a:hover,
  body.no-touch #navigation nav ul.sm li ul li a:focus {
    border: 0 none;
  }
  /* line 240, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation nav ul li ul li.active-trail > a,
  body.no-touch #navigation nav ul.nice-menu li ul li.active-trail > a,
  body.no-touch #navigation nav ul.sm li ul li.active-trail > a {
    border: 0 none;
  }
  /* line 244, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation nav ul li:hover ul,
  body.no-touch #navigation nav ul.nice-menu li:hover ul,
  body.no-touch #navigation nav ul.sm li:hover ul {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    height: auto;
    top: 70px;
    z-index: 0;
  }
  /* line 252, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation nav ul li:hover ul a,
  body.no-touch #navigation nav ul.nice-menu li:hover ul a,
  body.no-touch #navigation nav ul.sm li:hover ul a {
    height: auto;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  /* line 256, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation nav ul li:hover ul a:hover, body.no-touch #navigation nav ul li:hover ul a:focus,
  body.no-touch #navigation nav ul.nice-menu li:hover ul a:hover,
  body.no-touch #navigation nav ul.nice-menu li:hover ul a:focus,
  body.no-touch #navigation nav ul.sm li:hover ul a:hover,
  body.no-touch #navigation nav ul.sm li:hover ul a:focus {
    background-color: #3d6174;
    color: white;
  }
  /* line 268, ../sass/layouts/_layout-nav.scss */
  body.no-touch nav ul ul li ul, body.no-touch nav ul.nice-menu ul li ul {
    top: 0;
    left: 12em;
    width: 15em;
  }
  /*   end bp5 */
}
@media (min-width: 64em) and (min-width: 37.5em) {
  /* line 16, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation {
    width: 100%;
  }
}
@media (min-width: 64em) and (min-width: 64em) {
  /* line 16, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation {
    width: 66%;
    left: 38%;
  }
}
@media (min-width: 64em) and (min-width: 87.5em) {
  /* line 16, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation {
    width: 60%;
    left: 40%;
  }
}
@media (min-width: 64em) and (min-width: 75em) {
  /* line 54, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation nav ul, body.no-touch #navigation nav ul.nice-menu, body.no-touch #navigation nav ul.sm,
  body.no-touch .front_content_row1b .block-multiblock ul,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu,
  body.no-touch .front_content_row1b .block-multiblock ul.sm {
    text-align: center;
    margin-right: auto;
  }
}
@media (min-width: 64em) and (min-width: 64em) {
  /* line 83, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation nav ul li a, body.no-touch #navigation nav ul li a:visited, body.no-touch #navigation nav ul.nice-menu li a, body.no-touch #navigation nav ul.nice-menu li a:visited, body.no-touch #navigation nav ul.sm li a, body.no-touch #navigation nav ul.sm li a:visited,
  body.no-touch .front_content_row1b .block-multiblock ul li a,
  body.no-touch .front_content_row1b .block-multiblock ul li a:visited,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu li a,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu li a:visited,
  body.no-touch .front_content_row1b .block-multiblock ul.sm li a,
  body.no-touch .front_content_row1b .block-multiblock ul.sm li a:visited {
    font-size: 1.4rem;
    padding: 0 .15em;
  }
}
@media (min-width: 64em) and (min-width: 75em) {
  /* line 83, ../sass/layouts/_layout-nav.scss */
  body.no-touch #navigation nav ul li a, body.no-touch #navigation nav ul li a:visited, body.no-touch #navigation nav ul.nice-menu li a, body.no-touch #navigation nav ul.nice-menu li a:visited, body.no-touch #navigation nav ul.sm li a, body.no-touch #navigation nav ul.sm li a:visited,
  body.no-touch .front_content_row1b .block-multiblock ul li a,
  body.no-touch .front_content_row1b .block-multiblock ul li a:visited,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu li a,
  body.no-touch .front_content_row1b .block-multiblock ul.nice-menu li a:visited,
  body.no-touch .front_content_row1b .block-multiblock ul.sm li a,
  body.no-touch .front_content_row1b .block-multiblock ul.sm li a:visited {
    font-size: 1.5rem;
    padding: 0 .25em;
  }
}
@media (min-width: 64em) and (min-width: 64em) {
  /* line 268, ../sass/layouts/_layout-nav.scss */
  body.no-touch nav ul ul li ul, body.no-touch nav ul.nice-menu ul li ul {
    left: -15em;
  }
}

/*   end body.no-touch */
/******************************
Footer Menu
*****************************
#footer .region .block{
ul.menu{
position:relative;
text-align:left;
li {
width: auto;
a{
display:block;
position:relative;
    text-decoration: none;



}}}}
*/
/* line 3, ../sass/layouts/_layout-nav-2ndlevel.scss */
.menu2ndlevel {
  display: none;
}

@media (min-width: 64em) {
  /* line 17, ../sass/layouts/_layout-nav-2ndlevel.scss */
  .menu2ndlevel {
    display: block;
    position: relative;
    width: 0;
    z-index: 6;
    z-index: 8;
    z-index: 999;
    margin-top: -95px;
    position: fixed;
    top: 35px;
    top: 50px;
    height: 35px;
    margin-top: 0;
    right: 1%;
    background-color: white;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
    /*
    @include bp(bp5) { width: 70%;}
    @include bp(bp8) {width: 60%}
    
    	-webkit-transform: skew(0, 1.5deg);
    	-moz-transform: skew(0, 1.5deg);
    	-ms-transform: skew(0, 1.5deg);
    	-o-transform: skew(0, 1.5deg);
    	transform: skew(0, 1.5deg);
    border-top: 10px solid $white;
    */
  }
  /* line 64, ../sass/layouts/_layout-nav-2ndlevel.scss */
  .menu2ndlevel ul.menu, .menu2ndlevel ul.nice-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    text-align: right;
    position: relative;
    float: none;
    /*
    	@include flexbox();
    	@include justify-content(space-between);
    	font-family: $garamond;
    	*/
    /* li */
  }
  /* line 85, ../sass/layouts/_layout-nav-2ndlevel.scss */
  .menu2ndlevel ul.menu li, .menu2ndlevel ul.nice-menu li {
    float: none !important;
    display: inline-block;
    border: 0 none;
    padding: 0 !important;
    position: relative;
    background-color: transparent;
    /* a */
  /*
  &:nth-child(3n+2) a { background-color: lighten($red,25); }
  &:nth-child(3n+3) a { background-color: lighten($blue,25); }
*/
  }
  /* line 93, ../sass/layouts/_layout-nav-2ndlevel.scss */
  .menu2ndlevel ul.menu li a, .menu2ndlevel ul.menu li a:visited, .menu2ndlevel ul.nice-menu li a, .menu2ndlevel ul.nice-menu li a:visited {
    display: block;
    line-height: 35px;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
    /*	
    margin-top:  30px;  */
    text-decoration: none;
    font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
    font-weight: 400;
    text-align: center;
    color: #454545;
    text-transform: uppercase;
    font-size: 1.5rem;
    background-color: #9ab9ca;
  }
  /* line 119, ../sass/layouts/_layout-nav-2ndlevel.scss */
  .menu2ndlevel ul.menu li a:hover, .menu2ndlevel ul.menu li a:focus, .menu2ndlevel ul.menu li a:active, .menu2ndlevel ul.menu li a:visited:hover, .menu2ndlevel ul.menu li a:visited:focus, .menu2ndlevel ul.menu li a:visited:active, .menu2ndlevel ul.nice-menu li a:hover, .menu2ndlevel ul.nice-menu li a:focus, .menu2ndlevel ul.nice-menu li a:active, .menu2ndlevel ul.nice-menu li a:visited:hover, .menu2ndlevel ul.nice-menu li a:visited:focus, .menu2ndlevel ul.nice-menu li a:visited:active {
    color: #3d6174;
    background-color: rgba(61, 97, 116, 0.07843);
  }

  /* #navigation */
}
@media (min-width: 64em) and (min-width: 37.5em) {
  /* line 17, ../sass/layouts/_layout-nav-2ndlevel.scss */
  .menu2ndlevel {
    width: 100%;
  }
}
@media (min-width: 64em) and (min-width: 64em) {
  /* line 17, ../sass/layouts/_layout-nav-2ndlevel.scss */
  .menu2ndlevel {
    width: auto;
  }
}

@media (min-width: 64em) and (min-width: 75em) {
  /* line 64, ../sass/layouts/_layout-nav-2ndlevel.scss */
  .menu2ndlevel ul.menu, .menu2ndlevel ul.nice-menu {
    text-align: center;
    margin-right: auto;
  }
}
@media (min-width: 64em) and (min-width: 64em) {
  /* line 93, ../sass/layouts/_layout-nav-2ndlevel.scss */
  .menu2ndlevel ul.menu li a, .menu2ndlevel ul.menu li a:visited, .menu2ndlevel ul.nice-menu li a, .menu2ndlevel ul.nice-menu li a:visited {
    font-size: 1.4rem;
    padding: 0 .25em;
  }
}
@media (min-width: 64em) and (min-width: 75em) {
  /* line 93, ../sass/layouts/_layout-nav-2ndlevel.scss */
  .menu2ndlevel ul.menu li a, .menu2ndlevel ul.menu li a:visited, .menu2ndlevel ul.nice-menu li a, .menu2ndlevel ul.nice-menu li a:visited {
    font-size: 1.5rem;
    padding: 0 .35em;
  }
}
@media (pointer: coarse) {
  /* ... */
}
/*   end @media (hover: none) and (pointer: coarse) { */
/* line 14, ../sass/layouts/_layout-nav-mobile.scss */
body.no-touch {
  /* bp5max */
}
@media (max-width: 63.95em) {
  /* line 14, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch {
    /*
     * Hamburgers
     * @description Tasty CSS-animated hamburgers
     * @author Jonathan Suh @jonsuh
     * @site https://jonsuh.com/hamburgers
     * @link https://github.com/jonsuh/hamburgers
     */
    /*
       * Elastic
       */
    /* Admin Menu Block 
    #navigation .block-system.block-menu { 
    margin-top: 1.25em;
    @include font-size(18);
    h2.block__title { display:block; @include element-invisible-off; @include font-size(20);}
    ul li > a  {
    		@include font-size(16);
    		@include bp(bp4) {@include font-size(19); }
    		@include bp(bp5) {@include font-size(18); }
    				height: $header-height / 4;
    				line-height:  $header-height / 4;
    }
    }
    
    */
  }
  /* line 25, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch .hamburger {
    padding: 15px 15px;
    padding: 0;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent !important;
    background-image: none;
    border: 0;
    margin: 0;
    overflow: visible;
    opacity: 0.98;
    filter: alpha(opacity=98);
    position: fixed;
    top: 0;
    right: 20px;
    z-index: 9990;
    right: 0;
  }
  /* line 53, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch .hamburger:hover, body.no-touch .hamburger:focus {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  /* line 55, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch .hamburger-box {
    width: 60px;
    height: 60px;
    padding: 20px;
    width: 66px;
    height: 66px;
    padding: 17px 10px 17px 24px;
    display: inline-block;
    position: relative;
    margin-top: -5px;
    /*
    background-color:$white;
    .front & {@include bp(bp5) {background-color:$base-bg;}}
    .front.smaller & {background-color:$white;}
    */
  }
  /* line 73, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
  }
  /* line 78, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch .hamburger-inner, body.no-touch .hamburger-inner::before, body.no-touch .hamburger-inner::after {
    width: 66px;
    height: 9px;
    width: 57px;
    height: 8px;
    background-color: #3d6174;
    border-radius: 1px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
  }
  /* line 90, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch .hamburger-inner::before, body.no-touch .hamburger-inner::after {
    content: "";
    display: block;
  }
  /* line 93, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch .hamburger-inner::before {
    top: -17px;
  }
  /* line 96, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch .hamburger-inner::after {
    bottom: -17px;
  }
  /* line 100, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch .hamburger.is-active {
    background-color: transparent;
  }
  /* line 101, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch .hamburger.is-active .hamburger-inner, body.no-touch .hamburger.is-active .hamburger-inner::before, body.no-touch .hamburger.is-active .hamburger-inner::after {
    background-color: white;
  }
  /* line 110, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch .hamburger--elastic .hamburger-inner {
    top: 27px;
    top: 32px;
    top: 22px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition-delay: 0.15s;
  }
  /* line 117, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch .hamburger--elastic .hamburger-inner::before {
    top: 40px;
    top: 34px;
    transition: opacity 0.125s 0.275s ease;
    transition-delay: 0s;
  }
  /* line 123, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch .hamburger--elastic .hamburger-inner::after {
    top: 20px;
    top: 17px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition-delay: 0.15s;
  }
  /* line 130, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch .hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0, 15px, 0) rotate(135deg);
    transition-delay: 0.075s;
  }
  /* line 133, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0;
  }
  /* line 136, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -17px, 0) rotate(-270deg);
    transition-delay: 0.075s;
  }
  /* line 143, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch .sm-menu-state:not(:checked) ~ .sm {
    display: block;
  }
  /* line 146, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch .sm-menu-btn {
    display: none;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
  }
  /* line 151, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation {
    -webkit-transition: all 0.125s linear;
    -moz-transition: all 0.125s linear;
    -ms-transition: all 0.125s linear;
    -o-transition: all 0.125s linear;
    transition: all 0.125s linear;
    z-index: 9990;
    overflow: hidden;
    font-size: 0  !important;
    background: transparent;
    display: block !important;
    right: -50px !important;
    width: 50px;
    position: fixed;
    top: 0;
    min-height: 100%;
    padding-top: 80px !important;
    overflow: visible;
    /*
    nav:before {
    	@include transition(all .05s linear);
      content: '';
      width: 290px; 
      height: 60px; 
      border-right: 0 solid transparent; 
      border-top: 1vh solid transparent;
      position: absolute;
      @include opacity(.75);
        top: - $header-height - 30px;
        left: 0;
        left: 25px;
    		background: url(../img/sprite_beni.svg) no-repeat left -990px;
    	
    	@include bp(bp3max) { 
    		background-size: 639px 1500px;
    		background-position: left -750px;
    	 }
    	@include bp(bp4) {top: - $header-height - 20px;}
    }
    
    */
  }
  /* line 171, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation .block-nice-menus, body.no-touch #navigation #block-block-2, body.no-touch #navigation #block-block-6 {
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
    position: relative;
    display: block;
    -webkit-transition: all 700ms ease-out;
    -moz-transition: all 700ms ease-out;
    -ms-transition: all 700ms ease-out;
    -o-transition: all 700ms ease-out;
    transition: all 700ms ease-out;
  }
  /* line 206, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation.active {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) ;
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) ;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) ;
    right: 0px !important;
    overflow: unset;
    width: 100%;
    padding-top: 110px !important;
    opacity: 0.98;
    filter: alpha(opacity=98);
    font-size: 1rem  !important;
    background: #3d6174;
  }
  /* line 230, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation.active .block-nice-menus, body.no-touch #navigation.active #block-block-6 {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  /* line 248, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch nav {
    padding-left: 25px;
  }
  /* line 251, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch nav a, body.no-touch nav a:visited {
    color: #7d7674;
  }
  /* line 253, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch nav a:hover, body.no-touch nav a:focus, body.no-touch nav a:active, body.no-touch nav a:visited:hover, body.no-touch nav a:visited:focus, body.no-touch nav a:visited:active {
    color: white;
  }
  /* line 254, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch nav a span.sub-arrow, body.no-touch nav a:visited span.sub-arrow {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    padding-right: 36px;
    background: url(../img/sprite_beni.svg) no-repeat 100% -937px;
  }
  /* line 260, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch nav a:hover span.sub-arrow, body.no-touch nav a:focus span.sub-arrow, body.no-touch nav a:active span.sub-arrow, body.no-touch nav a:visited:hover span.sub-arrow, body.no-touch nav a:visited:focus span.sub-arrow, body.no-touch nav a:visited:active span.sub-arrow {
    background-position: 100% -935px;
  }
  /* line 262, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch nav ul.menu, body.no-touch nav ul.nice-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    float: none;
    /* li */
  }
  /* line 269, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch nav ul.menu li, body.no-touch nav ul.nice-menu li {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    float: none !important;
    border: 0 none;
    background-color: transparent;
    width: auto;
    /* a */
  }
  /* line 276, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch nav ul.menu li.menuparent, body.no-touch nav ul.nice-menu li.menuparent {
    background-color: transparent;
  }
  /* line 278, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch nav ul.menu li.menuparent ul, body.no-touch nav ul.nice-menu li.menuparent ul {
    /* uncomment this if all should be visible */
  }
  /* line 281, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch nav ul.menu li.menuparent:hover, body.no-touch nav ul.menu li.menuparent:focus, body.no-touch nav ul.menu li.menuparent:active, body.no-touch nav ul.nice-menu li.menuparent:hover, body.no-touch nav ul.nice-menu li.menuparent:focus, body.no-touch nav ul.nice-menu li.menuparent:active {
    background-color: transparent;
  }
  /* line 285, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch nav ul.menu li.last, body.no-touch nav ul.nice-menu li.last {
    margin: 0;
  }
  /* line 292, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch nav ul.menu li a span, body.no-touch nav ul.menu li a:visited span, body.no-touch nav ul.nice-menu li a span, body.no-touch nav ul.nice-menu li a:visited span {
    display: block;
  }
  /* line 300, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch nav ul.menu li > a.active, body.no-touch nav ul.nice-menu li > a.active {
    color: #726c6a;
  }
  /* line 304, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation.active ul li {
    /* a  */
  }
  /* line 305, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation.active ul li a {
    padding: 0;
    padding: 0 2em  0 0;
    padding: 6px 2em 6px 0;
    background: url(none);
    opacity: 1;
    filter: alpha(opacity=100);
    color: white;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 21px;
    font-size: 2.1rem;
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
  }
  /* line 326, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation.active ul li a div:first-letter {
    font-size: inherit;
  }
  /* line 328, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation.active ul li a:hover, body.no-touch #navigation.active ul li a:focus, body.no-touch #navigation.active ul li a:active {
    color: white;
    background-color: transparent;
    letter-spacing: 3px;
  }
  /* line 333, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation.active ul li a:hover div, body.no-touch #navigation.active ul li a:focus div, body.no-touch #navigation.active ul li a:active div {
    padding-left: 0;
  }
  /* line 336, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation.active ul li a span.sub-arrow {
    background: url(../img/sprite_beni.svg) no-repeat center -876px;
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  /* line 340, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation.active ul li a:hover span.sub-arrow, body.no-touch #navigation.active ul li a:focus span.sub-arrow, body.no-touch #navigation.active ul li a:active span.sub-arrow {
    background-position: center -874px;
  }
  /* line 344, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation.active ul li ul li a {
    font-size: 16px;
    font-size: 1.6rem;
  }
  /* line 352, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation.active ul li li.menuparent:hover ul, body.no-touch #navigation.active ul li li.menuparent:focus ul {
    display: block !important;
    visibility: visible !important;
  }
  /* line 357, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation.active ul li li.menuparent a {
    background: url(none);
  }
  /* line 360, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation.active ul li ul {
    padding: 5px 0 25px 0;
    padding: 0 0 0 15px;
    margin: 0;
    position: relative;
    top: auto;
    border: 0 none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    width: 100% !important;
    max-width: 100% !important;
  }
  /* line 370, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation.active ul li ul li {
    width: auto;
    padding-left: 0px;
  }
  /* line 373, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation.active ul li ul li a {
    line-height: 23.33333px;
    padding: 0;
    padding: 4px 0;
  }
  /* line 406, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation #block-block-6 {
    color: #7d7674;
    margin-top: 3rem;
    padding: 0 .5rem;
    position: absolute;
    width: 50%;
    /* background: #ccc; */
    right: 5%;
    bottom: 5%;
    text-align: right;
    font-size: 12px;
    font-size: 1.2rem;
  }
  /* line 420, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation #block-block-6 a:hover, body.no-touch #navigation #block-block-6 a:focus, body.no-touch #navigation #block-block-6 a:active {
    opacity: 1;
    filter: alpha(opacity=100);
    color: #e0054c;
  }
  /* line 422, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation #block-block-6 ul, body.no-touch #navigation #block-block-6 li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  /* line 428, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation #block-block-6 ul li {
    float: left;
  }
  /* line 430, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation #block-block-6 ul li > a {
    display: block;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    opacity: 0.7;
    filter: alpha(opacity=70);
  }
  /* line 437, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation #block-block-6 ul li > a:hover, body.no-touch #navigation #block-block-6 ul li > a:focus, body.no-touch #navigation #block-block-6 ul li > a:active {
    opacity: 1;
    filter: alpha(opacity=100);
    color: #e0054c;
  }
  /* line 438, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation #block-block-6 ul li > a span {
    display: none;
  }
  /* line 441, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation #block-block-6 ul li.instagram > a {
    background-position-y: -1900px;
  }
  /* line 442, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation #block-block-6 ul li.youtube > a {
    background-position: -100px -1850px;
  }
}
@media (max-width: 63.95em) and (min-width: 64em) {
  /* line 25, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch .hamburger {
    right: 1.25%;
  }
}
@media (max-width: 63.95em) and (min-width: 75em) {
  /* line 25, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch .hamburger {
    right: 2.5%;
  }
}
@media (max-width: 63.95em) and (min-width: 87.5em) {
  /* line 25, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch .hamburger {
    right: 5%;
  }
}
@media (max-width: 63.95em) and (min-width: 37.5em) {
  /* line 151, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation {
    padding-top: 90px !important;
  }
}
@media (max-width: 63.95em) and (min-width: 37.5em) {
  /* line 206, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation.active {
    width: 80vw;
  }
  /* line 218, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation.active:after {
    border-left: 10vw solid transparent;
    border-top: 100vh solid #3d6174;
  }
}
@media (max-width: 63.95em) and (min-width: 768px) {
  /* line 206, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation.active {
    width: 70vw;
  }
  /* line 225, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation.active:after {
    border-left: 20vw solid transparent;
  }
}
@media (max-width: 63.95em) and (min-width: 30em) {
  /* line 305, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation.active ul li a {
    letter-spacing: 2px;
  }
}
@media (max-width: 63.95em) and (min-width: 30em) {
  /* line 305, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation.active ul li a {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media (max-width: 63.95em) and (min-width: 37.5em) {
  /* line 305, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation.active ul li a {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media (max-width: 63.95em) and (min-width: 768px) {
  /* line 305, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation.active ul li a {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media (max-width: 63.95em) and (min-width: 768px) {
  /* line 344, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation.active ul li ul li a {
    font-size: 19px;
    font-size: 1.9rem;
  }
}
@media (max-width: 63.95em) and (min-width: 64em) {
  /* line 344, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation.active ul li ul li a {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media (max-width: 63.95em) and (min-width: 768px) {
  /* line 406, ../sass/layouts/_layout-nav-mobile.scss */
  body.no-touch #navigation #block-block-6 {
    font-size: 13px;
    font-size: 1.3rem;
  }
}

 /*   

IST DAS GLEICHE WIE LAYOUT NAV MOBILE, ABER FÜR ANDERE BODY CLASS

 */
/* line 11, ../sass/layouts/_layout-nav-touch.scss */
body.touch {
  /*
   * Hamburgers
   * @description Tasty CSS-animated hamburgers
   * @author Jonathan Suh @jonsuh
   * @site https://jonsuh.com/hamburgers
   * @link https://github.com/jonsuh/hamburgers
   */
  /*
     * Elastic
     */
  /* Admin Menu Block 
  #navigation .block-system.block-menu { 
  margin-top: 1.25em;
  @include font-size(18);
  h2.block__title { display:block; @include element-invisible-off; @include font-size(20);}
  ul li > a  {
  		@include font-size(16);
  		@include bp(bp4) {@include font-size(19); }
  		@include bp(bp5) {@include font-size(18); }
  				height: $header-height / 4;
  				line-height:  $header-height / 4;
  }
  }
  
  */
}
/* line 22, ../sass/layouts/_layout-nav-touch.scss */
body.touch .hamburger {
  padding: 15px 15px;
  padding: 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent !important;
  background-image: none;
  border: 0;
  margin: 0;
  overflow: visible;
  opacity: 0.98;
  filter: alpha(opacity=98);
  position: fixed;
  top: 0;
  right: 20px;
  z-index: 9990;
  right: 0;
}
@media (min-width: 64em) {
  /* line 22, ../sass/layouts/_layout-nav-touch.scss */
  body.touch .hamburger {
    right: 1.25%;
  }
}
@media (min-width: 75em) {
  /* line 22, ../sass/layouts/_layout-nav-touch.scss */
  body.touch .hamburger {
    right: 2.5%;
  }
}
@media (min-width: 87.5em) {
  /* line 22, ../sass/layouts/_layout-nav-touch.scss */
  body.touch .hamburger {
    right: 5%;
  }
}
/* line 50, ../sass/layouts/_layout-nav-touch.scss */
body.touch .hamburger:hover, body.touch .hamburger:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 52, ../sass/layouts/_layout-nav-touch.scss */
body.touch .hamburger-box {
  width: 60px;
  height: 60px;
  padding: 20px;
  width: 66px;
  height: 66px;
  padding: 17px 10px 17px 24px;
  display: inline-block;
  position: relative;
  margin-top: -5px;
  /*
  background-color:$white;
  .front & {@include bp(bp5) {background-color:$base-bg;}}
  .front.smaller & {background-color:$white;}
  */
}
/* line 70, ../sass/layouts/_layout-nav-touch.scss */
body.touch .hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
/* line 75, ../sass/layouts/_layout-nav-touch.scss */
body.touch .hamburger-inner, body.touch .hamburger-inner::before, body.touch .hamburger-inner::after {
  width: 66px;
  height: 9px;
  width: 57px;
  height: 8px;
  background-color: #3d6174;
  border-radius: 1px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
/* line 87, ../sass/layouts/_layout-nav-touch.scss */
body.touch .hamburger-inner::before, body.touch .hamburger-inner::after {
  content: "";
  display: block;
}
/* line 90, ../sass/layouts/_layout-nav-touch.scss */
body.touch .hamburger-inner::before {
  top: -17px;
}
/* line 93, ../sass/layouts/_layout-nav-touch.scss */
body.touch .hamburger-inner::after {
  bottom: -17px;
}
/* line 97, ../sass/layouts/_layout-nav-touch.scss */
body.touch .hamburger.is-active {
  background-color: transparent;
}
/* line 98, ../sass/layouts/_layout-nav-touch.scss */
body.touch .hamburger.is-active .hamburger-inner, body.touch .hamburger.is-active .hamburger-inner::before, body.touch .hamburger.is-active .hamburger-inner::after {
  background-color: white;
}
/* line 107, ../sass/layouts/_layout-nav-touch.scss */
body.touch .hamburger--elastic .hamburger-inner {
  top: 27px;
  top: 32px;
  top: 22px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-delay: 0.15s;
}
/* line 114, ../sass/layouts/_layout-nav-touch.scss */
body.touch .hamburger--elastic .hamburger-inner::before {
  top: 40px;
  top: 34px;
  transition: opacity 0.125s 0.275s ease;
  transition-delay: 0s;
}
/* line 120, ../sass/layouts/_layout-nav-touch.scss */
body.touch .hamburger--elastic .hamburger-inner::after {
  top: 20px;
  top: 17px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-delay: 0.15s;
}
/* line 127, ../sass/layouts/_layout-nav-touch.scss */
body.touch .hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 15px, 0) rotate(135deg);
  transition-delay: 0.075s;
}
/* line 130, ../sass/layouts/_layout-nav-touch.scss */
body.touch .hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}
/* line 133, ../sass/layouts/_layout-nav-touch.scss */
body.touch .hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -17px, 0) rotate(-270deg);
  transition-delay: 0.075s;
}
/* line 140, ../sass/layouts/_layout-nav-touch.scss */
body.touch .sm-menu-state:not(:checked) ~ .sm {
  display: block;
}
/* line 143, ../sass/layouts/_layout-nav-touch.scss */
body.touch .sm-menu-btn {
  display: none;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
/* line 148, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation {
  -webkit-transition: all 0.125s linear;
  -moz-transition: all 0.125s linear;
  -ms-transition: all 0.125s linear;
  -o-transition: all 0.125s linear;
  transition: all 0.125s linear;
  z-index: 9990;
  overflow: hidden;
  font-size: 0  !important;
  background: transparent;
  display: block !important;
  right: -50px !important;
  width: 50px;
  position: fixed;
  top: 0;
  min-height: 100%;
  padding-top: 80px !important;
  overflow: visible;
  /*
  nav:before {
  	@include transition(all .05s linear);
    content: '';
    width: 290px; 
    height: 60px; 
    border-right: 0 solid transparent; 
    border-top: 1vh solid transparent;
    position: absolute;
    @include opacity(.75);
      top: - $header-height - 30px;
      left: 0;
      left: 25px;
  		background: url(../img/sprite_beni.svg) no-repeat left -990px;
  	
  	@include bp(bp3max) { 
  		background-size: 639px 1500px;
  		background-position: left -750px;
  	 }
  	@include bp(bp4) {top: - $header-height - 20px;}
  }
  
  */
}
@media (min-width: 37.5em) {
  /* line 148, ../sass/layouts/_layout-nav-touch.scss */
  body.touch #navigation {
    padding-top: 90px !important;
  }
}
/* line 168, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation .block-nice-menus, body.touch #navigation #block-block-2, body.touch #navigation #block-block-6 {
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
  position: relative;
  display: block;
  -webkit-transition: all 700ms ease-out;
  -moz-transition: all 700ms ease-out;
  -ms-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
}
/* line 203, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation.active {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) ;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) ;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) ;
  right: 0px !important;
  overflow: unset;
  width: 100%;
  padding-top: 110px !important;
  opacity: 0.98;
  filter: alpha(opacity=98);
  font-size: 1rem  !important;
  background: #3d6174;
}
@media (min-width: 37.5em) {
  /* line 203, ../sass/layouts/_layout-nav-touch.scss */
  body.touch #navigation.active {
    width: 80vw;
  }
  /* line 215, ../sass/layouts/_layout-nav-touch.scss */
  body.touch #navigation.active:after {
    border-left: 10vw solid transparent;
    border-top: 100vh solid #3d6174;
  }
}
@media (min-width: 768px) {
  /* line 203, ../sass/layouts/_layout-nav-touch.scss */
  body.touch #navigation.active {
    width: 70vw;
  }
  /* line 222, ../sass/layouts/_layout-nav-touch.scss */
  body.touch #navigation.active:after {
    border-left: 20vw solid transparent;
  }
}
/* line 227, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation.active .block-nice-menus, body.touch #navigation.active #block-block-6 {
  display: block;
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 245, ../sass/layouts/_layout-nav-touch.scss */
body.touch nav {
  padding-left: 25px;
}
/* line 248, ../sass/layouts/_layout-nav-touch.scss */
body.touch nav a, body.touch nav a:visited {
  color: #7d7674;
}
/* line 250, ../sass/layouts/_layout-nav-touch.scss */
body.touch nav a:hover, body.touch nav a:focus, body.touch nav a:active, body.touch nav a:visited:hover, body.touch nav a:visited:focus, body.touch nav a:visited:active {
  color: white;
}
/* line 251, ../sass/layouts/_layout-nav-touch.scss */
body.touch nav a span.sub-arrow, body.touch nav a:visited span.sub-arrow {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  padding-right: 36px;
  background: url(../img/sprite_beni.svg) no-repeat 100% -937px;
}
/* line 257, ../sass/layouts/_layout-nav-touch.scss */
body.touch nav a:hover span.sub-arrow, body.touch nav a:focus span.sub-arrow, body.touch nav a:active span.sub-arrow, body.touch nav a:visited:hover span.sub-arrow, body.touch nav a:visited:focus span.sub-arrow, body.touch nav a:visited:active span.sub-arrow {
  background-position: 100% -935px;
}
/* line 259, ../sass/layouts/_layout-nav-touch.scss */
body.touch nav ul.menu, body.touch nav ul.nice-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  float: none;
  /* li */
}
/* line 266, ../sass/layouts/_layout-nav-touch.scss */
body.touch nav ul.menu li, body.touch nav ul.nice-menu li {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  float: none !important;
  border: 0 none;
  background-color: transparent;
  width: auto;
  /* a */
}
/* line 273, ../sass/layouts/_layout-nav-touch.scss */
body.touch nav ul.menu li.menuparent, body.touch nav ul.nice-menu li.menuparent {
  background-color: transparent;
}
/* line 275, ../sass/layouts/_layout-nav-touch.scss */
body.touch nav ul.menu li.menuparent ul, body.touch nav ul.nice-menu li.menuparent ul {
  /* uncomment this if all should be visible */
}
/* line 278, ../sass/layouts/_layout-nav-touch.scss */
body.touch nav ul.menu li.menuparent:hover, body.touch nav ul.menu li.menuparent:focus, body.touch nav ul.menu li.menuparent:active, body.touch nav ul.nice-menu li.menuparent:hover, body.touch nav ul.nice-menu li.menuparent:focus, body.touch nav ul.nice-menu li.menuparent:active {
  background-color: transparent;
}
/* line 282, ../sass/layouts/_layout-nav-touch.scss */
body.touch nav ul.menu li.last, body.touch nav ul.nice-menu li.last {
  margin: 0;
}
/* line 289, ../sass/layouts/_layout-nav-touch.scss */
body.touch nav ul.menu li a span, body.touch nav ul.menu li a:visited span, body.touch nav ul.nice-menu li a span, body.touch nav ul.nice-menu li a:visited span {
  display: block;
}
/* line 297, ../sass/layouts/_layout-nav-touch.scss */
body.touch nav ul.menu li > a.active, body.touch nav ul.nice-menu li > a.active {
  color: #726c6a;
}
/* line 301, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation.active ul li {
  /* a  */
}
/* line 302, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation.active ul li a {
  padding: 0;
  padding: 0 2em  0 0;
  padding: 6px 2em 6px 0;
  background: url(none);
  opacity: 1;
  filter: alpha(opacity=100);
  color: white;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 21px;
  font-size: 2.1rem;
  -webkit-transition-delay: 50ms;
  -moz-transition-delay: 50ms;
  -o-transition-delay: 50ms;
  transition-delay: 50ms;
}
@media (min-width: 30em) {
  /* line 302, ../sass/layouts/_layout-nav-touch.scss */
  body.touch #navigation.active ul li a {
    letter-spacing: 2px;
  }
}
@media (min-width: 30em) {
  /* line 302, ../sass/layouts/_layout-nav-touch.scss */
  body.touch #navigation.active ul li a {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media (min-width: 37.5em) {
  /* line 302, ../sass/layouts/_layout-nav-touch.scss */
  body.touch #navigation.active ul li a {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media (min-width: 768px) {
  /* line 302, ../sass/layouts/_layout-nav-touch.scss */
  body.touch #navigation.active ul li a {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
/* line 323, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation.active ul li a div:first-letter {
  font-size: inherit;
}
/* line 325, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation.active ul li a:hover, body.touch #navigation.active ul li a:focus, body.touch #navigation.active ul li a:active {
  color: white;
  background-color: transparent;
  letter-spacing: 3px;
}
/* line 330, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation.active ul li a:hover div, body.touch #navigation.active ul li a:focus div, body.touch #navigation.active ul li a:active div {
  padding-left: 0;
}
/* line 333, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation.active ul li a span.sub-arrow {
  background: url(../img/sprite_beni.svg) no-repeat center -876px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
/* line 337, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation.active ul li a:hover span.sub-arrow, body.touch #navigation.active ul li a:focus span.sub-arrow, body.touch #navigation.active ul li a:active span.sub-arrow {
  background-position: center -874px;
}
/* line 341, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation.active ul li ul li a {
  font-size: 16px;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  /* line 341, ../sass/layouts/_layout-nav-touch.scss */
  body.touch #navigation.active ul li ul li a {
    font-size: 19px;
    font-size: 1.9rem;
  }
}
@media (min-width: 64em) {
  /* line 341, ../sass/layouts/_layout-nav-touch.scss */
  body.touch #navigation.active ul li ul li a {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
/* line 349, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation.active ul li li.menuparent:hover ul, body.touch #navigation.active ul li li.menuparent:focus ul {
  display: block !important;
  visibility: visible !important;
}
/* line 354, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation.active ul li li.menuparent a {
  background: url(none);
}
/* line 357, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation.active ul li ul {
  padding: 5px 0 25px 0;
  padding: 0 0 0 15px;
  margin: 0;
  position: relative;
  top: auto;
  border: 0 none;
  width: 100% !important;
  max-width: 100% !important;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
/* line 367, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation.active ul li ul li {
  width: auto;
  padding-left: 0px;
}
/* line 370, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation.active ul li ul li a {
  line-height: 23.33333px;
  padding: 0;
  padding: 4px 0;
}
/* line 403, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation #block-block-6 {
  color: #7d7674;
  margin-top: 3rem;
  padding: 0 .5rem;
  position: absolute;
  width: 50%;
  /* background: #ccc; */
  right: 5%;
  bottom: 5%;
  text-align: right;
  font-size: 12px;
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  /* line 403, ../sass/layouts/_layout-nav-touch.scss */
  body.touch #navigation #block-block-6 {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
/* line 417, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation #block-block-6 a:hover, body.touch #navigation #block-block-6 a:focus, body.touch #navigation #block-block-6 a:active {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #e0054c;
}
/* line 419, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation #block-block-6 ul, body.touch #navigation #block-block-6 li {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 425, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation #block-block-6 ul li {
  float: left;
}
/* line 427, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation #block-block-6 ul li > a {
  display: block;
  width: 35px;
  height: 35px;
  margin-right: 10px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
/* line 434, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation #block-block-6 ul li > a:hover, body.touch #navigation #block-block-6 ul li > a:focus, body.touch #navigation #block-block-6 ul li > a:active {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #e0054c;
}
/* line 435, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation #block-block-6 ul li > a span {
  display: none;
}
/* line 438, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation #block-block-6 ul li.instagram > a {
  background-position-y: -1900px;
}
/* line 439, ../sass/layouts/_layout-nav-touch.scss */
body.touch #navigation #block-block-6 ul li.youtube > a {
  background-position: -100px -1850px;
}

/* line 4, ../sass/layouts/_layout-views.scss */
.page-views,
.page-taxonomy-term {
  /* h2.block-title, h2.block__title */
}

/* line 14, ../sass/layouts/_layout-views.scss */
.not-front .view {
  /* end view-topofview */
  /* end view-filters */
  /* end feed-icon */
  /* end togglebutton */
  /* end view-content */
}
/* line 16, ../sass/layouts/_layout-views.scss */
.not-front .view .view-topofview {
  position: relative;
  margin-bottom: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
/* line 21, ../sass/layouts/_layout-views.scss */
.not-front .view .view-topofview > div {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
/* line 24, ../sass/layouts/_layout-views.scss */
.not-front .view .view-topofview > div:hover, .not-front .view .view-topofview > div:focus, .not-front .view .view-topofview > div:active {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 30, ../sass/layouts/_layout-views.scss */
.not-front .view .view-filters {
  width: auto;
  padding: 2px;
  position: relative;
  padding-left: 50px;
}
/* line 37, ../sass/layouts/_layout-views.scss */
.not-front .view .view-filters form, .not-front .view .view-filters ul, .not-front .view .view-filters .views-exposed-widget {
  margin: 0;
  padding: 0;
}
/* line 38, ../sass/layouts/_layout-views.scss */
.not-front .view .view-filters .views-submit-button {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
/* line 40, ../sass/layouts/_layout-views.scss */
.not-front .view .view-filters .views-exposed-form .form-item, .not-front .view .view-filters .views-exposed-form .form-submit {
  margin-right: 1em;
  float: left;
}
/* line 47, ../sass/layouts/_layout-views.scss */
.not-front .view .feed-icon {
  /*	background: transparent url(../img/sprite_beni.svg) no-repeat right -1628px;
  */
  width: auto;
  padding: 28px 50px 0 50px;
  padding: 0 50px 0 50px;
  min-height: 48px;
  align-self: center;
}
/* line 57, ../sass/layouts/_layout-views.scss */
.not-front .view .feed-icon > a.icalicon {
  line-height: 40px;
}
/* line 59, ../sass/layouts/_layout-views.scss */
.not-front .view .feed-icon > a.icalicon ::after {
  content: " ";
  display: inline-block;
  height: 40px;
  width: 40px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  background: url(../img/sprite_beni.svg) no-repeat right -1640px;
  top: 10px;
  position: relative;
}
/* line 71, ../sass/layouts/_layout-views.scss */
.not-front .view .feed-icon a img {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
/* line 79, ../sass/layouts/_layout-views.scss */
.not-front .view .views-group-header h2 {
  text-align: center;
  letter-spacing: .75em;
  font-weight: 300;
  text-transform: uppercase;
  padding: 1em 0 .5em;
}
/* line 92, ../sass/layouts/_layout-views.scss */
.not-front .view .view-content,
.not-front .view .view-content > .views-group > .views-group-content {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  /* end views-row */
}
/* line 100, ../sass/layouts/_layout-views.scss */
.not-front .view .view-content > .views-row,
.not-front .view .view-content > .views-group > .views-group-content > .views-row {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  margin-bottom: 0;
}
@media (min-width: 37.5em) {
  /* line 100, ../sass/layouts/_layout-views.scss */
  .not-front .view .view-content > .views-row,
  .not-front .view .view-content > .views-group > .views-group-content > .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 48.5%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 48.5%;
    -ms-flex: 0 1 48.5%;
    flex: 0 1 48.5%;
  }
}
@media (min-width: 64em) {
  /* line 100, ../sass/layouts/_layout-views.scss */
  .not-front .view .view-content > .views-row,
  .not-front .view .view-content > .views-group > .views-group-content > .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 31.5%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 31.5%;
    -ms-flex: 0 1 31.5%;
    flex: 0 1 31.5%;
  }
}
@media (min-width: 30em) {
  /* line 100, ../sass/layouts/_layout-views.scss */
  .not-front .view .view-content > .views-row,
  .not-front .view .view-content > .views-group > .views-group-content > .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
}
@media (min-width: 768px) {
  /* line 100, ../sass/layouts/_layout-views.scss */
  .not-front .view .view-content > .views-row,
  .not-front .view .view-content > .views-group > .views-group-content > .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 33.3333%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 33.3333%;
    -ms-flex: 0 1 33.3333%;
    flex: 0 1 33.3333%;
  }
}
@media (min-width: 64em) {
  /* line 100, ../sass/layouts/_layout-views.scss */
  .not-front .view .view-content > .views-row,
  .not-front .view .view-content > .views-group > .views-group-content > .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 25%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 25%;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
  }
}
/* line 114, ../sass/layouts/_layout-views.scss */
.not-front .view .view-content > .views-row .views-row-inner,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-row-inner {
  padding: 10px;
  height: 100.1%;
  line-height: 1.4;
}
/* line 127, ../sass/layouts/_layout-views.scss */
.not-front .view .view-content > .views-row .views-field,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field {
  /*	
  		margin:.5rem 0;
  		.field-content { padding: 0 2rem;}
  	*/
}
/* line 135, ../sass/layouts/_layout-views.scss */
.not-front .view .view-content > .views-row .field-title,
.not-front .view .view-content > .views-row .views-field-title,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .field-title,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-title {
  margin: 2rem 0 5px 0;
  font-weight: 400;
}
/* line 138, ../sass/layouts/_layout-views.scss */
.not-front .view .view-content > .views-row .field-title h2 a, .not-front .view .view-content > .views-row .field-title h3 a,
.not-front .view .view-content > .views-row .views-field-title h2 a,
.not-front .view .view-content > .views-row .views-field-title h3 a,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .field-title h2 a,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .field-title h3 a,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-title h2 a,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-title h3 a {
  color: #3d6174;
}
/* line 139, ../sass/layouts/_layout-views.scss */
.not-front .view .view-content > .views-row .field-title h2 a:hover, .not-front .view .view-content > .views-row .field-title h2 a:focus, .not-front .view .view-content > .views-row .field-title h3 a:hover, .not-front .view .view-content > .views-row .field-title h3 a:focus,
.not-front .view .view-content > .views-row .views-field-title h2 a:hover,
.not-front .view .view-content > .views-row .views-field-title h2 a:focus,
.not-front .view .view-content > .views-row .views-field-title h3 a:hover,
.not-front .view .view-content > .views-row .views-field-title h3 a:focus,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .field-title h2 a:hover,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .field-title h2 a:focus,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .field-title h3 a:hover,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .field-title h3 a:focus,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-title h2 a:hover,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-title h2 a:focus,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-title h3 a:hover,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-title h3 a:focus {
  color: #69abce;
}
/* line 145, ../sass/layouts/_layout-views.scss */
.not-front .view .view-content > .views-row .views-field-body,
.not-front .view .view-content > .views-row .views-field-field-slogan,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-body,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-slogan {
  font-weight: 300;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (min-width: 37.5em) {
  /* line 145, ../sass/layouts/_layout-views.scss */
  .not-front .view .view-content > .views-row .views-field-body,
  .not-front .view .view-content > .views-row .views-field-field-slogan,
  .not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-body,
  .not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-slogan {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
/* line 149, ../sass/layouts/_layout-views.scss */
.not-front .view .view-content > .views-row .views-field-body strong,
.not-front .view .view-content > .views-row .views-field-field-slogan strong,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-body strong,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-slogan strong {
  font-weight: 600;
}
/* line 157, ../sass/layouts/_layout-views.scss */
.not-front .view .view-content > .views-row .views-field-field-mainimage,
.not-front .view .view-content > .views-row .views-field-field-image,
.not-front .view .view-content > .views-row .views-field-field-bild,
.not-front .view .view-content > .views-row .views-field-field-beitragsbilder,
.not-front .view .view-content > .views-row .views-field-field-beitragsbild,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-mainimage,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-image,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-bild,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-beitragsbilder,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-beitragsbild {
  margin: -2rem -2rem 0 -2rem;
  margin: 0;
}
/* line 161, ../sass/layouts/_layout-views.scss */
.not-front .view .view-content > .views-row .views-field-field-mainimage .field-content,
.not-front .view .view-content > .views-row .views-field-field-image .field-content,
.not-front .view .view-content > .views-row .views-field-field-bild .field-content,
.not-front .view .view-content > .views-row .views-field-field-beitragsbilder .field-content,
.not-front .view .view-content > .views-row .views-field-field-beitragsbild .field-content,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-mainimage .field-content,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-image .field-content,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-bild .field-content,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-beitragsbilder .field-content,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-beitragsbild .field-content {
  padding: 0;
}
/* line 164, ../sass/layouts/_layout-views.scss */
.not-front .view .view-content > .views-row .views-field-field-mainimage a:hover, .not-front .view .view-content > .views-row .views-field-field-mainimage a:focus, .not-front .view .view-content > .views-row .views-field-field-mainimage a:active,
.not-front .view .view-content > .views-row .views-field-field-image a:hover,
.not-front .view .view-content > .views-row .views-field-field-image a:focus,
.not-front .view .view-content > .views-row .views-field-field-image a:active,
.not-front .view .view-content > .views-row .views-field-field-bild a:hover,
.not-front .view .view-content > .views-row .views-field-field-bild a:focus,
.not-front .view .view-content > .views-row .views-field-field-bild a:active,
.not-front .view .view-content > .views-row .views-field-field-beitragsbilder a:hover,
.not-front .view .view-content > .views-row .views-field-field-beitragsbilder a:focus,
.not-front .view .view-content > .views-row .views-field-field-beitragsbilder a:active,
.not-front .view .view-content > .views-row .views-field-field-beitragsbild a:hover,
.not-front .view .view-content > .views-row .views-field-field-beitragsbild a:focus,
.not-front .view .view-content > .views-row .views-field-field-beitragsbild a:active,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-mainimage a:hover,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-mainimage a:focus,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-mainimage a:active,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-image a:hover,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-image a:focus,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-image a:active,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-bild a:hover,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-bild a:focus,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-bild a:active,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-beitragsbilder a:hover,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-beitragsbilder a:focus,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-beitragsbilder a:active,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-beitragsbild a:hover,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-beitragsbild a:focus,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-beitragsbild a:active {
  background-color: transparent !important;
}
/* line 167, ../sass/layouts/_layout-views.scss */
.not-front .view .view-content > .views-row .views-field-field-mainimage img,
.not-front .view .view-content > .views-row .views-field-field-image img,
.not-front .view .view-content > .views-row .views-field-field-bild img,
.not-front .view .view-content > .views-row .views-field-field-beitragsbilder img,
.not-front .view .view-content > .views-row .views-field-field-beitragsbild img,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-mainimage img,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-image img,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-bild img,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-beitragsbilder img,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-beitragsbild img {
  -webkit-filter: grayscale(0.4);
  filter: grayscale(0.4);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) ;
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) ;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) ;
}
/* line 172, ../sass/layouts/_layout-views.scss */
.not-front .view .view-content > .views-row .views-field-field-mainimage img:hover, .not-front .view .view-content > .views-row .views-field-field-mainimage img:focus, .not-front .view .view-content > .views-row .views-field-field-mainimage img:active,
.not-front .view .view-content > .views-row .views-field-field-image img:hover,
.not-front .view .view-content > .views-row .views-field-field-image img:focus,
.not-front .view .view-content > .views-row .views-field-field-image img:active,
.not-front .view .view-content > .views-row .views-field-field-bild img:hover,
.not-front .view .view-content > .views-row .views-field-field-bild img:focus,
.not-front .view .view-content > .views-row .views-field-field-bild img:active,
.not-front .view .view-content > .views-row .views-field-field-beitragsbilder img:hover,
.not-front .view .view-content > .views-row .views-field-field-beitragsbilder img:focus,
.not-front .view .view-content > .views-row .views-field-field-beitragsbilder img:active,
.not-front .view .view-content > .views-row .views-field-field-beitragsbild img:hover,
.not-front .view .view-content > .views-row .views-field-field-beitragsbild img:focus,
.not-front .view .view-content > .views-row .views-field-field-beitragsbild img:active,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-mainimage img:hover,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-mainimage img:focus,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-mainimage img:active,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-image img:hover,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-image img:focus,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-image img:active,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-bild img:hover,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-bild img:focus,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-bild img:active,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-beitragsbilder img:hover,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-beitragsbilder img:focus,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-beitragsbilder img:active,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-beitragsbild img:hover,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-beitragsbild img:focus,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-beitragsbild img:active {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
@media (min-width: 30em) {
  /* line 167, ../sass/layouts/_layout-views.scss */
  .not-front .view .view-content > .views-row .views-field-field-mainimage img,
  .not-front .view .view-content > .views-row .views-field-field-image img,
  .not-front .view .view-content > .views-row .views-field-field-bild img,
  .not-front .view .view-content > .views-row .views-field-field-beitragsbilder img,
  .not-front .view .view-content > .views-row .views-field-field-beitragsbild img,
  .not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-mainimage img,
  .not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-image img,
  .not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-bild img,
  .not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-beitragsbilder img,
  .not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-beitragsbild img {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: auto;
  }
}
/* line 184, ../sass/layouts/_layout-views.scss */
.not-front .view .view-content > .views-row .views-field-created,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-created {
  display: block;
  text-align: right;
  color: #7d7674;
  font-size: 12px;
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  /* line 184, ../sass/layouts/_layout-views.scss */
  .not-front .view .view-content > .views-row .views-field-created,
  .not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-created {
    position: absolute;
    bottom: 6px;
    right: 0;
  }
}
/* line 200, ../sass/layouts/_layout-views.scss */
.not-front .view .view-content > .views-row .views-field-nothing img,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-nothing img {
  margin: 0 !important;
  float: none;
  width: 100%;
  height: 200px;
  object-fit: cover;
}
@media (min-width: 768px) {
  /* line 200, ../sass/layouts/_layout-views.scss */
  .not-front .view .view-content > .views-row .views-field-nothing img,
  .not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-nothing img {
    height: auto;
    object-position: 50% 50%;
  }
}
/* line 210, ../sass/layouts/_layout-views.scss */
.not-front .view .view-content > .views-row .views-field-field-video iframe,
.not-front .view .view-content > .views-group > .views-group-content > .views-row .views-field-field-video iframe {
  width: 100% !important;
  max-width: 700px;
  /*
  @include bp(bp4) { max-height: 100% !important;}
  */
}

/* end page-views */
/*  SIDEBAR SETTINGS */
/* line 231, ../sass/layouts/_layout-views.scss */
aside .view .view-content > .views-row {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  margin: 0 0 .5em 0;
  background: transparent;
}
/* line 233, ../sass/layouts/_layout-views.scss */
aside .view .view-content > .views-row > .views-row-inner {
  display: block;
}

/* NO FLEXBOX SETTINGS */
/* line 237, ../sass/layouts/_layout-views.scss */
.no-flexbox .view .view-content {
  display: table;
  width: 100% !important;
}
/* line 228, ../sass/base/_base-mixin.scss */
.no-flexbox .view .view-content .views-row {
  display: block;
  float: left;
  width: 100%;
}

/* Ausnahmen */
/* line 251, ../sass/layouts/_layout-views.scss */
.views-exposed-form {
  position: relative;
  /*
  .form-submit { @include element-invisible();}
  */
}
@media (min-width: 37.5em) {
  /* line 251, ../sass/layouts/_layout-views.scss */
  .views-exposed-form {
    z-index: 109;
  }
}
/* line 258, ../sass/layouts/_layout-views.scss */
.views-exposed-form .views-exposed-widget {
  float: none;
  padding: 0;
}
/* line 264, ../sass/layouts/_layout-views.scss */
.views-exposed-form label {
  font-weight: 300;
}
/* line 265, ../sass/layouts/_layout-views.scss */
.views-exposed-form .form-item .form-text {
  line-height: 36px;
}
/* line 272, ../sass/layouts/_layout-views.scss */
.views-exposed-form #autocomplete {
  position: relative;
  border: 1px solid #7d7674;
  background-color: #eee;
  color: #050505;
}
/* line 278, ../sass/layouts/_layout-views.scss */
.views-exposed-form #autocomplete select {
  background-color: none !important;
}
/* line 282, ../sass/layouts/_layout-views.scss */
.views-exposed-form #autocomplete a:hover, .views-exposed-form #autocomplete a:focus {
  background-color: none !important;
}

/* line 8, ../sass/layouts/_layout-comments.scss */
#content .comment-wrapper {
  float: left;
  width: 100%;
  margin-top: 2em;
  padding: 2em 3em;
  background-color: #f7f9ba;
}
/* line 16, ../sass/layouts/_layout-comments.scss */
#content .comment-wrapper .comment__form-title {
  margin-top: 2em;
}
/* line 20, ../sass/layouts/_layout-comments.scss */
#content .comment-wrapper .filter-wrapper {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
/* line 24, ../sass/layouts/_layout-comments.scss */
#content .comment-wrapper .submitted {
  position: relative;
  top: auto;
  right: auto;
  text-align: left;
}
/* line 29, ../sass/layouts/_layout-comments.scss */
#content .comment-wrapper .submitted .username {
  font-size: 120%;
}
/* line 33, ../sass/layouts/_layout-comments.scss */
#content .comment-wrapper h3.comment__title,
#content .comment-wrapper .user-picture {
  display: none;
}

/* line 44, ../sass/layouts/_layout-comments.scss */
.node-type-microblog #content .comment-wrapper .comment-nested-wrapper,
.node-type-photo #content .comment-wrapper .comment-nested-wrapper {
  padding: 0 20px 20px;
  background-color: #fddbd0;
}
/* line 47, ../sass/layouts/_layout-comments.scss */
.node-type-microblog #content .comment-wrapper .comment-nested-wrapper:nth-child(2n+1),
.node-type-photo #content .comment-wrapper .comment-nested-wrapper:nth-child(2n+1) {
  background-color: #a8d4c0;
}
/* line 49, ../sass/layouts/_layout-comments.scss */
.node-type-microblog #content .comment-wrapper .indented,
.node-type-photo #content .comment-wrapper .indented {
  margin-left: 15px;
  padding: 0 20px 20px;
  background-color: rgba(255, 255, 255, 0.5);
}
/* line 56, ../sass/layouts/_layout-comments.scss */
.node-type-microblog #content .comment-wrapper .comment__permalink,
.node-type-microblog #content .comment-wrapper .comment-form > div > .form-item:first-child,
.node-type-photo #content .comment-wrapper .comment__permalink,
.node-type-photo #content .comment-wrapper .comment-form > div > .form-item:first-child {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
/* line 58, ../sass/layouts/_layout-comments.scss */
.node-type-microblog #content .comment-wrapper h2.title.comment-form,
.node-type-photo #content .comment-wrapper h2.title.comment-form {
  margin-top: 2em;
}
/* line 59, ../sass/layouts/_layout-comments.scss */
.node-type-microblog #content .comment-wrapper .user-picture,
.node-type-photo #content .comment-wrapper .user-picture {
  display: inline-block;
}
/* line 61, ../sass/layouts/_layout-comments.scss */
.node-type-microblog #content .comment-wrapper .user-picture img,
.node-type-photo #content .comment-wrapper .user-picture img {
  width: 40px;
  height: 40px;
}
@media (max-width: 37.5em) {
  /* line 61, ../sass/layouts/_layout-comments.scss */
  .node-type-microblog #content .comment-wrapper .user-picture img,
  .node-type-photo #content .comment-wrapper .user-picture img {
    width: 30px;
    height: 30px;
  }
}
/* line 66, ../sass/layouts/_layout-comments.scss */
.node-type-microblog #content .comment-wrapper .links,
.node-type-photo #content .comment-wrapper .links {
  color: #454545;
  font-size: 75%;
  margin-bottom: 0;
  float: right;
}

/* Ausnahmen & Sonderfaelle */
/* line 6, ../sass/layouts/_layout-article.scss */
.page-taxonomy .feed-icon {
  display: none;
}

/* line 13, ../sass/layouts/_layout-article.scss */
.section-kontakt #main article .field-item h3, #main article .field-item h4,
.section-kontakt #main article .field-item h3, #main article .field-item p,
.section-contact #main article .field-item h3, #main article .field-item h4,
.section-contact #main article .field-item h3, #main article .field-item p {
  margin-bottom: 2.5rem;
  /*
  &.spain {
  	@include bp(bp4) {  width: 45%; margin-right: 5%; float: left; }
  }
   */
}

/* line 24, ../sass/layouts/_layout-article.scss */
.section-kontakt.page-node.not-front #content > .inner article,
.section-contact.page-node.not-front #content > .inner article {
  padding-bottom: 0;
}

/* ende */
/* line 32, ../sass/layouts/_layout-article.scss */
.user-picture img {
  object-fit: cover;
  width: 80px;
  height: 80px;
  margin: 10px;
  border-radius: 100%;
}

/* line 42, ../sass/layouts/_layout-article.scss */
.page-node h1#page-title {
  /*		text-align:left;	text-transform: none;   */
}
/* line 45, ../sass/layouts/_layout-article.scss */
.page-node .pagetitle {
  position: relative;
}
@media (min-width: 64em) {
  /* line 45, ../sass/layouts/_layout-article.scss */
  .page-node .pagetitle {
    /*		width: 65%;
    		margin-right: 35%;
    	*/
  }
}
/* line 55, ../sass/layouts/_layout-article.scss */
.page-node .articlecontent,
.page-node #content .block-webform {
  padding-top: 2rem;
  padding-top: 0;
  position: relative;
}
@media (min-width: 768px) {
  /* line 55, ../sass/layouts/_layout-article.scss */
  .page-node .articlecontent,
  .page-node #content .block-webform {
    width: 65%;
  }
}
@media (min-width: 64em) {
  /* line 55, ../sass/layouts/_layout-article.scss */
  .page-node .articlecontent,
  .page-node #content .block-webform {
    width: 65%;
  }
}
@media (min-width: 75em) {
  /* line 55, ../sass/layouts/_layout-article.scss */
  .page-node .articlecontent,
  .page-node #content .block-webform {
    width: 60%;
  }
}
@media (min-width: 87.5em) {
  /* line 55, ../sass/layouts/_layout-article.scss */
  .page-node .articlecontent,
  .page-node #content .block-webform {
    width: 50%;
  }
}
/* line 65, ../sass/layouts/_layout-article.scss */
.page-node .field .articlecontent {
  width: 100%;
}
/* line 71, ../sass/layouts/_layout-article.scss */
.page-node .field-name-field-contentimage,
.page-node .field-name-field-image,
.page-node .field-name-field-mainimage,
.page-node .field-name-field-album-image {
  	/*  Vairante unterhalb des farbigen Balkens ..
      position: relative;
      top: -70px;
      margin-bottom: -40px;
      width: 100%;
      max-height: 250px;
      z-index: 2; 
  
  @include bp(bp4) {      position: absolute; 
  
  					width: 40%; right: -45%; }
  @include bp(bp5) {  width: 44%; right: -50%;  top: -100px; }
  @include bp(bp6) {  width: 50%; right: -60%; }
  @include bp(bp8) {  width: 60%; right: -80%; }
  
  		 &:after {
  		 @include bp(bp4) {  
  			content: " ";
  			display: block;
  			width: 100%;
  			margin: 0 auto;
  			background-color: $white;
  			-webkit-transform: skew(0, 4deg);
  			-moz-transform: skew(0, 4deg);
  			-ms-transform: skew(0, 4deg);
  			-o-transform: skew(0, 4deg);
  			transform: skew(0, 4deg);
  			position: absolute;
  			z-index: 0;
  			bottom: -95px;
  			bottom: -4px;
  			height: 60px;
  			content: "";
  			position: absolute;
    		}	
  
  			@include bp(bp5) { bottom: -40px; }
  			@include bp(bp6) { bottom: -42px; }
    		}	
  
  img {
      object-fit: cover;
      max-height: 250px;
      object-position: top center;		
  
  }
  */
}
/* line 123, ../sass/layouts/_layout-article.scss */
.page-node .field-name-field-album-image {
  max-width: 400px;
  max-height: none;
}
/* line 126, ../sass/layouts/_layout-article.scss */
.page-node .field-name-field-album-image img {
  max-height: none;
  max-width: 400px;
}
/* line 130, ../sass/layouts/_layout-article.scss */
.page-node .field-name-field-album-image:after {
  content: " ";
  display: none;
  height: 0;
}

/* end .node-type-page  */
/*  ALLGEMEIN FUER ALLE NODES */
/* line 140, ../sass/layouts/_layout-article.scss */
.page-node {
  /* end article */
}
/* line 141, ../sass/layouts/_layout-article.scss */
.page-node article {
  position: relative;
  /* field field bild */
  /* end field */
}
/* line 144, ../sass/layouts/_layout-article.scss */
.page-node article h3 {
  text-align: left;
}
/* line 155, ../sass/layouts/_layout-article.scss */
.page-node article .field-name-field-image,
.page-node article .field-name-field-beitragsbilder,
.page-node article .field-name-field-beitragsbild,
.page-node article .field-name-field-bild {
  margin: 1em 0;
}
/* line 157, ../sass/layouts/_layout-article.scss */
.page-node article .field-name-field-image .field-items .field-item,
.page-node article .field-name-field-beitragsbilder .field-items .field-item,
.page-node article .field-name-field-beitragsbild .field-items .field-item,
.page-node article .field-name-field-bild .field-items .field-item {
  display: none;
}
/* line 158, ../sass/layouts/_layout-article.scss */
.page-node article .field-name-field-image .field-items .field-item:first-child,
.page-node article .field-name-field-beitragsbilder .field-items .field-item:first-child,
.page-node article .field-name-field-beitragsbild .field-items .field-item:first-child,
.page-node article .field-name-field-bild .field-items .field-item:first-child {
  display: block;
}
@media (min-width: 64em) {
  /* line 160, ../sass/layouts/_layout-article.scss */
  .page-node article .field-name-field-image .field-items .field-item,
  .page-node article .field-name-field-beitragsbilder .field-items .field-item,
  .page-node article .field-name-field-beitragsbild .field-items .field-item,
  .page-node article .field-name-field-bild .field-items .field-item {
    display: block;
  }
}
@media (min-width: 30em) {
  /* line 162, ../sass/layouts/_layout-article.scss */
  .page-node article .field-name-field-image img,
  .page-node article .field-name-field-beitragsbilder img,
  .page-node article .field-name-field-beitragsbild img,
  .page-node article .field-name-field-bild img {
    border: 0 none;
    padding: 0;
  }
}
@media (min-width: 768px) {
  /* line 162, ../sass/layouts/_layout-article.scss */
  .page-node article .field-name-field-image img,
  .page-node article .field-name-field-beitragsbilder img,
  .page-node article .field-name-field-beitragsbild img,
  .page-node article .field-name-field-bild img {
    object-fit: cover;
    width: auto;
    min-height: 150px;
    margin: 0;
  }
}
/* line 176, ../sass/layouts/_layout-article.scss */
.page-node article .submitted {
  position: absolute;
  top: -75px;
  right: 0;
}
@media (min-width: 64em) {
  /* line 176, ../sass/layouts/_layout-article.scss */
  .page-node article .submitted {
    top: -15px;
  }
}
/* line 187, ../sass/layouts/_layout-article.scss */
.page-node article .user-picture .submitted {
  position: relative;
}
/* line 189, ../sass/layouts/_layout-article.scss */
.page-node article .user-picture .submitted img {
  object-fit: cover;
  width: 80px;
  height: 80px;
  margin: 10px;
  border-radius: 100%;
}
/* line 202, ../sass/layouts/_layout-article.scss */
.page-node article .field .field-label {
  color: #7d7674;
  text-transform: uppercase;
  display: inline-block;
}
@media (max-width: 63.95em) {
  /* line 202, ../sass/layouts/_layout-article.scss */
  .page-node article .field .field-label {
    float: left;
    min-width: 180px;
    margin: 0 5px 0 0;
    display: block;
  }
}
@media (max-width: 47.938em) {
  /* line 202, ../sass/layouts/_layout-article.scss */
  .page-node article .field .field-label {
    float: left;
    min-width: auto;
    margin: 0 15px 0 0;
  }
}
/* line 222, ../sass/layouts/_layout-article.scss */
.page-node article .field-name-field-logo img {
  max-width: 190px;
  margin: 0 auto 2rem auto;
}
/* line 232, ../sass/layouts/_layout-article.scss */
.page-node article .field-name-field-video iframe,
.page-node article .field-name-field-video-full iframe,
.page-node article .views-field-field-video iframe {
  width: 100% !important;
  max-height: 240px !important;
  max-width: 700px;
  margin-bottom: 1.5em;
}
@media (min-width: 30em) {
  /* line 232, ../sass/layouts/_layout-article.scss */
  .page-node article .field-name-field-video iframe,
  .page-node article .field-name-field-video-full iframe,
  .page-node article .views-field-field-video iframe {
    max-height: 270px !important;
  }
}
@media (min-width: 37.5em) {
  /* line 232, ../sass/layouts/_layout-article.scss */
  .page-node article .field-name-field-video iframe,
  .page-node article .field-name-field-video-full iframe,
  .page-node article .views-field-field-video iframe {
    max-height: 320px !important;
  }
}
@media (min-width: 768px) {
  /* line 232, ../sass/layouts/_layout-article.scss */
  .page-node article .field-name-field-video iframe,
  .page-node article .field-name-field-video-full iframe,
  .page-node article .views-field-field-video iframe {
    max-height: 100% !important;
  }
}
/* line 243, ../sass/layouts/_layout-article.scss */
.page-node article .field-name-field-photo-kategorie {
  font-size: 75%;
  color: #7d7674;
  margin-top: 1.5em;
}
/* line 251, ../sass/layouts/_layout-article.scss */
.page-node article .gallery,
.page-node article .baguettebox-container {
  /*
  	width: 15%;
  	width: 100%;
  	float:right;
  @include bp(bp4) {
  	width: 33%;
  } 
  */
}
/* line 261, ../sass/layouts/_layout-article.scss */
.page-node article .gallery .field-type-image .field-item,
.page-node article .baguettebox-container .field-type-image .field-item {
  /*
  float: right;
  margin-right: 15px;
  */
}
@media (min-width: 768px) {
  /* line 261, ../sass/layouts/_layout-article.scss */
  .page-node article .gallery .field-type-image .field-item,
  .page-node article .baguettebox-container .field-type-image .field-item {
    height: auto;
    width: auto;
    float: none;
    margin-right: auto;
  }
}
/* line 276, ../sass/layouts/_layout-article.scss */
.page-node article > div:not(.gallery):not(.group-projektinfo):not(.baguettebox-container) {
  /* h1 the same somewhere below */
  /*	
  margin-right: 17%;
  @include bp(bp4) {
  	margin-right: 38%;
  }
  */
}

/*
'layouts/layout-nav-nicemenus',
'layouts/layout-contact',
'layouts/layout-index';
*/
/* Component (SMACSS module) rules */
/**
 * @file
 * SMACSS Modules
 *
 * Adds modular sets of styles.
 *
 * Additional useful selectors can be found in Zen's online documentation.
 * https://drupal.org/node/1707736
 */
/**
 * General classes used throughout the whole site
 */
/* line 14, ../sass/components/_misc.scss */
.small {
  font-size: 13px;
  font-size: 1.3rem;
}

/* line 18, ../sass/components/_misc.scss */
.submitted,
.search-results .search-info {
  font-size: 12px;
  font-size: 1.2rem;
  text-align: right;
  color: #7d7674;
}

/**
 * Wireframes.
 */
/* line 35, ../sass/components/_misc.scss */
.with-wireframes #header,
.with-wireframes #main,
.with-wireframes #content,
.with-wireframes #navigation,
.with-wireframes .region-sidebar-first,
.with-wireframes .region-sidebar-second,
.with-wireframes #footer,
.with-wireframes .region-bottom {
  outline: 1px solid #ccc;
}

/**
 * Accessibility features.
 */
/* element-invisible as defined by http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
/* line 53, ../sass/components/_misc.scss */
.element-invisible,
.element-focusable,
#navigation .block-menu .block__title,
#navigation .block-menu-block .block__title {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

/* Turns off the element-invisible effect. */
/* line 58, ../sass/components/_misc.scss */
.element-focusable:active, .element-focusable:focus {
  position: static !important;
  clip: auto;
  height: auto;
  width: auto;
  overflow: auto;
}

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 */
/* line 75, ../sass/components/_misc.scss */
#skip-link {
  margin: 0;
}
/* line 79, ../sass/components/_misc.scss */
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

/**
 * Branding header.
 */
/* Wrapping link for logo. */
/* line 94, ../sass/components/_misc.scss */
.header__logo {
  float: left;
  /* LTR */
  margin: 0;
  padding: 0;
}

/* Logo image. */
/* line 101, ../sass/components/_misc.scss */
.header__logo-image {
  vertical-align: bottom;
}

/* Wrapper for website name and slogan. */
/* line 106, ../sass/components/_misc.scss */
.header__name-and-slogan {
  float: left;
}

/* The name of the website. */
/* line 111, ../sass/components/_misc.scss */
.header__site-name {
  margin: 0;
}

/* The link around the name of the website. */
/* line 119, ../sass/components/_misc.scss */
.header__site-link:link, .header__site-link:visited {
  color: #000;
  text-decoration: none;
}
/* line 125, ../sass/components/_misc.scss */
.header__site-link:hover, .header__site-link:focus {
  text-decoration: underline;
}

/* The slogan (or tagline) of a website. */
/* line 131, ../sass/components/_misc.scss */
.header__site-slogan {
  margin: 0;
}

/* The secondary menu (login, etc.) */
/* line 136, ../sass/components/_misc.scss */
.header__secondary-menu {
  float: right;
  /* LTR */
}

/* Wrapper for any blocks placed in the header region. */
/* line 141, ../sass/components/_misc.scss */
.header__region {
  /* Clear the logo. */
}

/**
 * Navigation bar.
 */
/* line 148, ../sass/components/_misc.scss */
#navigation {
  /* Sometimes you want to prevent overlapping with main div. */
  /* overflow: hidden; */
  /* Main menu and secondary menu links and menu block links. */
}
/* line 152, ../sass/components/_misc.scss */
#navigation .block {
  margin-bottom: 0;
}
/* line 163, ../sass/components/_misc.scss */
#navigation .links,
#navigation .menu {
  margin: 0;
  padding: 0;
  text-align: left;
  /* LTR */
}
/* line 168, ../sass/components/_misc.scss */
#navigation .links li,
#navigation .menu li {
  /* A simple method to get navigation links to appear in one line. */
  float: left;
  /* LTR */
  padding: 0 10px 0 0;
  /* LTR */
  list-style-type: none;
  list-style-image: none;
}

/**
 * Breadcrumb navigation.
 */
/* line 182, ../sass/components/_misc.scss */
.breadcrumb ol {
  margin: 0;
  padding: 0;
}
/* line 186, ../sass/components/_misc.scss */
.breadcrumb li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/**
 * Anchors not hidden by header bar
 */
/* line 197, ../sass/components/_misc.scss */
.anchor {
  display: block;
  height: 105px;
  /*same height as header*/
  margin-top: -105px;
  /*same height as header*/
  visibility: hidden;
  display: inline-block;
  width: 1px;
}

/**
 * Titles.
 */
/* line 214, ../sass/components/_misc.scss */
.page__title,
.node__title,
.block__title,
.comments__title,
.comments__form-title,
.comment__title {
  /* Comment title. */
}

/* Table Drag Handle */
/* line 220, ../sass/components/_misc.scss */
a.tabledrag-handle .handle {
  height: 28px;
  margin: -0.1em 0.75em;
  padding: 0.2em 0.5em;
  width: 23px;
}

/**
 * EU Cookie Policy Messages.
 */
/* line 231, ../sass/components/_misc.scss */
#sliding-popup {
  padding: .25em 0;
  font-family: "Roboto Condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-weight: 400;
  text-shadow: none;
}

/* line 237, ../sass/components/_misc.scss */
#sliding-popup .popup-content #popup-text {
  margin: 1em 0;
}
/* line 239, ../sass/components/_misc.scss */
#sliding-popup .popup-content #popup-text p {
  font-size: 14px;
  font-weight: 400;
}
/* line 240, ../sass/components/_misc.scss */
#sliding-popup .popup-content #popup-text a {
  padding: 0;
  margin: 0;
  color: white;
}

/* line 242, ../sass/components/_misc.scss */
#sliding-popup .popup-content #popup-buttons button {
  margin-top: 1em;
  font-family: "Roboto Condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-weight: 600;
  background-color: #e0054c;
  font-size: 16px;
  color: #38383a !important;
  text-shadow: none;
  height: 40px;
  line-height: 40px;
  padding: 0 2em;
  border-radius: 0;
  background-image: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
}

/**
 * Messages.
 */
/* line 264, ../sass/components/_misc.scss */
.messages, .messages--status, .messages--warning, .messages--error {
  font-family: "Roboto Condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  margin: 1.5em 0;
  padding: 10px 10px 10px 50px;
  /* LTR */
  /*  background-image: inline-image("message-24-ok.png"); */
  background-position: 8px 8px;
  /* LTR */
  background-repeat: no-repeat;
  border: 1px solid #be7;
}

/* line 282, ../sass/components/_misc.scss */
.messages--warning {
  /*  background-image: inline-image("message-24-warning.png"); */
  border-color: #ed5;
  /* IE Browsehappy Meldung */
}
/* line 292, ../sass/components/_misc.scss */
.messages--warning.browsehappy {
  position: absolute;
  z-index: 99999;
  margin: 5% 10%;
  background-color: white;
  color: #454545;
  font-size: 18px;
  font-size: 1.8rem;
  border-color: #454545 !important;
  position: fixed;
  top: 0;
  height: 70%;
  width: 70%;
  padding: 10%;
  margin: 5%;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

/* line 312, ../sass/components/_misc.scss */
.messages--error {
  /*  background-image: inline-image("message-24-error.png"); */
  border-color: #ed541d;
}

/* line 322, ../sass/components/_misc.scss */
.messages__list {
  margin: 0;
}

/* line 325, ../sass/components/_misc.scss */
.messages__item {
  list-style-image: none;
}

/* line 328, ../sass/components/_misc.scss */
.messages__icon {
  float: left;
  margin-right: 1em;
}

/* Core/module installation error messages. */
/* line 337, ../sass/components/_misc.scss */
.messages--error p.error {
  color: #333;
}

/* System status report. */
/* line 343, ../sass/components/_misc.scss */
.ok,
.messages--status {
  background-color: #f8fff0;
  color: #234600;
}

/* line 348, ../sass/components/_misc.scss */
.warning,
.messages--warning {
  background-color: #fffce5;
  color: #840;
}

/* line 353, ../sass/components/_misc.scss */
.error,
.messages--error {
  background-color: #fef5f1;
  color: #8c2e0b;
}

/**
 * Tabs.
 */
/* Basic positioning styles shared by primary and secondary tabs. */
/* line 363, ../sass/components/_misc.scss */
.tabs {
  margin: .5em 0 2em;
}

/* line 366, ../sass/components/_misc.scss */
.tabs-primary, .tabs-secondary {
  *zoom: 1;
  background-image: url(../img/linear-gradient(bottom, #bbbbbb 1px, transparent 1px).svg);
  /* IE 9 and earlier don't understand gradients. */
  list-style: none;
  border-bottom: 1px solid #eee;
  border-bottom: 1px solid #bbbbbb \0/ie;
  margin: 1.5em 0;
  padding: 0 2px;
  white-space: nowrap;
}
/* line 6, ../sass/base/_base-mixin.scss */
.tabs-primary:before, .tabs-secondary:before, .tabs-primary:after, .tabs-secondary:after {
  content: "";
  display: table;
}
/* line 10, ../sass/base/_base-mixin.scss */
.tabs-primary:after, .tabs-secondary:after {
  clear: both;
}
/* line 623, ../sass/base/_base-mixin.scss */
.no-svg .tabs-primary, .no-svg .tabs-secondary {
  background-image: url(../img/linear-gradient(bottom, #bbbbbb 1px, transparent 1px).png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* line 623, ../sass/base/_base-mixin.scss */
  .no-svg .tabs-primary, .no-svg .tabs-secondary {
    background-image: url(../img/linear-gradient(bottom, #bbbbbb 1px, transparent 1px)@2x.png);
  }
}

/* line 377, ../sass/components/_misc.scss */
.tabs-primary__tab, .tabs-primary__tab.is-active,
.tabs__tab.is-active,
.tabs__tab, .tabs-secondary__tab,
.tabs-secondary__tab.is-active {
  float: left;
  /* LTR */
  margin: 0 3px;
}

/* line 381, ../sass/components/_misc.scss */
a.tabs-primary__tab-link,
a.tabs__tab-link, a.tabs-primary__tab-link.is-active,
a.tabs__tab-link.is-active, a.tabs-secondary__tab-link, a.tabs-secondary__tab-link.is-active {
  border: 1px solid #e9e9e9;
  border-right: 0;
  border-bottom: 0;
  display: block;
  text-decoration: none;
}

/* Primary tabs. */
/* line 395, ../sass/components/_misc.scss */
.tabs-primary__tab, .tabs-primary__tab.is-active,
.tabs__tab.is-active,
.tabs__tab {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  text-shadow: 1px 1px 0 white;
  border: 1px solid #bbbbbb;
  border-bottom-color: transparent;
  /* IE 9 and earlier don't understand gradients. */
  border-bottom: 0 \0/ie;
}

/* line 405, ../sass/components/_misc.scss */
.is-active.tabs-primary__tab,
.is-active.tabs__tab,
.tabs__tab.is-active {
  border-bottom-color: white;
}

/* line 412, ../sass/components/_misc.scss */
a.tabs-primary__tab-link,
a.tabs__tab-link, a.tabs-primary__tab-link.is-active,
a.tabs__tab-link.is-active,
a.tabs-primary__tab-link,
a.tabs__tab-link,
a.tabs-primary__tab-link.is-active,
a.tabs__tab-link.is-active,
a.tabs-secondary__tab-link,
a.tabs-secondary__tab-link.is-active {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  color: #333;
  background-color: #dedede;
  letter-spacing: 0;
  padding: 0 1em;
  text-align: center;
  font-family: "Roboto Condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
}
/* line 424, ../sass/components/_misc.scss */
a.tabs-primary__tab-link .visually-hidden,
a.tabs__tab-link .visually-hidden,
a.tabs-primary__tab-link .visually-hidden,
a.tabs__tab-link .visually-hidden,
a.tabs-secondary__tab-link .visually-hidden {
  display: none;
}

/* line 427, ../sass/components/_misc.scss */
a.tabs-primary__tab-link:hover, a.tabs-primary__tab-link:focus,
a.tabs__tab-link:hover,
a.tabs__tab-link:focus {
  background-color: #e9e9e9;
  border-color: #f2f2f2;
}

/* line 432, ../sass/components/_misc.scss */
a.tabs-primary__tab-link:active,
a.tabs__tab-link:active, a.tabs-primary__tab-link.is-active,
a.tabs__tab-link.is-active {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE9E9E9', endColorstr='#00E9E9E9');
  background-image: url(../img/linear-gradient(#e9e9e9, rgba(233, 233, 233, 0)).svg);
  border-color: #fff;
}
/* line 623, ../sass/base/_base-mixin.scss */
.no-svg a.tabs-primary__tab-link:active,
.no-svg a.tabs__tab-link:active, .no-svg a.tabs-primary__tab-link.is-active,
.no-svg a.tabs__tab-link.is-active {
  background-image: url(../img/linear-gradient(#e9e9e9, rgba(233, 233, 233, 0)).png);
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* line 623, ../sass/base/_base-mixin.scss */
  .no-svg a.tabs-primary__tab-link:active,
  .no-svg a.tabs__tab-link:active, .no-svg a.tabs-primary__tab-link.is-active,
  .no-svg a.tabs__tab-link.is-active {
    background-image: url(../img/linear-gradient(#e9e9e9, rgba(233, 233, 233, 0))@2x.png);
  }
}

/* line 440, ../sass/components/_misc.scss */
a.tabs-primary__tab-link,
a.tabs__tab-link {
  text-decoration: none !important;
  display: block !important;
}

/* Secondary tabs. */
/* line 460, ../sass/components/_misc.scss */
.tabs-secondary {
  font-size: .9em;
  /* Collapse bottom margin of ul.primary. */
  margin-top: -1.5em;
}

/* line 467, ../sass/components/_misc.scss */
.tabs-secondary__tab,
.tabs-secondary__tab.is-active {
  margin: 0.75em 3px;
}

/* line 473, ../sass/components/_misc.scss */
a.tabs-secondary__tab-link, a.tabs-secondary__tab-link.is-active {
  -webkit-border-radius: 0.75em;
  -moz-border-radius: 0.75em;
  -ms-border-radius: 0.75em;
  -o-border-radius: 0.75em;
  border-radius: 0.75em;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  text-shadow: 1px 1px 0 white;
  background-color: #f2f2f2;
  color: #666;
  padding: 0 .5em;
}

/* line 482, ../sass/components/_misc.scss */
a.tabs-secondary__tab-link:hover, a.tabs-secondary__tab-link:focus {
  background-color: #dedede;
  border-color: #999;
  color: #333;
}

/* line 487, ../sass/components/_misc.scss */
a.tabs-secondary__tab-link:active, a.tabs-secondary__tab-link.is-active {
  text-shadow: 1px 1px 0 #333333;
  background-color: #666;
  border-color: #000;
  color: #fff;
}

/**
 * Inline styles.
 */
/* List of links generated by theme_links(). */
/* line 515, ../sass/components/_misc.scss */
.inline {
  display: inline;
  padding: 0;
}
/* line 519, ../sass/components/_misc.scss */
.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 1em 0 0;
  /* LTR */
}

/* The inline field label used by the Fences module. */
/* line 527, ../sass/components/_misc.scss */
span.field-label {
  padding: 0 1em 0 0;
  /* LTR */
}

/**
 * "More" links.
 */
/* line 534, ../sass/components/_misc.scss */
.more-link {
  text-align: right;
  /* LTR */
}

/* line 537, ../sass/components/_misc.scss */
.more-help-link {
  text-align: right;
  /* LTR */
}

/* line 540, ../sass/components/_misc.scss */
.more-help-link a {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA7UlEQVR42qWTPQqDQBCFcwSPkCNITpAj5AjeIm1uYpkyR7Cy2Mot7OwsBAsRwUKwmOwLGRle3EIy8PyBfZ/z3J2TiPylz8VWWZZpUB40BonRKyizaxkA88MYYiqCEgv4MTvnZJom0VqWRbz3FlJZgLYtqmEY1Lg9r+sKsIXcLSC3AC019H0vqLquLeC5AfiHYSGkcdAJimKIBQiJ4+CO92OAtm0FNc8zOjkMwE5Q63FAtbeg6zpAYvG8BWR7i5qmQYwY4MIHqYhE2DOPQWcGJBQF2XU72ZzyUeZ5GCNt5/hybJgYdAXsq5sOEE/jG6dC5IOqCXTmAAAAAElFTkSuQmCC');
  background-position: 0 50%;
  /* LTR */
  background-repeat: no-repeat;
  padding: 1px 0 1px 20px;
  /* LTR */
}

/**
 * Pager.
 */
/* A list of page numbers when more than 1 page of content is available. */
/* line 555, ../sass/components/_misc.scss */
.pager {
  clear: both;
  padding: 0;
  text-align: center;
  margin: 2em 0;
  text-transform: uppercase;
}

/* line 562, ../sass/components/_misc.scss */
.pager-item,
.pager-first,
.pager-previous,
.pager-next,
.pager-last,
.pager-ellipsis, .pager-current {
  display: inline;
  padding: 0 0.5em;
  list-style-type: none;
  background-image: none;
  font-family: "Roboto Condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}

/* line 575, ../sass/components/_misc.scss */
.pager-item,
.pager-first,
.pager-previous,
.pager-next,
.pager-last,
.pager-ellipsis {
  /* A concatenation of several list items using an ellipsis. */
}

/* The current page's list item. */
/* line 580, ../sass/components/_misc.scss */
.pager-current {
  font-weight: normal;
  color: #454545;
  /*  @include font-size(20); font-weight:600;*/
}

/* line 587, ../sass/components/_misc.scss */
.pager-first a, .pager-first a:visited, .pager-previous a, .pager-previous a:visited, .pager-next a, .pager-next a:visited, .pager-last a, .pager-last a:visited {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
/* line 588, ../sass/components/_misc.scss */
.pager-first a:hover, .pager-first a:focus, .pager-first a:active, .pager-first a:visited:hover, .pager-first a:visited:focus, .pager-first a:visited:active, .pager-previous a:hover, .pager-previous a:focus, .pager-previous a:active, .pager-previous a:visited:hover, .pager-previous a:visited:focus, .pager-previous a:visited:active, .pager-next a:hover, .pager-next a:focus, .pager-next a:active, .pager-next a:visited:hover, .pager-next a:visited:focus, .pager-next a:visited:active, .pager-last a:hover, .pager-last a:focus, .pager-last a:active, .pager-last a:visited:hover, .pager-last a:visited:focus, .pager-last a:visited:active {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #3d6174;
}

/* line 592, ../sass/components/_misc.scss */
.pager-first a, .pager-previous a {
  padding-left: 24px;
  background: url(../img/sprite_beni.svg) no-repeat -828px -197px;
}

/* line 597, ../sass/components/_misc.scss */
.pager-previous a {
  background-position: -828px -247px;
}

/* line 600, ../sass/components/_misc.scss */
.pager-next a, .pager-last a {
  padding-right: 24px;
  background: url(../img/sprite_beni.svg) no-repeat right -97px;
}

/* line 604, ../sass/components/_misc.scss */
.pager-next a {
  background-position: right -147px;
}

/**
 * Blocks.
 */
/* Block wrapper. */
/* line 613, ../sass/components/_misc.scss */
.block {
  margin-bottom: 1.5em;
}

/**
 * Menus.
 */
/* line 620, ../sass/components/_misc.scss */
.menu__item.is-leaf {
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC');
  list-style-type: square;
}

/* line 627, ../sass/components/_misc.scss */
.menu__item.is-expanded {
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
  list-style-type: circle;
}

/* line 634, ../sass/components/_misc.scss */
.menu__item.is-collapsed {
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC');
  /* LTR */
  list-style-type: disc;
}

/* The active item in a Drupal menu. */
/* line 643, ../sass/components/_misc.scss */
.menu a.active {
  color: #000;
}

/**
 * Marker.
 */
/* The "new" or "updated" marker. */
/* line 653, ../sass/components/_misc.scss */
.new,
.update {
  color: #c00;
  /* Remove background highlighting from <mark> in normalize. */
  background-color: transparent;
}

/**
 * Unpublished note.
 */
/* The word "Unpublished" displayed underneath the content. */
/* line 664, ../sass/components/_misc.scss */
.unpublished {
  display: block;
  height: 0;
  overflow: visible;
  /* Remove background highlighting from <mark> in normalize. */
  background-color: transparent;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  /* A very nice CSS3 property. */
  word-wrap: break-word;
}

/**
 * Comments.
 */
/* Wrapper for the list of comments and its title. */
/* line 693, ../sass/components/_misc.scss */
.comments {
  margin: 1.5em 0;
}

/* Preview of the comment before submitting new or updated comment. */
/* line 698, ../sass/components/_misc.scss */
.comment-preview {
  /* Drupal core will use a #ffffea background. See #1110842. */
  background-color: #ffffea;
}

/* Wrapper for a single comment. */
/* line 704, ../sass/components/_misc.scss */
.comment {
  /* Comment's permalink wrapper. */
}
/* line 707, ../sass/components/_misc.scss */
.comment .permalink {
  text-transform: uppercase;
  font-size: 75%;
}

/* Nested comments are indented. */
/* line 714, ../sass/components/_misc.scss */
.indented {
  /* Drupal core uses a 25px left margin. */
  margin-left: 30px;
  /* LTR */
}

/**
 * Forms.
 */
/* Wrapper for a form element (or group of form elements) and its label. */
/* line 724, ../sass/components/_misc.scss */
.form-item {
  margin: 0.75em 0;
  /* Pack groups of checkboxes and radio buttons closer together. */
  /* Form items in a table. */
  /* Highlight the form elements that caused a form submission error. */
  /* The descriptive help text (separate from the label). */
}
/* line 729, ../sass/components/_misc.scss */
.form-checkboxes .form-item, .form-radios .form-item {
  /* Drupal core uses "0.4em 0". */
  margin: 0;
  text-align: left;
}
/* line 737, ../sass/components/_misc.scss */
tr.odd .form-item, tr.even .form-item {
  margin: 0;
}
/* line 744, ../sass/components/_misc.scss */
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #c00;
}
/* line 749, ../sass/components/_misc.scss */
.form-item .description {
  font-size: 0.85em;
}

/* line 756, ../sass/components/_misc.scss */
.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2.4em;
}

/* The part of the label that indicates a required field. */
/* line 762, ../sass/components/_misc.scss */
.form-required {
  color: #c00;
}

/* Labels for radios and checkboxes. */
/* line 767, ../sass/components/_misc.scss */
label.option {
  display: inline;
  font-weight: normal;
}

/* Buttons used by contrib modules like Media. */
/* line 773, ../sass/components/_misc.scss */
a.button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

/* Password confirmation. */
/* line 779, ../sass/components/_misc.scss */
.password-parent,
.confirm-parent {
  margin: 0;
}

/* Drupal's default login form block. */
/* line 784, ../sass/components/_misc.scss */
#user-login-form {
  text-align: left;
  /* LTR */
}

/**
 * OpenID
 *
 * The default styling for the OpenID login link seems to assume Garland's
 * styling of list items.
 */
/* OpenID creates a new ul above the login form's links. */
/* line 796, ../sass/components/_misc.scss */
.openid-links {
  /* Position OpenID's ul next to the rest of the links. */
  margin-bottom: 0;
}

/* The "Log in using OpenID" and "Cancel OpenID login" links. */
/* line 803, ../sass/components/_misc.scss */
.openid-link,
.user-link {
  margin-top: 1.5em;
}

/* line 807, ../sass/components/_misc.scss */
html.js #user-login-form li.openid-link,
#user-login-form li.openid-link {
  /* Un-do some of the padding on the ul list. */
  margin-left: -20px;
  /* LTR */
}

/* line 811, ../sass/components/_misc.scss */
#user-login ul {
  margin: 1.5em 0;
}

/**
 * Drupal admin tables.
 */
/* line 819, ../sass/components/_misc.scss */
form th {
  text-align: left;
  /* LTR */
  padding-right: 1em;
  /* LTR */
  border-bottom: 3px solid #ccc;
}
/* line 824, ../sass/components/_misc.scss */
form tbody {
  border-top: 1px solid #ccc;
}
/* line 827, ../sass/components/_misc.scss */
form table ul {
  margin: 0;
}

/* line 832, ../sass/components/_misc.scss */
tr.even,
tr.odd {
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
  padding: 0.1em 0.6em;
}

/* line 837, ../sass/components/_misc.scss */
tr.even {
  background-color: #fff;
}

/* Markup generated by theme_tablesort_indicator(). */
/* line 852, ../sass/components/_misc.scss */
td.active {
  background-color: #ddd;
}

/* Center checkboxes inside table cell. */
/* line 858, ../sass/components/_misc.scss */
td.checkbox,
th.checkbox {
  text-align: center;
}

/* Drupal core wrongly puts this in system.menus.css. Since we override that, add it back. */
/* line 863, ../sass/components/_misc.scss */
td.menu-disabled {
  background: #ccc;
}

/**
 * Autocomplete.
 *
 * @see autocomplete.js
 */
/* Suggestion list. */
/* line 874, ../sass/components/_misc.scss */
#autocomplete .selected {
  background: #0072b9;
  color: #fff;
}

/**
 * Collapsible fieldsets.
 *
 * @see collapse.js
 */
/* line 885, ../sass/components/_misc.scss */
html.js .collapsible .fieldset-legend {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
  background-position: 5px 65%;
  /* LTR */
  background-repeat: no-repeat;
  padding-left: 15px;
  /* LTR */
}
/* line 894, ../sass/components/_misc.scss */
html.js .collapsed .fieldset-legend {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC');
  /* LTR */
  background-position: 5px 50%;
  /* LTR */
}
/* line 901, ../sass/components/_misc.scss */
.fieldset-legend .summary {
  color: #999;
  font-size: 0.9em;
  margin-left: 0.5em;
}

/**
 * TableDrag behavior.
 *
 * @see tabledrag.js
 */
/* line 913, ../sass/components/_misc.scss */
tr.drag {
  background-color: #fffff0;
}

/* line 916, ../sass/components/_misc.scss */
tr.drag-previous {
  background-color: #ffd;
}

/* line 919, ../sass/components/_misc.scss */
.tabledrag-toggle-weight {
  font-size: 0.9em;
}

/**
 * TableSelect behavior.
 *
 * @see tableselect.js
 */
/* line 928, ../sass/components/_misc.scss */
tr.selected td {
  background: #ffc;
}

/**
 * Progress bar.
 *
 * @see progress.js
 */
/* line 937, ../sass/components/_misc.scss */
.progress {
  font-weight: bold;
}
/* line 940, ../sass/components/_misc.scss */
.progress .bar {
  background: #ccc;
  border-color: #666;
  margin: 0 0.2em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
/* line 946, ../sass/components/_misc.scss */
.progress .filled {
  background-color: #0072b9;
  background-image: url('../images/progress.gif?1588769902');
}

/* FRONT TILES ORDER */
/* line 4, ../sass/components/_modules-front.scss */
.front .tabs {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
/* line 5, ../sass/components/_modules-front.scss */
.front .block {
  margin: 0;
}
/* line 8, ../sass/components/_modules-front.scss */
.front #main #content {
  width: 100%;
  /* -10 f mobile */
}
/* line 12, ../sass/components/_modules-front.scss */
.front #main #content section {
  *zoom: 1;
  z-index: 5;
  position: relative;
}
/* line 6, ../sass/base/_base-mixin.scss */
.front #main #content section:before, .front #main #content section:after {
  content: "";
  display: table;
}
/* line 10, ../sass/base/_base-mixin.scss */
.front #main #content section:after {
  clear: both;
}
/* line 19, ../sass/components/_modules-front.scss */
.front #main #content section.front_content_row1 {
  z-index: 0;
}

/* end front */
/* line 28, ../sass/components/_modules-front.scss */
.front {
  /* end main content */
}
/* line 30, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row1 {
  background-color: white;
}
/* line 31, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row2, .front #main #content .front_content_row_ad1 {
  background-color: #eae7e8;
}
/* line 32, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row_logout2 {
  background-color: white;
}
/* line 33, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row2b {
  background-color: white;
}
/* line 34, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row3 {
  background-color: #c1ccd2;
}
/* line 35, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row4 {
  background-color: white;
}
/* line 36, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row5 {
  background-color: white;
}
/* line 37, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row6 {
  background-color: #eae7e8;
}
/* line 38, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row7 {
  background-color: #4a90b1;
}
/* line 39, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row8 {
  background-color: #eae7e8;
}
/* line 42, ../sass/components/_modules-front.scss */
.front #main #content .region h2 {
  font-weight: 100;
  text-align: center;
  letter-spacing: 2px;
  line-height: 1;
  margin: 3rem 0 1rem 0;
  text-transform: uppercase;
  transform: rotate(2.6deg);
  font-size: 200%;
}
@media (min-width: 30em) {
  /* line 42, ../sass/components/_modules-front.scss */
  .front #main #content .region h2 {
    font-size: 240%;
  }
}
@media (min-width: 37.5em) {
  /* line 42, ../sass/components/_modules-front.scss */
  .front #main #content .region h2 {
    font-size: 250%;
  }
}
@media (min-width: 768px) {
  /* line 42, ../sass/components/_modules-front.scss */
  .front #main #content .region h2 {
    font-size: 300%;
  }
}
@media (min-width: 64em) {
  /* line 42, ../sass/components/_modules-front.scss */
  .front #main #content .region h2 {
    font-size: 350%;
    letter-spacing: 5px;
  }
}
/* line 63, ../sass/components/_modules-front.scss */
.front #footer {
  margin-bottom: 0;
  margin-top: -50px;
}
/* line 68, ../sass/components/_modules-front.scss */
.front .view .view-header {
  margin: 2rem 0 2rem 0 !important;
}

/* end front */
/* FRONT TILES ROW 1 INHALTSTYP STARTSEITEN INHALT */
/* line 82, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row1 {
  /* h2 */
  /* .view-slideshow-home */
  /* Block über der Slideshow */
  /*  ende block über der slideshow */
}
/* line 84, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row1 > .inner {
  padding: 0;
}
/* line 85, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row1 h2.block-title, .front #main #content .front_content_row1 h2.block__title {
  text-align: center;
  margin-bottom: 1em;
  font-size: 20px;
  font-size: 2rem;
  /* a */
}
@media (min-width: 37.5em) {
  /* line 85, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row1 h2.block-title, .front #main #content .front_content_row1 h2.block__title {
    text-align: left;
  }
}
@media (min-width: 768px) {
  /* line 85, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row1 h2.block-title, .front #main #content .front_content_row1 h2.block__title {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media (min-width: 64em) {
  /* line 85, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row1 h2.block-title, .front #main #content .front_content_row1 h2.block__title {
    font-size: 20px;
    font-size: 2rem;
  }
}
/* line 94, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row1 h2.block-title a, .front #main #content .front_content_row1 h2.block__title a {
  color: #454545;
}
/* line 96, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row1 h2.block-title a::before, .front #main #content .front_content_row1 h2.block__title a::before {
  content: " ";
  display: block;
  height: 150px;
  width: 150px;
  margin: 20px 20px 20px 0;
  margin: 20px auto;
  border-radius: 100%;
  background: url(../img/sprite_beni.svg) no-repeat center -1460px;
}
@media (min-width: 37.5em) {
  /* line 96, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row1 h2.block-title a::before, .front #main #content .front_content_row1 h2.block__title a::before {
    margin: 20px auto;
  }
}
/* line 107, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row1 h2.block-title a:hover, .front #main #content .front_content_row1 h2.block-title a:focus, .front #main #content .front_content_row1 h2.block-title a:active, .front #main #content .front_content_row1 h2.block__title a:hover, .front #main #content .front_content_row1 h2.block__title a:focus, .front #main #content .front_content_row1 h2.block__title a:active {
  color: #3d6174;
}
/* line 108, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row1 h2.block-title a:hover::before, .front #main #content .front_content_row1 h2.block-title a:focus::before, .front #main #content .front_content_row1 h2.block-title a:active::before, .front #main #content .front_content_row1 h2.block__title a:hover::before, .front #main #content .front_content_row1 h2.block__title a:focus::before, .front #main #content .front_content_row1 h2.block__title a:active::before {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
/* line 115, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row1 .view-header-slideshow,
.front #main #content .front_content_row1 .view-slideshow-startseite {
  position: relative;
}
/* line 119, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row1 .view-header-slideshow .views-field-field-slogan,
.front #main #content .front_content_row1 .view-slideshow-startseite .views-field-field-slogan {
  display: none;
  /* Text liegt nun als eigener Block über der Slideshow */
}
/* line 120, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row1 .view-header-slideshow .views-field-field-header-image,
.front #main #content .front_content_row1 .view-slideshow-startseite .views-field-field-header-image {
  position: fixed;
  width: 100%;
}
/* line 123, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row1 .view-header-slideshow .views-field-field-header-image img,
.front #main #content .front_content_row1 .view-slideshow-startseite .views-field-field-header-image img {
  -webkit-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
  -ms-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  transition: all 0.6s linear;
  width: 100%;
  object-fit: cover;
  object-position: top center;
  min-height: 450px;
  max-height: 450px;
  -webkit-filter: grayscale(0.25);
  filter: grayscale(0.25);
}
@media (min-width: 37.5em) {
  /* line 123, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row1 .view-header-slideshow .views-field-field-header-image img,
  .front #main #content .front_content_row1 .view-slideshow-startseite .views-field-field-header-image img {
    min-height: 550px;
    max-height: 550px;
  }
}
@media (min-width: 768px) {
  /* line 123, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row1 .view-header-slideshow .views-field-field-header-image img,
  .front #main #content .front_content_row1 .view-slideshow-startseite .views-field-field-header-image img {
    min-height: 550px;
    max-height: 550px;
  }
}
@media (min-width: 64em) {
  /* line 123, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row1 .view-header-slideshow .views-field-field-header-image img,
  .front #main #content .front_content_row1 .view-slideshow-startseite .views-field-field-header-image img {
    min-height: 700px;
    max-height: 700px;
  }
}
@media (min-width: 75em) {
  /* line 123, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row1 .view-header-slideshow .views-field-field-header-image img,
  .front #main #content .front_content_row1 .view-slideshow-startseite .views-field-field-header-image img {
    max-height: auto;
  }
}
@media (min-width: 87.5em) {
  /* line 123, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row1 .view-header-slideshow .views-field-field-header-image img,
  .front #main #content .front_content_row1 .view-slideshow-startseite .views-field-field-header-image img {
    min-height: 750px;
    max-height: none;
  }
}

/* end front */
/* line 156, ../sass/components/_modules-front.scss */
body.front.smaller3 #main #content .front_content_row1 .views-field-field-header-image img {
  -webkit-filter: grayscale(0.8);
  filter: grayscale(0.8);
}

/* line 160, ../sass/components/_modules-front.scss */
body.front.smaller2 #main #content .front_content_row1 .views-field-field-header-image img {
  -webkit-filter: grayscale(0.97);
  filter: grayscale(0.99);
}

/* line 170, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row2,
.front #main #content .front_content_row1b {
  margin-top: 370px;
  	/*
  
  	@include bp(bp900h) { margin-top: 900px;}
  	@include bp(bp8) { margin-top: 750px;}*/
}
@media (min-width: 37.5em) {
  /* line 170, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row2,
  .front #main #content .front_content_row1b {
    margin-top: 420px;
  }
}
@media (min-width: 768px) {
  /* line 170, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row2,
  .front #main #content .front_content_row1b {
    margin-top: 520px;
  }
}
@media (min-width: 64em) {
  /* line 170, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row2,
  .front #main #content .front_content_row1b {
    margin-top: 720px;
  }
}

/* FRONT TILES ROW 1B Menu */
/* line 185, ../sass/components/_modules-front.scss */
.front #main #content {
  /* end front_content_row1b  */
}
/* line 186, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row1b {
  display: none;
  margin-top: auto;
  background-color: white;
  position: fixed;
  /*
  bottom: 80px;
  bottom: 40px;
  */
  height: 90px;
  top: auto;
  z-index: 2;
  width: 100%;
  top: 300px;
  /* 	@include bp(bp900h) { top: 800px;} */
  -webkit-transform: skew(0, 1.6deg);
  -moz-transform: skew(0, 1.6deg);
  -ms-transform: skew(0, 1.6deg);
  -o-transform: skew(0, 1.6deg);
  transform: skew(0, 1.6deg);
  /* region */
  /* h2 */
}
@media (min-width: 64em) {
  /* line 186, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row1b {
    display: block;
  }
}
@media (min-width: 37.5em) {
  /* line 186, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row1b {
    top: 320px;
  }
}
@media (min-width: 768px) {
  /* line 186, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row1b {
    top: 420px;
  }
}
@media (min-width: 64em) {
  /* line 186, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row1b {
    top: 620px;
  }
}
/* line 219, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row1b > .inner {
  padding: 0;
}
@media (min-width: 37.5em) {
  /* line 219, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row1b > .inner {
    padding: 2em 1% 0;
    width: auto;
  }
}
@media (min-width: 64em) {
  /* line 219, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row1b > .inner {
    padding: 2em 10% 0;
  }
}
/* line 224, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row1b .region {
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 228, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row1b .region > .block {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}
/* line 232, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row1b .region > .block {
  color: #454545;
}
/* line 236, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row1b .region > .block > .inner {
  padding: 0;
}
/* line 247, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row1b h2.block-title, .front #main #content .front_content_row1b h2.block__title, .front #main #content .front_content_row1b h2.block-title a {
  overflow: hidden;
  text-indent: -9000px;
  display: block;
  display: none;
}
/* line 253, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row1b .block-multiblock {
  margin-top: -30px;
}

/* end front */
/* line 262, ../sass/components/_modules-front.scss */
.front.smaller4 #main #content .front_content_row1,
.front.smaller4 #main #content .front_content_row1b {
  z-index: -2;
  opacity: 0;
  filter: alpha(opacity=0);
}

/* FRONT TILES ROW 2 DATES */
/* line 269, ../sass/components/_modules-front.scss */
.front #main #content {
  /* end front_content_row2  */
}
/* line 270, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row2 {
  /* region */
}
/* line 272, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row2:before, .front #main #content .front_content_row2:after {
  content: " ";
  display: block;
  height: 80px;
  top: -20px;
  width: 100%;
  margin: 0 auto;
  background-color: #eae7e8;
  -webkit-transform: skew(0, 1.6deg);
  -moz-transform: skew(0, 1.6deg);
  -ms-transform: skew(0, 1.6deg);
  -o-transform: skew(0, 1.6deg);
  transform: skew(0, 1.6deg);
  position: absolute;
  z-index: -1;
  margin-right: -3px;
  content: "";
  position: absolute;
  -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.1) ;
  -moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.1) ;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.1) ;
}
@media (min-width: 64em) {
  /* line 272, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row2:before, .front #main #content .front_content_row2:after {
    top: -26px;
  }
}
@media (min-width: 64em) {
  /* line 272, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row2:before, .front #main #content .front_content_row2:after {
    border-top: 10px solid #eae7e8;
  }
}
/* line 294, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row2:after {
  border: 0 none;
  -webkit-box-shadow: 0 0 0 transparent ;
  -moz-box-shadow: 0 0 0 transparent ;
  box-shadow: 0 0 0 transparent ;
  background-color: #eae7e8;
  top: auto;
  bottom: -20px;
}
/* line 302, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row2 > .inner {
  padding: 0 0 4em 0;
}
@media (min-width: 37.5em) {
  /* line 302, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row2 > .inner {
    padding: 2em 1% 5em;
    width: auto;
  }
}
@media (min-width: 64em) {
  /* line 302, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row2 > .inner {
    padding: 2em 10% 5em;
  }
}
/* line 307, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row2 .region {
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 311, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row2 .region > .block {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}
/* line 315, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row2 .region > .block {
  color: #454545;
}
/* line 319, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row2 .region > .block > .inner {
  padding: 0;
}
/* line 331, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row2 .block-views .inner {
  /* h2 */
}
@media (min-width: 768px) {
  /* line 333, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row2 .block-views .inner h2.block-title, .front #main #content .front_content_row2 .block-views .inner h2.block__title, .front #main #content .front_content_row2 .block-views .inner h2.block-title a {
    float: left;
    position: absolute;
    left: -75px;
    font-weight: 100;
    /* height: 50px; 		width: 28%; 
*/
    width: 450px;
    top: 150px;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}
@media (min-width: 64em) {
  /* line 333, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row2 .block-views .inner h2.block-title, .front #main #content .front_content_row2 .block-views .inner h2.block__title, .front #main #content .front_content_row2 .block-views .inner h2.block-title a {
    left: 0;
    top: 160px;
  }
}
@media (min-width: 75em) {
  /* line 333, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row2 .block-views .inner h2.block-title, .front #main #content .front_content_row2 .block-views .inner h2.block__title, .front #main #content .front_content_row2 .block-views .inner h2.block-title a {
    left: 70px;
  }
}
@media (min-width: 87.5em) {
  /* line 333, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row2 .block-views .inner h2.block-title, .front #main #content .front_content_row2 .block-views .inner h2.block__title, .front #main #content .front_content_row2 .block-views .inner h2.block-title a {
    left: 5%;
  }
}
/* line 356, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row2 .block-views .inner > .content {
  /* views-row */
}
@media (min-width: 768px) {
  /* line 356, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row2 .block-views .inner > .content {
    margin-left: 25%;
  }
}
/* line 359, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row2 .block-views .inner > .content .view-content > .views-row {
  background-color: transparent;
  margin-bottom: 0 !important;
}
@media (min-width: 37.5em) {
  /* line 359, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row2 .block-views .inner > .content .view-content > .views-row {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 48.5%;
    -moz-box-flex: 1;
    -moz-flex: 1 0 48.5%;
    -ms-flex: 1 0 48.5%;
    flex: 1 0 48.5%;
  }
}
/* line 363, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row2 .block-views .inner > .content .view-content > .views-row .views-row-inner {
  padding: 1.5rem;
}
/* line 366, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row2 .block-views .inner > .content .view-content > .views-row .views-field.views-field-field-event-date {
  width: 65px;
}
/* line 367, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row2 .block-views .inner > .content .view-content > .views-row .views-field:not(.views-field-field-datum):not(.views-field-field-event-date) {
  margin-left: 80px;
}
/* line 380, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row2 #block-block-2 {
  display: none;
}
@media (min-width: 64em) {
  /* line 380, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row2 #block-block-2 {
    display: block;
  }
}
/* line 383, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row2 #block-block-2 a {
  height: 80px;
  width: 80px;
  margin: 0 auto;
  background-color: #eae7e8;
  z-index: 99;
  bottom: 5px;
  left: 5%;
  position: fixed;
  background: url(../img/sprite_beni.svg) no-repeat center -500px;
}
/* line 393, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row2 #block-block-2 a span {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
/* line 394, ../sass/components/_modules-front.scss */
.smaller .front #main #content .front_content_row2 #block-block-2 a {
  opacity: 0;
  filter: alpha(opacity=0);
}

/* end front */
/* line 406, ../sass/components/_modules-front.scss */
body.smaller.front #main #content .front_content_row2 #block-block-2 a {
  opacity: 0;
  filter: alpha(opacity=0);
}

/* .no-flexbox settings */
/* line 413, ../sass/components/_modules-front.scss */
.no-flexbox .front #main #content .front_content_row2 .region {
  display: table;
}
/* line 239, ../sass/base/_base-mixin.scss */
.no-flexbox .front #main #content .front_content_row2 .region .block {
  display: block;
  float: left;
  margin: .25em 4.5% .25em 0;
  width: 100%;
}
@media (min-width: 768px) {
  /* line 239, ../sass/base/_base-mixin.scss */
  .no-flexbox .front #main #content .front_content_row2 .region .block {
    width: 45%;
  }
}

/* FRONT TILES ROW 1B Menu */
/* line 426, ../sass/components/_modules-front.scss */
.front #main #content {
  /* end front_content_row2b  */
}
/* line 427, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row2b {
  /*
  		&:before {
  			content: " ";
  			display: block;
  			height: 60px;
  			width: 99.9%;
  			margin: 0 auto;
  			background-color: $greybg2;
  			-webkit-transform: skew(0, 3deg);
  			-moz-transform: skew(0, 3deg);
  			-ms-transform: skew(0, 3deg);
  			-o-transform: skew(0, 3deg);
  			transform: skew(0, 3deg);
  			position: absolute;
  			z-index: -1;
  			top: -40px;
  			margin-right: -3px;
  			content: "";
  			position: absolute;
  			@include bp(bp5) {border-top: 20px solid $greybg2;}
    		}
  */
  background: white url(../img/stradi_1400px_8deg.jpg) no-repeat center 150px;
  background-size: 190%;
  margin-top: auto;
  background-color: white;
  position: fixed;
  /*
  bottom: 80px;
  bottom: 40px;
  */
  height: 800px;
  min-height: 600px;
  top: auto;
  z-index: -2;
  width: 100%;
  -webkit-filter: grayscale(0.8);
  filter: grayscale(0.8);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  top: 70px;
}
@media (min-width: 768px) {
  /* line 427, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row2b {
    background-size: contain;
    background-position: center 100px;
  }
}

/* end front */
/* line 481, ../sass/components/_modules-front.scss */
.front.smaller4 #main #content .front_content_row2b {
  z-index: 4;
  opacity: 1;
  filter: alpha(opacity=100);
}

/* line 482, ../sass/components/_modules-front.scss */
.front.waypoint4 #main #content .front_content_row2b {
  -webkit-filter: grayscale(0.2);
  filter: grayscale(0.2);
}

/* line 488, ../sass/components/_modules-front.scss */
.front.waypoint5 #main #content .front_content_row2b {
  z-index: -2;
  opacity: 0;
  filter: alpha(opacity=0);
}

/* line 489, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row4 {
  margin-top: 420px;
}

/* FRONT TILES ROW 3 INHALTSTYP RECORDINGS  */
/* line 495, ../sass/components/_modules-front.scss */
.front #main #content {
  /* end front content row 4 */
}
/* line 496, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row3 {
  padding: 0;
  background-color: #d4d0d1;
}
/* line 500, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row3:before, .front #main #content .front_content_row3:after {
  content: " ";
  display: block;
  height: 60px;
  width: 99.9%;
  margin: 0 auto;
  background-color: #d4d0d1;
  -webkit-transform: skew(0, 2deg);
  -moz-transform: skew(0, 2deg);
  -ms-transform: skew(0, 2deg);
  -o-transform: skew(0, 2deg);
  transform: skew(0, 2deg);
  position: absolute;
  z-index: -1;
  top: -40px;
  margin-right: -3px;
  content: "";
  position: absolute;
}
@media (min-width: 64em) {
  /* line 500, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row3:before, .front #main #content .front_content_row3:after {
    border-top: 20px solid #d4d0d1;
  }
}
/* line 520, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row3:after {
  border: 0 none;
  /*			@include box-shadow(0,1px,2px,rgba(0,0,0,0.1)); */
  background-color: #d4d0d1;
  top: auto;
  bottom: -64px;
  height: 140px;
  -webkit-transform: skew(0, 5deg);
  -moz-transform: skew(0, 5deg);
  -ms-transform: skew(0, 5deg);
  -o-transform: skew(0, 5deg);
  transform: skew(0, 5deg);
}
@media (min-width: 87.5em) {
  /* line 520, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row3:after {
    -webkit-transform: skew(0, 3.5deg);
    -moz-transform: skew(0, 3.5deg);
    -ms-transform: skew(0, 3.5deg);
    -o-transform: skew(0, 3.5deg);
    transform: skew(0, 3.5deg);
  }
}
/* line 542, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row3 .region {
  padding: 2em 5% 4em;
}
/* line 545, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row3 .region a {
  color: #63b38e;
}
/* line 546, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row3 .region a:hover, .front #main #content .front_content_row3 .region a:focus, .front #main #content .front_content_row3 .region a:active {
  color: #e0054c;
}
/* line 548, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row3 .region h2 {
  margin: -30px 0 50px;
  color: #63b38e;
}
/* line 551, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row3 .region .view-albums .view-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
@media (min-width: 30em) {
  /* line 556, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row3 .region .view-albums .view-content > .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
}
@media (min-width: 768px) {
  /* line 556, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row3 .region .view-albums .view-content > .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
}
@media (min-width: 64em) {
  /* line 556, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row3 .region .view-albums .view-content > .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 25%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 25%;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
  }
}
/* line 560, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row3 .region .view-albums .view-content > .views-row .views-row-inner {
  padding: 10px;
}
/* line 563, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row3 .region .view-albums .view-content > .views-row .views-field-title h4 {
  font-weight: 400;
}
/* line 564, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row3 .region .view-albums .view-content > .views-row .views-field-title a {
  color: #63b38e;
}
/* line 565, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row3 .region .view-albums .view-content > .views-row .views-field-title a:hover, .front #main #content .front_content_row3 .region .view-albums .view-content > .views-row .views-field-title a:focus, .front #main #content .front_content_row3 .region .view-albums .view-content > .views-row .views-field-title a:active {
  color: #e0054c;
}
/* line 574, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row3 .region .more-link a {
  color: #63b38e !important;
}
/* line 575, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row3 .region .more-link a:before {
  background-position: -150px -890px;
}
/* line 576, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row3 .region .more-link a:hover, .front #main #content .front_content_row3 .region .more-link a:focus, .front #main #content .front_content_row3 .region .more-link a:active {
  color: #e0054c !important;
}
/* line 577, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row3 .region .more-link a:hover:before, .front #main #content .front_content_row3 .region .more-link a:focus:before, .front #main #content .front_content_row3 .region .more-link a:active:before {
  background-position: -140px -890px;
}

/* end front */
/* FRONT TILES ROW 4 INHALTSTYP GALLERY & QUOTES */
/* line 589, ../sass/components/_modules-front.scss */
.front #main #content {
  /* end front content row 4 */
}
/* line 590, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row4 {
  /*
  	.region {	
  	padding: 0;
  		@include flexbox();
  		@include flex-wrap(wrap);
  	> .block {	
  		@include flex( 0 1 100%);
  	@include bp(bp4) {@include flex( 0 1 50%);}
  	}
  	> .block {	
  		color: $white; 
  		background-color: $white; 
  		font-size: 125%; 
  		&.last { 
  			background-color: $green; 
  		}
  		@include bp(bp5) {}
  		&.last { > .inner {  padding: 3em 2em 4em ;
  			@include bp(bp4) {margin-right: 10%; padding: 3em 0 2em 2em; } } }
  		&.first { 
  			display: none;
  			@include bp(bp4) { display: block; } 
  			> .inner { @include bp(bp3) { } } 
  		}
  }
  }
  	
  
  	a:link, a:visited { color: $white;
  		&:hover, &:focus, &:active { color : $link-color-hover; } 
  	}
  
  	h2 {color: $white !important;}
  	h3 { color: $white;}
  	ul, li {	padding: 0; margin: 0; list-style: none;}
  
  
  	* {	text-align: left; 	}
  
  		a:link, a:visited { color: $white;
  			&:hover, &:focus, &:active { color : $link-color-hover; } 
  		} 
  
  
  	 .block.last { 
  		a {}
  	 }
  
  	.block.last {
  		h2.block-title, h2.block__title  { 
  			transform: rotate(-4deg) !important;
  		    margin: 0 0 4rem 0;
  		    text-align: left;
  		    display: none;
  		}
  	}
  
  	.more-link a,
  	.submitted {
  			color: $white !important;
  			margin-top: 20px;
  			text-align: right;
  	}
  */
}
/* line 592, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row4 .inner {
  padding: 0;
}
@media (min-width: 768px) {
  /* line 594, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row4:before {
    position: absolute;
    content: " ";
    width: 50%;
    height: 100%;
    background: url(../img/fotos/rotate.php) no-repeat center center;
    background-size: cover;
  }
}
/* line 606, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row4 .region {
  padding: 0;
}
/* line 608, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row4 .region > .block {
  min-height: 400px;
}
@media (min-width: 768px) {
  /* line 608, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row4 .region > .block {
    float: right;
    width: 50%;
  }
}
/* line 613, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row4 .region > .block {
  color: white;
  background-color: #63b38e;
  font-size: 125%;
}
/* line 619, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row4 .region > .block > .inner {
  padding: 3em 2em 4em;
}
@media (min-width: 768px) {
  /* line 619, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row4 .region > .block > .inner {
    margin-right: 10%;
    padding: 3em 0 2em 2em;
  }
}
/* line 628, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row4 a:link, .front #main #content .front_content_row4 a:visited {
  color: white;
}
/* line 629, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row4 a:link:hover, .front #main #content .front_content_row4 a:link:focus, .front #main #content .front_content_row4 a:link:active, .front #main #content .front_content_row4 a:visited:hover, .front #main #content .front_content_row4 a:visited:focus, .front #main #content .front_content_row4 a:visited:active {
  color: #69abce;
}
/* line 632, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row4 h2 {
  color: white !important;
}
/* line 633, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row4 h3 {
  color: white;
}
/* line 634, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row4 ul, .front #main #content .front_content_row4 li {
  padding: 0;
  margin: 0;
  list-style: none;
}
/* line 637, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row4 * {
  text-align: left;
}
/* line 639, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row4 a:link, .front #main #content .front_content_row4 a:visited {
  color: white;
}
/* line 640, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row4 a:link:hover, .front #main #content .front_content_row4 a:link:focus, .front #main #content .front_content_row4 a:link:active, .front #main #content .front_content_row4 a:visited:hover, .front #main #content .front_content_row4 a:visited:focus, .front #main #content .front_content_row4 a:visited:active {
  color: #69abce;
}
/* line 649, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row4 .block.last h2.block-title, .front #main #content .front_content_row4 .block.last h2.block__title {
  transform: rotate(-4deg) !important;
  margin: 0 0 4rem 0;
  text-align: left;
  display: none;
}
/* line 658, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row4 .more-link a,
.front #main #content .front_content_row4 .submitted {
  color: white !important;
  margin-top: 20px;
  text-align: right;
}
/* line 730, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row4 .views-field-field-quote {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-size: 150%;
}
@media (min-width: 768px) {
  /* line 730, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row4 .views-field-field-quote {
    font-size: 175%;
  }
}
/* line 739, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row4 .view-photogallery img {
  width: 100%;
  width: auto;
  max-height: 100%;
  object-fit: cover;
  height: 100%;
}

/* end front */
/* FRONT TILES ROW 5 INHALTSTYP News */
/* line 761, ../sass/components/_modules-front.scss */
.front #main #content {
  /* end front content row 4 */
}
/* line 762, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row5 {
  padding: 0;
}
/* line 767, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row5:before {
  content: " ";
  display: block;
  height: 94px;
  width: 99.9%;
  margin: 0 auto;
  background-color: white;
  position: absolute;
  z-index: -1;
  top: -40px;
  margin-right: -3px;
  content: "";
  position: absolute;
  -webkit-transform: skew(0, 3deg);
  -moz-transform: skew(0, 3deg);
  -ms-transform: skew(0, 3deg);
  -o-transform: skew(0, 3deg);
  transform: skew(0, 3deg);
}
@media (min-width: 87.5em) {
  /* line 767, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row5:before {
    -webkit-transform: skew(0, 2deg);
    -moz-transform: skew(0, 2deg);
    -ms-transform: skew(0, 2deg);
    -o-transform: skew(0, 2deg);
    transform: skew(0, 2deg);
  }
}
/* line 797, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row5 > .inner {
  padding: 1em 0 7em 0;
}
/* line 798, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row5 .region {
  /* view content */
}
/* line 800, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row5 .region .view-content {
  padding: 0 4%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
/* line 807, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row5 .region .view-content > .views-row {
  margin-bottom: 1em;
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}
@media (min-width: 37.5em) {
  /* line 807, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row5 .region .view-content > .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 48.5%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 48.5%;
    -ms-flex: 0 1 48.5%;
    flex: 0 1 48.5%;
  }
}
@media (min-width: 64em) {
  /* line 807, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row5 .region .view-content > .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 29%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 29%;
    -ms-flex: 0 1 29%;
    flex: 0 1 29%;
  }
}
/* line 815, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row5 .region .view-content .views-field-field-link a {
  display: block;
  text-align: right;
  color: #7d7674;
  font-size: 75%;
}
/* line 818, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row5 .region .view-content .views-field-field-link a:hover, .front #main #content .front_content_row5 .region .view-content .views-field-field-link a:focus, .front #main #content .front_content_row5 .region .view-content .views-field-field-link a:active {
  color: #384a53;
}
/* line 820, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row5 .region .view-content h3 {
  margin-bottom: 1.5rem;
}
/* line 821, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row5 .region .view-content h3 a {
  color: #63b38e;
}
/* line 822, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row5 .region .view-content h3 a:hover, .front #main #content .front_content_row5 .region .view-content h3 a:focus, .front #main #content .front_content_row5 .region .view-content h3 a:active {
  color: #384a53;
}
/* line 826, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row5 .region .view-content a.morelink {
  display: block;
  text-align: right;
  float: right;
  margin-right: 30px;
  width: 60px;
  height: 40px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  background: url(../img/sprite_beni.svg) no-repeat 5px -890px;
}
/* line 834, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row5 .region .view-content a.morelink:hover, .front #main #content .front_content_row5 .region .view-content a.morelink:focus, .front #main #content .front_content_row5 .region .view-content a.morelink:active {
  opacity: 1;
  filter: alpha(opacity=100);
  background-position: 10px -890px;
  transform: skew(0, 3deg);
}
/* line 849, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row5 .region .more-link a {
  color: #63b38e !important;
}
/* line 850, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row5 .region .more-link a:before {
  background-position: -150px -890px;
}
/* line 851, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row5 .region .more-link a:hover, .front #main #content .front_content_row5 .region .more-link a:focus, .front #main #content .front_content_row5 .region .more-link a:active {
  color: #428767 !important;
}
/* line 852, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row5 .region .more-link a:hover:before, .front #main #content .front_content_row5 .region .more-link a:focus:before, .front #main #content .front_content_row5 .region .more-link a:active:before {
  background-position: -140px -890px;
}
/* line 856, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row5 .region h2 {
  font-weight: 100;
  text-align: center;
  letter-spacing: 2px;
  line-height: 1;
  margin: 1rem 0 2rem 0;
  color: #63b38e;
  transform: rotate(3deg);
  margin-top: -33px;
  text-align: center;
  padding-right: 2%;
  letter-spacing: .25em;
  font-size: 215%;
}
@media (min-width: 30em) {
  /* line 856, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row5 .region h2 {
    font-size: 300%;
  }
}
@media (min-width: 37.5em) {
  /* line 856, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row5 .region h2 {
    font-size: 350%;
    margin-top: -66px;
    margin-top: -12px;
  }
}
@media (min-width: 768px) {
  /* line 856, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row5 .region h2 {
    font-size: 375%;
    letter-spacing: .5em;
  }
}
@media (min-width: 64em) {
  /* line 856, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row5 .region h2 {
    font-size: 400%;
  }
}

/* end front */
/* FRONT TILES ROW 6 INHALTSTYP VIDEO  */
/* line 890, ../sass/components/_modules-front.scss */
.front #main #content {
  /* end front content row 6 */
}
/* line 891, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row6 {
  padding: 0;
  text-align: center;
}
/* line 895, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row6:before {
  content: " ";
  display: block;
  height: 94px;
  width: 99.9%;
  margin: 0 auto;
  background-color: #eae7e8;
  -webkit-transform: skew(0, 3deg);
  -moz-transform: skew(0, 3deg);
  -ms-transform: skew(0, 3deg);
  -o-transform: skew(0, 3deg);
  transform: skew(0, 3deg);
  position: absolute;
  z-index: -1;
  top: -40px;
  margin-right: -3px;
  content: "";
  position: absolute;
}
/* line 917, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row6 > .inner {
  padding: 0 0 10rem;
}
@media (min-width: 768px) {
  /* line 917, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row6 > .inner {
    padding: 0 0 10rem;
  }
}
/* line 922, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row6 .region {
  /* view content */
}
/* line 924, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row6 .region .view-content {
  padding: 0 4%;
  margin-top: -70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
/* line 931, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row6 .region .view-content > .views-row {
  margin: 1em 0 2em;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}
/* line 938, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row6 .region .view-content h3 {
  margin-bottom: 1.5rem;
}
/* line 939, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row6 .region .view-content h3 a {
  color: #4a90b1;
}
/* line 940, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row6 .region .view-content h3 a:hover, .front #main #content .front_content_row6 .region .view-content h3 a:focus, .front #main #content .front_content_row6 .region .view-content h3 a:active {
  color: #63b38e;
}
/* line 947, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row6 .region .view-content .views-field-field-video-self video {
  /* antialiasing */
  outline: 1px solid transparent;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
  will-change: transform;
  -webkit-perspective: 1000;
  width: 100% !important;
  max-width: 640px;
  height: auto;
  background: #3d6174;
  border: 20px solid #3d6174;
  box-shadow: 0 0 10px #333;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
@media (max-width: 47.938em) {
  /* line 947, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row6 .region .view-content .views-field-field-video-self video {
    width: 90% !important;
  }
}
/* line 978, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row6 .region h2 {
  font-weight: 100;
  text-align: center;
  letter-spacing: 2px;
  line-height: 1;
  margin: 1rem 0 4rem 0;
  margin-top: -33px;
  color: #4a90b1;
  transform: rotate(3deg);
  letter-spacing: .25em;
  font-size: 215%;
}
@media (min-width: 30em) {
  /* line 978, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row6 .region h2 {
    font-size: 300%;
  }
}
@media (min-width: 37.5em) {
  /* line 978, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row6 .region h2 {
    font-size: 350%;
    margin-top: -66px;
  }
}
@media (min-width: 768px) {
  /* line 978, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row6 .region h2 {
    font-size: 375%;
    letter-spacing: .5em;
  }
}
@media (min-width: 64em) {
  /* line 978, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row6 .region h2 {
    font-size: 400%;
  }
}

/* end front */
/* FRONT TILES ROW 7 INHALTSTYP FESTIVALS  */
/* line 1010, ../sass/components/_modules-front.scss */
.front #main #content {
  /* end front content row 7 */
}
/* line 1012, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row7 .region {
  padding: 2em 0 8em;
  color: white;
  text-align: center;
}
/* line 1017, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row7 a {
  color: white;
}
/* line 1018, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row7 a:hover, .front #main #content .front_content_row7 a:focus, .front #main #content .front_content_row7 a:active {
  color: #050505;
}
/* line 1020, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row7 .views-field {
  color: white;
}
/* line 1021, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row7:before, .front #main #content .front_content_row7:after {
  content: " ";
  display: block;
  height: 80px;
  top: -40px;
  width: 100%;
  margin: 0 auto;
  background-color: #4a90b1;
  -webkit-transform: skew(0, -2deg);
  -moz-transform: skew(0, -2deg);
  -ms-transform: skew(0, -2deg);
  -o-transform: skew(0, -2deg);
  transform: skew(0, -2deg);
  position: absolute;
  z-index: -1;
  content: "";
  position: absolute;
}
/* line 1040, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row7:after {
  top: auto;
  bottom: -21px;
  -webkit-transform: skew(0, -2deg);
  -moz-transform: skew(0, -2deg);
  -ms-transform: skew(0, -2deg);
  -o-transform: skew(0, -2deg);
  transform: skew(0, -2deg);
}
/* line 1048, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row7 h2 {
  font-weight: 100;
  text-align: center;
  letter-spacing: 2px;
  line-height: 1;
  margin: 0 0 4rem 0;
  color: white;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg);
  text-align: center;
  letter-spacing: .25em;
  font-size: 215%;
}
@media (min-width: 37.5em) {
  /* line 1048, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row7 h2 {
    font-size: 300%;
  }
}
@media (min-width: 768px) {
  /* line 1048, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row7 h2 {
    font-size: 400%;
  }
}
/* line 1067, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row7 .view-content {
  padding: 0 5%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
/* line 1073, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row7 .view-content > .views-row {
  position: relative;
  margin: 1em 0 2em;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}
@media (min-width: 64em) {
  /* line 1073, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row7 .view-content > .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 40%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 40%;
    -ms-flex: 0 1 40%;
    flex: 0 1 40%;
  }
}
/* line 1079, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row7 .view-content > .views-row:last-child {
  margin-top: 30px;
}
@media (min-width: 37.5em) {
  /* line 1079, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row7 .view-content > .views-row:last-child {
    margin-top: 80px;
  }
}
/* line 1084, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row7 .view-content > .views-row .views-field-title a {
  display: block;
  font-size: 175%;
  font-weight: 100;
}
/* line 1095, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row7 .view-content > .views-row .views-field-field-mainimage,
.front #main #content .front_content_row7 .view-content > .views-row .views-field-field-bild {
  text-align: left;
  width: 100px;
}
/* line 1098, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row7 .view-content > .views-row .views-field-field-mainimage img,
.front #main #content .front_content_row7 .view-content > .views-row .views-field-field-bild img {
  border-radius: 50%;
  max-width: 240px;
  margin: 0 auto;
}
/* line 1104, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row7 .view-content > .views-row .views-field-field-event-date {
  font-size: 150%;
  margin-bottom: 1em;
  font-weight: 300;
}

/* end front */
/* FRONT TILES ROW 8 INHALTSTYP ORCHESTER  */
/* line 1120, ../sass/components/_modules-front.scss */
.front #main #content {
  /* end front content row 8 */
}
/* line 1121, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row8 {
  padding: 0;
  text-align: center;
}
/* line 1125, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row8:before {
  content: " ";
  display: block;
  height: 94px;
  width: 99.9%;
  margin: 0 auto;
  background-color: #eae7e8;
  -webkit-transform: skew(0, 3deg);
  -moz-transform: skew(0, 3deg);
  -ms-transform: skew(0, 3deg);
  -o-transform: skew(0, 3deg);
  transform: skew(0, 3deg);
  position: absolute;
  z-index: -1;
  top: -40px;
  margin-right: -3px;
  content: "";
  position: absolute;
  -webkit-transform: skew(0, 3deg);
  -moz-transform: skew(0, 3deg);
  -ms-transform: skew(0, 3deg);
  -o-transform: skew(0, 3deg);
  transform: skew(0, 3deg);
}
@media (min-width: 87.5em) {
  /* line 1125, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row8:before {
    -webkit-transform: skew(0, 2deg);
    -moz-transform: skew(0, 2deg);
    -ms-transform: skew(0, 2deg);
    -o-transform: skew(0, 2deg);
    transform: skew(0, 2deg);
  }
}
/* line 1159, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row8 > .inner {
  padding: 1em 0 15em 0;
}
/* line 1160, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row8 .region {
  /* view content */
}
/* line 1162, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row8 .region .view-content {
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
/* line 1169, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row8 .region .view-content > .views-row {
  margin: 1em 0 2em;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}
@media (min-width: 37.5em) {
  /* line 1169, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row8 .region .view-content > .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
}
/* line 1174, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row8 .region .view-content > .views-row:last-child {
  margin-top: 60px;
}
/* line 1175, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row8 .region .view-content > .views-row > .views-row-inner {
  padding-right: 15%;
  padding-left: 5%;
}
/* line 1176, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row8 .region .view-content > .views-row:last-child > .views-row-inner {
  padding-right: 5%;
  padding-left: 15%;
}
/* line 1179, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row8 .region .view-content .views-field-field-link a {
  display: block;
  text-align: right;
  color: #4a90b1;
  font-size: 75%;
}
/* line 1182, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row8 .region .view-content .views-field-field-link a:hover, .front #main #content .front_content_row8 .region .view-content .views-field-field-link a:focus, .front #main #content .front_content_row8 .region .view-content .views-field-field-link a:active {
  color: #63b38e;
}
/* line 1184, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row8 .region .view-content h3 {
  margin-bottom: 1.5rem;
  font-size: 175%;
}
/* line 1185, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row8 .region .view-content h3 a {
  color: #4a90b1;
}
/* line 1186, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row8 .region .view-content h3 a:hover, .front #main #content .front_content_row8 .region .view-content h3 a:focus, .front #main #content .front_content_row8 .region .view-content h3 a:active {
  color: #63b38e;
}
@media (min-width: 768px) {
  /* line 1189, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row8 .region .view-content .views-field:not(.views-field-field-mainimage) {
    /*
    margin-left: 120px;   */
    text-align: left;
  }
}
/* line 1198, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row8 .region .view-content .views-field-title {
  text-align: center;
  background-color: #eae7e8;
  margin-top: -50px;
  -webkit-transform: skew(0, 2.2deg);
  -moz-transform: skew(0, 2.2deg);
  -ms-transform: skew(0, 2.2deg);
  -o-transform: skew(0, 2.2deg);
  transform: skew(0, 2.2deg);
  padding: 20px 1%;
  width: 102%;
  margin-left: -2px;
}
/* line 1211, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row8 .region .view-content .views-field-title h3 {
  padding: 0;
  margin: 0;
}
/* line 1215, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row8 .region .view-content .views-field-field-mainimage,
.front #main #content .front_content_row8 .region .view-content .views-field-field-bild {
  padding: 0 !important;
  max-height: 300px;
  /*
  @include bp(bp4) {
  float: left;
  width: 90px;
  text-align: center;
  }
  img {
  border-radius: 50%;
  max-width: 100px;
  margin: 0 auto;		
  }
  */
  /*  end img */
}
/* line 1234, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row8 .region .view-content .views-field-field-mainimage img,
.front #main #content .front_content_row8 .region .view-content .views-field-field-bild img {
  /*
  width: 200px;
  width: 150px;
  height: 150px;
  */
  max-height: 300px;
  width: 80%;
  min-width: 80%;
  margin: 1em auto  0 auto;
  -o-object-fit: cover;
  -o-object-position: center center;
  object-fit: cover;
  object-position: center center;
  opacity: 0.88;
  filter: alpha(opacity=88);
}
@media (min-width: 37.5em) {
  /* line 1234, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row8 .region .view-content .views-field-field-mainimage img,
  .front #main #content .front_content_row8 .region .view-content .views-field-field-bild img {
    width: 100%;
    height: auto;
    margin: 0.25em auto .5em auto;
  }
}
/* line 1259, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row8 .region .view-content .views-field-field-mainimage img:hover, .front #main #content .front_content_row8 .region .view-content .views-field-field-mainimage img:focus, .front #main #content .front_content_row8 .region .view-content .views-field-field-mainimage img:active,
.front #main #content .front_content_row8 .region .view-content .views-field-field-bild img:hover,
.front #main #content .front_content_row8 .region .view-content .views-field-field-bild img:focus,
.front #main #content .front_content_row8 .region .view-content .views-field-field-bild img:active {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 1271, ../sass/components/_modules-front.scss */
.front #main #content .front_content_row8 .region h2 {
  font-weight: 100;
  text-align: center;
  letter-spacing: 2px;
  line-height: 1;
  margin: 1rem 0 4rem 0;
  color: #4a90b1;
  transform: rotate(3deg);
  letter-spacing: .25em;
  font-size: 215%;
}
@media (min-width: 30em) {
  /* line 1271, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row8 .region h2 {
    font-size: 300%;
  }
}
@media (min-width: 37.5em) {
  /* line 1271, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row8 .region h2 {
    font-size: 350%;
  }
}
@media (min-width: 768px) {
  /* line 1271, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row8 .region h2 {
    font-size: 375%;
    letter-spacing: .5em;
  }
}
@media (min-width: 64em) {
  /* line 1271, ../sass/components/_modules-front.scss */
  .front #main #content .front_content_row8 .region h2 {
    font-size: 400%;
  }
}

/* end front */
/* FLOATER BLOCKS */
/* FLOATER BLOCKS */
/* line 11, ../sass/components/_modules-blocks.scss */
.region-floaters .block, .region-floaters p,
.region-newsletter .block,
.region-newsletter p {
  margin-bottom: 0;
}
/* line 12, ../sass/components/_modules-blocks.scss */
.region-floaters ul,
.region-newsletter ul {
  margin: 0;
  padding: 0;
  line-height: 0;
  height: 0;
  position: absolute;
}

/* REKATEURS MENU BUTTON */
/* line 28, ../sass/components/_modules-blocks.scss */
#block-block-7 a {
  position: fixed;
  margin: 0;
  /*
      left: -8px;
  	*/
  right: 1px;
  top: 400px;
  z-index: 9999;
  display: block;
  height: 66px;
  width: 66px;
  background: white url("../img/sprite_beni.svg") no-repeat 98.5% -830px;
  border-radius: 100%;
    /*
	@include box-shadow(0, 0, 5px, rgba(0, 0, 0, 0.25));
  */
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  opacity: 0.85;
  filter: alpha(opacity=85);
  top: auto;
  right: auto;
  left: -15px;
  bottom: -15px;
  height: 86px;
  width: 86px;
  background-position: 17px -971px;
  background-color: #e0054c;
}
/* line 356, ../sass/base/_base-mixin.scss */
#block-block-7 a:hover, #block-block-7 a:focus, #block-block-7 a:active {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 39, ../sass/components/_modules-blocks.scss */
#block-block-7 a span {
  display: none;
}

/* line 47, ../sass/components/_modules-blocks.scss */
#block-block-26 a {
  position: fixed;
  margin: 0;
  /*
      left: -8px;
  	*/
  right: 1px;
  top: 400px;
  z-index: 9999;
  display: block;
  height: 66px;
  width: 66px;
  background: white url("../img/sprite_beni.svg") no-repeat 98.5% -830px;
  border-radius: 100%;
    /*
	@include box-shadow(0, 0, 5px, rgba(0, 0, 0, 0.25));
  */
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  opacity: 0.85;
  filter: alpha(opacity=85);
  top: 180px;
  /*	top: auto;
      bottom: 200px;*/
  background-position: 101% -186px;
}
/* line 356, ../sass/base/_base-mixin.scss */
#block-block-26 a:hover, #block-block-26 a:focus, #block-block-26 a:active {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 54, ../sass/components/_modules-blocks.scss */
#block-block-26 a span {
  display: none;
}

/* CALL BACK SERVICE + EMAIL SERVICE	 */
/* line 69, ../sass/components/_modules-blocks.scss */
#block-block-28 a {
  position: fixed;
  margin: 0;
  /*
      left: -8px;
  	*/
  right: 1px;
  top: 400px;
  z-index: 9999;
  display: block;
  height: 66px;
  width: 66px;
  background: white url("../img/sprite_beni.svg") no-repeat 98.5% -830px;
  border-radius: 100%;
    /*
	@include box-shadow(0, 0, 5px, rgba(0, 0, 0, 0.25));
  */
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  opacity: 0.85;
  filter: alpha(opacity=85);
  top: 300px;
  /*	top: auto;
      bottom: 80px;*/
  background-position: 9px -1632px;
}
/* line 356, ../sass/base/_base-mixin.scss */
#block-block-28 a:hover, #block-block-28 a:focus, #block-block-28 a:active {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 75, ../sass/components/_modules-blocks.scss */
#block-block-28 a span {
  display: none;
}

/* NEWSLETTER OVERLAY BLOCK */
/* line 90, ../sass/components/_modules-blocks.scss */
.region-newsletter .block-nodeblock {
  font-size: 1em;
  border-top: 0 none;
  margin: 0;
}
/* line 95, ../sass/components/_modules-blocks.scss */
.region-newsletter .block-nodeblock .inner {
  padding: 10% 10% 0 10%;
}
/* line 100, ../sass/components/_modules-blocks.scss */
.region-newsletter .block-nodeblock form label {
  display: inline-block;
  padding-right: 15px;
}
/* line 105, ../sass/components/_modules-blocks.scss */
.region-newsletter .block-nodeblock form div > div:nth-child(1) label {
  display: none;
}

/* end  */
/*   SOCIAL ICONS */
/* line 122, ../sass/components/_modules-blocks.scss */
#block-block-4 {
  position: fixed;
  height: 0;
  z-index: 5;
}
/* line 126, ../sass/components/_modules-blocks.scss */
#block-block-4 ul, #block-block-4 li {
  list-style: none;
  list-item: none;
  padding: 0;
  margin: 0;
}
/* line 131, ../sass/components/_modules-blocks.scss */
#block-block-4 ul li {
  display: inline-block;
}
/* line 133, ../sass/components/_modules-blocks.scss */
#block-block-4 ul li > a {
  position: fixed;
  margin: 0;
  /*
      left: -8px;
  	*/
  right: 1px;
  top: 400px;
  z-index: 9999;
  display: block;
  height: 66px;
  width: 66px;
  background: white url("../img/sprite_beni.svg") no-repeat 98.5% -830px;
  border-radius: 100%;
    /*
	@include box-shadow(0, 0, 5px, rgba(0, 0, 0, 0.25));
  */
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  opacity: 0.85;
  filter: alpha(opacity=85);
  border-radius: 0;
  width: 30px;
  height: 30px;
  top: 250px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  background: transparent url(../img/sprite_beni.svg) no-repeat -100px -1642px;
}
/* line 356, ../sass/base/_base-mixin.scss */
#block-block-4 ul li > a:hover, #block-block-4 ul li > a:focus, #block-block-4 ul li > a:active {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 142, ../sass/components/_modules-blocks.scss */
#block-block-4 ul li > a span {
  display: none;
}
/* line 146, ../sass/components/_modules-blocks.scss */
#block-block-4 ul li.instagram > a {
  top: 350px;
  background-position-x: -96px;
}
/* line 147, ../sass/components/_modules-blocks.scss */
#block-block-4 ul li.facebook > a {
  top: 390px;
  background-position-x: -184px;
}
/* line 148, ../sass/components/_modules-blocks.scss */
#block-block-4 ul li.youtube > a {
  top: 430px;
  background-position: -96px -1684px;
}
/* line 149, ../sass/components/_modules-blocks.scss */
#block-block-4 ul li.twitter > a {
  top: 470px;
  background-position-x: -138px;
}
/* line 154, ../sass/components/_modules-blocks.scss */
#block-block-4 ul li > a:hover, #block-block-4 ul li > a:focus, #block-block-4 ul li > a:active {
  opacity: 0.85;
  filter: alpha(opacity=85);
}

/* line 164, ../sass/components/_modules-blocks.scss */
#block-block-9 a,
#block-block-13 a {
  background-position-y: -1185px;
}

/* line 169, ../sass/components/_modules-blocks.scss */
#block-block-10 a {
  background-position: 8px -1945px;
  height: 40px;
}
/* line 172, ../sass/components/_modules-blocks.scss */
#block-block-10 a:hover, #block-block-10 a:focus, #block-block-10 a:active {
  background-position-x: 10px;
}

/* SOCIAL SHARE ICONS 
.block-social-share  {
  position: fixed;
  height: 0;
  z-index: 5;
a  {
      @include floaterbutton();
      width: 30px;
      height: 30px;
       top: 250px;
       border-radius:  0;


    right: auto;
    top: auto;
    left: -30px;
    bottom:150px;


      @include bp(bp4) {}
      @include opacity(.5);
      background: transparent url(../img/sprite_beni.svg) no-repeat -300px -1642px;
  span { display: none;}
  }

  a.social-share-facebook  {    bottom: 220px;   background-position-x: -384px;}
  a.social-share-twitter {    bottom: 180px;   background-position-x: -342px;}
  a.social-share-linkedin {   bottom: 140px;   background-position-x: -426px;}
  a.social-share-email {   bottom: 100px;   background-position-x: 0;}

}

.smaller2 .block-social-share a {
  left:2px;
}
*/
/* line 215, ../sass/components/_modules-blocks.scss */
.block-social-share {
  margin-top: 30px;
}
/* line 218, ../sass/components/_modules-blocks.scss */
.block-social-share .content {
  text-align: center;
  position: relative;
}
/* line 222, ../sass/components/_modules-blocks.scss */
.block-social-share a {
  width: 40px;
  height: 30px;
  border-radius: 0;
  display: inline-block;
  background: transparent url(../img/sprite_beni.svg) no-repeat -100px -1600px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
/* line 232, ../sass/components/_modules-blocks.scss */
.block-social-share a:hover, .block-social-share a:focus, .block-social-share a:active {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 233, ../sass/components/_modules-blocks.scss */
.block-social-share a span {
  display: none;
}
/* line 236, ../sass/components/_modules-blocks.scss */
.block-social-share a.social-share-facebook {
  background-position-x: -178px;
}
/* line 237, ../sass/components/_modules-blocks.scss */
.block-social-share a.social-share-twitter {
  background-position-x: -137px;
}
/* line 238, ../sass/components/_modules-blocks.scss */
.block-social-share a.social-share-linkedin {
  background-position-x: -426px;
}
/* line 239, ../sass/components/_modules-blocks.scss */
.block-social-share a.social-share-email {
  background-position-x: -326px;
}

/* NEWSLETTER SUBSCRIBE SIDEBAR */
/* line 249, ../sass/components/_modules-blocks.scss */
aside #mc_embed_signup .email.form-control {
  width: 100%;
  max-width: 100%;
}

/* line 255, ../sass/components/_modules-blocks.scss */
aside .block-welcome-username {
  font-weight: 600;
}

/* Next Previous block*/
/* line 260, ../sass/components/_modules-blocks.scss */
ul.prev-next-links {
  text-align: center;
  position: relative;
  width: auto;
  margin-top: 2em;
  padding: 0;
}
@media (min-width: 768px) {
  /* line 260, ../sass/components/_modules-blocks.scss */
  ul.prev-next-links {
    margin-left: 33%;
  }
}
/* line 268, ../sass/components/_modules-blocks.scss */
ul.prev-next-links li {
  list-style: none;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 1em;
}
/* line 274, ../sass/components/_modules-blocks.scss */
ul.prev-next-links li a {
  padding-left: 20px;
  background: url("../img/sprite_beni.svg") no-repeat left -550px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
/* line 277, ../sass/components/_modules-blocks.scss */
ul.prev-next-links li a:hover, ul.prev-next-links li a:focus, ul.prev-next-links li a:active {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 281, ../sass/components/_modules-blocks.scss */
ul.prev-next-links li.prev-next-link-next a {
  padding-left: 0;
  padding-right: 20px;
  background-position: 99% -450px;
}

/* Language switcher block*/
/* line 295, ../sass/components/_modules-blocks.scss */
#block-locale-language {
  font-size: .875em;
  border-top: 0 none;
  position: fixed;
  top: 150px;
  right: 35px;
  z-index: 9999;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
/* line 306, ../sass/components/_modules-blocks.scss */
#block-locale-language .locale-untranslated {
  display: none;
}
/* line 307, ../sass/components/_modules-blocks.scss */
#block-locale-language .inner {
  padding: .15em .5em;
}
@media (max-width: 37.5em) {
  /* line 295, ../sass/components/_modules-blocks.scss */
  #block-locale-language {
    /*
    */
    top: auto;
    /* left: 5px; */
    bottom: 126px;
    right: 35px;
  }
}

/* line 320, ../sass/components/_modules-blocks.scss */
#block-locale-language .inner {
  padding: 0 .25em;
}

/* line 325, ../sass/components/_modules-blocks.scss */
#block-locale-language h2 {
  display: none;
}

/* line 328, ../sass/components/_modules-blocks.scss */
#block-locale-language ul, #block-locale-language li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 331, ../sass/components/_modules-blocks.scss */
#block-locale-language li {
  float: left;
  margin: 0 3px;
}

/* line 334, ../sass/components/_modules-blocks.scss */
#block-locale-language a, #block-locale-language a:visited {
  margin: 0 0 10px;
  padding: 0;
  color: #454545;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  height: 30px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  border-radius: 100%;
  opacity: 0.6;
  filter: alpha(opacity=60);
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 300;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) ;
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) ;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) ;
  background: #f6f6f6;
}

/* line 356, ../sass/components/_modules-blocks.scss */
#block-locale-language a:hover, #block-locale-language a:focus, #block-locale-language a:active,
#block-locale-language li.active a:hover, #block-locale-language li.active a:focus, #block-locale-language li.active a:active {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: white;
}

/* line 360, ../sass/components/_modules-blocks.scss */
#block-locale-language li.active a {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* line 4, ../sass/components/_modules-news.scss */
body.node-type-blog article .field-name-field-url {
  text-align: center;
}
/* line 5, ../sass/components/_modules-news.scss */
body.node-type-blog article .field-name-field-url .field-item {
  display: inline;
}

/* line 13, ../sass/components/_modules-news.scss */
.not-front #content .view-news,
.not-front #content .view-interviews,
.not-front #content .view-projects {
  /* end .views-row */
}
/* line 16, ../sass/components/_modules-news.scss */
.not-front #content .view-news .views-row,
.not-front #content .view-interviews .views-row,
.not-front #content .view-projects .views-row {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  margin-bottom: 2rem;
  /* end .views-field-bild */
}
/* line 20, ../sass/components/_modules-news.scss */
.not-front #content .view-news .views-row .views-row-inner,
.not-front #content .view-interviews .views-row .views-row-inner,
.not-front #content .view-projects .views-row .views-row-inner {
  padding: 0 10px 10px;
}
@media (min-width: 64em) {
  /* line 20, ../sass/components/_modules-news.scss */
  .not-front #content .view-news .views-row .views-row-inner,
  .not-front #content .view-interviews .views-row .views-row-inner,
  .not-front #content .view-projects .views-row .views-row-inner {
    padding-right: 15%;
  }
}
/* line 28, ../sass/components/_modules-news.scss */
.not-front #content .view-news .views-row .views-field-field-url,
.not-front #content .view-interviews .views-row .views-field-field-url,
.not-front #content .view-projects .views-row .views-field-field-url {
  display: none;
}
/* line 30, ../sass/components/_modules-news.scss */
.not-front #content .view-news .views-row .views-field-created,
.not-front #content .view-interviews .views-row .views-field-created,
.not-front #content .view-projects .views-row .views-field-created {
  padding: 0;
}
@media (min-width: 30em) {
  /* line 35, ../sass/components/_modules-news.scss */
  .not-front #content .view-news .views-row .views-field-field-contentimage,
  .not-front #content .view-news .views-row .views-field-field-mainimage,
  .not-front #content .view-news .views-row .views-field-field-image,
  .not-front #content .view-news .views-row .views-field-field-bild,
  .not-front #content .view-interviews .views-row .views-field-field-contentimage,
  .not-front #content .view-interviews .views-row .views-field-field-mainimage,
  .not-front #content .view-interviews .views-row .views-field-field-image,
  .not-front #content .view-interviews .views-row .views-field-field-bild,
  .not-front #content .view-projects .views-row .views-field-field-contentimage,
  .not-front #content .view-projects .views-row .views-field-field-mainimage,
  .not-front #content .view-projects .views-row .views-field-field-image,
  .not-front #content .view-projects .views-row .views-field-field-bild {
    float: left;
    width: 20%;
  }
}
@media (min-width: 30em) {
  /* line 42, ../sass/components/_modules-news.scss */
  .not-front #content .view-news .views-row .views-field:not(.views-field-field-contentimage):not(.views-field-field-image):not(.views-field-field-mainimage):not(.views-field-field-bild),
  .not-front #content .view-interviews .views-row .views-field:not(.views-field-field-contentimage):not(.views-field-field-image):not(.views-field-field-mainimage):not(.views-field-field-bild),
  .not-front #content .view-projects .views-row .views-field:not(.views-field-field-contentimage):not(.views-field-field-image):not(.views-field-field-mainimage):not(.views-field-field-bild) {
    margin-left: 25%;
  }
}
/* line 53, ../sass/components/_modules-news.scss */
.not-front #content .view-news .views-row .views-field-field-contentimage,
.not-front #content .view-news .views-row .views-field-field-mainimage,
.not-front #content .view-news .views-row .views-field-field-image,
.not-front #content .view-news .views-row .views-field-field-bild,
.not-front #content .view-interviews .views-row .views-field-field-contentimage,
.not-front #content .view-interviews .views-row .views-field-field-mainimage,
.not-front #content .view-interviews .views-row .views-field-field-image,
.not-front #content .view-interviews .views-row .views-field-field-bild,
.not-front #content .view-projects .views-row .views-field-field-contentimage,
.not-front #content .view-projects .views-row .views-field-field-mainimage,
.not-front #content .view-projects .views-row .views-field-field-image,
.not-front #content .view-projects .views-row .views-field-field-bild {
  text-align: center;
  position: relative;
  padding: 0 !important;
  /*
  	align-self: flex-end;
  	
  	&:after{
      content: " ";
      display: block;
      margin: 0 auto;
      background-color: $white;
      -webkit-transform: skew(4deg, 0);
      -moz-transform: skew(4deg, 0);
      -ms-transform: skew(4deg, 0);
      -o-transform: skew(4deg, 0);
      transform: skew(4deg, 0);
      position: absolute;
      z-index: 0;
      bottom: -4px;
      width: 36px;
      height: 100%;
      right: -7px;
      @include bp(bp3) {right: 3px;}
  }
  	*/
}
/* line 81, ../sass/components/_modules-news.scss */
.not-front #content .view-news .views-row .views-field-field-contentimage .submitted,
.not-front #content .view-news .views-row .views-field-field-mainimage .submitted,
.not-front #content .view-news .views-row .views-field-field-image .submitted,
.not-front #content .view-news .views-row .views-field-field-bild .submitted,
.not-front #content .view-interviews .views-row .views-field-field-contentimage .submitted,
.not-front #content .view-interviews .views-row .views-field-field-mainimage .submitted,
.not-front #content .view-interviews .views-row .views-field-field-image .submitted,
.not-front #content .view-interviews .views-row .views-field-field-bild .submitted,
.not-front #content .view-projects .views-row .views-field-field-contentimage .submitted,
.not-front #content .view-projects .views-row .views-field-field-mainimage .submitted,
.not-front #content .view-projects .views-row .views-field-field-image .submitted,
.not-front #content .view-projects .views-row .views-field-field-bild .submitted {
  text-align: left;
  padding: 0 2rem;
}
/* line 82, ../sass/components/_modules-news.scss */
.not-front #content .view-news .views-row .views-field-field-contentimage img,
.not-front #content .view-news .views-row .views-field-field-mainimage img,
.not-front #content .view-news .views-row .views-field-field-image img,
.not-front #content .view-news .views-row .views-field-field-bild img,
.not-front #content .view-interviews .views-row .views-field-field-contentimage img,
.not-front #content .view-interviews .views-row .views-field-field-mainimage img,
.not-front #content .view-interviews .views-row .views-field-field-image img,
.not-front #content .view-interviews .views-row .views-field-field-bild img,
.not-front #content .view-projects .views-row .views-field-field-contentimage img,
.not-front #content .view-projects .views-row .views-field-field-mainimage img,
.not-front #content .view-projects .views-row .views-field-field-image img,
.not-front #content .view-projects .views-row .views-field-field-bild img {
  /*
  width: 200px;
  height: 150px;
  */
  width: 150px;
  border-radius: 50%;
  margin: 1em auto  0 auto;
  -o-object-fit: cover;
  -o-object-position: center center;
  object-fit: cover;
  object-position: center center;
  opacity: 0.88;
  filter: alpha(opacity=88);
}
@media (min-width: 37.5em) {
  /* line 82, ../sass/components/_modules-news.scss */
  .not-front #content .view-news .views-row .views-field-field-contentimage img,
  .not-front #content .view-news .views-row .views-field-field-mainimage img,
  .not-front #content .view-news .views-row .views-field-field-image img,
  .not-front #content .view-news .views-row .views-field-field-bild img,
  .not-front #content .view-interviews .views-row .views-field-field-contentimage img,
  .not-front #content .view-interviews .views-row .views-field-field-mainimage img,
  .not-front #content .view-interviews .views-row .views-field-field-image img,
  .not-front #content .view-interviews .views-row .views-field-field-bild img,
  .not-front #content .view-projects .views-row .views-field-field-contentimage img,
  .not-front #content .view-projects .views-row .views-field-field-mainimage img,
  .not-front #content .view-projects .views-row .views-field-field-image img,
  .not-front #content .view-projects .views-row .views-field-field-bild img {
    width: 90%;
    height: auto;
    margin: 0.25em auto .5em auto;
  }
}
@media (min-width: 64em) {
  /* line 82, ../sass/components/_modules-news.scss */
  .not-front #content .view-news .views-row .views-field-field-contentimage img,
  .not-front #content .view-news .views-row .views-field-field-mainimage img,
  .not-front #content .view-news .views-row .views-field-field-image img,
  .not-front #content .view-news .views-row .views-field-field-bild img,
  .not-front #content .view-interviews .views-row .views-field-field-contentimage img,
  .not-front #content .view-interviews .views-row .views-field-field-mainimage img,
  .not-front #content .view-interviews .views-row .views-field-field-image img,
  .not-front #content .view-interviews .views-row .views-field-field-bild img,
  .not-front #content .view-projects .views-row .views-field-field-contentimage img,
  .not-front #content .view-projects .views-row .views-field-field-mainimage img,
  .not-front #content .view-projects .views-row .views-field-field-image img,
  .not-front #content .view-projects .views-row .views-field-field-bild img {
    width: 80%;
    width: 180px;
  }
}
/* line 110, ../sass/components/_modules-news.scss */
.not-front #content .view-news .views-row .views-field-field-contentimage img:hover, .not-front #content .view-news .views-row .views-field-field-contentimage img:focus, .not-front #content .view-news .views-row .views-field-field-contentimage img:active,
.not-front #content .view-news .views-row .views-field-field-mainimage img:hover,
.not-front #content .view-news .views-row .views-field-field-mainimage img:focus,
.not-front #content .view-news .views-row .views-field-field-mainimage img:active,
.not-front #content .view-news .views-row .views-field-field-image img:hover,
.not-front #content .view-news .views-row .views-field-field-image img:focus,
.not-front #content .view-news .views-row .views-field-field-image img:active,
.not-front #content .view-news .views-row .views-field-field-bild img:hover,
.not-front #content .view-news .views-row .views-field-field-bild img:focus,
.not-front #content .view-news .views-row .views-field-field-bild img:active,
.not-front #content .view-interviews .views-row .views-field-field-contentimage img:hover,
.not-front #content .view-interviews .views-row .views-field-field-contentimage img:focus,
.not-front #content .view-interviews .views-row .views-field-field-contentimage img:active,
.not-front #content .view-interviews .views-row .views-field-field-mainimage img:hover,
.not-front #content .view-interviews .views-row .views-field-field-mainimage img:focus,
.not-front #content .view-interviews .views-row .views-field-field-mainimage img:active,
.not-front #content .view-interviews .views-row .views-field-field-image img:hover,
.not-front #content .view-interviews .views-row .views-field-field-image img:focus,
.not-front #content .view-interviews .views-row .views-field-field-image img:active,
.not-front #content .view-interviews .views-row .views-field-field-bild img:hover,
.not-front #content .view-interviews .views-row .views-field-field-bild img:focus,
.not-front #content .view-interviews .views-row .views-field-field-bild img:active,
.not-front #content .view-projects .views-row .views-field-field-contentimage img:hover,
.not-front #content .view-projects .views-row .views-field-field-contentimage img:focus,
.not-front #content .view-projects .views-row .views-field-field-contentimage img:active,
.not-front #content .view-projects .views-row .views-field-field-mainimage img:hover,
.not-front #content .view-projects .views-row .views-field-field-mainimage img:focus,
.not-front #content .view-projects .views-row .views-field-field-mainimage img:active,
.not-front #content .view-projects .views-row .views-field-field-image img:hover,
.not-front #content .view-projects .views-row .views-field-field-image img:focus,
.not-front #content .view-projects .views-row .views-field-field-image img:active,
.not-front #content .view-projects .views-row .views-field-field-bild img:hover,
.not-front #content .view-projects .views-row .views-field-field-bild img:focus,
.not-front #content .view-projects .views-row .views-field-field-bild img:active {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 120, ../sass/components/_modules-news.scss */
.not-front #content .view-news .views-row .views-field-field-video-embed iframe,
.not-front #content .view-interviews .views-row .views-field-field-video-embed iframe,
.not-front #content .view-projects .views-row .views-field-field-video-embed iframe {
  max-width: 560px !important;
  width: 560px !important;
  max-height: 315px !important;
  height: 315px !important;
}
/* line 125, ../sass/components/_modules-news.scss */
.not-front #content .view-news .views-row h2, .not-front #content .view-news .views-row h2 a, .not-front #content .view-news .views-row h2 a:visited,
.not-front #content .view-interviews .views-row h2,
.not-front #content .view-interviews .views-row h2 a,
.not-front #content .view-interviews .views-row h2 a:visited,
.not-front #content .view-projects .views-row h2,
.not-front #content .view-projects .views-row h2 a,
.not-front #content .view-projects .views-row h2 a:visited {
  letter-spacing: 0;
  /*    @include font-size(22); font-weight: 300;  */
}
/* line 131, ../sass/components/_modules-news.scss */
.not-front #content .view-news .views-row .views-field-field-newsletter-thema a,
.not-front #content .view-interviews .views-row .views-field-field-newsletter-thema a,
.not-front #content .view-projects .views-row .views-field-field-newsletter-thema a {
  color: #7d7674;
  font-size: 1.2rem;
}
/* line 134, ../sass/components/_modules-news.scss */
.not-front #content .view-news .views-row .views-field-field-newsletter-thema a:hover, .not-front #content .view-news .views-row .views-field-field-newsletter-thema a:focus, .not-front #content .view-news .views-row .views-field-field-newsletter-thema a:active,
.not-front #content .view-interviews .views-row .views-field-field-newsletter-thema a:hover,
.not-front #content .view-interviews .views-row .views-field-field-newsletter-thema a:focus,
.not-front #content .view-interviews .views-row .views-field-field-newsletter-thema a:active,
.not-front #content .view-projects .views-row .views-field-field-newsletter-thema a:hover,
.not-front #content .view-projects .views-row .views-field-field-newsletter-thema a:focus,
.not-front #content .view-projects .views-row .views-field-field-newsletter-thema a:active {
  color: #454545;
}
/* line 139, ../sass/components/_modules-news.scss */
.not-front #content .view-news .views-row .btn.download a,
.not-front #content .view-interviews .views-row .btn.download a,
.not-front #content .view-projects .views-row .btn.download a {
  margin-top: 0;
  padding-bottom: 0;
}

/* .no-flexbox settings */
/* line 144, ../sass/components/_modules-news.scss */
.no-flexbox .not-front .datecircle {
  line-height: 40px;
  text-align: center;
}
/* line 147, ../sass/components/_modules-news.scss */
.no-flexbox .not-front .datecircle span:first-child {
  display: block;
  margin-top: 1x;
}

/* line 4, ../sass/components/_modules-projects.scss */
body.node-type-blog article .field-name-field-url {
  text-align: center;
}
/* line 5, ../sass/components/_modules-projects.scss */
body.node-type-blog article .field-name-field-url .field-item {
  display: inline;
}

/* line 11, ../sass/components/_modules-projects.scss */
.not-front #content .view-projectssssssssss {
  /*  wird von modules-news mitbetreut */
  /* end .views-row */
}
/* line 14, ../sass/components/_modules-projects.scss */
.not-front #content .view-projectssssssssss .views-row {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  margin-bottom: 2rem;
  /* end .views-field-bild */
}
@media (min-width: 37.5em) {
  /* line 14, ../sass/components/_modules-projects.scss */
  .not-front #content .view-projectssssssssss .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 48.5%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 48.5%;
    -ms-flex: 0 1 48.5%;
    flex: 0 1 48.5%;
  }
}
@media (min-width: 64em) {
  /* line 14, ../sass/components/_modules-projects.scss */
  .not-front #content .view-projectssssssssss .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 30%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 30%;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%;
  }
}
/* line 20, ../sass/components/_modules-projects.scss */
.not-front #content .view-projectssssssssss .views-row .views-row-inner {
  padding: 0 10px 10px;
}
/* line 25, ../sass/components/_modules-projects.scss */
.not-front #content .view-projectssssssssss .views-row .views-field-title {
  text-align: center;
  background-color: white;
  margin-top: -50px;
  -webkit-transform: skew(0, 2.2deg);
  -moz-transform: skew(0, 2.2deg);
  -ms-transform: skew(0, 2.2deg);
  -o-transform: skew(0, 2.2deg);
  transform: skew(0, 2.2deg);
  padding: 20px 1%;
  width: 102%;
  margin-left: -2px;
}
/* line 38, ../sass/components/_modules-projects.scss */
.not-front #content .view-projectssssssssss .views-row .views-field-title h3 {
  padding: 0;
  margin: 0;
}
/* line 44, ../sass/components/_modules-projects.scss */
.not-front #content .view-projectssssssssss .views-row .views-field-field-mainimage,
.not-front #content .view-projectssssssssss .views-row .views-field-field-bild {
  align-self: flex-end;
  margin: -1rem 0 0;
  text-align: center;
  position: relative;
  padding: 0 !important;
  /*  end img */
}
/* line 52, ../sass/components/_modules-projects.scss */
.not-front #content .view-projectssssssssss .views-row .views-field-field-mainimage .submitted,
.not-front #content .view-projectssssssssss .views-row .views-field-field-bild .submitted {
  text-align: left;
  padding: 0 2rem;
}
/* line 53, ../sass/components/_modules-projects.scss */
.not-front #content .view-projectssssssssss .views-row .views-field-field-mainimage img,
.not-front #content .view-projectssssssssss .views-row .views-field-field-bild img {
  /*
  width: 200px;
  width: 150px;
  height: 150px;
  */
  width: 80%;
  min-width: 80%;
  margin: 1em auto  0 auto;
  -o-object-fit: cover;
  -o-object-position: center center;
  object-fit: cover;
  object-position: center center;
  opacity: 0.88;
  filter: alpha(opacity=88);
}
@media (min-width: 37.5em) {
  /* line 53, ../sass/components/_modules-projects.scss */
  .not-front #content .view-projectssssssssss .views-row .views-field-field-mainimage img,
  .not-front #content .view-projectssssssssss .views-row .views-field-field-bild img {
    width: 100%;
    height: auto;
    margin: 0.25em auto .5em auto;
  }
}
/* line 77, ../sass/components/_modules-projects.scss */
.not-front #content .view-projectssssssssss .views-row .views-field-field-mainimage img:hover, .not-front #content .view-projectssssssssss .views-row .views-field-field-mainimage img:focus, .not-front #content .view-projectssssssssss .views-row .views-field-field-mainimage img:active,
.not-front #content .view-projectssssssssss .views-row .views-field-field-bild img:hover,
.not-front #content .view-projectssssssssss .views-row .views-field-field-bild img:focus,
.not-front #content .view-projectssssssssss .views-row .views-field-field-bild img:active {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 89, ../sass/components/_modules-projects.scss */
.not-front #content .view-projectssssssssss .views-row .views-field-field-introtext,
.not-front #content .view-projectssssssssss .views-row .views-field-field-url {
  display: none;
}
/* line 95, ../sass/components/_modules-projects.scss */
.not-front #content .view-projectssssssssss .views-row .views-field-field-video-embed iframe {
  max-width: 560px !important;
  width: 560px !important;
  max-height: 315px !important;
  height: 315px !important;
}
/* line 100, ../sass/components/_modules-projects.scss */
.not-front #content .view-projectssssssssss .views-row h2, .not-front #content .view-projectssssssssss .views-row h2 a, .not-front #content .view-projectssssssssss .views-row h2 a:visited {
  letter-spacing: 0;
  /*    @include font-size(22); font-weight: 300;  */
}
/* line 106, ../sass/components/_modules-projects.scss */
.not-front #content .view-projectssssssssss .views-row .views-field-field-newsletter-thema a {
  color: #7d7674;
  font-size: 1.2rem;
}
/* line 109, ../sass/components/_modules-projects.scss */
.not-front #content .view-projectssssssssss .views-row .views-field-field-newsletter-thema a:hover, .not-front #content .view-projectssssssssss .views-row .views-field-field-newsletter-thema a:focus, .not-front #content .view-projectssssssssss .views-row .views-field-field-newsletter-thema a:active {
  color: #454545;
}
/* line 114, ../sass/components/_modules-projects.scss */
.not-front #content .view-projectssssssssss .views-row .btn.download a {
  margin-top: 0;
  padding-bottom: 0;
}

/* .no-flexbox settings */
/* line 119, ../sass/components/_modules-projects.scss */
.no-flexbox .not-front .datecircle {
  line-height: 40px;
  text-align: center;
}
/* line 122, ../sass/components/_modules-projects.scss */
.no-flexbox .not-front .datecircle span:first-child {
  display: block;
  margin-top: 1x;
}

/*
.region-floaters {
	z-index: 10;
	position: relative;
	


	width: 100%;
	height: 50px;
	margin: 0;
	
	position: fixed;
	background: rgba(255,255,255,0.5);
	bottom: 0;
	right: 0;
	
	@include bp(bp4) {
		width: 50px;
		height: 100.01%;
		padding-top: 100px;
		top: $header-height;
		bottom: auto;
	}
	@include bp(bp4maxx) {
	.block { margin: 0; 
		float: right;
		
		}
	}
.block { margin: 0; }
}
body.front .region-floaters {
	@include bp(bp45max) {
		z-index: 1000;
		top: 0;
		padding-top: 120px;
}
}
body.front.smaller .region-floaters {
	@include bp(bp45max) {
		z-index: 10;
}
}
*/
/* line 51, ../sass/components/_modules-overlay.scss */
.region-callback > .block > .inner {
  padding: 15% 2em 0;
}

/* line 57, ../sass/components/_modules-overlay.scss */
.region-overlay,
.region-redmenu {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #e0054c;
  right: 0;
  top: 0;
  z-index: 9999;
  opacity: 0;
  filter: alpha(opacity=0);
  margin: 0 auto;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  /* display: none; */
  right: -150%;
}
/* line 59, ../sass/components/_modules-overlay.scss */
.region-overlay > .inner,
.region-redmenu > .inner {
  padding: 3em;
}
/* line 79, ../sass/components/_modules-overlay.scss */
.region-overlay.show,
.region-redmenu.show {
  display: block;
  opacity: 0.96;
  filter: alpha(opacity=96);
  right: 0;
}
@media (min-width: 768px) {
  /* line 79, ../sass/components/_modules-overlay.scss */
  .region-overlay.show,
  .region-redmenu.show {
    width: 85vw;
  }
}
/* line 94, ../sass/components/_modules-overlay.scss */
.region-overlay .toggler,
.region-overlay .togglenl,
.region-overlay .togglemenu,
.region-overlay .toggleoverlay,
.region-overlay .togglecallback,
.region-redmenu .toggler,
.region-redmenu .togglenl,
.region-redmenu .togglemenu,
.region-redmenu .toggleoverlay,
.region-redmenu .togglecallback {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  height: 80px;
  width: 80px;
  background: url(../img/sprite_beni.svg) no-repeat -789px -294px;
  filter: alpha(opacity=70);
  position: absolute;
  top: 35px;
  right: 35px;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
  border-radius: unset;
}
/* line 106, ../sass/components/_modules-overlay.scss */
.region-overlay .toggler span,
.region-overlay .togglenl span,
.region-overlay .togglemenu span,
.region-overlay .toggleoverlay span,
.region-overlay .togglecallback span,
.region-redmenu .toggler span,
.region-redmenu .togglenl span,
.region-redmenu .togglemenu span,
.region-redmenu .toggleoverlay span,
.region-redmenu .togglecallback span {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
/* line 108, ../sass/components/_modules-overlay.scss */
.region-overlay .toggler:hover, .region-overlay .toggler:focus, .region-overlay .toggler:active,
.region-overlay .togglenl:hover,
.region-overlay .togglenl:focus,
.region-overlay .togglenl:active,
.region-overlay .togglemenu:hover,
.region-overlay .togglemenu:focus,
.region-overlay .togglemenu:active,
.region-overlay .toggleoverlay:hover,
.region-overlay .toggleoverlay:focus,
.region-overlay .toggleoverlay:active,
.region-overlay .togglecallback:hover,
.region-overlay .togglecallback:focus,
.region-overlay .togglecallback:active,
.region-redmenu .toggler:hover,
.region-redmenu .toggler:focus,
.region-redmenu .toggler:active,
.region-redmenu .togglenl:hover,
.region-redmenu .togglenl:focus,
.region-redmenu .togglenl:active,
.region-redmenu .togglemenu:hover,
.region-redmenu .togglemenu:focus,
.region-redmenu .togglemenu:active,
.region-redmenu .toggleoverlay:hover,
.region-redmenu .toggleoverlay:focus,
.region-redmenu .toggleoverlay:active,
.region-redmenu .togglecallback:hover,
.region-redmenu .togglecallback:focus,
.region-redmenu .togglecallback:active {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 114, ../sass/components/_modules-overlay.scss */
.region-overlay label,
.region-redmenu label {
  text-align: left;
  /*
  	color: $white;
  	@include font-size(24);
  	margin: 0 0 20px 0;
       font-weight: 400;
      line-height: 1.4rem;
  */
}
/* line 126, ../sass/components/_modules-overlay.scss */
.region-overlay .content *,
.region-redmenu .content * {
  margin: .5rem 0;
}
/* line 127, ../sass/components/_modules-overlay.scss */
.region-overlay .content .form-item .form-text,
.region-redmenu .content .form-item .form-text {
  margin: 1rem auto;
  padding: 0;
}
/* line 131, ../sass/components/_modules-overlay.scss */
.region-overlay h2.block__title,
.region-redmenu h2.block__title {
  line-height: 1.2;
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}
/* line 135, ../sass/components/_modules-overlay.scss */
.region-overlay ul, .region-overlay li,
.region-redmenu ul,
.region-redmenu li {
  list-style: none !important;
}
/* line 137, ../sass/components/_modules-overlay.scss */
.region-overlay .views-widget .form-item,
.region-redmenu .views-widget .form-item {
  padding: 0;
  margin: 1px 0;
  text-align: left;
}

  /* region-overlay
formerly weiter unten. hier geschlossen, damit das suchfeld auf page--search-tpl mitformatiert wird */
@media (min-width: 768px) {
  /* line 148, ../sass/components/_modules-overlay.scss */
  .region-overlay.show {
    width: 20vw;
  }
  /* line 151, ../sass/components/_modules-overlay.scss */
  .region-overlay.show .block {
    padding: 4em 20px;
  }
  /* line 152, ../sass/components/_modules-overlay.scss */
  .region-overlay.show label, .region-overlay.show .views-submit-button {
    display: none;
  }
}
/* line 154, ../sass/components/_modules-overlay.scss */
.region-overlay.show h2 {
  font-size: 155%;
}
/* line 155, ../sass/components/_modules-overlay.scss */
.region-overlay.show .toggleoverlay {
  top: 15px;
  right: -15px;
}

/* line 163, ../sass/components/_modules-overlay.scss */
.region-redmenu {
  text-align: left;
}
/* line 166, ../sass/components/_modules-overlay.scss */
.region-redmenu > .inner {
  padding-left: 20%;
}
/* line 167, ../sass/components/_modules-overlay.scss */
.region-redmenu ul, .region-redmenu li {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 168, ../sass/components/_modules-overlay.scss */
.region-redmenu li a {
  color: white;
  font-weight: 400;
  font-size: 125%;
}

/* line 7, ../sass/components/_modules-promo.scss */
.region-promo {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #3a5562;
  background: #63b38e;
  z-index: 9999;
  opacity: 0.8;
  filter: alpha(opacity=80);
  margin: 0 auto;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
 /* display: none; 
*/
  -webkit-border-radius: 40px 0px 0px 0px;
  -moz-border-radius: 40px 0px 0px 0px;
  border-radius: 40px 0px 0px 0px;
  width: 250px;
  height: 250px;
  right: -200px;
  bottom: -200px;
  width: 50px;
  height: 50px;
  right: -5px;
  bottom: -5px;
  background: #63b38e url(../img/sprite_beni.svg) no-repeat 10px -1282px;
  /*
  	&:hover,&:focus,&:active {
  		@include opacity(1);
  		right: 0;
  		bottom: 0;
  		 -webkit-border-radius: 0;
  		-moz-border-radius:  0;
  		border-radius:  0;
  
  		width: 50vw;
  		height: 100%;	
  }
  */
  text-transform: uppercase;
  /*
  .waypointpromo2 & {
  	width: 250px;
  	height: 250px;
  	right: -200px;
  	bottom: -200px;
  }
  */
}
/* line 9, ../sass/components/_modules-promo.scss */
.region-promo .block > .inner {
  padding: 3em;
}
/* line 17, ../sass/components/_modules-promo.scss */
.region-promo * {
  color: white;
}
/* line 56, ../sass/components/_modules-promo.scss */
.region-promo h2.block__title {
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 8px;
  opacity: 0.75;
  filter: alpha(opacity=75);
  letter-spacing: 5px;
}
@media (min-width: 37.5em) {
  /* line 56, ../sass/components/_modules-promo.scss */
  .region-promo h2.block__title {
    letter-spacing: 10px;
  }
}
/* line 66, ../sass/components/_modules-promo.scss */
.waypointpromo1 .region-promo {
  right: 0;
  bottom: 0;
  width: 100%;
  line-height: 22px;
  right: 0;
  background: #63b38e;
  opacity: 0.96;
  filter: alpha(opacity=96);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 120px;
  bottom: -20px;
  -webkit-transform: skew(0, 1.6deg);
  -moz-transform: skew(0, 1.6deg);
  -ms-transform: skew(0, 1.6deg);
  -o-transform: skew(0, 1.6deg);
  transform: skew(0, 1.6deg);
}
@media (min-width: 37.5em) {
  /* line 66, ../sass/components/_modules-promo.scss */
  .waypointpromo1 .region-promo {
    height: 70px;
    bottom: -20px;
  }
}
/* line 88, ../sass/components/_modules-promo.scss */
.waypointpromo1 .region-promo img {
  display: none;
}
/* line 89, ../sass/components/_modules-promo.scss */
.waypointpromo1 .region-promo > .inner {
  padding-bottom: 10px;
}
/* line 90, ../sass/components/_modules-promo.scss */
.waypointpromo1 .region-promo .block > .inner {
  padding: 4px;
}
/* line 92, ../sass/components/_modules-promo.scss */
.waypointpromo1 .region-promo .views-field:not(.views-field-title) {
  display: none;
}
/* line 95, ../sass/components/_modules-promo.scss */
.region-promo:hover, .region-promo:focus, .region-promo:active {
  background: #63b38e;
  display: block;
  opacity: 0.96;
  filter: alpha(opacity=96);
  right: 0;
  bottom: 0;
  width: 100%;
  height: 90%;
  /*
  @include bp(bp3) { width: 75vw; }
  @include bp(bp4) { width: 70vw;	}
  @include bp(bp5) { width: 50vw; height: 85vh;	}
  */
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-transform: skew(0);
  -moz-transform: skew(0);
  -ms-transform: skew(0);
  -o-transform: skew(0);
  transform: skew(0);
  /* views roew */
}
@media (min-width: 768px) {
  /* line 95, ../sass/components/_modules-promo.scss */
  .region-promo:hover, .region-promo:focus, .region-promo:active {
    height: 50%;
  }
}
@media (min-width: 64.05em) and (max-height: 56.25em) {
  /* line 95, ../sass/components/_modules-promo.scss */
  .region-promo:hover, .region-promo:focus, .region-promo:active {
    height: 60%;
  }
}
@media (max-width: 47.938em) and (max-height: 37.5em) {
  /* line 95, ../sass/components/_modules-promo.scss */
  .region-promo:hover, .region-promo:focus, .region-promo:active {
    height: 75%;
  }
}
@media (max-width: 47.938em) and (max-height: 25em) {
  /* line 95, ../sass/components/_modules-promo.scss */
  .region-promo:hover, .region-promo:focus, .region-promo:active {
    height: 80%;
  }
}
/* line 122, ../sass/components/_modules-promo.scss */
.region-promo:hover .block > .inner, .region-promo:focus .block > .inner, .region-promo:active .block > .inner {
  padding: 1em 1.75em;
}
@media (min-width: 768px) {
  /* line 122, ../sass/components/_modules-promo.scss */
  .region-promo:hover .block > .inner, .region-promo:focus .block > .inner, .region-promo:active .block > .inner {
    padding: 1em 15%;
  }
}
@media (min-width: 75em) {
  /* line 122, ../sass/components/_modules-promo.scss */
  .region-promo:hover .block > .inner, .region-promo:focus .block > .inner, .region-promo:active .block > .inner {
    padding: 1em 25%;
  }
}
/* line 127, ../sass/components/_modules-promo.scss */
.region-promo:hover h2.block__title, .region-promo:focus h2.block__title, .region-promo:active h2.block__title {
  margin-bottom: 15px;
}
@media (min-width: 37.5em) {
  /* line 127, ../sass/components/_modules-promo.scss */
  .region-promo:hover h2.block__title, .region-promo:focus h2.block__title, .region-promo:active h2.block__title {
    margin-bottom: 30px;
  }
}
/* line 130, ../sass/components/_modules-promo.scss */
.region-promo:hover .view .view-content > .views-row, .region-promo:focus .view .view-content > .views-row, .region-promo:active .view .view-content > .views-row {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100% !important;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100% !important;
  -ms-flex: 0 1 100% !important;
  flex: 0 1 100% !important;
}
/* line 134, ../sass/components/_modules-promo.scss */
.region-promo:hover .view .view-content > .views-row .views-field:not(.views-field-title), .region-promo:focus .view .view-content > .views-row .views-field:not(.views-field-title), .region-promo:active .view .view-content > .views-row .views-field:not(.views-field-title) {
  display: block;
  text-align: left;
}
/* line 137, ../sass/components/_modules-promo.scss */
.region-promo:hover .view .view-content > .views-row .views-field-title, .region-promo:focus .view .view-content > .views-row .views-field-title, .region-promo:active .view .view-content > .views-row .views-field-title {
  margin-bottom: 15px;
  text-align: center;
}
@media (min-width: 37.5em) {
  /* line 137, ../sass/components/_modules-promo.scss */
  .region-promo:hover .view .view-content > .views-row .views-field-title, .region-promo:focus .view .view-content > .views-row .views-field-title, .region-promo:active .view .view-content > .views-row .views-field-title {
    margin-bottom: 30px;
  }
}
/* line 142, ../sass/components/_modules-promo.scss */
.region-promo:hover .view .view-content > .views-row .views-field-field-image, .region-promo:focus .view .view-content > .views-row .views-field-field-image, .region-promo:active .view .view-content > .views-row .views-field-field-image {
  width: 100px;
  float: left;
  margin: 0 25px 20px 0;
}
/* line 143, ../sass/components/_modules-promo.scss */
.region-promo:hover .view .view-content > .views-row .views-field-field-image img, .region-promo:focus .view .view-content > .views-row .views-field-field-image img, .region-promo:active .view .view-content > .views-row .views-field-field-image img {
  display: inline-block;
}
@media (min-width: 37.5em) {
  /* line 142, ../sass/components/_modules-promo.scss */
  .region-promo:hover .view .view-content > .views-row .views-field-field-image, .region-promo:focus .view .view-content > .views-row .views-field-field-image, .region-promo:active .view .view-content > .views-row .views-field-field-image {
    width: 150px;
  }
}
/* line 150, ../sass/components/_modules-promo.scss */
.region-promo:hover .view .view-content > .views-row .views-field-field-link a, .region-promo:focus .view .view-content > .views-row .views-field-field-link a, .region-promo:active .view .view-content > .views-row .views-field-field-link a {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  color: white !important;
}
/* line 399, ../sass/base/_base-mixin.scss */
.region-promo:hover .view .view-content > .views-row .views-field-field-link a::before, .region-promo:focus .view .view-content > .views-row .views-field-field-link a::before, .region-promo:active .view .view-content > .views-row .views-field-field-link a::before {
  content: " ";
  display: inline-block;
  float: left;
  height: 50px;
  width: 50px;
  line-height: 50px;
  background: url(../img/sprite_beni.svg) no-repeat center -796px;
}
/* line 408, ../sass/base/_base-mixin.scss */
.region-promo:hover .view .view-content > .views-row .views-field-field-link a:hover, .region-promo:hover .view .view-content > .views-row .views-field-field-link a:focus, .region-promo:hover .view .view-content > .views-row .views-field-field-link a:active, .region-promo:focus .view .view-content > .views-row .views-field-field-link a:hover, .region-promo:focus .view .view-content > .views-row .views-field-field-link a:focus, .region-promo:focus .view .view-content > .views-row .views-field-field-link a:active, .region-promo:active .view .view-content > .views-row .views-field-field-link a:hover, .region-promo:active .view .view-content > .views-row .views-field-field-link a:focus, .region-promo:active .view .view-content > .views-row .views-field-field-link a:active {
  color: #050505 !important;
}
/* line 410, ../sass/base/_base-mixin.scss */
.region-promo:hover .view .view-content > .views-row .views-field-field-link a:hover::before, .region-promo:hover .view .view-content > .views-row .views-field-field-link a:focus::before, .region-promo:hover .view .view-content > .views-row .views-field-field-link a:active::before, .region-promo:focus .view .view-content > .views-row .views-field-field-link a:hover::before, .region-promo:focus .view .view-content > .views-row .views-field-field-link a:focus::before, .region-promo:focus .view .view-content > .views-row .views-field-field-link a:active::before, .region-promo:active .view .view-content > .views-row .views-field-field-link a:hover::before, .region-promo:active .view .view-content > .views-row .views-field-field-link a:focus::before, .region-promo:active .view .view-content > .views-row .views-field-field-link a:active::before {
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
/* line 164, ../sass/components/_modules-promo.scss */
.region-promo.show {
  display: block;
  opacity: 0.96;
  filter: alpha(opacity=96);
  right: 0;
}
@media (min-width: 768px) {
  /* line 164, ../sass/components/_modules-promo.scss */
  .region-promo.show {
    width: 85vw;
  }
}
/* line 179, ../sass/components/_modules-promo.scss */
.region-promo .toggler,
.region-promo .togglenl,
.region-promo .togglemenu,
.region-promo .toggleoverlay,
.region-promo .togglecallback {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  height: 80px;
  width: 80px;
  background: url(../img/sprite_beni.svg) no-repeat -809px -294px;
  filter: alpha(opacity=70);
  position: absolute;
  top: 35px;
  right: 35px;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
  border-radius: unset;
}
/* line 191, ../sass/components/_modules-promo.scss */
.region-promo .toggler span,
.region-promo .togglenl span,
.region-promo .togglemenu span,
.region-promo .toggleoverlay span,
.region-promo .togglecallback span {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
/* line 193, ../sass/components/_modules-promo.scss */
.region-promo .toggler:hover, .region-promo .toggler:focus, .region-promo .toggler:active,
.region-promo .togglenl:hover,
.region-promo .togglenl:focus,
.region-promo .togglenl:active,
.region-promo .togglemenu:hover,
.region-promo .togglemenu:focus,
.region-promo .togglemenu:active,
.region-promo .toggleoverlay:hover,
.region-promo .toggleoverlay:focus,
.region-promo .toggleoverlay:active,
.region-promo .togglecallback:hover,
.region-promo .togglecallback:focus,
.region-promo .togglecallback:active {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 199, ../sass/components/_modules-promo.scss */
.region-promo label {
  text-align: left;
  /*
  	color: $white;
  	@include font-size(24);
  	margin: 0 0 20px 0;
       font-weight: 400;
      line-height: 1.4rem;
  */
}
/* line 210, ../sass/components/_modules-promo.scss */
.region-promo .content {
  /*	* {	margin: 1rem 0;}   */
}
/* line 212, ../sass/components/_modules-promo.scss */
.region-promo .content .form-item .form-text {
  margin: 1rem auto;
  padding: 0;
}
/* line 216, ../sass/components/_modules-promo.scss */
.region-promo h2.block__title {
  line-height: 1.2;
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}
/* line 220, ../sass/components/_modules-promo.scss */
.region-promo ul, .region-promo li {
  list-style: none !important;
}
/* line 222, ../sass/components/_modules-promo.scss */
.region-promo .views-widget .form-item {
  padding: 0;
  margin: 1px 0;
  text-align: left;
}

  /* region-overlay
formerly weiter unten. hier geschlossen, damit das suchfeld auf page--search-tpl mitformatiert wird */
@media (min-width: 768px) {
  /* line 233, ../sass/components/_modules-promo.scss */
  .region-overlay.show {
    width: 20vw;
  }
  /* line 236, ../sass/components/_modules-promo.scss */
  .region-overlay.show .block {
    padding: 4em 20px;
  }
  /* line 237, ../sass/components/_modules-promo.scss */
  .region-overlay.show label, .region-overlay.show .views-submit-button {
    display: none;
  }
}
/* line 239, ../sass/components/_modules-promo.scss */
.region-overlay.show h2 {
  font-size: 155%;
}
/* line 240, ../sass/components/_modules-promo.scss */
.region-overlay.show .toggleoverlay {
  top: 15px;
  right: -15px;
}

/* line 248, ../sass/components/_modules-promo.scss */
.region-redmenu {
  text-align: left;
}
/* line 251, ../sass/components/_modules-promo.scss */
.region-redmenu > .inner {
  padding-left: 20%;
}
/* line 252, ../sass/components/_modules-promo.scss */
.region-redmenu ul, .region-redmenu li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 1, ../sass/components/_modules-media.scss */
.media {
  margin-bottom: 2.7rem;
}
@media (min-width: 37.5em) {
  /* line 1, ../sass/components/_modules-media.scss */
  .media {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
/* line 10, ../sass/components/_modules-media.scss */
.media:last-of-type {
  padding-bottom: 0;
  border-bottom-width: 0;
}
/* line 14, ../sass/components/_modules-media.scss */
.media .media__figure {
  margin-bottom: 0.3375rem;
}
@media (min-width: 37.5em) {
  /* line 14, ../sass/components/_modules-media.scss */
  .media .media__figure {
    width: 24.27362676%;
    margin-right: 40px;
    margin-bottom: 0;
  }
}

/* line 24, ../sass/components/_modules-media.scss */
.media__header {
  font-size: 18px;
  font-size: 1.8rem;
}
@media (min-width: 768px) {
  /* line 24, ../sass/components/_modules-media.scss */
  .media__header {
    font-size: 20px;
    font-size: 2rem;
  }
}

@media (min-width: 37.5em) {
  /* line 31, ../sass/components/_modules-media.scss */
  .media__content {
    flex: 1;
    padding-bottom: 1.35rem;
    border-bottom: 1px solid #3d6174;
  }
}
@media (min-width: 37.5em) and (-webkit-min-device-pixel-ratio: 2), (min-width: 37.5em) and (min-resolution: 192dpi) {
  /* line 31, ../sass/components/_modules-media.scss */
  .media__content {
    border-width: .5px;
  }
}
@media (min-width: 37.5em) {
  /* line 44, ../sass/components/_modules-media.scss */
  .media__content p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media (min-width: 768px) {
  /* line 44, ../sass/components/_modules-media.scss */
  .media__content p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
/* line 51, ../sass/components/_modules-media.scss */
.media__content p:last-of-type {
  margin-bottom: 0;
}

@media (min-width: 37.5em) {
  /* line 62, ../sass/components/_modules-media.scss */
  .media--reverse {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
/* line 68, ../sass/components/_modules-media.scss */
.media--reverse .media__figure {
  margin-bottom: 0.3375rem;
}
@media (min-width: 37.5em) {
  /* line 68, ../sass/components/_modules-media.scss */
  .media--reverse .media__figure {
    margin-right: 0;
    margin-left: 40px;
    margin-bottom: 0;
  }
}

/* line 5, ../sass/components/_modules-multimedia.scss */
.not-front #content .view-multimedia {
  /* end .views-row */
}
/* line 8, ../sass/components/_modules-multimedia.scss */
.not-front #content .view-multimedia .views-row {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  margin-bottom: 2em;
}
@media (min-width: 64em) {
  /* line 8, ../sass/components/_modules-multimedia.scss */
  .not-front #content .view-multimedia .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 47%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 47%;
    -ms-flex: 0 1 47%;
    flex: 0 1 47%;
  }
}
@media (min-width: 64em) {
  /* line 17, ../sass/components/_modules-multimedia.scss */
  .not-front #content .view-multimedia .views-row .views-field iframe {
    width: 100% !important;
  }
}
/* line 22, ../sass/components/_modules-multimedia.scss */
.not-front #content .view-multimedia .views-row .views-field-title {
  margin: 1rem 0 5px 0;
}
/* line 26, ../sass/components/_modules-multimedia.scss */
.not-front #content .view-multimedia .views-row .views-field-field-video-embed iframe {
  max-width: 560px !important;
  width: 560px !important;
  max-height: 315px !important;
  height: 315px !important;
}
/* line 31, ../sass/components/_modules-multimedia.scss */
.not-front #content .view-multimedia .views-row h2, .not-front #content .view-multimedia .views-row h2 a, .not-front #content .view-multimedia .views-row h2 a:visited {
  letter-spacing: 0;
  /*    @include font-size(22); font-weight: 300;  */
}
/* line 40, ../sass/components/_modules-multimedia.scss */
.not-front #content .view-multimedia .views-row .btn.download a {
  margin-top: 0;
  padding-bottom: 0;
}

/* .no-flexbox settings */
/* line 3, ../sass/components/_modules-backtotop.scss */
#back-top {
  margin: 0 0 2px 0;
  right: 75px;
  bottom: 0;
}
/* line 7, ../sass/components/_modules-backtotop.scss */
#back-top a {
  opacity: 0.48;
  filter: alpha(opacity=48);
  color: #050505;
}
/* line 10, ../sass/components/_modules-backtotop.scss */
#back-top a:hover, #back-top a:focus, #back-top a:active {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #050505;
  background-color: transparent !important;
}
/* line 12, ../sass/components/_modules-backtotop.scss */
#back-top #link {
  display: none;
}

/* line 15, ../sass/components/_modules-backtotop.scss */
#back-top span#button, #back-top-prev span#button-prev {
  width: 50px;
  height: 40px;
  margin-bottom: 0;
  background: url("../img/sprite_beni.svg") no-repeat 100.5% -948px;
}

/* line 21, ../sass/components/_modules-backtotop.scss */
span#button {
  background-color: transparent !important;
}

/* line 9, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-282 #content .region-topofcontent,
.not-front.page-node-282 #content .region-bottomofcontent,
.not-front.page-node-292 #content .region-topofcontent,
.not-front.page-node-292 #content .region-bottomofcontent,
.not-front.page-node-299 #content .region-topofcontent,
.not-front.page-node-299 #content .region-bottomofcontent,
.not-front.page-node-8 #content .region-topofcontent,
.not-front.page-node-8 #content .region-bottomofcontent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
/* line 13, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-282 #content .region-topofcontent > .block,
.not-front.page-node-282 #content .region-bottomofcontent > .block,
.not-front.page-node-292 #content .region-topofcontent > .block,
.not-front.page-node-292 #content .region-bottomofcontent > .block,
.not-front.page-node-299 #content .region-topofcontent > .block,
.not-front.page-node-299 #content .region-bottomofcontent > .block,
.not-front.page-node-8 #content .region-topofcontent > .block,
.not-front.page-node-8 #content .region-bottomofcontent > .block {
  margin-bottom: 0;
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  /*	@include bp(bp5) {@include flex( 1 1 25%);} */
  /* a */
  /*
  		*/
}
@media (min-width: 30em) {
  /* line 13, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-282 #content .region-topofcontent > .block,
  .not-front.page-node-282 #content .region-bottomofcontent > .block,
  .not-front.page-node-292 #content .region-topofcontent > .block,
  .not-front.page-node-292 #content .region-bottomofcontent > .block,
  .not-front.page-node-299 #content .region-topofcontent > .block,
  .not-front.page-node-299 #content .region-bottomofcontent > .block,
  .not-front.page-node-8 #content .region-topofcontent > .block,
  .not-front.page-node-8 #content .region-bottomofcontent > .block {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -moz-box-flex: 1;
    -moz-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
  }
}
/* line 21, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-282 #content .region-topofcontent > .block a,
.not-front.page-node-282 #content .region-bottomofcontent > .block a,
.not-front.page-node-292 #content .region-topofcontent > .block a,
.not-front.page-node-292 #content .region-bottomofcontent > .block a,
.not-front.page-node-299 #content .region-topofcontent > .block a,
.not-front.page-node-299 #content .region-bottomofcontent > .block a,
.not-front.page-node-8 #content .region-topofcontent > .block a,
.not-front.page-node-8 #content .region-bottomofcontent > .block a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #f6f6f6;
  text-align: center;
  padding: 2em 0 2em 0;
  word-break: break-word;
  display: block;
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
}
/* line 32, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-282 #content .region-topofcontent > .block a:hover, .not-front.page-node-282 #content .region-topofcontent > .block a:focus,
.not-front.page-node-282 #content .region-bottomofcontent > .block a:hover,
.not-front.page-node-282 #content .region-bottomofcontent > .block a:focus,
.not-front.page-node-292 #content .region-topofcontent > .block a:hover,
.not-front.page-node-292 #content .region-topofcontent > .block a:focus,
.not-front.page-node-292 #content .region-bottomofcontent > .block a:hover,
.not-front.page-node-292 #content .region-bottomofcontent > .block a:focus,
.not-front.page-node-299 #content .region-topofcontent > .block a:hover,
.not-front.page-node-299 #content .region-topofcontent > .block a:focus,
.not-front.page-node-299 #content .region-bottomofcontent > .block a:hover,
.not-front.page-node-299 #content .region-bottomofcontent > .block a:focus,
.not-front.page-node-8 #content .region-topofcontent > .block a:hover,
.not-front.page-node-8 #content .region-topofcontent > .block a:focus,
.not-front.page-node-8 #content .region-bottomofcontent > .block a:hover,
.not-front.page-node-8 #content .region-bottomofcontent > .block a:focus {
  background-color: white !important;
}
/* line 34, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-282 #content .region-topofcontent > .block a::before,
.not-front.page-node-282 #content .region-bottomofcontent > .block a::before,
.not-front.page-node-292 #content .region-topofcontent > .block a::before,
.not-front.page-node-292 #content .region-bottomofcontent > .block a::before,
.not-front.page-node-299 #content .region-topofcontent > .block a::before,
.not-front.page-node-299 #content .region-bottomofcontent > .block a::before,
.not-front.page-node-8 #content .region-topofcontent > .block a::before,
.not-front.page-node-8 #content .region-bottomofcontent > .block a::before {
  content: '';
  position: relative;
  display: block;
  height: 52px;
  width: 52px;
  margin: 0 auto 15px auto;
  opacity: 0.66;
  filter: alpha(opacity=66);
  background: transparent url(../img/sprite_beni.svg) no-repeat -500px -1799px;
}
/* line 43, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-282 #content .region-topofcontent > .block a:hover::before, .not-front.page-node-282 #content .region-topofcontent > .block a:focus::before,
.not-front.page-node-282 #content .region-bottomofcontent > .block a:hover::before,
.not-front.page-node-282 #content .region-bottomofcontent > .block a:focus::before,
.not-front.page-node-292 #content .region-topofcontent > .block a:hover::before,
.not-front.page-node-292 #content .region-topofcontent > .block a:focus::before,
.not-front.page-node-292 #content .region-bottomofcontent > .block a:hover::before,
.not-front.page-node-292 #content .region-bottomofcontent > .block a:focus::before,
.not-front.page-node-299 #content .region-topofcontent > .block a:hover::before,
.not-front.page-node-299 #content .region-topofcontent > .block a:focus::before,
.not-front.page-node-299 #content .region-bottomofcontent > .block a:hover::before,
.not-front.page-node-299 #content .region-bottomofcontent > .block a:focus::before,
.not-front.page-node-8 #content .region-topofcontent > .block a:hover::before,
.not-front.page-node-8 #content .region-topofcontent > .block a:focus::before,
.not-front.page-node-8 #content .region-bottomofcontent > .block a:hover::before,
.not-front.page-node-8 #content .region-bottomofcontent > .block a:focus::before {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 45, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-282 #content .region-topofcontent > .block a.news::before,
.not-front.page-node-282 #content .region-bottomofcontent > .block a.news::before,
.not-front.page-node-292 #content .region-topofcontent > .block a.news::before,
.not-front.page-node-292 #content .region-bottomofcontent > .block a.news::before,
.not-front.page-node-299 #content .region-topofcontent > .block a.news::before,
.not-front.page-node-299 #content .region-bottomofcontent > .block a.news::before,
.not-front.page-node-8 #content .region-topofcontent > .block a.news::before,
.not-front.page-node-8 #content .region-bottomofcontent > .block a.news::before {
  background-position: -500px -1599px;
}
/* line 46, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-282 #content .region-topofcontent > .block a.termine::before,
.not-front.page-node-282 #content .region-bottomofcontent > .block a.termine::before,
.not-front.page-node-292 #content .region-topofcontent > .block a.termine::before,
.not-front.page-node-292 #content .region-bottomofcontent > .block a.termine::before,
.not-front.page-node-299 #content .region-topofcontent > .block a.termine::before,
.not-front.page-node-299 #content .region-bottomofcontent > .block a.termine::before,
.not-front.page-node-8 #content .region-topofcontent > .block a.termine::before,
.not-front.page-node-8 #content .region-bottomofcontent > .block a.termine::before {
  background-position: -500px -1499px;
}
/* line 47, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-282 #content .region-topofcontent > .block a.webinare::before,
.not-front.page-node-282 #content .region-bottomofcontent > .block a.webinare::before,
.not-front.page-node-292 #content .region-topofcontent > .block a.webinare::before,
.not-front.page-node-292 #content .region-bottomofcontent > .block a.webinare::before,
.not-front.page-node-299 #content .region-topofcontent > .block a.webinare::before,
.not-front.page-node-299 #content .region-bottomofcontent > .block a.webinare::before,
.not-front.page-node-8 #content .region-topofcontent > .block a.webinare::before,
.not-front.page-node-8 #content .region-bottomofcontent > .block a.webinare::before {
  background-position: -500px -1699px;
}
/* line 48, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-282 #content .region-topofcontent > .block a.newsletter::before,
.not-front.page-node-282 #content .region-bottomofcontent > .block a.newsletter::before,
.not-front.page-node-292 #content .region-topofcontent > .block a.newsletter::before,
.not-front.page-node-292 #content .region-bottomofcontent > .block a.newsletter::before,
.not-front.page-node-299 #content .region-topofcontent > .block a.newsletter::before,
.not-front.page-node-299 #content .region-bottomofcontent > .block a.newsletter::before,
.not-front.page-node-8 #content .region-topofcontent > .block a.newsletter::before,
.not-front.page-node-8 #content .region-bottomofcontent > .block a.newsletter::before {
  background-position: -500px -1799px;
}
/* line 53, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-282 #content .region-topofcontent > .block:nth-child(odd) a,
.not-front.page-node-282 #content .region-bottomofcontent > .block:nth-child(odd) a,
.not-front.page-node-292 #content .region-topofcontent > .block:nth-child(odd) a,
.not-front.page-node-292 #content .region-bottomofcontent > .block:nth-child(odd) a,
.not-front.page-node-299 #content .region-topofcontent > .block:nth-child(odd) a,
.not-front.page-node-299 #content .region-bottomofcontent > .block:nth-child(odd) a,
.not-front.page-node-8 #content .region-topofcontent > .block:nth-child(odd) a,
.not-front.page-node-8 #content .region-bottomofcontent > .block:nth-child(odd) a {
  background-color: #e9e9e9;
}
@media (min-width: 30em) {
  /* line 13, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-282 #content .region-topofcontent > .block,
  .not-front.page-node-282 #content .region-bottomofcontent > .block,
  .not-front.page-node-292 #content .region-topofcontent > .block,
  .not-front.page-node-292 #content .region-bottomofcontent > .block,
  .not-front.page-node-299 #content .region-topofcontent > .block,
  .not-front.page-node-299 #content .region-bottomofcontent > .block,
  .not-front.page-node-8 #content .region-topofcontent > .block,
  .not-front.page-node-8 #content .region-bottomofcontent > .block {
    background-color: #f6f6f6;
  }
  /* line 59, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-282 #content .region-topofcontent > .block:nth-child(odd) a,
  .not-front.page-node-282 #content .region-bottomofcontent > .block:nth-child(odd) a,
  .not-front.page-node-292 #content .region-topofcontent > .block:nth-child(odd) a,
  .not-front.page-node-292 #content .region-bottomofcontent > .block:nth-child(odd) a,
  .not-front.page-node-299 #content .region-topofcontent > .block:nth-child(odd) a,
  .not-front.page-node-299 #content .region-bottomofcontent > .block:nth-child(odd) a,
  .not-front.page-node-8 #content .region-topofcontent > .block:nth-child(odd) a,
  .not-front.page-node-8 #content .region-bottomofcontent > .block:nth-child(odd) a {
    background-color: #f6f6f6;
  }
  /* line 60, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-282 #content .region-topofcontent > .block:nth-child(2) a,
  .not-front.page-node-282 #content .region-bottomofcontent > .block:nth-child(2) a,
  .not-front.page-node-292 #content .region-topofcontent > .block:nth-child(2) a,
  .not-front.page-node-292 #content .region-bottomofcontent > .block:nth-child(2) a,
  .not-front.page-node-299 #content .region-topofcontent > .block:nth-child(2) a,
  .not-front.page-node-299 #content .region-bottomofcontent > .block:nth-child(2) a,
  .not-front.page-node-8 #content .region-topofcontent > .block:nth-child(2) a,
  .not-front.page-node-8 #content .region-bottomofcontent > .block:nth-child(2) a {
    background-color: #e9e9e9;
  }
  /* line 61, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-282 #content .region-topofcontent > .block:nth-child(3) a,
  .not-front.page-node-282 #content .region-bottomofcontent > .block:nth-child(3) a,
  .not-front.page-node-292 #content .region-topofcontent > .block:nth-child(3) a,
  .not-front.page-node-292 #content .region-bottomofcontent > .block:nth-child(3) a,
  .not-front.page-node-299 #content .region-topofcontent > .block:nth-child(3) a,
  .not-front.page-node-299 #content .region-bottomofcontent > .block:nth-child(3) a,
  .not-front.page-node-8 #content .region-topofcontent > .block:nth-child(3) a,
  .not-front.page-node-8 #content .region-bottomofcontent > .block:nth-child(3) a {
    background-color: #e9e9e9;
  }
  /* line 62, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-282 #content .region-topofcontent > .block:nth-child(4) a,
  .not-front.page-node-282 #content .region-bottomofcontent > .block:nth-child(4) a,
  .not-front.page-node-292 #content .region-topofcontent > .block:nth-child(4) a,
  .not-front.page-node-292 #content .region-bottomofcontent > .block:nth-child(4) a,
  .not-front.page-node-299 #content .region-topofcontent > .block:nth-child(4) a,
  .not-front.page-node-299 #content .region-bottomofcontent > .block:nth-child(4) a,
  .not-front.page-node-8 #content .region-topofcontent > .block:nth-child(4) a,
  .not-front.page-node-8 #content .region-bottomofcontent > .block:nth-child(4) a {
    background-color: #f6f6f6;
  }
}
@media (max-width: 30em) {
  /* line 65, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-282 #content .region-topofcontent > .block a,
  .not-front.page-node-282 #content .region-bottomofcontent > .block a,
  .not-front.page-node-292 #content .region-topofcontent > .block a,
  .not-front.page-node-292 #content .region-bottomofcontent > .block a,
  .not-front.page-node-299 #content .region-topofcontent > .block a,
  .not-front.page-node-299 #content .region-bottomofcontent > .block a,
  .not-front.page-node-8 #content .region-topofcontent > .block a,
  .not-front.page-node-8 #content .region-bottomofcontent > .block a {
    background-color: #e9e9e9 !important;
  }
  /* line 66, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-282 #content .region-topofcontent > .block:nth-child(odd) a,
  .not-front.page-node-282 #content .region-bottomofcontent > .block:nth-child(odd) a,
  .not-front.page-node-292 #content .region-topofcontent > .block:nth-child(odd) a,
  .not-front.page-node-292 #content .region-bottomofcontent > .block:nth-child(odd) a,
  .not-front.page-node-299 #content .region-topofcontent > .block:nth-child(odd) a,
  .not-front.page-node-299 #content .region-bottomofcontent > .block:nth-child(odd) a,
  .not-front.page-node-8 #content .region-topofcontent > .block:nth-child(odd) a,
  .not-front.page-node-8 #content .region-bottomofcontent > .block:nth-child(odd) a {
    background-color: #f6f6f6 !important;
  }
}
/* line 69, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-282 #content .region-topofcontent > .block p,
.not-front.page-node-282 #content .region-bottomofcontent > .block p,
.not-front.page-node-292 #content .region-topofcontent > .block p,
.not-front.page-node-292 #content .region-bottomofcontent > .block p,
.not-front.page-node-299 #content .region-topofcontent > .block p,
.not-front.page-node-299 #content .region-bottomofcontent > .block p,
.not-front.page-node-8 #content .region-topofcontent > .block p,
.not-front.page-node-8 #content .region-bottomofcontent > .block p {
  margin: 0;
  padding: 0;
}
/* line 78, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-282 #content .view-content,
.not-front.page-node-292 #content .view-content,
.not-front.page-node-299 #content .view-content,
.not-front.page-node-8 #content .view-content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  display: block;
}
/* line 83, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-282 #content .view-content > .views-row,
.not-front.page-node-282 #content .view-content > a,
.not-front.page-node-292 #content .view-content > .views-row,
.not-front.page-node-292 #content .view-content > a,
.not-front.page-node-299 #content .view-content > .views-row,
.not-front.page-node-299 #content .view-content > a,
.not-front.page-node-8 #content .view-content > .views-row,
.not-front.page-node-8 #content .view-content > a {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -moz-box-flex: 1;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  background-color: #f6f6f6;
  /*		@include bp(bp6) {background-color: $lightgrey; &.views-row-odd {background-color: $lightgrey;}
  			&:nth-child(3n+2) {background-color: $white;}
  		}
  */
  text-align: center;
  padding: 2em 0 1em 0;
  word-break: break-word;
  display: block;
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
}
@media (min-width: 30em) {
  /* line 83, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-282 #content .view-content > .views-row,
  .not-front.page-node-282 #content .view-content > a,
  .not-front.page-node-292 #content .view-content > .views-row,
  .not-front.page-node-292 #content .view-content > a,
  .not-front.page-node-299 #content .view-content > .views-row,
  .not-front.page-node-299 #content .view-content > a,
  .not-front.page-node-8 #content .view-content > .views-row,
  .not-front.page-node-8 #content .view-content > a {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -moz-box-flex: 1;
    -moz-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
  }
}
@media (min-width: 37.5em) {
  /* line 83, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-282 #content .view-content > .views-row,
  .not-front.page-node-282 #content .view-content > a,
  .not-front.page-node-292 #content .view-content > .views-row,
  .not-front.page-node-292 #content .view-content > a,
  .not-front.page-node-299 #content .view-content > .views-row,
  .not-front.page-node-299 #content .view-content > a,
  .not-front.page-node-8 #content .view-content > .views-row,
  .not-front.page-node-8 #content .view-content > a {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.333%;
    -moz-box-flex: 1;
    -moz-flex: 1 1 33.333%;
    -ms-flex: 1 1 33.333%;
    flex: 1 1 33.333%;
  }
}
@media (min-width: 768px) {
  /* line 83, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-282 #content .view-content > .views-row,
  .not-front.page-node-282 #content .view-content > a,
  .not-front.page-node-292 #content .view-content > .views-row,
  .not-front.page-node-292 #content .view-content > a,
  .not-front.page-node-299 #content .view-content > .views-row,
  .not-front.page-node-299 #content .view-content > a,
  .not-front.page-node-8 #content .view-content > .views-row,
  .not-front.page-node-8 #content .view-content > a {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 25%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 25%;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
  }
}
@media (min-width: 75em) {
  /* line 83, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-282 #content .view-content > .views-row,
  .not-front.page-node-282 #content .view-content > a,
  .not-front.page-node-292 #content .view-content > .views-row,
  .not-front.page-node-292 #content .view-content > a,
  .not-front.page-node-299 #content .view-content > .views-row,
  .not-front.page-node-299 #content .view-content > a,
  .not-front.page-node-8 #content .view-content > .views-row,
  .not-front.page-node-8 #content .view-content > a {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 20%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 20%;
    -ms-flex: 0 1 20%;
    flex: 0 1 20%;
  }
}
/* line 91, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-282 #content .view-content > .views-row:nth-child(odd),
.not-front.page-node-282 #content .view-content > a:nth-child(odd),
.not-front.page-node-292 #content .view-content > .views-row:nth-child(odd),
.not-front.page-node-292 #content .view-content > a:nth-child(odd),
.not-front.page-node-299 #content .view-content > .views-row:nth-child(odd),
.not-front.page-node-299 #content .view-content > a:nth-child(odd),
.not-front.page-node-8 #content .view-content > .views-row:nth-child(odd),
.not-front.page-node-8 #content .view-content > a:nth-child(odd) {
  background-color: #e9e9e9;
}
@media (min-width: 22.5em) and (max-width: 30em) {
  /* line 83, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-282 #content .view-content > .views-row,
  .not-front.page-node-282 #content .view-content > a,
  .not-front.page-node-292 #content .view-content > .views-row,
  .not-front.page-node-292 #content .view-content > a,
  .not-front.page-node-299 #content .view-content > .views-row,
  .not-front.page-node-299 #content .view-content > a,
  .not-front.page-node-8 #content .view-content > .views-row,
  .not-front.page-node-8 #content .view-content > a {
    background-color: #f6f6f6;
  }
  /* line 92, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-282 #content .view-content > .views-row:nth-child(odd),
  .not-front.page-node-282 #content .view-content > a:nth-child(odd),
  .not-front.page-node-292 #content .view-content > .views-row:nth-child(odd),
  .not-front.page-node-292 #content .view-content > a:nth-child(odd),
  .not-front.page-node-299 #content .view-content > .views-row:nth-child(odd),
  .not-front.page-node-299 #content .view-content > a:nth-child(odd),
  .not-front.page-node-8 #content .view-content > .views-row:nth-child(odd),
  .not-front.page-node-8 #content .view-content > a:nth-child(odd) {
    background-color: #e9e9e9;
  }
}
@media (max-width: 37.5em) {
  /* line 83, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-282 #content .view-content > .views-row,
  .not-front.page-node-282 #content .view-content > a,
  .not-front.page-node-292 #content .view-content > .views-row,
  .not-front.page-node-292 #content .view-content > a,
  .not-front.page-node-299 #content .view-content > .views-row,
  .not-front.page-node-299 #content .view-content > a,
  .not-front.page-node-8 #content .view-content > .views-row,
  .not-front.page-node-8 #content .view-content > a {
    background-color: #f6f6f6;
  }
  /* line 94, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-282 #content .view-content > .views-row:nth-child(odd),
  .not-front.page-node-282 #content .view-content > a:nth-child(odd),
  .not-front.page-node-292 #content .view-content > .views-row:nth-child(odd),
  .not-front.page-node-292 #content .view-content > a:nth-child(odd),
  .not-front.page-node-299 #content .view-content > .views-row:nth-child(odd),
  .not-front.page-node-299 #content .view-content > a:nth-child(odd),
  .not-front.page-node-8 #content .view-content > .views-row:nth-child(odd),
  .not-front.page-node-8 #content .view-content > a:nth-child(odd) {
    background-color: #f6f6f6;
  }
  /* line 95, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-282 #content .view-content > .views-row:nth-child(4n+2), .not-front.page-node-282 #content .view-content > .views-row:nth-child(4n+3),
  .not-front.page-node-282 #content .view-content > a:nth-child(4n+2),
  .not-front.page-node-282 #content .view-content > a:nth-child(4n+3),
  .not-front.page-node-292 #content .view-content > .views-row:nth-child(4n+2),
  .not-front.page-node-292 #content .view-content > .views-row:nth-child(4n+3),
  .not-front.page-node-292 #content .view-content > a:nth-child(4n+2),
  .not-front.page-node-292 #content .view-content > a:nth-child(4n+3),
  .not-front.page-node-299 #content .view-content > .views-row:nth-child(4n+2),
  .not-front.page-node-299 #content .view-content > .views-row:nth-child(4n+3),
  .not-front.page-node-299 #content .view-content > a:nth-child(4n+2),
  .not-front.page-node-299 #content .view-content > a:nth-child(4n+3),
  .not-front.page-node-8 #content .view-content > .views-row:nth-child(4n+2),
  .not-front.page-node-8 #content .view-content > .views-row:nth-child(4n+3),
  .not-front.page-node-8 #content .view-content > a:nth-child(4n+2),
  .not-front.page-node-8 #content .view-content > a:nth-child(4n+3) {
    background-color: #e9e9e9;
  }
}
@media (min-width: 37.5em) and (max-width: 47.938em) {
  /* line 83, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-282 #content .view-content > .views-row,
  .not-front.page-node-282 #content .view-content > a,
  .not-front.page-node-292 #content .view-content > .views-row,
  .not-front.page-node-292 #content .view-content > a,
  .not-front.page-node-299 #content .view-content > .views-row,
  .not-front.page-node-299 #content .view-content > a,
  .not-front.page-node-8 #content .view-content > .views-row,
  .not-front.page-node-8 #content .view-content > a {
    background-color: #f6f6f6;
  }
  /* line 97, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-282 #content .view-content > .views-row:nth-child(odd),
  .not-front.page-node-282 #content .view-content > a:nth-child(odd),
  .not-front.page-node-292 #content .view-content > .views-row:nth-child(odd),
  .not-front.page-node-292 #content .view-content > a:nth-child(odd),
  .not-front.page-node-299 #content .view-content > .views-row:nth-child(odd),
  .not-front.page-node-299 #content .view-content > a:nth-child(odd),
  .not-front.page-node-8 #content .view-content > .views-row:nth-child(odd),
  .not-front.page-node-8 #content .view-content > a:nth-child(odd) {
    background-color: #f6f6f6;
  }
  /* line 98, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-282 #content .view-content > .views-row:nth-child(2n+2),
  .not-front.page-node-282 #content .view-content > a:nth-child(2n+2),
  .not-front.page-node-292 #content .view-content > .views-row:nth-child(2n+2),
  .not-front.page-node-292 #content .view-content > a:nth-child(2n+2),
  .not-front.page-node-299 #content .view-content > .views-row:nth-child(2n+2),
  .not-front.page-node-299 #content .view-content > a:nth-child(2n+2),
  .not-front.page-node-8 #content .view-content > .views-row:nth-child(2n+2),
  .not-front.page-node-8 #content .view-content > a:nth-child(2n+2) {
    background-color: #e9e9e9;
  }
  /* line 99, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-282 #content .view-content > .views-row:last-child,
  .not-front.page-node-282 #content .view-content > a:last-child,
  .not-front.page-node-292 #content .view-content > .views-row:last-child,
  .not-front.page-node-292 #content .view-content > a:last-child,
  .not-front.page-node-299 #content .view-content > .views-row:last-child,
  .not-front.page-node-299 #content .view-content > a:last-child,
  .not-front.page-node-8 #content .view-content > .views-row:last-child,
  .not-front.page-node-8 #content .view-content > a:last-child {
    background-color: #f6f6f6;
  }
}
@media (min-width: 47.938em) and (max-width: 75em) {
  /* line 83, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-282 #content .view-content > .views-row,
  .not-front.page-node-282 #content .view-content > a,
  .not-front.page-node-292 #content .view-content > .views-row,
  .not-front.page-node-292 #content .view-content > a,
  .not-front.page-node-299 #content .view-content > .views-row,
  .not-front.page-node-299 #content .view-content > a,
  .not-front.page-node-8 #content .view-content > .views-row,
  .not-front.page-node-8 #content .view-content > a {
    background-color: #f6f6f6;
  }
  /* line 101, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-282 #content .view-content > .views-row:nth-child(odd),
  .not-front.page-node-282 #content .view-content > a:nth-child(odd),
  .not-front.page-node-292 #content .view-content > .views-row:nth-child(odd),
  .not-front.page-node-292 #content .view-content > a:nth-child(odd),
  .not-front.page-node-299 #content .view-content > .views-row:nth-child(odd),
  .not-front.page-node-299 #content .view-content > a:nth-child(odd),
  .not-front.page-node-8 #content .view-content > .views-row:nth-child(odd),
  .not-front.page-node-8 #content .view-content > a:nth-child(odd) {
    background-color: #e9e9e9;
  }
  /* line 102, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-282 #content .view-content > .views-row:nth-child(2n+5),
  .not-front.page-node-282 #content .view-content > a:nth-child(2n+5),
  .not-front.page-node-292 #content .view-content > .views-row:nth-child(2n+5),
  .not-front.page-node-292 #content .view-content > a:nth-child(2n+5),
  .not-front.page-node-299 #content .view-content > .views-row:nth-child(2n+5),
  .not-front.page-node-299 #content .view-content > a:nth-child(2n+5),
  .not-front.page-node-8 #content .view-content > .views-row:nth-child(2n+5),
  .not-front.page-node-8 #content .view-content > a:nth-child(2n+5) {
    background-color: #f6f6f6;
  }
  /* line 103, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-282 #content .view-content > .views-row:nth-child(2n+6),
  .not-front.page-node-282 #content .view-content > a:nth-child(2n+6),
  .not-front.page-node-292 #content .view-content > .views-row:nth-child(2n+6),
  .not-front.page-node-292 #content .view-content > a:nth-child(2n+6),
  .not-front.page-node-299 #content .view-content > .views-row:nth-child(2n+6),
  .not-front.page-node-299 #content .view-content > a:nth-child(2n+6),
  .not-front.page-node-8 #content .view-content > .views-row:nth-child(2n+6),
  .not-front.page-node-8 #content .view-content > a:nth-child(2n+6) {
    background-color: #e9e9e9;
  }
}
/* line 114, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-282 #content .view-content > .views-row:hover, .not-front.page-node-282 #content .view-content > .views-row:focus,
.not-front.page-node-282 #content .view-content > a:hover,
.not-front.page-node-282 #content .view-content > a:focus,
.not-front.page-node-292 #content .view-content > .views-row:hover,
.not-front.page-node-292 #content .view-content > .views-row:focus,
.not-front.page-node-292 #content .view-content > a:hover,
.not-front.page-node-292 #content .view-content > a:focus,
.not-front.page-node-299 #content .view-content > .views-row:hover,
.not-front.page-node-299 #content .view-content > .views-row:focus,
.not-front.page-node-299 #content .view-content > a:hover,
.not-front.page-node-299 #content .view-content > a:focus,
.not-front.page-node-8 #content .view-content > .views-row:hover,
.not-front.page-node-8 #content .view-content > .views-row:focus,
.not-front.page-node-8 #content .view-content > a:hover,
.not-front.page-node-8 #content .view-content > a:focus {
  background-color: white;
}
/* line 119, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-282 #content .view-content > .views-row .views-row-inner,
.not-front.page-node-282 #content .view-content > .views-row span,
.not-front.page-node-282 #content .view-content > a .views-row-inner,
.not-front.page-node-282 #content .view-content > a span,
.not-front.page-node-292 #content .view-content > .views-row .views-row-inner,
.not-front.page-node-292 #content .view-content > .views-row span,
.not-front.page-node-292 #content .view-content > a .views-row-inner,
.not-front.page-node-292 #content .view-content > a span,
.not-front.page-node-299 #content .view-content > .views-row .views-row-inner,
.not-front.page-node-299 #content .view-content > .views-row span,
.not-front.page-node-299 #content .view-content > a .views-row-inner,
.not-front.page-node-299 #content .view-content > a span,
.not-front.page-node-8 #content .view-content > .views-row .views-row-inner,
.not-front.page-node-8 #content .view-content > .views-row span,
.not-front.page-node-8 #content .view-content > a .views-row-inner,
.not-front.page-node-8 #content .view-content > a span {
  padding: 0 .5em;
  display: block;
}
/* line 128, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-282 #content .view-content > .views-row::before,
.not-front.page-node-282 #content .view-content > a::before,
.not-front.page-node-292 #content .view-content > .views-row::before,
.not-front.page-node-292 #content .view-content > a::before,
.not-front.page-node-299 #content .view-content > .views-row::before,
.not-front.page-node-299 #content .view-content > a::before,
.not-front.page-node-8 #content .view-content > .views-row::before,
.not-front.page-node-8 #content .view-content > a::before {
  content: '';
  position: relative;
  display: block;
  height: 52px;
  width: 52px;
  margin: 0 auto 15px auto;
  opacity: 0.66;
  filter: alpha(opacity=66);
  background: transparent url(../img/sprite_beni.svg) no-repeat -300px -1799px;
}
/* line 137, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-282 #content .view-content > .views-row:hover::before, .not-front.page-node-282 #content .view-content > .views-row:focus::before,
.not-front.page-node-282 #content .view-content > a:hover::before,
.not-front.page-node-282 #content .view-content > a:focus::before,
.not-front.page-node-292 #content .view-content > .views-row:hover::before,
.not-front.page-node-292 #content .view-content > .views-row:focus::before,
.not-front.page-node-292 #content .view-content > a:hover::before,
.not-front.page-node-292 #content .view-content > a:focus::before,
.not-front.page-node-299 #content .view-content > .views-row:hover::before,
.not-front.page-node-299 #content .view-content > .views-row:focus::before,
.not-front.page-node-299 #content .view-content > a:hover::before,
.not-front.page-node-299 #content .view-content > a:focus::before,
.not-front.page-node-8 #content .view-content > .views-row:hover::before,
.not-front.page-node-8 #content .view-content > .views-row:focus::before,
.not-front.page-node-8 #content .view-content > a:hover::before,
.not-front.page-node-8 #content .view-content > a:focus::before {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* line 151, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-299 #content .bottomofcontent > .inner,
.not-front.page-node-8 #content .bottomofcontent > .inner {
  margin-top: -4em;
}
@media (min-width: 768px) {
  /* line 151, ../sass/components/_modules-aktuelles.scss */
  .not-front.page-node-299 #content .bottomofcontent > .inner,
  .not-front.page-node-8 #content .bottomofcontent > .inner {
    padding: 0 5em 0 5em;
  }
}
/* line 157, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-299 #content .region-bottomofcontent > .block,
.not-front.page-node-8 #content .region-bottomofcontent > .block {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 33.33%;
  -moz-box-flex: 1;
  -moz-flex: 1 1 33.33%;
  -ms-flex: 1 1 33.33%;
  flex: 1 1 33.33%;
}
/* line 161, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-299 #content .region-bottomofcontent > .block a,
.not-front.page-node-8 #content .region-bottomofcontent > .block a {
  background-color: #f6f6f6 !important;
}
/* line 163, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-299 #content .region-bottomofcontent > .block a:hover, .not-front.page-node-299 #content .region-bottomofcontent > .block a:focus,
.not-front.page-node-8 #content .region-bottomofcontent > .block a:hover,
.not-front.page-node-8 #content .region-bottomofcontent > .block a:focus {
  background-color: white !important;
}
/* line 164, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-299 #content .region-bottomofcontent > .block a.ueberuns::before,
.not-front.page-node-8 #content .region-bottomofcontent > .block a.ueberuns::before {
  background-position: -600px -1599px;
}
/* line 165, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-299 #content .region-bottomofcontent > .block a.referenzen::before,
.not-front.page-node-8 #content .region-bottomofcontent > .block a.referenzen::before {
  background-position: -600px -1499px;
}
/* line 166, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-299 #content .region-bottomofcontent > .block a.team::before,
.not-front.page-node-8 #content .region-bottomofcontent > .block a.team::before {
  background-position: -600px -1699px;
}
/* line 168, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-299 #content .region-bottomofcontent > .block:nth-child(odd) a,
.not-front.page-node-8 #content .region-bottomofcontent > .block:nth-child(odd) a {
  background-color: #e9e9e9 !important;
}
/* line 169, ../sass/components/_modules-aktuelles.scss */
.not-front.page-node-299 #content .region-bottomofcontent > .block:nth-child(odd) a:hover, .not-front.page-node-299 #content .region-bottomofcontent > .block:nth-child(odd) a:focus,
.not-front.page-node-8 #content .region-bottomofcontent > .block:nth-child(odd) a:hover,
.not-front.page-node-8 #content .region-bottomofcontent > .block:nth-child(odd) a:focus {
  background-color: white !important;
}

/*    NODE     */
/* line 3, ../sass/components/_modules-repertoire.scss */
.page-repertoire.smaller3 #block-block-1 {
  position: fixed;
  top: 71px;
  background-color: white;
  padding: 10px;
  text-align: center;
  z-index: 10;
  font-size: 125%;
}

/* line 15, ../sass/components/_modules-repertoire.scss */
.not-front #content .view-repertoire .view-repertoire {
  float: left;
  width: 100%;
}
/* line 21, ../sass/components/_modules-repertoire.scss */
.not-front #content .view-repertoire .view-header h3 {
  font-size: 400%;
  font-weight: 100;
  margin-top: 50px;
  float: left;
  width: 100%;
}
/* line 29, ../sass/components/_modules-repertoire.scss */
.not-front #content .view-repertoire .view-header > a:target {
  display: block;
  position: relative;
  top: -70px;
  visibility: hidden;
}
/* line 39, ../sass/components/_modules-repertoire.scss */
.not-front #content .view-repertoire .view-content {
  /* views row inner */
}
/* line 42, ../sass/components/_modules-repertoire.scss */
.not-front #content .view-repertoire .view-content > .views-row,
.not-front #content .view-repertoire .view-content > div {
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
}
@media (min-width: 37.5em) {
  /* line 42, ../sass/components/_modules-repertoire.scss */
  .not-front #content .view-repertoire .view-content > .views-row,
  .not-front #content .view-repertoire .view-content > div {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -moz-box-flex: 1;
    -moz-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
  }
}
/* line 48, ../sass/components/_modules-repertoire.scss */
.not-front #content .view-repertoire .view-content > .views-row:hover, .not-front #content .view-repertoire .view-content > .views-row:focus,
.not-front #content .view-repertoire .view-content > div:hover,
.not-front #content .view-repertoire .view-content > div:focus {
  background-color: white;
}
/* line 52, ../sass/components/_modules-repertoire.scss */
.not-front #content .view-repertoire .view-content > .views-row .views-row-inner,
.not-front #content .view-repertoire .view-content > div .views-row-inner {
  padding: 5px 2em 5px 0;
}
/* line 61, ../sass/components/_modules-repertoire.scss */
.not-front #content .view-repertoire .view-content > .views-row .views-row-inner > .views-field,
.not-front #content .view-repertoire .view-content > div .views-row-inner > .views-field {
  /*		@include flex( 0 1 100%);
  
      width: 96%;
      text-align: center;
  	padding: 0 2%;
  	align-self: flex-end;
  */
}
/* line 72, ../sass/components/_modules-repertoire.scss */
.not-front #content .view-repertoire .view-content > .views-row .views-row-inner .views-field-title,
.not-front #content .view-repertoire .view-content > div .views-row-inner .views-field-title {
  /*@include flex( 0 1 20%);  */
  margin: .5rem 0 5px 0;
}

/* line 5, ../sass/components/_modules-recordings.scss */
body.node-type-album #main article .group-vendorlinks {
  padding: 20px;
  margin-bottom: 2em;
  padding-left: 40px;
}
@media (min-width: 768px) {
  /* line 5, ../sass/components/_modules-recordings.scss */
  body.node-type-album #main article .group-vendorlinks {
    position: absolute;
    padding-left: 0;
    top: 100px;
    right: -48%;
    right: auto;
    left: 110%;
    width: auto;
    min-width: 200px;
    max-width: 35px;
  }
}
@media (min-width: 56.25em) {
  /* line 5, ../sass/components/_modules-recordings.scss */
  body.node-type-album #main article .group-vendorlinks {
    left: 120%;
  }
}
@media (min-width: 75em) {
  /* line 5, ../sass/components/_modules-recordings.scss */
  body.node-type-album #main article .group-vendorlinks {
    left: 130%;
  }
}
@media (min-width: 87.5em) {
  /* line 5, ../sass/components/_modules-recordings.scss */
  body.node-type-album #main article .group-vendorlinks {
    left: 150%;
  }
}
/* line 24, ../sass/components/_modules-recordings.scss */
body.node-type-album #main article .group-vendorlinks h3 {
  padding: 0;
  margin: 0;
  font-weight: 400;
  letter-spacing: 2px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #a59f9e;
  text-transform: uppercase;
}
/* line 31, ../sass/components/_modules-recordings.scss */
body.node-type-album #main article .group-vendorlinks .field {
  display: inline-block;
  width: 46px;
}
/* line 32, ../sass/components/_modules-recordings.scss */
body.node-type-album #main article .group-vendorlinks .field span {
  display: none;
}
@media (min-width: 768px) {
  /* line 31, ../sass/components/_modules-recordings.scss */
  body.node-type-album #main article .group-vendorlinks .field {
    display: block;
    width: auto;
  }
  /* line 34, ../sass/components/_modules-recordings.scss */
  body.node-type-album #main article .group-vendorlinks .field span {
    display: inline-block;
  }
}
/* line 39, ../sass/components/_modules-recordings.scss */
body.node-type-album #main article .group-vendorlinks .field-type-link-field .field-item a {
  padding: 0;
  margin: 10px 0;
  text-align: left;
  width: auto;
  max-width: 100%;
  font-weight: 400;
  letter-spacing: 0;
  font-size: 14px;
  font-size: 1.4rem;
  color: #63b38e !important;
}
/* line 48, ../sass/components/_modules-recordings.scss */
body.node-type-album #main article .group-vendorlinks .field-type-link-field .field-item a:hover, body.node-type-album #main article .group-vendorlinks .field-type-link-field .field-item a:focus, body.node-type-album #main article .group-vendorlinks .field-type-link-field .field-item a:active {
  color: #3d6174 !important;
}
/* line 50, ../sass/components/_modules-recordings.scss */
body.node-type-album #main article .group-vendorlinks .field-type-link-field .field-item a:before {
  width: 40px;
  margin-left: 0;
  opacity: 0.8;
  filter: alpha(opacity=80);
  background: url(../img/sprite_beni.svg) no-repeat -299px -1788px;
}
@media (min-width: 768px) {
  /* line 50, ../sass/components/_modules-recordings.scss */
  body.node-type-album #main article .group-vendorlinks .field-type-link-field .field-item a:before {
    margin-left: -30px;
  }
}
/* line 57, ../sass/components/_modules-recordings.scss */
body.node-type-album #main article .group-vendorlinks .field-type-link-field .field-item a:hover:before, body.node-type-album #main article .group-vendorlinks .field-type-link-field .field-item a:focus:before, body.node-type-album #main article .group-vendorlinks .field-type-link-field .field-item a:active:before {
  background-position-y: -1789px;
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 61, ../sass/components/_modules-recordings.scss */
body.node-type-album #main article .group-vendorlinks .field-type-link-field.field-name-field-amazon .field-item a:before {
  background-position-x: -352px;
}
/* line 62, ../sass/components/_modules-recordings.scss */
body.node-type-album #main article .group-vendorlinks .field-type-link-field.field-name-field-idagio .field-item a:before {
  background-position-x: -397px;
}
/* line 63, ../sass/components/_modules-recordings.scss */
body.node-type-album #main article .group-vendorlinks .field-type-link-field.field-name-field-spotify .field-item a:before {
  background-position-x: -450px;
}
/* line 64, ../sass/components/_modules-recordings.scss */
body.node-type-album #main article .group-vendorlinks .field-type-link-field.field-name-field-apple-music .field-item a:before {
  background-position-x: -500px;
}

/* line 73, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content {
  /* end .views-row */
}
/* line 75, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row {
  margin-bottom: 3rem;
  /* end .views-field-bild */
}
@media (min-width: 64em) {
  /* line 75, ../sass/components/_modules-recordings.scss */
  #content .view-albums .view-content > .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 33.3333%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 33.3333%;
    -ms-flex: 0 1 33.3333%;
    flex: 0 1 33.3333%;
  }
}
@media (min-width: 100em) {
  /* line 75, ../sass/components/_modules-recordings.scss */
  #content .view-albums .view-content > .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 25%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 25%;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
  }
}
/* line 80, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row .views-row-inner {
  padding: 5px 2rem;
}
/* line 84, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row .views-field {
  text-align: center;
}
/* line 87, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row .views-field-entity-id > div > div {
  text-align: center;
  overflow: hidden;
  position: relative;
  display: block;
  z-index: 1;
}
/* line 94, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row .views-field-entity-id > div > div .orderlink {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 20px 0 0 0;
}
/* line 100, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row .views-field-entity-id > div > div .orderlink:hover, #content .view-albums .view-content > .views-row .views-field-entity-id > div > div .orderlink:focus, #content .view-albums .view-content > .views-row .views-field-entity-id > div > div .orderlink:active {
  background-color: white;
}
/* line 103, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row .views-field-entity-id > div > div .orderlink a.order {
  display: inline-block;
  color: #3d6174 !important;
  font-size: 0;
  text-transform: uppercase;
}
/* line 369, ../sass/base/_base-mixin.scss */
#content .view-albums .view-content > .views-row .views-field-entity-id > div > div .orderlink a.order::after {
  content: " ";
  display: inline-block;
  height: 40px;
  width: 50px;
  line-height: 50px;
  background: url(../img/sprite_beni.svg) no-repeat -190px -1492px;
}
/* line 377, ../sass/base/_base-mixin.scss */
#content .view-albums .view-content > .views-row .views-field-entity-id > div > div .orderlink a.order:hover, #content .view-albums .view-content > .views-row .views-field-entity-id > div > div .orderlink a.order:focus, #content .view-albums .view-content > .views-row .views-field-entity-id > div > div .orderlink a.order:active {
  /*
  color: $black !important;
font-size: 13px;
line-height: 40px;
*/
}
/* line 383, ../sass/base/_base-mixin.scss */
#content .view-albums .view-content > .views-row .views-field-entity-id > div > div .orderlink a.order:hover::after, #content .view-albums .view-content > .views-row .views-field-entity-id > div > div .orderlink a.order:focus::after, #content .view-albums .view-content > .views-row .views-field-entity-id > div > div .orderlink a.order:active::after {
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
/* line 110, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row .views-field-entity-id > div > div .detailinfo {
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  width: 100%;
  height: 100%;
  background-color: rgba(36, 58, 70, 0.75);
    /*
    position: absolute;
    display: table;    top: 0;
	align-self: flex-end; 
	*/
  opacity: 1;
  filter: alpha(opacity=100);
  /*
  * {color: $white; text-transform: uppercase;}
  */
}
/* line 123, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row .views-field-entity-id > div > div .detailinfo > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 10px;
}
/* line 132, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row .views-field-entity-id > div > div .detailinfo a:not(.order) {
  text-align: center;
  padding: 0 2rem;
  background-color: white;
  color: #3d6174;
  font-weight: 600;
  margin: 10px 0;
  line-height: 42px;
  display: inline-block;
}
/* line 141, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row .views-field-entity-id > div > div .detailinfo a:not(.order):hover, #content .view-albums .view-content > .views-row .views-field-entity-id > div > div .detailinfo a:not(.order):focus, #content .view-albums .view-content > .views-row .views-field-entity-id > div > div .detailinfo a:not(.order):active {
  background-color: #69abce;
  color: white;
}
/* line 146, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row .views-field-entity-id > div > div .detailinfo a.order {
  display: inline-block;
  color: #3d6174 !important;
  font-size: 0;
  text-transform: uppercase;
}
/* line 369, ../sass/base/_base-mixin.scss */
#content .view-albums .view-content > .views-row .views-field-entity-id > div > div .detailinfo a.order::after {
  content: " ";
  display: inline-block;
  height: 40px;
  width: 50px;
  line-height: 50px;
  background: url(../img/sprite_beni.svg) no-repeat -190px -1492px;
}
/* line 377, ../sass/base/_base-mixin.scss */
#content .view-albums .view-content > .views-row .views-field-entity-id > div > div .detailinfo a.order:hover, #content .view-albums .view-content > .views-row .views-field-entity-id > div > div .detailinfo a.order:focus, #content .view-albums .view-content > .views-row .views-field-entity-id > div > div .detailinfo a.order:active {
  /*
  color: $black !important;
font-size: 13px;
line-height: 40px;
*/
}
/* line 383, ../sass/base/_base-mixin.scss */
#content .view-albums .view-content > .views-row .views-field-entity-id > div > div .detailinfo a.order:hover::after, #content .view-albums .view-content > .views-row .views-field-entity-id > div > div .detailinfo a.order:focus::after, #content .view-albums .view-content > .views-row .views-field-entity-id > div > div .detailinfo a.order:active::after {
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
/* line 151, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row .views-field-entity-id > div > div:hover, #content .view-albums .view-content > .views-row .views-field-entity-id > div > div:focus, #content .view-albums .view-content > .views-row .views-field-entity-id > div > div:active {
  cursor: hand;
}
/* line 153, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row .views-field-entity-id > div > div:hover .detailinfo, #content .view-albums .view-content > .views-row .views-field-entity-id > div > div:focus .detailinfo, #content .view-albums .view-content > .views-row .views-field-entity-id > div > div:active .detailinfo {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 160, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row .views-field-title {
  margin: 1.5rem 0 1rem 0;
  text-transform: uppercase;
}
/* line 163, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row .views-field-title h4 {
  line-height: 1.2;
  font-weight: 400;
}
/* line 166, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row .views-field-title a {
  color: #63b38e;
}
/* line 167, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row .views-field-title a:hover, #content .view-albums .view-content > .views-row .views-field-title a:focus, #content .view-albums .view-content > .views-row .views-field-title a:active {
  color: #e0054c;
}
/* line 171, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row .views-field-field-order-link a.order {
  display: inline-block;
  color: #3d6174 !important;
  font-size: 0;
  text-transform: uppercase;
}
/* line 369, ../sass/base/_base-mixin.scss */
#content .view-albums .view-content > .views-row .views-field-field-order-link a.order::after {
  content: " ";
  display: inline-block;
  height: 40px;
  width: 50px;
  line-height: 50px;
  background: url(../img/sprite_beni.svg) no-repeat -190px -1492px;
}
/* line 377, ../sass/base/_base-mixin.scss */
#content .view-albums .view-content > .views-row .views-field-field-order-link a.order:hover, #content .view-albums .view-content > .views-row .views-field-field-order-link a.order:focus, #content .view-albums .view-content > .views-row .views-field-field-order-link a.order:active {
  /*
  color: $black !important;
font-size: 13px;
line-height: 40px;
*/
}
/* line 383, ../sass/base/_base-mixin.scss */
#content .view-albums .view-content > .views-row .views-field-field-order-link a.order:hover::after, #content .view-albums .view-content > .views-row .views-field-field-order-link a.order:focus::after, #content .view-albums .view-content > .views-row .views-field-field-order-link a.order:active::after {
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
/* line 175, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row .views-field-entity-id-1 {
  /*Intro Text */
  font-size: 83.5%;
  color: #454545;
}
@media (min-width: 87.5em) {
  /* line 175, ../sass/components/_modules-recordings.scss */
  #content .view-albums .view-content > .views-row .views-field-entity-id-1 {
    font-size: 75%;
  }
}
/* line 182, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row .views-field-entity-id,
#content .view-albums .view-content > .views-row .views-field-field-bild {
  -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
}
/* line 188, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row .views-field-entity-id img,
#content .view-albums .view-content > .views-row .views-field-field-bild img {
  /*
  	height: 200px;
  	width: 200px;
    @include border-radius(100%);
  */
  min-height: 120px;
  min-width: 120px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -o-object-fit: cover;
  -o-object-position: bottom center;
  object-fit: cover;
  object-position: bottom center;
  /*
  	&:hover, &:focus, &:active {@include border-radius(0);}
  */
  	/*
  	width: 200px;
  
  @include bp(bp3) {
  	height: 250px;
  	width: 100%;
  	min-height: 120px;
  	min-width: 120px;
  	height: 150px;
  	border-radius: 0;
  	margin: 0;
  		 }
  */
}
/* line 211, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row .views-field-field-video-embed iframe {
  max-width: 560px !important;
  width: 560px !important;
  max-height: 315px !important;
  height: 315px !important;
}
/* line 216, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row h2, #content .view-albums .view-content > .views-row h2 a, #content .view-albums .view-content > .views-row h2 a:visited {
  letter-spacing: 0;
  /*    @include font-size(22); font-weight: 300;  */
}
/* line 222, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row .views-field-field-newsletter-thema a {
  color: #7d7674;
  font-size: 1.2rem;
}
/* line 225, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row .views-field-field-newsletter-thema a:hover, #content .view-albums .view-content > .views-row .views-field-field-newsletter-thema a:focus, #content .view-albums .view-content > .views-row .views-field-field-newsletter-thema a:active {
  color: #454545;
}
/* line 230, ../sass/components/_modules-recordings.scss */
#content .view-albums .view-content > .views-row .btn.download a {
  margin-top: 0;
  padding-bottom: 0;
}

/* .no-flexbox settings */
/* line 238, ../sass/components/_modules-recordings.scss */
.no-flexbox .not-front .datecircle {
  line-height: 40px;
  text-align: center;
}
/* line 241, ../sass/components/_modules-recordings.scss */
.no-flexbox .not-front .datecircle span:first-child {
  display: block;
  margin-top: 1x;
}

/* line 4, ../sass/components/_modules-reviews.scss */
body.node-type-blog article .field-name-field-url {
  text-align: center;
}
/* line 5, ../sass/components/_modules-reviews.scss */
body.node-type-blog article .field-name-field-url .field-item {
  display: inline;
}

/* line 11, ../sass/components/_modules-reviews.scss */
.not-front #content .view-Reviews {
  /* end .views-row */
}
/* line 14, ../sass/components/_modules-reviews.scss */
.not-front #content .view-Reviews .views-row {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  margin-bottom: 4rem;
  /*
  &:nth-child(3n+2) .views-row-inner { background-color:  lighten($red,35); }
  &:nth-child(2n+2) .views-row-inner { background-color:  lighten($red,35); }
  */
}
@media (min-width: 37.5em) {
  /* line 14, ../sass/components/_modules-reviews.scss */
  .not-front #content .view-Reviews .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 46%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 46%;
    -ms-flex: 0 1 46%;
    flex: 0 1 46%;
  }
}
/* line 19, ../sass/components/_modules-reviews.scss */
.not-front #content .view-Reviews .views-row .views-row-inner {
  padding: 2em;
  height: auto;
  background-color: #dbede5;
}
/* line 30, ../sass/components/_modules-reviews.scss */
.not-front #content .view-Reviews .views-row:nth-child(odd) .views-row-inner {
  background-color: #fdb4cc;
}
/* line 31, ../sass/components/_modules-reviews.scss */
.not-front #content .view-Reviews .views-row:nth-child(4n+3) .views-row-inner {
  background-color: #dde7ed;
}
/* line 32, ../sass/components/_modules-reviews.scss */
.not-front #content .view-Reviews .views-row:nth-child(4n+4) .views-row-inner {
  background-color: #defaf7;
}
/* line 35, ../sass/components/_modules-reviews.scss */
.not-front #content .view-Reviews .views-row:before {
  content: " ";
  display: block;
  height: 30px;
  width: 100.5%;
  margin: 0 auto;
  background-color: white;
  -webkit-transform: skew(0, 2deg);
  -moz-transform: skew(0, 2deg);
  -ms-transform: skew(0, 2deg);
  -o-transform: skew(0, 2deg);
  transform: skew(0, 2deg);
  position: absolute;
  z-index: 0;
  top: -15px;
}
/* line 51, ../sass/components/_modules-reviews.scss */
.not-front #content .view-Reviews .views-row:nth-child(3n+2)::before {
  -webkit-transform: skew(0, -2deg);
  -moz-transform: skew(0, -2deg);
  -ms-transform: skew(0, -2deg);
  -o-transform: skew(0, -2deg);
  transform: skew(0, -2deg);
}
/* line 60, ../sass/components/_modules-reviews.scss */
.not-front #content .view-Reviews .views-row .views-field-title h3 {
  margin: 0 0 1em;
}
/* line 69, ../sass/components/_modules-reviews.scss */
.not-front #content .view-Reviews .views-row .submitted {
  margin-top: 1em;
}
/* line 71, ../sass/components/_modules-reviews.scss */
.not-front #content .view-Reviews .views-row h2, .not-front #content .view-Reviews .views-row h2 a, .not-front #content .view-Reviews .views-row h2 a:visited {
  letter-spacing: 0;
  /*    @include font-size(22); font-weight: 300;  */
}

/* .no-flexbox settings */
/* line 82, ../sass/components/_modules-reviews.scss */
.no-flexbox .not-front .datecircle {
  line-height: 40px;
  text-align: center;
}
/* line 85, ../sass/components/_modules-reviews.scss */
.no-flexbox .not-front .datecircle span:first-child {
  display: block;
  margin-top: 1x;
}

/* line 4, ../sass/components/_modules-festivals.scss */
.not-front #content .view-festivals,
.not-front #content .view-orchestras {
  /* end .views-row */
}
/* line 7, ../sass/components/_modules-festivals.scss */
.not-front #content .view-festivals .views-row,
.not-front #content .view-orchestras .views-row {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  margin: 2rem 0 4rem;
  /* end .views-field-bild */
}
@media (min-width: 37.5em) {
  /* line 7, ../sass/components/_modules-festivals.scss */
  .not-front #content .view-festivals .views-row,
  .not-front #content .view-orchestras .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 40%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 40%;
    -ms-flex: 0 1 40%;
    flex: 0 1 40%;
  }
}
/* line 12, ../sass/components/_modules-festivals.scss */
.not-front #content .view-festivals .views-row .views-row-inner,
.not-front #content .view-orchestras .views-row .views-row-inner {
  padding: 0 10px 10px;
}
/* line 17, ../sass/components/_modules-festivals.scss */
.not-front #content .view-festivals .views-row .views-field-title,
.not-front #content .view-orchestras .views-row .views-field-title {
  text-align: center;
  background-color: white;
  margin-top: -50px;
  -webkit-transform: skew(0, 2.2deg);
  -moz-transform: skew(0, 2.2deg);
  -ms-transform: skew(0, 2.2deg);
  -o-transform: skew(0, 2.2deg);
  transform: skew(0, 2.2deg);
  padding: 20px 1%;
  width: 102%;
  margin-left: -2px;
}
/* line 30, ../sass/components/_modules-festivals.scss */
.not-front #content .view-festivals .views-row .views-field-title h3,
.not-front #content .view-orchestras .views-row .views-field-title h3 {
  padding: 0;
  margin: 0;
}
/* line 33, ../sass/components/_modules-festivals.scss */
.not-front #content .view-festivals .views-row .views-field-field-event-date,
.not-front #content .view-orchestras .views-row .views-field-field-event-date {
  margin-top: -20px;
}
/* line 36, ../sass/components/_modules-festivals.scss */
.not-front #content .view-festivals .views-row .views-field-field-mainimage,
.not-front #content .view-festivals .views-row .views-field-field-bild,
.not-front #content .view-orchestras .views-row .views-field-field-mainimage,
.not-front #content .view-orchestras .views-row .views-field-field-bild {
  padding: 0 !important;
  max-height: 300px;
  /*  end img */
}
/* line 43, ../sass/components/_modules-festivals.scss */
.not-front #content .view-festivals .views-row .views-field-field-mainimage .submitted,
.not-front #content .view-festivals .views-row .views-field-field-bild .submitted,
.not-front #content .view-orchestras .views-row .views-field-field-mainimage .submitted,
.not-front #content .view-orchestras .views-row .views-field-field-bild .submitted {
  text-align: left;
  padding: 0 2rem;
}
/* line 44, ../sass/components/_modules-festivals.scss */
.not-front #content .view-festivals .views-row .views-field-field-mainimage img,
.not-front #content .view-festivals .views-row .views-field-field-bild img,
.not-front #content .view-orchestras .views-row .views-field-field-mainimage img,
.not-front #content .view-orchestras .views-row .views-field-field-bild img {
  /*
  width: 200px;
  width: 150px;
  height: 150px;
  */
  max-height: 300px;
  width: 80%;
  min-width: 80%;
  margin: 1em auto  0 auto;
  -o-object-fit: cover;
  -o-object-position: center center;
  object-fit: cover;
  object-position: center center;
  opacity: 0.88;
  filter: alpha(opacity=88);
}
@media (min-width: 37.5em) {
  /* line 44, ../sass/components/_modules-festivals.scss */
  .not-front #content .view-festivals .views-row .views-field-field-mainimage img,
  .not-front #content .view-festivals .views-row .views-field-field-bild img,
  .not-front #content .view-orchestras .views-row .views-field-field-mainimage img,
  .not-front #content .view-orchestras .views-row .views-field-field-bild img {
    width: 100%;
    height: auto;
    margin: 0.25em auto .5em auto;
  }
}
/* line 69, ../sass/components/_modules-festivals.scss */
.not-front #content .view-festivals .views-row .views-field-field-mainimage img:hover, .not-front #content .view-festivals .views-row .views-field-field-mainimage img:focus, .not-front #content .view-festivals .views-row .views-field-field-mainimage img:active,
.not-front #content .view-festivals .views-row .views-field-field-bild img:hover,
.not-front #content .view-festivals .views-row .views-field-field-bild img:focus,
.not-front #content .view-festivals .views-row .views-field-field-bild img:active,
.not-front #content .view-orchestras .views-row .views-field-field-mainimage img:hover,
.not-front #content .view-orchestras .views-row .views-field-field-mainimage img:focus,
.not-front #content .view-orchestras .views-row .views-field-field-mainimage img:active,
.not-front #content .view-orchestras .views-row .views-field-field-bild img:hover,
.not-front #content .view-orchestras .views-row .views-field-field-bild img:focus,
.not-front #content .view-orchestras .views-row .views-field-field-bild img:active {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 86, ../sass/components/_modules-festivals.scss */
.not-front #content .view-festivals .views-row h2, .not-front #content .view-festivals .views-row h2 a, .not-front #content .view-festivals .views-row h2 a:visited,
.not-front #content .view-orchestras .views-row h2,
.not-front #content .view-orchestras .views-row h2 a,
.not-front #content .view-orchestras .views-row h2 a:visited {
  letter-spacing: 0;
  /*    @include font-size(22); font-weight: 300;  */
}

/* .no-flexbox settings */
/* line 97, ../sass/components/_modules-festivals.scss */
.no-flexbox .not-front .datecircle {
  line-height: 40px;
  text-align: center;
}
/* line 100, ../sass/components/_modules-festivals.scss */
.no-flexbox .not-front .datecircle span:first-child {
  display: block;
  margin-top: 1x;
}

/* line 104, ../sass/components/_modules-festivals.scss */
.not-front #content .view-orchestras {
  /*
  .views-row {
  	@include flex( 0 1 100%);
  	@include bp(bp3) {@include flex( 0 1 40%);}	
  	@include bp(bp5) {@include flex( 0 1 30%);}	
  
  }  end .views-row */
}

/* line 4, ../sass/components/_modules-interviews.scss */
body.node-type-blog article .field-name-field-url {
  text-align: center;
}
/* line 5, ../sass/components/_modules-interviews.scss */
body.node-type-blog article .field-name-field-url .field-item {
  display: inline;
}

/* line 11, ../sass/components/_modules-interviews.scss */
.not-front #content .view-interviewsssssssssssssssssssss {
  /*  wird von modules-news mitbetreut */
  /* end .views-row */
}
/* line 14, ../sass/components/_modules-interviews.scss */
.not-front #content .view-interviewsssssssssssssssssssss .views-row {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  margin-bottom: 2rem;
  /* end .views-field-bild */
}
@media (min-width: 37.5em) {
  /* line 14, ../sass/components/_modules-interviews.scss */
  .not-front #content .view-interviewsssssssssssssssssssss .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 48.5%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 48.5%;
    -ms-flex: 0 1 48.5%;
    flex: 0 1 48.5%;
  }
}
@media (min-width: 64em) {
  /* line 14, ../sass/components/_modules-interviews.scss */
  .not-front #content .view-interviewsssssssssssssssssssss .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 30%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 30%;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%;
  }
}
/* line 20, ../sass/components/_modules-interviews.scss */
.not-front #content .view-interviewsssssssssssssssssssss .views-row .views-row-inner {
  padding: 0 10px 10px;
}
/* line 25, ../sass/components/_modules-interviews.scss */
.not-front #content .view-interviewsssssssssssssssssssss .views-row .views-field-title {
  text-align: center;
  background-color: white;
  margin-top: -50px;
  -webkit-transform: skew(0, 2.2deg);
  -moz-transform: skew(0, 2.2deg);
  -ms-transform: skew(0, 2.2deg);
  -o-transform: skew(0, 2.2deg);
  transform: skew(0, 2.2deg);
  padding: 20px 1%;
  width: 102%;
  margin-left: -2px;
}
/* line 38, ../sass/components/_modules-interviews.scss */
.not-front #content .view-interviewsssssssssssssssssssss .views-row .views-field-title h3 {
  padding: 0;
  margin: 0;
}
/* line 44, ../sass/components/_modules-interviews.scss */
.not-front #content .view-interviewsssssssssssssssssssss .views-row .views-field-field-mainimage,
.not-front #content .view-interviewsssssssssssssssssssss .views-row .views-field-field-image {
  align-self: flex-end;
  margin: -1rem 0 0;
  text-align: center;
  position: relative;
  padding: 0 !important;
  /*  end img */
}
/* line 52, ../sass/components/_modules-interviews.scss */
.not-front #content .view-interviewsssssssssssssssssssss .views-row .views-field-field-mainimage .submitted,
.not-front #content .view-interviewsssssssssssssssssssss .views-row .views-field-field-image .submitted {
  text-align: left;
  padding: 0 2rem;
}
/* line 53, ../sass/components/_modules-interviews.scss */
.not-front #content .view-interviewsssssssssssssssssssss .views-row .views-field-field-mainimage img,
.not-front #content .view-interviewsssssssssssssssssssss .views-row .views-field-field-image img {
  /*
  width: 200px;
  width: 150px;
  height: 150px;
  */
  width: 80%;
  min-width: 80%;
  margin: 1em auto  0 auto;
  -o-object-fit: cover;
  -o-object-position: center center;
  object-fit: cover;
  object-position: center center;
  opacity: 0.88;
  filter: alpha(opacity=88);
}
@media (min-width: 37.5em) {
  /* line 53, ../sass/components/_modules-interviews.scss */
  .not-front #content .view-interviewsssssssssssssssssssss .views-row .views-field-field-mainimage img,
  .not-front #content .view-interviewsssssssssssssssssssss .views-row .views-field-field-image img {
    width: 100%;
    height: auto;
    margin: 0.25em auto .5em auto;
  }
}
/* line 77, ../sass/components/_modules-interviews.scss */
.not-front #content .view-interviewsssssssssssssssssssss .views-row .views-field-field-mainimage img:hover, .not-front #content .view-interviewsssssssssssssssssssss .views-row .views-field-field-mainimage img:focus, .not-front #content .view-interviewsssssssssssssssssssss .views-row .views-field-field-mainimage img:active,
.not-front #content .view-interviewsssssssssssssssssssss .views-row .views-field-field-image img:hover,
.not-front #content .view-interviewsssssssssssssssssssss .views-row .views-field-field-image img:focus,
.not-front #content .view-interviewsssssssssssssssssssss .views-row .views-field-field-image img:active {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 94, ../sass/components/_modules-interviews.scss */
.not-front #content .view-interviewsssssssssssssssssssss .views-row .views-field-field-video-embed iframe {
  max-width: 560px !important;
  width: 560px !important;
  max-height: 315px !important;
  height: 315px !important;
}
/* line 99, ../sass/components/_modules-interviews.scss */
.not-front #content .view-interviewsssssssssssssssssssss .views-row h2, .not-front #content .view-interviewsssssssssssssssssssss .views-row h2 a, .not-front #content .view-interviewsssssssssssssssssssss .views-row h2 a:visited {
  letter-spacing: 0;
}
/* line 104, ../sass/components/_modules-interviews.scss */
.not-front #content .view-interviewsssssssssssssssssssss .views-row .views-field-field-newsletter-thema a {
  color: #7d7674;
  font-size: 1.2rem;
}
/* line 107, ../sass/components/_modules-interviews.scss */
.not-front #content .view-interviewsssssssssssssssssssss .views-row .views-field-field-newsletter-thema a:hover, .not-front #content .view-interviewsssssssssssssssssssss .views-row .views-field-field-newsletter-thema a:focus, .not-front #content .view-interviewsssssssssssssssssssss .views-row .views-field-field-newsletter-thema a:active {
  color: #454545;
}
/* line 112, ../sass/components/_modules-interviews.scss */
.not-front #content .view-interviewsssssssssssssssssssss .views-row .btn.download a {
  margin-top: 0;
  padding-bottom: 0;
}

/* .no-flexbox settings */
/* line 117, ../sass/components/_modules-interviews.scss */
.no-flexbox .not-front .datecircle {
  line-height: 40px;
  text-align: center;
}
/* line 120, ../sass/components/_modules-interviews.scss */
.no-flexbox .not-front .datecircle span:first-child {
  display: block;
  margin-top: 1x;
}

@media (min-width: 75em) {
  /* line 7, ../sass/components/_modules-spezialseite.scss */
  .page-node-2 .map,
  .page-node-255 .map {
    width: 60%;
    float: left;
  }
  /* line 11, ../sass/components/_modules-spezialseite.scss */
  .page-node-2 .therest,
  .page-node-255 .therest {
    margin-left: 65%;
  }
}
/* line 16, ../sass/components/_modules-spezialseite.scss */
.page-node-2 .map iframe,
.page-node-255 .map iframe {
  width: 100%;
}
/* line 20, ../sass/components/_modules-spezialseite.scss */
.page-node-2 .baguettebox-container,
.page-node-255 .baguettebox-container {
  display: none;
}
/* line 23, ../sass/components/_modules-spezialseite.scss */
.page-node-2 article .articlecontent > div,
.page-node-255 article .articlecontent > div {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 1 100% !important;
  -moz-box-flex: 0 !important;
  -moz-flex: 0 1 100% !important;
  -ms-flex: 0 1 100% !important;
  flex: 0 1 100% !important;
  width: 100% !important;
}

/* line 40, ../sass/components/_modules-spezialseite.scss */
.page-node-278,
.page-node-279 {
  /* newsletter anmeldung */
}
/* line 43, ../sass/components/_modules-spezialseite.scss */
.page-node-278 form > div div div > label,
.page-node-279 form > div div div > label {
  display: none;
}
/* line 45, ../sass/components/_modules-spezialseite.scss */
.page-node-278 input[type="radio"], .page-node-278 input[type="checkbox"],
.page-node-279 input[type="radio"],
.page-node-279 input[type="checkbox"] {
  float: left;
  margin-right: 15px;
}
/* line 48, ../sass/components/_modules-spezialseite.scss */
.page-node-278 #content button,
.page-node-279 #content button {
  background-color: #e0054c !important;
  color: #3d6174 !important;
  margin: 1em auto 1.5em auto;
  padding: 0 1.5em !important;
}

/* line 57, ../sass/components/_modules-spezialseite.scss */
.page-node-177 {
  /* Gesprächstermin anfragen */
}
/* line 61, ../sass/components/_modules-spezialseite.scss */
.page-node-177 form label {
  clear: both;
  display: block;
}
/* line 63, ../sass/components/_modules-spezialseite.scss */
.page-node-177 form input[type="text"], .page-node-177 form input[type="email"],
.page-node-177 form .form-item .form-textarea {
  width: 100%;
  min-width: 100px;
  max-width: 100%;
}
/* line 68, ../sass/components/_modules-spezialseite.scss */
.page-node-177 form .form-type-select {
  float: none;
  width: 25%;
  display: inline-block;
}
/* line 74, ../sass/components/_modules-spezialseite.scss */
.page-node-177 form .webform-component--name,
.page-node-177 form .webform-component--nachname {
  float: left;
  width: 33%;
  margin-right: 15px;
}
/* line 80, ../sass/components/_modules-spezialseite.scss */
.page-node-177 form .webform-component-node-reference label {
  clear: none;
  display: inline;
}
/* line 84, ../sass/components/_modules-spezialseite.scss */
.page-node-177 span.arrow.down {
  display: block;
  width: 100px;
  height: 100px;
  margin: 1em;
  background: url(../img/sprite_beni.svg) no-repeat center -775px;
}
/* line 85, ../sass/components/_modules-spezialseite.scss */
.page-node-177 span.arrow.down span {
  display: none;
}

/*
*/
/* line 5, ../sass/components/_modules-events.scss */
body.node-type-konzerttermin .field-type-link-field, body.node-type-konzerttermin .field-name-field-mainimage {
  text-align: center;
}
/* line 7, ../sass/components/_modules-events.scss */
body.node-type-konzerttermin .btn {
  min-width: 150px;
  max-width: 15px;
}
/* line 9, ../sass/components/_modules-events.scss */
body.node-type-konzerttermin .field-name-field-event-date,
body.node-type-konzerttermin .field-name-field-datum {
  font-weight: 400;
  padding: 0 0 .25em;
  font-family: "Kalam", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-size: 150%;
}
/* line 15, ../sass/components/_modules-events.scss */
body.node-type-konzerttermin .field-name-field-city,
body.node-type-konzerttermin .field-name-field-country {
  padding-top: .25em;
}
/* line 16, ../sass/components/_modules-events.scss */
body.node-type-konzerttermin .field-name-field-country {
  border-top: 0 none;
}
/* line 17, ../sass/components/_modules-events.scss */
body.node-type-konzerttermin .field-name-field-venue, body.node-type-konzerttermin .venue {
  padding-bottom: 1em;
  margin-bottom: 1em;
}
/* line 18, ../sass/components/_modules-events.scss */
body.node-type-konzerttermin .field-name-field-contentimage {
  display: none;
}
@media (min-width: 768px) {
  /* line 18, ../sass/components/_modules-events.scss */
  body.node-type-konzerttermin .field-name-field-contentimage {
    display: block;
  }
}
/* line 21, ../sass/components/_modules-events.scss */
body.node-type-konzerttermin .group-date-venue {
  font-size: 200%;
  font-weight: 300;
  margin-bottom: 1em;
  text-align: center;
}
/* line 26, ../sass/components/_modules-events.scss */
body.node-type-konzerttermin .group-date-venue * {
  display: block;
}
/* line 32, ../sass/components/_modules-events.scss */
body.node-type-konzerttermin .group-cityandcountry div {
  display: inline-block;
}
/* line 34, ../sass/components/_modules-events.scss */
body.node-type-konzerttermin .group-cityandcountry .field-name-field-state:after, body.node-type-konzerttermin .group-cityandcountry .field-name-field-state:before {
  content: " (";
  display: inline-block;
  width: 10px;
}
/* line 39, ../sass/components/_modules-events.scss */
body.node-type-konzerttermin .group-cityandcountry .field-name-field-state:after {
  content: ") ";
}

/* line 48, ../sass/components/_modules-events.scss */
.views-field-field-event-date,
.views-field-field-datum-2 {
  text-align: center;
  margin-bottom: .75em;
  margin-bottom: 0;
  color: #3d6174;
  	/*
  	display: inline-block;
  	float: left;
  */
}
/* line 57, ../sass/components/_modules-events.scss */
.views-field-field-event-date .date, .views-field-field-event-date .date2,
.views-field-field-datum-2 .date,
.views-field-field-datum-2 .date2 {
  width: 50px;
  /*	height: 50px;  */
  font-size: 5rem;
  font-weight: 400;
  line-height: 30px;
  margin: 5px auto .1em auto;
  position: relative;
  z-index: 100;
  font-family: "Kalam", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
/* line 68, ../sass/components/_modules-events.scss */
.front .views-field-field-event-date .date, .front .views-field-field-event-date .date2, .front
.views-field-field-datum-2 .date, .front
.views-field-field-datum-2 .date2 {
  margin: 3px 0 0;
}
/* line 78, ../sass/components/_modules-events.scss */
.views-field-field-event-date .date,
.views-field-field-datum-2 .date {
  /* > span:last-child { 
  	font-size: 100%;
  font-family: $roboto;
  	}  */
}
/* line 79, ../sass/components/_modules-events.scss */
.views-field-field-event-date .date > span:first-child,
.views-field-field-datum-2 .date > span:first-child {
  padding: 0;
}
/* line 80, ../sass/components/_modules-events.scss */
.views-field-field-event-date .date > span:nth-child(2), .views-field-field-event-date .date > span:last-child, .views-field-field-event-date .date > span:not(:first-child),
.views-field-field-datum-2 .date > span:nth-child(2),
.views-field-field-datum-2 .date > span:last-child,
.views-field-field-datum-2 .date > span:not(:first-child) {
  font-size: 50%;
  padding-top: 10px;
  line-height: 1.2em;
  text-transform: uppercase;
}

/* line 94, ../sass/components/_modules-events.scss */
.views-field-field-datum-2 {
  font-weight: 700;
}

/* .no-flexbox settings */
/* line 99, ../sass/components/_modules-events.scss */
.no-flexbox .datecircle {
  line-height: 40px;
  text-align: center;
}
/* line 102, ../sass/components/_modules-events.scss */
.no-flexbox .datecircle span {
  display: block;
  margin-top: -1x;
}
/* line 103, ../sass/components/_modules-events.scss */
.no-flexbox .datecircle span:nth-child(2) {
  margin-top: -18x;
}

/* line 108, ../sass/components/_modules-events.scss */
.page-konzerttermin.page-views #main #content > .inner article {
  padding: 0;
}

/* line 114, ../sass/components/_modules-events.scss */
#content .view-konzertkalender {
  padding-top: 20px;
  /* end .views-content */
}
/* line 119, ../sass/components/_modules-events.scss */
#content .view-konzertkalender .view-content,
#content .view-konzertkalender .view-content > .views-group > .views-group-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  /* end .views-row */
}
/* line 124, ../sass/components/_modules-events.scss */
#content .view-konzertkalender .view-content > .views-row,
#content .view-konzertkalender .view-content > .views-group > .views-group-content > .views-row {
  margin-bottom: 2em;
  background-color: transparent;
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  /*
  */
}
@media (min-width: 64em) {
  /* line 124, ../sass/components/_modules-events.scss */
  #content .view-konzertkalender .view-content > .views-row,
  #content .view-konzertkalender .view-content > .views-group > .views-group-content > .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 48.5%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 48.5%;
    -ms-flex: 0 1 48.5%;
    flex: 0 1 48.5%;
  }
}
/* line 134, ../sass/components/_modules-events.scss */
.front #content .view-konzertkalender .view-content > .views-row, .front
#content .view-konzertkalender .view-content > .views-group > .views-group-content > .views-row {
  margin-bottom: 1.5em !important;
}
/* line 140, ../sass/components/_modules-events.scss */
#content .view-konzertkalender .view-content > .views-row .views-row-inner,
#content .view-konzertkalender .view-content > .views-group > .views-group-content > .views-row .views-row-inner {
  display: block;
  text-align: left;
  padding-bottom: .5em;
  padding: 2rem;
}
/* line 144, ../sass/components/_modules-events.scss */
#content .view-konzertkalender .view-content > .views-row .views-row-inner .views-field,
#content .view-konzertkalender .view-content > .views-group > .views-group-content > .views-row .views-row-inner .views-field {
  margin: 0;
}
/* line 147, ../sass/components/_modules-events.scss */
#content .view-konzertkalender .view-content > .views-row .views-field .field-content,
#content .view-konzertkalender .view-content > .views-group > .views-group-content > .views-row .views-field .field-content {
  padding: 0;
}
/* line 152, ../sass/components/_modules-events.scss */
#content .view-konzertkalender .view-content > .views-row .views-field.views-field-field-event-date,
#content .view-konzertkalender .view-content > .views-group > .views-group-content > .views-row .views-field.views-field-field-event-date {
  width: 75px;
  float: left;
  font-family: "Kalam", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  /*
  .date {
  	padding-bottom: 80px;
  	min-height: 120px;
  }
  */
}
/* line 158, ../sass/components/_modules-events.scss */
#content .view-konzertkalender .view-content > .views-row .views-field.views-field-field-event-date .field-content,
#content .view-konzertkalender .view-content > .views-group > .views-group-content > .views-row .views-field.views-field-field-event-date .field-content {
  padding: 1rem 0;
}
/* line 167, ../sass/components/_modules-events.scss */
#content .view-konzertkalender .view-content > .views-row .views-field:not(.views-field-field-datum):not(.views-field-field-event-date),
#content .view-konzertkalender .view-content > .views-group > .views-group-content > .views-row .views-field:not(.views-field-field-datum):not(.views-field-field-event-date) {
  line-height: 1.5;
  text-align: left;
  /*
  */
  margin-left: 100px;
}
/* line 175, ../sass/components/_modules-events.scss */
#content .view-konzertkalender .view-content > .views-row h3,
#content .view-konzertkalender .view-content > .views-group > .views-group-content > .views-row h3 {
  margin: 0;
}
/* line 177, ../sass/components/_modules-events.scss */
#content .view-konzertkalender .view-content > .views-row h3 a,
#content .view-konzertkalender .view-content > .views-group > .views-group-content > .views-row h3 a {
  display: block;
}
/* line 178, ../sass/components/_modules-events.scss */
#content .view-konzertkalender .view-content > .views-row h3 a:hover, #content .view-konzertkalender .view-content > .views-row h3 a:focus, #content .view-konzertkalender .view-content > .views-row h3 a:active,
#content .view-konzertkalender .view-content > .views-group > .views-group-content > .views-row h3 a:hover,
#content .view-konzertkalender .view-content > .views-group > .views-group-content > .views-row h3 a:focus,
#content .view-konzertkalender .view-content > .views-group > .views-group-content > .views-row h3 a:active {
  color: #38383a;
}
/* line 183, ../sass/components/_modules-events.scss */
#content .view-konzertkalender .view-content > .views-row .views-field-field-venue,
#content .view-konzertkalender .view-content > .views-group > .views-group-content > .views-row .views-field-field-venue {
  color: #38383a;
  font-weight: 400;
  font-size: 12px;
  font-size: 1.2rem;
}
@media (min-width: 56.25em) {
  /* line 183, ../sass/components/_modules-events.scss */
  #content .view-konzertkalender .view-content > .views-row .views-field-field-venue,
  #content .view-konzertkalender .view-content > .views-group > .views-group-content > .views-row .views-field-field-venue {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* line 190, ../sass/components/_modules-events.scss */
.page-views #content .view-konzertkalender .view-content > .views-row .views-field-field-venue, .page-views
#content .view-konzertkalender .view-content > .views-group > .views-group-content > .views-row .views-field-field-venue {
  color: #38383a;
  font-size: inherit;
  font-weight: 600;
}
/* line 197, ../sass/components/_modules-events.scss */
#content .view-konzertkalender .view-content > .views-row .views-field-field-kurztext,
#content .view-konzertkalender .view-content > .views-group > .views-group-content > .views-row .views-field-field-kurztext {
  margin-top: .75em;
}
/* line 203, ../sass/components/_modules-events.scss */
#content .view-konzertkalender .view-content > .views-row .views-field.views-field-field-konzerttermin-kategorie,
#content .view-konzertkalender .view-content > .views-group > .views-group-content > .views-row .views-field.views-field-field-konzerttermin-kategorie {
  margin-top: .5em;
  margin-bottom: .5em;
  color: #7d7674;
  text-transform: uppercase;
  font-size: 75%;
}
/* line 212, ../sass/components/_modules-events.scss */
.page-views #content .view-konzertkalender .view-content > .views-row .views-field-body, .page-views
#content .view-konzertkalender .view-content > .views-group > .views-group-content > .views-row .views-field-body {
  color: #38383a;
  font-weight: 400;
  font-size: 12px;
  font-size: 1.2rem;
}
@media (min-width: 56.25em) {
  /* line 212, ../sass/components/_modules-events.scss */
  .page-views #content .view-konzertkalender .view-content > .views-row .views-field-body, .page-views
  #content .view-konzertkalender .view-content > .views-group > .views-group-content > .views-row .views-field-body {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* line 219, ../sass/components/_modules-events.scss */
#content .view-konzertkalender .view-content > .views-row .views-field-title,
#content .view-konzertkalender .view-content > .views-group > .views-group-content > .views-row .views-field-title {
  margin-bottom: .5em !important;
}
/* line 226, ../sass/components/_modules-events.scss */
#content .view-konzertkalender .view-content > .views-row .views-field-field-link a,
#content .view-konzertkalender .view-content > .views-group > .views-group-content > .views-row .views-field-field-link a {
  line-height: 2em;
  margin: .5em 0;
}
/* line 234, ../sass/components/_modules-events.scss */
#content .view-konzertkalender .view-content > .views-row .field-name-field-mainimage img,
#content .view-konzertkalender .view-content > .views-group > .views-group-content > .views-row .field-name-field-mainimage img {
  /*
  	height: 200px;
  	width: 200px;
    @include border-radius(100%);
  */
  min-height: 120px;
  min-width: 120px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -o-object-fit: cover;
  -o-object-position: bottom center;
  object-fit: cover;
  object-position: bottom center;
  /*
  	&:hover, &:focus, &:active {@include border-radius(0);}
  */
  width: 150px;
  height: 150px;
  float: right;
}

/* end .view */
/* .no-flexbox settings */
/* line 250, ../sass/components/_modules-events.scss */
.no-flexbox #content .view-konzertkalender .view-content {
  display: table;
  width: 100% !important;
}
/* line 228, ../sass/base/_base-mixin.scss */
.no-flexbox #content .view-konzertkalender .view-content .views-row {
  display: block;
  float: left;
  width: 100%;
}
/* line 252, ../sass/components/_modules-events.scss */
.no-flexbox #content .view-konzertkalender .view-content .views-row {
  width: 100%;
  min-height: auto;
  margin-left: 0 !important;
}

/* Excepts for not front */
@media (min-width: 768px) {
  /* line 262, ../sass/components/_modules-events.scss */
  .not-front #content .view-konzertkalender .view-content .views-row::after {
    content: " ";
    display: inline-block;
    height: 50px;
    width: 50px;
    position: absolute;
    opacity: 0.5;
    filter: alpha(opacity=50);
    top: -5px;
    right: -3px;
    background: url(../img/sprite_beni.svg) no-repeat 10px -840px;
  }
}

/*  Ternine in der Sidebar */
/* line 283, ../sass/components/_modules-events.scss */
aside .region-sidebar-second > .constrained {
  width: 84%;
}

/* Past Dates */
/* line 294, ../sass/components/_modules-events.scss */
.view.view-konzertkalender.view-display-id-page_2 .views-field-field-event-date {
  width: 15%;
}
/* line 295, ../sass/components/_modules-events.scss */
.view.view-konzertkalender.view-display-id-page_2 .views-field-title {
  width: 30%;
}
/* line 296, ../sass/components/_modules-events.scss */
.view.view-konzertkalender.view-display-id-page_2 .views-field-field-venue {
  width: 30%;
}
@media (max-width: 39.9375em) {
  /* line 299, ../sass/components/_modules-events.scss */
  .view.view-konzertkalender.view-display-id-page_2 .views-field {
    width: 100% !important;
  }
  /* line 301, ../sass/components/_modules-events.scss */
  .view.view-konzertkalender.view-display-id-page_2 .tablesaw-stack tbody td, .view.view-konzertkalender.view-display-id-page_2 .tablesaw-stack tbody th {
    float: none;
  }
}

@media (min-width: 768px) {
  /* line 8, ../sass/components/_modules-photos.scss */
  body.node-type-photo article > .articlecontent .baguettebox-container,
  body.node-type-photo article > .articlecontent .field-name-field-video {
    float: left;
    width: 60%;
    margin-right: 5%;
  }
}
/* line 14, ../sass/components/_modules-photos.scss */
body.node-type-photo article > .articlecontent .baguettebox-container .field-name-field-image,
body.node-type-photo article > .articlecontent .field-name-field-video .field-name-field-image {
  margin: 0;
}
/* line 16, ../sass/components/_modules-photos.scss */
body.node-type-photo article > .articlecontent .baguettebox-container .field-name-field-image img,
body.node-type-photo article > .articlecontent .field-name-field-video .field-name-field-image img {
  border: 10px solid white;
}
@media (min-width: 768px) {
  /* line 20, ../sass/components/_modules-photos.scss */
  body.node-type-photo article > .articlecontent .field:not(.field-name-field-image):not(.field-name-field-video) {
    margin-left: 65%;
  }
}
/* line 28, ../sass/components/_modules-photos.scss */
body.node-type-photo article > .articlecontent .field {
  margin-left: 0 !important;
}

/* body */
/* line 39, ../sass/components/_modules-photos.scss */
.field-name-field-video iframe {
  width: 100% !important;
  max-height: 240px !important;
  max-width: 500px;
  margin-bottom: 1.5em;
}
@media (min-width: 30em) {
  /* line 39, ../sass/components/_modules-photos.scss */
  .field-name-field-video iframe {
    max-height: 270px !important;
  }
}
@media (min-width: 37.5em) {
  /* line 39, ../sass/components/_modules-photos.scss */
  .field-name-field-video iframe {
    max-height: 320px !important;
  }
}
@media (min-width: 768px) {
  /* line 39, ../sass/components/_modules-photos.scss */
  .field-name-field-video iframe {
    max-height: 100% !important;
  }
}

/* line 50, ../sass/components/_modules-photos.scss */
.page-node-add .form-field-type-image .description {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  display: none;
}

/* line 61, ../sass/components/_modules-photos.scss */
.not-front #content .view-photos,
.not-front #content .view-photogallery {
  margin-bottom: 3em;
  width: 100%;
  float: left;
}
/* line 68, ../sass/components/_modules-photos.scss */
.not-front #content .view-photos .view-content > .views-row,
.not-front #content .view-photogallery .view-content > .views-row {
  text-align: left;
  word-break: break-word;
  display: block;
  /* views row inner */
}
/* line 75, ../sass/components/_modules-photos.scss */
.not-front #content .view-photos .view-content > .views-row .views-row-inner,
.not-front #content .view-photogallery .view-content > .views-row .views-row-inner {
  padding: 5px;
  position: relative;
}
/* line 79, ../sass/components/_modules-photos.scss */
.not-front #content .view-photos .view-content > .views-row .views-row-inner .views-field-nothing,
.not-front #content .view-photogallery .view-content > .views-row .views-row-inner .views-field-nothing {
  /* v2 */
}
/* line 80, ../sass/components/_modules-photos.scss */
.not-front #content .view-photos .view-content > .views-row .views-row-inner .views-field-nothing a,
.not-front #content .view-photogallery .view-content > .views-row .views-row-inner .views-field-nothing a {
  padding: 0 1.5em 1em;
  display: block;
}
/* line 89, ../sass/components/_modules-photos.scss */
.not-front #content .view-photos .view-content > .views-row .views-row-inner .views-field-title,
.not-front #content .view-photogallery .view-content > .views-row .views-row-inner .views-field-title {
  /*@include flex( 0 1 20%);  */
  margin: .5rem 0 5px 0;
}
/* line 94, ../sass/components/_modules-photos.scss */
.not-front #content .view-photos .view-content > .views-row .views-row-inner .submitted, .not-front #content .view-photos .view-content > .views-row .views-row-inner .submitted *,
.not-front #content .view-photogallery .view-content > .views-row .views-row-inner .submitted,
.not-front #content .view-photogallery .view-content > .views-row .views-row-inner .submitted * {
  padding: 0;
  margin: 0;
  list-style: none;
}
/* line 97, ../sass/components/_modules-photos.scss */
.not-front #content .view-photos .view-content > .views-row .views-row-inner .views-field-entity-id,
.not-front #content .view-photogallery .view-content > .views-row .views-row-inner .views-field-entity-id {
  position: relative;
}
/* line 100, ../sass/components/_modules-photos.scss */
.not-front #content .view-photos .view-content > .views-row .views-row-inner .views-field-entity-id .views-field-field-copyright,
.not-front #content .view-photogallery .view-content > .views-row .views-row-inner .views-field-entity-id .views-field-field-copyright {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 96%;
  width: auto;
  text-align: right;
  padding: 7px 2%;
  margin: 0;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.5);
}
/* line 116, ../sass/components/_modules-photos.scss */
.not-front #content .view-photos .view-content > .views-row .views-row-inner .views-field-views-conditional .downloadlink,
.not-front #content .view-photogallery .view-content > .views-row .views-row-inner .views-field-views-conditional .downloadlink {
  position: relative;
}
/* line 118, ../sass/components/_modules-photos.scss */
.not-front #content .view-photos .view-content > .views-row .views-row-inner .views-field-views-conditional a,
.not-front #content .view-photogallery .view-content > .views-row .views-row-inner .views-field-views-conditional a {
  position: absolute;
  bottom: 0;
  left: 0;
  width: auto;
  width: 50px;
  height: 28px;
  text-align: right;
  padding: 7px 5px 0;
  margin: 0;
  z-index: 10;
  background: rgba(255, 255, 255, 0.75) url(../img/sprite_beni.svg) no-repeat -336px -1497px;
}
/* line 130, ../sass/components/_modules-photos.scss */
.not-front #content .view-photos .view-content > .views-row .views-row-inner .views-field-views-conditional a:hover, .not-front #content .view-photos .view-content > .views-row .views-row-inner .views-field-views-conditional a:focus, .not-front #content .view-photos .view-content > .views-row .views-row-inner .views-field-views-conditional a:active,
.not-front #content .view-photogallery .view-content > .views-row .views-row-inner .views-field-views-conditional a:hover,
.not-front #content .view-photogallery .view-content > .views-row .views-row-inner .views-field-views-conditional a:focus,
.not-front #content .view-photogallery .view-content > .views-row .views-row-inner .views-field-views-conditional a:active {
  background-position-y: -1495px;
}
/* line 131, ../sass/components/_modules-photos.scss */
.not-front #content .view-photos .view-content > .views-row .views-row-inner .views-field-views-conditional a span,
.not-front #content .view-photogallery .view-content > .views-row .views-row-inner .views-field-views-conditional a span {
  display: none;
}
/* line 137, ../sass/components/_modules-photos.scss */
.not-front #content .view-photos .view-content > .views-row .views-row-inner .views-field-field-link a,
.not-front #content .view-photogallery .view-content > .views-row .views-row-inner .views-field-field-link a {
  display: block;
  text-align: right;
  color: #7d7674;
  font-size: 75%;
}
/* line 140, ../sass/components/_modules-photos.scss */
.not-front #content .view-photos .view-content > .views-row .views-row-inner .views-field-field-link a:hover, .not-front #content .view-photos .view-content > .views-row .views-row-inner .views-field-field-link a:focus, .not-front #content .view-photos .view-content > .views-row .views-row-inner .views-field-field-link a:active,
.not-front #content .view-photogallery .view-content > .views-row .views-row-inner .views-field-field-link a:hover,
.not-front #content .view-photogallery .view-content > .views-row .views-row-inner .views-field-field-link a:focus,
.not-front #content .view-photogallery .view-content > .views-row .views-row-inner .views-field-field-link a:active {
  color: #ae043b;
}
/* line 142, ../sass/components/_modules-photos.scss */
.not-front #content .view-photos .view-content > .views-row .views-row-inner .views-field-field-testimonial,
.not-front #content .view-photogallery .view-content > .views-row .views-row-inner .views-field-field-testimonial {
  color: #7d7674;
  font-size: 75%;
  font-style: italic;
}
/* line 148, ../sass/components/_modules-photos.scss */
.not-front #content .view-photos .view-content > .views-row .views-row-inner .views-field-field-kurztext,
.not-front #content .view-photogallery .view-content > .views-row .views-row-inner .views-field-field-kurztext {
  padding: .5em 0;
}
/* line 151, ../sass/components/_modules-photos.scss */
.not-front #content .view-photos .view-content > .views-row .views-row-inner .views-field-field-kurztext .field-content p, .not-front #content .view-photos .view-content > .views-row .views-row-inner .views-field-field-kurztext .field-content li,
.not-front #content .view-photogallery .view-content > .views-row .views-row-inner .views-field-field-kurztext .field-content p,
.not-front #content .view-photogallery .view-content > .views-row .views-row-inner .views-field-field-kurztext .field-content li {
  margin: 0;
  padding: 0;
  font-size: 75%;
}
/* line 156, ../sass/components/_modules-photos.scss */
.not-front #content .view-photos .view-content > .views-row .views-row-inner .views-field-field-kurztext li, .not-front #content .view-photos .view-content > .views-row .views-row-inner .views-field-field-kurztext ul,
.not-front #content .view-photogallery .view-content > .views-row .views-row-inner .views-field-field-kurztext li,
.not-front #content .view-photogallery .view-content > .views-row .views-row-inner .views-field-field-kurztext ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 176, ../sass/components/_modules-photos.scss */
.front .view-foto-notification .view-content {
  display: none;
}
/* line 177, ../sass/components/_modules-photos.scss */
.front .view-foto-notification .view-footer {
  margin-top: 1em;
}

/* line 6, ../sass/components/_modules-timeline.scss */
.not-front #content .view-timeline-v2 {
  /* .view-content */
}
/* line 7, ../sass/components/_modules-timeline.scss */
.not-front #content .view-timeline-v2 .view-content {
  /* views group */
  /* views row */
}
/* line 9, ../sass/components/_modules-timeline.scss */
.not-front #content .view-timeline-v2 .view-content > .views-group {
  padding: 0 20px;
  border-left: 3px solid #63b38e;
}
/* line 12, ../sass/components/_modules-timeline.scss */
.not-front #content .view-timeline-v2 .view-content > .views-group .views-group-header h2 {
  text-align: left;
  margin: 1rem 0 .5rem;
  padding: 0;
  font-size: 2em;
  letter-spacing: .5em;
  color: #63b38e;
}
@media (min-width: 37.5em) {
  /* line 9, ../sass/components/_modules-timeline.scss */
  .not-front #content .view-timeline-v2 .view-content > .views-group {
    margin-left: 50%;
    width: 50%;
    padding: 0;
  }
  /* line 27, ../sass/components/_modules-timeline.scss */
  .not-front #content .view-timeline-v2 .view-content > .views-group .views-row-inner, .not-front #content .view-timeline-v2 .view-content > .views-group .views-group-header {
    text-align: left;
    padding: 10px 30px 0;
  }
  /* line 31, ../sass/components/_modules-timeline.scss */
  .not-front #content .view-timeline-v2 .view-content > .views-group .showyeartoggler img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    float: left;
    margin-right: 20px;
  }
}
@media (min-width: 37.5em) {
  /* line 38, ../sass/components/_modules-timeline.scss */
  .not-front #content .view-timeline-v2 .view-content > .views-group:nth-child(2n+2) {
    margin-left: 0;
    border-left: 0 none;
    border-right: 3px solid #63b38e;
  }
  /* line 44, ../sass/components/_modules-timeline.scss */
  .not-front #content .view-timeline-v2 .view-content > .views-group:nth-child(2n+2) .views-row-inner, .not-front #content .view-timeline-v2 .view-content > .views-group:nth-child(2n+2) .views-group-header {
    text-align: right;
  }
  /* line 45, ../sass/components/_modules-timeline.scss */
  .not-front #content .view-timeline-v2 .view-content > .views-group:nth-child(2n+2) h2 {
    text-align: right;
  }
  /* line 46, ../sass/components/_modules-timeline.scss */
  .not-front #content .view-timeline-v2 .view-content > .views-group:nth-child(2n+2) .showyeartoggler img {
    float: right;
    margin: 0 0 0 20px;
  }
}
/* line 52, ../sass/components/_modules-timeline.scss */
.not-front #content .view-timeline-v2 .view-content > .views-group > .views-group-content {
  float: none;
  display: block;
}
/* line 59, ../sass/components/_modules-timeline.scss */
.not-front #content .view-timeline-v2 .view-content > .views-group > .views-group-header {
  position: relative;
}
/* line 61, ../sass/components/_modules-timeline.scss */
.not-front #content .view-timeline-v2 .view-content > .views-group > .views-group-header:before {
  content: " ";
  display: block;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  margin: 0 auto;
  background-color: white;
  border: 4px solid #63b38e;
  position: absolute;
  top: 12px;
  margin-left: -31px;
}
@media (min-width: 37.5em) {
  /* line 61, ../sass/components/_modules-timeline.scss */
  .not-front #content .view-timeline-v2 .view-content > .views-group > .views-group-header:before {
    top: 36px;
    margin-left: -41px;
  }
}
@media (min-width: 37.5em) {
  /* line 84, ../sass/components/_modules-timeline.scss */
  .not-front #content .view-timeline-v2 .view-content > .views-group:nth-child(2n+2) > .views-group-header:before {
    top: 36px;
    margin-left: auto;
    right: -10px;
  }
}
/* line 95, ../sass/components/_modules-timeline.scss */
.not-front #content .view-timeline-v2 .view-content > .views-group > .views-group-content > .views-row {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  flex: none;
  /*
  .views-field-body, .yearbody {
  display: none;
  &.showyear {display: block;}
  } 
  */
}
/* line 107, ../sass/components/_modules-timeline.scss */
.not-front #content .view-timeline-v2 .view-content > .views-group > .views-group-content > .views-row .showyeartoggler {
  cursor: pointer;
  display: block;
}
/* line 110, ../sass/components/_modules-timeline.scss */
.not-front #content .view-timeline-v2 .view-content > .views-group > .views-group-content > .views-row .showyeartoggler + .yearbody {
  display: none;
}
/* line 112, ../sass/components/_modules-timeline.scss */
.not-front #content .view-timeline-v2 .view-content > .views-group > .views-group-content > .views-row .showyeartoggler:target {
  padding-top: 150px;
}
/* line 116, ../sass/components/_modules-timeline.scss */
.not-front #content .view-timeline-v2 .view-content > .views-group > .views-group-content > .views-row .showyeartoggler.showyear + .yearbody {
  display: block;
  font-size: 0.813em;
  float: left;
  width: 100%;
  margin-top: 1em;
}
/* line 123, ../sass/components/_modules-timeline.scss */
.not-front #content .view-timeline-v2 .view-content > .views-group > .views-group-content > .views-row .views-field-title {
  margin: 0;
}
/* line 124, ../sass/components/_modules-timeline.scss */
.not-front #content .view-timeline-v2 .view-content > .views-group > .views-group-content > .views-row .views-field-title h3, .not-front #content .view-timeline-v2 .view-content > .views-group > .views-group-content > .views-row .views-field-title h3 a, .not-front #content .view-timeline-v2 .view-content > .views-group > .views-group-content > .views-row .views-field-title h3 a:visited {
  letter-spacing: 0;
  text-align: center;
  margin-top: 0;
  padding: 1em 0;
  font-size: 200%;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: white;
  background-color: #63b38e;
  font-weight: 400;
}
/* line 141, ../sass/components/_modules-timeline.scss */
.not-front #content .view-timeline-v2 .view-content > .views-group > .views-group-content > .views-row .views-field .field-content {
  padding: 0;
}
/* line 147, ../sass/components/_modules-timeline.scss */
.not-front #content .view-timeline-v2 .view-footer {
  margin: 6rem 0;
  float: left;
  width: 100%;
  text-align: center;
}

/* line 4, ../sass/components/_modules-search.scss */
:-ms-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
::-webkit-input-placeholder {
  font-size: 36px;
  font-size: 3.6rem;
}

/* line 7, ../sass/components/_modules-search.scss */
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: pink;
}

/* line 10, ../sass/components/_modules-search.scss */
::-moz-placeholder {
  /* Firefox 19+ */
  color: pink;
}

/* line 13, ../sass/components/_modules-search.scss */
:-ms-input-placeholder {
  /* IE 10+ */
  color: pink;
}

/* line 16, ../sass/components/_modules-search.scss */
:-moz-placeholder {
  /* Firefox 18- */
  color: pink;
}

/* line 25, ../sass/components/_modules-search.scss */
#block-search-form,
#block-views-exp-suche-page,
#block-views-exp-suche-global-page {
  margin: 0 auto;
  height: 50%;
  padding: 50% 0 30% 0;
  width: 90%;
  max-width: 800px;
}
@media (max-height: 25em) {
  /* line 25, ../sass/components/_modules-search.scss */
  #block-search-form,
  #block-views-exp-suche-page,
  #block-views-exp-suche-global-page {
    padding: 10% 0 10% 0;
  }
}
@media (min-width: 30em) {
  /* line 25, ../sass/components/_modules-search.scss */
  #block-search-form,
  #block-views-exp-suche-page,
  #block-views-exp-suche-global-page {
    width: 80%;
  }
}
@media (min-width: 37.5em) {
  /* line 25, ../sass/components/_modules-search.scss */
  #block-search-form,
  #block-views-exp-suche-page,
  #block-views-exp-suche-global-page {
    width: 70%;
    padding-top: 20%;
  }
}
@media (min-width: 64em) {
  /* line 25, ../sass/components/_modules-search.scss */
  #block-search-form,
  #block-views-exp-suche-page,
  #block-views-exp-suche-global-page {
    width: 50%;
  }
}
/* line 36, ../sass/components/_modules-search.scss */
.page-search #block-search-form, .page-search
#block-views-exp-suche-page, .page-search
#block-views-exp-suche-global-page {
  /* Exception follows on line 201 */
}
/* line 39, ../sass/components/_modules-search.scss */
#block-search-form .form-item-search-block-form,
#block-search-form .views-widget-filter-search_api_views_fulltext,
#block-views-exp-suche-page .form-item-search-block-form,
#block-views-exp-suche-page .views-widget-filter-search_api_views_fulltext,
#block-views-exp-suche-global-page .form-item-search-block-form,
#block-views-exp-suche-global-page .views-widget-filter-search_api_views_fulltext {
  float: left;
  position: relative;
  width: 85%;
  width: 100%;
}
/* line 46, ../sass/components/_modules-search.scss */
#block-search-form .form-actions,
#block-search-form .views-submit-button,
#block-views-exp-suche-page .form-actions,
#block-views-exp-suche-page .views-submit-button,
#block-views-exp-suche-global-page .form-actions,
#block-views-exp-suche-global-page .views-submit-button {
  /*
      width: 20%;
  	float:right;
  	position:relative;
  	margin:0; padding:0;
       margin-left: -20%;
  	 */
  position: absolute;
  width: 59px;
  height: 100px;
  	/*
      margin: 50px 0 0 70%;
  	@include bp(bp2) {margin-left: 60%;} 
  	@include bp(bp3) {margin-left: 56%;} 
  	@include bp(bp4) {margin-left: 58%;} 
  	@include bp(bp5) {margin-left: 40%;} 
  	@include bp(bp8) { display:none;} 
  	*/
  float: none;
  bottom: 0;
  right: -79px;
  right: auto;
  left: 64%;
  /* unsichtbar amchen */
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
@media (min-width: 37.5em) {
  /* line 46, ../sass/components/_modules-search.scss */
  #block-search-form .form-actions,
  #block-search-form .views-submit-button,
  #block-views-exp-suche-page .form-actions,
  #block-views-exp-suche-page .views-submit-button,
  #block-views-exp-suche-global-page .form-actions,
  #block-views-exp-suche-global-page .views-submit-button {
    right: -79px;
    left: auto;
  }
}
/* line 80, ../sass/components/_modules-search.scss */
#block-search-form .form-actions input[type="submit"],
#block-search-form .views-submit-button input[type="submit"],
#block-views-exp-suche-page .form-actions input[type="submit"],
#block-views-exp-suche-page .views-submit-button input[type="submit"],
#block-views-exp-suche-global-page .form-actions input[type="submit"],
#block-views-exp-suche-global-page .views-submit-button input[type="submit"] {
  font-size: 0px;
  font-size: 0rem;
  width: 59px;
  min-width: 59px;
  height: 100px;
  background-color: transparent;
  border: 0 none;
  -webkit-box-shadow: 0 0 0 0 ;
  -moz-box-shadow: 0 0 0 0 ;
  box-shadow: 0 0 0 0 ;
  background: url(../img/sprite_beni.svg) no-repeat 100% -288px;
  opacity: 0.65;
  filter: alpha(opacity=65);
}
/* line 91, ../sass/components/_modules-search.scss */
#block-search-form .form-actions input[type="submit"]:hover, #block-search-form .form-actions input[type="submit"]:focus, #block-search-form .form-actions input[type="submit"]:active,
#block-search-form .views-submit-button input[type="submit"]:hover,
#block-search-form .views-submit-button input[type="submit"]:focus,
#block-search-form .views-submit-button input[type="submit"]:active,
#block-views-exp-suche-page .form-actions input[type="submit"]:hover,
#block-views-exp-suche-page .form-actions input[type="submit"]:focus,
#block-views-exp-suche-page .form-actions input[type="submit"]:active,
#block-views-exp-suche-page .views-submit-button input[type="submit"]:hover,
#block-views-exp-suche-page .views-submit-button input[type="submit"]:focus,
#block-views-exp-suche-page .views-submit-button input[type="submit"]:active,
#block-views-exp-suche-global-page .form-actions input[type="submit"]:hover,
#block-views-exp-suche-global-page .form-actions input[type="submit"]:focus,
#block-views-exp-suche-global-page .form-actions input[type="submit"]:active,
#block-views-exp-suche-global-page .views-submit-button input[type="submit"]:hover,
#block-views-exp-suche-global-page .views-submit-button input[type="submit"]:focus,
#block-views-exp-suche-global-page .views-submit-button input[type="submit"]:active {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 95, ../sass/components/_modules-search.scss */
#block-search-form .views-exposed-widgets,
#block-views-exp-suche-page .views-exposed-widgets,
#block-views-exp-suche-global-page .views-exposed-widgets {
  position: absolute;
}
@media (min-width: 37.5em) {
  /* line 95, ../sass/components/_modules-search.scss */
  #block-search-form .views-exposed-widgets,
  #block-views-exp-suche-page .views-exposed-widgets,
  #block-views-exp-suche-global-page .views-exposed-widgets {
    position: unset;
  }
}
/* line 99, ../sass/components/_modules-search.scss */
#block-search-form .form-item input.form-text,
#block-views-exp-suche-page .form-item input.form-text,
#block-views-exp-suche-global-page .form-item input.form-text {
  margin-bottom: 1.35rem;
  padding: 0 10px;
  background-color: white;
  line-height: 100px;
  font-size: 36px;
  font-size: 3.6rem;
  border-radius: 0.25em 0 0 0.25em;
  border-radius: 0.25em;
  border-color: #5f5f5f;
  background-color: white;
  border-color: #7d7674;
  /*	@include box-shadow(0,0,10px,inset,lighten($grey,5));
  */
  width: 60%;
  width: 100%;
}
@media (min-width: 37.5em) {
  /* line 99, ../sass/components/_modules-search.scss */
  #block-search-form .form-item input.form-text,
  #block-views-exp-suche-page .form-item input.form-text,
  #block-views-exp-suche-global-page .form-item input.form-text {
    width: 100%;
  }
}
/* line 117, ../sass/components/_modules-search.scss */
#block-search-form .form-item input.form-text:focus,
#block-views-exp-suche-page .form-item input.form-text:focus,
#block-views-exp-suche-global-page .form-item input.form-text:focus {
  background-color: white;
  border-color: #e0054c;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  opacity: 0.65;
  filter: alpha(opacity=65);
}
/* line 124, ../sass/components/_modules-search.scss */
#block-search-form .form-item input.form-text:hover, #block-search-form .form-item input.form-text:focus, #block-search-form .form-item input.form-text:active,
#block-views-exp-suche-page .form-item input.form-text:hover,
#block-views-exp-suche-page .form-item input.form-text:focus,
#block-views-exp-suche-page .form-item input.form-text:active,
#block-views-exp-suche-global-page .form-item input.form-text:hover,
#block-views-exp-suche-global-page .form-item input.form-text:focus,
#block-views-exp-suche-global-page .form-item input.form-text:active {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 131, ../sass/components/_modules-search.scss */
#block-search-form .form-item input.form-text:-ms-input-placeholder, #block-search-form .form-item input.form-text::-moz-placeholder, #block-search-form .form-item input.form-text:-moz-placeholder, #block-search-form .form-item input.form-text::-webkit-input-placeholder,
#block-views-exp-suche-page .form-item input.form-text:-ms-input-placeholder,
#block-views-exp-suche-page .form-item input.form-text::-moz-placeholder,
#block-views-exp-suche-page .form-item input.form-text:-moz-placeholder,
#block-views-exp-suche-page .form-item input.form-text::-webkit-input-placeholder,
#block-views-exp-suche-global-page .form-item input.form-text:-ms-input-placeholder,
#block-views-exp-suche-global-page .form-item input.form-text::-moz-placeholder,
#block-views-exp-suche-global-page .form-item input.form-text:-moz-placeholder,
#block-views-exp-suche-global-page .form-item input.form-text::-webkit-input-placeholder {
  font-size: 36px;
  font-size: 3.6rem;
}
/* line 137, ../sass/components/_modules-search.scss */
#block-search-form .togglesearch,
#block-views-exp-suche-page .togglesearch,
#block-views-exp-suche-global-page .togglesearch {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: url(../img/sprite_beni.svg) no-repeat 99% -145px;
  filter: alpha(opacity=70);
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.65;
  filter: alpha(opacity=65);
  display: block;
  position: absolute;
  width: 120px;
  height: 120px;
  background: url(../img/sprite_beni.svg) no-repeat 8px -1375px;
}
/* line 147, ../sass/components/_modules-search.scss */
#block-search-form .togglesearch span,
#block-views-exp-suche-page .togglesearch span,
#block-views-exp-suche-global-page .togglesearch span {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
/* line 149, ../sass/components/_modules-search.scss */
#block-search-form .togglesearch:hover, #block-search-form .togglesearch:focus, #block-search-form .togglesearch:active,
#block-views-exp-suche-page .togglesearch:hover,
#block-views-exp-suche-page .togglesearch:focus,
#block-views-exp-suche-page .togglesearch:active,
#block-views-exp-suche-global-page .togglesearch:hover,
#block-views-exp-suche-global-page .togglesearch:focus,
#block-views-exp-suche-global-page .togglesearch:active {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 158, ../sass/components/_modules-search.scss */
#block-search-form label,
#block-views-exp-suche-page label,
#block-views-exp-suche-global-page label {
  color: #454545;
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0 0 20px 0;
  text-align: left;
  font-weight: 400;
  line-height: 1.4rem;
}

/* EXCEPTION FOR SEARCH PAGE ITSELF */
/* line 171, ../sass/components/_modules-search.scss */
.page-search #content #block-search-form {
  padding: 0 0 20% 0;
  height: 60px;
  margin-bottom: 4em;
  width: 100%;
}
@media (min-width: 30em) {
  /* line 171, ../sass/components/_modules-search.scss */
  .page-search #content #block-search-form {
    width: 90%;
    margin-bottom: auto;
  }
}
/* line 178, ../sass/components/_modules-search.scss */
.page-search #content #block-search-form label {
  color: #454545;
}
/* line 181, ../sass/components/_modules-search.scss */
.page-search #content #block-search-form .form-item input.form-text:focus {
  background-color: white;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 10px inset #525252;
  -moz-box-shadow: 0 0 10px inset #525252;
  box-shadow: 0 0 10px inset #525252;
  opacity: 1;
  filter: alpha(opacity=100);
}

/* line 194, ../sass/components/_modules-search.scss */
.page-search #content {
  background-color: white;
}
/* line 197, ../sass/components/_modules-search.scss */
.page-search #content .inner {
  padding: 2em;
}
/* line 199, ../sass/components/_modules-search.scss */
.page-search #content form.search-form {
  float: left;
  width: 100%;
  margin-bottom: 2em;
}
/* line 203, ../sass/components/_modules-search.scss */
.page-search #content form.search-form .form-type-textfield {
  position: relative;
  float: left;
  width: 50%;
}
/* line 208, ../sass/components/_modules-search.scss */
.page-search #content form.search-form input.form-submit {
  float: left;
  margin: 2em;
}
/* line 217, ../sass/components/_modules-search.scss */
.page-search #content ol.search-results {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
  /*
  */
}
/* line 224, ../sass/components/_modules-search.scss */
.page-search #content ol.search-results h3 {
  text-align: left;
}
/* line 226, ../sass/components/_modules-search.scss */
.page-search #content ol.search-results li.search-result {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  padding: 0 1.5%;
}
@media (min-width: 768px) {
  /* line 226, ../sass/components/_modules-search.scss */
  .page-search #content ol.search-results li.search-result {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 44%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 44%;
    -ms-flex: 0 1 44%;
    flex: 0 1 44%;
  }
}
/* line 231, ../sass/components/_modules-search.scss */
.page-search #content ol.search-results .search-snippet {
  font-size: 13px;
  font-size: 1.3rem;
}
@media (min-width: 64em) {
  /* line 231, ../sass/components/_modules-search.scss */
  .page-search #content ol.search-results .search-snippet {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* line 238, ../sass/components/_modules-search.scss */
.page-search #content ol.search-results .search-info .username, .page-search #content ol.search-results .search-info::first-letter {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

/*
.form__search,
.search-form {
display: -webkit-flex; 
display: flex;
-webkit-align-items : flex-start;
align-items : flex-start;

input {
flex : 1;
-webkit-appearance : none;
display : block;
margin : 0;
padding : 12px 22px;
background-color : $input-bg;
background-image : none;
border : $input-border-width $input-border-style $button-primary-border-color;
border-right-width : 0;
border-radius: $input-border-radius;
border-top-right-radius : 0;
border-bottom-right-radius : 0;
box-sizing : border-box;
font-family : $input-font-family;
@include font-size($input-font-size);
line-height : ($vertical-spacing);
line-height : 1.4;
color : $input-font-color; 
transition : all $transition-duration $transition-timing-function;

&:focus {
outline : none;
border-color : darken($input-border-color,10); }
}

}
*/
/* line 290, ../sass/components/_modules-search.scss */
.not-front .view-suche-global .view-header {
  font-size: 16px;
  font-size: 1.6rem;
  color: #7d7674;
  float: right;
  width: 40%;
  margin-top: -0.5em;
  text-align: right;
}
/* line 297, ../sass/components/_modules-search.scss */
.not-front .view-suche-global .view-content {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  /* end .views-row */
}
/* line 300, ../sass/components/_modules-search.scss */
.not-front .view-suche-global .view-content .views-row {
  background-color: transparent;
  margin-bottom: 1em;
  padding: 0;
  font-size: 13px;
  font-size: 1.3rem;
}
@media (min-width: 768px) {
  /* line 300, ../sass/components/_modules-search.scss */
  .not-front .view-suche-global .view-content .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
}
@media (min-width: 64em) {
  /* line 300, ../sass/components/_modules-search.scss */
  .not-front .view-suche-global .view-content .views-row {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* line 308, ../sass/components/_modules-search.scss */
.not-front .view-suche-global .view-content .views-row .views-field-body {
  font-size: 16px;
  font-size: 1.6rem;
}
/* line 309, ../sass/components/_modules-search.scss */
.not-front .view-suche-global .view-content .views-row .views-field-type {
  font-size: 1.2rem;
  color: #7d7674;
}
/* line 312, ../sass/components/_modules-search.scss */
.not-front .view-suche-global .view-content .views-row .views-field-title {
  padding: 0;
  border-bottom: 0 none;
  margin: 0;
}
/* line 316, ../sass/components/_modules-search.scss */
.not-front .view-suche-global .view-content .views-row .views-field-title h4 {
  margin: 0;
}
/* line 319, ../sass/components/_modules-search.scss */
.not-front .view-suche-global .view-content .views-row .small {
  font-family: "Roboto Condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}

/* .no-flexbox settings */
/* WERBE POPUP */
/* line 3, ../sass/components/_modules-popup.scss */
.region-popup {
  min-width: 280px;
  min-height: 280px;
  width: 50vh;
  height: 50vh;
  padding: 80px;
  min-height: auto;
  height: auto;
  width: 90%;
  padding: 2em 5%;
  position: fixed;
  right: 0;
  bottom: 40px;
  background: #e0054c;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5) ;
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5) ;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5) ;
  opacity: 0.96;
  filter: alpha(opacity=96);
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  -webkit-transition-delay: 0.83s;
  -moz-transition-delay: 0.83s;
  -o-transition-delay: 0.83s;
  transition-delay: 0.83s;
  z-index: 500;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: left;
  font-weight: 400;
  /* a */
  /* a */
}
@media (min-width: 37.5em) {
  /* line 3, ../sass/components/_modules-popup.scss */
  .region-popup {
    width: auto;
    padding: 2em 3em;
  }
}
@media (min-width: 768px) {
  /* line 3, ../sass/components/_modules-popup.scss */
  .region-popup {
    bottom: 40px;
  }
}
@media (min-width: 64em) {
  /* line 3, ../sass/components/_modules-popup.scss */
  .region-popup {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* line 34, ../sass/components/_modules-popup.scss */
.region-popup * {
  color: white;
}
/* line 35, ../sass/components/_modules-popup.scss */
.region-popup .small {
  font-size: 10px;
  font-size: 1rem;
}
/* line 36, ../sass/components/_modules-popup.scss */
.region-popup .big {
  font-size: 14px;
  font-size: 1.4rem;
}
/* line 38, ../sass/components/_modules-popup.scss */
.region-popup a {
  color: white;
  text-decoration: underline;
}
/* line 40, ../sass/components/_modules-popup.scss */
.region-popup a:hover, .region-popup a:focus, .region-popup a:active {
  color: #e0054c;
  background-color: white;
}
/* line 45, ../sass/components/_modules-popup.scss */
.region-popup a.btn {
  color: white;
  padding: 5px 15px;
  border: 1px solid white;
}
/* line 49, ../sass/components/_modules-popup.scss */
.region-popup a.btn:hover, .region-popup a.btn:focus, .region-popup a.btn:active {
  color: #3d6174;
  background-color: white;
  border: 1px solid white;
}
/* line 55, ../sass/components/_modules-popup.scss */
.region-popup h3 {
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
}
/* line 60, ../sass/components/_modules-popup.scss */
.region-popup .closebutton {
  font-size: 20px;
  font-size: 2rem;
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 73, ../sass/components/_modules-popup.scss */
.region-popup .closebutton:hover, .region-popup .closebutton:focus, .region-popup .closebutton:active {
  color: #050505;
}
/* line 75, ../sass/components/_modules-popup.scss */
.region-popup .closebutton:after {
  content: "";
  display: block;
  width: 35px;
  height: 40px;
  margin: 0 auto;
  background: url("../img/sprite_beni.svg") no-repeat 99% -145px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
/* line 86, ../sass/components/_modules-popup.scss */
.region-popup.inactive {
  opacity: 0;
  filter: alpha(opacity=0);
  right: -1500px;
}
/* line 90, ../sass/components/_modules-popup.scss */
.region-popup.active {
  right: 0;
}

/* line 97, ../sass/components/_modules-popup.scss */
.smaller3 .region-popup,
.smaller3 .region-popup.active {
  /*		right: -1500px;*/
}

/* line 105, ../sass/components/_modules-popup.scss */
.view-fotogruss-notification.view-display-id-block_4 .view-content,
.view-fotogruss-notification.view-display-id-block_2 .view-content {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

/* line 12, ../sass/components/_modules-webform.scss */
#content .form-actions {
  text-align: center;
}

/* end #content */
/*
'modules/modules-box',
'modules/modules-grid',
*/
/**
 * @file
 * Print styling
 *
 * We provide some sane print styling for Drupal using Zen's layout method.
 */
/**
 * By importing this CSS file as media "all", we allow this print file to be
 * aggregated with other stylesheets, for improved front-end performance.
 */
@media print {
  /* Underline all links. */
  /* line 16, ../sass/_print.scss */
  a:link,
  a:visited {
    text-decoration: underline !important;
    /* Don't underline header. */
  }
  /* line 20, ../sass/_print.scss */
  a:link.header__site-link,
  a:visited.header__site-link {
    text-decoration: none !important;
  }

  /* line 25, ../sass/_print.scss */
  #content {
    /* Add visible URL after links. */
    /* Only display useful links. */
    /* Add visible title after abbreviations. */
  }
  /* line 27, ../sass/_print.scss */
  #content a[href]:after {
    content: " (" attr(href) ")";
    font-weight: normal;
    font-size: 16px;
  }
  /* line 35, ../sass/_print.scss */
  #content a[href^="javascript:"]:after,
  #content a[href^="#"]:after {
    content: "";
  }
  /* line 40, ../sass/_print.scss */
  #content abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* Un-float the content. */
  /* line 46, ../sass/_print.scss */
  #content {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Turn off any background colors or images. */
  /* line 57, ../sass/_print.scss */
  body,
  #page,
  #main,
  #content {
    color: #000;
    background-color: transparent !important;
    background-image: none !important;
  }

  /* Hide sidebars and nav elements. */
  /* line 77, ../sass/_print.scss */
  #skip-link,
  #toolbar,
  #navigation,
  .region-sidebar-first,
  .region-sidebar-second,
  #footer,
  .breadcrumb,
  .tabs,
  .action-links,
  .links,
  .book-navigation,
  .forum-topic-navigation,
  .pager,
  .feed-icons {
    visibility: hidden;
    display: none;
  }
}
/* SMACSS theme rules */
/* @import "theme-A"; */
/* @import "theme-B"; */