@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  outline: none;
}

li {
  list-style-position: inside;
  list-style-type: none;
}

img {
  border: 0;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

/**
   * Render the `main` element consistently in IE.
   */
main {
  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
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  -webkit-box-sizing: content-box;
          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
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 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 */
}

/**
   * 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 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
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none;
}

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 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;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

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

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
   * 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 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline;
}

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

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          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 in Chrome and Safari on macOS.
   */
[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 Edge, IE 10+, and Firefox.
   */
details {
  display: block;
}

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

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none;
}

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

@font-face {
  font-family: 'Entypo';
  src: url("/assets/fonts/entypo_eot.eot");
  src: local("Ø"), url("/assets/fonts/entypo_woff.woff") format("woff"), url("/assets/fonts/entypo_ttf.ttf") format("truetype"), url("/assets/fonts/entypo_svg.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before,
[class*="  icon-"]:before {
  font-family: "Entypo";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-note:before {
  content: '\e800';
}

/* '' */
.icon-logo-db:before {
  content: '\e91b';
}

/* '' */
.icon-music:before {
  content: '\e802';
}

/* '' */
.icon-search:before {
  content: '\e803';
  font-size: 1.2em;
  margin-top: 0.2em;
}

/* '' */
.icon-search2:before {
  content: '\e803';
  font-size: 1.2em;
  margin-top: 0.2em;
}

/* '' */
.icon-search-big:before {
  content: '\e803';
  font-size: 1.2em;
  margin-top: 0.2em;
}

/* '' */
.icon-flashlight:before {
  content: '\e804';
}

/* '' */
.icon-mail:before {
  content: '\e805';
}

/* '' */
.icon-heart:before {
  content: '\e806';
}

/* '' */
.icon-heart-empty:before {
  content: '\e807';
}

/* '' */
.icon-star:before {
  content: '\e808';
}

/* '' */
.icon-star-empty:before {
  content: '\e809';
}

/* '' */
.icon-user:before {
  content: '\e80b';
}

/* '' */
.icon-users:before {
  content: '\e80a';
}

/* '' */
.icon-user-add:before {
  content: '\e80c';
}

/* '' */
.icon-video:before {
  content: '\e80d';
}

/* '' */
.icon-picture:before {
  content: '\e80e';
}

/* '' */
.icon-camera:before {
  content: '\e80f';
}

/* '' */
.icon-layout:before {
  content: '\e810';
}

/* '' */
.icon-menu:before {
  content: '\e811';
}

/* '' */
.icon-check:before {
  content: '\e812';
}

/* '' */
.icon-cancel:before {
  content: '\e813';
}

/* '' */
.icon-cancel-circled:before {
  content: '\e87c';
}

/* '' */
.icon-cancel-squared:before {
  content: '\e87d';
}

/* '' */
.icon-plus:before {
  content: '\e87e';
}

/* '' */
.icon-plus-circled:before {
  content: '\e87f';
}

/* '' */
.icon-plus-squared:before {
  content: '\e880';
}

/* '' */
.icon-minus:before {
  content: '\e881';
}

/* '' */
.icon-minus-circled:before {
  content: '\e882';
}

/* '' */
.icon-minus-squared:before {
  content: '\e883';
}

/* '' */
.icon-help:before {
  content: '\e884';
}

/* '' */
.icon-help-circled:before {
  content: '\e885';
}

/* '' */
.icon-info:before {
  content: '\e886';
}

/* '' */
.icon-info-circled:before {
  content: '\e887';
}

/* '' */
.icon-back:before {
  content: '\e814';
}

/* '' */
.icon-home:before {
  content: '\e815';
}

/* '' */
.icon-link:before {
  content: '\e816';
}

/* '' */
.icon-attach:before {
  content: '\e817';
}

/* '' */
.icon-lock:before {
  content: '\e818';
}

/* '' */
.icon-lock-grey:before {
  content: '\e818';
  color: #999;
  font-size: 1.5em;
}

/* '' */
.icon-lock-open:before {
  content: '\e819';
}

/* '' */
.icon-eye:before {
  content: '\e81a';
}

/* '' */
.icon-tag:before {
  content: '\e81b';
}

/* '' */
.icon-bookmark:before {
  content: '\e888';
}

/* '' */
.icon-bookmarks:before {
  content: '\e889';
}

/* '' */
.icon-flag:before {
  content: '\e88a';
}

/* '' */
.icon-thumbs-up:before {
  content: '\e88b';
}

/* '' */
.icon-thumbs-down:before {
  content: '\e88c';
}

/* '' */
.icon-download:before {
  content: '\e88d';
}

/* '' */
.icon-upload:before {
  content: '\e88e';
}

/* '' */
.icon-upload-cloud:before {
  content: '\e88f';
}

/* '' */
.icon-reply:before {
  content: '\e890';
}

/* '' */
.icon-reply-all:before {
  content: '\e891';
}

/* '' */
.icon-forward:before {
  content: '\e892';
}

/* '' */
.icon-quote:before {
  content: '\e893';
}

/* '' */
.icon-code:before {
  content: '\e81c';
}

/* '' */
.icon-export:before {
  content: '\e81d';
}

/* '' */
.icon-pencil:before {
  content: '\e81e';
}

/* '' */
.icon-feather:before {
  content: '\e81f';
}

/* '' */
.icon-print:before {
  content: '\e820';
}

/* '' */
.icon-retweet:before {
  content: '\e821';
}

/* '' */
.icon-keyboard:before {
  content: '\e822';
}

/* '' */
.icon-comment:before {
  content: '\e823';
}

/* '' */
.icon-chat:before {
  content: '\e894';
}

/* '' */
.icon-bell:before {
  content: '\e895';
}

/* '' */
.icon-attention:before {
  content: '\e896';
}

/* '' */
.icon-alert:before {
  content: '\e897';
}

/* '' */
.icon-vcard:before {
  content: '\e898';
}

/* '' */
.icon-address:before {
  content: '\e899';
}

/* '' */
.icon-location:before {
  content: '\e89a';
}

/* '' */
.icon-map:before {
  content: '\e89b';
}

/* '' */
.icon-direction:before {
  content: '\e89c';
}

/* '' */
.icon-compass:before {
  content: '\e89d';
}

/* '' */
.icon-cup:before {
  content: '\e89e';
}

/* '' */
.icon-trash:before {
  content: '\e89f';
}

/* '' */
.icon-doc:before {
  content: '\e824';
}

/* '' */
.icon-docs:before {
  content: '\e825';
}

/* '' */
.icon-doc-landscape:before {
  content: '\e826';
}

/* '' */
.icon-doc-text:before {
  content: '\e827';
}

/* '' */
.icon-doc-text-inv:before {
  content: '\e828';
}

/* '' */
.icon-newspaper:before {
  content: '\e829';
}

/* '' */
.icon-book-open:before {
  content: '\e82a';
}

/* '' */
.icon-book:before {
  content: '\e82b';
}

/* '' */
.icon-folder:before {
  content: '\e8a0';
}

/* '' */
.icon-archive:before {
  content: '\e8a1';
}

/* '' */
.icon-box:before {
  content: '\e8a2';
}

/* '' */
.icon-rss:before {
  content: '\e8a3';
}

/* '' */
.icon-phone:before {
  content: '\e8a4';
}

/* '' */
.icon-cog:before {
  content: '\e8a5';
}

/* '' */
.icon-tools:before {
  content: '\e8a6';
}

/* '' */
.icon-share:before {
  content: '\e8a7';
}

/* '' */
.icon-shareable:before {
  content: '\e8a8';
}

/* '' */
.icon-basket:before {
  content: '\e8a9';
}

/* '' */
.icon-bag:before {
  content: '\e8aa';
}

/* '' */
.icon-calendar:before {
  content: '\e8ab';
}

/* '' */
.icon-login:before {
  content: '\e82c';
}

/* '' */
.icon-logout:before {
  content: '\e82d';
}

/* '' */
.icon-mic:before {
  content: '\e82e';
}

/* '' */
.icon-mute:before {
  content: '\e82f';
}

/* '' */
.icon-sound:before {
  content: '\e830';
}

/* '' */
.icon-volume:before {
  content: '\e831';
}

/* '' */
.icon-clock:before {
  content: '\e832';
}

/* '' */
.icon-hourglass:before {
  content: '\e833';
}

/* '' */
.icon-lamp:before {
  content: '\e8ac';
}

/* '' */
.icon-light-down:before {
  content: '\e8ad';
}

/* '' */
.icon-light-up:before {
  content: '\e8ae';
}

/* '' */
.icon-adjust:before {
  content: '\e8af';
}

/* '' */
.icon-block:before {
  content: '\e8b0';
}

/* '' */
.icon-resize-full:before {
  content: '\e8b1';
}

/* '' */
.icon-resize-small:before {
  content: '\e8b2';
}

/* '' */
.icon-popup:before {
  content: '\e8b3';
}

/* '' */
.icon-publish:before {
  content: '\e8b4';
}

/* '' */
.icon-window:before {
  content: '\e8b5';
}

/* '' */
.icon-arrow-combo:before {
  content: '\e8b6';
}

/* '' */
.icon-down-circled:before {
  content: '\e8b7';
}

/* '' */
.icon-down-circled2:before {
  content: '\e8b7';
  font-size: 1.1em;
}

/* '' */
.icon-left-circled:before {
  content: '\e834';
}

/* '' */
.icon-right-circled:before {
  content: '\e835';
}

/* '' */
.icon-up-circled:before {
  content: '\e836';
}

/* '' */
.icon-down-open:before {
  content: '\e837';
}

/* '' */
.icon-left-open:before {
  content: '\e838';
}

/* '' */
.icon-right-open:before {
  content: '\e839';
}

/* '' */
.icon-up-open:before {
  content: '\e83a';
}

/* '' */
.icon-down-open-mini:before {
  content: '\e83b';
}

/* '' */
.icon-left-open-mini:before {
  content: '\e8b8';
}

/* '' */
.icon-right-open-mini:before {
  content: '\e8b9';
}

/* '' */
.icon-up-open-mini:before {
  content: '\e8ba';
}

/* '' */
.icon-down-open-big:before {
  content: '\e8bb';
}

/* '' */
.icon-left-open-big:before {
  content: '\e8bc';
}

/* '' */
.icon-right-open-big:before {
  content: '\e8bd';
}

/* '' */
.icon-up-open-big:before {
  content: '\e8be';
}

/* '' */
.icon-down:before {
  content: '\e8bf';
}

/* '' */
.icon-left:before {
  content: '\e8c0';
}

/* '' */
.icon-right:before {
  content: '\e8c1';
}

/* '' */
.icon-up:before {
  content: '\e8c2';
}

/* '' */
.icon-down-dir:before {
  content: '\e8c3';
}

/* '' */
.icon-left-dir:before {
  content: '\e83c';
}

/* '' */
.icon-right-dir:before {
  content: '\e83d';
}

/* '' */
.icon-up-dir:before {
  content: '\e83e';
}

/* '' */
.icon-down-bold:before {
  content: '\e83f';
}

/* '' */
.icon-left-bold:before {
  content: '\e840';
}

/* '' */
.icon-right-bold:before {
  content: '\e841';
}

/* '' */
.icon-up-bold:before {
  content: '\e842';
}

/* '' */
.icon-down-thin:before {
  content: '\e843';
}

/* '' */
.icon-left-thin:before {
  content: '\e8c4';
}

/* '' */
.icon-right-thin:before {
  content: '\e8c5';
}

/* '' */
.icon-note-beamed:before {
  content: '\e801';
}

/* '' */
.icon-ccw:before {
  content: '\e8c7';
}

/* '' */
.icon-cw:before {
  content: '\e8c8';
}

/* '' */
.icon-arrows-ccw:before {
  content: '\e8c9';
}

/* '' */
.icon-level-down:before {
  content: '\e8ca';
}

/* '' */
.icon-level-up:before {
  content: '\e8cb';
}

/* '' */
.icon-shuffle:before {
  content: '\e8cc';
}

/* '' */
.icon-loop:before {
  content: '\e8cd';
}

/* '' */
.icon-switch:before {
  content: '\e8ce';
}

/* '' */
.icon-play:before {
  content: '\e8cf';
}

/* '' */
.icon-stop:before {
  content: '\e844';
}

/* '' */
.icon-pause:before {
  content: '\e845';
}

/* '' */
.icon-record:before {
  content: '\e846';
}

/* '' */
.icon-to-end:before {
  content: '\e847';
}

/* '' */
.icon-to-start:before {
  content: '\e848';
}

/* '' */
.icon-fast-forward:before {
  content: '\e849';
}

/* '' */
.icon-fast-backward:before {
  content: '\e84a';
}

/* '' */
.icon-progress-0:before {
  content: '\e84b';
}

/* '' */
.icon-progress-1:before {
  content: '\e8d0';
}

/* '' */
.icon-progress-2:before {
  content: '\e8d1';
}

/* '' */
.icon-progress-3:before {
  content: '\e8d2';
}

/* '' */
.icon-target:before {
  content: '\e8d3';
}

/* '' */
.icon-palette:before {
  content: '\e8d4';
}

/* '' */
.icon-list:before {
  content: '\e8d5';
}

/* '' */
.icon-list-add:before {
  content: '\e8d6';
}

/* '' */
.icon-signal:before {
  content: '\e8d7';
}

/* '' */
.icon-trophy:before {
  content: '\e8d8';
}

/* '' */
.icon-battery:before {
  content: '\e8d9';
}

/* '' */
.icon-back-in-time:before {
  content: '\e8da';
}

/* '' */
.icon-monitor:before {
  content: '\e8db';
}

/* '' */
.icon-mobile:before {
  content: '\e84c';
}

/* '' */
.icon-network:before {
  content: '\e84d';
}

/* '' */
.icon-cd:before {
  content: '\e84e';
}

/* '' */
.icon-inbox:before {
  content: '\e84f';
}

/* '' */
.icon-install:before {
  content: '\e850';
}

/* '' */
.icon-globe:before {
  content: '\e851';
}

/* '' */
.icon-cloud:before {
  content: '\e852';
}

/* '' */
.icon-cloud-thunder:before {
  content: '\e853';
}

/* '' */
.icon-flash:before {
  content: '\e8dc';
}

/* '' */
.icon-moon:before {
  content: '\e8dd';
}

/* '' */
.icon-flight:before {
  content: '\e8de';
}

/* '' */
.icon-paper-plane:before {
  content: '\e8df';
}

/* '' */
.icon-leaf:before {
  content: '\e8e0';
}

/* '' */
.icon-lifebuoy:before {
  content: '\e8e1';
}

/* '' */
.icon-mouse:before {
  content: '\e8e2';
}

/* '' */
.icon-briefcase:before {
  content: '\e8e3';
}

/* '' */
.icon-suitcase:before {
  content: '\e8e4';
}

/* '' */
.icon-dot:before {
  content: '\e8e5';
}

/* '' */
.icon-dot-2:before {
  content: '\e8e6';
}

/* '' */
.icon-dot-3:before {
  content: '\e8e7';
}

/* '' */
.icon-brush:before {
  content: '\e854';
}

/* '' */
.icon-magnet:before {
  content: '\e855';
}

/* '' */
.icon-infinity:before {
  content: '\e856';
}

/* '' */
.icon-erase:before {
  content: '\e857';
}

/* '' */
.icon-chart-pie:before {
  content: '\e858';
}

/* '' */
.icon-chart-line:before {
  content: '\e859';
}

/* '' */
.icon-chart-bar:before {
  content: '\e85a';
}

/* '' */
.icon-chart-area:before {
  content: '\e85b';
}

/* '' */
.icon-tape:before {
  content: '\e8e8';
}

/* '' */
.icon-graduation-cap:before {
  content: '\e8e9';
}

/* '' */
.icon-language:before {
  content: '\e8ea';
}

/* '' */
.icon-ticket:before {
  content: '\e8eb';
}

/* '' */
.icon-water:before {
  content: '\e8ec';
}

/* '' */
.icon-droplet:before {
  content: '\e8ed';
}

/* '' */
.icon-air:before {
  content: '\e8ee';
}

/* '' */
.icon-credit-card:before {
  content: '\e8ef';
}

/* '' */
.icon-floppy:before {
  content: '\e8f0';
}

/* '' */
.icon-clipboard:before {
  content: '\e8f1';
}

/* '' */
.icon-megaphone:before {
  content: '\e8f2';
}

/* '' */
.icon-database:before {
  content: '\e8f3';
}

/* '' */
.icon-drive:before {
  content: '\e85c';
}

/* '' */
.icon-bucket:before {
  content: '\e85d';
}

/* '' */
.icon-thermometer:before {
  content: '\e85e';
}

/* '' */
.icon-key:before {
  content: '\e85f';
}

/* '' */
.icon-flow-cascade:before {
  content: '\e860';
}

/* '' */
.icon-flow-branch:before {
  content: '\e861';
}

/* '' */
.icon-flow-tree:before {
  content: '\e862';
}

/* '' */
.icon-flow-line:before {
  content: '\e863';
}

/* '' */
.icon-flow-parallel:before {
  content: '\e8f4';
}

/* '' */
.icon-rocket:before {
  content: '\e8f5';
}

/* '' */
.icon-gauge:before {
  content: '\e8f6';
}

/* '' */
.icon-traffic-cone:before {
  content: '\e8f7';
}

/* '' */
.icon-cc:before {
  content: '\e8f8';
}

/* '' */
.icon-cc-by:before {
  content: '\e8f9';
}

/* '' */
.icon-cc-nc:before {
  content: '\e8fa';
}

/* '' */
.icon-cc-nc-eu:before {
  content: '\e8fb';
}

/* '' */
.icon-cc-nc-jp:before {
  content: '\e8fc';
}

/* '' */
.icon-cc-sa:before {
  content: '\e8fd';
}

/* '' */
.icon-cc-nd:before {
  content: '\e8fe';
}

/* '' */
.icon-cc-pd:before {
  content: '\e8ff';
}

/* '' */
.icon-cc-zero:before {
  content: '\e864';
}

/* '' */
.icon-cc-share:before {
  content: '\e865';
}

/* '' */
.icon-cc-remix:before {
  content: '\e866';
}

/* '' */
.icon-github:before {
  content: '\e867';
}

/* '' */
.icon-github-circled:before {
  content: '\e868';
}

/* '' */
.icon-flickr:before {
  content: '\e869';
}

/* '' */
.icon-flickr-circled:before {
  content: '\e86a';
}

/* '' */
.icon-vimeo:before {
  content: '\e86b';
}

/* '' */
.icon-vimeo-circled:before {
  content: '\e900';
}

/* '' */
.icon-twitter:before {
  content: '\e901';
}

/* '' */
.icon-twitter-circled:before {
  content: '\e902';
}

/* '' */
.icon-facebook:before {
  content: '\e903';
}

/* '' */
.icon-facebook-circled:before {
  content: '\e904';
}

/* '' */
.icon-facebook-squared:before {
  content: '\e905';
}

/* '' */
.icon-gplus:before {
  content: '\e906';
}

/* '' */
.icon-gplus-circled:before {
  content: '\e907';
}

/* '' */
.icon-pinterest:before {
  content: '\e908';
}

/* '' */
.icon-pinterest-circled:before {
  content: '\e909';
}

/* '' */
.icon-tumblr:before {
  content: '\e90a';
}

/* '' */
.icon-tumblr-circled:before {
  content: '\e90b';
}

/* '' */
.icon-linkedin:before {
  content: '\e86c';
}

/* '' */
.icon-linkedin-circled:before {
  content: '\e86d';
}

/* '' */
.icon-dribbble:before {
  content: '\e86e';
}

/* '' */
.icon-dribbble-circled:before {
  content: '\e86f';
}

/* '' */
.icon-stumbleupon:before {
  content: '\e870';
}

/* '' */
.icon-stumbleupon-circled:before {
  content: '\e871';
}

/* '' */
.icon-lastfm:before {
  content: '\e872';
}

/* '' */
.icon-lastfm-circled:before {
  content: '\e873';
}

/* '' */
.icon-rdio:before {
  content: '\e90c';
}

/* '' */
.icon-rdio-circled:before {
  content: '\e90d';
}

/* '' */
.icon-spotify:before {
  content: '\e90e';
}

/* '' */
.icon-spotify-circled:before {
  content: '\e90f';
}

/* '' */
.icon-qq:before {
  content: '\e910';
}

/* '' */
.icon-instagram:before {
  content: '\e911';
}

/* '' */
.icon-dropbox:before {
  content: '\e912';
}

/* '' */
.icon-evernote:before {
  content: '\e913';
}

/* '' */
.icon-flattr:before {
  content: '\e914';
}

/* '' */
.icon-skype:before {
  content: '\e915';
}

/* '' */
.icon-skype-circled:before {
  content: '\e916';
}

/* '' */
.icon-renren:before {
  content: '\e917';
}

/* '' */
.icon-sina-weibo:before {
  content: '\e874';
}

/* '' */
.icon-paypal:before {
  content: '\e875';
}

/* '' */
.icon-picasa:before {
  content: '\e876';
}

/* '' */
.icon-soundcloud:before {
  content: '\e877';
}

/* '' */
.icon-mixi:before {
  content: '\e878';
}

/* '' */
.icon-behance:before {
  content: '\e879';
}

/* '' */
.icon-google-circles:before {
  content: '\e87a';
}

/* '' */
.icon-vkontakte:before {
  content: '\e87b';
}

/* '' */
.icon-smashing:before {
  content: '\e918';
}

/* '' */
.icon-sweden:before {
  content: '\e919';
}

/* '' */
.icon-db-shape:before {
  content: '\e91a';
}

/* '' */
.icon-up-thin:before {
  content: '\e8c6';
}

/* '' */
#PageWrapper {
  max-width: 980px;
  margin: 0 auto;
}

.container {
  max-width: 980px;
  padding: 0 20px;
}

#MainContainer {
  max-width: 980px;
  margin: 0 auto;
}

header {
  background-color: white;
}

header #HeaderControls {
  border-top: 0.313em solid #00ACEE;
  height: 8.438em;
  border-bottom: 0.063em solid #00ACEE;
  background-color: #ffffff;
  position: relative;
}

header #HeaderControls #SubNavigationContainer {
  position: relative;
  top: 0.5em;
  width: 73%;
  float: right;
}

