@charset "UTF-8";
/*
 *  Zentrales Stylesheet fuer www.meinkunde.de **********************************************************/
/*! @author BIT Design fuer Barrierefreie Informationstechnik GmbH www.bit-informationsdesign.de */
/*! Auf der Basis von YAML www.yaml.de | Version 4.1.2 Juni 2013 | YAML-Agentur-Lizenz (YAML-CDL) vom 17.12.2007 */
/*! Glyhpicon Halflings Icon-Font http://glyphicons.com/ */
/*  Mit Elementen aus Bootstrap 3.3.5 und Foundation 5.5.2
 *  @created: bb 26.06.2015
 *  @lastmodified <!--DATE-->13.10.2017<!--/DATE-->
 */
/* @lastmodified <!--DATE-->15.12.2015<!--/DATE-->  */
/**
 * Schriftgroessen und Bemassungen -  www.cremon.de
 * @lastmodified <!--DATE-->13.10.2017<!--/DATE-->
 */
/**
 * Farben  -  www.cremon.de
 * @lastmodified <!--DATE-->05.05.2016<!--/DATE-->
 */
.big, big, #nav-main ul {
  font-size: 1.0666666667em;
  line-height: 0.9375; }

.small, small, .toggle a {
  font-size: 0.8em;
  line-height: 1.25; }

/**
 * Basis-Reset + Clearfix + Accessibility fuer www.meinkunde.de
 * @lastmodified <!--DATE-->13.10.2017<!--/DATE-->
 */
/******** CSS Reset **********/
/* @lastmodified <!--DATE-->15.12.2015<!--/DATE-->  */
/**
 * Schriftgroessen und Bemassungen -  www.cremon.de
 * @lastmodified <!--DATE-->13.10.2017<!--/DATE-->
 */
/**
 * Farben  -  www.cremon.de
 * @lastmodified <!--DATE-->05.05.2016<!--/DATE-->
 */
.big, big, #nav-main ul {
  font-size: 1.0666666667em;
  line-height: 0.9375; }

.small, small, .toggle a {
  font-size: 0.8em;
  line-height: 1.25; }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

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

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

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

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

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

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

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

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

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

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

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td,
th {
  padding: 0; }

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

/* vertical scrollbar on short pages */
body {
  overflow-y: scroll; }

/* Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
div:target,
h1:target,
h2:target,
h3:target,
h4:target,
h5:target,
h6:target {
  outline: 0 none; }

/******** float handling **********/
/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix {
  zoom: 1; }
  .clearfix:before {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden; }

/* Alternative Methoden zum Einschliessen von Float-Umgebungen */
.contain-dt {
  display: table;
  width: 100%;
  overflow: visible; }

.contain-oh {
  overflow: hidden;
  width: 100%;
  display: block; }

.contain-fl {
  float: left;
  width: 100%; }

/******** Accessibility **********/
/* Klassen fuer unsichtbare, nur fuer Screenreader sichtbare Elemente im Basislayout */
.skip, .offscreen {
  position: absolute;
  top: -32768px;
  left: -32768px; }

/* Klasse fuer situativ komplett auszublendende Elemente */
.displaynone, .hide, .print {
  display: none; }

/* Skip-Links fuer Tab-Navigation sichtbar schalten */
.skip:focus,
.skip:active {
  position: static;
  top: 0;
  left: 0; }

/* skiplinks:technical setup */
.skiplinks {
  position: absolute;
  top: 0px;
  left: -32768px;
  z-index: 1000;
  width: 100%;
  margin: 0;
  padding: 0; }

.skiplinks .skip:focus,
.skiplinks .skip:active {
  width: 100%;
  position: absolute;
  left: 32768px;
  border-bottom: 1px #000 solid;
  text-align: center;
  padding: .643em 0;
  font-size: 114.286%;
  /* 16px */
  font-weight: bold;
  letter-spacing: 1px;
  text-decoration: none;
  outline: 0 none;
  color: #fff;
  background: #777; }

/* Sprungziel ohne Fokusindikator */
#main-heading:focus, #main-content:focus, #nav-sub:focus {
  outline: none; }

/* IE-Test */
.ie8 .ie-test:after {
  color: red;
  content: "IE8 "; }

.ie9 .ie-test:after {
  color: red;
  content: "IE9 "; }

/**
 * Basic styling of HTML elements -  www.cremon.de
 * @lastmodified <!--DATE-->27.11.2017<!--/DATE-->
 */
/**
 * Font Faces  -  www.meinkunde.de
 * @lastmodified <!--DATE-->24.11.2017<!--/DATE-->
 */
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/open-sans-v15-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/open-sans-v15-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-300.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-300.woff") format("woff"), url("../fonts/open-sans-v15-latin-300.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-300.svg#OpenSans") format("svg");
  /* Legacy iOS */ }
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/open-sans-v15-latin-300italic.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url("../fonts/open-sans-v15-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-300italic.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-300italic.woff") format("woff"), url("../fonts/open-sans-v15-latin-300italic.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-300italic.svg#OpenSans") format("svg");
  /* Legacy iOS */ }
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v15-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../fonts/open-sans-v15-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-regular.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-regular.woff") format("woff"), url("../fonts/open-sans-v15-latin-regular.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */ }
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/open-sans-v15-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url("../fonts/open-sans-v15-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-italic.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-italic.woff") format("woff"), url("../fonts/open-sans-v15-latin-italic.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-italic.svg#OpenSans") format("svg");
  /* Legacy iOS */ }
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/open-sans-v15-latin-600.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("../fonts/open-sans-v15-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-600.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-600.woff") format("woff"), url("../fonts/open-sans-v15-latin-600.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-600.svg#OpenSans") format("svg");
  /* Legacy iOS */ }
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/open-sans-v15-latin-600italic.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans SemiBold Italic"), local("OpenSans-SemiBoldItalic"), url("../fonts/open-sans-v15-latin-600italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-600italic.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-600italic.woff") format("woff"), url("../fonts/open-sans-v15-latin-600italic.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-600italic.svg#OpenSans") format("svg");
  /* Legacy iOS */ }
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/open-sans-v15-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/open-sans-v15-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-700.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-700.woff") format("woff"), url("../fonts/open-sans-v15-latin-700.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-700.svg#OpenSans") format("svg");
  /* Legacy iOS */ }
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/open-sans-v15-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url("../fonts/open-sans-v15-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-700italic.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-700italic.woff") format("woff"), url("../fonts/open-sans-v15-latin-700italic.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-700italic.svg#OpenSans") format("svg");
  /* Legacy iOS */ }
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/open-sans-v15-latin-800.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url("../fonts/open-sans-v15-latin-800.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-800.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-800.woff") format("woff"), url("../fonts/open-sans-v15-latin-800.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-800.svg#OpenSans") format("svg");
  /* Legacy iOS */ }
/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/open-sans-v15-latin-800italic.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans ExtraBold Italic"), local("OpenSans-ExtraBoldItalic"), url("../fonts/open-sans-v15-latin-800italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-800italic.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-800italic.woff") format("woff"), url("../fonts/open-sans-v15-latin-800italic.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-800italic.svg#OpenSans") format("svg");
  /* Legacy iOS */ }
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-condensed-v13-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url("../fonts/roboto-condensed-v13-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-condensed-v13-latin-regular.woff2") format("woff2"), url("../fonts/roboto-condensed-v13-latin-regular.woff") format("woff"), url("../fonts/roboto-condensed-v13-latin-regular.ttf") format("truetype"), url("../fonts/roboto-condensed-v13-latin-regular.svg#RobotoCondensed") format("svg");
  /* Legacy iOS */ }
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-condensed-v13-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url("../fonts/roboto-condensed-v13-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-condensed-v13-latin-700.woff2") format("woff2"), url("../fonts/roboto-condensed-v13-latin-700.woff") format("woff"), url("../fonts/roboto-condensed-v13-latin-700.ttf") format("truetype"), url("../fonts/roboto-condensed-v13-latin-700.svg#RobotoCondensed") format("svg");
  /* Legacy iOS */ }
