@charset "UTF-8";
/* Stadt Dietenheim - #cd1e3d - knot_14306242 */
/* Rathaus & Verwaltung - #4b8a79 - knot_14306251 --> Farbe ist nicht barrierefrei, daher zu ersetzten mit #407364 */
/* Leben & Wohnen - #d67737 - knot_14306297  --> Farbe ist nicht barrierefrei, daher zu ersetzten mit #ab602e */ 
/* Bildung & Betreeung - #376e8c - knot_14306306 */
/* Bauen & Gewerbe - #5c4b42 - knot_14306315 */
/* $color-brown: #5c4b42; */
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
/*@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Roboto:100,300,400,500,700,900|Source+Sans+Pro:200,300,400,600,700,900");*/


/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local(''),
       url('../fonts/roboto-v30-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local(''),
       url('../fonts/roboto-v30-latin-100italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-100italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('../fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('../fonts/roboto-v30-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('../fonts/roboto-v30-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('../fonts/roboto-v30-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: local(''),
       url('../fonts/roboto-v30-latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}








html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/*!
 * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.fa-xs {
  font-size: 0.75em;
}

.fa-sm {
  font-size: 0.875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "";
}

.fa-accessible-icon:before {
  content: "";
}

.fa-accusoft:before {
  content: "";
}

.fa-acquisitions-incorporated:before {
  content: "";
}

.fa-ad:before {
  content: "";
}

.fa-address-book:before {
  content: "";
}

.fa-address-card:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-adversal:before {
  content: "";
}

.fa-affiliatetheme:before {
  content: "";
}

.fa-air-freshener:before {
  content: "";
}

.fa-airbnb:before {
  content: "";
}

.fa-algolia:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-alipay:before {
  content: "";
}

.fa-allergies:before {
  content: "";
}

.fa-amazon:before {
  content: "";
}

.fa-amazon-pay:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-american-sign-language-interpreting:before {
  content: "";
}

.fa-amilia:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angry:before {
  content: "";
}

.fa-angrycreative:before {
  content: "";
}

.fa-angular:before {
  content: "";
}

.fa-ankh:before {
  content: "";
}

.fa-app-store:before {
  content: "";
}

.fa-app-store-ios:before {
  content: "";
}

.fa-apper:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-apple-alt:before {
  content: "";
}

.fa-apple-pay:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-archway:before {
  content: "";
}

.fa-arrow-alt-circle-down:before {
  content: "";
}

.fa-arrow-alt-circle-left:before {
  content: "";
}

.fa-arrow-alt-circle-right:before {
  content: "";
}

.fa-arrow-alt-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-arrows-alt-h:before {
  content: "";
}

.fa-arrows-alt-v:before {
  content: "";
}

.fa-artstation:before {
  content: "";
}

.fa-assistive-listening-systems:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-asymmetrik:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-atlas:before {
  content: "";
}

.fa-atlassian:before {
  content: "";
}

.fa-atom:before {
  content: "";
}

.fa-audible:before {
  content: "";
}

.fa-audio-description:before {
  content: "";
}

.fa-autoprefixer:before {
  content: "";
}

.fa-avianex:before {
  content: "";
}

.fa-aviato:before {
  content: "";
}

.fa-award:before {
  content: "";
}

.fa-aws:before {
  content: "";
}

.fa-baby:before {
  content: "";
}

.fa-baby-carriage:before {
  content: "";
}

.fa-backspace:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-bacon:before {
  content: "";
}

.fa-bacteria:before {
  content: "";
}

.fa-bacterium:before {
  content: "";
}

.fa-bahai:before {
  content: "";
}

.fa-balance-scale:before {
  content: "";
}

.fa-balance-scale-left:before {
  content: "";
}

.fa-balance-scale-right:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-band-aid:before {
  content: "";
}

.fa-bandcamp:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-bars:before {
  content: "";
}

.fa-baseball-ball:before {
  content: "";
}

.fa-basketball-ball:before {
  content: "";
}

.fa-bath:before {
  content: "";
}

.fa-battery-empty:before {
  content: "";
}

.fa-battery-full:before {
  content: "";
}

.fa-battery-half:before {
  content: "";
}

.fa-battery-quarter:before {
  content: "";
}

.fa-battery-three-quarters:before {
  content: "";
}

.fa-battle-net:before {
  content: "";
}

.fa-bed:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bezier-curve:before {
  content: "";
}

.fa-bible:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-biking:before {
  content: "";
}

.fa-bimobject:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-biohazard:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitcoin:before {
  content: "";
}

.fa-bity:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-blackberry:before {
  content: "";
}

.fa-blender:before {
  content: "";
}

.fa-blender-phone:before {
  content: "";
}

.fa-blind:before {
  content: "";
}

.fa-blog:before {
  content: "";
}

.fa-blogger:before {
  content: "";
}

.fa-blogger-b:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-bolt:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-bone:before {
  content: "";
}

.fa-bong:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-book-dead:before {
  content: "";
}

.fa-book-medical:before {
  content: "";
}

.fa-book-open:before {
  content: "";
}

.fa-book-reader:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-bootstrap:before {
  content: "";
}

.fa-border-all:before {
  content: "";
}

.fa-border-none:before {
  content: "";
}

.fa-border-style:before {
  content: "";
}

.fa-bowling-ball:before {
  content: "";
}

.fa-box:before {
  content: "";
}

.fa-box-open:before {
  content: "";
}

.fa-box-tissue:before {
  content: "";
}

.fa-boxes:before {
  content: "";
}

.fa-braille:before {
  content: "";
}

.fa-brain:before {
  content: "";
}

.fa-bread-slice:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-briefcase-medical:before {
  content: "";
}

.fa-broadcast-tower:before {
  content: "";
}

.fa-broom:before {
  content: "";
}

.fa-brush:before {
  content: "";
}

.fa-btc:before {
  content: "";
}

.fa-buffer:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-burn:before {
  content: "";
}

.fa-buromobelexperte:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-bus-alt:before {
  content: "";
}

.fa-business-time:before {
  content: "";
}

.fa-buy-n-large:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-calendar-alt:before {
  content: "";
}

.fa-calendar-check:before {
  content: "";
}

.fa-calendar-day:before {
  content: "";
}

.fa-calendar-minus:before {
  content: "";
}

.fa-calendar-plus:before {
  content: "";
}

.fa-calendar-times:before {
  content: "";
}

.fa-calendar-week:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-campground:before {
  content: "";
}

.fa-canadian-maple-leaf:before {
  content: "";
}

.fa-candy-cane:before {
  content: "";
}

.fa-cannabis:before {
  content: "";
}

.fa-capsules:before {
  content: "";
}

.fa-car:before {
  content: "";
}

.fa-car-alt:before {
  content: "";
}

.fa-car-battery:before {
  content: "";
}

.fa-car-crash:before {
  content: "";
}

.fa-car-side:before {
  content: "";
}

.fa-caravan:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-caret-square-down:before {
  content: "";
}

.fa-caret-square-left:before {
  content: "";
}

.fa-caret-square-right:before {
  content: "";
}

.fa-caret-square-up:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-carrot:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cash-register:before {
  content: "";
}

.fa-cat:before {
  content: "";
}

.fa-cc-amazon-pay:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-apple-pay:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-jcb:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-centercode:before {
  content: "";
}

.fa-centos:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-chair:before {
  content: "";
}

.fa-chalkboard:before {
  content: "";
}

.fa-chalkboard-teacher:before {
  content: "";
}

.fa-charging-station:before {
  content: "";
}

.fa-chart-area:before {
  content: "";
}

.fa-chart-bar:before {
  content: "";
}

.fa-chart-line:before {
  content: "";
}

.fa-chart-pie:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-check-double:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-cheese:before {
  content: "";
}

.fa-chess:before {
  content: "";
}

.fa-chess-bishop:before {
  content: "";
}

.fa-chess-board:before {
  content: "";
}

.fa-chess-king:before {
  content: "";
}

.fa-chess-knight:before {
  content: "";
}

.fa-chess-pawn:before {
  content: "";
}

.fa-chess-queen:before {
  content: "";
}

.fa-chess-rook:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-chromecast:before {
  content: "";
}

.fa-church:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-circle-notch:before {
  content: "";
}

.fa-city:before {
  content: "";
}

.fa-clinic-medical:before {
  content: "";
}

.fa-clipboard:before {
  content: "";
}

.fa-clipboard-check:before {
  content: "";
}

.fa-clipboard-list:before {
  content: "";
}

.fa-clock:before {
  content: "";
}

.fa-clone:before {
  content: "";
}

.fa-closed-captioning:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-cloud-download-alt:before {
  content: "";
}

.fa-cloud-meatball:before {
  content: "";
}

.fa-cloud-moon:before {
  content: "";
}

.fa-cloud-moon-rain:before {
  content: "";
}

.fa-cloud-rain:before {
  content: "";
}

.fa-cloud-showers-heavy:before {
  content: "";
}

.fa-cloud-sun:before {
  content: "";
}

.fa-cloud-sun-rain:before {
  content: "";
}

.fa-cloud-upload-alt:before {
  content: "";
}

.fa-cloudflare:before {
  content: "";
}

.fa-cloudscale:before {
  content: "";
}

.fa-cloudsmith:before {
  content: "";
}

.fa-cloudversify:before {
  content: "";
}

.fa-cocktail:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-code-branch:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-codiepie:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cog:before {
  content: "";
}

.fa-cogs:before {
  content: "";
}

.fa-coins:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-comment-alt:before {
  content: "";
}

.fa-comment-dollar:before {
  content: "";
}

.fa-comment-dots:before {
  content: "";
}

.fa-comment-medical:before {
  content: "";
}

.fa-comment-slash:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-comments-dollar:before {
  content: "";
}

.fa-compact-disc:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-compress-alt:before {
  content: "";
}

.fa-compress-arrows-alt:before {
  content: "";
}

.fa-concierge-bell:before {
  content: "";
}

.fa-confluence:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

.fa-cookie:before {
  content: "";
}

.fa-cookie-bite:before {
  content: "";
}

.fa-copy:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-cotton-bureau:before {
  content: "";
}

.fa-couch:before {
  content: "";
}

.fa-cpanel:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

.fa-creative-commons-by:before {
  content: "";
}

.fa-creative-commons-nc:before {
  content: "";
}

.fa-creative-commons-nc-eu:before {
  content: "";
}

.fa-creative-commons-nc-jp:before {
  content: "";
}

.fa-creative-commons-nd:before {
  content: "";
}

.fa-creative-commons-pd:before {
  content: "";
}

.fa-creative-commons-pd-alt:before {
  content: "";
}

.fa-creative-commons-remix:before {
  content: "";
}

.fa-creative-commons-sa:before {
  content: "";
}

.fa-creative-commons-sampling:before {
  content: "";
}

.fa-creative-commons-sampling-plus:before {
  content: "";
}

.fa-creative-commons-share:before {
  content: "";
}

.fa-creative-commons-zero:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-critical-role:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-crop-alt:before {
  content: "";
}

.fa-cross:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-crow:before {
  content: "";
}

.fa-crown:before {
  content: "";
}

.fa-crutch:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-css3-alt:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-cut:before {
  content: "";
}

.fa-cuttlefish:before {
  content: "";
}

.fa-d-and-d:before {
  content: "";
}

.fa-d-and-d-beyond:before {
  content: "";
}

.fa-dailymotion:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-deaf:before {
  content: "";
}

.fa-deezer:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-democrat:before {
  content: "";
}

.fa-deploydog:before {
  content: "";
}

.fa-deskpro:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-dev:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-dharmachakra:before {
  content: "";
}

.fa-dhl:before {
  content: "";
}

.fa-diagnoses:before {
  content: "";
}

.fa-diaspora:before {
  content: "";
}

.fa-dice:before {
  content: "";
}

.fa-dice-d20:before {
  content: "";
}

.fa-dice-d6:before {
  content: "";
}

.fa-dice-five:before {
  content: "";
}

.fa-dice-four:before {
  content: "";
}

.fa-dice-one:before {
  content: "";
}

.fa-dice-six:before {
  content: "";
}

.fa-dice-three:before {
  content: "";
}

.fa-dice-two:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-digital-ocean:before {
  content: "";
}

.fa-digital-tachograph:before {
  content: "";
}

.fa-directions:before {
  content: "";
}

.fa-discord:before {
  content: "";
}

.fa-discourse:before {
  content: "";
}

.fa-disease:before {
  content: "";
}

.fa-divide:before {
  content: "";
}

.fa-dizzy:before {
  content: "";
}

.fa-dna:before {
  content: "";
}

.fa-dochub:before {
  content: "";
}

.fa-docker:before {
  content: "";
}

.fa-dog:before {
  content: "";
}

.fa-dollar-sign:before {
  content: "";
}

.fa-dolly:before {
  content: "";
}

.fa-dolly-flatbed:before {
  content: "";
}

.fa-donate:before {
  content: "";
}

.fa-door-closed:before {
  content: "";
}

.fa-door-open:before {
  content: "";
}

.fa-dot-circle:before {
  content: "";
}

.fa-dove:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-draft2digital:before {
  content: "";
}

.fa-drafting-compass:before {
  content: "";
}

.fa-dragon:before {
  content: "";
}

.fa-draw-polygon:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-dribbble-square:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-drum:before {
  content: "";
}

.fa-drum-steelpan:before {
  content: "";
}

.fa-drumstick-bite:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-dumbbell:before {
  content: "";
}

.fa-dumpster:before {
  content: "";
}

.fa-dumpster-fire:before {
  content: "";
}

.fa-dungeon:before {
  content: "";
}

.fa-dyalog:before {
  content: "";
}

.fa-earlybirds:before {
  content: "";
}

.fa-ebay:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-edge-legacy:before {
  content: "";
}

.fa-edit:before {
  content: "";
}

.fa-egg:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-elementor:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-ello:before {
  content: "";
}

.fa-ember:before {
  content: "";
}

.fa-empire:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-envelope-open:before {
  content: "";
}

.fa-envelope-open-text:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-envira:before {
  content: "";
}

.fa-equals:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-erlang:before {
  content: "";
}

.fa-ethereum:before {
  content: "";
}

.fa-ethernet:before {
  content: "";
}

.fa-etsy:before {
  content: "";
}

.fa-euro-sign:before {
  content: "";
}

.fa-evernote:before {
  content: "";
}

.fa-exchange-alt:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-exclamation-triangle:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-expand-alt:before {
  content: "";
}

.fa-expand-arrows-alt:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

.fa-external-link-alt:before {
  content: "";
}

.fa-external-link-square-alt:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-dropper:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-facebook:before {
  content: "";
}

.fa-facebook-f:before {
  content: "";
}

.fa-facebook-messenger:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-fan:before {
  content: "";
}

.fa-fantasy-flight-games:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-faucet:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-feather:before {
  content: "";
}

.fa-feather-alt:before {
  content: "";
}

.fa-fedex:before {
  content: "";
}

.fa-fedora:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-figma:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-alt:before {
  content: "";
}

.fa-file-archive:before {
  content: "";
}

.fa-file-audio:before {
  content: "";
}

.fa-file-code:before {
  content: "";
}

.fa-file-contract:before {
  content: "";
}

.fa-file-csv:before {
  content: "";
}

.fa-file-download:before {
  content: "";
}

.fa-file-excel:before {
  content: "";
}

.fa-file-export:before {
  content: "";
}

.fa-file-image:before {
  content: "";
}

.fa-file-import:before {
  content: "";
}

.fa-file-invoice:before {
  content: "";
}

.fa-file-invoice-dollar:before {
  content: "";
}

.fa-file-medical:before {
  content: "";
}

.fa-file-medical-alt:before {
  content: "";
}

.fa-file-pdf:before {
  content: "";
}

.fa-file-powerpoint:before {
  content: "";
}

.fa-file-prescription:before {
  content: "";
}

.fa-file-signature:before {
  content: "";
}

.fa-file-upload:before {
  content: "";
}

.fa-file-video:before {
  content: "";
}

.fa-file-word:before {
  content: "";
}

.fa-fill:before {
  content: "";
}

.fa-fill-drip:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-fingerprint:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-fire-alt:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-firefox-browser:before {
  content: "";
}

.fa-first-aid:before {
  content: "";
}

.fa-first-order:before {
  content: "";
}

.fa-first-order-alt:before {
  content: "";
}

.fa-firstdraft:before {
  content: "";
}

.fa-fish:before {
  content: "";
}

.fa-fist-raised:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-flag-usa:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-flipboard:before {
  content: "";
}

.fa-flushed:before {
  content: "";
}

.fa-fly:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-minus:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-folder-plus:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-font-awesome:before {
  content: "";
}

.fa-font-awesome-alt:before {
  content: "";
}

.fa-font-awesome-flag:before {
  content: "";
}

.fa-font-awesome-logo-full:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-fonticons-fi:before {
  content: "";
}

.fa-football-ball:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-fort-awesome-alt:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-free-code-camp:before {
  content: "";
}

.fa-freebsd:before {
  content: "";
}

.fa-frog:before {
  content: "";
}

.fa-frown:before {
  content: "";
}

.fa-frown-open:before {
  content: "";
}

.fa-fulcrum:before {
  content: "";
}

.fa-funnel-dollar:before {
  content: "";
}

.fa-futbol:before {
  content: "";
}

.fa-galactic-republic:before {
  content: "";
}

.fa-galactic-senate:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-gas-pump:before {
  content: "";
}

.fa-gavel:before {
  content: "";
}

.fa-gem:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

.fa-ghost:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-gifts:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-git-alt:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-gitkraken:before {
  content: "";
}

.fa-gitlab:before {
  content: "";
}

.fa-gitter:before {
  content: "";
}

.fa-glass-cheers:before {
  content: "";
}

.fa-glass-martini:before {
  content: "";
}

.fa-glass-martini-alt:before {
  content: "";
}

.fa-glass-whiskey:before {
  content: "";
}

.fa-glasses:before {
  content: "";
}

.fa-glide:before {
  content: "";
}

.fa-glide-g:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-globe-africa:before {
  content: "";
}

.fa-globe-americas:before {
  content: "";
}

.fa-globe-asia:before {
  content: "";
}

.fa-globe-europe:before {
  content: "";
}

.fa-gofore:before {
  content: "";
}

.fa-golf-ball:before {
  content: "";
}

.fa-goodreads:before {
  content: "";
}

.fa-goodreads-g:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-google-drive:before {
  content: "";
}

.fa-google-pay:before {
  content: "";
}

.fa-google-play:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-google-plus-g:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-gopuram:before {
  content: "";
}

.fa-graduation-cap:before {
  content: "";
}

.fa-gratipay:before {
  content: "";
}

.fa-grav:before {
  content: "";
}

.fa-greater-than:before {
  content: "";
}

.fa-greater-than-equal:before {
  content: "";
}

.fa-grimace:before {
  content: "";
}

.fa-grin:before {
  content: "";
}

.fa-grin-alt:before {
  content: "";
}

.fa-grin-beam:before {
  content: "";
}

.fa-grin-beam-sweat:before {
  content: "";
}

.fa-grin-hearts:before {
  content: "";
}

.fa-grin-squint:before {
  content: "";
}

.fa-grin-squint-tears:before {
  content: "";
}

.fa-grin-stars:before {
  content: "";
}

.fa-grin-tears:before {
  content: "";
}

.fa-grin-tongue:before {
  content: "";
}

.fa-grin-tongue-squint:before {
  content: "";
}

.fa-grin-tongue-wink:before {
  content: "";
}

.fa-grin-wink:before {
  content: "";
}

.fa-grip-horizontal:before {
  content: "";
}

.fa-grip-lines:before {
  content: "";
}

.fa-grip-lines-vertical:before {
  content: "";
}

.fa-grip-vertical:before {
  content: "";
}

.fa-gripfire:before {
  content: "";
}

.fa-grunt:before {
  content: "";
}

.fa-guilded:before {
  content: "";
}

.fa-guitar:before {
  content: "";
}

.fa-gulp:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-hacker-news:before {
  content: "";
}

.fa-hacker-news-square:before {
  content: "";
}

.fa-hackerrank:before {
  content: "";
}

.fa-hamburger:before {
  content: "";
}

.fa-hammer:before {
  content: "";
}

.fa-hamsa:before {
  content: "";
}

.fa-hand-holding:before {
  content: "";
}

.fa-hand-holding-heart:before {
  content: "";
}

.fa-hand-holding-medical:before {
  content: "";
}

.fa-hand-holding-usd:before {
  content: "";
}

.fa-hand-holding-water:before {
  content: "";
}

.fa-hand-lizard:before {
  content: "";
}

.fa-hand-middle-finger:before {
  content: "";
}

.fa-hand-paper:before {
  content: "";
}

.fa-hand-peace:before {
  content: "";
}

.fa-hand-point-down:before {
  content: "";
}

.fa-hand-point-left:before {
  content: "";
}

.fa-hand-point-right:before {
  content: "";
}

.fa-hand-point-up:before {
  content: "";
}

.fa-hand-pointer:before {
  content: "";
}

.fa-hand-rock:before {
  content: "";
}

.fa-hand-scissors:before {
  content: "";
}

.fa-hand-sparkles:before {
  content: "";
}

.fa-hand-spock:before {
  content: "";
}

.fa-hands:before {
  content: "";
}

.fa-hands-helping:before {
  content: "";
}

.fa-hands-wash:before {
  content: "";
}

.fa-handshake:before {
  content: "";
}

.fa-handshake-alt-slash:before {
  content: "";
}

.fa-handshake-slash:before {
  content: "";
}

.fa-hanukiah:before {
  content: "";
}

.fa-hard-hat:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

.fa-hat-cowboy:before {
  content: "";
}

.fa-hat-cowboy-side:before {
  content: "";
}

.fa-hat-wizard:before {
  content: "";
}

.fa-hdd:before {
  content: "";
}

.fa-head-side-cough:before {
  content: "";
}

.fa-head-side-cough-slash:before {
  content: "";
}

.fa-head-side-mask:before {
  content: "";
}

.fa-head-side-virus:before {
  content: "";
}

.fa-heading:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-headphones-alt:before {
  content: "";
}

.fa-headset:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-heart-broken:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-helicopter:before {
  content: "";
}

.fa-highlighter:before {
  content: "";
}

.fa-hiking:before {
  content: "";
}

.fa-hippo:before {
  content: "";
}

.fa-hips:before {
  content: "";
}

.fa-hire-a-helper:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-hive:before {
  content: "";
}

.fa-hockey-puck:before {
  content: "";
}

.fa-holly-berry:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-hooli:before {
  content: "";
}

.fa-hornbill:before {
  content: "";
}

.fa-horse:before {
  content: "";
}

.fa-horse-head:before {
  content: "";
}

.fa-hospital:before {
  content: "";
}

.fa-hospital-alt:before {
  content: "";
}

.fa-hospital-symbol:before {
  content: "";
}

.fa-hospital-user:before {
  content: "";
}

.fa-hot-tub:before {
  content: "";
}

.fa-hotdog:before {
  content: "";
}

.fa-hotel:before {
  content: "";
}

.fa-hotjar:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hourglass-end:before {
  content: "";
}

.fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-start:before {
  content: "";
}

.fa-house-damage:before {
  content: "";
}

.fa-house-user:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

.fa-hryvnia:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-hubspot:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-ice-cream:before {
  content: "";
}

.fa-icicles:before {
  content: "";
}

.fa-icons:before {
  content: "";
}

.fa-id-badge:before {
  content: "";
}

.fa-id-card:before {
  content: "";
}

.fa-id-card-alt:before {
  content: "";
}

.fa-ideal:before {
  content: "";
}

.fa-igloo:before {
  content: "";
}

.fa-image:before {
  content: "";
}

.fa-images:before {
  content: "";
}

.fa-imdb:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-industry:before {
  content: "";
}

.fa-infinity:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-innosoft:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-instagram-square:before {
  content: "";
}

.fa-instalod:before {
  content: "";
}

.fa-intercom:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-invision:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-itch-io:before {
  content: "";
}

.fa-itunes:before {
  content: "";
}

.fa-itunes-note:before {
  content: "";
}

.fa-java:before {
  content: "";
}

.fa-jedi:before {
  content: "";
}

.fa-jedi-order:before {
  content: "";
}

.fa-jenkins:before {
  content: "";
}

.fa-jira:before {
  content: "";
}

.fa-joget:before {
  content: "";
}

.fa-joint:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-journal-whills:before {
  content: "";
}

.fa-js:before {
  content: "";
}

.fa-js-square:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-kaaba:before {
  content: "";
}

.fa-kaggle:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-keybase:before {
  content: "";
}

.fa-keyboard:before {
  content: "";
}

.fa-keycdn:before {
  content: "";
}

.fa-khanda:before {
  content: "";
}

.fa-kickstarter:before {
  content: "";
}

.fa-kickstarter-k:before {
  content: "";
}

.fa-kiss:before {
  content: "";
}

.fa-kiss-beam:before {
  content: "";
}

.fa-kiss-wink-heart:before {
  content: "";
}

.fa-kiwi-bird:before {
  content: "";
}

.fa-korvue:before {
  content: "";
}

.fa-landmark:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-laptop-code:before {
  content: "";
}

.fa-laptop-house:before {
  content: "";
}

.fa-laptop-medical:before {
  content: "";
}

.fa-laravel:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-laugh:before {
  content: "";
}

.fa-laugh-beam:before {
  content: "";
}

.fa-laugh-squint:before {
  content: "";
}

.fa-laugh-wink:before {
  content: "";
}

.fa-layer-group:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-lemon:before {
  content: "";
}

.fa-less:before {
  content: "";
}

.fa-less-than:before {
  content: "";
}

.fa-less-than-equal:before {
  content: "";
}

.fa-level-down-alt:before {
  content: "";
}

.fa-level-up-alt:before {
  content: "";
}

.fa-life-ring:before {
  content: "";
}

.fa-lightbulb:before {
  content: "";
}

.fa-line:before {
  content: "";
}

.fa-link:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-linkedin-in:before {
  content: "";
}

.fa-linode:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-lira-sign:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-lock-open:before {
  content: "";
}

.fa-long-arrow-alt-down:before {
  content: "";
}

.fa-long-arrow-alt-left:before {
  content: "";
}

.fa-long-arrow-alt-right:before {
  content: "";
}

.fa-long-arrow-alt-up:before {
  content: "";
}

.fa-low-vision:before {
  content: "";
}

.fa-luggage-cart:before {
  content: "";
}

.fa-lungs:before {
  content: "";
}

.fa-lungs-virus:before {
  content: "";
}

.fa-lyft:before {
  content: "";
}

.fa-magento:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-mail-bulk:before {
  content: "";
}

.fa-mailchimp:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-mandalorian:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-map-marked:before {
  content: "";
}

.fa-map-marked-alt:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-map-marker-alt:before {
  content: "";
}

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-markdown:before {
  content: "";
}

.fa-marker:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mask:before {
  content: "";
}

.fa-mastodon:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-mdb:before {
  content: "";
}

.fa-medal:before {
  content: "";
}

.fa-medapps:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-medium-m:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-medrt:before {
  content: "";
}

.fa-meetup:before {
  content: "";
}

.fa-megaport:before {
  content: "";
}

.fa-meh:before {
  content: "";
}

.fa-meh-blank:before {
  content: "";
}

.fa-meh-rolling-eyes:before {
  content: "";
}

.fa-memory:before {
  content: "";
}

.fa-mendeley:before {
  content: "";
}

.fa-menorah:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-meteor:before {
  content: "";
}

.fa-microblog:before {
  content: "";
}

.fa-microchip:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-alt:before {
  content: "";
}

.fa-microphone-alt-slash:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-microscope:before {
  content: "";
}

.fa-microsoft:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-mitten:before {
  content: "";
}

.fa-mix:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-mixer:before {
  content: "";
}

.fa-mizuni:before {
  content: "";
}

.fa-mobile:before {
  content: "";
}

.fa-mobile-alt:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-monero:before {
  content: "";
}

.fa-money-bill:before {
  content: "";
}

.fa-money-bill-alt:before {
  content: "";
}

.fa-money-bill-wave:before {
  content: "";
}

.fa-money-bill-wave-alt:before {
  content: "";
}

.fa-money-check:before {
  content: "";
}

.fa-money-check-alt:before {
  content: "";
}

.fa-monument:before {
  content: "";
}

.fa-moon:before {
  content: "";
}

.fa-mortar-pestle:before {
  content: "";
}

.fa-mosque:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-mountain:before {
  content: "";
}

.fa-mouse:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

.fa-mug-hot:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-napster:before {
  content: "";
}

.fa-neos:before {
  content: "";
}

.fa-network-wired:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-newspaper:before {
  content: "";
}

.fa-nimblr:before {
  content: "";
}

.fa-node:before {
  content: "";
}

.fa-node-js:before {
  content: "";
}

.fa-not-equal:before {
  content: "";
}

.fa-notes-medical:before {
  content: "";
}

.fa-npm:before {
  content: "";
}

.fa-ns8:before {
  content: "";
}

.fa-nutritionix:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-octopus-deploy:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-oil-can:before {
  content: "";
}

.fa-old-republic:before {
  content: "";
}

.fa-om:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-orcid:before {
  content: "";
}

.fa-osi:before {
  content: "";
}

.fa-otter:before {
  content: "";
}

.fa-outdent:before {
  content: "";
}

.fa-page4:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-pager:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-paint-roller:before {
  content: "";
}

.fa-palette:before {
  content: "";
}

.fa-palfed:before {
  content: "";
}

.fa-pallet:before {
  content: "";
}

.fa-paper-plane:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-parachute-box:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-parking:before {
  content: "";
}

.fa-passport:before {
  content: "";
}

.fa-pastafarianism:before {
  content: "";
}

.fa-paste:before {
  content: "";
}

.fa-patreon:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-peace:before {
  content: "";
}

.fa-pen:before {
  content: "";
}

.fa-pen-alt:before {
  content: "";
}

.fa-pen-fancy:before {
  content: "";
}

.fa-pen-nib:before {
  content: "";
}

.fa-pen-square:before {
  content: "";
}

.fa-pencil-alt:before {
  content: "";
}

.fa-pencil-ruler:before {
  content: "";
}

.fa-penny-arcade:before {
  content: "";
}

.fa-people-arrows:before {
  content: "";
}

.fa-people-carry:before {
  content: "";
}

.fa-pepper-hot:before {
  content: "";
}

.fa-perbyte:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.fa-percentage:before {
  content: "";
}

.fa-periscope:before {
  content: "";
}

.fa-person-booth:before {
  content: "";
}

.fa-phabricator:before {
  content: "";
}

.fa-phoenix-framework:before {
  content: "";
}

.fa-phoenix-squadron:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-phone-alt:before {
  content: "";
}

.fa-phone-slash:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-phone-square-alt:before {
  content: "";
}

.fa-phone-volume:before {
  content: "";
}

.fa-photo-video:before {
  content: "";
}

.fa-php:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-pied-piper-hat:before {
  content: "";
}

.fa-pied-piper-pp:before {
  content: "";
}

.fa-pied-piper-square:before {
  content: "";
}

.fa-piggy-bank:before {
  content: "";
}

.fa-pills:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-pizza-slice:before {
  content: "";
}

.fa-place-of-worship:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-plane-arrival:before {
  content: "";
}

.fa-plane-departure:before {
  content: "";
}

.fa-plane-slash:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-playstation:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-podcast:before {
  content: "";
}

.fa-poll:before {
  content: "";
}

.fa-poll-h:before {
  content: "";
}

.fa-poo:before {
  content: "";
}

.fa-poo-storm:before {
  content: "";
}

.fa-poop:before {
  content: "";
}

.fa-portrait:before {
  content: "";
}

.fa-pound-sign:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-pray:before {
  content: "";
}

.fa-praying-hands:before {
  content: "";
}

.fa-prescription:before {
  content: "";
}

.fa-prescription-bottle:before {
  content: "";
}

.fa-prescription-bottle-alt:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-procedures:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-project-diagram:before {
  content: "";
}

.fa-pump-medical:before {
  content: "";
}

.fa-pump-soap:before {
  content: "";
}

.fa-pushed:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-python:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-quidditch:before {
  content: "";
}

.fa-quinscape:before {
  content: "";
}

.fa-quora:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-quran:before {
  content: "";
}

.fa-r-project:before {
  content: "";
}

.fa-radiation:before {
  content: "";
}

.fa-radiation-alt:before {
  content: "";
}

.fa-rainbow:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-raspberry-pi:before {
  content: "";
}

.fa-ravelry:before {
  content: "";
}

.fa-react:before {
  content: "";
}

.fa-reacteurope:before {
  content: "";
}

.fa-readme:before {
  content: "";
}

.fa-rebel:before {
  content: "";
}

.fa-receipt:before {
  content: "";
}

.fa-record-vinyl:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-red-river:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-alien:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-redhat:before {
  content: "";
}

.fa-redo:before {
  content: "";
}

.fa-redo-alt:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-remove-format:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-reply:before {
  content: "";
}

.fa-reply-all:before {
  content: "";
}

.fa-replyd:before {
  content: "";
}

.fa-republican:before {
  content: "";
}

.fa-researchgate:before {
  content: "";
}

.fa-resolving:before {
  content: "";
}

.fa-restroom:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-rev:before {
  content: "";
}

.fa-ribbon:before {
  content: "";
}

.fa-ring:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-robot:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-rocketchat:before {
  content: "";
}

.fa-rockrms:before {
  content: "";
}

.fa-route:before {
  content: "";
}

.fa-rss:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-ruble-sign:before {
  content: "";
}

.fa-ruler:before {
  content: "";
}

.fa-ruler-combined:before {
  content: "";
}

.fa-ruler-horizontal:before {
  content: "";
}

.fa-ruler-vertical:before {
  content: "";
}

.fa-running:before {
  content: "";
}

.fa-rupee-sign:before {
  content: "";
}

.fa-rust:before {
  content: "";
}

.fa-sad-cry:before {
  content: "";
}

.fa-sad-tear:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

.fa-salesforce:before {
  content: "";
}

.fa-sass:before {
  content: "";
}

.fa-satellite:before {
  content: "";
}

.fa-satellite-dish:before {
  content: "";
}

.fa-save:before {
  content: "";
}

.fa-schlix:before {
  content: "";
}

.fa-school:before {
  content: "";
}

.fa-screwdriver:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-scroll:before {
  content: "";
}

.fa-sd-card:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-search-dollar:before {
  content: "";
}

.fa-search-location:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-searchengin:before {
  content: "";
}

.fa-seedling:before {
  content: "";
}

.fa-sellcast:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-servicestack:before {
  content: "";
}

.fa-shapes:before {
  content: "";
}

.fa-share:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-shekel-sign:before {
  content: "";
}

.fa-shield-alt:before {
  content: "";
}

.fa-shield-virus:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-shipping-fast:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-shoe-prints:before {
  content: "";
}

.fa-shopify:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-shopware:before {
  content: "";
}

.fa-shower:before {
  content: "";
}

.fa-shuttle-van:before {
  content: "";
}

.fa-sign:before {
  content: "";
}

.fa-sign-in-alt:before {
  content: "";
}

.fa-sign-language:before {
  content: "";
}

.fa-sign-out-alt:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-signature:before {
  content: "";
}

.fa-sim-card:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-sink:before {
  content: "";
}

.fa-sistrix:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-sith:before {
  content: "";
}

.fa-skating:before {
  content: "";
}

.fa-sketch:before {
  content: "";
}

.fa-skiing:before {
  content: "";
}

.fa-skiing-nordic:before {
  content: "";
}

.fa-skull:before {
  content: "";
}

.fa-skull-crossbones:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-slack-hash:before {
  content: "";
}

.fa-slash:before {
  content: "";
}

.fa-sleigh:before {
  content: "";
}

.fa-sliders-h:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-smile:before {
  content: "";
}

.fa-smile-beam:before {
  content: "";
}

.fa-smile-wink:before {
  content: "";
}

.fa-smog:before {
  content: "";
}

.fa-smoking:before {
  content: "";
}

.fa-smoking-ban:before {
  content: "";
}

.fa-sms:before {
  content: "";
}

.fa-snapchat:before {
  content: "";
}

.fa-snapchat-ghost:before {
  content: "";
}

.fa-snapchat-square:before {
  content: "";
}

.fa-snowboarding:before {
  content: "";
}

.fa-snowflake:before {
  content: "";
}

.fa-snowman:before {
  content: "";
}

.fa-snowplow:before {
  content: "";
}

.fa-soap:before {
  content: "";
}

.fa-socks:before {
  content: "";
}

.fa-solar-panel:before {
  content: "";
}

.fa-sort:before {
  content: "";
}

.fa-sort-alpha-down:before {
  content: "";
}

.fa-sort-alpha-down-alt:before {
  content: "";
}

.fa-sort-alpha-up:before {
  content: "";
}

.fa-sort-alpha-up-alt:before {
  content: "";
}

.fa-sort-amount-down:before {
  content: "";
}

.fa-sort-amount-down-alt:before {
  content: "";
}

.fa-sort-amount-up:before {
  content: "";
}

.fa-sort-amount-up-alt:before {
  content: "";
}

.fa-sort-down:before {
  content: "";
}

.fa-sort-numeric-down:before {
  content: "";
}

.fa-sort-numeric-down-alt:before {
  content: "";
}

.fa-sort-numeric-up:before {
  content: "";
}

.fa-sort-numeric-up-alt:before {
  content: "";
}

.fa-sort-up:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-sourcetree:before {
  content: "";
}

.fa-spa:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-speakap:before {
  content: "";
}

.fa-speaker-deck:before {
  content: "";
}

.fa-spell-check:before {
  content: "";
}

.fa-spider:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-splotch:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-spray-can:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-square-full:before {
  content: "";
}

.fa-square-root-alt:before {
  content: "";
}

.fa-squarespace:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-stackpath:before {
  content: "";
}

.fa-stamp:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-and-crescent:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-star-half-alt:before {
  content: "";
}

.fa-star-of-david:before {
  content: "";
}

.fa-star-of-life:before {
  content: "";
}

.fa-staylinked:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-steam-symbol:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-sticker-mule:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stopwatch:before {
  content: "";
}

.fa-stopwatch-20:before {
  content: "";
}

.fa-store:before {
  content: "";
}

.fa-store-alt:before {
  content: "";
}

.fa-store-alt-slash:before {
  content: "";
}

.fa-store-slash:before {
  content: "";
}

.fa-strava:before {
  content: "";
}

.fa-stream:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-stripe:before {
  content: "";
}

.fa-stripe-s:before {
  content: "";
}

.fa-stroopwafel:before {
  content: "";
}

.fa-studiovinari:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-suitcase-rolling:before {
  content: "";
}

.fa-sun:before {
  content: "";
}

.fa-superpowers:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-supple:before {
  content: "";
}

.fa-surprise:before {
  content: "";
}

.fa-suse:before {
  content: "";
}

.fa-swatchbook:before {
  content: "";
}

.fa-swift:before {
  content: "";
}

.fa-swimmer:before {
  content: "";
}

.fa-swimming-pool:before {
  content: "";
}

.fa-symfony:before {
  content: "";
}

.fa-synagogue:before {
  content: "";
}

.fa-sync:before {
  content: "";
}

.fa-sync-alt:before {
  content: "";
}

.fa-syringe:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-table-tennis:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-tablet-alt:before {
  content: "";
}

.fa-tablets:before {
  content: "";
}

.fa-tachometer-alt:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-tape:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-taxi:before {
  content: "";
}

.fa-teamspeak:before {
  content: "";
}

.fa-teeth:before {
  content: "";
}

.fa-teeth-open:before {
  content: "";
}

.fa-telegram:before {
  content: "";
}

.fa-telegram-plane:before {
  content: "";
}

.fa-temperature-high:before {
  content: "";
}

.fa-temperature-low:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-tenge:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-the-red-yeti:before {
  content: "";
}

.fa-theater-masks:before {
  content: "";
}

.fa-themeco:before {
  content: "";
}

.fa-themeisle:before {
  content: "";
}

.fa-thermometer:before {
  content: "";
}

.fa-thermometer-empty:before {
  content: "";
}

.fa-thermometer-full:before {
  content: "";
}

.fa-thermometer-half:before {
  content: "";
}

.fa-thermometer-quarter:before {
  content: "";
}

.fa-thermometer-three-quarters:before {
  content: "";
}

.fa-think-peaks:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbtack:before {
  content: "";
}

.fa-ticket-alt:before {
  content: "";
}

.fa-tiktok:before {
  content: "";
}

.fa-times:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-tint-slash:before {
  content: "";
}

.fa-tired:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-toilet:before {
  content: "";
}

.fa-toilet-paper:before {
  content: "";
}

.fa-toilet-paper-slash:before {
  content: "";
}

.fa-toolbox:before {
  content: "";
}

.fa-tools:before {
  content: "";
}

.fa-tooth:before {
  content: "";
}

.fa-torah:before {
  content: "";
}

.fa-torii-gate:before {
  content: "";
}

.fa-tractor:before {
  content: "";
}

.fa-trade-federation:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-traffic-light:before {
  content: "";
}

.fa-trailer:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-tram:before {
  content: "";
}

.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-trash-alt:before {
  content: "";
}

.fa-trash-restore:before {
  content: "";
}

.fa-trash-restore-alt:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-tripadvisor:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-truck-loading:before {
  content: "";
}

.fa-truck-monster:before {
  content: "";
}

.fa-truck-moving:before {
  content: "";
}

.fa-truck-pickup:before {
  content: "";
}

.fa-tshirt:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-tv:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-typo3:before {
  content: "";
}

.fa-uber:before {
  content: "";
}

.fa-ubuntu:before {
  content: "";
}

.fa-uikit:before {
  content: "";
}

.fa-umbraco:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-umbrella-beach:before {
  content: "";
}

.fa-uncharted:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-undo:before {
  content: "";
}

.fa-undo-alt:before {
  content: "";
}

.fa-uniregistry:before {
  content: "";
}

.fa-unity:before {
  content: "";
}

.fa-universal-access:before {
  content: "";
}

.fa-university:before {
  content: "";
}

.fa-unlink:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-unsplash:before {
  content: "";
}

.fa-untappd:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-ups:before {
  content: "";
}

.fa-usb:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-user-alt:before {
  content: "";
}

.fa-user-alt-slash:before {
  content: "";
}

.fa-user-astronaut:before {
  content: "";
}

.fa-user-check:before {
  content: "";
}

.fa-user-circle:before {
  content: "";
}

.fa-user-clock:before {
  content: "";
}

.fa-user-cog:before {
  content: "";
}

.fa-user-edit:before {
  content: "";
}

.fa-user-friends:before {
  content: "";
}

.fa-user-graduate:before {
  content: "";
}

.fa-user-injured:before {
  content: "";
}

.fa-user-lock:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-user-minus:before {
  content: "";
}

.fa-user-ninja:before {
  content: "";
}

.fa-user-nurse:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-user-shield:before {
  content: "";
}

.fa-user-slash:before {
  content: "";
}

.fa-user-tag:before {
  content: "";
}

.fa-user-tie:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-users:before {
  content: "";
}

.fa-users-cog:before {
  content: "";
}

.fa-users-slash:before {
  content: "";
}

.fa-usps:before {
  content: "";
}

.fa-ussunnah:before {
  content: "";
}

.fa-utensil-spoon:before {
  content: "";
}

.fa-utensils:before {
  content: "";
}

.fa-vaadin:before {
  content: "";
}

.fa-vector-square:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-vest:before {
  content: "";
}

.fa-vest-patches:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-viadeo:before {
  content: "";
}

.fa-viadeo-square:before {
  content: "";
}

.fa-vial:before {
  content: "";
}

.fa-vials:before {
  content: "";
}

.fa-viber:before {
  content: "";
}

.fa-video:before {
  content: "";
}

.fa-video-slash:before {
  content: "";
}

.fa-vihara:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-vimeo-v:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-virus:before {
  content: "";
}

.fa-virus-slash:before {
  content: "";
}

.fa-viruses:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-vnv:before {
  content: "";
}

.fa-voicemail:before {
  content: "";
}

.fa-volleyball-ball:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-mute:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-vote-yea:before {
  content: "";
}

.fa-vr-cardboard:before {
  content: "";
}

.fa-vuejs:before {
  content: "";
}

.fa-walking:before {
  content: "";
}

.fa-wallet:before {
  content: "";
}

.fa-warehouse:before {
  content: "";
}

.fa-watchman-monitoring:before {
  content: "";
}

.fa-water:before {
  content: "";
}

.fa-wave-square:before {
  content: "";
}

.fa-waze:before {
  content: "";
}

.fa-weebly:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-weight:before {
  content: "";
}

.fa-weight-hanging:before {
  content: "";
}

.fa-weixin:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-whatsapp-square:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-whmcs:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-wind:before {
  content: "";
}

.fa-window-close:before {
  content: "";
}

.fa-window-maximize:before {
  content: "";
}

.fa-window-minimize:before {
  content: "";
}

.fa-window-restore:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-wine-bottle:before {
  content: "";
}

.fa-wine-glass:before {
  content: "";
}

.fa-wine-glass-alt:before {
  content: "";
}

.fa-wix:before {
  content: "";
}

.fa-wizards-of-the-coast:before {
  content: "";
}

.fa-wodu:before {
  content: "";
}

.fa-wolf-pack-battalion:before {
  content: "";
}

.fa-won-sign:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-wordpress-simple:before {
  content: "";
}

.fa-wpbeginner:before {
  content: "";
}

.fa-wpexplorer:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

.fa-wpressr:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-x-ray:before {
  content: "";
}

.fa-xbox:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-y-combinator:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-yammer:before {
  content: "";
}

.fa-yandex:before {
  content: "";
}

.fa-yandex-international:before {
  content: "";
}

.fa-yarn:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-yen-sign:before {
  content: "";
}

.fa-yin-yang:before {
  content: "";
}

.fa-yoast:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-zhihu:before {
  content: "";
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*!
 * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-regular-400.eot");
  src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg");
}
.far {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
}

/*!
 * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa-solid-900.eot");
  src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg");
}
.fa,
.fas {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/*!
 * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-brands-400.eot");
  src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg");
}
.fab {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

/**
 * Basis-CSS der dvv-Mastertemplates
 */
/* Spaltenfolge N-C-S */
.ym-col1 {
  width: 25%;
  margin: 0;
}

.ym-col2 {
  width: 50%;
  float: left;
  margin: 0;
}

.ym-col3 {
  margin-left: 75%;
  margin-right: 0;
  overflow: hidden;
  width: 25%;
}

/* content breiter ohne infoslot oder auf home */
.ym-col2wide {
  margin-left: 25%;
  width: 75%;
  float: inherit;
}

.home .ym-col2 {
  width: 75%;
}

/* content auf home und ohne infoslot */
.home .ym-col2wide {
  margin-left: 0;
  width: 100%;
  float: inherit;
}

/* Allgemein */
.clear {
  clear: both;
}

.nowrap {
  white-space: nowrap;
}

.float-left {
  float: left;
  display: inline;
}

.float-right {
  float: right;
  display: inline;
}

.center {
  display: block;
  text-align: center;
}

span.align-left, span.align-right, span.align-center, span.align-justify {
  display: block;
}

.align-left {
  text-align: left;
  /*this will align it for IE*/
  margin: 0 auto 0 0;
  /*this will align it left for Mozilla*/
}

.align-right {
  text-align: right;
  margin: 0 0 0 auto;
}

.align-center {
  text-align: center;
  margin: 0 auto 0 auto;
}

.align-justify {
  text-align: justify;
  margin: 0 auto 0 auto;
}

.valign-top {
  vertical-align: top;
}

.valign_middle {
  vertical-align: middle;
}

.valign-bottom {
  vertical-align: bottom;
}

.float-center {
  display: table;
  margin: auto;
}

/* hervorgehobene Suchtreffer */
.highlight {
  color: #003;
  background-color: #FFD;
}

/* Formulare */
.requiredMark {
  color: #4a76aa;
}

.error .requiredMark {
  color: #FF6600;
}

.error {
  color: red;
}

.ym-form .error label {
  color: red;
}

/* Option "Raster anzeigen" bei CMS8-Tabellen */
.show-grid, .show-grid td {
  border: 1px solid #ccc;
}

.show-grid.orgChart td {
  border: inherit;
}

.show-grid.orgChart td.organizationalchart {
  border: 1px solid #000;
}

/* Trenner CMSVII-207 */
.basecontent-dvv-trenner .sep {
  clear: both;
}

.sep50 {
  width: 50%;
}

.sep75 {
  width: 75%;
}

.sep90 {
  width: 90%;
}

.sep100 {
  width: 100%;
}

/* Effekt "mehr oder weniger" */
br.more {
  line-height: 0;
  font-size: 0;
}

/* System-Meldungen */
.sessionMessageIcon {
  width: 20px;
  float: left;
}

.sessionMessage {
  background-color: white;
  border: 1px solid red;
  color: red;
  margin-bottom: 1em;
  padding: 1em;
}

.sessionMessage_info {
  border: 1px solid #555;
  color: black;
}

.sessionMessage_warn {
  border: 1px solid blue;
  color: blue;
}

.sessionMessage_trace {
  border: 1px solid green;
  color: green;
}

/* Quicklinks to do; ggf. entfernen nach Erledigung CMSVII-718 */
.quickLinks {
  min-height: 27px;
  /* reserviert Platz waehrend HTML-Aufbau */
}

/* Nicht-relevante Informationen (Beispiel A-Z-Liste) nicht vorlesen lassen */
@media aural {
  .noSpeech {
    visibility: hidden;
  }
}
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2.1
 * @revision        $Revision: 454 $
 * @lastmodified    $Date: 2010-01-01 17:31:10 +0100 (Fr, 01. Jan 2010) $
 */
@media all {
  /**
   * @section browser reset
   * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
   */
  /* (en) Global reset of paddings and margins for all HTML elements */
  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * {
    margin: 0;
    padding: 0;
  }

  /* (en) Correction:margin/padding reset caused too small select boxes. */
  /* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option {
    padding-left: 0.4em;
  }

  /* LTR */
  select {
    padding: 1px;
  }

  /**
   * (en) Global fix of the Italics bugs in IE 5.x and IE 6
   * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */
  * html body * {
    overflow: visible;
  }

  * html iframe, * html frame {
    overflow: auto;
  }

  * html frameset {
    overflow: hidden;
  }

  body {
    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
    font-size: 100.01%;
    /* (en) Standard values for colors and text alignment */
    /* (de) Vorgabe der Standardfarben und Textausrichtung */
    background: #fff;
    color: #000;
    text-align: left;
    /* LTR */
  }

  /* (en) avoid visible outlines on DIV containers in Webkit browsers */
  /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
  div {
    outline: 0 none;
  }

  /* (en) Clear borders for <fieldset> and <img> elements */
  /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
  /* dvv: Fieldset-Rahmen bleibt ! */
  img {
    border: 0 solid;
  }

  /* (en) new standard values for lists, blockquote and cite */
  /* (de) Neue Standardwerte für Listen & Zitate */
  ul, ol, dl {
    margin: 0 0 1em 1em;
  }

  /* LTR */
  li {
    line-height: 1.5em;
    margin-left: 0.8em;
    /* LTR */
  }

  dt {
    font-weight: bold;
  }

  dd {
    margin: 0 0 1em 0.8em;
  }

  /* LTR */
  blockquote {
    margin: 0 0 1em 0.8em;
  }

  /* LTR */
  blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
  }

  /*------------------------------------------------------------------------------------------------------*/
  /**
   * @section clearing methods
   * @see     http://yaml.de/en/documentation/basics/general.html
   */
  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix {
    display: block;
  }

  /* (en) alternative solution to contain floats */
  /* (de) Alternative Methode zum Einschließen von Float-Umgebungen */
  .floatbox {
    overflow: hidden;
  }

  /* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing {
    display: none;
  }

  /*------------------------------------------------------------------------------------------------------*/
  /**
   * @section hidden elements | Versteckte Elemente
   * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
   *
   * (en) skip links and hidden content
   * (de) Skip-Links und versteckte Inhalte
   */
  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print {
    position: absolute;
    top: -32768px;
    left: -32768px;
    /* LTR */
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für 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;
    list-style-type: none;
  }

  #skiplinks a.skip:focus,
#skiplinks a.skip:active {
    left: 32768px;
    outline: 0 none;
    position: absolute;
    width: 100%;
  }
}
@media screen, projection {
  /**
   * @section base layout | Basis Layout
   * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3     | #col2   |
   * | 200 px  | flexible  | 200px   |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */
  #header {
    position: relative;
  }

  /* dvv removed #topnav and #header #topnav definitions and set following lines */
  #topnav {
    /* text-align: left; */
    margin-top: 10px;
    font-size: 1.25em;
  }

  /* (en) Backup for correct positioning */
  /* (de) Absicherung korrekte Positionierung */
  #header, #nav, #main, #footer {
    clear: both;
  }

  #col1 {
    float: left;
    width: 200px;
  }

  #col2 {
    float: right;
    width: 200px;
  }

  #col3 {
    width: auto;
    margin: 0 200px;
  }

  /* (en) Preparation for absolute positioning within content columns */
  /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
  #col1_content, #col2_content, #col3_content {
    position: relative;
  }

  /*------------------------------------------------------------------------------------------------------*/
  /**
   * @section subtemplates
   * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
   */
  .subcolumns {
    width: 100%;
    overflow: hidden;
  }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko {
    width: 100%;
    float: left;
  }

  .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l {
    float: left;
  }

  .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {
    float: right;
    margin-left: -5px;
  }

  .c20l, .c20r {
    width: 20%;
  }

  .c40l, .c40r {
    width: 40%;
  }

  .c60l, .c60r {
    width: 60%;
  }

  .c80l, .c80r {
    width: 80%;
  }

  .c25l, .c25r {
    width: 25%;
  }

  .c33l, .c33r {
    width: 33.333%;
  }

  .c50l, .c50r {
    width: 50%;
  }

  .c66l, .c66r {
    width: 66.666%;
  }

  .c75l, .c75r {
    width: 75%;
  }

  .c38l, .c38r {
    width: 38.2%;
  }

  .c62l, .c62r {
    width: 61.8%;
  }

  .subc {
    padding: 0 0.5em;
  }

  .subcl {
    padding: 0 1em 0 0;
  }

  .subcr {
    padding: 0 0 0 1em;
  }

  .equalize, .equalize .subcolumns {
    overflow: visible;
    display: table;
    table-layout: fixed;
  }

  .equalize > div {
    display: table-cell;
    float: none;
    margin: 0;
    overflow: hidden;
    vertical-align: top;
  }
}
@media print {
  /**
   * (en) float clearing for .floatbox and subtemplates. Uses display:table to avoid bugs in FF & IE
   * (de) Float Clearing für .floatbox und die Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
   *
   * @bugfix
   * @since     3.0
   * @affected  FF2.0, FF3.0, IE7
   * @css-for   all browsers
   * @valid     yes
   */
  .subcolumns > div,
.floatbox {
    overflow: visible;
    display: table;
  }

  /* (en) make .print class visible */
  /* (de) .print-Klasse sichtbar schalten */
  .print {
    position: static;
    left: 0;
  }

  /* (en) generic class to hide elements for print */
  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
  .noprint {
    display: none !important;
  }
}
/* Nicht-relevante Informationen (Beispiel A-Z-Liste) nicht vorlesen lassen */
@media aural {
  .noSpeech {
    visibility: hidden;
  }
}
/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @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) $
 *
 * Modifizierte dvv-Version
 */
