/* open-sans-italic - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/open-sans-v15-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('./fonts/open-sans-v15-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v15-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v15-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v15-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v15-latin-ext_latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/open-sans-v15-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('./fonts/open-sans-v15-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v15-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v15-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v15-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v15-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/open-sans-v15-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('./fonts/open-sans-v15-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v15-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v15-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v15-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v15-latin-ext_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}/*
 
 
/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/roboto-slab-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'),
       url('./fonts/roboto-slab-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-slab-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-slab-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-slab-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-slab-v7-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/roboto-slab-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'),
       url('./fonts/roboto-slab-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-slab-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-slab-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-slab-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-slab-v7-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/*To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 04.10.2016, 16:38:19
    Author     : jan
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 04.10.2016, 16:40:15
    Author     : jan
*/
/*$gutter : 1.093em;
$max-width: 1232px !default;
$grid-columns: 12 !default;*/
/*
&copy 2016, Waldruh.
created by digidrom.de
Code written by Jan Tack
*/
/* 
    Created on : 29.10.2016, 18:04:11
    Author     : Jan Tack <jan.tack@digidrom.de>
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

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

a img {
  border: none; }

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

/*
 * Retina Sprites for Compass
 * by:              Gaya Kessler
 * last update:     03/11/14
 *
 * Usage:
 * 1. create two folders in your image directory (in this case 'icons' and 'icons-2x').
 * 2. adjust the foldernames defined below if you use different names.
 * 3. create sprite images for pixel ratio 1 screens and put them in the first folder.
 * 4. create sprite images for pixel ratio 2 screens and put them in the second folder, use the same filenames.
 * 5. use the sprite-image in your Sass/Scss using: '@include use-sprite(<sprite-name>)'
 */
/*
@mixin use-sprite($sprite) {
    background-image: sprite-url($icons);
    background-position: sprite-position($icons, $sprite);
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    height: image-height(sprite-file($icons, $sprite));
    width: image-width(sprite-file($icons, $sprite));

    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
        background-image: sprite-url($icons-2x);
        background-size: (image-width(sprite-path($icons-2x)) / 2) (image-height(sprite-path($icons-2x)) / 2);
        background-position: round(nth(sprite-position($icons-2x, $sprite), 1) / 2) round(nth(sprite-position($icons-2x, $sprite), 2) / 2);
        height: image-height(sprite-file($icons-2x, $sprite)) / 2;
        width: image-width(sprite-file($icons-2x, $sprite)) / 2;
    }
}*/
/*
 * Retina Backgrounds for Compass
 * by:              Gaya Kessler
 * last update:     03/11/14
 *
 * Usage:
 * 1. create background image for pixel ratio 1 screens and put it somewhere in your images folder.
 * 2. create background image for pixel ratio 2 screens and put it somewhere in your images folder.
 * 3. include the background-image property in your Sass/Scss using: '@include background-retina(<ratio-1-imagefile>, <ratio-2-imagefile>)'
 */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 12.10.2016, 02:56:48
    Author     : jan
*/
/*
&copy 2016, Waldruh.
created by digidrom.de
Code written by Jan Tack
*/
/*
    Created on : 23.11.2016, 07:53:41
    Author     : Jan Tack <jan.tack@digidrom.de>
*/
.jquery-modal.blocker.current {
  z-index: 10; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 12.10.2016, 02:40:48
    Author     : jan
*/
/*
@font-face { 
    font-family: 'Bitter';
    src: url('http://localhost/wp-waldruh/wp-content/themes/waldpress/font/Bitter-Bold.otf') format('opentype'); 
}

@font-face { 
    font-family: 'Bitter';
    src: url('http://localhost/wp-waldruh/wp-content/themes/waldpress/font/Bitter-Regular.otf') format('opentype'); 
}
*/
html {
  box-sizing: border-box; }

*, ::before, ::after {
  box-sizing: inherit; }

body {
  font-family: 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  color: black; }

html, body {
  height: 100%;
  min-width: 300px; }
  @media (min-width: 0) and (max-width: 919px) {
    html .background-layer, body .background-layer {
      background: #DDE2E7; } }

@media (min-width: 0) and (max-width: 919px) {
  html, body, .wrapper, .main-layer, main, footer {
    max-width: 100%; } }

@media (min-width: 0) and (max-width: 919px) {
  .wrapper, .main-layer, main, footer {
    overflow-x: hidden; } }

.wrapper {
  max-width: 1232px;
  margin: 0 auto;
  min-height: 100%;
  position: relative; }
  @media (min-width: 920px) and (max-width: 1249px) {
    .wrapper {
      margin: 0 auto;
      width: 920px; } }
  @media (min-width: 0) and (max-width: 919px) {
    .wrapper {
      width: 100%; } }

.menu-layer {
  background-color: #485864 !important;
  z-index: 2 !important;
  height: 100%;
  width: 296px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0; }
  .menu-layer header.logo {
    cursor: pointer; }

.menu {
  background-color: #485864;
  height: 100%;
  width: 296px;
  overflow: hidden;
  position: fixed;
  z-index: 5; }

.main-layer {
  position: relative;
  top: 0;
  width: 920px; }

main {
  margin-bottom: 3.85714em; }

footer {
  z-index: -1 !important;
  background-color: #647481;
  z-index: 0; }
  footer .stripe {
    position: relative;
    z-index: 1;
    padding: 9px 0;
    min-height: 36px;
    background-color: #364651;
    color: white; }
    footer .stripe a {
      color: white; }
    footer .stripe span {
      white-space: nowrap; }
    @media (min-width: 0) and (max-width: 919px) {
      footer .stripe {
        padding: 9px 1em; } }
    @media (min-width: 360px) and (max-width: 490px) {
      footer .stripe {
        height: 54px; }
        footer .stripe span {
          float: right; }
          footer .stripe span.bullet {
            display: none; }
          footer .stripe span:first-child {
            float: left; } }
    @media (min-width: 0) and (max-width: 349px) {
      footer .stripe span.bullet {
        display: none; } }
  footer .contact, footer .sitemap {
    position: relative;
    z-index: 1;
    max-width: 1232px;
    margin: 0 auto; }
    @media (min-width: 920px) and (max-width: 1249px) {
      footer .contact, footer .sitemap {
        margin: 0 auto;
        width: 920px; } }
    @media (min-width: 0) and (max-width: 919px) {
      footer .contact, footer .sitemap {
        width: 100%; } }

.sitemap {
  max-width: 1232px;
  margin: 0 auto; }
  @media (min-width: 920px) and (max-width: 1249px) {
    .sitemap {
      margin: 0 auto;
      width: 920px; } }
  @media (min-width: 0) and (max-width: 919px) {
    .sitemap {
      width: 100%; } }
  .sitemap > aside {
    max-width: 936px;
    margin-bottom: 0;
    padding-bottom: 36px; }

.main-layer {
  padding-top: 9px; }
  .main-layer > aside {
    padding-top: 9px;
    text-align: center;
    padding-bottom: 2.57143em;
    font-size: 1em;
    line-height: 1.28571em;
    background-color: white;
    opacity: 1; }

a {
  color: #783042;
  text-decoration: none; }

p {
  margin-bottom: 9px; }

strong {
  font-weight: bolder; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto Slab", serif;
  font-weight: normal;
  font-size: 24px;
  color: #364651; }

h1, h2 {
  text-align: center;
  font-size: 1.28571em;
  line-height: 2em;
  border-bottom: 1px solid black;
  margin-bottom: -1px; }

h1 {
  margin-top: 1.28571em;
  font-size: 1.28571em;
  line-height: 2.3em;
  padding-top: 3px; }

h3 {
  font-size: 1.57143em;
  line-height: 1.63636em; }

#intro h3 {
  font-size: 1.28571em;
  line-height: 2em; }

/* ###################*/
/* ### no- desktop ###*/
/* ###################*/
@media (min-width: 0) and (max-width: 1249px) {
  body .wrapper .menu-layer.waldruh-menu-hidden nav header.logo img,
  .menu-layer.waldruh-menu-hidden .menu nav header.logo img {
    height: 80px !important;
    width: auto !important; } }

@media (min-width: 0) and (max-width: 1249px) {
  body .wrapper .menu-layer.waldruh-menu-hidden,
  body .wrapper .menu-layer.waldruh-menu-hidden .menu {
    width: 80px;
    height: 80px;
    z-index: 5 !important; }
  body .wrapper .menu-layer, body .wrapper .menu {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    z-index: 5 !important; }
  body .wrapper .menu-layer.waldruh-menu-hidden .menu nav ul li {
    color: transparent; }
  body .wrapper .menu-layer.waldruh-menu-visible .menu nav ul li {
    opacity: 1;
    text-align: center;
    color: white; } }

/* ###################*/
/* ###    TABLETT  ###*/
/* ###################*/
@media (min-width: 920px) and (max-width: 1249px) {
  body .wrapper .menu-layer.waldruh-menu-visible {
    position: absolute;
    height: 100%; }
    body .wrapper .menu-layer.waldruh-menu-visible .menu {
      position: fixed; } }

/* ###################*/
/* ###    PHONE    ###*/
/* ###################*/
@media (min-width: 0) and (max-width: 919px) {
  body .wrapper {
    max-width: 100% !important; }
    body .wrapper .main-layer {
      width: 100%; }
    body .wrapper .menu-layer {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0; }
      body .wrapper .menu-layer.waldruh-menu-visible .menu nav header.logo {
        background-color: #3C454C;
        text-align: center; }
        body .wrapper .menu-layer.waldruh-menu-visible .menu nav header.logo img {
          margin: 0 auto !important;
          width: 250px !important; } }

/* PHONE WITH SMALL HEIGHT */
@media screen and (max-height: 499px) and (max-width: 919px) {
  body.waldruh-menu-visible {
    overflow-y: hidden; }
    body.waldruh-menu-visible .wrapper {
      height: 100%; }
      body.waldruh-menu-visible .wrapper .menu-layer.waldruh-menu-visible {
        height: auto; }
        body.waldruh-menu-visible .wrapper .menu-layer.waldruh-menu-visible .menu nav {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          overflow-y: scroll;
          overflow-x: hidden; } }
/* smaller navigation button on phones */
.menu-layer.waldruh-menu-visible .menu header.logo {
  overflow: hidden; }

@media (min-width: 0) and (max-width: 700px) {
  body .wrapper .menu-layer.waldruh-menu-hidden,
  .menu-layer.waldruh-menu-hidden .menu {
    width: 72px !important;
    height: 72px !important;
    z-index: 5 !important;
    overflow: hidden;
    position: fixed;
    /*#main-menu.menu {
        display: none;
    }*/ }
    body .wrapper .menu-layer.waldruh-menu-hidden nav header.logo img,
    .menu-layer.waldruh-menu-hidden .menu nav header.logo img {
      height: 72px !important;
      width: auto !important;
      -moz-transition-property: all;
      -o-transition-property: all;
      -webkit-transition-property: all;
      transition-property: all;
      -moz-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -moz-transition-timing-function: ease-in;
      -o-transition-timing-function: ease-in;
      -webkit-transition-timing-function: ease-in;
      transition-timing-function: ease-in; } }

@media (min-width: 0) and (max-width: 500px) {
  body .wrapper .menu-layer.waldruh-menu-hidden,
  .menu-layer.waldruh-menu-hidden .menu {
    width: 63px !important;
    height: 63px !important;
    z-index: 5 !important;
    overflow: hidden;
    position: fixed;
    /*#main-menu.menu {
        display: none;
    }*/ }
    body .wrapper .menu-layer.waldruh-menu-hidden nav header.logo img,
    .menu-layer.waldruh-menu-hidden .menu nav header.logo img {
      height: 63px !important;
      width: auto !important;
      -moz-transition-property: all;
      -o-transition-property: all;
      -webkit-transition-property: all;
      transition-property: all;
      -moz-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -moz-transition-timing-function: ease-in;
      -o-transition-timing-function: ease-in;
      -webkit-transition-timing-function: ease-in;
      transition-timing-function: ease-in; } }

@media (min-width: 0) and (max-width: 400px) {
  body .wrapper .menu-layer.waldruh-menu-hidden,
  .menu-layer.waldruh-menu-hidden .menu {
    width: 54px !important;
    height: 54px !important;
    z-index: 5 !important;
    overflow: hidden;
    position: fixed;
    /*#main-menu.menu {
        display: none;
    }*/ }
    body .wrapper .menu-layer.waldruh-menu-hidden nav header.logo img,
    .menu-layer.waldruh-menu-hidden .menu nav header.logo img {
      height: 54px !important;
      width: auto !important;
      -moz-transition-property: all;
      -o-transition-property: all;
      -webkit-transition-property: all;
      transition-property: all;
      -moz-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -moz-transition-timing-function: ease-in;
      -o-transition-timing-function: ease-in;
      -webkit-transition-timing-function: ease-in;
      transition-timing-function: ease-in; } }

/* UNCOLLAPED HEADER */
body .wrapper .menu-layer.waldruh-menu-visible .menu nav header.logo {
  background-color: #3C454C;
  margin-top: 9px; }
  body .wrapper .menu-layer.waldruh-menu-visible .menu nav header.logo img {
    margin-left: 10px;
    margin-top: 4px;
    width: 250px !important; }

@media (min-width: 1250px) {
  body .wrapper .menu-layer.waldruh-menu-hidden .menu nav header.logo {
    background-color: #3C454C;
    margin-top: 9px; }
    body .wrapper .menu-layer.waldruh-menu-hidden .menu nav header.logo img {
      margin-left: 10px;
      margin-top: 4px;
      width: 250px !important; } }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 15.10.2016, 16:46:05
    Author     : jan
*/
/*body .wrapper .menu-layer .menu nav header.logo {
//    height: $symbol-size;
//    width: $symbol-size;
//    @include use-sprite("logo-cut");
}*/
nav {
  background-color: #485864; }
  nav a {
    color: white;
    display: block;
    height: 100%;
    outline: none; }
    nav a:hover, nav a:active, nav a:focus {
      outline: none;
      background-color: #783042; }
  nav ul#main-menu > li {
    font-family: "Roboto Slab", serif;
    text-align: center;
    vertical-align: middle;
    color: white;
    background-color: #485864;
    padding-top: 0.64286em;
    font-size: 1em;
    line-height: 1.28571em;
    border-bottom-width: 0.07143em;
    border-bottom-style: solid;
    padding-bottom: 0.57143em; }
    nav ul#main-menu > li:hover, nav ul#main-menu > li.current-menu-item {
      background-color: #783042; }
      nav ul#main-menu > li:hover > ul, nav ul#main-menu > li.current-menu-item > ul {
        display: block; }
    nav ul#main-menu > li:first-child {
      border-top-width: 0.07143em;
      border-top-style: solid;
      padding-top: 0.57143em; }
    nav ul#main-menu > li.menu-item-has-children > a {
      color: #9EAAB6; }
      nav ul#main-menu > li.menu-item-has-children > a:first-of-type {
        background-color: transparent;
        margin-bottom: 1ex; }
    nav ul#main-menu > li.menu-item-has-children:hover, nav ul#main-menu > li.menu-item-has-children.current-menu-item {
      background-color: transparent; }
    nav ul#main-menu > li.menu-item-has-children ul.sub-menu > li {
      color: white;
      margin-top: 0.5ex; }
      nav ul#main-menu > li.menu-item-has-children ul.sub-menu > li:hover a, nav ul#main-menu > li.menu-item-has-children ul.sub-menu > li.current-menu-item a {
        background-color: #783042 !important; }
    nav ul#main-menu > li.social {
      font-size: 1em;
      line-height: 1.28571em; }
      nav ul#main-menu > li.social:hover {
        background-color: transparent; }
      nav ul#main-menu > li.social a {
        display: inline-block;
        vertical-align: top;
        width: 25px;
        height: 25px;
        margin: 0 2px;
        overflow: hidden;
        padding: 4px 0px;
        background-color: #E9ECEF;
        background-size: 16px;
        background-repeat: no-repeat;
        background-position: center; }
        nav ul#main-menu > li.social a:hover {
          background-color: white; }
        nav ul#main-menu > li.social a.facebook {
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: %233C454C' d='M1343 12v264h-157q-86 0-116 36t-30 108v189h293l-39 296h-254v759h-306v-759h-255v-296h255v-218q0-186 104-288.5t277-102.5q147 0 228 12z'/%3E%3C/svg%3E"); }
          nav ul#main-menu > li.social a.facebook:hover {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: %233C5A99' d='M1343 12v264h-157q-86 0-116 36t-30 108v189h293l-39 296h-254v759h-306v-759h-255v-296h255v-218q0-186 104-288.5t277-102.5q147 0 228 12z'/%3E%3C/svg%3E"); }
        nav ul#main-menu > li.social a.google-plus {
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cg%3E%3Cpath  style='fill: %233C454C' d='M5.09 7.273v1.745H7.98c-.116.75-.873 2.197-2.887 2.197-1.737 0-3.155-1.44-3.155-3.215S3.353 4.785 5.09 4.785c.99 0 1.652.422 2.03.786l1.382-1.33c-.887-.83-2.037-1.33-3.41-1.33C2.275 2.91 0 5.184 0 8s2.276 5.09 5.09 5.09c2.94 0 4.888-2.065 4.888-4.974 0-.334-.036-.59-.08-.843H5.09zM16 7.273h-1.455V5.818H13.09v1.455h-1.454v1.454h1.455v1.455h1.455V8.727H16'/%3E%3C/g%3E%3C/svg%3E");
          background-size: 21px; }
          nav ul#main-menu > li.social a.google-plus:hover {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cg%3E%3Cpath  style='fill: %23DD4E40' d='M5.09 7.273v1.745H7.98c-.116.75-.873 2.197-2.887 2.197-1.737 0-3.155-1.44-3.155-3.215S3.353 4.785 5.09 4.785c.99 0 1.652.422 2.03.786l1.382-1.33c-.887-.83-2.037-1.33-3.41-1.33C2.275 2.91 0 5.184 0 8s2.276 5.09 5.09 5.09c2.94 0 4.888-2.065 4.888-4.974 0-.334-.036-.59-.08-.843H5.09zM16 7.273h-1.455V5.818H13.09v1.455h-1.454v1.454h1.455v1.455h1.455V8.727H16'/%3E%3C/g%3E%3C/svg%3E");
            background-size: 21px; }
        nav ul#main-menu > li.social a.twitter {
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: %233C454C' d='M1684 408q-67 98-162 167 1 14 1 42 0 130-38 259.5t-115.5 248.5-184.5 210.5-258 146-323 54.5q-271 0-496-145 35 4 78 4 225 0 401-138-105-2-188-64.5t-114-159.5q33 5 61 5 43 0 85-11-112-23-185.5-111.5t-73.5-205.5v-4q68 38 146 41-66-44-105-115t-39-154q0-88 44-163 121 149 294.5 238.5t371.5 99.5q-8-38-8-74 0-134 94.5-228.5t228.5-94.5q140 0 236 102 109-21 205-78-37 115-142 178 93-10 186-50z'/%3E%3C/svg%3E"); }
          nav ul#main-menu > li.social a.twitter:hover {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: %231DA1F2' d='M1684 408q-67 98-162 167 1 14 1 42 0 130-38 259.5t-115.5 248.5-184.5 210.5-258 146-323 54.5q-271 0-496-145 35 4 78 4 225 0 401-138-105-2-188-64.5t-114-159.5q33 5 61 5 43 0 85-11-112-23-185.5-111.5t-73.5-205.5v-4q68 38 146 41-66-44-105-115t-39-154q0-88 44-163 121 149 294.5 238.5t371.5 99.5q-8-38-8-74 0-134 94.5-228.5t228.5-94.5q140 0 236 102 109-21 205-78-37 115-142 178 93-10 186-50z'/%3E%3C/svg%3E"); }
    nav ul#main-menu > li li {
      border-bottom: none;
      max-height: 18px;
      margin: 0;
      padding: 0; }