/* @lastmodified <!--DATE-->09.08.2015<!--/DATE-->  */
.brand-red {
  color: #c10023; }

.brand-red-bg {
  background-color: #c10023; }

.brand-red-light {
  color: #bc596d; }

.brand-red-light-bg {
  background-color: #bc596d; }

.brand-red-dark {
  color: #851930; }

.brand-red-dark-bg {
  background-color: #851930; }

.brand-color {
  color: #644327; }

.brand-color-bg {
  background-color: #644327; }

.brand-light {
  color: #78512f; }

.brand-light-bg {
  background-color: #78512f; }

.brand-lighter {
  color: #9f6a3e; }

.brand-lighter-bg {
  background-color: #9f6a3e; }

.brand-lightest {
  color: #be8657; }

.brand-lightest-bg {
  background-color: #be8657; }

.brand-dark {
  color: #5b3c2f; }

.brand-dark-bg {
  background-color: #5b3c2f; }

.brand-darker {
  color: #402a21; }

.brand-darker-bg {
  background-color: #402a21; }

.brand-darkest {
  color: #2f1f18; }

.brand-darkest-bg {
  background-color: #2f1f18; }

.gray {
  color: #878786; }

.gray-bg {
  background-color: #878786; }

.gray-light {
  color: #969696; }

.gray-light-bg {
  background-color: #969696; }

.gray-lighter {
  color: #ccc; }

.gray-lighter-bg {
  background-color: #ccc; }

.gray-lightest {
  color: #ececec; }

.gray-lightest-bg {
  background-color: #ececec; }

.gray-dark {
  color: #606059; }

.gray-dark-bg {
  background-color: #606059; }

.gray-darker {
  color: #333; }

.gray-darker-bg {
  background-color: #333; }

.highlight-bg {
  background-color: #c10023; }

.dimmed-bg {
  background-color: #878786; }

.info-txt {
  color: #ccc; }

.success-txt {
  color: #9d9; }

.warning-txt {
  color: #dd9; }

.error-txt {
  color: #d79ca8; }

/**
 * Typography + basic styling of HTML elements -  www.cremon.de
 * @lastmodified <!--DATE-->16.10.2017<!--/DATE-->
 */
/****** Schriftarten  ****************************************************************/
body {
  font-family: "Open Sans", Arial, Helvetica, sans-serif; }

textarea, pre, code, kbd, samp, var, tt {
  font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  text-transform: uppercase; }

blockquote, cite, q {
  font-family: Georgia, "Times New Roman", Times, serif; }

/****** Schriftgroessen  *********************************************************/
html {
  font-size: 100%; }

body {
  font-size: 0.9375em;
  line-height: 1.3333333333;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  color: #606059; }

/***** Headings | Ueberschriften ********************************************************************/
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  color: #644327;
  line-height: 1.2;
  margin-bottom: 1em; }

h1 {
  font-size: 2.2666666667em; }
  @media only screen and (max-width: 40em) {
    h1 {
      font-size: 1.7em; } }

h2 {
  font-size: 1.0666666667em; }

h3 {
  font-size: 1.0666666667em; }

h4 {
  font-size: 0.9333333333em; }

h5 {
  font-size: 0.9333333333em; }

h6 {
  font-size: 0.9333333333em; }

/****** Lists | Listen  **************************************************************/
ul, ol {
  font-size: 1em;
  margin-bottom: 1.3333333333em; }
  .content ul, .content ol {
    overflow: auto; }
  ul ul, ul ol, ol ul, ol ol {
    margin: 0; }

li {
  font-size: 1em; }

/* Standard-Listenpunkt */
ul {
  list-style-type: disc;
  padding-left: 1em; }
  ul ul, ol ul {
    list-style-type: circle; }

ol {
  list-style-type: decimal;
  padding-left: 1.4em; }
  ol ol, ul ol {
    list-style-type: lower-latin; }

/* Content-Listenpunkte */
.content ul {
  list-style-type: square;
  padding-left: 1.2em; }
  .content ul ul {
    list-style-type: none;
    text-indent: -1em; }
    .content ul ul li:before {
      content: "\2013 \00A0 \00A0"; }

dl {
  font-size: 1em;
  margin-bottom: 1.3333333333em; }

dt {
  font-weight: bold; }

dd {
  margin-bottom: 1.3333333333em; }

/****** Links ************************************************************************/
a {
  color: #644327;
  background-color: transparent;
  text-decoration: none;
  border-bottom: 1px transparent dotted; }

a:visited {
  color: #644327;
  border-color: transparent; }

a:active, a:hover {
  outline: none; }

/* Maximaler Kontrast fuer Tab Focus - aendern Sie diese Regel mit Bedacht */
a:hover,
a:visited:hover,
a:focus {
  background-color: transparent;
  color: #9f6a3e;
  border-color: #9f6a3e; }

/* Imagelinks behalten die Standard-Outline bei TAB-Fokus, nicht bei hover
/* Link-Hintergrundfarbe bleibt sichtbar, muss ggf. bei einzelnen Klassen in transparent
/* geaendert werden  */
a:focus img {
  outline: thin dotted black; }

/******  Allgemeine Textauszeichnung ************************************************/
p {
  font-size: 1em;
  margin-bottom: 1.3333333333em; }

blockquote, cite, q {
  font-size: 1em;
  font-style: italic; }

blockquote {
  margin-bottom: 1.3333333333em;
  padding-left: 1.2em;
  color: #606059;
  background-color: transparent; }

q {
  quotes: none; }

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

strong, b {
  color: #a0a099; }
  blockquote strong, blockquote b {
    color: #7a7a72; }

em {
  font-style: italic; }

i {
  font-style: normal; }

pre {
  color: #606059;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  margin-bottom: 1.3333333333em; }

pre, code {
  color: #606059;
  font-size: 1em; }

kbd, samp, var, tt {
  color: #606059;
  font-size: 1em;
  font-weight: bold; }

var, dfn {
  font-style: italic; }

abbr {
  border-bottom: 1px #aaa dotted;
  font-variant: small-caps;
  letter-spacing: .071em;
  cursor: help; }

/* bb: Selection Farbe */
::selection {
  color: white;
  background: #009; }

::-moz-selection {
  color: white;
  background: #009; }

hr {
  color: white;
  background: transparent;
  margin-bottom: 1.3333333333em;
  border-bottom: 1px #644327 solid; }

/**** general responsive behaviour  *************************************************************/
/**
 * Images + icons fuer www.meinkunde.de
 * @lastmodified <!--DATE-->09.08.2015<!--/DATE-->
 */
/*  LWV Kassel */
img {
  /* Responsive images (ensure images don't scale beyond their parents) */
  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */
  width: auto\9;
  /* IE7-8 need help adjusting responsive images */
  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic; }

/******** Images **********/
img,
figure {
  margin: 0; }

.flexible {
  margin-bottom: 1.3333333333em;
  width: 100%; }

.bordered {
  margin-bottom: 1.3333333333em;
  border: 2px #644327 solid;
  border: 2px white solid;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); }

/**** general responsive behaviour  *************************************************************/
/**
 * Generic content classes -  www.meinkunde.de
 * @lastmodified <!--DATE-->13.10.2017<!--/DATE-->
 */
/******** Generic Content Classes *************************************************/
.highlight {
  color: #c10023;
  font-weight: normal; }

.dimmed {
  color: #878786; }

.info {
  color: rgba(0, 0, 0, 0.8);
  background-color: #ccc; }

.success {
  color: rgba(0, 0, 0, 0.8);
  background-color: #9d9; }

.warning {
  color: rgba(0, 0, 0, 0.8);
  background-color: #dd9; }

.error {
  color: rgba(0, 0, 0, 0.8);
  background-color: #d79ca8; }

.float-left {
  float: left;
  display: inline;
  margin-right: 15px;
  margin-bottom: 1.3333333333em; }

.float-right {
  float: right;
  display: inline;
  margin-left: 15px;
  margin-bottom: 1.3333333333em; }

.center {
  display: block;
  text-align: center;
  margin: 0 auto 1.3333333333em auto; }

.bild-links, .bild-rechts {
  padding-top: 0.3333333333em;
  padding-bottom: 0.6666666667em; }

.bild-links {
  float: left;
  padding-left: 0;
  padding-right: 22.5px; }

.bild-rechts {
  float: right;
  padding-right: 0;
  padding-left: 22.5px; }

.rand-links-120 {
  margin-left: 120px; }

.rand-links-150 {
  margin-left: 150px; }

.rand-links-180 {
  margin-left: 180px; }

/**** general responsive behaviour  *************************************************************/
@media screen and (max-width: 768px) {
  .bild-links {
    padding-right: 11.25px; }

  .bild-rechts {
    padding-left: 11.25px; } }
@media screen and (max-width: 640px) {
  .rand-links-120 {
    margin-left: 0; }

  .rand-links-150 {
    margin-left: 0; }

  .rand-links-180 {
    margin-left: 0; } }
/**
 * Basic styling of tables  -  www.meinkunde.de
 * @lastmodified <!--DATE-->15.12.2015<!--/DATE-->
 */
table {
  margin-bottom: 1.3333333333em;
  color: #606059;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px #644327 solid;
  border-bottom: 1px #644327 solid; }

table caption {
  font-variant: small-caps; }

th, td {
  text-align: left;
  vertical-align: top;
  font-size: 1em;
  line-height: 1;
  padding: 0.5em; }

th *:last-child,
td *:last-child {
  margin-bottom: 0; }

thead th {
  color: #644327;
  border-bottom: 2px #644327 solid; }

tbody th {
  border-top: 1px #644327 solid; }

tbody td {
  border-top: 1px #644327 solid; }

/* highlight row on mouse over - not yet perfect - */
tbody tr:hover th,
tbody tr:hover td {
  background: #f8f8f8;
  background: rgba(0, 0, 0, 0.15); }

/*
* Generische Klassen fuer die Gestaltung von Tabellen
*/
table.full {
  width: 100%; }

table.fixed {
  table-layout: fixed; }

table.narrow th,
table.narrow td {
  padding: 0 0.5em;
  line-height: 1; }

th.nowrap,
td.nowrap {
  white-space: nowrap; }

.bordertable thead th {
  background: #ececec;
  border-right: 1px #644327 solid;
  border-bottom: 1px #644327 solid; }

.bordertable tbody th[scope="row"] {
  background: #ececec; }

.bordertable tbody th {
  border-right: 1px #644327 solid; }

.bordertable tbody td {
  border-right: 1px #644327 solid; }

/**** general responsive behaviour  *************************************************************/
/**
 * Navigationen  -  www.meinkunde.de
 * @created: bb 30.07.2015
 * @lastmodified <!--DATE-->06.07.2016<!--/DATE-->

 */
/**
 * Formulare Basis - Felder + Fehlerbehandlung  -  www.cremon.de
 * @lastmodified <!--DATE-->28.11.2017<!--/DATE-->
 */
@media screen and (min-width: 0px) {
  .label {
    padding: 1px 6px 2px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #06C;
    color: #fff;
    font-size: 10px;
    line-height: 12px; }

  /**
  * @section general width settings for formular elements in modern browsers
  *          switching to CSS3 box modell "border-box" for perfect flexible forms
  *
  * Styling for: <labels>, <input>, <textarea> and <select>
  *
  */
  .form input,
  .form textarea,
  .form select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #606059;
    padding: 3px 4px;
    color: #606059; }
    .form input::-moz-placeholder,
    .form textarea::-moz-placeholder,
    .form select::-moz-placeholder {
      color: #94948b;
      opacity: 1; }
    .form input:-ms-input-placeholder,
    .form textarea:-ms-input-placeholder,
    .form select:-ms-input-placeholder {
      color: #94948b; }
    .form input::-webkit-input-placeholder,
    .form textarea::-webkit-input-placeholder,
    .form select::-webkit-input-placeholder {
      color: #94948b; }

  .form .type-button {
    margin-top: 1.3333333333em;
    text-align: left; }
    .form .type-button input {
      width: auto;
      padding: 8px 20px;
      text-transform: uppercase;
      background-color: white; }

  .form .subcolumns {
    margin-bottom: 0; }
    .form .subcolumns .scl, .form .subcolumns .scr {
      margin-bottom: 1.3333333333em; }

  .columnsar label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }

  .columnsar .fbox-select select,
  .columnsar .fbox-text input,
  .columnsar .fbox-text textarea {
    width: 70%; }

  .full .fbox-select select,
  .full .fbox-text input,
  .full .fbox-text textarea {
    width: 100%; } }
@media screen, projection {
  /**
  * @section general form styling
  *
  * Styling for: <form>, <fieldset>, <legend>, <label> and rows (class="fbox-[xxx]")
  *
  */
  .form fieldset {
    position: static;
    background: transparent;
    margin: 0.75em 0 0.75em 0;
    padding: 0 0.5em; }

  .form legend {
    background: transparent;
    color: #000;
    font-size: 1.2em;
    line-height: 1.25em;
    font-weight: bold;
    padding: 0 0.5em; }

  .form label, .label {
    color: #644327;
    text-transform: uppercase;
    display: block;
    line-height: 1.5em;
    margin-bottom: .25em; }

  .label {
    padding-top: 0.25em; }

  .form .form div.fbox-check:focus + label {
    color: #000; }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  .form div.fbox-text,
  .form div.fbox-select,
  .form div.fbox-check,
  .form div.fbox-button {
    padding: 0.3em 1em;
    margin-bottom: 0.5em; }

  .form div.fbox-button {
    background: #ececec;
    border-top: 1px #e0e0e0 solid;
    padding: 0 1em 1.5em 1em;
    margin: 0; }

  .form .scbox {
    padding: 0 16px;
    margin-right: 0; }

  .form h6 {
    color: #000;
    margin: 1em 0 0 1em; }

  /**
  * @section styling form elements
  *
  * Styling for: Input, Textarea, Select ...
  *
  */
  /* styling standard form elements with 'almost' equal flexible width */
  /* Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  .form .fbox-text input,
  .form .fbox-text textarea {
    line-height: 1em;
    padding: 0.25em 0.3em;
    margin-top: -2px; }

  .form .fbox-select select {
    line-height: 1em;
    padding: 0.25em 2px 0.25em 1px;
    margin-top: -2px; }

  /* proportional fonts for all form elements */
  .form input,
  .form textarea,
  .form select,
  .form optgroup {
    -webkit-box-shadow: inset 0 0 4px #eee;
    -moz-box-shadow: inset 0 0 4px #eee;
    box-shadow: inset 0 0 4px #eee; }

  .form optgroup {
    font-style: normal;
    font-weight: bold; }

  .form .fbox-text input,
  .form .fbox-text textarea,
  .form .fbox-select select {
    border: 1px solid #ddd; }

  /* General form styling        | Allgemeine Formatierung des Formulars */
  .form .message {
    color: #666;
    margin-bottom: 0.5em; }

  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  .form .required {
    color: #800;
    font-weight: bold; }

  /* form validation highlight colors */
  /**
  * @section error messages
  *
  */
  .form .error label {
    color: #800;
    font-weight: normal; }

  .form .error input,
  .form .error select,
  .form .error textarea {
    border: 1px #800 solid; }

  .form .error input:hover,
  .form .error input:focus,
  .form .error select:hover,
  .form .error select:focus,
  .form .error textarea:hover,
  .form .error textarea:focus {
    border: 1px #800 solid !important; }

  .form .error .message {
    color: #800;
    font-weight: bold;
    margin-top: 0; }

  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
  .form div.fbox-text input:focus,
  .form div select:focus,
  .form div textarea:focus,
  .form div.fbox-text input:hover,
  .form div select:hover,
  .form div textarea:hover,
  .form div.fbox-text input:active,
  .form div select:active,
  .form div textarea:active {
    border: 1px #888 solid;
    background: #fff; } }
/**
 * Buttons  -  www.cremon.de
 * @lastmodified <!--DATE-->28.11.2017<!--/DATE-->
 */
.button,
.form button,
.form input[type="button"],
.form input[type="reset"],
.form input[type="submit"] {
  display: inline-block;
  overflow: visible;
  /* removes extra side spacing in IE */
  margin: 0 15px 0.6666666667em 0;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none !important;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  color: #644327 !important;
  letter-spacing: 0.05em; }

.form button:hover,
.form input[type="button"]:hover,
.form input[type="reset"]:hover,
.form input[type="submit"]:hover,
.button:hover {
  color: #78512f; }

.form button:active,
.form input[type="button"]:active,
.form input[type="reset"]:active,
.form input[type="submit"]:active,
.button:active {
  color: #78512f;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
  position: relative;
  top: 1px; }

.form button:focus,
.form input[type="button"]:focus,
.form input[type="reset"]:focus,
.form input[type="submit"]:focus,
.button:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15); }

/* pseudo elements don't work on input -
   i-Element noch nicht getestet, vielleicht geht es doch */
.form button.split,
.button.split {
  width: 7em; }
  .form button.split i,
  .button.split i {
    display: block;
    line-height: inherit; }

.form button:before,
.button:before {
  font-family: Arial, Helvetica, sans-serif; }

.form button:before,
.button:before,
.button.split i:before {
  line-height: inherit;
  display: inline-block;
  float: left;
  width: 1em;
  vertical-align: middle;
  background: #402a21;
  background: rgba(0, 0, 0, 0.1);
  text-align: center;
  margin: 0 1em 0 -1em;
  padding: 0 .2em;
  -moz-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
  box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
  -moz-border-radius: .15em 0 0 .15em;
  -webkit-border-radius: .15em 0 0 .15em;
  border-radius: .15em 0 0 .15em;
  pointer-events: none; }

.add:before {
  content: "\271A"; }

.delete:before {
  content: "\2718"; }

.edit:before {
  content: "\270E"; }

.email:before {
  content: "\2709"; }

.like:before {
  content: "\2764"; }

.next:before {
  content: "\279C"; }

.play:before {
  content: "\25B6"; }

.save:before {
  content: "\2714"; }

.spark:before {
  content: "\2737"; }

.star:before {
  content: "\2605"; }

.phone:before {
  content: "\260E"; }

/* removes extra inner spacing in Firefox */
.form button::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* If line-height can't be modified, then fix Firefox spacing with padding */
.form input[type=button]::-moz-focus-inner,
.form input[type=reset]::-moz-focus-inner,
.form input[type=submit]::-moz-focus-inner {
  padding: .4em; }

/* The disabled styles */
.form button[disabled],
.form button[disabled]:hover,
.form input[type=button][disabled],
.form input[type=button][disabled]:hover,
.form input[type=reset][disabled],
.form input[type=reset][disabled]:hover,
.form input[type=submit][disabled],
.form input[type=submit][disabled]:hover,
.button.disabled,
.button.disabled:hover {
  background: #eee;
  color: #aaa !important;
  border-color: #aaa;
  cursor: default;
  text-shadow: none;
  position: static;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

* html .button.disabled,
* html .button.disabled:hover {
  background: #eee;
  color: #aaa !important;
  border-color: #aaa;
  cursor: default;
  text-shadow: none;
  position: static; }

/**
 * Suchfeld  -  www.meinkunde.de
 * @lastmodified <!--DATE-->08.07.2015<!--/DATE-->
 */
.searchform {
  float: right;
  display: inline;
  line-height: 2em; }

.searchform .searchfield {
  -webkit-appearance: none;
  background: #fff;
  line-height: 1em;
  padding: 0.25em;
  width: 12em;
  border: solid 1px #888;
  border: solid 1px rgba(255, 255, 255, 0.1);
  outline: none;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); }

.searchform .searchbutton {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  line-height: 1.3571em;
  padding: 0.25em;
  border: solid 1px transparent;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: .2em;
  -moz-border-radius: .2em;
  border-radius: .2em;
  background: #5f5f5f;
  background: rgba(255, 255, 255, 0.2); }

/*******  Responsive-Verhalten ****************************************************/
@media screen and (max-width: 640px) {
  .searchform {
    display: block;
    float: none;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right; }

  .searchform input[type="search"] {
    width: 75%; } }
/**
 * Formular-Layout  -  www.meinkunde.de
 * @lastmodified <!--DATE-->08.07.2015<!--/DATE-->
 */
/**
 * Content-Widgets  -  www.meinkunde.de
 * @lastmodified <!--DATE-->06.07.2016<!--/DATE-->
 */
/**
 * Content slider -  www.meinkunde.de
 * @lastmodified <!--DATE-->15.12.2015<!--/DATE-->
 */
/**** responsive behaviour  *************************************************************/
/**
 * Navigationen  -  www.meinkunde.de
 * @lastmodified <!--DATE-->06.07.2016<!--/DATE-->
 */
/**
 * Horizontale Navigation  -  www.meinkunde.de
 * @lastmodified <!--DATE-->09.08.2015<!--/DATE-->
 */
.hlist {
  /* Einfassen der Floats im IE */
  width: 100%;
  overflow: hidden;
  /* Bugfix:IE - collapsing horizontal margins */
  position: relative;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  color: #606059; }

.hlist ul {
  list-style-type: none;
  /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 1; }

.hlist ul li {
  /* Bugfix:IE - Doubled Float Margin Bug */
  display: inline;
  float: left;
  margin: 0 16px 4px 0;
  padding: 0; }

.hlist ul li a,
.hlist ul li span,
.hlist ul li strong {
  display: block;
  width: auto;
  padding: 4px 6px;
  text-transform: uppercase;
  color: #606059;
  background: transparent;
  font-weight: normal;
  text-decoration: none;
  border: 0 none;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em; }

.hlist ul li a:focus,
.hlist ul li a:hover,
.hlist ul li a:active {
  color: #9f6a3e;
  background: transparent;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  text-decoration: none;
  outline: 0 none; }

.hlist ul li.active a,
.hlist ul li.active span,
.hlist ul li.active strong {
  color: #644327;
  background: transparent;
  font-weight: 700;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em; }

.hlist ul li.active a:focus,
.hlist ul li.active a:hover,
.hlist ul li.active a:active {
  color: #9f6a3e;
  background: transparent; }

/**** general responsive behaviour  *************************************************************/
@media screen and (max-width: 640px) {
  /* Hauptnavigation in Blockform */ }
/**
 * Mobile Navigation ein-/ausschalten  -  www.cremon.de
 * @lastmodified <!--DATE-->27.11.2017<!--/DATE-->
 */
.toggle {
  display: none; }

.toggle a {
  display: block;
  width: 2.75em;
  color: #606059;
  text-transform: uppercase;
  border-bottom: 0 none; }
  .toggle a:hover, .toggle a:focus, .toggle a:active {
    border-bottom: 0 none;
    text-decoration: none; }
  .toggle a i {
    display: block;
    padding-bottom: 4px; }
    .toggle a i span {
      display: block;
      height: 6px;
      border-bottom: 3px solid; }

/**** general responsive behaviour  *************************************************************/
@media screen and (max-width: 746px) {
  /* Menues ein-/ausschalten                                                   */
  html.js .toggle {
    display: block; }
  html.js #main-menu, html.js #nav-sub {
    display: none; } }
/**
 * Vertikale Navigation  -  www.meinkunde.de
 * @lastmodified <!--DATE-->21.07.2016<!--/DATE-->
 */
.vlist {
  margin-bottom: 20px;
  background: white;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 0.9333333333em;
  font-weight: bold;
  line-height: 1;
  color: #606059; }

/* title */
.vtitle {
  overflow: hidden;
  padding: 4px 0 4px 0;
  /* LTR */
  margin: 0;
  line-height: 1;
  font-weight: bold; }

.vlist ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden; }

.vlist ul ul {
  border: 0 none;
  font-size: 1em; }

.vlist li {
  float: left;
  /* LTR */
  width: 100%;
  border-top: 1px #644327 solid;
  padding: 0;
  background-color: transparent; }
  .vlist li:first-child {
    margin: 0; }

.vlist a,
.vlist a:visited,
.vlist strong,
.vlist span {
  display: block;
  padding: 0.6666666667em 0;
  color: #606059;
  background-color: transparent;
  text-decoration: none;
  border: 0 none; }

/* active list element */
.vlist li.active span,
.vlist li.active strong,
.vlist li.active a {
  position: relative;
  font-weight: bold;
  color: #644327;
  background-color: transparent; }
  .vlist li.active span:before,
  .vlist li.active strong:before,
  .vlist li.active a:before {
    position: absolute;
    top: 40%;
    left: 5px;
    display: inline-block;
    height: 0;
    width: 0;
    content: "";
    border: 0.25em solid; }

.vlist li.active li a:before {
  border: 0 none; }

/* Level 1 */
.vlist li a, .vlist li strong, .vlist li span {
  width: 90%;
  padding-left: 10%; }
.vlist li.active a, .vlist li.active a:visited, .vlist li.active strong, .vlist li.active span {
  color: #644327;
  background-color: transparent; }
.vlist li a:hover, .vlist li a:focus, .vlist li a:active {
  background-color: transparent;
  color: #9f6a3e;
  outline: 0 none; }

/* Level 2 */
.vlist li.active.folder ul li a, .vlist li.active.folder ul li strong, .vlist li.active.folder ul li span,
.vlist li ul li a,
.vlist li ul li strong,
.vlist li ul li span {
  width: 87.5%;
  padding-left: 12.5%;
  font-size: 0.9285714286em; }
.vlist li.active.folder ul li.active a, .vlist li.active.folder ul li.active a:visited, .vlist li.active.folder ul li.active strong, .vlist li.active.folder ul li.active span,
.vlist li ul li.active a,
.vlist li ul li.active a:visited,
.vlist li ul li.active strong,
.vlist li ul li.active span {
  color: #644327;
  background-color: transparent; }
.vlist li.active.folder ul li a, .vlist li.active.folder ul li a:visited,
.vlist li ul li a,
.vlist li ul li a:visited {
  background-color: transparent;
  color: #606059; }
.vlist li.active.folder ul li a:hover, .vlist li.active.folder ul li a:focus, .vlist li.active.folder ul li a:active,
.vlist li ul li a:hover,
.vlist li ul li a:focus,
.vlist li ul li a:active {
  background-color: transparent;
  color: #9f6a3e; }

/* Level 3 */
.vlist li ul li.active.folder ul li a, .vlist li ul li.active.folder ul li strong, .vlist li ul li.active.folder ul li span,
.vlist li ul li ul li a,
.vlist li ul li ul li strong,
.vlist li ul li ul li span {
  width: 85%;
  padding-left: 15%; }
.vlist li ul li.active.folder ul li.active a, .vlist li ul li.active.folder ul li.active a:visited, .vlist li ul li.active.folder ul li.active strong, .vlist li ul li.active.folder ul li.active span,
.vlist li ul li ul li.active a,
.vlist li ul li ul li.active a:visited,
.vlist li ul li ul li.active strong,
.vlist li ul li ul li.active span {
  color: #644327;
  background-color: transparent; }
.vlist li ul li.active.folder ul li a, .vlist li ul li.active.folder ul li a:visited,
.vlist li ul li ul li a,
.vlist li ul li ul li a:visited {
  background-color: transparent;
  color: #606059; }
.vlist li ul li.active.folder ul li a:hover, .vlist li ul li.active.folder ul li a:focus, .vlist li ul li.active.folder ul li a:active,
.vlist li ul li ul li a:hover,
.vlist li ul li ul li a:focus,
.vlist li ul li ul li a:active {
  background-color: transparent;
  color: #9f6a3e; }

/* Level 4 */
.vlist li ul li ul li.active.folder ul li,
.vlist li ul li ul li ul li {
  border: 0; }
  .vlist li ul li ul li.active.folder ul li a, .vlist li ul li ul li.active.folder ul li strong, .vlist li ul li ul li.active.folder ul li span,
  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li strong,
  .vlist li ul li ul li ul li span {
    width: 82.5%;
    padding-left: 17.5%;
    font-weight: normal;
    padding-top: 0.5333333333em;
    border: 0 none; }
  .vlist li ul li ul li.active.folder ul li.active a, .vlist li ul li ul li.active.folder ul li.active a:visited, .vlist li ul li ul li.active.folder ul li.active strong, .vlist li ul li ul li.active.folder ul li.active span,
  .vlist li ul li ul li ul li.active a,
  .vlist li ul li ul li ul li.active a:visited,
  .vlist li ul li ul li ul li.active strong,
  .vlist li ul li ul li ul li.active span {
    color: #644327;
    background-color: transparent; }
  .vlist li ul li ul li.active.folder ul li a, .vlist li ul li ul li.active.folder ul li a:visited,
  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li a:visited {
    background-color: transparent;
    color: #644327; }
  .vlist li ul li ul li.active.folder ul li a:hover, .vlist li ul li ul li.active.folder ul li a:focus, .vlist li ul li ul li.active.folder ul li a:active,
  .vlist li ul li ul li ul li a:hover,
  .vlist li ul li ul li ul li a:focus,
  .vlist li ul li ul li ul li a:active {
    background-color: transparent;
    color: #9f6a3e; }

/**** general responsive behaviour  *************************************************************/
@media screen and (max-width: 768px) {
  /* Vertikale Navigation: Silbentrennung */
  #nav-sub {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto; } }
@media screen and (max-width: 640px) {
  /* Vertikale Navigation: Silbentrennung rueckgaengig */
  #nav-sub {
    word-wrap: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    -o-hyphens: none;
    hyphens: none; } }
/**
 * Content tab navigation -  www.meinkunde.de
 * @lastmodified <!--DATE-->13.10.2017<!--/DATE-->
 */
#tabs.hlist {
  margin-top: -1.3333333333em;
  margin-bottom: 1.3333333333em;
  border-bottom: 1px solid #644327; }
  #tabs.hlist a {
    font-weight: normal; }

#part0:focus,
#part1:focus,
#part2:focus,
#part3:focus,
#part4:focus,
#part5:focus,
#part6:focus {
  outline: none; }

.totop {
  text-align: right;
  border-bottom: 1px solid #644327;
  margin-bottom: 1.3333333333em; }
  .totop a {
    display: inline-block;
    padding-left: 1em; }
  .totop .triangle-top {
    border: inset 1em;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent #644327 transparent;
    border-bottom-style: solid; }

/**** general responsive behaviour  *************************************************************/
/**
 * Page layout  -  www.meinkunde.de
 * @lastmodified <!--DATE-->13.10.2017<!--/DATE-->
 */
/**
 * Flexible Columns  -  www.meinkunde.de
 * @lastmodified <!--DATE-->15.12.2015<!--/DATE-->
 */
@media screen, projection {
  .columns {
    display: table;
    table-layout: fixed;
    width: 100%; }

  [class*="col"] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

  .col1 {
    float: left;
    width: 25%; }

  .col2 {
    float: right;
    width: 20%; }

  .col3 {
    width: auto;
    margin: 0 0 0 25%;
    zoom: 1; }
    .col3:before {
      content: "";
      display: table; }
    .col3:after {
      clear: both;
      content: ".";
      display: block;
      font-size: 0;
      height: 0;
      visibility: hidden; }

  #main .col3 {
    min-height: 40em; }

  .col-inner {
    padding: 0 20px; }

  /*
  * default column config:
  Dreispalter mit Nav-Sub, Main Content, Aside mit Nav-Elementen
  Reihenfolge im HTML ist col1-col2-col3
  * |-------------------------------|
  * | col1    | col3      | col2    |
  * | 20%     | flexible  | 20%     |
  * |-------------------------------|
  */ }
/**** general responsive behaviour  *************************************************************/
@media screen and (max-width: 746px) {
  /* Spalten linearisieren */
  .col1, .col2, .col3 {
    display: block;
    float: none;
    margin: 0;
    width: 100%; }

  .col-inner {
    overflow: hidden;
    /* optional for containing floats */
    padding: 0; } }
/**
 * Grids / Subcolumns  -  www.meinkunde.de
 * @lastmodified <!--DATE-->13.10.2017<!--/DATE-->
 */
@media screen, projection {
  .subcolumns {
    display: table;
    width: 100%;
    table-layout: fixed;
    list-style-type: none;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1.3333333333em; }
    .subcolumns.gutter {
      margin-left: -10px; }

  [class*="sc"] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

  .sc20 {
    width: 20%; }

  .sc25 {
    width: 25%; }

  .sc30 {
    width: 30%; }

  .sc33 {
    width: 33.333%; }

  .sc40 {
    width: 40%; }

  .sc50 {
    width: 50%; }

  .sc60 {
    width: 60%; }

  .sc66 {
    width: 66.666%; }

  .sc70 {
    width: 70%; }

  .sc75 {
    width: 75%; }

  .sc80 {
    width: 80%; }

  .sc100 {
    width: 100%; }

  .sc38 {
    width: 38.2%; }

  .sc62 {
    width: 61.8%; }

  .scl {
    float: left;
    margin: 0;
    padding: 0; }
    .gutter .scl {
      padding: 0 10px; }

  .scr {
    float: right;
    margin: 0 0 0 -5px;
    padding: 0; }
    .gutter .scr {
      padding-left: 10px; }

  .equalize {
    overflow: hidden; }

  .equalize > [class*="sc"] {
    display: table-cell;
    float: none;
    margin: 0;
    vertical-align: top; }

  .equalize > [class*="sc"] > [class*="scbox"] {
    padding-bottom: 10000px;
    margin-bottom: -10000px; } }
/**** general responsive behaviour  *************************************************************/
@media screen and (max-width: 746px) {
  /* Spalten linearisieren */
  [class*="sc"] {
    display: block !important;
    float: none;
    margin: 0;
    width: 100% !important; }

  [class*="sc"] > [class*="scbox"] {
    overflow: hidden;
    /* optional for containing floats */
    padding: 0; } }
/**
 * Layout Boxes  -  www.meinkunde.de
 * @lastmodified <!--DATE-->27.11.2017<!--/DATE-->
 */
@media screen, projection {
  .contentbox {
    padding: 0 5.5;
    margin-bottom: 1.3333333333em; }
    .contentbox.full {
      padding-left: 0;
      padding-right: 0; } }
  @media only screen and (max-width: 40em) {
    .contentbox {
      padding-left: 4px;
      padding-right: 4px; } }

@media screen, projection {
  .box {
    padding: 0.6666666667em 15px;
    margin-bottom: 1.3333333333em; }

  .box-border {
    border-radius: 0.4em;
    border-width: 1px;
    border-style: solid;
    border-color: #644327;
    border-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset; }

  .box-small {
    line-height: 1.25;
    border-radius: 0.2666666667em;
    padding: 0.3333333333em 11.25px; }

  .box-large {
    line-height: 1.75;
    border-radius: 0.6em;
    padding: 1.3333333333em 22.5px; } }
/**** general responsive behaviour  *************************************************************/
/**
 * Page wrapper  -  www.cremon.de
 * @lastmodified <!--DATE-->16.10.2017<!--/DATE-->
 */
@media screen {
  /* Breite & fallback for unsupported media queries */
  .wrapper {
    min-width: 768px;
    max-width: 83.3333333333em;
    margin: 0 auto; }
    #fixed-header .wrapper, #nav-main .wrapper, #main .wrapper, #footer .wrapper {
      padding: 20px; }

  .page-inner {
    padding: 20px; }

  /* One-Pager */
  html, body {
    height: 100%; }

  .content .wrapper {
    height: auto;
    min-height: 100%;
    padding: 40px 4px; }
    .content .wrapper.full {
      min-width: 100%;
      max-width: 100%;
      padding: 0 0 40px 0; }

  /* Oberer Abstand des #main-Bereichs */ }
/* reset fallback values in modern browsers */
@media screen and (min-width: 0px) {
  .wrapper,
  #header,
  #nav-main,
  #main,
  .content,
  #footer {
    min-width: 0px; } }
/**** general responsive behaviour  *************************************************************/
@media screen and (max-width: 746px) {
  /*  Anpassung der Abstaende  */
  .page-inner {
    padding: 0; }

  #main {
    padding: 0; }

  .content {
    padding: 20px; } }
/**
 * Custom Screen Layout -  www.meinkunde.de
 * @lastmodified <!--DATE-->06.07.2016<!--/DATE-->
 */
/**
 * Custom CI -  www.cremon.de
 * @lastmodified <!--DATE-->11.12.2017<!--/DATE-->
 */
/* Colour blocks */
body {
  background: white; }

#fixed-header {
  background: white; }

#nav-main {
  background: white; }

#main-menu {
  background: white; }

#main {
  background: white; }

.content {
  background: white; }

#part0,
#part2,
#part4,
#part6 {
  background: white; }

#part1,
#part3,
#part5 {
  background: white; }

#footer {
  background: white; }

/* Layout-Bereiche */
#fixed-header {
  position: fixed;
  z-index: 10;
  opacity: 1;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #644327; }
  #fixed-header .wrapper {
    position: relative;
    padding: 20px 10px 10px 20px; }
    @media only screen and (max-width: 80em) {
      #fixed-header .wrapper {
        padding-left: 40px; } }
    @media only screen and (max-width: 64em) {
      #fixed-header .wrapper {
        padding-left: 20px; } }
    @media only screen and (max-width: 48em) {
      #fixed-header .wrapper {
        padding-left: 20px; } }
    @media only screen and (max-width: 46.625em) {
      #fixed-header .wrapper {
        padding: 4px; } }
    @media only screen and (max-width: 25.625em) {
      #fixed-header .wrapper {
        padding-right: 0px; } }

#header {
  padding: 0;
  text-align: left; }
  #header div#logo img {
    width: 315px;
    height: 79px; }
    @media only screen and (max-width: 25.625em) {
      #header div#logo img {
        width: 230px;
        height: 58px; } }
  #header.col1 {
    width: 315px; }
    @media only screen and (max-width: 25.625em) {
      #header.col1 {
        width: 230px; } }

.toggle {
  width: 3em;
  float: right; }
  .toggle a {
    margin-top: 15px; }
    @media only screen and (max-width: 25.625em) {
      .toggle a {
        margin-top: 10px; } }

#nav-main.col3 {
  position: absolute;
  bottom: 20px;
  margin-left: 315px;
  overflow: visible;
  clear: both; }
#nav-main ul {
  padding-left: 40px;
  letter-spacing: 1px; }
  @media only screen and (max-width: 46.625em) {
    #nav-main ul {
      float: none;
      text-align: center; } }
@media only screen and (max-width: 46.625em) {
  #nav-main li {
    display: block;
    float: none; } }
#nav-main li.active {
  position: relative; }
#nav-main #sub-menu {
  position: absolute;
  z-index: 50;
  opacity: 1;
  font-size: 1em;
  background: white;
  padding: 4px;
  display: block;
  float: none;
  left: 0;
  top: 47px;
  display: none; }
  #nav-main #sub-menu li {
    float: none;
    display: block;
    margin-top: 4px;
    margin-right: 0;
    margin-bottom: 0; }
    #nav-main #sub-menu li:first-child {
      margin-top: 0; }
  @media only screen and (max-width: 77.1875em) {
    #nav-main #sub-menu {
      top: 74px; } }
  @media only screen and (max-width: 53.125em) {
    #nav-main #sub-menu {
      top: 101px; } }
  @media only screen and (max-width: 46.875em) {
    #nav-main #sub-menu {
      top: 74px; } }
  #nav-main #sub-menu a {
    font-weight: 400;
    color: #606059; }
    #nav-main #sub-menu a:hover, #nav-main #sub-menu a:focus {
      color: #644327; }

.content {
  padding: 0;
  margin-top: 109px; }
  @media only screen and (max-width: 46.625em) {
    .content {
      margin-top: 87px; } }
  @media only screen and (max-width: 25.625em) {
    .content {
      margin-top: 66px; } }

.anchor {
  visibility: hidden;
  height: 109px;
  margin-top: -109px; }
  @media only screen and (max-width: 46.625em) {
    .anchor {
      height: 87px;
      margin-top: -87px; } }
  @media only screen and (max-width: 25.625em) {
    .anchor {
      height: 66px;
      margin-top: -66px; } }

.wrapper-full {
  border-top: 1px solid transparent;
  margin-top: -1px;
  padding: 0;
  height: 676.25px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  @media only screen and (max-width: 80em) {
    .wrapper-full {
      height: 541px; } }
  @media only screen and (max-width: 64em) {
    .wrapper-full {
      height: 432.8px; } }
  @media only screen and (max-width: 48em) {
    .wrapper-full {
      height: 324.6px; } }
  @media only screen and (max-width: 46.625em) {
    .wrapper-full {
      height: 270.5px; } }
  @media only screen and (max-width: 30em) {
    .wrapper-full {
      height: 202.875px; } }
  .wrapper-full.parallax {
    background-attachment: fixed; }
  #page1 #part0 .wrapper-full {
    background-image: url("../images/Cremon_1_1280px.jpg"); }
  #page2 #part0 .wrapper-full {
    background-image: url("../images/Cremon_2_1280px.jpg"); }
  #page2 #part1 .wrapper-full {
    background-image: url("../images/Cremon_3_1280px.jpg"); }
  #page2 #part2 .wrapper-full {
    background-image: url("../images/Cremon_4_1280px.jpg"); }
  #page2 #part3 .wrapper-full {
    background-image: url("../images/Cremon_5_1280px.jpg"); }
  #page2 #part4 .wrapper-full {
    background-image: url("../images/Cremon_6_1280px.jpg"); }
  #page3 #part0 .wrapper-full, #page1 #part2 .wrapper-full {
    background-image: url("../images/Cremon_7_1280px.jpg"); }
  #page4 #part0 .wrapper-full {
    background-image: url("../images/Cremon_8_1280px.jpg"); }

.hero {
  font-size: 3.2em;
  letter-spacing: 5px;
  color: #606059;
  font-weight: 100;
  text-transform: uppercase;
  text-align: center;
  margin: 0; }
  @media only screen and (max-width: 64em) {
    .hero {
      font-size: 2.56em;
      letter-spacing: 4px; } }
  @media only screen and (max-width: 48em) {
    .hero {
      font-size: 1.92em;
      letter-spacing: 3px; } }
  @media only screen and (max-width: 46.625em) {
    .hero {
      font-size: 1.6em;
      letter-spacing: 2px; } }
  @media only screen and (max-width: 30em) {
    .hero {
      font-size: 1.4em;
      letter-spacing: 1px; } }
  #page1 #part0 .hero {
    margin-top: 358.125px;
    margin-right: 2em; }
    @media only screen and (max-width: 80em) {
      #page1 #part0 .hero {
        margin-top: 250.5px;
        margin-right: 0em; } }
    @media only screen and (max-width: 64em) {
      #page1 #part0 .hero {
        margin-top: 196.4px;
        margin-right: 0em; } }
    @media only screen and (max-width: 48em) {
      #page1 #part0 .hero {
        margin-top: 142.3px; } }
    @media only screen and (max-width: 46.625em) {
      #page1 #part0 .hero {
        margin-top: 115.25px; } }
    @media only screen and (max-width: 30em) {
      #page1 #part0 .hero {
        margin-top: 81.4375px; } }
  #page2 #part0 .hero {
    margin-top: 125.25px;
    margin-right: 2em; }
    @media only screen and (max-width: 80em) {
      #page2 #part0 .hero {
        margin-top: 68.2px;
        margin-right: 1em; } }
    @media only screen and (max-width: 64em) {
      #page2 #part0 .hero {
        margin-top: 51.56px; } }
    @media only screen and (max-width: 48em) {
      #page2 #part0 .hero {
        margin-top: 34.92px; } }
    @media only screen and (max-width: 46.625em) {
      #page2 #part0 .hero {
        margin-top: 34.1px; } }
    @media only screen and (max-width: 30em) {
      #page2 #part0 .hero {
        margin-top: 25.575px; } }
  #page2 #part1 .hero {
    color: white;
    margin-top: 135.25px; }
    @media only screen and (max-width: 80em) {
      #page2 #part1 .hero {
        margin-top: 108.2px; } }
    @media only screen and (max-width: 64em) {
      #page2 #part1 .hero {
        margin-top: 86.56px; } }
    @media only screen and (max-width: 48em) {
      #page2 #part1 .hero {
        margin-top: 64.92px; } }
    @media only screen and (max-width: 46.625em) {
      #page2 #part1 .hero {
        margin-top: 54.1px; } }
    @media only screen and (max-width: 30em) {
      #page2 #part1 .hero {
        margin-top: 25.575px; } }
  #page2 #part2 .hero {
    margin-top: 220.4166666667px; }
    @media only screen and (max-width: 80em) {
      #page2 #part2 .hero {
        margin-top: 185.3333333333px;
        margin-left: 1em; } }
    @media only screen and (max-width: 64em) {
      #page2 #part2 .hero {
        margin-top: 149.2666666667px; } }
    @media only screen and (max-width: 48em) {
      #page2 #part2 .hero {
        margin-top: 113.2px; } }
    @media only screen and (max-width: 46.625em) {
      #page2 #part2 .hero {
        margin-top: 94.1666666667px; } }
    @media only screen and (max-width: 30em) {
      #page2 #part2 .hero {
        margin-top: 70.625px; } }
  #page2 #part3 .hero {
    margin-top: 220.4166666667px; }
    @media only screen and (max-width: 80em) {
      #page2 #part3 .hero {
        margin-top: 185.3333333333px;
        margin-right: 2em; } }
    @media only screen and (max-width: 64em) {
      #page2 #part3 .hero {
        margin-top: 149.2666666667px; } }
    @media only screen and (max-width: 48em) {
      #page2 #part3 .hero {
        margin-top: 113.2px;
        margin-right: 2em; } }
    @media only screen and (max-width: 46.625em) {
      #page2 #part3 .hero {
        margin-top: 94.1666666667px; } }
    @media only screen and (max-width: 30em) {
      #page2 #part3 .hero {
        margin-top: 70.625px; } }
  #page2 #part4 .hero {
    margin-top: 135.25px;
    margin-right: 50%; }
    @media only screen and (max-width: 80em) {
      #page2 #part4 .hero {
        margin-top: 108.2px; } }
    @media only screen and (max-width: 64em) {
      #page2 #part4 .hero {
        margin-top: 86.56px; } }
    @media only screen and (max-width: 48em) {
      #page2 #part4 .hero {
        margin-top: 64.92px; } }
    @media only screen and (max-width: 46.625em) {
      #page2 #part4 .hero {
        margin-top: 54.1px; } }
    @media only screen and (max-width: 30em) {
      #page2 #part4 .hero {
        margin-top: 40.575px; } }
  #page3 #part0 .hero, #page1 #part2 .hero {
    color: black;
    margin-top: 205.4166666667px; }
    @media only screen and (max-width: 80em) {
      #page3 #part0 .hero, #page1 #part2 .hero {
        margin-top: 160.3333333333px;
        margin-left: 1.5em; } }
    @media only screen and (max-width: 64em) {
      #page3 #part0 .hero, #page1 #part2 .hero {
        margin-top: 124.2666666667px; } }
    @media only screen and (max-width: 48em) {
      #page3 #part0 .hero, #page1 #part2 .hero {
        margin-top: 88.2px; } }
    @media only screen and (max-width: 46.625em) {
      #page3 #part0 .hero, #page1 #part2 .hero {
        margin-top: 70.1666666667px; } }
    @media only screen and (max-width: 30em) {
      #page3 #part0 .hero, #page1 #part2 .hero {
        margin-top: 47.625px; } }
  #page4 #part0 .hero {
    margin-top: 205.4166666667px; }
    @media only screen and (max-width: 80em) {
      #page4 #part0 .hero {
        margin-top: 160.3333333333px; } }
    @media only screen and (max-width: 64em) {
      #page4 #part0 .hero {
        margin-top: 124.2666666667px; } }
    @media only screen and (max-width: 48em) {
      #page4 #part0 .hero {
        margin-top: 88.2px; } }
    @media only screen and (max-width: 46.625em) {
      #page4 #part0 .hero {
        margin-top: 70.1666666667px; } }
    @media only screen and (max-width: 30em) {
      #page4 #part0 .hero {
        margin-top: 47.625px; } }