@media all {
  /**
  * @section CSS-Normalisation Module
  */
  /* (en) Global reset of paddings and margins for all HTML elements */
  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * {
    margin: 0;
    padding: 0;
  }

  /* (en) Correction:margin/padding reset caused too small select boxes. */
  /* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option {
    padding-left: 0.4em;
  }

  /* LTR */
  select {
    padding: 1px;
  }

  /**
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * {
    overflow: visible;
  }

  body {
    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
    font-size: 100%;
    /* (en) Standard values for colors and text alignment */
    /* (de) Vorgabe der Standardfarben und Textausrichtung */
    background: #fff;
    color: #000;
    text-align: left;
    /* LTR */
  }

  /* (en) avoid visible outlines on DIV containers in Webkit browsers */
  /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
  div:target {
    outline: 0 none;
  }

  /* (en) HTML 5 - adjusting visual formatting model to block level */
  /* (en) HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente */
  article, aside, details, figcaption, figure,
footer, header, hgroup, nav, section {
    display: block;
  }

  /* (en) HTML5 - default media element styles */
  /* (de) HTML5 - Standard Eigenschaften für Media-Elemente */
  audio,
canvas,
video {
    display: inline-block;
  }

  /* (en) HTML5 - don't show <audio> element if there aren't controls */
  /* (de) HTML5 - <audio> ohne Kontrollelemente sollten nicht angezeigt werden */
  audio:not([controls]) {
    display: none;
  }

  /* (en) HTML5 - add missing styling in IE & old FF for hidden attribute  */
  /* (de) HTML5 - Eigenschaften für das hidden-Attribut in älteren IEs und FF nachrüsten */
  [hidden] {
    display: none;
  }

  /* (en) force consistant appearance of input[type="search"] elements in all browser  */
  /* (de) Einheitliches Erscheinungsbild für input[type="search"] Elemente erzwingen  */
  input[type=search] {
    -webkit-appearance: textfield;
  }

  input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  /* (en) Clear borders for <img> elements */
  /* (de) Rahmen für <img> Elemente löschen */
  /* dvv entfernte fieldset */
  img {
    border: 0 solid;
  }

  /* (en) new standard values for lists, blockquote, cite and tables */
  /* (de) Neue Standardwerte für Listen, Zitate und Tabellen */
  ul, ol, dl {
    margin: 0 0 1em 1em;
  }

  /* LTR */
  li {
    line-height: 1.5em;
    margin-left: 0.8em;
    /* LTR */
  }

  dt {
    font-weight: bold;
  }

  dd {
    margin: 0 0 1em 0.8em;
  }

  /* LTR */
  blockquote {
    margin: 0 0 1em 0.8em;
  }

  /* LTR */
  q {
    quotes: none;
  }

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

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

  /**
  * @section Float Handling Module
  */
  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .ym-clearfix:before {
    content: "";
    display: table;
  }

  .ym-clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }

  /* (en) alternative solutions to contain floats */
  /* (de) Alternative Methoden zum Einschließen von Float-Umgebungen */
  .ym-contain-dt {
    display: table;
    width: 100%;
    overflow: visible;
  }

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

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

  /**
  * @section Accessibility Module
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */
  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .ym-skip,