header #HeaderControls #SubNavigationContainer #SubNavigation {
  text-align: right;
}

header #HeaderControls #SubNavigationContainer #SubNavigation ul {
  padding: 1%;
  margin: 0;
}

header #HeaderControls #SubNavigationContainer #SubNavigation li {
  display: inline;
  margin-left: 0em;
  color: #00ACEE;
}

header #HeaderControls #SubNavigationContainer #SubNavigation li + li:before {
  content: "|";
  padding: 0.25em;
  display: inline;
  color: #666666;
}

header #HeaderControls #SubNavigationContainer #SubNavigation ul li {
  list-style: square outside none;
}

header #HeaderControls #SubNavigationContainer #SubNavigation a {
  font-size: 0.8em;
}

header #MainNavigationContainer {
  height: 6.3em;
  width: 100%;
  float: left;
  position: relative;
}

header #MainNavigationContainer #Logo {
  height: 100%;
  width: 30%;
  float: left;
  position: relative;
}

header #MainNavigationContainer #Logo a {
  bottom: 0;
  position: absolute;
}

header #MainNavigationContainer #Logo img {
  height: 100px;
}

header #MainNavigationContainer #Partnerlogo {
  height: 100%;
  width: 30%;
  float: right;
  position: relative;
}

header #MainNavigationContainer #Partnerlogo a {
  bottom: 0;
  right: 10px;
  position: absolute;
}