.contentbox {
  margin: 0 auto;
  width: 56em; }
  @media only screen and (max-width: 64em) {
    .contentbox {
      width: 50em; } }
  @media only screen and (max-width: 48em) {
    .contentbox {
      width: 40em; } }
  @media only screen and (max-width: 46.625em) {
    .contentbox {
      width: auto; } }

#teaser.wrapper {
  margin: 0 auto;
  margin-bottom: 40px; }
  @media only screen and (max-width: 46.625em) {
    #teaser.wrapper {
      margin-bottom: 0; } }
#teaser .hero {
  margin-bottom: 1em; }
#teaser .subcolumns {
  text-align: center; }
  #teaser .subcolumns img {
    width: 121px;
    height: 121px;
    margin-bottom: 1em; }
  #teaser .subcolumns ul {
    overflow: hidden;
    list-style-type: none;
    text-transform: uppercase; }
@media only screen and (max-width: 46.625em) {
  #teaser [class*="sc"] {
    margin-bottom: 2em; } }
#page2 #teaser {
  display: none; }
  @media only screen and (max-width: 46.625em) {
    #page2 #teaser {
      display: block; } }

#footer {
  color: #644327;
  text-align: center;
  margin: 0;
  border-top: 1px solid #644327; }
  #footer .wrapper {
    padding: 20px; }
  #footer p {
    margin: 0; }
  #footer a#totop {
    width: 35px;
    height: 36px;
    position: fixed;
    z-index: 5;
    bottom: 0px;
    right: 0;
    border: 0 none;
    background-color: #895c35;
    display: none; }
    #footer a#totop img {
      width: 36px;
      height: 36px; }
    #footer a#totop:hover, #footer a#totop:focus {
      background-color: #644327; }
    @media only screen and (max-width: 46.625em) {
      #footer a#totop {
        display: block; } }