.ym-hideme,
.ym-print {
    position: absolute;
    top: -32768px;
    left: -32768px;
    /* LTR */
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .ym-skip:focus,
.ym-skip:active {
    position: static;
    top: 0;
    left: 0;
  }

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

  .ym-skiplinks .ym-skip:focus,
.ym-skiplinks .ym-skip:active {
    left: 32768px;
    outline: 0 none;
    position: absolute;
    width: 100%;
  }
}
@media screen, projection {
  /**
  * @section Column Module
  *
  * default column config:
  * |-------------------------------|
  * | col1    | col3      | col2    |
  * | 20%     | flexible  | 20%     |
  * |-------------------------------|
  */
  .ym-column {
    /*display: table;*/
    width: 100%;
  }

  /* dvv removed attribute */
  .ym-col1 {
    float: left;
    width: 20%;
  }

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

  .ym-col3 {
    width: auto;
    margin: 0 20%;
  }

  .ym-cbox {
    padding: 0 10px;
  }

  .ym-cbox-left {
    padding: 0 10px 0 0;
  }

  .ym-cbox-right {
    padding: 0 0 0 10px;
  }

  /* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  .ym-ie-clearing {
    display: none;
  }

  /**
  * @section Grid Module
  *
  */
  .ym-grid {
    display: table;
    width: 100%;
    table-layout: fixed;
    list-style-type: none;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .ym-gl {
    float: left;
    margin: 0;
  }

  .ym-gr {
    float: right;
    margin: 0 0 0 -5px;
  }

  .ym-g20 {
    width: 20%;
  }

  .ym-g40 {
    width: 40%;
  }

  .ym-g60 {
    width: 60%;
  }

  .ym-g80 {
    width: 80%;
  }

  .ym-g25 {
    width: 25%;
  }

  .ym-g33 {
    width: 33.333%;
  }

  .ym-g50 {
    width: 50%;
  }

  .ym-g66 {
    width: 66.666%;
  }

  .ym-g75 {
    width: 75%;
  }

  .ym-g38 {
    width: 38.2%;
  }

  .ym-g62 {
    width: 61.8%;
  }

  .ym-gbox {
    padding: 0 10px;
  }

  .ym-gbox-left {
    padding: 0 10px 0 0;
  }

  .ym-gbox-right {
    padding: 0 0 0 10px;
  }

  .ym-equalize {
    overflow: hidden;
  }

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

  .ym-equalize > [class*=ym-g] > [class*=ym-gbox] {
    padding-bottom: 10000px;
    margin-bottom: -10000px;
  }
}
@media all {
  /**
  * @section Form Module
  *
  * Vertical-Forms - technical base (standard)
  *
  * |-------------------------------|
  * | form                          |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /form                         |
  * |-------------------------------|
  *
  * (en) Styling of forms where both label and input/select/textarea are styled with display:block;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
  */
  .ym-form,
.ym-form fieldset {
    overflow: hidden;
  }

  .ym-form div {
    position: relative;
  }

  .ym-form label,
.ym-form .ym-message {
    position: relative;
    display: block;
    /* important for Safari */
  }

  .ym-form .ym-fbox-check label {
    display: inline;
  }

  .ym-form input,
.ym-form textarea {
    cursor: text;
  }

  .ym-form input[type=checkbox],
.ym-form input[type=radio],
.ym-form select,
.ym-form label {
    cursor: pointer;
  }

  /* small adjustments for Internet Explorer - all versions */
  .ym-form textarea {
    overflow: auto;
  }

  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  .ym-form input[type=hidden] {
    display: none !important;
  }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  .ym-form .ym-fbox-text:before,
.ym-form .ym-fbox-select:before,
.ym-form .ym-fbox-check:before,
.ym-form .ym-fbox-button:before {
    content: "";
    display: table;
  }

  .ym-form .ym-fbox-text:after,
.ym-form .ym-fbox-select:after,
.ym-form .ym-fbox-check:after,
.ym-form .ym-fbox-button:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }

  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  .ym-form select,
.ym-form input,
.ym-form textarea {
    display: block;
    position: relative;
    width: 58.5%;
  }

  .ym-form .ym-fbox-check input {
    display: inline;
    width: auto;
  }

  /* Styling of buttons | Gestaltung von Buttons */
  .ym-form .ym-fbox-button input {
    display: inline;
    overflow: visible;
    /* Fixes IE7 auto-padding bug */
    width: auto;
  }

  /* avoid jumping checkboxes & radiobuttons in IE8 */
  .ym-form .ym-fbox-check input:focus,
.ym-form .ym-fbox-check input:hover,
.ym-form .ym-fbox-check input:active {
    border: 0 none;
  }

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .ym-full .ym-fbox-select select,
.ym-full .ym-fbox-text input,
.ym-full .ym-fbox-text textarea {
    width: 94.2%;
    margin-right: -3px;
  }

  /**
  * Columnar forms display - technical base (optional)
  *
  * |-------------------------------------------|
  * | form                                      |
  * |-------------------------------------------|
  * |                                           |
  * |   label   |   input / select / textarea   |
  * |                                           |
  * |-------------------------------------------|
  * | /form                                     |
  * |-------------------------------------------|
  *
  * (en) Styling of forms where label floats left of form-elements
  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
  */
  /* Columnar display | Spalten-Darstellung */
  .ym-columnar .ym-fbox-text label,
.ym-columnar .ym-fbox-select label {
    display: inline;
    float: left;
    width: 30%;
    /* Can be fixed width too | Kann auch eine fixe Angabe sein */
  }

  .ym-columnar .ym-fbox-check {
    position: relative;
  }

  .ym-label {
    display: block;
  }

  .ym-columnar .ym-fbox-check .ym-label {
    position: absolute;
    top: 0;
  }

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .ym-columnar .ym-fbox-check input,
.ym-columnar .ym-error .ym-message {
    margin-left: 30%;
  }

  /* global and local columnar settings for button alignment */
  .ym-columnar fieldset .ym-fbox-button,
fieldset.ym-columnar .ym-fbox-button {
    padding-left: 30%;
  }

  .ym-columnar .ym-fbox-select select,
.ym-columnar .ym-fbox-text input,
.ym-columnar .ym-fbox-text textarea {
    float: left;
    width: 67.2%;
    /*		margin-right: -3px; dvv removed this for CMSVII-931 */
  }

  /**
  * @section Form Construction Kit | Screen Adjustments
  *
  */
  .ym-fbox-select select {
    width: 60%;
  }

  .ym-full .ym-fbox-select select {
    width: 94.8%;
  }

  .ym-columnar .ym-fbox-select select {
    width: 68.8%;
  }
}
@media print {
  /**
  * @section print adjustments for core modules
  *
  * (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE
  * (de) Float Clearing für die Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
  *
  * @bugfix
  * @since     3.0
  * @affected  FF2.0, FF3.0, IE7
  * @css-for   all browsers
  * @valid     yes
  */
  .ym-grid > .ym-gl,
.ym-grid > .ym-gr {
    overflow: visible;
    display: table;
  }

  /* (en) make .ym-print class visible */
  a .ym-print {
    position: static;
    left: 0;
  }

  /* (en) generic class to hide elements for print */
  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
  .ym-noprint {
    display: none !important;
  }
}
html, body {
  height: 100%;
}