header #MainNavigationContainer #Partnerlogo img {
  /*height: 77px;*/
	
}

/* <<< Content Aside --- */
.container {
  max-width: 690px;
  margin: 0 auto;
}

.container * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.flex-outer,
.flex-inner {
  list-style-type: none;
  padding: 0;
}

.flex-outer {
  max-width: 690px;
  margin: 0 auto;
}

.flex-outer li,
.flex-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-inner {
  padding: 0 8px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-outer > li:not(:last-child) {
  margin-bottom: 20px;
}

.flex-outer li label,
.flex-outer li p {
  font-weight: 300;
}

.flex-outer > li > label,
.flex-outer li p {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 20px;
          flex: 1 0 20px;
  max-width: 220px;
}

.flex-outer > li > label + *,
.flex-inner {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 350px;
          flex: 1 0 350px;
}

.flex-outer li p {
  margin: 0;
}

.flex-outer li input:not([type='checkbox']),
.flex-outer li textarea {
  padding: 10px;
}

.flex-outer li button {
  margin-left: auto;
  background: #333;
  color: #f2f2f2;
  text-transform: uppercase;
  letter-spacing: .09em;
  border-radius: 2px;
}

.flex-inner li {
  width: 100px;
}

.pflichtfeld {
  color: #cc0033;
}

/* --------------------------------- */
/* --- Grid ------------------------ */
/* --------------------------------- */
@font-face {
  font-family: "Droid Sans";
  font-style: normal;
  font-weight: normal;
  src: local("?"), url("/assets/fonts/DroidSans.eot?iefix") format("eot"), url("/assets/fonts/DroidSans4.woff") format("woff"), url("/assets/fonts/DroidSans3.ttf") format("truetype"), url("/assets/fonts/DroidSans2.svg#DroidSansRegular") format("svg");
}

@font-face {
  font-family: "Droid Sans";
  font-style: normal;
  font-weight: bold;
  src: local("?"), url("/assets/fonts/DroidSans-Bold.eot?iefix") format("eot"), url("/assets/fonts/DroidSans-Bold4.woff") format("woff"), url("/assets/fonts/DroidSans-Bold3.ttf") format("truetype"), url("/assets/fonts/DroidSans-Bold2.svg#DroidSansBold") format("svg");
}

* {
  font-family: 'Droid Sans', Helvetica, sans-serif;
}

a {
  text-decoration: none;
}

a:link,
a:hover,
a:visited {
  color: #00ACEE;
}

p,
.FontNormal {
  font-size: 0.875em;
  line-height: 1.5em;
  color: #666666;
}

h1,
h2,
h3,
h4,
h5 {
  color: #00ACEE;
  font-size: 0.938em;
  font-weight: normal;
}

h1 {
  font-size: 1.05em;
}

img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

ol li {
  color: #666666;
  list-style: decimal outside none;
  margin-left: 1.2em;
  font-size: 0.875em;
  line-height: 1.5em;
}

table {
  width: 100%;
}

table ul li:before {
  content: "- ";
  color: #666666;
  margin-left: -0.6em;
}

table ul li {
  list-style: none outside none;
}

table ul li > span {
  font-size: 1em;
}

th {
  color: #00ACEE;
}

.TabellenKopf {
  color: #00ACEE;
}

ul li {
  list-style: square outside none;
  margin-left: 1.2em;
  color: #00ACEE;
}

ul li span {
  color: #666666;
  font-size: 0.875em;
  line-height: 1.5em;
}

/*------Rahmen-----*/
body {
  background-color: #EFEFEF;
}

#PageWrapper {
  width: 61.25em;
  min-height: 48em;
  margin: 0 auto;
  position: relative;
}

#PageWrapper:after {
  content: " ";
  display: block;
  height: 1em;
  border-bottom: 0.313em solid #00ACEE;
}

#Wall {
  max-width: 78.125em;
  /*1250px;*/
  min-width: 61.25em;
  /*980px;*/
  overflow: hidden;
  margin: 0 auto;
}

/*----Anpassungen für basis_mini----*/
#PageWrapperMini {
  margin: 0 auto;
  position: relative;
}

#WallMini {
  overflow: hidden;
  margin: 0 auto;
  padding-top: 1em;
}

/*-----/Anpassungen für basis_mini----*/
/*----Anpassung für Ausblenden der Randspalte------*/
.hideBlueBox #SideElements {
  display: none;
}

.hideBlueBox .MainContent {
  width: 100%;
}

.hideBlueBox #FooterButtons {
  width: 100% !important;
}

/*----/Anpassung für Ausblenden der Randspalte------*/
/* --- Modal Overlay >>> */
#ModalOverlay {
  position: fixed;
  z-index: 20;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: black;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  display: none;
}

#ModalOverlay.moreOpacity {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}

#ModalOverlayContent {
  display: none;
  height: auto;
  z-index: 22;
}

#ModalOverlayBox {
  position: fixed;
  width: 61.25em;
  text-align: center;
  display: none;
  z-index: 22;
  height: auto;
}

#ModalOverlayBox img {
  max-width: 94%;
}

#ModalOverlayBox .ModalOverlayButton {
  float: right;
  padding: 0.1em;
  font-size: 2em;
  color: #00ACEE;
  border: 0.1em solid #00ACEE;
}

#ModalOverlayBox .ModalOverlayButton:hover {
  cursor: pointer;
}

.CloseModal {
  background-color: #ffffff;
  color: #00ACEE;
  cursor: pointer;
  font-weight: bold;
  /*left: 85%;*/
  padding: 0.5em;
  position: absolute;
  z-index: 22;
}

.ModalText {
  display: inline-block;
  width: 70%;
  background-color: white;
  height: 50%;
  padding: 2em 0.5em 2em 0.5em;
  color: #00ACEE;
  font-weight: normal;
  font-size: 1em;
  text-align: left;
}

/* <<< Modal Overlay --- */
/* --- NewsBilder Init Modal Overlay >>> */
.NewsHead ~ .WideTeaserContainer .BildGross,
.NewsHead ~ .TextBildContainer .BildGross,
.NewsHead ~ .AccordionBox .BildGross,
.NewsHead ~ .MixedList .BildGross {
  cursor: pointer;
}

/* <<< NewsBilder Init Modal Overlay --- */
/*------/Rahmen-----*/
/*----- mehrfach verwendete Klassen---*/
.WordWrap {
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}

.AlignLeft {
  float: left;
  margin: 0 1em 1em 0;
}

.AlignRight {
  float: right;
  margin: 0 0 1em 1em;
}

.AuszeichnungsfarbeBG {
  background-color: #FF6600 !important;
}

.Bold,
.Fett {
  font-weight: bold;
}