.search-btn {
  display: block;
  color: transparent;
  overflow: hidden;
  text-indent: -100000px;
  height: 36px;
  width: 100%;
  margin: 0 auto;
  background-size: 36px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32px' height='32px' viewBox='0 0 30 30'%3E+'%3Ccircle cx='11.75' cy='11.75' r='11' style='stroke: white; stroke-width: 1.5; fill: none' /%3E'%3Cline x1='19.5' y1='19.5' x2='27' y2='27' stroke-width='4' stroke='white' /%3E%3Ccircle cx='27' cy='27' r='2' style='stroke: none; fill: white' /%3E%3C/svg%3E"); }

/*
.menu-layer.waldruh-menu-hidden nav ul li {
    @include breakpoint($no-desktop){
        opacity: 0;
    }
}

.menu-layer.waldruh-menu-hidden nav ul li,
.menu-layer.waldruh-menu-visible nav ul li {
    @include transition(opacity 0.5s);
}*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 28.10.2016, 03:04:47
    Author     : jan
*/
.container-wrapper {
  background-color: white; }

.my-container {
  margin-right: -2%;
  margin-right: calc(-16px + 0px); }

.span-1 {
  min-height: 54px;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
  margin-right: calc(16px + 0px);
  width: 6.33333%;
  width: calc(8.33333% - 16px); }

.span-2 {
  min-height: 54px;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
  margin-right: calc(16px + 0px);
  width: 14.66667%;
  width: calc(16.66667% - 16px); }

.span-3 {
  min-height: 54px;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
  margin-right: calc(16px + 0px);
  width: 23%;
  width: calc(25% - 16px); }

.span-4 {
  min-height: 54px;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
  margin-right: calc(16px + 0px);
  width: 31.33333%;
  width: calc(33.33333% - 16px); }

.span-5 {
  min-height: 54px;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
  margin-right: calc(16px + 0px);
  width: 39.66667%;
  width: calc(41.66667% - 16px); }

.span-6 {
  min-height: 54px;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
  margin-right: calc(16px + 0px);
  width: 48%;
  width: calc(50% - 16px); }

.span-7 {
  min-height: 54px;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
  margin-right: calc(16px + 0px);
  width: 56.33333%;
  width: calc(58.33333% - 16px); }

.span-8 {
  min-height: 54px;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
  margin-right: calc(16px + 0px);
  width: 64.66667%;
  width: calc(66.66667% - 16px); }

.span-9 {
  min-height: 54px;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
  margin-right: calc(16px + 0px);
  width: 73%;
  width: calc(75% - 16px); }

.span-10 {
  min-height: 54px;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
  margin-right: calc(16px + 0px);
  width: 81.33333%;
  width: calc(83.33333% - 16px); }

.span-11 {
  min-height: 54px;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
  margin-right: calc(16px + 0px);
  width: 89.66667%;
  width: calc(91.66667% - 16px); }

.span-12 {
  min-height: 54px;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
  margin-right: calc(16px + 0px);
  width: 98%;
  width: calc(100% - 16px); }

/*
&copy 2016, Waldruh.
created by digidrom.de
Code written by Jan Tack
*/
/*
    Created on : 06.11.2016, 01:02:00
    Author     : Jan Tack <jan.tack@digidrom.de>
*/
.flower-0 {
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200px' height='200px' viewBox='0 0 20 20'%3E%3Csymbol id='petal'%3E%3Cpath d='M10 10 L11.732050808 13 A2 2 0 1 1 8.267949192 13 Z' style='stroke: none, fill: %23333' /%3E%3C/symbol%3E%3Csymbol id='flower' style='fill:%23fff; fill-opacity: 0.5'%3E%3Cuse xlink:href='%23petal' transform='rotate(0,10,10)   translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(60,10,10)  translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(120,10,10) translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(180,10,10) translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(240,10,10) translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(300,10,10) translate(0,2)' /%3E%3C/symbol%3E%3Cuse xlink:href='%23flower' transform='rotate(5,10,10)' /%3E%3C/svg%3E");
  background-size: cover;
  width: 200px;
  height: 200px;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

.flower-1 {
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200px' height='200px' viewBox='0 0 20 20'%3E%3Csymbol id='petal'%3E%3Cpath d='M10 10 L11.732050808 13 A2 2 0 1 1 8.267949192 13 Z' style='stroke: none, fill: %23333' /%3E%3C/symbol%3E%3Csymbol id='flower' style='fill:%23fff; fill-opacity: 0.5'%3E%3Cuse xlink:href='%23petal' transform='rotate(0,10,10)   translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(60,10,10)  translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(120,10,10) translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(180,10,10) translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(240,10,10) translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(300,10,10) translate(0,2)' /%3E%3C/symbol%3E%3Cuse xlink:href='%23flower' transform='rotate(5,10,10)' /%3E%3C/svg%3E");
  background-size: cover;
  width: 200px;
  height: 200px;
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg); }

.flower-2 {
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200px' height='200px' viewBox='0 0 20 20'%3E%3Csymbol id='petal'%3E%3Cpath d='M10 10 L11.732050808 13 A2 2 0 1 1 8.267949192 13 Z' style='stroke: none, fill: %23333' /%3E%3C/symbol%3E%3Csymbol id='flower' style='fill:%23fff; fill-opacity: 0.5'%3E%3Cuse xlink:href='%23petal' transform='rotate(0,10,10)   translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(60,10,10)  translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(120,10,10) translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(180,10,10) translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(240,10,10) translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(300,10,10) translate(0,2)' /%3E%3C/symbol%3E%3Cuse xlink:href='%23flower' transform='rotate(5,10,10)' /%3E%3C/svg%3E");
  background-size: cover;
  width: 200px;
  height: 200px;
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg); }