html {
  box-sizing: border-box;
}

body {
  background: #f5f5f5;
}

body.home {
  background-image: url(../img/background_01.jpg);
}

/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*, *::before, *::after {
  box-sizing: inherit;
}

/**
 * Basic styles for links
 */
a {
  color: #cd1e3d;
  text-decoration: none;
}
a:hover, a:active, a:focus {
  color: #222222;
  text-decoration: none;
}

a.mailLink {
  font-weight: 400;
}

a.email {
  font-weight: 400;
}

.knot_14306242 a {
  color: #cd1e3d;
}
.knot_14306242 a:hover, .knot_14306242 a:active, .knot_14306242 a:focus {
  color: #222222;
  text-decoration: none;
}

.knot_14306251 a {
  color: #407364;
}
.knot_14306251 a:hover, .knot_14306251 a:active, .knot_14306251 a:focus {
  color: #222222;
  text-decoration: none;
}

.knot_14306297 a {
  color: #ab602e;
}
.knot_14306297 a:hover, .knot_14306297 a:active, .knot_14306297 a:focus {
  color: #222222;
  text-decoration: none;
}

.knot_14306306 a {
  color: #376e8c;
}
.knot_14306306 a:hover, .knot_14306306 a:active, .knot_14306306 a:focus {
  color: #222222;
  text-decoration: none;
}