.DisplayBlock {
  height: auto;
}

.DisplayNone,
.FOB {
  height: 0;
  overflow: hidden;
}

.Ident {
  margin-left: 2.1em;
}

.NoBottomMargin {
  margin-bottom: 0 !important;
}

.Orange {
  color: #FF6600;
}

.txt_15 {
  font-size: 1.5em;
}

.txt_13 {
  font-size: 1.3em;
}

.status-nein {
  background-color: #ffffff;
  border: 0.05em solid #666666;
  display: block;
  height: 0.8em;
  margin: 0 auto;
  width: 0.8em;
}

.status-ja {
  background-color: #00ACEE;
  border: 0.05em solid #00ACEE;
  display: block;
  height: 0.8em;
  margin: 0 auto;
  width: 0.8em;
}

/*-----/mehrfach verwendete Klassen---*/
/*------Header-----*/
#HeadContent {
  position: relative;
}

.subpage #HeadContent {
  height: 15.75em;
}

#TopImage {
  left: -7.813em;
  position: absolute;
  top: -0.875em;
  z-index: -10;
}

/* --- Slider >>> */
#TopSlider #PlaceholderBuehne {
  display: block;
  /* REMOVE IF ALL USED IMAGES HAVE SAME HEIGHT */
  height: 25.000em;
  /*400px*/
  width: 78.125em;
  /*1250px*/
}

#TopSlider #PlaceholderBuehneKlein {
  display: none;
}

#TopSlider .SliderElement {
  position: absolute;
  top: -1.250em;
  /*20px*/
  left: -7.813em;
  width: 78.125em;
  display: none;
}

#TopSlider .SliderElement.active {
  display: block;
}

#TopSlider .Buehne {
  position: relative;
  z-index: -10;
}

#TopSlider .Buehne img {
  display: block;
  /* REMOVE IF ALL USED IMAGES HAVE SAME HEIGHT */
  height: 27.500em;
  /*440px*/
  width: 78.125em;
  /*1250px*/
}

#TopSlider .BuehneKlein {
  display: none;
  position: relative;
  z-index: -10;
}

#TopSlider .FlyingElement {
  position: absolute;
  z-index: 15;
  top: 3.5em;
  left: 13.5em;
}

#TopSlider .FlyingElement.ExpoFahne {
  width: 18.750em;
}

#TopSlider .FlyingElement.ExpoFahne img {
  width: 100%;
}

#TopSlider .FlyingElement.ExpoFahne span p {
  display: block;
  position: absolute;
  z-index: 5;
  top: 0;
  padding: 1em;
  font-size: 1.7em;
  line-height: 1.5em;
  /*color: #00ACEE;*/
}

#SliderButtonLeft,
#SliderButtonRight {
  position: absolute;
  overflow: hidden;
  top: 40%;
  z-index: 10;
  font-size: 4em;
  font-weight: bold;
  color: #00ACEE;
}

#SliderButtonLeft:hover,
#SliderButtonRight:hover {
  cursor: pointer;
}

#SliderButtonLeft {
  left: -0.25em;
}

#SliderButtonRight {
  right: -0.25em;
}

#SliderPositionIcons {
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 0.625em;
  /*10px*/
}

#SliderPositionIcons div {
  float: left;
  width: 1em;
  height: 1em;
  margin-right: 0.75em;
  background-color: #ffffff;
  -webkit-transition: background-color 0.25s;
  transition: background-color 0.25s;
}

#SliderPositionIcons div.active {
  background-color: #00ACEE;
}

#SliderPositionIcons div:hover {
  background-color: #00ACEE;
  cursor: pointer;
}

/* <<< Slider --- */
#HeaderControls {
  border-top: 0.313em solid #00ACEE;
  height: 8.438em;
  border-bottom: 0.063em solid #00ACEE;
  background-color: #ffffff;
  position: relative;
}

#Logo {
  height: 100%;
  width: 30%;
  float: left;
  position: relative;
}

#Logo > a {
  bottom: 0;
  position: absolute;
}

#Logo img {
  height: auto;
}

#Partnerlogo img {
  width: 100%;
}

.AdcuriLogo {
  display: none;
}

#MainNavigationContainer {
  height: 6.3em;
  width: 100%;
  float: left;
}

#MainNavigation {
  float: left;
  height: 100%;
  width: 70%;
}

#MainNavigation a {
  color: #00ACEE;
  display: block;
  height: 100%;
  width: 100%;
  font-size: 1.2em;
  font-weight: bold;
}

#MainNavigation > ul {
  height: 100%;
  width: 100%;
  /*padding-left: 7%;*/
}

#MainNavigation .HoverVisible + ul {
  display: block;
}

#MainNavigation ul li {
  border-left: 0.1em solid #D3D3D3;
  list-style: none;
  margin-left: 0;
}

#MainNavigation li {
  display: block;
  float: left;
  height: 80%;
  position: relative;
  text-align: center;
  top: 20%;
  width: 24%;
}

#GsaSuche {
  background-color: #00acee;
  margin-bottom: 0.5em;
}

#MainSearch {
  color: #fff;
  float: right;
  height: 5em;
  margin-top: 0.5em;
  position: relative;
  width: 95%;
}

#MainSearch > #SearchBar {
  overflow: hidden;
  position: relative;
  top: 20%;
  width: 95%;
}

#searchInputSmall {
  width: 70%;
}

#SearchBar .icon-search {
  color: #666666;
  cursor: pointer;
}

#SearchBar span {
  background-color: #fff;
  display: block;
  float: left;
  height: 1.75em;
  margin-left: 0.5%;
}

#SearchInput {
  border: 0 none;
  display: block;
  float: left;
  height: 2.1em;
  width: 80%;
}

#MainSearch > span {
  font-size: 0.938em;
  font-weight: bold;
}

#MainSearch span + span {
  font-size: 0.78em;
  font-weight: normal;
}

.NewsHead {
  font-size: 0.8em;
  color: #999999;
}

/*------Navi Layer----*/
#NaviLayer div ul li a {
  color: #00ACEE;
  font-size: 1.05em;
}

#NaviLayer div ul li + li a {
  color: #666666;
  font-size: 1em;
}

#NaviLayer ul {
  float: left;
  width: 27%;
  margin-bottom: 1em;
  margin-left: 5%;
}

#NaviLayer ul:nth-child(4) {
  clear: both;
}

.NaviWrapper {
  background-color: #ffffff;
  padding: 2em 1em;
}

.NaviWrapper ul li {
  list-style: none;
  margin-left: 0;
}

.ActiveToggle {
  background-color: #00ACEE;
  color: #ffffff !important;
  position: relative;
  z-index: 30;
}

.HoverHidden {
  display: none;
}

.NaviButtons {
  background-color: #EFEFEF;
  padding: 0.5em;
}

.NaviButtons .WeiterButton {
  background-color: #00ACEE;
  float: left;
  margin-top: 2%;
  font-weight: bold;
}

.ShowHover {
  display: block;
  position: absolute;
  top: 8em;
  width: 100%;
  z-index: 20;
}

/*-----Navi Teaser----*/
.NaviButtons a {
  display: block;
  float: left;
  position: relative;
  width: 49%;
  margin-right: 1%;
}

.NaviButtons img {
  display: block;
  z-index: 5;
}

.NaviButtons a span {
  display: block;
  padding: 0.5em;
  width: 80%;
  z-index: 10;
  position: absolute;
  top: 0;
}

.NaviButtons a span + span {
  color: #666666;
  font-size: 0.8em;
  width: 60%;
  top: 2.5em;
}

.NaviButtons a + a img {
  float: right;
}

.NaviButtons a + a {
  float: right;
  margin-right: 0;
}

.NaviButtons a + a span {
  margin-left: 5%;
}

/*-----/Navi Teaser----*/
/*------/Navi Layer----*/
/*------Navi Menu----*/
.userMenu {
  display: inline;
  position: relative;
}

.hiddenUserMenu {
  background-color: #fff;
  display: none;
  left: -3em;
  padding: 0.5em;
  position: absolute;
  text-align: left;
  width: 16em;
  z-index: 20;
  -webkit-box-shadow: 5px 5px 20px #404040;
  box-shadow: 5px 5px 20px #404040;
}

.hiddenUserMenu.hiddenMenuShow {
  /*display: block;*/
}

.userMenuUnderline {
  border-bottom: 1px solid #afafaf;
  display: block;
  padding: 0.25em 0;
}

.userMenuUser,
.userMenuIcon {
  cursor: pointer;
}

#FooterButtons .userMenuIcon {
  display: none;
}

/*------/Navi Menu----*/
/*------/Header-----*/
/*------Mobile Buttons-----*/
#MenuButton,
#MobileNavigation,
#NaviBlock,
#SearchLayer,
#SearchButton {
  display: none;
}

/*------/Mobile Buttons-----*/
/*------Content-----*/
#Breadcrumb {
  background-color: #ffffff;
  color: #666666;
  font-size: 0.75em;
  height: 2em;
  margin-bottom: 1%;
  padding: 1% 0 0 1%;
}

#Breadcrumb a {
  color: #666666;
}

#HeaderOffset {
  width: 100%;
  position: relative;
  z-index: 5;
}

/*---Anpassung für basis_mini----*/
HeaderOffsetMini {
  width: 100%;
  position: relative;
  z-index: 5;
}

/*-------------------------------*/
.MainContent {
  float: left;
  width: 44.375em;
  margin-right: 0.625em;
}

#MainContent .FullWidthImage {
  width: 100%;
  margin-bottom: 0.625em;
}

#SideElements .FullWidthImage {
  margin-bottom: 0.625em;
  clear: both;
}

.FullWidthImage img {
  width: 100%;
  display: block;
}

/* --- Whitebox >>> */
#MainContent .Whitebox {
  width: 14.375em;
  float: left;
  margin-right: 0.625em;
  margin-bottom: 0.625em;
  background-color: #ffffff;
}

#MainContent .Whitebox:nth-child(3n+0) {
  margin-right: 0;
}

#MainContent .Whitebox article {
  position: relative;
  min-height: 16.375em;
  padding: 0.625em;
}

#MainContent .Whitebox article p {
  line-height: 1.4em;
}