.flower-3 {
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200px' height='200px' viewBox='0 0 20 20'%3E%3Csymbol id='petal'%3E%3Cpath d='M10 10 L11.732050808 13 A2 2 0 1 1 8.267949192 13 Z' style='stroke: none, fill: %23333' /%3E%3C/symbol%3E%3Csymbol id='flower' style='fill:%23fff; fill-opacity: 0.5'%3E%3Cuse xlink:href='%23petal' transform='rotate(0,10,10)   translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(60,10,10)  translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(120,10,10) translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(180,10,10) translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(240,10,10) translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(300,10,10) translate(0,2)' /%3E%3C/symbol%3E%3Cuse xlink:href='%23flower' transform='rotate(5,10,10)' /%3E%3C/svg%3E");
  background-size: cover;
  width: 200px;
  height: 200px;
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg); }

.flower-4 {
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200px' height='200px' viewBox='0 0 20 20'%3E%3Csymbol id='petal'%3E%3Cpath d='M10 10 L11.732050808 13 A2 2 0 1 1 8.267949192 13 Z' style='stroke: none, fill: %23333' /%3E%3C/symbol%3E%3Csymbol id='flower' style='fill:%23fff; fill-opacity: 0.5'%3E%3Cuse xlink:href='%23petal' transform='rotate(0,10,10)   translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(60,10,10)  translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(120,10,10) translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(180,10,10) translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(240,10,10) translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(300,10,10) translate(0,2)' /%3E%3C/symbol%3E%3Cuse xlink:href='%23flower' transform='rotate(5,10,10)' /%3E%3C/svg%3E");
  background-size: cover;
  width: 200px;
  height: 200px;
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg); }

.flower-5 {
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200px' height='200px' viewBox='0 0 20 20'%3E%3Csymbol id='petal'%3E%3Cpath d='M10 10 L11.732050808 13 A2 2 0 1 1 8.267949192 13 Z' style='stroke: none, fill: %23333' /%3E%3C/symbol%3E%3Csymbol id='flower' style='fill:%23fff; fill-opacity: 0.5'%3E%3Cuse xlink:href='%23petal' transform='rotate(0,10,10)   translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(60,10,10)  translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(120,10,10) translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(180,10,10) translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(240,10,10) translate(0,2)' /%3E%3Cuse xlink:href='%23petal' transform='rotate(300,10,10) translate(0,2)' /%3E%3C/symbol%3E%3Cuse xlink:href='%23flower' transform='rotate(5,10,10)' /%3E%3C/svg%3E");
  background-size: cover;
  width: 200px;
  height: 200px;
  -moz-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg); }