.knot_14306315 a {
  color: #5c4b42;
}
.knot_14306315 a:hover, .knot_14306315 a:active, .knot_14306315 a:focus {
  color: #222222;
  text-decoration: none;
}

a.goPageTop {
  float: left;
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}

.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 0.5;
}

.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}
table {
  width: 100%;
}

table tr.even {
  background: #eee;
}

.geschichte td {
  padding: 3px;
  padding-left: 10px;
}

.geschichte tr td:first-child {
  font-weight: 400;
}

.abstand td {
  padding: 3px;
  padding-left: 10px;
}

.basecontent-dvv-trenner .sep {
  border: 0;
  margin: 20px;
}

.wrapper {
  box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}

.row {
  box-sizing: border-box;
  display: -moz-flex;
  display: flex;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.row.reverse {
  -moz-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.col.reverse {
  -moz-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.col-xs {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  flex-basis: auto;
}

.col-xs-1 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-xs-2 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-xs-3 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-xs-5 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-xs-6 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-xs-8 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-xs-9 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-xs-11 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-xs-12 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-0 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 0;
}

.col-xs-offset-1 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 25%;
}

.col-xs-offset-4 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 50%;
}

.col-xs-offset-7 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 75%;
}

.col-xs-offset-10 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  box-sizing: border-box;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 100%;
}

.col-xs {
  -moz-flex-grow: 1;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.start-xs {
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  text-align: left;
}

.center-xs {
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
}

.end-xs {
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  text-align: right;
}

.top-xs {
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.middle-xs {
  -moz-align-items: center;
  align-items: center;
}

.bottom-xs {
  -moz-align-items: flex-end;
  align-items: flex-end;
}

.around-xs {
  -moz-justify-content: space-around;
  justify-content: space-around;
}

.between-xs {
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.first-xs {
  order: -1;
}

.last-xs {
  order: 1;
}

@media only screen and (min-width: 48em) {
  .container {
    width: 46rem;
  }

  .col-sm {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: auto;
  }

  .col-sm-1 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-sm-2 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-3 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-sm-5 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-sm-6 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-sm-8 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-sm-9 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-sm-11 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-sm-12 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-sm-offset-0 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 0;
  }

  .col-sm-offset-1 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 8.3333333333%;
  }

  .col-sm-offset-2 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 16.6666666667%;
  }

  .col-sm-offset-3 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 33.3333333333%;
  }

  .col-sm-offset-5 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 41.6666666667%;
  }

  .col-sm-offset-6 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 58.3333333333%;
  }

  .col-sm-offset-8 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 66.6666666667%;
  }

  .col-sm-offset-9 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 83.3333333333%;
  }

  .col-sm-offset-11 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 91.6666666667%;
  }

  .col-sm-offset-12 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 100%;
  }

  .col-sm {
    -moz-flex-grow: 1;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .start-sm {
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left;
  }

  .center-sm {
    -moz-justify-content: center;
    justify-content: center;
    text-align: center;
  }

  .end-sm {
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right;
  }

  .top-sm {
    -moz-align-items: flex-start;
    align-items: flex-start;
  }

  .middle-sm {
    -moz-align-items: center;
    align-items: center;
  }

  .bottom-sm {
    -moz-align-items: flex-end;
    align-items: flex-end;
  }

  .around-sm {
    -moz-justify-content: space-around;
    justify-content: space-around;
  }

  .between-sm {
    -moz-justify-content: space-between;
    justify-content: space-between;
  }

  .first-sm {
    order: -1;
  }

  .last-sm {
    order: 1;
  }
}
@media only screen and (min-width: 62em) {
  .container {
    width: 61rem;
  }

  .col-md {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: auto;
  }

  .col-md-1 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-md-2 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-3 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-4 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-md-5 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-md-6 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-7 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-md-8 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-md-9 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-10 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-md-11 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-md-12 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-md-offset-0 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 0;
  }

  .col-md-offset-1 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 8.3333333333%;
  }

  .col-md-offset-2 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 16.6666666667%;
  }

  .col-md-offset-3 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 25%;
  }

  .col-md-offset-4 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 33.3333333333%;
  }

  .col-md-offset-5 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 41.6666666667%;
  }

  .col-md-offset-6 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 50%;
  }

  .col-md-offset-7 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 58.3333333333%;
  }

  .col-md-offset-8 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 66.6666666667%;
  }

  .col-md-offset-9 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 75%;
  }

  .col-md-offset-10 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 83.3333333333%;
  }

  .col-md-offset-11 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 91.6666666667%;
  }

  .col-md-offset-12 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 100%;
  }

  .col-md {
    -moz-flex-grow: 1;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .start-md {
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left;
  }

  .center-md {
    -moz-justify-content: center;
    justify-content: center;
    text-align: center;
  }

  .end-md {
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right;
  }

  .top-md {
    -moz-align-items: flex-start;
    align-items: flex-start;
  }

  .middle-md {
    -moz-align-items: center;
    align-items: center;
  }

  .bottom-md {
    -moz-align-items: flex-end;
    align-items: flex-end;
  }

  .around-md {
    -moz-justify-content: space-around;
    justify-content: space-around;
  }

  .between-md {
    -moz-justify-content: space-between;
    justify-content: space-between;
  }

  .first-md {
    order: -1;
  }

  .last-md {
    order: 1;
  }
}
@media only screen and (min-width: 75em) {
  .container {
    width: 71rem;
  }

  .col-lg {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: auto;
  }

  .col-lg-1 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-lg-2 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-3 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-lg-5 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-lg-6 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-lg-8 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-lg-9 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-lg-11 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-lg-12 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-lg-offset-0 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 0;
  }

  .col-lg-offset-1 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 8.3333333333%;
  }

  .col-lg-offset-2 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 16.6666666667%;
  }

  .col-lg-offset-3 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 33.3333333333%;
  }

  .col-lg-offset-5 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 41.6666666667%;
  }

  .col-lg-offset-6 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 58.3333333333%;
  }

  .col-lg-offset-8 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 66.6666666667%;
  }

  .col-lg-offset-9 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 83.3333333333%;
  }

  .col-lg-offset-11 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 91.6666666667%;
  }

  .col-lg-offset-12 {
    box-sizing: border-box;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 100%;
  }

  .col-lg {
    -moz-flex-grow: 1;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .start-lg {
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left;
  }

  .center-lg {
    -moz-justify-content: center;
    justify-content: center;
    text-align: center;
  }

  .end-lg {
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right;
  }

  .top-lg {
    -moz-align-items: flex-start;
    align-items: flex-start;
  }

  .middle-lg {
    -moz-align-items: center;
    align-items: center;
  }

  .bottom-lg {
    -moz-align-items: flex-end;
    align-items: flex-end;
  }

  .around-lg {
    -moz-justify-content: space-around;
    justify-content: space-around;
  }

  .between-lg {
    -moz-justify-content: space-between;
    justify-content: space-between;
  }

  .first-lg {
    order: -1;
  }

  .last-lg {
    order: 1;
  }
}
@font-face {
  font-family: "FontAwesome";
  src: url("fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/**
 * Clear inner floats
 */
.clearfix::after {
  clear: both;
  content: "";
  display: table;
}

/**
 * Main content containers
 * 1. Make the container full-width with a maximum width
 * 2. Center it in the viewport
 * 3. Leave some space on the edges, especially valuable on small screens
 */
.container {
  max-width: 1180px;
  /* 1 */
  margin-left: auto;
  /* 2 */
  margin-right: auto;
  /* 2 */
  padding-left: 20px;
  /* 3 */
  padding-right: 20px;
  /* 3 */
  width: 100%;
  /* 1 */
}

/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.hide-text {
  overflow: hidden;
  padding: 0;
  /* 1 */
  text-indent: 101%;
  white-space: nowrap;
}

/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

figure.image.float-left {
  margin-left: 0;
}

figure.image.float-right {
  margin-right: 0;
}

figure figcaption {
  font-style: italic;
  font-size: 12px;
}

.header-image {
  margin-left: -50px;
  margin-top: -16px;
}

/**
 * Basic Typographie
 */
body {
  color: #6a6a6a;
  font: 300 100%/1.825 "Roboto", sans-serif;
}

h1 {
  color: #cd1e3d;
}

h2 {
  color: #cd1e3d;
  margin-top: 15px;
  margin-bottom: 5px;
}

h3 {
  color: #cd1e3d;
  font-size: 20px;
  margin-top: 12px;
  margin-bottom: 0px;
  font-weight: 400;
}

h4 {
  color: #cd1e3d;
}

h5 {
  color: #555555;
  font-size: 16px;
}

h6 {
  color: #555555;
}

.knot_14306242 h1 {
  color: #cd1e3d;
}

.knot_14306251 h1 {
  color: #407364;
}

.knot_14306297 h1 {
  color: #ab602e;
}

.knot_14306306 h1 {
  color: #376e8c;
}

.knot_14306315 h1 {
  color: #5c4b42;
}

.knot_14306242 h2 {
  color: #cd1e3d;
}

.knot_14306251 h2 {
  color: #407364;
}

.knot_14306297 h2 {
  color: #ab602e;
}

.knot_14306306 h2 {
  color: #376e8c;
}

.knot_14306315 h2 {
  color: #5c4b42;
}

.knot_14306242 h3 {
  color: #6a6a6a;
}

.knot_14306251 h3 {
  color: #6a6a6a;
}

.knot_14306297 h3 {
  color: #6a6a6a;
}

.knot_14306306 h3 {
  color: #6a6a6a;
}

.knot_14306315 h3 {
  color: #6a6a6a;
}

.knot_14306242 #service h1 {
  color: #cd1e3d;
}

.knot_14306251 #service h1 {
  color: #407364;
}

.knot_14306297 #service h1 {
  color: #ab602e;
}

.knot_14306306 #service h1 {
  color: #376e8c;
}

.knot_14306315 #service h1 {
  color: #5c4b42;
}

.knot_14306242 #service h2 {
  color: #cd1e3d;
}

.knot_14306251 #service h2 {
  color: #407364;
}

.knot_14306297 #service h2 {
  color: #ab602e;
}

.knot_14306306 #service h2 {
  color: #376e8c;
}

.knot_14306315 #service h2 {
  color: #5c4b42;
}

.knot_14306242 #service h3 {
  color: #cd1e3d;
}

.knot_14306251 #service h3 {
  color: #407364;
}

.knot_14306297 #service h3 {
  color: #ab602e;
}

.knot_14306306 #service h3 {
  color: #376e8c;
}

.knot_14306315 #service h3 {
  color: #5c4b42;
}

.knot_14306242 #service a {
  color: #cd1e3d;
}

.knot_14306251 #service a {
  color: #407364;
}

.knot_14306297 #service a {
  color: #ab602e;
}

.knot_14306306 #service a {
  color: #376e8c;
}

.knot_14306315 #service a {
  color: #5c4b42;
}

.knot_14306242 #service a:hover {
  color: #000;
}

.knot_14306251 #service a:hover {
  color: #000;
}

.knot_14306297 #service a:hover {
  color: #000;
}

.knot_14306306 #service a:hover {
  color: #000;
}

.knot_14306315 #service a:hover {
  color: #000;
}

.knot_14306242 footer#contentFooter a:hover {
  color: #cd1e3d;
}

.knot_14306251 footer#contentFooter a:hover {
  color: #407364;
}

.knot_14306297 footer#contentFooter a:hover {
  color: #ab602e;
}

.knot_14306306 footer#contentFooter a:hover {
  color: #376e8c;
}