#MainContent .Whitebox article img {
  width: 100%;
}

#MainContent .Whitebox article .InfoButtonTeaser {
  position: absolute;
  bottom: 0.625em;
  color: #ffffff;
  padding-bottom: 0.3em;
  padding-top: 0.3em;
}

#MainContent .Whitebox h2 {
  margin-bottom: 0.3em;
  margin-top: 0.3em;
}

#MainContent .Whitebox h2 a {
  padding: 0.2em 0;
  color: #00ACEE;
}

/* <<< Whitebox --- */
/* --- Content Aside >>> */
/* --- Bluebox >>> */
/* --- Bluebox Klasse >>> */
.Bluebox {
  position: relative;
  padding: 0.750em;
  background-color: #00ACEE;
  margin-bottom: 0.625em;
}

.Bluebox * {
  color: #ffffff;
}

.Bluebox h5 {
  font-weight: bold;
  margin-bottom: 0.5em;
}

.Bluebox .CornerIcon {
  position: absolute;
  bottom: 0;
  right: 0;
}

/*---------------------------------------*/
/* --- Bluebox ID >>> */
#Bluebox {
  position: relative;
  padding: 0.750em;
  background-color: #00ACEE;
  margin-bottom: 0.625em;
}

#Bluebox * {
  color: #ffffff;
}

#Bluebox h5 {
  font-weight: bold;
  margin-bottom: 0.5em;
}

#Bluebox .PhoneNumber {
  display: block;
  text-align: center;
  font-size: 1.6em;
  margin: 0.25em 0;
}

#Bluebox time {
  display: block;
}

#Bluebox .CornerIcon,
#GsaSuche .CornerIcon,
#LinkButton .CornerIcon {
  position: absolute;
  bottom: 0;
  right: 0;
}

#Bluebox .Mail a,
#Bluebox .Phone a,
#BlueboxNewsletter .Mail a {
  background-color: #ffffff;
  color: #00ACEE;
  display: block;
  padding: 0.5em 0;
  width: 100%;
  margin-top: 0.4em;
}

#Bluebox .Suche {
  color: #666666;
  padding: 0.5em;
  width: 70%;
}

#Bluebox .SucheIcon:before {
  vertical-align: middle;
}

#Bluebox .SucheIcon {
  background-color: #ffffff;
  color: #666666;
  padding: 0.3em 0.5em 0.5em;
  margin-left: -0.1em;
  cursor: pointer;
}

.BlueBoxTabs {
  float: right;
  margin-right: -0.75em;
  margin-top: -3.1em;
  padding: 0;
  position: relative;
}

#Bluebox .BlueBoxTabs > span {
  background-color: #ffffff;
  color: #00ACEE;
  float: right;
  font-size: 2em;
  margin-left: 0.1em;
  position: relative;
  cursor: pointer;
}

#Bluebox .BlueBoxTabs .FlyoutActive,
#Bluebox .BlueBoxTabs span:hover {
  background-color: #00ACEE;
  color: #ffffff;
}

/* <<< Bluebox --- */
#SideElements {
  float: left;
  width: 16.250em;
}

#Servicelinks .Text:before {
  font-size: 2em;
  position: relative;
  top: 0.1em;
}

/* <<< Content Aside --- */
/*------/Content-----*/
/*------Footer-----*/
#Drucken {
  color: #00ACEE;
  font-size: 1.3em;
  width: 15%;
  cursor: pointer;
}

#Drucken:after {
  content: "drucken";
  font-size: 0.7em;
}

.subpage #FooterButtons,
.subpage #FooterButtonsSuche {
  width: 44.375em;
}

#FooterButtons,
#FooterButtonsSuche {
  background-color: #ffffff;
  margin: 1% 0;
}

#FooterButtons div,
#FooterButtonsSuche div {
  float: left;
}

#SubNavigationContainer {
  float: right;
  /*height: 37%;*/
  width: 85%;
}

#SubNavigation #AnmeldeLink {
  font-size: 1em;
}

#HeaderControls #SubNavigationContainer {
  position: relative;
  top: 0.5em;
  width: 73%;
}

#FooterButtonsSuche #SubNavigationContainer {
  float: left;
  height: 6%;
  width: 65%;
}

#SubNavigation {
  text-align: right;
  /*height: 100%;*/
  background-color: #ffffff;
}

#SubNavigation a {
  /*color: #666666;*/
  font-size: 0.8em;
}

#SubNavigation ul {
  padding: 1%;
}

#SubNavigation li {
  display: inline;
  margin-left: 0em;
}

#SubNavigation li + li:before {
  content: "|";
  padding: 0.25em;
  display: inline;
  color: #666666;
}

/*------/Footer-----*/
/*------Clearfix-----*/
footer:after,
main:after,
#GsaSuche:after,
#MainContainer:after,
#FooterButtons:after,
#FooterButtonsSuche:after,
#SliderPositionIcons:after,
.AnsprechpartnerContainer:after,
.AnsprechpartnerRechts:after,
.ContentVisitenkarte:after,
.DokumenteAusgabe:after,
.DropDownBoxes:after,
.TeaserContainer:after,
.Teaser3fachContainer:after,
.TransformTable td:after,
.ModalOverlayBox:after,
.NaviButtons:after,
.NaviWrapper:after,
.AnsprechpartnerLinks:after,
.NewsBlock > a:after,
.NewsFooter:after,
.NewsHead:after,
.TeaserContent:after,
.TextVideoContainer:after,
.TextBildContainer:after,
.ui-accordion-content p:after,
.VideoLink:after,
.Visitenkarte:after,
.WideTeaser:after,
.WhiteboxContainer:after {
  content: " ";
  display: table;
  clear: both;
}

/*------/Clearfix-----*/
/* --------------------------------- */
/* --- Grid Ende ------------------- */
/* --------------------------------- */
/* --------------------------------- */
/* --- Controls -------------------- */
/* --------------------------------- */
/* --- AccordionBox >>> */
.AccordionBox {
  margin-bottom: 0.625em;
  background-color: white;
}

.AccordionBox h3 {
  font-weight: bold;
  cursor: pointer;
}

.AccordionBox .Ident {
  margin-left: 2.5em;
}

.AccordionBox ul li {
  list-style: square outside none;
  margin-left: 1.2em;
  color: #00ACEE;
}

.AccordionBox .MixedList li ul li,
.MixedList .MixedList li ul li {
  list-style: square outside none;
  margin-left: 1.2em;
  color: #00ACEE;
}

.AccordionBox .MixedList li ul li span:hover {
  color: #666666;
}

.AccordionBox ul li:before {
  color: #00ACEE;
  font-size: 0.7em;
  font-weight: bold;
  vertical-align: top;
  margin-top: 0.1em;
}

.AccordionBox table ul li:before {
  color: #666666;
  font-size: 0.7em;
  font-weight: bold;
}

.AccordionBox table ul li {
  list-style: none outside none;
}

.AccordionBox .MixedList li {
  color: #666666;
  list-style: none outside none;
  padding: 0.5em 0 0;
}

.AccordionBox .MixedList li:hover,
.AccordionBox .MixedList .SimpleLink > a:hover,
.AccordionBox .MixedList li > span:hover {
  color: #00ACEE;
}

.AccordionBox .Header {
  position: relative;
  color: white;
  background-color: #00ACEE;
  line-height: 1.933em;
  padding-left: 1.333em;
  margin-bottom: 0.067em;
  padding-right: 2.2em;
}

.AccordionBox .Header:after {
  font-family: "Entypo";
  content: '\e837';
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  font-size: 2em;
  /*30px*/
  border-left: 0.033em solid white;
  padding: 0 0.2em;
}

.AccordionBox .Header.ui-accordion-header-active:after {
  content: '\e83a';
}

.AccordionBox .Content {
  padding: 0.625em;
}

.AccordionBox .Content th,
.AccordionBox .Content td,
.TextBildContainer th,
.TextBildContainer td,
.MixedList th,
.MixedList td {
  padding: 0.857em;
  background-color: #EFEFEF;
  vertical-align: top;
}

.AccordionBox .Content th,
.AccordionBox .Content .TabellenKopf {
  text-align: left;
  color: #00ACEE;
}

.ui-accordion-content ul li,
.ui-accordion-content ol li {
  padding: 0.25em 0;
}

/* <<< AccordionBox --- */
/*----------Buttons------------- */
.WeiterButton {
  height: 2em;
  padding-left: 1%;
  padding-top: 1%;
  width: 30%;
  margin-right: 1%;
}

.WeiterButton a {
  color: #ffffff;
  display: block;
  height: 100%;
  width: 100%;
}

.ButtonIcon {
  border-left: 1px solid #ffffff;
  float: right;
  font-size: 2.5em;
  position: relative;
  top: -0.25em;
}

/*--------mehr Infos Button----*/
.InfoButtonTeaser {
  background-color: #00ACEE;
  color: #ffffff;
  display: block;
  left: 20%;
  position: relative;
  text-align: center;
  width: 60%;
}

/*--------/mehr Infos Button----*/
/*-------call to action Button---*/
.ctaAngebotAnfordern {
  background-color: #FF6600;
  color: #ffffff !important;
  padding: 0.4em 2em;
  position: absolute;
  bottom: 1em;
  cursor: pointer;
}

.ctaAngebotAnfordern:hover {
  background-color: #00ACEE;
  color: #ffffff;
}

.ctaAngebotAnfordern a {
  color: #ffffff;
}

/*-------/call to action Button--*/
/*----------/Buttons------------- */
.WhiteboxLinkbutton {
  position: relative;
  display: block;
  margin-bottom: 0.625em;
  overflow: hidden;
  color: #00ACEE;
  background-color: white;
}

.WhiteboxLinkbutton .Icon {
  position: absolute;
  top: 0;
  left: -0.35em;
  font-size: 2.5em;
  line-height: 1.250em;
}

.WhiteboxLinkbutton .Text {
  display: block;
  line-height: 3.125em;
  left: -0.9em;
  position: relative;
}

/*Text im Button in rot*/
.WhiteboxLinkbutton .Text.red {
  color: #E6310D;
}