/**** general responsive behaviour  *************************************************************/
@media screen and (max-width: 746px) {
  #header {
    float: left; }

  #nav-main {
    width: 100%; }
    #nav-main.col3 {
      position: static;
      margin-left: 0; }
    #nav-main ul {
      margin-top: 1em;
      padding-left: 0; }

  #nav-sub {
    position: static; }
    #nav-sub .col3 {
      margin-left: 0; }
    #nav-sub ul {
      margin-top: 2em; } }
/**
 * Misc. Custom Features -  www.meinkunde.de
 * @lastmodified <!--DATE-->15.12.2015<!--/DATE-->
 */
/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default print stylesheet
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.2
 * @revision        $Revision: 743 $
 * @lastmodified    $Date: 2012-10-23 23:01:14 +0200 (Di, 23 Okt 2012) $
 */
@media print {
  /**
  * @section basic layout preparation
  */
  /* (en) change font size unit to [pt] - avoids problems with [px] in Gecko based browsers          */
  /* (de) Wechsel der der Schriftgr├Â├ƒen-Ma├ƒheinheit zu [pt] - Probleme mit [px] in Gecko-Browsern vermeiden */
  body {
    font-size: 10pt;
    padding: 0 5px; }

  /* (en) Hide unneeded container of the screenlayout in print layout */
  /* (de) F├╝r den Druck nicht ben├Âtigte Container des Layouts abschalten */
  nav,
  .searchform {
    display: none; }

  /*------------------------------------------------------------------------------------------------------*/
  /* (en) Avoid page breaks right after headings */
  /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid; }

  /*------------------------------------------------------------------------------------------------------*/
  /* (en) optional output of acronyms and abbreviations*/
  /* (de) optionale Ausgabe von Auszeichnung von Abk├╝rzungen */
  /*
  abbr[title]:after,
  acronym[title]:after {
          content:'(' attr(title) ')';
  }
  */
  /*------------------------------------------------------------------------------------------------------*/
  /* (en) optional URL output of hyperlinks in print layout */
  /* (de) optionale Ausgabe der URLs von Hyperlinks */
  /*
  a[href]:after {
          content:" <URL:"attr(href)">";
          color:#444;
          background:inherit;
          font-style:italic;
  }
  */ }

  /***************************
* Cookie Banner
***************************/

#cookie_policy_conf {
        position: fixed; bottom: 0; left: 0px; right: 0px; background: #eee; padding-left: 20px; padding-right: 20px; padding-top: 15px; padding-bottom: 10px; font-size: 0.8em; font-family: helvetica, sans-serif;
}

#cookie_policy_conf a.butto {
        cursor: pointer; background: #ccc; padding: 6px 14px; margin-left: 6px; margin-right: 20px; border-radius: 5px; font-weight: bold; float: right;
}
#cookie_policy_conf a.butto:hover {
        background-color: #aaa;
}

#cookie_policy_conf a.but {
        font-size: 0.95em; font-weight: bold; text-transform: uppercase; padding-left: 1px; color: #9f6a3e;
}

#cookie_policy_conf p.cookiemessage {
        display: inline; padding: 0; margin: 0; line-height:1.1em;
}