.knot_14306315 footer#contentFooter a:hover {
  color: #5c4b42;
}

footer#contentFooter a {
  color: #6a6a6a;
}

#footer {
  background: #fff;
  bottom: 0;
  /*height: 260px;
  position: fixed;*/
  width: 100%;
  border-top: 4px solid #cd1e3d;
}

footer .copyright {
  background: #cd1e3d;
  color: #fff;
  text-align: center;
  padding: 14px 0 0 0;
  position: relative;
  bottom: 0;
  width: 100%;
  min-height: 40px;
}

footer .copyright a {
  color: #fff;
}

footer .bottom-content {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #ffffff;
}
footer .bottom-content span {
  color: #ffffff;
}
footer .bottom-content span a {
  color: #ffffff;
}
footer .bottom-content span a:hover {
  color: #ffffff;
}

footer#contentFooter {
  padding-left: 28px;
  margin-bottom: 30px;
}

/* Top Menü und Suche */
header .top-header {
  background: #000;
  color: #fff;
  height: 43px;
}
@media screen and (max-width: 960px) {
  header .top-header {
    display: none;
  }
}
header .top-header a {
  color: #fff;
  transition: color 0.08s ease;
}
header .top-header a:hover {
  color: black;
}
header .top-header .sub-navigation {
  text-align: right;
  font-size: 90%;
  padding: 9px;
}
header .top-header .sub-navigation a {
  margin-right: 15px;
}
header .top-header .searchfield {
  height: 43px;
  font-size: 90%;
  padding: 9px;
}

/* Logo und Hauptmenü */
header .main-header {
  height: 120px;
  border-bottom: 8px solid #cd1e3d;
  background: #fff;
}
header .main-header div.logo {
  padding: 5px 5px 5px 5px;
}
@media (max-width: 760px) {
  header .main-header {
    border-bottom: 0;
  }
}
@media (min-width: 760px) and (max-width: 960px) {
  header .main-header {
    border-bottom: 0;
  }
}
@media (min-width: 960px) and (max-width: 1280px) {
  header .main-header {
    margin-bottom: 0;
  }
}

#header > div.main-header > div > div > div.col-xs-4.col-sm-4.col-md-4.col-lg-2 .logo {
  padding-left: 0px;
}
@media (max-width: 760px) {
  #header > div.main-header > div > div > div.col-xs-4.col-sm-4.col-md-4.col-lg-2 .logo {
    padding-left: 6px;
  }
}
@media (min-width: 760px) and (max-width: 960px) {
  #header > div.main-header > div > div > div.col-xs-4.col-sm-4.col-md-4.col-lg-2 .logo {
    padding-left: 6px;
  }
}

/*


.header_wrapper {
  height: 244px;
  background: #ffffff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  position: relative;
}

#header {
  margin: 0 auto;
  margin-bottom: 0px; // Abstand zum Content
  max-width: $site-width; // Seitenbreite
  background: #fff;
  border-radius: 4px 4px 0 0;
  min-height: 70px;
  padding: 10px 20px;
// box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;

  @include breakpoint(xsmall) {
    margin-bottom: 0px;
  }
  @include breakpoint(small) {
    margin-bottom: 0px;
  }
  @include breakpoint(medium) {
    margin-bottom: 0px;
  }

}


.header-bg {
    background: #998B8A;

    height: 200px;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.header-toolbar {
  padding:15px;
  margin:0 auto;
  max-width: $site-width; // Seitenbreite

  a {
    color: #fff;
  }


}

.sub-header{
  min-height: 40px;
  padding: 10px;
  background: #716362;
  max-width: $site-width;
  margin:0 auto;
  color: #fff;

  a{color:#fff;}

  a:hover{color:#ccc;}
}

// Header Image

.header-image{

  background: rgba(0, 0, 0, 0) url("../img/background_1.jpg") repeat scroll 50% 50% / cover;
  margin-top: -45px;
  position: relative;
      z-index: -1;

}
*/
.header-image {
  height: 200px;
  background: rgba(0, 0, 0, 0) url("../img/background_01.jpg") repeat scroll 50% 50%/cover;
  margin-top: 0;
  position: relative;
  z-index: -1;
}
@media screen and (max-width: 960px) {
  .header-image {
    display: none;
  }
}

img.logo {
  max-width: 200px;
  margin: 40px;
}

.logo img {
  transition: 0.3 ease all;
}
@media (max-width: 760px) {
  .logo img {
    max-width: 145px;
    padding-top: 10px;
  }
}

.searchfield {
  position: relative;
  right: 10px;
}
@media (max-width: 760px) {
  .searchfield {
    display: none;
  }
}
@media (min-width: 760px) and (max-width: 960px) {
  .searchfield {
    display: none;
  }
}
/*
.searchfield #quicksearch {
  float: inherit;
  position: absolute;
  top: 0;
  left: 0;
}*/

.searchfield form.quicksearch input.quicksearchtext {
  height: 42px;
  border: 0 solid #cd1e3d;
  padding-left: 20px;
  padding-top: 4px;
  font-size: 15px;
  color: #fff;
  vertical-align: top;
  background: #d76e80;
  width: 260px;
  transition: all 0.08s ease;
}

.searchfield form.quicksearch input.quicksearchimg {
  background: #cd1e3d;
  margin-left: -5px;
  padding: 11px;
  transition: all 0.08s ease;
}
.searchfield form.quicksearch input.quicksearchimg:hover, .searchfield form.quicksearch input.quicksearchimg:active, .searchfield form.quicksearch input.quicksearchimg:focus {
  background: #d76e80;
}

.searchfield form.quicksearch label {
  display: none;
}

.breadcrumb {
  font-size: 0.9rem;
}
.breadcrumb a {
  color: #6a6a6a;
  font-size: 14px;
}
.breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus {
  color: #cd1e3d;
}

#cssResize {
  float: right;
}

#quicksearch {
  float: right;
}

/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Horizontal list navigation "hlist"
 * (de) Horizontale Navigationsliste "hlist"
 *
 * @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) $
 *
 * Modifizierte dvv-Version
 */
@media all {
  .ym-hlist {
    /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    width: 100%;
    overflow: hidden;
    /* (en|de) Bugfix:IE - collapsing horizontal margins */
    position: relative;
    line-height: 1em;
    /* dvv removed line */
  }

  .ym-hlist ul {
    margin: 0;
    /* dvv removed line */
    /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    /* LTR */
  }

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

  /* dvv added lines */
  .ym-hlist {
    font-size: 1.2em;
  }

  .ym-hlist.hlist2 {
    font-size: 1em;
    background-color: #f8f8f8;
  }

  /* dvv changed lines */
  .ym-hlist ul li a,
.ym-hlist ul li strong {
    background: transparent;
    color: #111;
    display: block;
    line-height: 2em;
    padding: 0 16px;
    font-weight: normal;
    text-decoration: none;
    width: auto;
  }

  .ym-hlist ul li a:focus,
.ym-hlist ul li a:hover,
.ym-hlist ul li a:active {
    text-decoration: none;
    outline: 0 none;
  }

  .ym-hlist ul li.active strong,
.ym-hlist ul li.active a:focus,
.ym-hlist ul li.active a:hover,
.ym-hlist ul li.active a:active {
    text-decoration: none;
  }
}
section#service {
  font-size: 14px;
  margin-right: -20px;
}
@media (max-width: 760px) {
  section#service {
    margin-right: 0px;
  }
}
@media (min-width: 760px) and (max-width: 960px) {
  section#service {
    margin-right: 0px;
  }
}
section#service div {
  background: #ececec;
}
@media (max-width: 760px) {
  section#service div {
    margin: 0px;
    background: none;
  }
}
@media (min-width: 760px) and (max-width: 960px) {
  section#service div {
    margin: 0px;
    background: none;
  }
}
section#service h1 {
  font-size: 16px;
}
section#service h2 {
  font-size: 14px;
}
section#service p {
  font-size: 14px;
}

/* #service + div {
  margin: 5px 5px 20px;
  line-height: 1.6rem;
  padding: 5px 30px 15px 15px;
} */
#service h2 {
  font-size: 22px;
  margin-bottom: 0px;
}

#service p {
  margin-bottom: 20px;
}

#service .mail .bez {
  display: none;
}

.novcard .vCardLink > a:after {
  content: "";
}

#service .contactDataBox .rumpf br {
  display: none !important;
}

.vlist ul.ym-vlist {
  list-style: none;
  margin: 0 0 1em 0.5em;
}

.vlist ul.ym-vlist li {
  color: #4c4c4c;
  border-bottom: 1px solid #dddddd;
  font-size: 14px;
  line-height: 1.7em;
}
.vlist ul.ym-vlist li a:link {
  color: #4c4c4c;
}
.vlist ul.ym-vlist li a:visited {
  color: #4c4c4c;
}
.vlist ul.ym-vlist li a:hover {
  font-weight: bold;
  color: #cd1e3d;
}
.vlist ul.ym-vlist li.current a.active {
  font-weight: bold;
  color: #cd1e3d;
}

.quicklinks {
  position: absolute;
  left: 0;
  height: 100%;
  color: #ffffff;
  text-align: center;
  background: rgba(21, 107, 143, 0.4);
}
@media (max-width: 760px) {
  .quicklinks {
    display: none;
  }
}
@media (min-width: 760px) and (max-width: 960px) {
  .quicklinks {
    display: none;
  }
}
.quicklink-logo {
  margin-top: 15px;
  margin-bottom: 20px;
  padding: 10px;
}

.quicklinks .icon {
  display: block;
  margin-bottom: 15px;
}

.quicklinks .icon a {
  color: #ffffff;
}
.quicklinks .icon a:hover {
  color: #000000;
}

.quicklinks .icon i {
  display: block;
}

.quicklinks .icon span {
  font-size: 14px;
  display: block;
}

@media (max-width: 760px) {
  .sidebar {
    padding: 0;
    margin: 0;
  }
}
@media (min-width: 760px) and (max-width: 960px) {
  .sidebar {
    padding: 0;
    margin: 0;
  }
}

@media (max-width: 760px) {
  section#service div {
    padding: 0px;
  }
}
@media (min-width: 760px) and (max-width: 960px) {
  section#service div {
    padding: 0px;
  }
}

@media (max-width: 760px) {
  .nav-outer {
    display: none;
  }
}
@media (min-width: 760px) and (max-width: 960px) {
  .nav-outer {
    display: none;
  }
}

.nav-outer {
  margin-top: 20px;
}

.nav-outer ul {
  list-style-type: none;
}

.nav-outer ul li {
  list-style-type: none;
  border-bottom: 1px solid #e7e6e6;
  margin-left: 0px;
}

.nav-outer ul li a {
  font-size: 18px;
  color: #000;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}

.nav-outer ul li a:hover, .nav-outer ul li a:active {
  color: #cd1e3d;
}

.nav-outer ul li.current a {
  color: #cd1e3d;
  font-weight: 400;
}

.nav-outer ul li.current ul li a {
  color: #000;
  font-weight: 300;
}

/* --- Zweite Ebene --- */
.nav-outer ul li ul {
  list-style: outside none square;
  margin-left: 6px;
}

.nav-outer ul li ul li {
  color: #cfcfcf;
  list-style: outside square;
  margin-left: 10px;
}

.nav-outer ul li ul li a {
  font-size: 16px;
}

.nav-outer ul li ul li:last-child {
  border-bottom: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.nav-outer ul li.currentParent {
  font-weight: 400;
}

.nav-outer ul li.currentParent ul a {
  font-weight: 300;
}

.nav-outer ul li.currentParent ul a.active {
  font-weight: 400;
}

.wrap {
  min-height: 100%;
  /* Equal to height of footer */
  /* But also accounting for potential margin-bottom of last child */
  margin-bottom: -50px;
}

.wrapper {
  margin: 0 auto;
  max-width: 1200px;
}

.site {
  margin-top: 109px;
}
@media screen and (max-width: 960px) {
  .site {
    margin-top: 64px;
  }
}

.site .sidebar {
  margin-top: 0;
  padding-bottom: 108px;
}
@media (max-width: 760px) {
  .site .sidebar {
    order: 2;
  }
}
@media (max-width: 760px) {
  .site .sidebar {
    padding-bottom: 50px;
  }
}

.site .content {
  margin-top: -108px;
  margin-bottom: 108px;
  box-shadow: 0 20px 35px 0 rgba(1, 1, 1, 0.1);
  background: #fff;
}
@media (max-width: 760px) {
  .site .content {
    order: 1;
  }
}
@media (min-width: 760px) and (max-width: 960px) {
  .site .content {
    order: 1;
  }
}
@media screen and (max-width: 960px) {
  .site .content {
    margin-top: 0px;
    margin-bottom: 0px;
    box-shadow: 0px;
    box-shadow: 0px 0px 0px 0px rgba(1, 1, 1, 0.1);
  }
}

.breadcrumb {
  margin-top: -100px;
  padding-bottom: 10px;
}

.site section#content {
  padding: 0 20px 20px;
  margin-top: 0;
}

.site section#content h1 {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 2.73em;
  margin-left: -28px;
  margin-right: -28px;
  margin-top: 0;
  padding: 0 20px;
}

.site section#content h1:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  height: 65px;
  width: 65px;
  display: block;
  margin-left: -20px;
  float: left;
  margin-right: 20px;
  padding-left: 19px;
}

.site .content-header h1:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  height: 65px;
  width: 65px;
  display: block;
  margin-left: -20px;
  float: left;
  margin-right: 20px;
  padding-left: 19px;
}

.knot_14306242 .site section#content h1 {
  background: #cd1e3d;
}

.knot_14306242 .site section#content h1:before {
  background: #e54b66;
  content: "";
}

.knot_14306242 .site .content-header h1:before {
  background: #e54b66;
  content: "";
}

.knot_14306251 .site section#content h1 {
  background: #407364;
}

.knot_14306251 .site section#content h1:before {
  background: #6baf9c;
  content: "";
}

.knot_14306251 .site .content-header h1:before {
  background: #6baf9c;
  content: "";
}

.knot_14306297 .site section#content h1 {
  background: #ab602e;
}

.knot_14306297 .site section#content h1:before {
  background: #e29e70;
  content: "";
}

.knot_14306297 .site .content-header h1:before {
  background: #e29e70;
  content: "";
}

.knot_14306306 .site section#content h1 {
  background: #376e8c;
}

.knot_14306306 .site section#content h1:before {
  background: #4e94ba;
  content: "";
}

.knot_14306306 .site .content-header h1:before {
  background: #4e94ba;
  content: "";
}

.knot_14306315 .site section#content h1 {
  background: #5c4b42;
}

.knot_14306315 .site section#content h1:before {
  background: #846c5f;
  content: "";
}

.knot_14306315 .site .content-header h1:before {
  background: #846c5f;
  content: "";
}

/* Startseite Untergeordnete */
.knot_14413081 .site section#content h1 {
  background: #cd1e3d;
}

.knot_14413081 .site section#content h1:before {
  background: #e54b66;
  content: "";
}

.knot_14413081 .site .content-header h1:before {
  background: #e54b66;
  content: "";
}

.knot_14413111 .site section#content h1 {
  background: #cd1e3d;
}

.knot_14413111 .site section#content h1:before {
  background: #e54b66;
  content: "";
}

.knot_14413111 .site .content-header h1:before {
  background: #e54b66;
  content: "";
}

.site section#content h1 {
  background: #cd1e3d;
}

.site section#content h1:before {
  background: #e54b66;
  content: "";
}

.site .content-header h1:before {
  background: #e54b66;
  content: "";
}

.content-header figure {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}

.content-header {
  margin-left: -0.5rem;
  overflow: hidden;
  margin-right: -0.5rem;
}

.content-header img {
  width: 100%;
}

.site .content-header h1 {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 2.73em;
  margin-top: 0;
  padding: 0 20px;
  margin-bottom: 0;
}