/*-------Anfang Spezialbutton----------*/
#LinkButton {
  background-color: #00ACEE;
  color: #ffffff;
  display: block;
  margin-bottom: 0.625em;
  overflow: hidden;
  position: relative;
}

a.Linkbutton {
  color: white;
  background-image: url("/media/images/icons/55x65_rechner.png");
  background-repeat: no-repeat;
  /*background-position: left top;
	background-size: 100% 100%;*/
  display: block;
  padding: 0.5em 0 0.5em 4em;
}

.Linkbutton > h5.LinkButtonHead {
  color: white;
  font-weight: bold;
}

.LinkButtonIcon {
  float: left;
  height: 100%;
  margin-right: 0.5em;
  text-align: left;
  width: 25%;
}

.LinkButtonText {
  color: white;
  height: 100%;
  margin-bottom: 0.5em;
  margin-top: 1em;
  font-size: 0.875em;
}

/*-------Ende Spezialbutton----------*/
/*-------- MixedList ----------*/
.MixedList {
  background-color: #ffffff;
  margin-bottom: 0.625em;
  padding: 0.6em;
}

.MixedList ul li:before {
  color: #00ACEE;
  font-size: 0.7em;
  font-weight: bold;
  vertical-align: top;
  margin-top: 0.1em;
}

.MixedList ul li {
  color: #666666;
  list-style: none outside none;
  padding: 0.5em 0 0;
}

/*.MixedList ul li:hover, .MixedList .SimpleLink > a:hover, .MixedList ul li > span:hover {
	    color: #00ACEE;
	}*/
.MixedList .Head > span:hover,
.MixedList .SimpleLink > a:hover {
  color: #00ACEE;
}

.MixedList ol li {
  color: #666666;
  list-style: decimal outside none;
  margin-left: 1.2em;
}

.MixedList .Head {
  font-size: 0.95em;
  font-weight: bold;
}

.MixedList .Head,
.MixedList .SimpleLink {
  border-top: 0.1em solid #EFEFEF;
  cursor: pointer;
}

.MixedList .SimpleLink > a {
  color: #666666;
  font-size: 0.9em;
  font-weight: bold;
  display: inline-block;
  position: relative;
  width: 90%;
  left: -0.2em;
  line-height: 1em;
  margin-bottom: 0.8em;
  vertical-align: top;
}

.MixedList .Head > span {
  color: #666666;
  font-size: 0.9em;
  font-weight: bold;
  display: inline-block;
  position: relative;
  width: 90%;
  left: 0.2em;
  line-height: 1em;
  vertical-align: top;
}

/*-------- /MixedList ---------*/
/*---Text Video / Text Bild Absatz----*/
.TextVideoContainer,
.TextBildContainer {
  background-color: #ffffff;
  margin-bottom: 0.625em;
  padding: 0.6em;
  position: relative;
}

.TextVideoContainer ul li,
.TextBildContainer ul li {
  padding: 0.25em 0;
}

.TextVideoContainer p,
.TextBildContainer p,
.AccordionBox p,
.MixedList p {
  padding: 1% 0;
}

.TextVideoContainer .PlayButton {
  background: url("/media/images/layout/PlayButton.png") no-repeat center center;
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0;
  margin: 0 auto;
  position: absolute;
  top: 0;
  width: 100%;
}

.TextBildKlein {
  width: 33%;
}

.TextBildMittel {
  width: 66%;
}

.TextBildGross {
  width: 100%;
}

.VideoLink,
.BildLink {
  display: block;
  position: relative;
  padding: 0 1%;
}

.ZweiBilder {
  clear: both;
  content: " ";
  display: table;
  width: 100%;
}

.ZweiBilder img {
  margin-right: 1%;
  width: 48%;
}

/*---/Text Video / Text Bild Absatz----*/
/*---GSA Suche----*/
/*#FooterButtonsSuche {
		background-color: #ffffff;
		margin: 1% 0;
		height: 1.8em;
	}*/
.SearchField1 span {
  color: #00ACEE;
  display: block;
  float: left;
  font-size: 1.2em;
  height: 2em;
  line-height: 1.5em;
  padding-right: 1em;
}

.SearchField1 .TextField {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: left;
  height: 2em;
  position: relative;
  background-color: #EFEFEF;
}

.SearchField1 input {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 2em;
  line-height: 1.5em;
  padding: 0;
  text-indent: 0.8em;
  width: 99%;
}

.SearchField1 .icon-search2 {
  color: #666666;
  cursor: pointer;
}

.TexBildContainer .Results .SearchFilter {
  border-bottom: 1px solid #00ACEE;
  border-top: 0.1em solid #00ACEE;
  margin: 0 0 0.8em;
  padding: 0.5em 0;
}

.ResultBox .Item {
  margin: 0 0 0.8em;
}

.Item.clearfix > p {
  margin: 0;
}

/*---GSA Suche----*/
/*------Teaser Reihe-----*/
.DualTeaser,
.TripleTeaser,
.OneTeaser {
  width: 100%;
  position: relative;
}

.TeaserContainer {
  margin-bottom: 0.625em;
}

.TeaserContainer p {
  line-height: 1em;
}

.TripleTeaser a {
  width: 33%;
  height: 5em;
}

.DualTeaser a {
  width: 49.5%;
}

.OneTeaser a {
  width: 100%;
}

.TripleTeaser a,
.DualTeaser a,
.OneTeaser a {
  float: left;
  color: #00ACEE;
  background-color: #ffffff;
  overflow: hidden;
  padding: 0.5em 0;
}

.TripleTeaser a + a {
  margin-left: 0.5%;
}

.DualTeaser a + a {
  margin-left: 1%;
}

/*.OneTeaser .TeaserIcon > h5 {
			font-size: 1.2em;
		}
		.OneTeaser p {
			font-size: 1em;
		}*/
.TeaserIcon:before {
  float: left;
  font-size: 4.5em;
  left: -0.3em;
  position: relative;
  width: 0.4em;
}

.TeaserIcon > h5 {
  margin-bottom: 0.3em;
}

.TeaserIcon.Orange > h5 {
  color: #FF6600;
}

/*------------Teaser in Randspalte-------*/
#Servicelinks .DualTeaser a + a,
#Servicelinks .TripleTeaser a + a {
  margin-left: 0;
}

#Servicelinks .DualTeaser a,
#Servicelinks .TripleTeaser a {
  margin-bottom: 0.5em;
  width: 100%;
}

/*------------Teaser in Randspalte-------*/
/*------Teaser Reihe-----*/
/*------Teaser 3 fach-----*/
.Teaser3fach {
  background-color: #ffffff;
  margin-bottom: 0.5em;
  margin-right: 1.2%;
  min-height: 28.125em;
  padding: 0.7em 1.5%;
  width: 29.5%;
  position: relative;
  float: left;
}

.Teaser3fachContainer .Teaser3fach + .Teaser3fach + .Teaser3fach {
  /* Margin rechts beim dritten Teaser wieder rausnehmen*/
  margin-right: 0;
}

.Teaser3fach h4 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.Teaser3fach h4 a {
  color: #00ACEE;
  /*font-size: 1.05em;*/
}

.Teaser3fach img {
  width: 100%;
}

.Teaser3fachButton {
  bottom: 0.7em;
  line-height: 2em;
  position: absolute;
  text-align: center;
  width: 90%;
  font-size: 0.875em;
}

.Teaser3fachButton span {
  background-color: #EFEFEF;
  color: #666666;
  display: block;
  margin-bottom: 0.1em;
}

.Teaser3fachButton span:hover {
  background-color: #00ACEE;
  color: #ffffff;
}

.Teaser3fachButton .ctaAngebotAnfordern {
  background-color: #FF6600;
  padding: 0;
  position: static;
}

.Teaser3fachButton .ctaAngebotAnfordern:hover {
  background-color: #00ACEE;
}

.Teaser3fachText {
  color: #666666;
  line-height: 1.2em;
  margin-bottom: 1em;
}

/*------/Teaser 3 fach-----*/
/*------WideTeaser-----*/
.WideTeaserContainer {
  background-color: #ffffff;
  margin-bottom: 0.5em;
  position: relative;
  width: 100%;
}

.WideTeaser {
  padding: 0.7em 1.2%;
}

.WideTeaser h4 {
  margin-bottom: 0.5em;
}

.WideTeaser img {
  display: block;
  float: left;
  width: 35%;
}

.WideTeaserContent {
  margin-left: 36%;
}

.WideTeaserContent a {
  color: #00ACEE;
}

.WideTeaserButton {
  bottom: 0;
  display: block;
  position: absolute;
  width: 100%;
  font-size: 0.875em;
}

/*.WideTeaserButton a {
			background-color: #EFEFEF;
			bottom: 0.7em;
			color: #666666;
			line-height: 2em;
			position: relative;
			text-align: center;
			width: 63%;
			left: 35%;
			display: block;
		}
		.WideTeaserButton a:hover {
			background-color:  #00ACEE;
			color: #ffffff;
		}*/
.WideTeaserButton span {
  background-color: #EFEFEF;
  bottom: 0.7em;
  color: #666666;
  line-height: 2em;
  position: relative;
  text-align: center;
  width: 63%;
  left: 35%;
  display: block;
  margin-bottom: 0.12em;
}

.WideTeaserButton span:hover {
  background-color: #00ACEE;
  color: #ffffff;
}

.WideTeaserButton .ctaAngebotAnfordern {
  background-color: #FF6600;
  color: #ffffff;
  padding: 0;
  position: relative;
  /*bottom: 0;*/
  display: block;
}

.WideTeaserButton .ctaAngebotAnfordern:hover {
  background-color: #00ACEE;
  color: #ffffff;
}

/*------/WideTeaser-----*/
/* --------------------------------- */
/* --- Controls Ende --------------- */
/* --------------------------------- */
/* --------------------------------- */
/* ---- Formulare Sonderfall ------- */
/* --------------------------------- */
.bodyOA .errorMessage li {
  background: none repeat scroll 0 0 #FF6600;
  color: #ffffff;
}

#MainContent .bodyOA {
  background-color: #ffffff;
  float: left;
  margin-right: 0.5em;
  width: 50.9em;
}