.background-flowers {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

/*
a.background-stripes {
    opacity: 1;
    @include bg;
    @include breakpoint($no-phone){
        
        @include background(
        linear-gradient(
        180deg,
        $color-background-gray-0 0px,
        $color-background-gray-0 198px,

        $color-background-gray-1 198px,
        $color-background-gray-1 648px,

        $color-background-gray-2 648px,
        $color-background-gray-2 954px,

        $color-background-gray-3 954px,
        $color-background-gray-3 1620px,

        $color-background-gray-4 1620px,
        $color-background-gray-4 2052px,

        $color-background-gray-5 2052px,
        $color-background-gray-5 2250px,

        $color-background-gray-6 2250px,
        $color-background-gray-6 3096px,

        $color-background-gray-7 3096px,
        $color-background-gray-7 3798px,

        $color-background-gray-8 3798px,
        $color-background-gray-8 4500px,

        $color-background-gray-0 4500px,
        $color-background-gray-0 4698px,

        $color-background-gray-1 4698px,
        $color-background-gray-1 5148px,

        $color-background-gray-2 5148px,
        $color-background-gray-2 5454px,

        $color-background-gray-3 5454px,
        $color-background-gray-3 6120px,

        $color-background-gray-4 6120px,
        $color-background-gray-4 6552px,

        $color-background-gray-5 6552px,
        $color-background-gray-5 6750px,

        $color-background-gray-6 6750px,
        $color-background-gray-6 7596px,

        $color-background-gray-7 7596px,
        $color-background-gray-7 8298px,

        $color-background-gray-8 8298px,
        $color-background-gray-8 9000px
        ));
        
    }
    @include breakpoint($phone){
        background-color: $color-background-gray-1;
    }
}
*/
.background-stripes {
  opacity: 1;
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1px' height='4500px' viewBox='0 0 1 4500'%3E%3Cline x1='0' x2='0' y1='0' y2='198'  stroke-width='2' stroke='white' /%3E%3Cline x1='0' x2='0' y1='198'  y2='648'  stroke-width='2' stroke='%23C8D0D7' /%3E%3Cline x1='0' x2='0' y1='648'  y2='954'  stroke-width='2' stroke='%23DDE2E7' /%3E%3Cline x1='0' x2='0' y1='954'  y2='1620' stroke-width='2' stroke='%239EAAB6' /%3E%3Cline x1='0' x2='0' y1='1620' y2='2052' stroke-width='2' stroke='%23DDE2E7' /%3E%3Cline x1='0' x2='0' y1='2052' y2='2250' stroke-width='2' stroke='%23F4F6F7' /%3E%3Cline x1='0' x2='0' y1='2250' y2='3096' stroke-width='2' stroke='%23DDE2E7' /%3E%3Cline x1='0' x2='0' y1='3096' y2='3798' stroke-width='2' stroke='%23C8D0D7' /%3E%3Cline x1='0' x2='0' y1='3798' y2='4500' stroke-width='2' stroke='%23F4F6F7' /%3E%3C/svg%3E"); }

/*
    background-image: svg-uri('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1px" height="4500px" viewBox="0 0 1 4500">'
        + '<line x1="0" x2="0" y1="0" y2="198"  stroke-width="2" stroke="white" />' 
        + '<line x1="0" x2="0" y1="198"  y2="648"  stroke-width="2" stroke="#C8D0D7" />' 
        + '<line x1="0" x2="0" y1="648"  y2="954"  stroke-width="2" stroke="#DDE2E7" />' 
        + '<line x1="0" x2="0" y1="954"  y2="1620" stroke-width="2" stroke="#9EAAB6" />' 
        + '<line x1="0" x2="0" y1="1620" y2="2052" stroke-width="2" stroke="#DDE2E7" />' 
        + '<line x1="0" x2="0" y1="2052" y2="2250" stroke-width="2" stroke="#F4F6F7" />' 
        + '<line x1="0" x2="0" y1="2250" y2="3096" stroke-width="2" stroke="#DDE2E7" />' 
        + '<line x1="0" x2="0" y1="3096" y2="3798" stroke-width="2" stroke="#C8D0D7" />' 
        + '<line x1="0" x2="0" y1="3798" y2="4500" stroke-width="2" stroke="#F4F6F7" />' 
        +'</svg>');

*/
/*
&copy 2016, Waldruh.
created by digidrom.de
Code written by Jan Tack
*/
/*
    Created on : 17.11.2016, 04:24:48
    Author     : Jan Tack <jan.tack@digidrom.de>
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 08.10.2016, 05:13:19
    Author     : jan
*/
footer {
  color: white;
  opacity: 1; }
  @media (min-width: 0) and (max-width: 919px) {
    footer .sitemap .col-1 {
      padding-left: 1em; } }
  footer .sitemap .col {
    background-color: transparent !important; }
  footer .sitemap a {
    color: white; }
  footer h2 {
    text-indent: -10000px;
    border-bottom: none; }
  footer h3 {
    font-size: 12px;
    font-weight: bold;
    color: white; }
  footer ul {
    font-size: 12px;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    list-style: none;
    margin-bottom: 21px; }
    footer ul li:before {
      content: "\2212";
      margin-right: 0.5em; }

/*    .stripe {
        background-color: $color-stripe-bg-gray;
        z-index: 100;
        width: 100%;
        margin: 0;
        .contact {
            @include center-on-screen;
        }
    }*/
/*    background-color: $color-footer-bg-gray;
    @if $debugg {
        opacity: 0.8;
    }
    color: white;
    @include leader(2);

    a {
        color: white;
    }

    h2 {
        text-indent: 10000px;
    }

    h3 {
        color: white;
        font-size: 12px;
        //background-color: yellowgreen;
    }


    ul {
        font-size: 12px;
        font-weight: normal;
        font-family: 'Open Sans', sans-serif;
        list-style:  none;
        margin-bottom: 21px;
        li {

            &:before {
                content: "\2212";
                margin-right: 0.5em;
            }
        }
    }

    .contact {
        background-color: $color-stripe-bg-gray;
        @include adjust-font-size-to(14px,2);
        @include center-on-screen;

    }

    > div {
        @include center-on-screen;

        section {
            @include col(12);

            .widget {
                @include col(3);
                min-height: 210px;
                @include leader();
                @include trailer();
            }
        }
        div.dummy {
            @include col(4);
            background-color: yellow;
        }
    }*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 12.10.2016, 03:39:48
    Author     : jan
*/
html {
  font-size: 87.5%;
  line-height: 1.28571em; }

body {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, rgba(0, 0, 0, 0.5)), color-stop(5%, rgba(0, 0, 0, 0)));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
  -moz-background-size: 100% 1.28571em;
  -o-background-size: 100% 1.28571em;
  -webkit-background-size: 100% 1.28571em;
  background-size: 100% 1.28571em;
  background-position: left top;
  /*
          .debugg-layer {
              @include position(absolute, 0 0 0 0);
              z-index: 1;
              @if $debugg {
                  @include debug-vertical-alignment;
              }
          }*/ }
  body .background-layer {
    opacity: 1; }
  body .wrapper {
    opacity: 1; }
    body .wrapper .menu-layer {
      background-color: #3C454C; }
      body .wrapper .menu-layer .menu {
        background-color: #485864;
        opacity: 1; }
    body .wrapper .main-layer {
      color: black;
      min-height: 1000px; }
  body footer {
    opacity: 1;
    min-height: 200px; }
    body footer .sitemap > aside {
      min-height: 200px; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 04.03.2017, 12:35:22
    Author     : jan
*/
article .content {
  padding-top: 1.28571em;
  padding-bottom: 1.28571em;
  margin-left: 16.95652%;
  margin-right: 16.95652%; }

article#intro {
  background-color: white;
  margin-bottom: 2.57143em; }

div.box {
  background-color: yellow;
  padding: 18px 16.95652%; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17.03.2017, 08:07:55
    Author     : jan
*/
@media print {
  .proportion-wrapper {
    height: 100px !important;
    border: 1px solid gray; }

  .swiper-wrapper img {
    display: none; }
  .swiper-wrapper figure figcaption {
    color: gray;
    position: absolute;
    top: 0; } }
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 17.10.2016, 22:27:49
    Author     : jan
*/
.close-button {
  width: 28px;
  height: 28px;
  display: block;
  overflow: hidden;
  text-indent: -10000px;
  font-size: 1px;
  position: absolute;
  top: -14px;
  right: -14px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28px' height='28px' viewBox='0 0 280 280'%3E+'%3Cdefs%3E'%3Cfilter id='dropShadow'%3E%3CfeGaussianBlur in='SourceAlpha' stdDeviation='20' /%3E%3CfeOffset dx='5' dy='8' /%3E%3CfeMerge%3E%3CfeMergeNode /%3E%3CfeMergeNode in='SourceGraphic' /%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='140' cy='140' r='120' fill='white' filter='url(%23dropShadow)'/%3E%3Ccircle cx='140' cy='140' r='100' fill='%23364651'/%3E%3Cpolygon points='120,140 80,100 100,80 140,120 180,80 200,100 160,140 200,180 180,200 140,160 100,200 80,180' fill='white' stroke='none' /%3E%3C/svg%3E"); }
  .close-button:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28px' height='28px' viewBox='0 0 280 280'%3E+'%3Cdefs%3E'%3Cfilter id='dropShadow'%3E%3CfeGaussianBlur in='SourceAlpha' stdDeviation='20' /%3E%3CfeOffset dx='5' dy='8' /%3E%3CfeMerge%3E%3CfeMergeNode /%3E%3CfeMergeNode in='SourceGraphic' /%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='140' cy='140' r='120' fill='white' filter='url(%23dropShadow)'/%3E%3Ccircle cx='140' cy='140' r='100' fill='firebrick'/%3E%3Cpolygon points='120,140 80,100 100,80 140,120 180,80 200,100 160,140 200,180 180,200 140,160 100,200 80,180' fill='white' stroke='none' /%3E%3C/svg%3E"); }

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  min-width: 300px;
  background-color: rgba(60, 69, 76, 0.5);
  z-index: 1000;
  text-align: center;
  vertical-align: baseline; }
  .overlay.hidden {
    display: none; }
  .overlay > div {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 90%;
    max-width: 500px;
    background: #fff;
    padding: 18px 36px;
    text-align: left;
    top: 50%;
    transform: translate(0, -50%);
    border-radius: 5px;
    -webkit-box-shadow: 2px 1px 5px 1px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 2px 1px 5px 1px rgba(0, 0, 0, 0.27);
    box-shadow: 2px 1px 5px 1px rgba(0, 0, 0, 0.27); }
    .overlay > div h2 {
      line-height: 1.4; }
  .overlay .button {
    display: block;
    width: 70%;
    min-width: 200px;
    background-color: #485864;
    height: 36px;
    padding: 9px 18px;
    color: white;
    margin: 18px auto;
    text-align: center;
    font-weight: bold; }
    .overlay .button:hover {
      background-color: #9CAE7E; }
    @media (min-width: 0) and (max-width: 500px) {
      .overlay .button {
        width: 100%; } }

/*
&copy; 2016, Waldruh.
created by digidrom.de
Code written by Jan Tack
*/
/*
    Created on : 24.11.2016, 15:02:20
    Author     : Jan Tack <jan.tack@digidrom.de>
*/
.bible {
  text-align: center;
  font-family: "Roboto Slab", serif;
  margin-bottom: 2.57143em;
  margin-top: 2.57143em;
  color: #364651; }
  .bible p {
    font-size: 22px;
    font-style: italic;
    line-height: 1.2;
    margin-bottom: 9.6px; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 12.10.2016, 05:10:39
    Author     : jan
*/
@media (min-width: 0) and (max-width: 800px) {
  body .wrapper .main-layer aside.contact {
    text-align: left;
    padding-left: 8.47826%;
    padding-right: 150px; } }

header#page-header {
  margin-top: 3.53571em;
  margin-bottom: 2.57143em;
  padding-bottom: 1.28571em; }
  header#page-header h1 {
    border-bottom: 1px solid black;
    border-bottom: 1px solid black;
    margin-bottom: -1px;
    z-index: 10;
    background-color: white; }
  header#page-header .content {
    background-color: white; }
  header#page-header #intro {
    padding-top: 18px;
    margin-left: 16.95652%;
    margin-bottom: 1.28571em;
    min-height: 54px;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
    margin-right: calc(16px + 0px);
    width: 64.66667%;
    width: calc(66.66667% - 16px); }
  header#page-header div.proportion-wrapper.two_lines.big {
    margin-top: 0;
    margin-bottom: 0; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 08.10.2016, 05:17:00
    Author     : jan
*/
.proportion-wrapper {
  width: 100%;
  padding-top: 48.91304%;
  position: relative; }

main .proportion-wrapper {
  margin-top: 2.57143em;
  margin-bottom: 2.57143em; }

.proportion-wrapper .swiper-wrapper .swiper-slide figure figcaption.transparent {
  background-color: transparent;
  color: white !important; }
  .proportion-wrapper .swiper-wrapper .swiper-slide figure figcaption.transparent p, .proportion-wrapper .swiper-wrapper .swiper-slide figure figcaption.transparent h3 {
    color: white !important; }
.proportion-wrapper .swiper-wrapper .swiper-slide figure figcaption.dark {
  background-color: rgba(60, 69, 76, 0.8);
  color: white; }
  .proportion-wrapper .swiper-wrapper .swiper-slide figure figcaption.dark h3 {
    color: white; }
.proportion-wrapper .swiper-wrapper .swiper-slide figure figcaption.light {
  background-color: rgba(228, 232, 235, 0.7);
  color: #364651; }

.proportion-wrapper figure figcaption {
  text-align: left; }
  .proportion-wrapper figure figcaption h3 {
    font-family: "Roboto Slab", serif; }

h2#intro-headline {
  padding-top: 1.28571em; }

.swiper-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.swiper-slide {
  text-align: center;
  font-size: 18px; }

.swiper-slide img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%; }

.swiper-pagination-bullet {
  width: 0.8em;
  height: 0.8em;
  margin: 0 1em;
  opacity: 0.65;
  /*  background-color: $color-menu-gray!important;
      opacity: 1;*/ }
  .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination-bullet:hover {
    opacity: 1;
    background-color: white !important; }
  @media (min-width: 0) and (max-width: 500px) {
    .swiper-pagination-bullet {
      width: 0.5em;
      height: 0.5em;
      margin: 0 0.7em; } }