.knot_14306242 .site .content-header h1 {
  background: #cd1e3d;
}

.knot_14306251 .site .content-header h1 {
  background: #407364;
}

.knot_14306297 .site .content-header h1 {
  background: #ab602e;
}

.knot_14306306 .site .content-header h1 {
  background: #376e8c;
}

.knot_14306315 .site .content-header h1 {
  background: #5c4b42;
}

.site-wrapper {
  margin-top: 120px;
}

#main {
  background: #ffffff;
}

footer#contentFooter {
  float: right;
  text-align: right;
  margin-right: 23px;
}

/* TODO Sitemap */
#content > ul > li > ul > li > a {
  font-weight: bold;
}

.button {
  display: inline-block;
  background-color: #f5f5f5;
  background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
  color: #444;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  cursor: default;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  height: 27px;
  line-height: 27px;
  min-width: 54px;
  padding: 0 8px;
  text-decoration: none;
}

.button:hover {
  background-color: #F8F8F8;
  background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
  border: 1px solid #C6C6C6;
  color: #333;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

input.button {
  display: inline-block;
  background-color: #f5f5f5;
  background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
  color: #444;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  cursor: default;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  height: 37px;
  line-height: 27px;
  min-width: 100px;
  padding: 5px 18px;
  text-decoration: none;
}

input.button:hover {
  background-color: #F8F8F8;
  background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
  border: 1px solid #C6C6C6;
  color: #333;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

input.button:hover[value=Login] {
  color: #cd1e3d;
}

input.button:hover[value=Abbrechen] {
  color: red;
}

fieldset {
  border: 0;
}

form#loginForm fieldset {
  margin-top: 10px;
  margin-bottom: 20px;
}

form#loginForm fieldset {
  padding: 0em;
}

form#loginForm fieldset legend {
  font-weight: bold;
  color: #cd1e3d;
  font-size: 1.4rem;
  padding-bottom: 25px;
}

form#loginForm .ym-fbox-button {
  margin-top: 20px;
  margin-left: 2px;
  margin-bottom: 8px;
}

form#loginForm .ym-fbox-text {
  margin-bottom: 10px;
}

form#loginForm fieldset .ym-fbox-text input {
  padding-bottom: 5px;
  padding-left: 6px;
  padding-top: 5px;
  border: 1px solid #ccc;
}
form#loginForm fieldset .ym-fbox-text input#j_username:focus {
  background-color: #F1F1F1;
  border: 1px solid #acacac;
}
form#loginForm fieldset .ym-fbox-text input#j_password:focus {
  background-color: #F1F1F1;
  border: 1px solid #acacac;
}
form#loginForm fieldset .ym-fbox-text input#j_username:hover {
  border: 1px solid #cd1e3d;
}
form#loginForm fieldset .ym-fbox-text input#j_password:hover {
  border: 1px solid #cd1e3d;
}

#wrapper-login {
  max-width: 600px;
  background: #fff;
  padding-top: 15px;
  padding-left: 35px;
  padding-right: 15px;
  padding-bottom: 25px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

form#loginForm .ym-fbox-button {
  text-align: right;
  padding-right: 15px;
}

/* Allgmein */
h1.hauptueberschrift {
  display: none;
}

/* A-Z Pagination */
.anfangsbuchstabenLeiste {
  padding-top: 15px;
  line-height: 2.2rem;
}

.anfangsbuchstabenLeiste a {
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #ccc;
  background: #eee;
}

.anfangsbuchstabenLeiste a:hover {
  background: #407364;
  color: #fff;
  border: 1px solid #407364;
}

.anfangsbuchstabenLeiste span.inaktiv {
  padding: 5px;
  border: 0px solid #ccc;
}

/* Lebenslagen */
.lebenslagen .lpLLKinder {
  margin: 0px;
}

.lebenslagen .lpLLKinder ul {
  margin: 0px;
  padding-top: 15px;
}

.lebenslagen .lpLLKinder ul li {
  list-style: none;
  padding-bottom: 0px;
  padding-top: 0px;
  border: 1px solid #eee;
  display: block;
  margin-bottom: 5px;
}

.lebenslagen .lpLLKinder ul li a {
  display: block;
  padding: 10px;
}

.lebenslagen .lpLLKinder ul li a:hover {
  background: #6baf9c;
  color: #fff;
}

/*** Service-BW  Umstellung auf REST***/
#lpSeite .hauptueberschrift {
  margin-bottom: 60px;
}

#lpSeite .modul {
  display: none;
}

#lpSeite.verfahren h1.modul {
  display: none;
}

#lpSeite.verfahren #anfangsbuchstaben a[href="#anfangsbuchstabe"] {
  display: none;
}

#lpSeite.verfahren #anfangsbuchstaben {
  margin: 30px 0 0 0;
}

.knot_14306251 .site section#content #lpSeite h1::before {
  content: none;
}

.site section#content #lpSeite h1::before {
  content: none;
}

.site section#content #lpSeite h1 {
  margin-top: 30px;
  background: none;
  color: #407364;
}

/** Mitarbeiterliste**/
th.responsibilities, td.responsibilities {
  display: none;
}

/** lebenslagen ***/
.lebenslagen {
  padding-top: 30px;
}

.site section#content #lpSeite.lebenslagen h1 {
  padding-left: 30px;
}

.kachel_liste {
  background-color: #e6e6e6;
  margin-bottom: 50px;
  padding: 5px 0px;
  text-align: right;
}

.kachel_liste div {
  text-align: right;
}

.kachel_liste .boxborder {
  overflow: hidden;
}

.kachel_liste .boxborder div {
  float: right;
}

.lebenslagen ul.kinder {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style-type: none;
}

.lebenslagen ul.kinder li {
  order: 100;
  background-color: #e6e6e6 !important;
  list-style-type: none;
  flex-basis: 48%;
  margin-left: 0;
  position: relative;
  height: 140px;
  padding: 0px 0px;
  border: 1px solid #cccccc;
  margin-bottom: 20px;
}

.lebenslagen ul.kinder li a {
  line-height: 2rem;
  -webkit-hyphens: auto;
          hyphens: auto;
  display: block;
  position: absolute;
  top: 50%;
  text-align: center;
  width: 90%;
  margin: 0% 5%;
  transform: translateY(-50%);
  color: #ffffff !important;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 1.5rem;
  opacity: 0.8;
  text-shadow: 0 0 5px black;
}

.lebenslagen ul.kinder li:before {
  font-weight: bold;
  font-size: 1.1rem;
}

/*** Gruppe Arbeit und Bildung ***/
.lebenslagen ul.kinder li.Arbeitnehmer:before {
  content: "Arbeit und Bildung";
  display: block;
  position: relative;
  top: -30px;
}

.lebenslagen ul.kinder li.Arbeitnehmer {
  order: 1;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/04cbf0ff-7437-49f5-bc80-76135174f923/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Arbeit.finden {
  order: 2;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/aa4d5381-023b-4d5e-8795-4aecbed79d0f/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Berufsausbildung {
  order: 3;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/2822b747-6b9e-4b7f-bb93-8a60e4ac4df2/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.leben.und.arbeiten {
  order: 4;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/05be3f54-ab2e-4fd3-a152-0be1a197e186/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Schule {
  order: 5;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/961f59a2-1865-4813-843e-ecb9feae6ffc/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Studium {
  order: 6;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/3cd0d5fc-d7f8-4fea-8f84-59fcfb2b0233/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Weiterbildung {
  order: 7;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/4c8a753a-5291-4f30-b68b-e65ac5d9e571/stream) no-repeat center;
  background-size: cover;
  break-after: always;
  page-break-after: always;
  margin-bottom: 90px;
}

/*** Gruppe Familie und Lebensbuendnisse  ***/
.lebenslagen ul.kinder li.Adoption:before {
  content: "Familie und Lebensbündnisse";
  display: block;
  position: relative;
  top: -30px;
}

.lebenslagen ul.kinder li.Adoption {
  order: 8;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/37ced67c-36ef-4926-b770-2a954c50a9f7/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Der.Bund {
  order: 9;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/167af8b2-f4d3-41f7-8a07-d4e9b6cddd68/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Der.Bund.Auflösung {
  order: 10;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/eea29282-3a64-4fdb-ac6d-55c4f4e1f700/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Erwachsen {
  order: 11;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/af111ed6-6353-434d-ad4b-8a3818119d01/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Familie {
  order: 12;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/495e0820-21a9-4b33-ac94-5cfefdd63bf3/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Kinderbetreuung {
  order: 13;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/cd282415-eaee-4aa2-9ea5-37b2ce7dc901/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Pflegeeltern {
  order: 13;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/dca99e0e-93f2-4fc5-b7ce-f2fb05752273/stream) no-repeat center;
  background-size: cover;
  break-after: always;
  page-break-after: always;
  margin-bottom: 90px;
}

/*** Gruppe Sicherheit, Umwelt und Tiere ***/
.lebenslagen ul.kinder li.Sicherheit:before {
  content: "Sicherheit, Umwelt und Tiere";
  display: block;
  position: relative;
  top: -30px;
}

.lebenslagen ul.kinder li.Sicherheit {
  order: 13;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/006cd8db-fcc8-4207-94bc-3ec745a3f4ea/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Fischerei {
  order: 14;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/761d978b-5495-4b59-b223-3aa6b7ac8f3a/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Umwelt {
  order: 15;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/30ce9876-c67b-46b8-88c0-7854109c0261/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Naturgefahren {
  order: 16;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/8bc48756-273f-47ea-b2d6-39f7cad83f4c/stream) no-repeat center;
  background-size: cover;
  break-after: always;
  page-break-after: always;
  margin-bottom: 90px;
}

/*** Gruppe Ausweise und Scheine ***/
.lebenslagen ul.kinder li.Führerschein:before {
  content: "Ausweise und Scheine";
  display: block;
  position: relative;
  top: -30px;
}

.lebenslagen ul.kinder li.Führerschein {
  order: 17;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/5d7ecf7c-c80e-4a9b-a88a-bfc299099837/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Kinderreisepass {
  order: 18;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/65014462-1bd7-4881-a777-98ef9d10394e/stream) no-repeat center;
  background-size: cover;
  break-after: always;
  page-break-after: always;
  margin-bottom: 90px;
}

/*** Gruppe Geburt und Tod ***/
.lebenslagen ul.kinder li.Geburt:before {
  content: "Geburt und Tod";
  display: block;
  position: relative;
  top: -30px;
}

.lebenslagen ul.kinder li.Geburt {
  order: 19;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/49a3749f-708d-49cf-9e19-ae9f93dcb126/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Sterbefall {
  order: 20;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/a6ea40b5-c23d-47d1-9045-7d650fecbdd5/stream) no-repeat center;
  background-size: cover;
  break-after: always;
  page-break-after: always;
  margin-bottom: 90px;
}

/*** Gruppe Unternehmen und Selbständigkeit ***/
.lebenslagen ul.kinder li.Arbeitgeber:before {
  content: "Unternehmen und Selbständigkeit";
  display: block;
  position: relative;
  top: -30px;
}

.lebenslagen ul.kinder li.Arbeitgeber {
  order: 21;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/11bfd3d8-6eed-42ac-a9b3-515afaad72ce/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Freiberufler {
  order: 22;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/17a02ec3-6a1a-45f0-9363-004b2fb663e2/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Gewerbe {
  order: 22;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/19417e41-6707-4bac-b8a5-4f860e74de5e/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Ideentransfer {
  order: 23;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/28d6212a-7a69-4960-837f-4ebc2f8355e8/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Selbständigkeit.online {
  order: 24;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/aef1a25c-ff82-47d0-a1c5-1b3185e434be/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Unternehmen {
  order: 25;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/85b58dfe-6f68-4edb-a953-9df7baca88e3/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Unternehmen.gründen {
  order: 26;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/780bf090-ecbe-4081-8db8-cad5efb2d1cb/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Unternehmensnachfolge {
  order: 27;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/6ee45bda-b006-4104-8903-ebccaeb44072/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Vergabe {
  order: 28;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/ed2178ba-48f8-4ec2-9abb-a8f141d6b83b/stream) no-repeat center;
  background-size: cover;
  break-after: always;
  page-break-after: always;
  margin-bottom: 90px;
}

/*** Gruppe Bauen und Wohnen ***/
.lebenslagen ul.kinder li.Bauen:before {
  content: "Bauen und Wohnen";
  display: block;
  position: relative;
  top: -30px;
}

.lebenslagen ul.kinder li.Bauen {
  order: 29;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/1692cfa6-87e5-4caf-8b08-1fcdf81ae1ed/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Grundstück {
  order: 30;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/06d4560d-70d5-49a8-a9a6-e4573bdaf282/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Umzug {
  order: 31;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/4397ed97-5881-49c8-9c26-d74c853b076e/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Wohnen {
  order: 32;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/48f2fc01-3532-4ade-8c63-58904e7aabae/stream) no-repeat center;
  background-size: cover;
  break-after: always;
  page-break-after: always;
  margin-bottom: 90px;
}

/*** Gruppe Gesundheit und Soziales ***/
.lebenslagen ul.kinder li.Behinderung:before {
  content: "Gesundheit und Soziales";
  display: block;
  position: relative;
  top: -30px;
}

.lebenslagen ul.kinder li.Behinderung {
  order: 33;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/8f757732-ed12-46d5-810d-1e617395b71f/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Gesundheit {
  order: 34;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/1813e703-3a93-4b6d-8d62-0e3d6c94f39b/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Schuldner {
  order: 35;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/85d13347-54eb-4cc0-af93-37fc2913ae05/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Notlagen {
  order: 36;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/0b77b571-3fa8-41de-8c8a-efc5055805c7/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Opferschutz {
  order: 37;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/01623d48-73ad-4a0a-8282-0cf29e899513/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Stiftungen {
  order: 38;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/ea11b893-33cf-4f48-8395-182a456cfe1f/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Verbraucherschutz {
  order: 39;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/5cfb38a8-3c9a-4ec6-a0cf-0e81077a8e3f/stream) no-repeat center;
  background-size: cover;
  break-after: always;
  page-break-after: always;
  margin-bottom: 90px;
}

/*** Gruppe Zuwanderung und Integration ***/
.lebenslagen ul.kinder li.Einbürgerung:before {
  content: "Zuwanderung und Integration";
  display: block;
  position: relative;
  top: -30px;
}

.lebenslagen ul.kinder li.Einbürgerung {
  order: 40;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/54c71885-8455-4f66-82b8-28945ef04b15/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Spätaussiedler {
  order: 42;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/09db060b-3685-46cc-b5cf-0f6a675a483d/stream) no-repeat center;
  background-size: cover;
  break-after: always;
  page-break-after: always;
  margin-bottom: 90px;
}

.lebenslagen ul.kinder li.Zuwanderung {
  order: 41;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/59bc0f98-c073-4007-8c24-2b9117c36ab9/stream) no-repeat center;
  background-size: cover;
}

/*** Gruppe Bürger und Staat ***/
.lebenslagen ul.kinder li.Freiwilligendienste:before {
  content: "Bürger und Staat";
  display: block;
  position: relative;
  top: -30px;
}

.lebenslagen ul.kinder li.Freiwilligendienste {
  order: 43;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/37f19d2c-6ca4-4056-a3e7-38d99f99afbf/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Wahlen {
  order: 44;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/438baa31-1f1f-401a-9e0b-4a205735fd9e/stream) no-repeat center;
  background-size: cover;
  break-after: always;
  page-break-after: always;
  margin-bottom: 90px;
}

/*** Lebensabend ***/
.lebenslagen ul.kinder li.Altersvorsorge:before {
  content: "Lebensabend";
  display: block;
  position: relative;
  top: -30px;
}

.lebenslagen ul.kinder li.Altersvorsorge {
  order: 45;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/d7fa43ac-cf56-426f-819c-3b19b62fd88b/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Erben {
  order: 46;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/b0555fa5-b007-4f08-a3a0-58511729f997/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Vormundschaft {
  order: 47;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/58b8785c-7c68-4cf8-a2a9-0f829b671381/stream) no-repeat center;
  background-size: cover;
  break-after: always;
  page-break-after: always;
  margin-bottom: 90px;
}

/*** Mobilität und Freizeit ***/
.lebenslagen ul.kinder li.Fahrzeuge:before {
  content: "Mobilität und Freizeit";
  display: block;
  position: relative;
  top: -30px;
}

.lebenslagen ul.kinder li.Fahrzeuge {
  order: 48;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/4b99829c-0d8d-4a6e-badc-764b67cc790c/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Reisen {
  order: 49;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/5012d5f7-ed09-4a81-b5fc-9ed6c2c8df5d/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Vereine {
  order: 50;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/11ad05e1-f634-47b2-869f-c77ba41baa2f/stream) no-repeat center;
  background-size: cover;
}

.lebenslagen ul.kinder li.Verkehr {
  order: 51;
  background: url(https://sgw.service-bw.de/asset/sbw/lebenslage-context/f252b7ea-0ee9-4fd0-9a62-3fd0534cbc8d/stream) no-repeat center;
  background-size: cover;
}

/*** Listenansicht ***/
.lebenslagen ul.kinder.liste {
  display: block;
  list-style-type: square;
  margin-top: -30px;
}

.lebenslagen ul.kinder.liste li {
  list-style-type: none;
  margin-bottom: 0px;
  padding-top: 10px;
  margin-left: 0px;
  line-height: 1.5rem;
  order: 1 !important;
  height: auto;
  background: none !important;
  border: 0px;
}

.lebenslagen ul.kinder.liste li a {
  all: unset;
  cursor: pointer;
  color: #000 !important;
  font-size: 1rem;
  font-weight: normal;
}

.lebenslagen ul.kinder.liste li:before {
  all: unset;
}

.lebenslagen ul.kinder.liste li.Adoption:after {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 5px;
  line-height: 1.2rem;
  font-weight: 300;
  display: block;
  content: "Hier Test mit Teaser-Text: Grundlegende Informationen zum Thema finden Sie auf den folgenden Seiten. Ziel aller Adoptionsvermittlungen ist es, geeignete Eltern für das Kind zu finden. Das Wohl des Kindes steht immer im Vordergrund.";
}

.lebenslagen ul.kinder.liste li.Altersvorsorge:after {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
  line-height: 1.2rem;
  font-weight: 300;
  display: block;
  content: "Sie möchten sich bewusst auf den Ruhestand vorbereiten? Hier haben wir die wichtigsten Aspekte dieses neuen Lebensabschnitts für Sie zusammengestellt. Für eine persönliche Beratung über die Leistungen der gesetzlichen Rentenversicherung wenden Sie sich an eine Beratungsstelle Ihrer Rentenversicherung.";
}

/*** Lebenslage Detailseite ***/
.lebenslagen .details {
  display: flex;
  flex-direction: column;
  padding-top: 0px;
}

.lebenslagen .details img {
  display: none;
}

.lebenslagen .details .wayhome {
  display: none;
}

/* wie die anderen h1
.lebenslagen .details h1 { order: 1; color: #666565; font-family: 'Roboto', serif; font-weight: 500;margin-top:15px;margin-bottom: 5px; font-size: 1.2rem; margin-top: 0px;}
*/
.lebenslagen .details ul {
  display: block;
  list-style-type: square;
  margin-left: 20px;
  margin-bottom: 0px;
}

.lebenslagen .details ul li:before {
  content: "" !important;
}

.lebenslagen .details ul li {
  height: auto;
  background: none;
  border: none;
  list-style-type: square;
  margin-bottom: 0px;
  background: none !important;
}

.lebenslagen .details ul li a {
  all: unset;
  height: auto;
  line-height: 1rem;
  cursor: pointer;
  color: #407364 !important;
}

.lebenslagen .details ul li a:hover, .lebenslagen .details ul li a:active, .lebenslagen .details ul li a:focus {
  color: #407364 !important;
}

.lebenslagen .details img {
  order: 2;
  max-width: 100%;
  margin-bottom: 10px;
}

.lebenslagen .details .detailnavigation {
  order: 4;
}

.lebenslagen .details .preamble {
  order: 3;
}

.lebenslagen .details .section-vertiefendeInformationen {
  order: 5;
}

#content .lebenslagen .details .section-vertiefendeInformationen h2 {
  color: #666565;
  font-family: "Roboto", serif;
  font-weight: 500;
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: 1.2rem;
}

.lebenslagen .details .section-rechtsgrundlage {
  order: 6;
}

#content .lebenslagen .details .section-rechtsgrundlage h2 {
  color: #666565;
  font-family: "Roboto", serif;
  font-weight: 500;
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: 1.2rem;
}

.lebenslagen .details .section-freigabevermerk {
  order: 7;
}

#content .lebenslagen .details .section-freigabevermerk h2 {
  color: #666565;
  font-family: "Roboto", serif;
  font-weight: 500;
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: 1.2rem;
}

#content .lebenslagen .details + .leistungen {
  margin-top: 20px;
  margin-bottom: 20px;
}

#content .lebenslagen .details + .leistungen h2 {
  color: #666565;
  font-family: "Roboto", serif;
  font-weight: 500;
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: 1.2rem;
  margin-top: 0px;
}

.lebenslagen .leistungen ul li {
  height: auto;
  color: #000000;
  background: none;
  border: none;
  list-style-type: square;
}

#sbw_blank {
  width: 330px;
  overflow: hidden;
  border: 3px solid #fff;
  margin-bottom: 15px;
  max-width: 100%;
}

#sbw_blank.empty {
  width: 330px;
  overflow: hidden;
  border: 0px solid #fff;
}

#sbw_blank img {
  height: 320px;
  position: relative;
  left: -100px;
}

/*** Behördenwegweiser allgemein***/
/*Wenn bei SWB nichts eingetragen ist kommt ein Mustertext*/
.organisationseinheit.behoerde .section-oe-beschreibung {
  display: none;
}

.organisationseinheit .ui-widget.ui-widget-content {
  border: none;
}

#lpSeite .kontakt .consultationHours {
  display: none;
}

/* TODO Abstand Submenu korrigieren  */
#my-menu .flyerNav .sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

#my-menu .flyerNav {
  z-index: 4;
  text-align: center;
  margin: 0 auto;
}

#my-menu .flyerNav ul {
  padding: 10px 15px;
}

#my-menu .flyerNav ul.ebene1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

body.english_version #my-menu .flyerNav ul.ebene1 {
  justify-content: left;
  align-items: center;
}

#my-menu .flyerNav ul.ebene1 a {
  color: #6a6a6a;
}

#my-menu .flyerNav ul li.ebene1 {
  flex-basis: 25%;
  /*border-right: 1px solid #ccc;*/
  text-align: center;
  padding: 0px;
  margin: 0;
  position: relative;
  transition: background 0.3s;
}

#my-menu .flyerNav ul li.ebene1:first-child > a {
  padding: 34px 54px;
}

#my-menu .flyerNav ul li.ebene1 > a {
  padding: 34px 50px;
  text-align: left;
  display: block;
  padding-left: 55px;
}

#my-menu .flyerNav ul li.ebene1:hover {
  background: #cd1e3d;
  color: #ffffff;
}

#my-menu .flyerNav ul li.ebene1:last-child {
  border-right: 0;
}

#my-menu .flyerNav a {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.4em;
  margin-bottom: 0;
  color: #304060;
  padding: 7px;
}

#my-menu .flyerNav .ebene1 a {
  font-size: 24px;
}

#my-menu .flyerNav .ebene2 a {
  font-size: 16px;
}

#my-menu .flyerNav li.ebene1:hover a {
  color: #ffffff;
}

#my-menu .flyerNav li.ebene1.sfHover a:hover {
  color: #ffffff;
}

#my-menu .flyerNav li.ebene1.currentParent a {
  color: #ffffff;
}

#my-menu .flyerNav li.ebene1.sfHover a {
  color: #ffffff;
}

#my-menu .flyerNav li.ebene1{
  border: 8px solid #fff;
}

#my-menu .flyerNav li.ebene1.current {
  color: #ffffff;
  background: #cd1e3d;
}

#my-menu .flyerNav li.ebene1.currentParent {
  color: #ffffff;
  background: #cd1e3d;
}