/* Einbindung Formulare oder OA über ui:include - Anpassung der Breite für den Bereich leftContent ------ */
#MainContent #bkvRechner .bodyOA {
  width: 100%;
}

#MainContent #bkvRechner .bodyOA .inputBox.checkbox .inputValue input[type="checkbox"] + label {
  padding-bottom: 0.1em;
}

#MainContent .bodyOA.qrCode {
  width: 100%;
}

#MainContent .mainForm {
  padding: 0;
  width: 100%;
}

/* für Anzeige News mit Bluebox -hew -04.02.2016
		#MainContent .mainForm.NewsForm {
   		 padding: 0;
   		 width: 44.375em;
		}
		*/
#MainContent .FormBox p {
  padding: 0.5em;
}

/*------------News--------------*/
.NewsHead {
  background-color: #ffffff;
  border-bottom: 0.5em solid #EFEFEF;
  color: #999999;
  font-size: 0.8em;
  padding: 0.5em;
}

.NewsHead a {
  float: right;
}

.NewsIcon {
  float: left;
  margin-right: 0.5em;
}

/*-----------/News--------------*/
/*--------Visitenkarten/Ansprechpartner------*/
.AnsprechpartnerContainer {
  display: table;
  width: 100%;
  margin-bottom: 0.625em;
}

.AnsprechpartnerContainer h2 {
  font-size: 1em;
  padding: 0em 0.8em 0.8em 0.8em;
}

.ContentVisitenkarte h4 {
  color: #666666;
  font-weight: bold;
  font-size: 1em;
}

.ContentVisitenkarte {
  color: #666666;
  font-size: 0.85em;
  margin-left: 37%;
  position: relative;
}

.KontaktVisitenkarte {
  bottom: 0;
  position: absolute;
}

/*.KontaktVisitenkarte a  {
		color: #666666;
	}
	.KontaktVisitenkarte a + a {
		color: #00ACEE;
	}*/
.AnsprechpartnerLinks,
.AnsprechpartnerRechts {
  background-color: #ffffff;
  display: table-cell;
  margin: 0;
  padding-top: 0.8em;
  width: 50%;
}

.Visitenkarten {
  padding: 0 3%;
}

.Visitenkarte {
  background-color: #EFEFEF;
  margin-bottom: 0.5em;
  padding: 0.5em 0.3em;
}

.VisitenkarteBild {
  float: left;
  margin-right: 0.5em;
  width: 33%;
}

.VisitenkarteBild > img {
  width: 100%;
}

/* Accordion style überschreiben */
.AccordionBox .AnsprechpartnerLinks {
  padding-right: 0.75em;
}

.AccordionBox .AnsprechpartnerRechts {
  padding-left: 0.75em;
}

.AccordionBox .Visitenkarten {
  padding: 0;
}

/*--------/Visitenkarten/Ansprechpartner------*/
/*----------BlueBox Makler--------------*/
#BlueboxMakler {
  background-color: #ffffff;
  margin-bottom: 0.5em;
}

#BlueboxMakler address a {
  color: #00ACEE;
}

#BlueboxMakler .Image .Name {
  bottom: 1em;
  color: #ffffff;
  font-size: 1.2em;
  left: 0.5em;
  position: absolute;
}

#BlueboxMakler .JobUndOrt,
#BlueboxMakler address {
  color: #00ACEE;
  font-size: 0.875em;
  padding: 0.8em;
  font-style: normal;
}

.JobUndOrt {
  border-bottom: 0.1em solid #EFEFEF;
  font-weight: bold;
}

.Image > figure {
  position: relative;
}

.Image img {
  width: 100%;
}

/*----------/BlueBox Makler--------------*/
/*----------Druckstücke/News Randspalte-------*/
.DokumentenContainer,
.NewsContainer {
  background-color: #ffffff;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}

.DokumentenContainer a,
.NewsContainer a {
  color: #666666;
  display: block;
  font-size: 0.8em;
  line-height: 1em;
  padding: 0.25em 0.5em 0 0;
  text-align: right;
}

.DokumentenContainer a + a,
.NewsContainer a + a {
  clear: both;
  color: #00ACEE;
  padding: 0.5em 0 0 2.75em;
  text-align: left;
}

.DokumentenContainer a + a:before,
.NewsContainer a + a:before {
  margin-left: -1.5em;
}

.DokumentenContainer > h3,
.NewsContainer > h3 {
  float: left;
  padding: 0.5em;
}

.NewsContainer h4 {
  margin-top: -1.1em;
}

/*----------Druckstücke/News Randspalte-------*/
/*-------- responsive Tabellen-----*/
.before {
  display: none;
}

.beforeText {
  font-weight: bold;
  display: block;
  /*		    margin-top: -0.875em;/*
		    position: relative;
		    /*top: 50%;*/
}

/*-------- /responsive Tabellen-----*/
/* --------------------------------- */
/* --------- Formulare Ende -------- */
/* --------------------------------- */
/*-----Ein- / Ausblenden Banner in Randspalte----*/
.AdcuriPageContent #Servicelinks .FullWidthImage,
.AdcuriPage #Servicelinks .FullWidthImage {
  display: block;
}

#Servicelinks .FullWidthImage {
  display: none;
}

.AdcuriPage .AdcuriPageContent #Servicelinks .FullWidthImage {
  display: none;
}

/*-----/Ein- / Ausblenden Banner in Randspalte----*/
/* ------------ Anwendungen in iFrame -----------*/
.embedContainer {
  height: 35em;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.embedContainer iframe {
  border: medium none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  overflow: hidden;
}

/* ------------ /Anwendungen in iFrame -----------*/
/*-------- Adcuri Färbung-------*/
.AdcuriPage #Logo img {
  display: none;
}

.AdcuriPage #Logo .AdcuriLogo {
  display: block;
}

.AdcuriPage #PageWrapper:after,
.AdcuriPage #HeaderControls {
  border-color: #E6310D;
}

.AdcuriPage #MainNavigation a,
.AdcuriPage #NaviLayer div ul li a,
.AdcuriPage .NaviButtons a:link,
.AdcuriPage .NaviButtons a:hover,
.AdcuriPage .NaviButtons a:visited,
.AdcuriPage #SliderButtonLeft,
.AdcuriPage #SliderButtonRight,
.AdcuriPage .CloseModal,
.AdcuriPage .ModalText,
.AdcuriPageContent #suggestion_form .Serif,
.AdcuriPage a:link,
.AdcuriPage a:hover,
.AdcuriPage a:visited,
.AdcuriPageContent h1,
.AdcuriPageContent h2,
.AdcuriPageContent h3,
.AdcuriPageContent h4,
.AdcuriPageContent h5,
.AdcuriPageContent .Teaser3fach h4 a,
.AdcuriPageContent #Drucken,
.AdcuriPageContent .TripleTeaser a,
.AdcuriPageContent .DualTeaser a,
.AdcuriPageContent .OneTeaser a,
.AdcuriPageContent #Bluebox .Mail a,
.AdcuriPageContent #Bluebox .Phone a,
.AdcuriPageContent #BlueboxNewsletter .Mail a,
.AdcuriPageContent #Bluebox .BlueBoxTabs > span,
.AdcuriPageContent .Bluebox .Mail a,
.AdcuriPageContent .WhiteboxLinkbutton,
.AdcuriPageContent .DokumentenContainer a,
.AdcuriPageContent .NewsContainer a,
.AdcuriPageContent .MixedList ul li:before,
.AdcuriPageContent .MixedList ul li:hover,
.AdcuriPageContent .MixedList .SimpleLink > a:hover,
.AdcuriPageContent .MixedList ul li > span:hover,
.AdcuriPageContent .WideTeaser h4 a,
.AdcuriPageContent #MainContent .Whitebox h2 a,
.AdcuriPageContent th,
.AdcuriPageContent .TabellenKopf,
.AdcuriPageContent .AccordionBox .Content th,
.AdcuriPageContent .AccordionBox .Content .TabellenKopf,
.AdcuriPageContent .AccordionBox ul li,
.AdcuriPageContent .AccordionBox ul li:before,
.AdcuriPageContent .AccordionBox .Content ul li,
.AdcuriPageContent .AccordionBox .MixedList li:hover,
.AdcuriPageContent .AccordionBox .MixedList .SimpleLink > a:hover,
.AdcuriPageContent .AccordionBox .MixedList li > span:hover,
.AdcuriPageContent .MixedList .MixedList li ul li,
.AdcuriPageContent ul li {
  color: #E6310D;
}

.AdcuriPage #NaviLayer div ul li + li a,
.AdcuriPageContent .AccordionBox .MixedList li ul li span:hover,
.AdcuriPageContent .MixedList .MixedList li ul li span:hover {
  color: #666666;
}

.AdcuriPageContent .DokumentenContainer a:nth-child(2),
.AdcuriPageContent .NewsContainer a:nth-child(2) {
  color: #666666;
}

.AdcuriPage .ActiveToggle,
.AdcuriPage #SliderPositionIcons div.active,
.AdcuriPage #SliderPositionIcons div:hover,
.AdcuriPageContent .Teaser3fachButton span:hover,
.AdcuriPageContent .Teaser3fachButton .ctaAngebotAnfordern:hover,
.AdcuriPageContent #Bluebox,
.AdcuriPageContent #LinkButton,
.AdcuriPageContent #GsaSuche,
.AdcuriPageContent #Bluebox .BlueBoxTabs .FlyoutActive,
.AdcuriPageContent #Bluebox .BlueBoxTabs span:hover,
.AdcuriPageContent .Bluebox,
.AdcuriPageContent .AccordionBox .Header,
.AdcuriPageContent .InfoButtonTeaser,
.AdcuriPageContent .WideTeaserButton span:hover,
.AdcuriPageContent .WideTeaserButton .ctaAngebotAnfordern:hover,
.AdcuriPageContent .status-ja {
  background-color: #E6310D;
}

.AdcuriPageContent #Bluebox .BlueBoxTabs .FlyoutActive,
.AdcuriPageContent #Bluebox .BlueBoxTabs span:hover,
.AdcuriPageContent .Bluebox h5 {
  color: #ffffff;
}

.AdcuriPageContent .status-ja {
  border-color: #E6310D;
}