@media (min-width: 100px) {
  .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    height: 30px;
    width: 45px;
    margin-top: -15px;
    opacity: 0.85;
    background-size: contain; }
    .swiper-button-next.swiper-button-white:hover, .swiper-button-prev.swiper-button-white:hover {
      opacity: 1; }

  .swiper-button-prev.swiper-button-white {
    left: -5px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 44'%3E%3Cpolyline fill='none' stroke='white' stroke-width='2.5' points='20,0 0,20 20,40' transform='translate(2,2)'/%3E%3C/svg%3E"); }

  .swiper-button-next.swiper-button-white {
    right: -5px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 44'%3E%3Cpolyline fill='none' stroke='white' stroke-width='2.5' points='0,0 20,20 0,40' transform='translate(2,2)'/%3E%3C/svg%3E"); } }
@media (min-width: 400px) {
  .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    height: 40px;
    width: 60px;
    margin-top: -20px;
    opacity: 0.85;
    background-size: contain; }
    .swiper-button-next.swiper-button-white:hover, .swiper-button-prev.swiper-button-white:hover {
      opacity: 1; }

  .swiper-button-prev.swiper-button-white {
    left: -5px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 44'%3E%3Cpolyline fill='none' stroke='white' stroke-width='2' points='20,0 0,20 20,40' transform='translate(2,2)'/%3E%3C/svg%3E"); }

  .swiper-button-next.swiper-button-white {
    right: -5px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 44'%3E%3Cpolyline fill='none' stroke='white' stroke-width='2' points='0,0 20,20 0,40' transform='translate(2,2)'/%3E%3C/svg%3E"); } }
@media (min-width: 600px) {
  .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    height: 60px;
    width: 90px;
    margin-top: -30px;
    opacity: 0.85;
    background-size: contain; }
    .swiper-button-next.swiper-button-white:hover, .swiper-button-prev.swiper-button-white:hover {
      opacity: 1; }

  .swiper-button-prev.swiper-button-white {
    left: -10px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 44'%3E%3Cpolyline fill='none' stroke='white' stroke-width='1.5' points='20,0 0,20 20,40' transform='translate(2,2)'/%3E%3C/svg%3E"); }

  .swiper-button-next.swiper-button-white {
    right: -10px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 44'%3E%3Cpolyline fill='none' stroke='white' stroke-width='1.5' points='0,0 20,20 0,40' transform='translate(2,2)'/%3E%3C/svg%3E"); } }
@media (min-width: 800px) {
  .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    height: 80px;
    width: 120px;
    margin-top: -40px;
    opacity: 0.85;
    background-size: contain; }
    .swiper-button-next.swiper-button-white:hover, .swiper-button-prev.swiper-button-white:hover {
      opacity: 1; }

  .swiper-button-prev.swiper-button-white {
    left: -15px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 44'%3E%3Cpolyline fill='none' stroke='white' stroke-width='1.5' points='20,0 0,20 20,40' transform='translate(2,2)'/%3E%3C/svg%3E"); }

  .swiper-button-next.swiper-button-white {
    right: -15px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 44'%3E%3Cpolyline fill='none' stroke='white' stroke-width='1.5' points='0,0 20,20 0,40' transform='translate(2,2)'/%3E%3C/svg%3E"); } }
@media (min-width: 1250px) {
  .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    height: 90px;
    width: 135px;
    margin-top: -45px;
    opacity: 0.85;
    background-size: contain; }
    .swiper-button-next.swiper-button-white:hover, .swiper-button-prev.swiper-button-white:hover {
      opacity: 1; }

  .swiper-button-prev.swiper-button-white {
    left: -20px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 44'%3E%3Cpolyline fill='none' stroke='white' stroke-width='1.5' points='20,0 0,20 20,40' transform='translate(2,2)'/%3E%3C/svg%3E"); }

  .swiper-button-next.swiper-button-white {
    right: -20px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 44'%3E%3Cpolyline fill='none' stroke='white' stroke-width='1.5' points='0,0 20,20 0,40' transform='translate(2,2)'/%3E%3C/svg%3E"); } }
@media (min-width: 501px) {
  .swiper-slide figure img {
    z-index: 0; }
  .swiper-slide figure figcaption {
    z-index: 1;
    font-size: 14px;
    position: absolute;
    bottom: 18px;
    left: 33.91304%;
    right: 0;
    padding: 7px;
    padding-top: 3px; }
    .swiper-slide figure figcaption h3, .swiper-slide figure figcaption p {
      opacity: 1; }
    .swiper-slide figure figcaption h3 {
      line-height: 1.2;
      margin: 6px 0 8px 0; } }
  @media (min-width: 501px) and (min-width: 0) and (max-width: 650px) {
    .swiper-slide figure figcaption {
      left: 18px; } }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 06.03.2017, 11:30:00
    Author     : jan
*/
@media (min-width: 0) and (max-width: 500px) {
  .proportion-wrapper.long_description .swiper-wrapper .swiper-slide figure figcaption h3 {
    font-size: 16px; } }
@media (min-width: 501px) and (max-width: 800px) {
  .proportion-wrapper.long_description .swiper-wrapper .swiper-slide figure figcaption h3 {
    font-size: 18px; } }

@media (min-width: 0) and (max-width: 500px) {
  main a.branch-office .description h3 {
    font-size: 16px;
    padding-top: 6px; } }
@media (min-width: 501px) and (max-width: 800px) {
  main a.branch-office .description h3 {
    font-size: 18px;
    padding-top: 6px; } }

@media (min-width: 0) and (max-width: 500px) {
  .proportion-wrapper.long_description .swiper-wrapper .swiper-slide figure figcaption {
    background-color: white;
    color: black; }
    .proportion-wrapper.long_description .swiper-wrapper .swiper-slide figure figcaption h3 {
      color: #364651; }

  .long_description.proportion-wrapper {
    background-color: transparent;
    overflow: visible;
    padding-bottom: 150px;
    background-color: transparent; }
    .long_description.proportion-wrapper .swiper-slide {
      background-color: transparent; }
      .long_description.proportion-wrapper .swiper-slide figure {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: transparent; }
        .long_description.proportion-wrapper .swiper-slide figure img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: auto;
          left: 0;
          transform: translate(0%, 0%); }
        .long_description.proportion-wrapper .swiper-slide figure figcaption {
          font-size: 14px;
          text-align: left;
          padding: 7px;
          padding-bottom: 0;
          position: absolute;
          top: calc(100% - 150px);
          opacity: 1;
          background-color: white; }
          .long_description.proportion-wrapper .swiper-slide figure figcaption h3 {
            line-height: 1.2;
            margin-bottom: 0.2em; }
          .long_description.proportion-wrapper .swiper-slide figure figcaption p {
            color: black;
            margin-bottom: 9px; }
    .long_description.proportion-wrapper .swiper-container-horizontal > .swiper-pagination-bullets {
      transform: translate(0, -150px); }
    .long_description.proportion-wrapper .swiper-button-next.swiper-button-white, .long_description.proportion-wrapper .swiper-button-prev.swiper-button-white {
      transform: translate(0, -75px); } }
.proportion-wrapper.long_description .swiper-pagination.swiper-pagination-white.swiper-pagination-clickable.swiper-pagination-bullets .swiper-pagination-bullet {
  background-color: #9EAAB6;
  opacity: 1; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 06.03.2017, 11:36:11
    Author     : jan
*/
.proportion-wrapper.two_lines figure figcaption {
  position: absolute;
  bottom: 36px !important;
  left: 13.56522%;
  right: 13.56522%;
  padding: 2.11957% 3.3913%;
  line-height: 1.4;
  font-family: "Roboto Slab", serif;
  text-align: left; }
  .proportion-wrapper.two_lines figure figcaption .line {
    width: 99%; }
  @media (min-width: 0) and (max-width: 500px) {
    .proportion-wrapper.two_lines figure figcaption {
      position: absolute;
      bottom: 18px !important; } }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 07.03.2017, 11:42:39
    Author     : jan
*/
.proportion-wrapper.fix #slider-headline {
  margin: 0 12.71739%;
  padding: 0.2em 4.23913%;
  width: calc(col-width-in-percent(9) - 32px);
  line-height: 1.2em;
  font-size: 4.28571em;
  line-height: 1.2em;
  z-index: 1;
  color: white;
  position: absolute;
  bottom: 54px;
  border-bottom: none;
  text-align: left;
  font-family: "Roboto Slab", serif; }
  .proportion-wrapper.fix #slider-headline.bg-transparent {
    color: white;
    background-color: transparent; }
  .proportion-wrapper.fix #slider-headline.bg-dark {
    background-color: rgba(55, 55, 55, 0.8) !important;
    color: white; }
  .proportion-wrapper.fix #slider-headline.bg-light {
    background-color: rgba(255, 255, 255, 0.8) !important;
    color: #364651; }
  @media (min-width: 0) and (max-width: 700px) {
    .proportion-wrapper.fix #slider-headline {
      bottom: 36px; } }
  @media (min-width: 0) and (max-width: 550px) {
    .proportion-wrapper.fix #slider-headline {
      bottom: 27px; } }

.proportion-wrapper.fix .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 18px; }
  @media (min-width: 0) and (max-width: 700px) {
    .proportion-wrapper.fix .swiper-container-horizontal > .swiper-pagination-bullets {
      bottom: 9px; } }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 09.10.2016, 11:40:04
    Author     : jan
*/
.open, .accordion {
  background-color: #E9ECEF;
  opacity: 1;
  padding-bottom: 1px;
  margin-bottom: 1.28571em;
  /*     * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /*                         P A R T N E R                               */
  /*     * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /*     * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /*                        D R I V E W A Y                              */
  /*     * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ }
  .open h2, .accordion h2 {
    margin: 0;
    padding: 0;
    background-color: #D7DDDF;
    padding-top: 6px;
    padding-bottom: 3px;
    margin-bottom: 20px; }
    .open h2:hover, .accordion h2:hover {
      cursor: pointer;
      background-color: #D7DDDF;
      color: #783042; }
  .open.white, .accordion.white {
    background-color: white; }
    .open.white h2, .open.white h2:hover, .accordion.white h2, .accordion.white h2:hover {
      background-color: white; }
  .open img, .accordion img {
    width: 100% !important;
    height: auto !important; }
  .open .toggle, .accordion .toggle {
    padding-top: 1.28571em;
    padding-bottom: 2.57143em; }
  .open strong, .accordion strong {
    color: #364651; }
    @media (min-width: 610px) {
      .open strong, .accordion strong {
        font-weight: normal;
        font-size: 1.28571em;
        line-height: 2em; } }
  .open .content-box, .accordion .content-box {
    margin-left: 16.95652%;
    min-height: 54px;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
    margin-right: calc(16px + 0px);
    width: 64.66667%;
    width: calc(66.66667% - 16px); }
  .open .toggleArea, .accordion .toggleArea {
    background-color: #E9ECEF;
    overflow: hidden;
    -moz-transition-property: hight;
    -o-transition-property: hight;
    -webkit-transition-property: hight;
    transition-property: hight;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
    .open .toggleArea.closed, .accordion .toggleArea.closed {
      height: 18px; }
      .open .toggleArea.closed > *, .accordion .toggleArea.closed > * {
        margin-top: 18px; }
  .open .services, .accordion .services {
    padding-top: 9px;
    padding-bottom: 9px;
    background-color: white; }
    @media (min-width: 900px) {
      .open .services, .accordion .services {
        -webkit-column-count: 2;
        /* Chrome, Safari, Opera */
        -moz-column-count: 2;
        /* Firefox */
        column-count: 2; }
        .open .services ul li, .accordion .services ul li {
          font-size: 1em;
          line-height: 1.92857em;
          padding-bottom: 0; } }
  .open .prices ul, .accordion .prices ul {
    padding-top: 9px; }
  .open ul, .accordion ul {
    display: block;
    list-style-type: disc;
    padding-left: 5ex; }
    .open ul li, .accordion ul li {
      padding-bottom: 9px; }
  .open h3, .accordion h3 {
    margin-top: 1.28571em;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 16px;
    border-bottom: 1px solid black;
    margin-bottom: 8px; }
  @media (min-width: 451px) {
    .open table, .accordion table {
      margin-left: 5ex; } }
  @media (min-width: 0) and (max-width: 450px) {
    .open table, .accordion table {
      width: 100%; }
      .open table tr th, .open table tr td, .accordion table tr th, .accordion table tr td {
        padding-left: 0 !important;
        padding-right: 0 !important; } }
  .open table tr, .accordion table tr {
    font-size: 1em;
    line-height: 2.57143em;
    border-bottom: 1px solid black; }
    .open table tr th, .accordion table tr th {
      padding-right: 10ex; }
    .open table tr td, .accordion table tr td {
      text-align: right; }
    .open table tr th, .open table tr td, .accordion table tr th, .accordion table tr td {
      padding-left: 3ex;
      padding-right: 3ex; }
  .open .white-box, .accordion .white-box {
    background-color: white !important;
    margin-bottom: 1.28571em; }
  .open .partner-box, .accordion .partner-box {
    display: inline-block;
    min-height: 54px;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
    margin-right: calc(16px + 0px);
    width: 48%;
    width: calc(50% - 16px);
    margin-bottom: 1.28571em;
    background-color: transparent;
    /*        &:nth-child(2n+1){
                margin-left: col-width-in-percent(2);
            }
    
            &:nth-child(2n){
                margin-right: col-width-in-percent(2);
            }*/ }
    .open .partner-box:hover .logo-wrapper, .accordion .partner-box:hover .logo-wrapper {
      background-color: rgba(255, 255, 255, 0.9); }
    .open .partner-box .logo-wrapper, .accordion .partner-box .logo-wrapper {
      margin-bottom: 9px;
      background-color: rgba(255, 255, 255, 0.3);
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      padding: 16px; }
      .open .partner-box .logo-wrapper .logo, .accordion .partner-box .logo-wrapper .logo {
        padding-top: 60.601%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center; }
    @media (min-width: 0) and (max-width: 400px) {
      .open .partner-box, .accordion .partner-box {
        min-height: 54px;
        display: inline-block;
        vertical-align: top;
        margin-right: 2%;
        margin-right: calc(16px + 0px);
        width: 64.66667%;
        width: calc(66.66667% - 16px);
        margin-left: 16.95652%;
        background-color: transparent; } }
  .open .driveway img, .accordion .driveway img {
    margin-top: 9px; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13.03.2017, 12:57:16
    Author     : jan
*/
.accordion.half-open {
  border-bottom: 1px solid black; }
  .accordion.half-open header {
    padding-top: 8.35714em;
    background-position: center;
    background-size: auto 100%; }
    .accordion.half-open header:hover h2 {
      color: #783042; }
  .accordion.half-open h3 {
    border-bottom: none !important;
    font-family: "Roboto Slab", serif; }
  .accordion.half-open .content-box {
    margin-top: 1.28571em; }
  .accordion.half-open h2 {
    background-color: rgba(255, 255, 255, 0.5); }
  .accordion.half-open a.rotating-button {
    text-align: center;
    display: block;
    font-size: 36px;
    color: #364651;
    opacity: 0.5;
    height: 36px;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -moz-transition-timing-function: swing;
    -o-transition-timing-function: swing;
    -webkit-transition-timing-function: swing;
    transition-timing-function: swing;
    margin-top: -10px;
    height: 30px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 2' width='30px' height='15px'%3E%3Cpolygon points='0,0 4,0 2,2' fill='%23364651' stroke='none' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat; }
    .accordion.half-open a.rotating-button:hover {
      opacity: 1; }
    .accordion.half-open a.rotating-button.rotate {
      -moz-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }

accordion.malteser header {
  background-image: url("/wp-waldruh/wp-content/uploads/vw_transporter_malteser.jpg"); }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 09.10.2016, 14:43:50
    Author     : jan
*/
.portrait {
  background-color: #3C454C;
  border: 5px solid #BEC8CE;
  width: 186px;
  height: 186px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-image: url("$path");
  margin-bottom: 1.28571em;
  margin: 0 auto; }

@media (min-width: 901px) {
  .employees .person {
    min-height: 54px;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
    margin-right: calc(16px + 0px);
    width: 48%;
    width: calc(50% - 16px);
    padding-bottom: 2.57143em;
    /*            &:nth-child(2n+1) {
                    padding-left: col-width-in-percent(2);
                }*/
    /*            &:nth-child(2n) {
                    padding-right: col-width-in-percent(2);
                }*/ }
    .employees .person:last-child {
      padding-bottom: 0em; }
  .employees.odd .person:last-child {
    margin-left: 16.95652%; } }
@media (min-width: 0) and (max-width: 900px) {
  .employees .person {
    padding: 0 16.95652%;
    padding-bottom: 3.85714em; }
    .employees .person:last-child {
      padding-bottom: 0em; } }
.employees .person {
  text-align: center;
  background-color: transparent !important; }
  .employees .person h3 {
    margin-top: 1.28571em;
    font-size: 1.28571em;
    line-height: 1em;
    padding-bottom: 9px;
    border-bottom: 1px solid black; }
  .employees .person .profession {
    font-size: 1em;
    line-height: 2.57143em; }

/*    .person {
        @include col(6);
        display: inline-block;
        vertical-align: top;
        margin-bottom: 2*$base-line-height;
        padding-top: 2 * $base-line-height;
        text-align: center;
        
        
        
        &:nth-child(2n+1) {
            background-color: green;
            padding-left: col-width-in-percent(2);
            padding-right: 1em;
        }
        
        &:nth-child(2n) {
            background-color: red;
            padding-right: col-width-in-percent(2);
            padding-left: 1em;
        }*/
/*
.employees {
    background-color: $color-content-bg-gray;
    .person {
        @include leader(1);
        @include trailer(1);
        text-align: center;
        background-color: $color-content-bg-gray!important;
        padding: 0 1em;

        h3 {
            @include leader;
            @include adjust-font-size-to(18px,1);
        }
    }
}

.employees2 .person {
    @include col(6);

    @include breakpoint($no-phone) {

        &:first-child{
            padding-left: 5em;
            padding-right: 2em;

        }
        &:last-child{
            padding-left: 2em;
            padding-right: 5em;
        }
    }


    @include breakpoint(0 475px){
        @include col(12);
        padding: 0 2em;
    }
}




.employees3 .person {
    @include col(4);

    @include breakpoint(0 650px) {
        background-color: violet;
        @include col(12);
        padding: 0 2em;
        @include trailer(2);

        p {
            max-width: 400px;
            margin-left: auto;
            margin-right: auto;
        }
    }
}

.employees4 .person {
    @include col(3);

    @include breakpoint($phone){
        @include col(6);
        @include trailer(2);
    }

    @include breakpoint(0 475px){
        @include col(12);
        padding: 0 2em;
    }

}

.employees5 .person {
    @include col(4);

    @include breakpoint($phone){
        @include col(6);
        @include trailer(2);

        &:last-child {
            margin-left: col-width-in-percent(3);
        }

    }

    @include breakpoint(0 475px){
        @include col(12);
        padding: 0 2em;
        &:last-child {
            margin-left: 0;
        }
    }

    @include breakpoint($no-phone){
        &:nth-child(4) {
            margin-left: col-width-in-percent(2);
        }
    }
}

.employees5 .person {
    @include col(4);

    @include breakpoint($phone){
        @include col(6);
        @include trailer(2);

        &:last-child {
            margin-left: col-width-in-percent(3);
        }

    }

    @include breakpoint(0 475px){
        @include col(12);
        padding: 0 2em;
        &:last-child {
            margin-left: 0;
        }
    }

    @include breakpoint($no-phone){
        &:nth-child(4) {
            margin-left: col-width-in-percent(2);
        }
    }
}

.employees6 .person {
    @include breakpoint($no-phone){
        @include col(4);
    }

    @include breakpoint($phone){
        @include col(6);
        @include trailer(2);
    }

    @include breakpoint(0 475px){
        @include col(12);
        padding: 0 2em;
    }
}

.employees7 .person {
    @include breakpoint($no-phone){

        &:nth-child(5) {
            margin-left:  col-width-in-percent(1.5);
        }

        @include col(3);
    }

    @include breakpoint($phone){
        @include col(6);
        @include trailer(2);

        &:last-child {
            margin-left: col-width-in-percent(3);
        }
    }

    @include breakpoint(0 475px){
        @include col(12);
        padding: 0 2em;
        &:last-child {
            margin-left: 0;
        }
    }
}

.employees8 .person {
    @include breakpoint($no-phone){
        @include col(3);
    }

    @include breakpoint($phone){
        @include col(4);
        @include trailer(2);

        &:nth-child(7) {
            margin-left: col-width-in-percent(2);
        }
    }

    @include breakpoint(0 700px){
        @include col(6);
        &:nth-child(7) {
            margin-left: 0;
        }

    }

    @include breakpoint(0 475px){
        @include col(12);
        padding: 0 2em;
        &:last-child {
            margin-left: 0;
        }
    }

}

.employees9 .person {
    @include breakpoint($no-phone){
        @include col(4);
    }

    @include breakpoint($phone){
        @include col(6);
        @include trailer(2);

        &:last-child {
            margin-left: col-width-in-percent(3);
        }
    }

    @include breakpoint(0 475px){
        @include col(12);
        padding: 0 2em;
        &:last-child {
            margin-left: 0;
        }
    }
}
*/
/*.profession {
    padding: $base-line-height/2 0 $base-line-height;
    @include adjust-font-size-to(14px);
}*/
/*
.person:nth-child(6n+1) .portrait {
    background-image: url('/images/personen/lauer.png')
}

.person:nth-child(6n+2) .portrait {
    background-image: url('/images/personen/bickel.png')
}

.person:nth-child(6n+3) .portrait {
    background-image: url('/images/personen/rapp.png')
}

.person:nth-child(6n+4) .portrait {
    background-image: url('/images/personen/bodman.png')
}

.person:nth-child(6n+5) .portrait {
    background-image: url('/images/personen/merkel.png')
}

.person:nth-child(6n+0) .portrait {
    background-image: url('/images/personen/cookiemonster.png')
}
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 08.10.2016, 08:14:06
    Author     : jan
*/
.geo {
  padding-bottom: 1.28571em;
  background-color: #E9ECEF !important;
    /*    @include breakpoint(0 700px) {
            article {

                padding-left: 16px;

                h3 {
                    padding-left: col-width-in-percent(6);
                }

                .img-wrapper {
                    @include col(6);
                    @include trailer(1);
                }

                p {
                    background-color: $color-content-bg-gray!important;
                    @include col(6);
                    &:last-child {
                        @include col(12);
                    }

                }
            }
        }*/
  /*    @include breakpoint(0 600px) {
          article {
              p:nth-child(4), p:last-child {
                  width: 100%;
              }
          }
      }*/ }
  .geo article {
    background-color: #E9ECEF !important; }
    .geo article h3 {
      padding-left: 33.33333%; }
    .geo article .img-wrapper {
      padding-top: 4px;
      min-height: 54px;
      display: inline-block;
      vertical-align: top;
      margin-right: 2%;
      margin-right: calc(16px + 0px);
      width: 31.33333%;
      width: calc(33.33333% - 16px);
      float: left;
      background-color: #E9ECEF !important; }
      .geo article .img-wrapper img {
        background-color: #E9ECEF !important;
        width: 100%; }
    .geo article p {
      margin-bottom: 9px;
      padding-right: 32px; }
  @media (min-width: 0) and (max-width: 650px) {
    .geo article {
      padding: 18px 16px; }
      .geo article h3 {
        padding-left: 0; }
      .geo article .img-wrapper {
        width: 100%;
        margin-bottom: 1.28571em;
        min-height: 54px;
        display: inline-block;
        vertical-align: top;
        margin-right: 2%;
        margin-right: calc(16px + 0px);
        width: 98%;
        width: calc(100% - 16px); }
      .geo article p {
        width: 100% !important;
        margin-bottom: 9px; } }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 08.10.2016, 05:48:44
    Author     : jan
*/
.guidance-teaser {
  margin-top: 2.57143em;
  margin-bottom: 2.57143em;
  display: block;
  color: black;
  background-color: yellow;
  position: relative;
  cursor: pointer; }
  .guidance-teaser .headline {
    background-color: #cea87a; }
  .guidance-teaser h2 {
    color: white;
    padding-bottom: 0;
    padding-left: 60px;
    padding-right: 150px;
    text-align: left;
    font-size: 1.57143em;
    line-height: 2.45455em; }
    @media (min-width: 0) and (max-width: 1249px) {
      .guidance-teaser h2 {
        padding-right: calc(16.95652% + 90px);
        padding-left: 8.47826%; } }
    .guidance-teaser h2.short {
      display: none; }
  .guidance-teaser h2#intro-headline {
    padding-top: 1.28571em; }
  @media (min-width: 0) and (max-width: 700px) {
    .guidance-teaser h2.long {
      display: none; }
    .guidance-teaser h2.short {
      display: block; } }
  .guidance-teaser .text-wrapper {
    background-color: #dec5a6;
    min-height: 54px;
    display: table;
    width: 100%;
    border-top: 1px solid black; }
  .guidance-teaser .text {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    height: 54px;
    padding: 9px 160px 9px 60px; }
    @media (min-width: 0) and (max-width: 1249px) {
      .guidance-teaser .text {
        padding-left: 8.47826%; } }
    .guidance-teaser .text p {
      margin-bottom: 9px; }
      .guidance-teaser .text p:last-child {
        margin-bottom: 0; }
  .guidance-teaser .sym {
    position: absolute;
    top: 9px;
    right: 60px;
    width: 90px;
    height: 90px;
    display: inline-block; }
    @media (min-width: 0) and (max-width: 1249px) {
      .guidance-teaser .sym {
        right: 8.47826%; } }
  .guidance-teaser .floating-dummy {
    display: none; }
  @media (min-width: 0) and (max-width: 450px) {
    .guidance-teaser h2 {
      padding-right: 0; }
    .guidance-teaser .text-wrapper {
      height: auto;
      display: block; }
      .guidance-teaser .text-wrapper .text {
        width: 100%;
        padding-right: 8.47826%; }
      .guidance-teaser .text-wrapper .floating-dummy {
        display: block;
        height: 35px;
        float: right;
        width: 100px; } }
  .guidance-teaser .sym {
    /*        background-image: svg-uri('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300px" height="300px" viewBox="0 0 50 50">'+
                + '<defs>'
                + '<clipPath id="cut">'
                + '<rect x="0" y="0" width="50" height="50" stroke="none" rx="2" ry="2" />'
                + '</clipPath>'
                + '</defs>'
                + '<rect x="1" y="1" width="48" height="48" fill="#EBDBC8" />'
                + '<g clip-path="url(#cut)">'
                + '<rect x="22" y="25" width="6" height="20" style="stroke: white; stroke-width: 1.5; fill: none"/>'
                + '<circle cx="25" cy="15" r="4" style="stroke: white; stroke-width: 1.5; fill: none" />'
                + '<rect x="0.5" y="0.5" width="49" height="49" fill="none" stroke="white" stroke-width="1" rx="2" ry="2"/>'
                + '</g>'
                + '</svg>');*/
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='300px' height='300px' viewBox='0 0 50 50'%3E+'%3Cdefs%3E'%3CclipPath id='cut'%3E%3Crect x='0' y='0' width='50' height='50' stroke='none' rx='2' ry='2' /%3E%3C/clipPath%3E%3Csvg id='i' width='50' height='50' viewBox='0 0 160 160' %3E%3Cg fill='white'%3E%3Cpath d='m80 15c-35.88 0-65 29.12-65 65s29.12 65 65 65 65-29.12 65-65-29.12-65-65-65zm0 10c30.36 0 55 24.64 55 55s-24.64 55-55 55-55-24.64-55-55 24.64-55 55-55z'/%3E%3Cpath d='m57.373 18.231a9.3834 9.1153 0 1 1 -18.767 0 9.3834 9.1153 0 1 1 18.767 0z' transform='matrix(1.1989 0 0 1.2342 21.214 28.75)'/%3E%3Cpath d='m90.665 110.96c-0.069 2.73 1.211 3.5 4.327 3.82l5.008 0.1v5.12h-39.073v-5.12l5.503-0.1c3.291-0.1 4.082-1.38 4.327-3.82v-30.813c0.035-4.879-6.296-4.113-10.757-3.968v-5.074l30.665-1.105'/%3E%3C/g%3E%3C/svg%3E%3C/defs%3E%3Crect x='1' y='1' width='48' height='48' fill='%23EBDBC8' /%3E%3Cg clip-path='url(%23cut)'%3E%3Ccircle cx='25' cy='25' r='17' style='stroke: none; fill: %23DEC5A6' /%3E%3Cuse xlink:href='%23i' /%3E%3Crect x='0.5' y='0.5' width='49' height='49' fill='none' stroke='white' stroke-width='1' rx='2' ry='2'/%3E%3C/g%3E%3C/svg%3E");
    background-size: cover; }

.tree-teaser {
  margin-top: 2.57143em;
  margin-bottom: 2.57143em;
  display: block;
  color: black;
  background-color: yellow;
  position: relative;
  cursor: pointer; }
  .tree-teaser .headline {
    background-color: #9CAE7E; }
  .tree-teaser h2 {
    color: white;
    padding-bottom: 0;
    padding-left: 60px;
    padding-right: 150px;
    text-align: left;
    font-size: 1.57143em;
    line-height: 2.45455em; }
    @media (min-width: 0) and (max-width: 1249px) {
      .tree-teaser h2 {
        padding-right: calc(16.95652% + 90px);
        padding-left: 8.47826%; } }
    .tree-teaser h2.short {
      display: none; }
  .tree-teaser h2#intro-headline {
    padding-top: 1.28571em; }
  @media (min-width: 0) and (max-width: 485px) {
    .tree-teaser h2.long {
      display: none; }
    .tree-teaser h2.short {
      display: block; } }
  .tree-teaser .text-wrapper {
    background-color: #BDC9A9;
    min-height: 54px;
    display: table;
    width: 100%;
    border-top: 1px solid black; }
  .tree-teaser .text {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    height: 54px;
    padding: 9px 160px 9px 60px; }
    @media (min-width: 0) and (max-width: 1249px) {
      .tree-teaser .text {
        padding-left: 8.47826%; } }
    .tree-teaser .text p {
      margin-bottom: 9px; }
      .tree-teaser .text p:last-child {
        margin-bottom: 0; }
  .tree-teaser .sym {
    position: absolute;
    top: 9px;
    right: 60px;
    width: 90px;
    height: 90px;
    display: inline-block; }
    @media (min-width: 0) and (max-width: 1249px) {
      .tree-teaser .sym {
        right: 8.47826%; } }
  .tree-teaser .floating-dummy {
    display: none; }
  @media (min-width: 0) and (max-width: 450px) {
    .tree-teaser h2 {
      padding-right: 0; }
    .tree-teaser .text-wrapper {
      height: auto;
      display: block; }
      .tree-teaser .text-wrapper .text {
        width: 100%;
        padding-right: 8.47826%; }
      .tree-teaser .text-wrapper .floating-dummy {
        display: block;
        height: 35px;
        float: right;
        width: 100px; } }
  .tree-teaser .sym {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='300px' height='300px' viewBox='0 0 50 50'%3E+'%3Cdefs%3E'%3Csymbol id='lens'%3E%3Ccircle cx='11.75' cy='11.75' r='11' style='stroke: white; stroke-width: 1.5; fill: none' /%3E%3Cline x1='19.5' y1='19.5' x2='27' y2='27' stroke-width='4' stroke='white' /%3E%3Ccircle cx='27' cy='27' r='2' style='stroke: none; fill: white' /%3E%3C/symbol%3E%3Csymbol id='tree'%3E%3Cpolygon stroke='none' points='0,16 5,16 5,18 7,18 7,16 12,16 8.5,9 9.5,9 7,4 7.5,4 6,0 4.5,4 5,4 2.5,9 3.5,9' /%3E%3C/symbol%3E%3CclipPath id='cut'%3E%3Crect x='0' y='0' width='50' height='50' stroke='none' rx='2' ry='2' /%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23cut)'%3E%3Crect x='1' y='1' width='48' height='48' fill='%23D6DDC9' /%3E%3Cuse xlink:href='%23tree' fill='%23B5C39E' transform='translate(1,1) scale(1.2)' /%3E%3Cuse xlink:href='%23tree' fill='%23B5C39E' transform='translate(30,3) scale(1.2)' /%3E%3Cuse xlink:href='%23tree' fill='%23B5C39E' transform='translate(35,30) scale(1.2)' /%3E%3Cuse xlink:href='%23tree' fill='%23B5C39E' transform='translate(-3,32) scale(1.2)' /%3E%3Cuse xlink:href='%23tree' fill='%23B5C39E' transform='translate(13,42) scale(1.2)' /%3E%3Cuse xlink:href='%23tree' fill='%23B5C39E' transform='translate(18,-15) scale(1.2)' /%3E%3Cuse xlink:href='%23tree' fill='%23A4B589' transform='translate(14,15) scale(1.2)' /%3E%3Cuse xlink:href='%23lens' transform='translate(11,11)' /%3E%3Crect x='0.5' y='0.5' width='49' height='49' fill='none' stroke='white' stroke-width='1' rx='2' ry='2'/%3E%3C/g%3E%3C/svg%3E");
    background-size: cover; }

.recommendation-teaser {
  margin-top: 2.57143em;
  margin-bottom: 2.57143em;
  display: block;
  color: black;
  background-color: yellow;
  position: relative;
  cursor: pointer; }
  .recommendation-teaser .headline {
    background-color: #b68c92; }
  .recommendation-teaser h2 {
    color: white;
    padding-bottom: 0;
    padding-left: 60px;
    padding-right: 150px;
    text-align: left;
    font-size: 1.57143em;
    line-height: 2.45455em; }
    @media (min-width: 0) and (max-width: 1249px) {
      .recommendation-teaser h2 {
        padding-right: calc(16.95652% + 90px);
        padding-left: 8.47826%; } }
    .recommendation-teaser h2.short {
      display: none; }
  .recommendation-teaser h2#intro-headline {
    padding-top: 1.28571em; }
  @media (min-width: 0) and (max-width: 800px) {
    .recommendation-teaser h2.long {
      display: none; }
    .recommendation-teaser h2.short {
      display: block; } }
  .recommendation-teaser .text-wrapper {
    background-color: #ceb2b6;
    min-height: 54px;
    display: table;
    width: 100%;
    border-top: 1px solid black; }
  .recommendation-teaser .text {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    height: 54px;
    padding: 9px 160px 9px 60px; }
    @media (min-width: 0) and (max-width: 1249px) {
      .recommendation-teaser .text {
        padding-left: 8.47826%; } }
    .recommendation-teaser .text p {
      margin-bottom: 9px; }
      .recommendation-teaser .text p:last-child {
        margin-bottom: 0; }
  .recommendation-teaser .sym {
    position: absolute;
    top: 9px;
    right: 60px;
    width: 90px;
    height: 90px;
    display: inline-block; }
    @media (min-width: 0) and (max-width: 1249px) {
      .recommendation-teaser .sym {
        right: 8.47826%; } }
  .recommendation-teaser .floating-dummy {
    display: none; }
  @media (min-width: 0) and (max-width: 450px) {
    .recommendation-teaser h2 {
      padding-right: 0; }
    .recommendation-teaser .text-wrapper {
      height: auto;
      display: block; }
      .recommendation-teaser .text-wrapper .text {
        width: 100%;
        padding-right: 8.47826%; }
      .recommendation-teaser .text-wrapper .floating-dummy {
        display: block;
        height: 35px;
        float: right;
        width: 100px; } }
  .recommendation-teaser .text-wrapper {
    padding-top: 9px;
    padding-bottom: 63px;
    border: none; }
    .recommendation-teaser .text-wrapper p {
      font-style: italic; }
  .recommendation-teaser .headline {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
    .recommendation-teaser .headline h2 {
      border-bottom: none;
      border-top: 1px solid black; }
  .recommendation-teaser .sym {
    top: auto;
    bottom: 9px; }
  .recommendation-teaser .sym {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='300px' height='300px' viewBox='0 0 50 50'%3E+'%3Cdefs%3E'%3CclipPath id='cut'%3E%3Crect x='0' y='0' width='50' height='50' stroke='none' rx='2' ry='2' /%3E%3C/clipPath%3E%3C/defs%3E%3Crect x='1' y='1' width='48' height='48' fill='%23E0CFD1' /%3E%3Cg clip-path='url(%23cut)'%3E%3Cpath d='M15 32.5 L12.5 40 20 33.25 A 17.5 12.5 0 1 0 15, 32.5 Z' transform='translate(3,2)' style='stroke: white; stroke-width: 1.5; fill: %23CEB2B6' /%3E%3Crect x='0.5' y='0.5' width='49' height='49' fill='none' stroke='white' stroke-width='1' rx='2' ry='2'/%3E%3C/g%3E%3C/svg%3E");
    background-size: cover; }

.review {
  background-color: #F5E4BA;
  margin-bottom: 3.85714em; }
  .review article {
    min-height: 54px;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
    margin-right: calc(16px + 0px);
    width: 98%;
    width: calc(100% - 16px);
    position: relative; }
    .review article .text {
      font-style: italic;
      padding-left: 16.95652%;
      padding-right: 16.95652%;
      margin: 27px 0; }
      @media (min-width: 501px) {
        .review article .text {
          margin-top: 27px;
          margin-bottom: 72px; } }
  .review h2, .review h3, .review h4, .review h5, .review h6 {
    padding-left: 16.95652%;
    padding-right: 16.95652%;
    background-color: #E2BF49;
    text-align: left;
    color: white;
    font-size: 1.71429em;
    line-height: 2.25em;
    border: none;
    width: 100%; }
    @media (min-width: 501px) {
      .review h2, .review h3, .review h4, .review h5, .review h6 {
        position: absolute;
        bottom: 0; } }

a.slim.teaser {
  margin-bottom: 2.57143em; }

h2#standorte {
  margin-top: 1.28571em; }

a.slim.teaser, a.branch-office {
  display: block;
  opacity: 1;
  padding-top: 31.30435%;
  color: black;
  cursor: pointer;
  background-color: white;
  margin-top: 1.28571em;
  position: relative;
  overflow: hidden;
  /*    @include breakpoint(0 500px) {
          background-color: $color-slider-dark-background!important;
          opacity: 1;
          &.light, &.dark {
              .description  {
                  background-color: transparent;
                  p, h3 {
                      color: $color-slider-dark-text;
                  }
              }
          }
      }
  */ }
  a.slim.teaser img, a.branch-office img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease; }
  a.slim.teaser:hover img, a.branch-office:hover img {
    position: absolute;
    top: -2.5%;
    right: -2.5%;
    bottom: -2.5%;
    left: -2.5%;
    width: 105%;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  @media (min-width: 0) and (max-width: 500px) {
    a.slim.teaser, a.branch-office {
      margin-bottom: 2.57143em; }
      a.slim.teaser .description, a.branch-office .description {
        padding: 0 16px 0 9px;
        background-color: transparent; }
        a.slim.teaser .description p, a.branch-office .description p {
          padding-bottom: 9px; }
          a.slim.teaser .description p:last-of-type, a.branch-office .description p:last-of-type {
            padding-bottom: 0; } }
  @media (min-width: 501px) {
    a.slim.teaser .description, a.branch-office .description {
      background-color: white;
      position: absolute;
      left: 33.91304%;
      bottom: 9px;
      right: 0px;
      padding: 0px 27px 0px 9px; }
      a.slim.teaser .description div.triangle, a.branch-office .description div.triangle {
        width: 0px;
        height: 0px;
        -webkit-transform: rotate(360deg);
        border-style: solid;
        border-width: 0 0 30px 30px;
        border-color: transparent transparent #000000 transparent;
        position: absolute;
        right: 9px;
        bottom: 9px; } }
  a.slim.teaser:last-of-type, a.branch-office:last-of-type {
    margin-bottom: 2.57143em; }
  a.slim.teaser.dark .description, a.branch-office.dark .description {
    background-color: rgba(60, 69, 76, 0.8); }
    a.slim.teaser.dark .description h3, a.slim.teaser.dark .description p, a.slim.teaser.dark .description div.triangle, a.branch-office.dark .description h3, a.branch-office.dark .description p, a.branch-office.dark .description div.triangle {
      color: white;
      border-bottom-color: rgba(151, 156, 159, 0.5); }
  a.slim.teaser.light .description, a.branch-office.light .description {
    background-color: rgba(228, 232, 235, 0.7); }
    a.slim.teaser.light .description p, a.slim.teaser.light .description div.triangle, a.branch-office.light .description p, a.branch-office.light .description div.triangle {
      color: #364651;
      border-bottom-color: rgba(100, 116, 129, 0.5); }
  @media (min-width: 0) and (max-width: 500px) {
    a.slim.teaser, a.branch-office {
      background-color: white !important;
      opacity: 1; }
      a.slim.teaser.light .description, a.slim.teaser.dark .description, a.branch-office.light .description, a.branch-office.dark .description {
        background-color: transparent; }
        a.slim.teaser.light .description h3, a.slim.teaser.dark .description h3, a.branch-office.light .description h3, a.branch-office.dark .description h3 {
          color: #364651; }
        a.slim.teaser.light .description p, a.slim.teaser.dark .description p, a.branch-office.light .description p, a.branch-office.dark .description p {
          color: #364651; } }

/*
&copy 2016, Waldruh.
created by digidrom.de
Code written by Jan Tack
*/
/*
    Created on : 11.11.2016, 11:19:24
    Author     : Jan Tack <jan.tack@digidrom.de>
*/
.two-cols .col-wrapper {
  margin-top: 1.28571em;
  min-height: 54px;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
  margin-right: calc(16px + 0px);
  width: 48%;
  width: calc(50% - 16px);
  position: relative;
        /*
        section {
            @include position(absolute, 0 0 0 0);


            img {
                @include position(absolute, 0 0 0 0);
            }


        }*/ }
  @media (min-width: 0) and (max-width: 700px) {
    .two-cols .col-wrapper {
      min-height: 54px;
      display: inline-block;
      vertical-align: top;
      margin-right: 2%;
      margin-right: calc(16px + 0px);
      width: 98%;
      width: calc(100% - 16px); } }
  .two-cols .col-wrapper section {
    padding-top: 71.68142%;
    background-color: red !important;
    position: relative; }
    .two-cols .col-wrapper section img {
      width: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    .two-cols .col-wrapper section .description {
      position: absolute;
      right: 0;
      bottom: 9px;
      left: 9px;
      background-color: white;
      opacity: 0.75;
      padding: 0 9px; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13.03.2017, 03:22:47
    Author     : jan
*/
.post {
  background-color: #E9ECEF;
  margin-bottom: 3.85714em; }
  .post .content {
    min-height: 54px;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
    margin-right: calc(16px + 0px);
    width: 64.66667%;
    width: calc(66.66667% - 16px);
    margin-left: 16.95652%;
    margin-top: 2.57143em;
    margin-bottom: 2.57143em;
    margin-right: 0; }
    .post .content .meta {
      color: #364651;
      text-align: right;
      font-style: italic; }
    .post .content .white-box {
      padding: 18px; }
    .post .content ul {
      background-color: white;
      margin-bottom: 1.28571em;
      margin-top: 1.28571em;
      display: block;
      list-style-type: disc;
      padding: 18px; }
      .post .content ul li {
        margin-left: 4ex;
        padding-bottom: 9px; }
        .post .content ul li:last {
          padding-bottom: 0; }
  .post h2 {
    font-size: 1.28571em;
    line-height: 2.5em;
    background-color: #D7DDDF; }
  .post img {
    width: 100% !important;
    height: auto !important; }
    .post img.wp-post-image {
      margin-bottom: 1.28571em; }

.postmetadata {
  background-color: #D7DDDF;
  margin-top: -2.57143em; }
  .postmetadata a {
    display: block;
    padding: 18px 16.95652%; }

nav.post-navigation {
  margin-bottom: 2.57143em;
  background-color: transparent;
  position: relative;
  height: 90px; }
  nav.post-navigation .next, nav.post-navigation .prev {
    position: absolute;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    background-color: #485864;
    font-size: 1em;
    line-height: 2.57143em;
    padding-left: 16px;
    padding-right: 16px;
    min-width: 20ex; }
    nav.post-navigation .next:hover, nav.post-navigation .prev:hover {
      background-color: #783042; }
  nav.post-navigation .next {
    right: 0; }
  nav.post-navigation .prev a {
    left: 0; }

nav.navigation.pagination {
  background-color: transparent;
  text-align: center;
  margin-bottom: 50px; }
  nav.navigation.pagination h2 {
    display: none; }
  nav.navigation.pagination .page-numbers {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-block !important;
    vertical-align: top;
    margin: 0 10px;
    background-color: #485864;
    line-height: 40px;
    font-weight: bold;
    font-family: "Roboto Slab", serif; }
    nav.navigation.pagination .page-numbers:hover, nav.navigation.pagination .page-numbers.current {
      background-color: #783042;
      color: white; }
    @media (min-width: 0) and (max-width: 500px) {
      nav.navigation.pagination .page-numbers {
        margin: 0 10px; } }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 14.03.2017, 05:21:30
    Author     : jan
*/
#contact h3 {
  margin-top: 1.28571em;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 16px;
  border-bottom: 1px solid black;
  margin-bottom: 8px; }

.form-wrapper {
  margin-bottom: 5.14286em;
  background-color: #E9ECEF; }
  .form-wrapper h2 {
    padding: 0;
    background-color: #D7DDDF;
    padding-top: 6px;
    padding-bottom: 3px;
    margin-bottom: 20px; }
  .form-wrapper .content {
    margin-left: 16.95652%;
    min-height: 54px;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
    margin-right: calc(16px + 0px);
    width: 64.66667%;
    width: calc(66.66667% - 16px);
    margin-bottom: 2.57143em;
    margin-top: 1.28571em; }
  .form-wrapper .success {
    background-color: white;
    padding: 18px 16px; }
  .form-wrapper form {
    background-color: transparent;
    margin-right: -16px;
    padding-bottom: 2.57143em; }
    .form-wrapper form div {
      font-size: 1em;
      line-height: 1.28571em; }
      .form-wrapper form div span {
        display: inline-block;
        vertical-align: top; }
        .form-wrapper form div span input[type="text"], .form-wrapper form div span input[type="email"], .form-wrapper form div span textarea {
          width: 100%; }
        .form-wrapper form div span textarea {
          margin-top: 0px;
          height: 180px; }
        .form-wrapper form div span input[type="submit"] {
          margin-top: 10px;
          float: right; }
        @media (min-width: 601px) {
          .form-wrapper form div span:first-child {
            padding-top: 5px;
            min-height: 54px;
            display: inline-block;
            vertical-align: top;
            margin-right: 2%;
            margin-right: calc(16px + 0px);
            width: 39.66667%;
            width: calc(41.66667% - 16px);
            min-height: 36px; }
          .form-wrapper form div span:last-child {
            min-height: 54px;
            display: inline-block;
            vertical-align: top;
            margin-right: 2%;
            margin-right: calc(16px + 0px);
            width: 56.33333%;
            width: calc(58.33333% - 16px);
            min-height: 18px; } }
        @media (min-width: 0) and (max-width: 600px) {
          .form-wrapper form div span {
            display: block; }
            .form-wrapper form div span:first-child {
              margin-bottom: 0;
              padding-bottom: 0;
              line-height: 18px;
              margin-top: 18px; }
            .form-wrapper form div span input[type="text"], .form-wrapper form div span input[type="email"], .form-wrapper form div span textarea {
              margin-top: 0; } }
    .form-wrapper form div.error {
      color: red;
      padding-left: 42.3913%;
      font-size: 1em;
      line-height: 1.92857em;
      font-style: italic;
      margin-top: -9px; }
    .form-wrapper form input.error, .form-wrapper form textarea.error {
      border: 1px solid red; }
    .form-wrapper form div.g-recaptcha {
      padding-left: 42.3913% !important;
      margin-left: -4px;
      margin-top: 14px; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30.03.2017, 02:51:48
    Author     : jan
*/
.piwik {
  background-color: white; }
  .piwik iframe {
    padding: 18px;
    width: 100%;
    height: 200px; }
  @media (min-width: 0) and (max-width: 870px) {
    .piwik iframe {
      height: 250px; } }
  @media (min-width: 0) and (max-width: 830px) {
    .piwik iframe {
      height: 300px; } }
  @media (min-width: 0) and (max-width: 650px) {
    .piwik iframe {
      height: 350px; } }
  @media (min-width: 0) and (max-width: 500px) {
    .piwik iframe {
      height: 400px; } }
  @media (min-width: 0) and (max-width: 450px) {
    .piwik iframe {
      height: 500px; } }

/*
@import "./lib/bourbon/_bourbon.scss";
@import "./lib/neat/_neat.scss";

@import "compass/css3";
@import "compass/typography";
@import "compass/layout";
@import "compass/utilities/sprites";
*/

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

@media (min-width: 800px) {

    .pano {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 16px;
        
    }
}