#my-menu .flyerNav li.ebene1 a.active {
  color: #ffffff;
}

#my-menu .flyerNav ul.ebene2 {
  min-width: 100%;
  top: -999em;
  position: absolute;
  background: #cd1e3d;
  z-index: 300;
  padding: 0 10px;
}

#my-menu .flyerNav ul.ebene1 li.ebene1:hover ul.ebene2 {
  top: 112px;
}

#my-menu .flyerNav ul li ul li.ebene2 {
  border-right: 0;
}

#my-menu .flyerNav ul li ul li a {
  color: #ffffff !important;
  display: block;
  text-align: left;
  line-height: 1.3em;
}

#my-menu .flyerNav ul li ul li a:hover {
  color: #ccc !important;
  display: block;
  text-align: left;
  line-height: 1.3em;
}

#my-menu .flyerNav ul li.ebene1 ul li a:hover {
  color: #B4C8D7;
}

#my-menu .flyerNav ul li.ebene1.sfHover ul li a:hover {
  color: #B4C8D7;
}

#my-menu .flyerNav ul li.ebene1.sfHover a {
  color: #ffffff;
}

#my-menu .flyerNav ul li ul li a:hover {
  color: #B4C8D7;
}

/* Vereine */
ul.zmVkat {
  list-style: none;
  margin-left: 0px;
  padding-top: 20px;
}

a.zmelementlink {
  padding-left: 10px;
}

/* TODO Button für suchen */
.kacheln {
  padding-top: 40px;
  min-height: 500px;
}

.kacheln .row .col {
  background: #ccc;
  width: calc((100% - 20px * 2) / 3);
  box-sizing: border-box;
  padding: 0 0.5rem 1rem;
}

.kacheln .row .col-lg-2:last-child {
  margin-right: 0;
}

.kacheln .row {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
/*# sourceMappingURL=stylesheet.css.map */

/* Barrierefreiheitsoptimierungen */
a.internerLink, a.externerLink, a.dateiLink{
  text-decoration: underline !important;
}
.kachel-icon a{
  text-decoration: none !important;
}
.home .kachel-buergerservice a:hover{
  text-decoration: underline !important;
  color: white !important;
}
#hamburger:focus-visible{
  border: 1px solid black;
}
.mm-menu .re-logo-link:focus-visible{
  border: 1px solid black;
}
.mm-menu .mm-listview > li a:not(.mm-next){
  width: 85%;
}
#header .top-header a:focus, #my-menu .flyerNav li.ebene1.focused a, #footer .copyright a:focus{
  color: #ffffff;
}
#header .top-header a:hover, #footer .copyright a:hover{
  color: #ffffff;
  text-decoration: underline;
}
#my-menu .flyerNav ul li.ebene1.focused{
  background: #cd1e3d;
  color: #ffffff;
}
#my-menu .flyerNav ul.ebene1 li.ebene1.focused ul.ebene2{
  top: 112px;
}
.bx-wrapper .bx-controls{
  position: absolute;
  top: 100%;
  width: 100%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
  width: 100%;
  text-align: center;
}
.bx-wrapper .bx-controls .bx-controls-auto{
  position: absolute;
  margin-right: 20px;
}
.bx-wrapper .bx-controls-auto a:focus-visible, .bx-wrapper .bx-controls-direction a:focus-visible{
  outline: 1px solid black;
  outline-offset: 3px;
}
.impressionen .bx-wrapper .bx-controls{
  position: unset;
}
.impressionen .bx-wrapper .bx-controls{
  top: 50%;
}
.impressionen .bx-wrapper .bx-controls-auto{
  z-index: 1;
  top: 0;
}
.dateiArt.extra {
  font-size: 14px;
  color: #787878;
}
#service .vCardLink, .novcard .vCardLink{
  display: none;
} 
.knot_14306297 .site section#content h1:before {
  background: #cf7c45;
  content: "";
}

.knot_14306297 .site .content-header h1:before {
  background: #cf7c45;
  content: "";
}
#contentFooter ul {
  list-style: none;
  display: flex;
  margin: 0;
}
#contentFooter ul li{
  margin: 0;
}
#footer p.basecontent-sub-heading-3{
  font-size: 14px;
  margin-top: 15px;
  margin-bottom: 5px;
  font-weight: bold;
}

.ym-skiplinks .ym-skip:focus, .ym-skiplinks .ym-skip:active{
  text-align: center;
  float: left;
  width: 320px;
  padding: 20px 50px;
  background: #fff;
  border: 1px solid #cd1e3d;
  margin: 10px;
}
header .top-header .sub-navigation{
  width: inherit;
}

.contrast-switcher a.active {
  display: none;
}
.contrast-switcher i {
  padding-right: 6px;
}

body.contrast-BW .searchfield form.quicksearch input.quicksearchimg, 
body.contrast-BW #my-menu .flyerNav ul li.ebene1.focused, 
body.contrast-BW #my-menu .flyerNav ul li.ebene1:hover,
body.contrast-BW #my-menu .flyerNav ul li.ebene1.focused, 
body.contrast-BW .bx-wrapper .bx-pager.bx-custom-pager a,
body.contrast-BW .bx-wrapper .bx-controls-direction a,
body.contrast-BW .cd-top.cd-is-visible{
  background-color: black !important;
}

body.contrast-BW .searchfield form.quicksearch input.quicksearchtext::placeholder,
body.contrast-BW #my-menu .flyerNav ul.ebene1 a,
body.contrast-BW #my-menu .flyerNav ul.ebene1 a:hover,
body.contrast-BW .kachel-icon .kachel-link > div:before,
body.contrast-BW .kachel-icon:before,
body.contrast-BW .mehrInformationen:before,
.home .kachel-buergerservice a:hover{
  color: black !important;
}

body.contrast-BW #my-menu .flyerNav ul li.ebene1.focused .flexwrapper > a,
body.contrast-BW #my-menu .flyerNav ul li.ebene1:hover .flexwrapper > a,
body.contrast-BW #my-menu .flyerNav ul li.ebene1.focused .flexwrapper > a{
  color: white !important;
}

body.contrast-BW #my-menu .flyerNav ul li.ebene1:hover .flexwrapper,
body.contrast-BW #my-menu .flyerNav ul li.ebene1:hover .flexwrapper > a,
body.contrast-BW #my-menu .flyerNav ul li.ebene1.focused .flexwrapper,
body.contrast-BW #my-menu .flyerNav ul li.ebene1.focused .flexwrapper > a,
body.contrast-BW .kachel-icon p,
body.contrast-BW .kachel-icon a,
body.contrast-BW .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto,
body.contrast-BW .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
  background-color: transparent !important;
}

body.contrast-BW #my-menu .flyerNav ul.ebene2,
body.contrast-BW .kachel-icon p,
body.contrast-BW .kachel-blickpunkt,
body.contrast-BW .grid-item{
  border: 1px solid black !important;
}

body.contrast-BW #my-menu .flyerNav ul.ebene1 a:hover,
.home .kachel-buergerservice a:hover{
  text-decoration: underline;
}
body.contrast-BW footer{
  z-index: 2;
  position: relative;
}
body.contrast-BW header .main-header{
  height: 130px;
}

body.contrast-BW .kachel-icon:hover p{
  border: 3px solid black !important;
}

body.contrast-BW .bx-wrapper .bx-controls-auto .bx-controls-auto-item{
  background-color: white !important;
  padding: 1px;
}

/* div.am-mediaplayer.am-videoplayer .mejs-container .mejs-controls .mejs-captions-button .mejs-captions-selector.show{
  visibility: visible;
} */