/*-------- /Adcuri Färbung-------*/
/*--------------------------*/
/*------Anwendungen---------*/
/*--------------------------*/
/*------- News ----------*/
.AnzahlSeiten {
  float: right;
  padding-top: 0.7em;
}

.AnzahlSeiten a:link,
.AnzahlSeiten a:hover,
.AnzahlSeiten a:visited {
  color: #ffffff;
  font-weight: bold;
  padding: 0.25em;
  margin-right: 0.5em;
}

.DropDownBoxes {
  background-color: #EFEFEF;
  margin: 0.5em 0.5em 1em;
  padding: 0.5em;
  position: relative;
  top: 0.5em;
  font-size: 0.8em;
}

.DropDown {
  float: left;
}

.DropDownBoxes .DropDown .inputInfo,
.NewsFooter .inputBox .inputInfo {
  display: none;
}

.DropDown select {
  width: 14em;
}

.ListenPrefix {
  float: left;
  padding: 0.75em 1em 0.5em 0;
  color: #666666;
}

.NavSeitenButton {
  background-color: #00ACEE;
}

.NewsAusgabe {
  margin: 0 0.5em;
}

.NewsBlock {
  border-bottom: 0.1em solid #EFEFEF;
  padding: 0.5em 0;
}

.NewsBlock time {
  font-style: italic;
  color: #666;
  font-size: 0.8em;
}

.newsTeaserText {
  margin-left: 7.5em;
}

.newsKategorie {
  background-color: #EFEFEF;
  color: #666666;
  margin-right: 0.5em;
  padding: 0.125em 0.5em;
  cursor: pointer;
}

.NewsBlock > a {
  border-bottom: 0.25em solid #ffffff;
  display: block;
}

.NewsBlock .newsKategorie {
  margin-left: 9.4em;
  font-size: 0.8em;
}

.NewsBlock .newsKategorie + .newsKategorie {
  margin-left: 0;
}

.NewsFooter {
  font-size: 0.8em;
  color: #666666;
  background-color: #EFEFEF;
  margin-bottom: 0.5em;
  margin-top: 1em;
}

.NewsFooter .DropDown select {
  width: 4em;
}

.NewsFooter .Prefix {
  float: left;
  padding-top: 0.85em;
  padding-left: 0.5em;
}

.NewsForm {
  background-color: #ffffff;
}

.Thumbnail img {
  float: left;
  margin-right: 0.5em;
  width: 7em;
  margin-top: 0.3em;
}

/*------- /News ----------*/
/*--------News Mini ------*/
.KeineNews {
  font-size: 0.8em;
  margin-top: 1em;
}

.NewsContainer > .NewsMini a {
  margin-top: 1.2em;
}

.NewsMini a {
  display: block;
  padding: 0.5em 0 0 2.75em;
  text-align: left;
}

.NewsMini a:before {
  color: #00ACEE;
  margin-left: -1.5em;
}

/*-------/News Mini ------*/
/*------- Druckstücke-----*/
.DokumenteAusgabe {
  padding: 0 0.5em;
  color: #666666;
}

.DokumenteFooter {
  height: 3em;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  width: 100%;
  font-size: 0.8em;
  background-color: #EFEFEF;
}

.DokumenteFooter .AnzahlSeiten {
  padding: 0;
  position: relative;
  top: -2.15em;
}

.DokumenteFooter .DropDown {
  float: none;
  padding-top: 0.5em;
}

.DokumenteFooter .inputInfo {
  display: none !important;
}

.DokumenteFooter select {
  width: 4em;
}

.DokumenteFooter .Prefix {
  float: left;
  padding-top: 0.8em;
  padding-left: 0.5em;
}

.DokumenteForm {
  background-color: #ffffff;
}

.DokumenteForm .DropDownBoxes select {
  width: 10.5em;
}

.DokumenteForm .inputBox .inputValue select {
  padding: 0.3em 0 0.3em 0.4em;
}

.DokumenteForm .ListenPrefix {
  padding: 0.85em 0 0.5em 0;
}

.DownloadLink {
  background-color: #00ACEE;
  float: right;
  font-size: 0.8em;
  padding: 0.25em 0 0.25em 1em;
  position: relative;
  top: -3em;
  width: 8em;
}

.DownloadLink > a {
  color: #ffffff;
}

.Druckstueck {
  border-bottom: 0.1em solid #EFEFEF;
  margin-bottom: 0.5em;
}

.Druckstueck h3 {
  margin-bottom: 0.5em;
}

.DruckstueckDetails div {
  width: 15em;
  font-size: 0.8em;
}

.Groesse,
.Seitenzahl {
  margin-left: 15em;
  position: relative;
  top: -2.4em;
}

.SeitenAnzeigen {
  padding-right: 0.5em;
}

/*-------/Druckstücke-----*/
/*--------------------------*/
/*------/Anwendungen--------*/
/*--------------------------*/
@media screen and (max-width: 980px) {
  /*------Rahmen-----*/
  html {
    width: 100%;
  }
  #PageWrapper,
  #MainContent,
  #SideElements {
    width: 100%;
  }
  #Wall {
    max-width: 100%;
    /*1250px;*/
    min-width: 0;
    /*1000px;*/
    margin: 0;
  }
  /*------/Rahmen-----*/
  /*------Clearfix----*/
  #BlueboxMakler:after,
  #SliderPositionIcons:after {
    content: " ";
    display: table;
    clear: both;
  }
  /*------/Clearfix----*/
  #ModalOverlayBox {
    width: 100%;
  }
  .CloseModal {
    padding: 0.4em;
    font-size: 0.9em;
  }
  /*------Header-----*/
  #TopImage,
  #TopImage img {
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
  }
  .subpage #HeadContent {
    height: auto;
  }
  /* --- Slider >>> */
  #TopSlider #PlaceholderBuehne {
    display: none;
  }
  #TopSlider #PlaceholderBuehneKlein {
    display: block;
    width: 100%;
    margin-bottom: -1.25em;
    /*-20px*/
  }
  #TopSlider .SliderElement {
    top: 0;
    left: 0;
    width: 100%;
  }
  #TopSlider .Buehne {
    display: none;
  }
  #TopSlider .BuehneKlein {
    display: block;
  }
  #TopSlider .BuehneKlein img {
    height: auto;
    display: block;
    width: 100%;
  }
  #TopSlider .FlyingElement {
    top: 6%;
    left: 12%;
  }
  #TopSlider .FlyingElement.ExpoFahne {
    width: 29.08%;
  }
  #TopSlider .FlyingElement.ExpoFahne span p {
    font-size: 1.5em;
    line-height: 1.4em;
  }
}

@media only screen and (max-width: 980px) and (max-width: 53.75em) {
  #TopSlider .FlyingElement.ExpoFahne span p {
    font-size: 1.3em;
  }
}

@media screen and (max-width: 980px) {
  #SliderButtonLeft,
  #SliderButtonRight {
    top: 40%;
  }
  #SliderButtonLeft {
    left: 0;
  }
  #SliderButtonRight {
    right: 0;
  }
  #SliderPositionIcons {
    left: 3%;
    bottom: 1.875em;
  }
  #SliderPositionIcons div {
    float: left;
    width: 1em;
    height: 1em;
    background-color: white;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s;
  }
  #SliderPositionIcons div.active {
    background-color: #00ACEE;
  }
  #SliderPositionIcons div:hover {
    background-color: #00ACEE;
    cursor: pointer;
  }
  /* <<< Slider --- */
  /*------Navi Layer----*/
  .ShowHover {
    top: 8em;
  }
  /*------/Navi Layer----*/
  /*------/Header-----*/
  #HeaderOffset {
    width: 94%;
    margin: 0 auto;
  }
  .subpage #HeaderOffset {
    margin: -1.25em auto 0;
  }
  #LinkButton {
    margin-top: 0.5em;
  }
  .Bluebox {
    margin-top: 0.5em;
    background-color: #efefef;
    padding: 0;
  }
  #Bluebox {
    margin-top: 0.5em;
    background-color: #efefef;
    padding: 0;
  }
  #Bluebox .CornerIcon {
    display: none;
  }
  .TabContent div {
    background-color: #00acee;
    height: auto;
    margin-bottom: 0.5em;
    padding: 0.25em;
  }
  .BlueBoxTabs {
    display: none;
  }
  /* ------ Footer ----- */
  .subpage #FooterButtons {
    width: 100%;
  }
  /* ------ /Footer ----- */
  .Bluebox {
    background-color: #efefef !important;
    margin-bottom: 0;
  }
  #Bluebox {
    background-color: #efefef !important;
    margin-bottom: 0;
  }
  /*--------BlueboxMakler------*/
  #BlueboxMakler {
    background-color: #ffffff;
    margin-bottom: 0.5em;
  }
  #BlueboxMakler .Image {
    float: left;
    margin-right: 0.5em;
    width: 40%;
  }
  /*--------/BlueboxMakler------*/
  /*----------GSA---------------*/
  #GsaSuche {
    width: 66.25%;
    clear: both;
  }
  #SearchBar span {
    margin-left: 0.1em;
    width: 2em;
  }
  /*----------/GSA---------------*/
  /* --------------------------------- */
  /* ---- Formulare Sonderfall ------- */
  /* --------------------------------- */
  #MainContent .bodyOA {
    width: 100%;
  }
  #MainContent #bkvRechner .bodyOA {
    width: 100%;
  }
  /* --------------------------------- */
  /* --------- Formulare Ende -------- */
  /* --------------------------------- */
  /* -------------Adcuri einfärben-----*/
  .AdcuriPageContent .TabContent div {
    background-color: #E6310D;
  }
  /* -------------/Adcuri einfärben-----*/
}

#FooterButtons,
.subpage #FooterButtonsSuche {
  width: 44.375em;
}

@media screen and (max-width: 600px) {
  #Logo img {
    width: 200px;
    height: 57px !important;
  }
  #Partnerlogo img {
    width: 154px;
    height: 57px !important;
  }
}

body {
  background-color: #EFEFEF;
  font-family: 'Droid Sans', Helvetica, sans-serif;
}

body a:link,
body a:hover,
body a:visited {
  color: #00ACEE;
  text-decoration: none;
}
/*# sourceMappingURL=app.css.map */