@charset "UTF-8";
/* START variables --------------------------------------------------------- */
/**
 * @license
 * MyFonts Webfont Build ID 3327944, 2017-01-06T04:28:11-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: NHaasGroteskTXPro-55Rg by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/neue-haas-grotesk/pro-text-55-roman/
 * 
 * Webfont: NHaasGroteskTXPro-65Md by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/neue-haas-grotesk/pro-text-65-medium/
 * 
 * Webfont: NHaasGroteskTXPro-75Bd by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/neue-haas-grotesk/pro-text-75-bold/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3327944
 * Licensed pageviews: 250,000
 * Webfonts copyright: Copyright © 2013 Monotype Imaging Inc. All rights reserved.
 * 
 *  2017 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/32c7c8");
@import url("//hello.myfonts.net/count/32c7c8");
@font-face {
  font-family: 'NHaasGroteskTXPro-55Rg';
  src: url("/Content/swissbau/CSS/fontface/32C7C8_0_0.eot");
  src: url("/Content/swissbau/CSS/fontface/32C7C8_0_0.eot?#iefix") format("embedded-opentype"), url("/Content/swissbau/CSS/fontface/32C7C8_0_0.woff2") format("woff2"), url("/Content/swissbau/CSS/fontface/32C7C8_0_0.woff") format("woff"), url("/Content/swissbau/CSS/fontface/32C7C8_0_0.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NHaasGroteskTXPro-65Md';
  src: url("/Content/swissbau/CSS/fontface/32C7C8_1_0.eot");
  src: url("/Content/swissbau/CSS/fontface/32C7C8_1_0.eot?#iefix") format("embedded-opentype"), url("/Content/swissbau/CSS/fontface/32C7C8_1_0.woff2") format("woff2"), url("/Content/swissbau/CSS/fontface/32C7C8_1_0.woff") format("woff"), url("/Content/swissbau/CSS/fontface/32C7C8_1_0.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NHaasGroteskTXPro-75Bd';
  src: url("/Content/swissbau/CSS/fontface/32C7C8_2_0.eot");
  src: url("/Content/swissbau/CSS/fontface/32C7C8_2_0.eot?#iefix") format("embedded-opentype"), url("/Content/swissbau/CSS/fontface/32C7C8_2_0.woff2") format("woff2"), url("/Content/swissbau/CSS/fontface/32C7C8_2_0.woff") format("woff"), url("/Content/swissbau/CSS/fontface/32C7C8_2_0.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/*only screen and  could be removed => print would use this */
/* END variables ----------------------------------------------------------- */
/* START h5bp_main --------------------------------------------------------- */
/* Name: HTML5 Boilerplate CSS */
/* Usage: Default */
/* Last edited: 03.12.2014 PR */
/*only screen and  could be removed => print would use this */
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #484848;
}

html {
  font-size: 1em;
  line-height: 1.5;
  background: none;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #d5d5d5;
  text-shadow: none;
}

::selection {
  background: #d5d5d5;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #8e8e8e;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    color: #946da8 !important;
    font-weight: normal !important;
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after,
  header .logo a:after,
  footer li.copyright a:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

/* END h5bp_main ----------------------------------------------------------- */
/* START h5bp_normalize ---------------------------------------------------- */
/* Name: HTML5 Normalize CSS */
/* Usage: Default */
/* Last edited: 28.08.2015 MB */
/*only screen and  could be removed => print would use this */
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

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

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

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

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-family: "NHaasGroteskTXPro-75Bd", Helvetica, Arial, sans-serif;
  font-size: 2.308em;
  font-weight: normal;
  margin: 0.8em 0;
  color: #484848;
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  h1 {
    font-size: 2.308em;
    margin: 0.8em 0;
  }
}

@media only screen and (max-width: 699px) {
  h1 {
    font-size: 2.308em;
    margin: 0.8em 0;
  }
}

h2 {
  font-family: "NHaasGroteskTXPro-75Bd", Helvetica, Arial, sans-serif;
  font-size: 1.692em;
  font-weight: normal;
  margin: 0.7em 0;
  color: #484848;
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  h2 {
    font-size: 1.692em;
    margin: 0.83em 0;
  }
}

@media only screen and (max-width: 699px) {
  h2 {
    font-size: 1.692em;
    margin: 0.7em 0;
  }
}

h3 {
  font-family: "NHaasGroteskTXPro-75Bd", Helvetica, Arial, sans-serif;
  font-size: 1.308em;
  font-weight: normal;
  margin: 0.6em 0;
  color: #484848;
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  h3 {
    font-size: 1.308em;
    margin: 0.6em 0;
  }
}

@media only screen and (max-width: 699px) {
  h3 {
    font-size: 1.308em;
    margin: 0.6em 0;
  }
}

h4 {
  font-family: "NHaasGroteskTXPro-75Bd", Helvetica, Arial, sans-serif;
  font-size: 1.308em;
  font-weight: normal;
  margin: 0.6em 0;
  color: #484848;
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  h4 {
    font-size: 1.308em;
    margin: 0.6em 0;
  }
}

@media only screen and (max-width: 699px) {
  h4 {
    font-size: 1.308em;
    margin: 0.6em 0;
  }
}

h5 {
  font-family: "NHaasGroteskTXPro-55Rg", Helvetica, Arial, sans-serif;
  font-size: 1.308em;
  font-weight: normal;
  margin: 0.6em 0;
  color: #484848;
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  h5 {
    font-size: 1.308em;
    margin: 0.6em 0;
  }
}

@media only screen and (max-width: 699px) {
  h5 {
    font-size: 1.308em;
    margin: 0.6em 0;
  }
}

h6 {
  font-family: "NHaasGroteskTXPro-55Rg", Helvetica, Arial, sans-serif;
  font-size: 1.308em;
  font-weight: normal;
  margin: 0.6em 0;
  color: #484848;
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  h6 {
    font-size: 1.308em;
    margin: 0.6em 0;
  }
}

@media only screen and (max-width: 699px) {
  h6 {
    font-size: 1.308em;
    margin: 0.6em 0;
  }
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

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

blockquote {
  margin: 1em 40px;
}

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

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

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

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

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

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

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

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

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

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

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

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

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

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

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

/* END h5bp_normalize ------------------------------------------------------ */
/* START font-awesome/font-awesome ----------------------------------------- */
/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("/Sites/CSS/font-awesome-463/fonts/fontawesome-webfont.eot?v=4.6.3");
  src: url("/Sites/CSS/font-awesome-463/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("/Sites/CSS/font-awesome-463/fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("/Sites/CSS/font-awesome-463/fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("/Sites/CSS/font-awesome-463/fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("/Sites/CSS/font-awesome-463/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

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

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

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

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

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

.fa-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.8571428571em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}

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

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

.fa.fa-pull-left {
  margin-right: .3em;
}

.fa.fa-pull-right {
  margin-left: .3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: .3em;
}

.fa.pull-right {
  margin-left: .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(359deg);
  }
}

.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);
}

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

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

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

.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-glass:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-envelope-o:before {
  content: "";
}

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

.fa-star:before {
  content: "";
}

.fa-star-o:before {
  content: "";
}

.fa-user:before {
  content: "";
}

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

.fa-th-large:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

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

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

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

.fa-trash-o:before {
  content: "";
}

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

.fa-file-o:before {
  content: "";
}

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

.fa-road:before {
  content: "";
}

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

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

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

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

.fa-play-circle-o:before {
  content: "";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "";
}

.fa-refresh:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

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

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

.fa-volume-off:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

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

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

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

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

.fa-print:before {
  content: "";
}

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

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

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

.fa-italic:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

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

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

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

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

.fa-list:before {
  content: "";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "";
}

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

.fa-video-camera:before {
  content: "";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "";
}

.fa-pencil:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

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

.fa-tint:before {
  content: "";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "";
}

.fa-share-square-o:before {
  content: "";
}

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

.fa-arrows:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

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

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

.fa-play:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

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

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

.fa-step-forward:before {
  content: "";
}

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

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

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

.fa-plus-circle:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

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

.fa-question-circle:before {
  content: "";
}

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

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

.fa-times-circle-o:before {
  content: "";
}

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

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

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

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

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

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

.fa-mail-forward:before,
.fa-share:before {
  content: "";
}

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

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

.fa-plus:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

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

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

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

.fa-leaf:before {
  content: "";
}

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

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

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

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

.fa-plane:before {
  content: "";
}

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

.fa-random:before {
  content: "";
}

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

.fa-magnet:before {
  content: "";
}

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

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

.fa-retweet:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

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

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

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

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

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

.fa-twitter-square:before {
  content: "";
}

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

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

.fa-key:before {
  content: "";
}

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

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

.fa-thumbs-o-up:before {
  content: "";
}

.fa-thumbs-o-down:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-heart-o:before {
  content: "";
}

.fa-sign-out:before {
  content: "";
}

.fa-linkedin-square:before {
  content: "";
}

.fa-thumb-tack:before {
  content: "";
}

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

.fa-sign-in:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

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

.fa-upload:before {
  content: "";
}

.fa-lemon-o:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-square-o:before {
  content: "";
}

.fa-bookmark-o:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

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

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

.fa-unlock:before {
  content: "";
}

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

.fa-feed:before,
.fa-rss:before {
  content: "";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-wrench:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

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

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

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

.fa-group:before,
.fa-users:before {
  content: "";
}

.fa-chain:before,
.fa-link:before {
  content: "";
}

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

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

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

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

.fa-paperclip:before {
  content: "";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "";
}

.fa-square:before {
  content: "";
}

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

.fa-list-ul:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

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

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

.fa-money:before {
  content: "";
}

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

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

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

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

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

.fa-unsorted:before,
.fa-sort:before {
  content: "";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "";
}

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

.fa-linkedin:before {
  content: "";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "";
}

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

.fa-dashboard:before,
.fa-tachometer:before {
  content: "";
}

.fa-comment-o:before {
  content: "";
}

.fa-comments-o:before {
  content: "";
}

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

.fa-sitemap:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "";
}

.fa-lightbulb-o:before {
  content: "";
}

.fa-exchange:before {
  content: "";
}

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

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

.fa-user-md:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-bell-o:before {
  content: "";
}

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

.fa-cutlery:before {
  content: "";
}

.fa-file-text-o:before {
  content: "";
}

.fa-building-o:before {
  content: "";
}

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

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

.fa-medkit:before {
  content: "";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-laptop:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "";
}

.fa-circle-o:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

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

.fa-mail-reply:before,
.fa-reply:before {
  content: "";
}

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

.fa-folder-o:before {
  content: "";
}

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

.fa-smile-o:before {
  content: "";
}

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

.fa-meh-o:before {
  content: "";
}

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

.fa-keyboard-o:before {
  content: "";
}

.fa-flag-o:before {
  content: "";
}

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

.fa-terminal:before {
  content: "";
}

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

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

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

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

.fa-unlink:before,
.fa-chain-broken:before {
  content: "";
}

.fa-question:before {
  content: "";
}

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

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

.fa-superscript:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

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

.fa-puzzle-piece:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-shield:before {
  content: "";
}

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

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

.fa-rocket:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

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

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

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

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

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

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

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

.fa-unlock-alt:before {
  content: "";
}

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

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

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

.fa-rss-square:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-ticket:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-minus-square-o:before {
  content: "";
}

.fa-level-up:before {
  content: "";
}

.fa-level-down:before {
  content: "";
}

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

.fa-pencil-square:before {
  content: "";
}

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

.fa-share-square:before {
  content: "";
}

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

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

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

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

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

.fa-gbp:before {
  content: "";
}

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

.fa-rupee:before,
.fa-inr:before {
  content: "";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "";
}

.fa-won:before,
.fa-krw:before {
  content: "";
}

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

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

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

.fa-sort-alpha-asc:before {
  content: "";
}

.fa-sort-alpha-desc:before {
  content: "";
}

.fa-sort-amount-asc:before {
  content: "";
}

.fa-sort-amount-desc:before {
  content: "";
}

.fa-sort-numeric-asc:before {
  content: "";
}

.fa-sort-numeric-desc:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-youtube-play:before {
  content: "";
}

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

.fa-stack-overflow:before {
  content: "";
}

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

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

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

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

.fa-bitbucket-square:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

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

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

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

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

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

.fa-windows:before {
  content: "";
}

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

.fa-linux:before {
  content: "";
}

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

.fa-skype:before {
  content: "";
}

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

.fa-trello:before {
  content: "";
}

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

.fa-male:before {
  content: "";
}

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

.fa-sun-o:before {
  content: "";
}

.fa-moon-o:before {
  content: "";
}

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

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

.fa-vk:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

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

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

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

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

.fa-wheelchair:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "";
}

.fa-plus-square-o:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

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

.fa-wordpress:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "";
}

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

.fa-yahoo:before {
  content: "";
}

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

.fa-reddit:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

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

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

.fa-pied-piper-pp:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

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

.fa-joomla:before {
  content: "";
}

.fa-language:before {
  content: "";
}

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

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

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

.fa-paw:before {
  content: "";
}

.fa-spoon:before {
  content: "";
}

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

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

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

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

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

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

.fa-cab:before,
.fa-taxi:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

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

.fa-soundcloud:before {
  content: "";
}

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

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

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

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

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

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "";
}

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

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

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

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

.fa-vine:before {
  content: "";
}

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

.fa-jsfiddle:before {
  content: "";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "";
}

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

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "";
}

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

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

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

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "";
}

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

.fa-circle-thin:before {
  content: "";
}

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

.fa-paragraph:before {
  content: "";
}

.fa-sliders:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

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

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

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

.fa-plug:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-newspaper-o:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

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

.fa-paypal:before {
  content: "";
}

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

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

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

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

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

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

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

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

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

.fa-trash:before {
  content: "";
}

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

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

.fa-eyedropper:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

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

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

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

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

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

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

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

.fa-ioxhost:before {
  content: "";
}

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

.fa-cc:before {
  content: "";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "";
}

.fa-meanpath:before {
  content: "";
}

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

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

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

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

.fa-leanpub:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

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

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

.fa-diamond:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

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

.fa-venus:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

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

.fa-facebook-official:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

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

.fa-viacoin:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

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

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

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

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

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

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

.fa-mouse-pointer:before {
  content: "";
}

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

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-sticky-note-o:before {
  content: "";
}

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

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

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

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

.fa-hourglass-o:before {
  content: "";
}

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

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

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

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

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

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

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

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

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

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

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

.fa-trademark:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

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

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

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

.fa-tripadvisor:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

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

.fa-wikipedia-w:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

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

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

.fa-opera:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-tv:before,
.fa-television:before {
  content: "";
}

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

.fa-500px:before {
  content: "";
}

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

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

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

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

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

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

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-map-o:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-commenting:before {
  content: "";
}

.fa-commenting-o:before {
  content: "";
}

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

.fa-vimeo:before {
  content: "";
}

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

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

.fa-reddit-alien:before {
  content: "";
}

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

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

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

.fa-modx:before {
  content: "";
}

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

.fa-usb:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-pause-circle-o:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stop-circle-o:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

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

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

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

.fa-percent:before {
  content: "";
}

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

.fa-wpbeginner:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

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

.fa-universal-access:before {
  content: "";
}

.fa-wheelchair-alt:before {
  content: "";
}

.fa-question-circle-o:before {
  content: "";
}

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

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

.fa-volume-control-phone:before {
  content: "";
}

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

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

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

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "";
}

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

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

.fa-signing:before,
.fa-sign-language:before {
  content: "";
}

.fa-low-vision:before {
  content: "";
}

.fa-viadeo:before {
  content: "";
}

.fa-viadeo-square:before {
  content: "";
}

.fa-snapchat:before {
  content: "";
}

.fa-snapchat-ghost:before {
  content: "";
}

.fa-snapchat-square:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

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

.fa-yoast:before {
  content: "";
}

.fa-themeisle:before {
  content: "";
}

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

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

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/* END font-awesome/font-awesome ------------------------------------------- */
/* START mixins ------------------------------------------------------------ */
/* Name: Mixins CSS */
/* Usage: Default */
/* Last edited: 03.12.2014 PR */
/* Mixins */
/* Functions */
/* END mixins -------------------------------------------------------------- */
/* START global ------------------------------------------------------------ */
/* Name: Global CSS */
/* Usage: Default */
/* Last edited: 28.07.2015 PR */
/*only screen and  could be removed => print would use this */
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

@media only screen and (min-width: 1920px) {
  html {
    font-size: 81.2%;
  }
}

@media only screen and (min-width: 1140px) and (max-width: 1919px) {
  html {
    font-size: 81.2%;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  html {
    font-size: 81.2%;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  html {
    font-size: 81.2%;
  }
}

@media only screen and (max-width: 699px) {
  html {
    font-size: 81.2%;
  }
}

img {
  width: 100%;
  height: auto;
}

img.constrain {
  width: auto;
  max-width: 100%;
}

body {
  font-family: "NHaasGroteskTXPro-55Rg", Helvetica, Arial, sans-serif;
  min-width: 320px;
}

body,
.ie8-background {
  background: #fff;
}

#mainform,
body > div.footer {
  max-width: 100em;
  margin: 0 auto;
}

.hide-text {
  text-indent: -10000px;
  text-align: left;
}

*:focus {
  outline: 0 !important;
}

.hide-on-all, .switch-off-all {
  display: none;
}

@media only screen and (min-width: 1920px) {
  .hide-on-xxl, .switch-off-xxl {
    display: none;
  }
  .show-on-xxl, .switch-on-xxl {
    display: block;
  }
}

@media only screen and (min-width: 1140px) and (max-width: 1919px) {
  .hide-on-xl, .switch-off-xl {
    display: none;
  }
  .show-on-xl, .switch-on-xl {
    display: block;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  .hide-on-l, .switch-off-l {
    display: none;
  }
  .show-on-l, .switch-on-l {
    display: block;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  .hide-on-m, .switch-off-m {
    display: none;
  }
  .show-on-m, .switch-on-m {
    display: block;
  }
}

@media only screen and (max-width: 699px) {
  .hide-on-s, .switch-off-s {
    display: none;
  }
  .show-on-s, .switch-on-s {
    display: block;
  }
}

#main {
  clear: left;
}

@media only screen and (max-width: 699px) {
  #main {
    background-color: #fff;
  }
}

/* Content non DID */
#content.nonDID {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

#content.nonDID.contentWithoutSidebar > div {
  min-width: 870px;
}

#content.nonDID.main-content > div {
  min-width: 570px;
}

/* Metro Fix */
@-ms-viewport {
  width: device-width !important;
}

/* Suggest vs Chrome */
span.ui-helper-hidden-accessible {
  display: none;
  visibility: hidden;
}

/* Responsive tables - taken from zurb */
@media only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 1139px) {
  table.responsive {
    margin-bottom: 0;
  }
  table.responsive td,
  table.responsive th {
    text-align: left;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
  }
  table.responsive td:first-child,
  table.responsive th:first-child {
    display: none;
  }
  table.responsive.pinned td {
    display: none;
  }
  .pinned {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 35%;
    overflow: hidden;
    overflow-x: scroll;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    box-shadow: 2px 0px 6px rgba(204, 204, 204, 0.75);
  }
  .pinned table {
    border-right: none;
    border-left: none;
    width: 100%;
    white-space: nowrap;
    margin-bottom: 18px;
  }
  .pinned table th,
  .pinned table td {
    text-align: left;
    white-space: nowrap;
  }
  .pinned td:last-child {
    border-bottom: 0;
  }
  .pinned td.last-child {
    border-bottom: 0;
  }
  div.table-wrapper {
    position: relative;
    margin-bottom: 1.25em;
    overflow: hidden;
    border-right: 1px solid #ccc;
  }
  div.table-wrapper div.scrollable {
    margin-left: 36%;
    overflow: scroll;
    overflow-y: hidden;
  }
}

/* (Change color of certain Links using CustomStyle) */
a.CustomStyle1,
a.customstyle1,
a span.CustomStyle1,
a span.customstyle1 {
  color: #000 !important;
}

a.CustomStyle2,
a.customstyle2,
a span.CustomStyle2,
a span.customstyle2 {
  color: #000 !important;
}

a.CustomStyle3,
a.customstyle3,
a span.CustomStyle3,
a span.customstyle3 {
  color: #000 !important;
}

/* Make the Facebook Like Box responsive */
#fb-root {
  display: none;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

/* Make the Google Map responsive */
.google-maps {
  position: relative;
  /* This is the aspect ratio*/
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}

.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* Button more and doc */
.buttonMore,
.buttonDoc {
  padding: 0.25em 1em;
}

@media only screen and (max-width: 699px) {
  .buttonMore,
  .buttonDoc {
    padding: 0.25em 0;
  }
}

.buttonMore a:before,
.buttonDoc a:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.5em;
  display: inline-block;
  speak: none;
  content: "";
  color: #848587;
}

/* Mimetype Icons */
a.extension_avi:before,
a.extension_csv:before,
a.extension_eps:before,
a.extension_gif:before,
a.extension_jpg:before,
a.extension_mov:before,
a.extension_mp3:before,
a.extension_mpg:before,
a.extension_msexcel:before,
a.extension_mspowerpoint:before,
a.extension_msword:before,
a.extension_pdf:before,
a.extension_png:before,
a.extension_rtf:before,
a.extension_swf:before,
a.extension_text:before,
a.extension_tif:before,
a.extension_xml:before,
a.extension_xps:before,
a.extension_zip:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.5em;
  display: inline-block;
  speak: none;
  content: "";
}

.buttonMore a.extension_avi:before, .buttonDoc a.extension_avi:before, .buttonMore
a.extension_csv:before, .buttonDoc
a.extension_csv:before, .buttonMore
a.extension_eps:before, .buttonDoc
a.extension_eps:before, .buttonMore
a.extension_gif:before, .buttonDoc
a.extension_gif:before, .buttonMore
a.extension_jpg:before, .buttonDoc
a.extension_jpg:before, .buttonMore
a.extension_mov:before, .buttonDoc
a.extension_mov:before, .buttonMore
a.extension_mp3:before, .buttonDoc
a.extension_mp3:before, .buttonMore
a.extension_mpg:before, .buttonDoc
a.extension_mpg:before, .buttonMore
a.extension_msexcel:before, .buttonDoc
a.extension_msexcel:before, .buttonMore
a.extension_mspowerpoint:before, .buttonDoc
a.extension_mspowerpoint:before, .buttonMore
a.extension_msword:before, .buttonDoc
a.extension_msword:before, .buttonMore
a.extension_pdf:before, .buttonDoc
a.extension_pdf:before, .buttonMore
a.extension_png:before, .buttonDoc
a.extension_png:before, .buttonMore
a.extension_rtf:before, .buttonDoc
a.extension_rtf:before, .buttonMore
a.extension_swf:before, .buttonDoc
a.extension_swf:before, .buttonMore
a.extension_text:before, .buttonDoc
a.extension_text:before, .buttonMore
a.extension_tif:before, .buttonDoc
a.extension_tif:before, .buttonMore
a.extension_xml:before, .buttonDoc
a.extension_xml:before, .buttonMore
a.extension_xps:before, .buttonDoc
a.extension_xps:before, .buttonMore
a.extension_zip:before, .buttonDoc
a.extension_zip:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.5em;
  display: inline-block;
  speak: none;
  content: "";
}

a.extension_avi:before, .buttonMore a.extension_avi:before, .buttonDoc a.extension_avi:before,
a.extension_mov:before, .buttonMore a.extension_mov:before, .buttonDoc a.extension_mov:before,
a.extension_mpg:before, .buttonMore a.extension_mpg:before, .buttonDoc a.extension_mpg:before,
a.extension_swf:before, .buttonMore a.extension_swf:before, .buttonDoc a.extension_swf:before {
  content: "";
}

a.extension_mp3:before, .buttonMore a.extension_mp3:before, .buttonDoc a.extension_mp3:before {
  content: "";
}

a.extension_eps:before, .buttonMore a.extension_eps:before, .buttonDoc a.extension_eps:before,
a.extension_gif:before, .buttonMore a.extension_gif:before, .buttonDoc a.extension_gif:before,
a.extension_jpg:before, .buttonMore a.extension_jpg:before, .buttonDoc a.extension_jpg:before,
a.extension_png:before, .buttonMore a.extension_png:before, .buttonDoc a.extension_png:before,
a.extension_tif:before, .buttonMore a.extension_tif:before, .buttonDoc a.extension_tif:before {
  content: "";
}

a.extension_msexcel:before, .buttonMore a.extension_msexcel:before, .buttonDoc a.extension_msexcel:before {
  content: "";
}

a.extension_mspowerpoint:before, .buttonMore a.extension_mspowerpoint:before, .buttonDoc a.extension_mspowerpoint:before {
  content: "";
}

a.extension_msword:before, .buttonMore a.extension_msword:before, .buttonDoc a.extension_msword:before {
  content: "";
}

a.extension_pdf:before, .buttonMore a.extension_pdf:before, .buttonDoc a.extension_pdf:before {
  content: "";
}

a.extension_rtf:before, .buttonMore a.extension_rtf:before, .buttonDoc a.extension_rtf:before,
a.extension_text:before, .buttonMore a.extension_text:before, .buttonDoc a.extension_text:before {
  content: "";
}

a.extension_csv:before, .buttonMore a.extension_csv:before, .buttonDoc a.extension_csv:before,
a.extension_xml:before, .buttonMore a.extension_xml:before, .buttonDoc a.extension_xml:before,
a.extension_xps:before, .buttonMore a.extension_xps:before, .buttonDoc a.extension_xps:before {
  content: "";
}

a.extension_zip:before, .buttonMore a.extension_zip:before, .buttonDoc a.extension_zip:before {
  content: "";
}

/* END global -------------------------------------------------------------- */
/* START header ------------------------------------------------------------ */
/* Name: Header CSS */
/* Usage: Default */
/* Last edited: 12.12.2014 PR */
/*only screen and  could be removed => print would use this */
header {
  position: relative;
  background: #fff;
  margin: 0 3.125em;
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  header {
    margin: 0;
  }
}

@media only screen and (max-width: 699px) {
  header {
    margin: 0;
  }
}

header .header-part {
  position: relative;
  width: 100%;
  padding: 3.75em 0 2.25em;
  background-color: transparent;
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  header .header-part {
    padding: 2.5em 1.25em 1.25em 0;
  }
}

@media only screen and (max-width: 699px) {
  header .header-part {
    padding: 2.5em 0.375em 1.25em 0;
  }
}

header .logo {
  width: 25%;
  display: block;
  margin: 0 0 0 3.125em;
  vertical-align: middle;
  text-align: center;
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  header .logo {
    width: 204px;
    margin: 0;
  }
}

@media only screen and (max-width: 699px) {
  header .logo {
    width: 204px;
    margin: 0;
  }
}

header .generic-navigation {
  display: none;
  width: 30%;
  position: absolute;
  top: 0;
  left: 70%;
  padding-right: 3.125em;
}

@media only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 1139px) {
  header .generic-navigation {
    width: 70%;
    left: 30%;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  header .generic-navigation {
    padding-right: 1.25em;
  }
}

@media only screen and (max-width: 699px) {
  header .generic-navigation {
    padding-right: 0.375em;
  }
}

header .generic-navigation ul {
  float: right;
}

header .generic-navigation .sociallink {
  padding-left: 0.5em;
}

header .generic-navigation .sociallink a {
  font-size: 1.6666666667em;
}

header .language-switch {
  width: 70%;
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 3.125em;
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  header .language-switch {
    display: none;
    padding-left: 1.25em;
  }
}

@media only screen and (max-width: 699px) {
  header .language-switch {
    display: none;
    padding-left: 0.375em;
  }
}

header .language-switch-mobile {
  display: none;
  background: #fff;
  position: absolute;
  top: 0;
  height: 1.8em;
  line-height: 1.8em;
  left: 0;
}

@media only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 1139px) {
  header .language-switch-mobile {
    display: block;
    width: 30%;
  }
}

.lt-ie9 header .language-switch-mobile {
  background: white;
}

header .language-switch-mobile > a {
  padding-left: 3.125em;
  display: block;
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  header .language-switch-mobile > a {
    padding-left: 1.25em;
  }
}

@media only screen and (max-width: 699px) {
  header .language-switch-mobile > a {
    padding-left: 0.375em;
  }
}

header .language-switch-mobile a.opener:after {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  margin-left: 0.5em;
  display: inline-block;
  speak: none;
  content: "";
}

header .language-switch-mobile a, header .language-switch-mobile a:link, header .language-switch-mobile a:visited, header .language-switch-mobile a:hover, header .language-switch-mobile a:active {
  color: #777;
  text-shadow: none;
  letter-spacing: 0px;
  text-decoration: none;
  font-size: 0.9225em;
}

header .language-switch-mobile ul {
  display: none;
  padding-left: 3.125em;
  background: #fff;
  list-style: none;
  margin: 0;
  position: relative;
  top: -1px;
  z-index: 6;
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  header .language-switch-mobile ul {
    padding-left: 1.25em;
  }
}

@media only screen and (max-width: 699px) {
  header .language-switch-mobile ul {
    padding-left: 0.375em;
  }
}

header .language-switch-mobile ul li {
  margin: 0;
  padding: 0;
}

header .generic-navigation,
header .language-switch {
  background: #fff;
  height: 1.8em;
  line-height: 1.8em;
}

.lt-ie9 header .generic-navigation, .lt-ie9
header .language-switch {
  background: white;
}

header .generic-navigation ul, header .generic-navigation li,
header .language-switch ul,
header .language-switch li {
  list-style: none;
  padding: 0;
  margin: 0;
}

header .generic-navigation a,
header .generic-navigation a:link,
header .generic-navigation a:visited,
header .language-switch a,
header .language-switch a:link,
header .language-switch a:visited {
  color: #777;
  text-shadow: none;
  letter-spacing: 0px;
  text-decoration: none;
}

header .generic-navigation a:hover,
header .generic-navigation a:active,
header .language-switch a:hover,
header .language-switch a:active {
  color: #e1001a;
  text-decoration: none;
}

header .generic-navigation li.partner,
header .language-switch li.partner {
  display: none;
}

@media only screen and (max-width: 699px) {
  header .generic-navigation li.generic,
  header .generic-navigation li.social,
  header .language-switch li.generic,
  header .language-switch li.social {
    display: none;
  }
}

header .language-switch li {
  float: left;
  font-size: 0.9225em;
}

header .language-switch li:before {
  content: "";
  color: #e1001a;
  text-shadow: none;
  padding-right: 0.5em;
  padding-left: 0.5em;
}

header .language-switch li:first-child:before {
  content: none;
}

header .generic-navigation li {
  float: left;
  font-size: 0.75em;
}

header .generic-navigation li li {
  font-size: 1em;
}

header .generic-navigation .generic li:before {
  content: "";
  color: #777;
  padding-right: 0.25em;
  padding-left: 0.5em;
}

header .generic-navigation .generic li:nth-child(2):before {
  content: none;
}

header .generic-navigation .generic li:first-child, header .generic-navigation .generic li:last-child {
  display: none;
}

header .search,
.main-nav-mobile .search {
  width: 20%;
  visibility: visible;
  display: block;
  vertical-align: middle;
  text-align: right;
  position: absolute;
  top: .5em;
  right: 3.125em;
}

header .search fieldset,
.main-nav-mobile .search fieldset {
  border: 1px solid #fff;
  padding: 0;
  margin: 0;
  width: 80%;
  float: right;
  position: relative;
}

header .search .search-field,
.main-nav-mobile .search .search-field {
  background-color: transparent;
  border: none;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.7em;
  padding: 0.4em;
  width: 100%;
  padding-right: 2em;
}

header .search .search-field::-webkit-input-placeholder,
.main-nav-mobile .search .search-field::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #fff;
}

header .search .search-field:-moz-placeholder,
.main-nav-mobile .search .search-field:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff;
}

header .search .search-field::-moz-placeholder,
.main-nav-mobile .search .search-field::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff;
}

header .search .search-field:-ms-input-placeholder,
.main-nav-mobile .search .search-field:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #fff;
}

header .search .search-button,
.main-nav-mobile .search .search-button {
  font-family: FontAwesome;
  background: transparent;
  border: none;
  padding: 0.2em;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
}

@media only screen and (max-width: 699px) {
  header .search {
    display: none;
  }
}

/* Language Navigation <== */
/* (set size for language img) */
img.langnavimage {
  width: auto;
  padding-left: .5em;
  margin-top: -.3em;
}

/* END header -------------------------------------------------------------- */
/* START mainnav ----------------------------------------------------------- */
/* Name: Mainnavigation CSS */
/* Usage: Default */
/* Last edited: 19.05.2015 PR */
/*only screen and  could be removed => print would use this */
.main-nav {
  display: block;
  padding: 0;
  margin: 0 3.125em;
  letter-spacing: 0px;
  text-align: center;
  background: transparent;
}

@media only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 1139px) {
  .main-nav {
    display: none;
  }
}

.main-nav ul ul {
  text-align: left;
}

.main-nav ul, .main-nav li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.main-nav > ul {
  position: relative;
  z-index: 100;
}

.main-nav > ul > li {
  display: inline-block;
  padding: 0 0.5em 1em;
}

.main-nav > ul > li:after {
  content: "";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  margin-left: 0.5em;
  color: transparent;
}

.main-nav > ul > li.fly_no_submenu:after {
  content: "";
  margin-left: 0;
}

.main-nav > ul > li > a, .main-nav > ul > li > a:link, .main-nav > ul > li > a:visited, .main-nav > ul > li > a:hover, .main-nav > ul > li > a:active {
  font-size: 1.4em;
  color: #ACACAC;
  text-decoration: none;
  text-shadow: none;
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  .main-nav > ul > li > a, .main-nav > ul > li > a:link, .main-nav > ul > li > a:visited, .main-nav > ul > li > a:hover, .main-nav > ul > li > a:active {
    font-size: 1.4em;
  }
}

@media only screen and (min-width: 1140px) and (max-width: 1919px) {
  .main-nav > ul > li > a, .main-nav > ul > li > a:link, .main-nav > ul > li > a:visited, .main-nav > ul > li > a:hover, .main-nav > ul > li > a:active {
    font-size: 1.5em;
  }
}

@media only screen and (min-width: 1920px) {
  .main-nav > ul > li > a, .main-nav > ul > li > a:link, .main-nav > ul > li > a:visited, .main-nav > ul > li > a:hover, .main-nav > ul > li > a:active {
    font-size: 1.6em;
  }
}

.main-nav > ul > li > a:hover {
  color: #e1001a;
}

.main-nav > ul > li.active > a, .main-nav > ul > li.active > a:link, .main-nav > ul > li.active > a:visited, .main-nav > ul > li.active > a:hover, .main-nav > ul > li.active > a:active, .main-nav > ul > li.parent > a, .main-nav > ul > li.parent > a:link, .main-nav > ul > li.parent > a:visited, .main-nav > ul > li.parent > a:hover, .main-nav > ul > li.parent > a:active {
  text-decoration: none;
  color: #e1001a;
}

.main-nav > ul > li > ul {
  display: none;
  position: absolute;
  background: transparent;
  padding-bottom: 2.5em;
  width: 100%;
  left: 0;
  top: 2.4em;
  border-top: none;
  border-bottom: none;
}

.main-nav > ul > li > ul > li {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding: 0 1em;
  margin-top: 3.5em;
  border-left: 1px solid #fff;
}

.main-nav > ul > li > ul > li.close + li,
.main-nav > ul > li > ul > li.close + li + li + li + li + li,
.main-nav > ul > li > ul > li.close + li + li + li + li + li + li + li + li + li,
.main-nav > ul > li > ul > li.close + li + li + li + li + li + li + li + li + li + li + li + li + li {
  border-left: none;
  clear: left;
}

.main-nav > ul > li > ul > li:nth-of-type(4n+3) {
  border-left: none;
}

.main-nav > ul > li > ul > li > a, .main-nav > ul > li > ul > li > a:link, .main-nav > ul > li > ul > li > a:visited {
  color: #484848;
  font-size: 1.3vw;
  letter-spacing: 0px;
}

.main-nav > ul > li > ul > li a, .main-nav > ul > li > ul > li > a:link, .main-nav > ul > li > ul > li > a:visited {
  text-decoration: none;
}

.main-nav > ul > li > ul > li a:hover, .main-nav > ul > li > ul > li a:active, .main-nav > ul > li > ul > li > a:hover, .main-nav > ul > li > ul > li > a:active, .main-nav > ul > li > ul > li a.fly_active {
  text-decoration: none;
  color: #484848 !important;
}

.main-nav > ul > li > ul > li > a:hover, .main-nav > ul > li > ul > li > a:active, .main-nav > ul > li > ul > li a.fly_active {
  text-decoration: underline;
}

.main-nav > ul > li > ul > li.first_level_item > a {
  font-size: 1.4em;
}

.main-nav > ul > li > ul > li li:before {
  content: "";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.5em;
  color: transparent;
}

.main-nav > ul > li > ul > li li > a, .main-nav > ul > li > ul > li li > a:link, .main-nav > ul > li > ul > li li > a:visited {
  font-size: 1.1vw;
  color: #484848;
  text-decoration: none;
}

.main-nav > ul > li > ul > li li > a:hover, .main-nav > ul > li > ul > li li > a.fly_active, .main-nav > ul > li > ul > li li > a.fly_active:hover {
  color: #484848 !important;
  text-decoration: underline;
}

.main-nav > ul > li > ul > li li > a.fly_active:before {
  text-decoration: none !important;
}

.main-nav > ul > li > ul .close {
  cursor: pointer;
  position: absolute;
  float: none;
  border: none;
  top: 0.2em;
  right: 0.2em;
  width: auto;
  margin: 0;
  padding: 0;
  color: #484848;
}

.main-nav > ul > li > ul .close i {
  -webkit-text-stroke: 0.6px white;
  font-size: 1.7em;
}

.main-nav > ul > li > ul .first_level_item {
  position: absolute;
  float: none;
  border: none;
  top: 0.5em;
  left: 0.8em;
  width: auto;
  margin: 0;
  padding: 0;
}

.main-nav > ul > li.open, .main-nav > ul > li.parent {
  background: transparent;
}

.main-nav > ul > li.open:after, .main-nav > ul > li.parent:after {
  content: "";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  margin-left: 0.5em;
  color: transparent;
}

.main-nav > ul > li.open > a, .main-nav > ul > li.open > a:link, .main-nav > ul > li.open > a:visited, .main-nav > ul > li.open > a:hover, .main-nav > ul > li.open > a:active, .main-nav > ul > li.parent > a, .main-nav > ul > li.parent > a:link, .main-nav > ul > li.parent > a:visited, .main-nav > ul > li.parent > a:hover, .main-nav > ul > li.parent > a:active {
  color: #484848;
  text-decoration: none;
  text-shadow: none;
}

.main-nav > ul > li:first-child {
  display: none;
  padding: 0.5em 1em 0.5em 0;
}

.main-nav-mobile {
  display: none;
  width: 100%;
  background: transparent;
  min-height: 3em;
  position: absolute;
  overflow: hidden;
  z-index: 999;
}

@media only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 1139px) {
  .main-nav-mobile {
    display: block;
  }
}

.main-nav-mobile.fixed {
  position: fixed;
  transition: top 300ms ease-in-out;
}

.main-nav-mobile .nav-holder {
  display: none;
  position: relative;
  top: 3em;
  width: 100%;
  transition: left 300ms ease-in-out;
}

.main-nav-mobile .nav-holder ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  position: absolute;
}

.main-nav-mobile .nav-holder li {
  display: block;
  width: 100%;
  min-height: 2em;
  background: white;
  color: #484848;
  border-top: 1px solid #e6e6e6;
  padding: 0.25em 3.125em;
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  .main-nav-mobile .nav-holder li {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
}

@media only screen and (max-width: 699px) {
  .main-nav-mobile .nav-holder li {
    padding-left: 0.375em;
    padding-right: 0.375em;
  }
}

.main-nav-mobile .nav-holder li ul {
  left: 100%;
  top: 0;
}

.main-nav-mobile .nav-holder > ul > li:first-child {
  display: none;
}

.main-nav-mobile .nav-holder a, .main-nav-mobile .nav-holder a:link, .main-nav-mobile .nav-holder a:visited, .main-nav-mobile .nav-holder a:hover, .main-nav-mobile .nav-holder a:active {
  margin: 0.5em 0;
  color: #484848;
  text-decoration: none;
  letter-spacing: 0px;
  text-shadow: none;
  position: relative;
  width: 100%;
  display: block;
}

.main-nav-mobile .nav-holder .previous-level, .main-nav-mobile .nav-holder .first_level_item {
  font-weight: bold;
}

.main-nav-mobile .nav-holder .has-children > a:after {
  color: #848587;
  font-family: FontAwesome;
  content: "";
  position: absolute;
  top: 0.05em;
  right: 0;
}

.main-nav-mobile .nav-holder .has-children > a.submn:after {
  content: none;
}

.main-nav-mobile .back {
  height: 3em;
  position: absolute;
  left: 3.125em;
  display: block;
  display: none;
  cursor: pointer;
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  .main-nav-mobile .back {
    left: 1.25em;
  }
}

@media only screen and (max-width: 699px) {
  .main-nav-mobile .back {
    left: 0.375em;
  }
}

.main-nav-mobile .back, .main-nav-mobile .back:link, .main-nav-mobile .back:visited, .main-nav-mobile .back:hover, .main-nav-mobile .back:active {
  text-decoration: none;
  color: main-nav-mobile-back-color;
}

.main-nav-mobile .back i {
  font-size: 1.5em;
  position: relative;
  top: 0.5em;
  color: #484848;
  padding-right: 1em;
}

.main-nav-mobile .menu-opener {
  height: 3em;
  position: absolute;
  right: 3.125em;
  display: block;
  width: 2em;
  cursor: pointer;
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  .main-nav-mobile .menu-opener {
    right: 1.25em;
  }
}

@media only screen and (max-width: 699px) {
  .main-nav-mobile .menu-opener {
    right: 0.375em;
  }
}

.main-nav-mobile .menu-opener .icon-bar {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #484848;
  margin-top: 0.4em;
  height: 2px;
}

.main-nav-mobile .menu-opener .icon-bar:first-child {
  margin-top: 0.8em;
}

.main-nav-mobile .search {
  /* @media only screen and (min-width : 700px) and (max-width : 1139px) {
			display: none;
		} */
  position: absolute;
  top: 0.6666em;
  right: 6em;
  width: 12em;
}

/* END mainnav ------------------------------------------------------------- */
/* START keyvisual --------------------------------------------------------- */
/* Name: Keyvisual CSS (classic version) */
/* Usage: Default */
/* Last edited: 12.12.2014 PR */
/*only screen and  could be removed => print would use this */
.keyvisual {
  margin: 0;
}

#flashContent .mainHeaderTitle {
  display: none;
  visibility: hidden;
}

#flashContentPrint {
  display: none;
  visibility: hidden;
}

/* END keyvisual ----------------------------------------------------------- */
/* START content ----------------------------------------------------------- */
/* Name: Content CSS */
/* Usage: Default */
/* Last edited: 26.08.2016 PK */
/*only screen and  could be removed => print would use this */
/* --- PORTLET CONTAINER --- */
.Portlet-Container {
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: auto !important;
  padding: 2rem;
}

/* SAME HEIGHT Portlet-Container */
.portletContainer .portletItemContainer, .portletContainer.sameheight .portletItemContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 100%;
}

.portletContainer .portletItemContainer .portletItem, .portletContainer.sameheight .portletItemContainer .portletItem {
  height: 100%;
}

.portletContainer .portletItemContainer .portletItem .portletContent, .portletContainer.sameheight .portletItemContainer .portletItem .portletContent {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.portletContainer .portletItemContainer .portletItem .portletContent .bild, .portletContainer.sameheight .portletItemContainer .portletItem .portletContent .bild {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.portletContainer .portletItemContainer .portletItem .portletContent .buttonMore, .portletContainer.sameheight .portletItemContainer .portletItem .portletContent .buttonMore {
  margin-top: auto;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (min-width: 700px) and (max-width: 1139px) {
  .portletContainer .portletItemContainer div.portletInContentOneColumnWidth, .portletContainer.sameheight .portletItemContainer div.portletInContentOneColumnWidth {
    width: 29.8%;
  }
  .portletContainer .portletItemContainer div.portletInContentTwoColumnWidth, .portletContainer.sameheight .portletItemContainer div.portletInContentTwoColumnWidth {
    width: 63.2%;
  }
  .portletContainer .portletItemContainer div.portletInContentThreeColumnWidth, .portletContainer.sameheight .portletItemContainer div.portletInContentThreeColumnWidth {
    width: 96.5%;
  }
}

/* FILLED Portlet-Container */
.portletContainer.filled h3 {
  pointer-events: none;
}

.portletContainer.filled .portletItemContainer {
  margin: 1.5em 0;
  padding: 0;
  column-gap: 1.5em;
  font-size: .85em;
  display: block;
  width: 100% !important;
  box-sizing: border-box;
}

.portletContainer.filled .portletstandard, .portletContainer.filled .portletmultimedia, .portletContainer.filled .portletcontact, .portletContainer.filled .portletslider, .portletContainer.filled .portletschober, .portletContainer.filled .portleteventcalendar, .portletContainer.filled .portletrssfeed, .portletContainer.filled .portletnewsscroller, .portletContainer.filled .portletblognews {
  display: inline-block;
  margin: 0 0 1.5em;
  width: 100% !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

@media only screen and (max-width : 699px) {
  .portletContainer.filled div.portletItemContainer {
    column-count: 1;
  }
}

@media only screen and (min-width : 700px) and (max-width : 1139px) {
  .portletContainer.filled div.portletItemContainer {
    column-count: 2;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  .portletContainer.filled div.portletItemContainer {
    column-count: 3;
  }
}

@media only screen and (min-width: 1140px) and (max-width: 1919px) {
  .portletContainer.filled div.portletItemContainer {
    column-count: 4;
  }
}

@media only screen and (min-width: 1920px) {
  .portletContainer.filled div.portletItemContainer {
    column-count: 4;
  }
}

/* End FILLED (Masonry) */
/* --- End PORTLET CONTAINER --- */
/* Content holder; content area structure */
.content-holder {
  background: #fff;
  margin-left: 3.125em;
  margin-right: 3.125em;
  padding: 3.125em;
  padding-top: 1em;
}

@media only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 1139px) {
  .content-holder {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  .content-holder {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
}

@media only screen and (max-width: 699px) {
  .content-holder {
    background: #fff;
    padding-left: 0.375em;
    padding-right: 0.375em;
  }
}

.content-holder a {
  font-weight: normal;
  color: #e1001a;
  text-decoration: none;
}

.content-holder a:hover {
  color: #e1001a;
  text-decoration: underline;
}

.content-holder a:focus {
  outline: 0;
}

.content-holder.full-width .sidebar {
  display: none;
}

.content-holder.full-width .main-content {
  width: 100%;
}

.sidebar {
  width: 31.76%;
  margin-left: 2.24%;
  float: right;
  overflow: hidden;
}

@media only screen and (max-width: 699px) {
  .sidebar {
    width: 100%;
    float: none;
    clear: right;
    padding-left: 0;
    margin: 0;
  }
}

.main-content {
  width: 66%;
  float: left;
}

@media only screen and (max-width: 699px) {
  .main-content {
    width: 100%;
    float: none;
  }
}

.sidebar,
.main-content,
.contentWithoutSidebar {
  margin-top: 1.5em;
  overflow: hidden;
}

.sidebar > div:first-child,
.sidebar > div:first-child > div:first-child,
.sidebar > div:first-child > div:first-child > *:first-child,
.sidebar > div:first-child .portletContent > *:first-child,
.sidebar > div:first-child > *:first-child,
.main-content > div:first-child,
.main-content > div:first-child > div:first-child,
.main-content > div:first-child > div:first-child > *:first-child,
.main-content > div:first-child .portletContent > *:first-child,
.main-content > div:first-child > *:first-child,
.contentWithoutSidebar > div:first-child,
.contentWithoutSidebar > div:first-child > div:first-child,
.contentWithoutSidebar > div:first-child > div:first-child > *:first-child,
.contentWithoutSidebar > div:first-child .portletContent > *:first-child,
.contentWithoutSidebar > div:first-child > *:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 400px) {
  .main-content,
  .contentWithoutSidebar {
    margin-top: 4.5em;
  }
}

/* Breadcrumb */
.breadcrumb {
  margin-bottom: 1em;
}

.breadcrumb ul {
  margin-top: 0;
  padding-left: 0;
  overflow: hidden;
}

.breadcrumb li {
  display: block;
  float: left;
  font-size: 0.9228em;
  color: #8c8c8c;
}

.breadcrumb li a, .breadcrumb li a:link, .breadcrumb li a:visited, .breadcrumb li a:active {
  text-decoration: none;
  color: #8c8c8c;
  font-size: 0.9228em;
}

.breadcrumb li a:hover {
  text-decoration: none;
}

.breadcrumb li.active a, .breadcrumb li.active a:link, .breadcrumb li.active a:visited, .breadcrumb li.active a:hover, .breadcrumb li.active a:active {
  color: #8c8c8c;
}

.breadcrumb li:before {
  content: "";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  font-size: 1em;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin-left: 0.6em;
  margin-right: 0.6em;
}

.breadcrumb li:first-child:before {
  content: none;
}

@media only screen and (max-width: 400px) {
  .breadcrumb {
    display: none;
  }
}

/* Some old template hacks */
.breadcrumb.clearfix {
  margin-bottom: 0;
}

@media only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 1139px) {
  .breadcrumb.clearfix {
    margin-top: 3em;
  }
}

.breadcrumb li span.separator {
  display: none;
  visibility: hidden;
}

/* Different column styles */
.columns {
  display: block;
  list-style: none;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

.columns .column {
  display: block;
  list-style: none;
  margin-bottom: 2em;
  float: left;
}

.columns.two-columns .column {
  width: 50%;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (min-width: 700px) and (max-width: 1139px), only screen and (min-width: 1140px) and (max-width: 1919px), only screen and (min-width: 1920px) {
  .columns.two-columns .column:nth-child(2n+1) {
    padding-right: 0.75em;
    padding-left: 0;
    clear: left;
  }
  .columns.two-columns .column.odd {
    padding-right: 0.75em;
    padding-left: 0;
    clear: left;
  }
  .columns.two-columns .column:nth-child(2n+2) {
    padding-right: 0;
    padding-left: 0.75em;
  }
  .columns.two-columns .column.even {
    padding-right: 0;
    padding-left: 0.75em;
  }
}

@media only screen and (max-width: 699px) {
  .columns.two-columns .column {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}

.columns.three-columns .column {
  width: 33.3333%;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (min-width: 1140px) and (max-width: 1919px), only screen and (min-width: 1920px) {
  .columns.three-columns .column:nth-child(3n+1) {
    clear: left;
    padding-right: 1em;
  }
  .columns.three-columns .column.pf-3np1 {
    clear: left;
    padding-right: 1em;
  }
  .columns.three-columns .column:nth-child(3n+2) {
    padding-right: 0.5em;
    padding-left: 0.5em;
  }
  .columns.three-columns .column.pf-3np2 {
    padding-right: 0.5em;
    padding-left: 0.5em;
  }
  .columns.three-columns .column:nth-child(3n+3) {
    padding-left: 1em;
  }
  .columns.three-columns .column.pf-3np3 {
    padding-left: 1em;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  .columns.three-columns .column {
    width: 50%;
  }
  .columns.three-columns .column:nth-child(2n+1) {
    padding-right: 0.75em;
    padding-left: 0;
    clear: left;
  }
  .columns.three-columns .column.odd {
    padding-right: 0.75em;
    padding-left: 0;
    clear: left;
  }
  .columns.three-columns .column:nth-child(2n+2) {
    padding-right: 0;
    padding-left: 0.75em;
  }
  .columns.three-columns .column.even {
    padding-right: 0;
    padding-left: 0.75em;
  }
}

@media only screen and (max-width: 699px) {
  .columns.three-columns .column {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}

.columns.six-columns .column {
  float: left;
}

@media only screen and (min-width: 1140px) and (max-width: 1919px), only screen and (min-width: 1920px) {
  .columns.six-columns .column {
    width: 15%;
    margin-right: 2%;
  }
  .columns.six-columns .column:nth-child(6n+1) {
    clear: left;
  }
  .columns.six-columns .column.pf-6np1 {
    clear: left;
  }
  .columns.six-columns .column:nth-child(6n+6) {
    margin-right: 0;
  }
  .columns.six-columns .column.pf-6np6 {
    margin-right: 0;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (min-width: 700px) and (max-width: 1139px) {
  .columns.six-columns .column {
    width: 23.5%;
    margin-right: 2%;
  }
  .columns.six-columns .column:nth-child(4n+1) {
    clear: left;
  }
  .columns.six-columns .column.pf-4np1 {
    clear: left;
  }
  .columns.six-columns .column:nth-child(4n+4) {
    margin-right: 0;
  }
  .columns.six-columns .column.pf-4np4 {
    margin-right: 0;
  }
}

@media only screen and (max-width: 699px) {
  .columns.six-columns .column {
    width: 32%;
    margin-right: 2%;
  }
  .columns.six-columns .column:nth-child(3n+1) {
    clear: left;
  }
  .columns.six-columns .column.pf-3np1 {
    clear: left;
  }
  .columns.six-columns .column:nth-child(3n+3) {
    margin-right: 0;
  }
  .columns.six-columns .column.pf-3np3 {
    margin-right: 0;
  }
}

@media only screen and (max-width: 400px) {
  .columns.six-columns .column {
    width: 49%;
    margin-right: 2%;
  }
  .columns.six-columns .column:nth-child(3n+1) {
    clear: none;
  }
  .columns.six-columns .column.pf-3np1 {
    clear: none;
  }
  .columns.six-columns .column:nth-child(3n+3) {
    margin-right: 2%;
  }
  .columns.six-columns .column.pf-3np3 {
    margin-right: 2%;
  }
  .columns.six-columns .column:nth-child(2n+1) {
    clear: left;
  }
  .columns.six-columns .column.odd {
    clear: left;
  }
  .columns.six-columns .column:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns.six-columns .column.even {
    margin-right: 0;
  }
}

/* ListeStandard (Container) */
/* Portlet-Alignment Hack */
#content div.listeStandard, #contentWithoutSidebar div.listeStandard {
  margin-left: -1.75%;
  margin-right: -1.75%;
  overflow: hidden;
  /*IE8 Negative Margin vs Anchor Hack */
  position: relative;
  left: 0.01%;
}

/* Standard item */
.itemStandardBasic,
.itemStandardImageFloatingRight,
.itemStandardColumnImageFloatingRight,
.itemStandardImageFloatingLeft,
.itemStandardColumnImageFloatingLeft {
  margin-bottom: 2em;
  overflow: hidden;
  /* Portlet-Alignment Hack */
  clear: both;
  margin-left: 1.75%;
  margin-right: 1.75%;
}

@media only screen and (max-width: 699px) {
  .itemStandardBasic .introText,
  .itemStandardImageFloatingRight .introText,
  .itemStandardColumnImageFloatingRight .introText,
  .itemStandardImageFloatingLeft .introText,
  .itemStandardColumnImageFloatingLeft .introText {
    margin: 1em 0;
  }
  .itemStandardBasic .bildContainer,
  .itemStandardImageFloatingRight .bildContainer,
  .itemStandardColumnImageFloatingRight .bildContainer,
  .itemStandardImageFloatingLeft .bildContainer,
  .itemStandardColumnImageFloatingLeft .bildContainer {
    margin: 1em 0;
  }
  .itemStandardBasic .hauptText,
  .itemStandardImageFloatingRight .hauptText,
  .itemStandardColumnImageFloatingRight .hauptText,
  .itemStandardImageFloatingLeft .hauptText,
  .itemStandardColumnImageFloatingLeft .hauptText {
    margin: 1em 0;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (min-width: 700px) and (max-width: 1139px), only screen and (min-width: 1140px) and (max-width: 1919px), only screen and (min-width: 1920px) {
  .itemStandardImageFloatingRight .bildContainer,
  .itemStandardColumnImageFloatingRight .bildContainer {
    float: right;
    width: 47.3684%;
    padding-top: .2em;
    padding-right: 0;
    padding-bottom: 1em;
    padding-left: 4%;
    box-sizing: content-box;
  }
  .itemStandardColumnImageFloatingRight .hauptText {
    padding-right: 52.6315%;
  }
  .itemStandardColumnImageFloatingRight .bildContainer {
    padding-left: 0;
  }
  .itemStandardImageFloatingLeft .bildContainer,
  .itemStandardColumnImageFloatingLeft .bildContainer {
    float: left;
    width: 47.3684%;
    padding-top: .2em;
    padding-right: 4%;
    padding-bottom: 1em;
    padding-left: 0;
    box-sizing: content-box;
  }
  .itemStandardColumnImageFloatingLeft .hauptText,
  .itemStandardColumnImageFloatingLeft .buttonDoc,
  .itemStandardColumnImageFloatingLeft .buttonDocCombinedWrapper {
    padding-left: 52.6315%;
  }
  .itemStandardColumnImageFloatingLeft .bildContainer {
    padding-right: 0;
  }
}

/* Standard-Item image positioning options */
.bildLegende {
  font-size: 1em;
  color: #696969;
  position: relative;
  z-index: 2;
}

.bildLegende a {
  background: transparent;
  margin-right: 0.5em;
}

/* Expand and collapse */
.expand + * + .expandablecontent {
  /* strange selector because expandablecontent is used in a lot of places where it is not used as collapsible */
  display: none;
}

h2.expand a:before, h2.expand a.open:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.5em;
  display: inline-block;
  speak: none;
  content: "";
  color: #848587;
}

h2.expand a.open:before {
  content: "";
}

.switch {
  text-align: right;
  /* Portlet-Alignment Hack */
  margin-right: 1.6667%;
  margin-right: 1.75%;
}

.switch a:before, .switch a.open:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.5em;
  display: inline-block;
  speak: none;
  content: "";
  color: #848587;
}

.switch a.open:before {
  content: "";
}

#content div.listeStandard div.ankerListe, #contentWithoutSidebar div.listeStandard div.ankerListe {
  padding-bottom: 2em;
  /* Portlet-Alignment Hack */
  margin-left: 1.75%;
  margin-right: 1.75%;
}

#content div.listeStandard div.ankerListe span.separator, #contentWithoutSidebar div.listeStandard div.ankerListe span.separator {
  padding: 0 0.25em;
  color: #848587;
}

/* Combined ButtonDoc for Standard-Item */
#content .buttonDocCombined, #contentWithoutSidebar .buttonDocCombined {
  display: inline-block;
  margin: 0 1em 0.5em 0;
}

/* END Combined ButtonDoc for Standard-Item */
/* Lists in content */
.main-content .itemStandardBasic li,
.main-content .itemStandardImageFloatingRight li,
.main-content .itemStandardColumnImageFloatingRight li,
.main-content .itemStandardImageFloatingLeft li,
.main-content .itemStandardColumnImageFloatingLeft li,
.link-list li {
  list-style: none;
  position: relative;
}

.main-content .itemStandardBasic li:before,
.main-content .itemStandardImageFloatingRight li:before,
.main-content .itemStandardColumnImageFloatingRight li:before,
.main-content .itemStandardImageFloatingLeft li:before,
.main-content .itemStandardColumnImageFloatingLeft li:before,
.link-list li:before {
  content: "–";
  position: absolute;
  left: -1.3em;
}

/* Newsitem */
.content div.newsItemInList, .contentWithoutSidebar div.newsItemInList {
  min-height: 400px;
  margin-bottom: 4em;
  background: #f0f0f0 url("/Sites/Images/common/newsitems/bg-newsitem.png") left bottom repeat-x;
}

.content div.newsItemInList h2, .contentWithoutSidebar div.newsItemInList h2 {
  padding: 0.5em;
  color: #fff;
  background: #ccc;
  border-bottom: 2px solid #666;
}

.content div.newsItemInList div.newsItemDate, .contentWithoutSidebar div.newsItemInList div.newsItemDate {
  float: left;
  padding: 0 0.5em 0.5em 0.5em;
  font-weight: bold;
}

.content div.newsItemInList div.newsItemLanguage, .contentWithoutSidebar div.newsItemInList div.newsItemLanguage {
  padding: 0 0.5em 0.5em 0.5em;
  font-style: italic;
}

.content div.newsItemInList div.introText, .contentWithoutSidebar div.newsItemInList div.introText {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.content div.newsItemInList .landscapeSpaceLeft, .contentWithoutSidebar div.newsItemInList .landscapeSpaceLeft {
  padding-left: 270px !important;
}

.content div.newsItemInList .landscapeSpaceRight, .contentWithoutSidebar div.newsItemInList .landscapeSpaceRight {
  padding-right: 270px !important;
}

.content div.newsItemInList div.hauptText, .contentWithoutSidebar div.newsItemInList div.hauptText {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.content div.newsItemInList div.buttonDoc, .contentWithoutSidebar div.newsItemInList div.buttonDoc {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

/* News elements in column view */
.newsItems {
  width: 100%;
}

.newsItems .news {
  display: inline-block;
  vertical-align: top;
  border-top: 1px solid #B8BAC2;
  margin-bottom: 1.5em;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (min-width: 1140px) and (max-width: 1919px), only screen and (min-width: 1920px) {
  .newsItems .news {
    width: 31%;
    margin-right: 3.5%;
  }
  .newsItems .news:nth-child(3n) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  .newsItems .news {
    width: 48.25%;
    margin-right: 3.5%;
  }
  .newsItems .news:nth-child(2n) {
    margin-right: 0;
  }
}

.newsItems .news .date {
  font-size: 0.9em;
  padding-top: 1em;
}

.newsItems .news .date {
  color: #B8BAC2;
}

.newsItems .news .title {
  font-size: 1.4em;
  line-height: 1.2em;
  color: #3E4047;
  margin-bottom: 1em;
}

.newsItems .news .teaser {
  padding-top: 0;
  margin-bottom: 1em;
}

.newsItems .news .image img {
  margin-bottom: 1em;
}

.newsItems .news .urlanddoc {
  margin-top: 1em;
}

.newsItems .news .urlanddoc a {
  font-size: 0.9em;
  color: #e1001a;
}

.newsItems .news .urlanddoc a:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  text-decoration: inherit;
  display: inline-block;
  margin-right: 0.5em;
  speak: none;
  content: "";
}

/* Press releases - Overview */
.pressreleases {
  list-style: none;
  padding-left: 0;
}

.pressreleases h2 {
  border-top: none;
  margin-top: 0;
  padding-bottom: .5em;
}

.pressreleases li {
  list-style: none;
}

.pressreleases li > div {
  border-top: 1px solid #ccc;
  padding-top: 1em;
  overflow: hidden;
}

.pressreleases li ul {
  margin: 0 0 1em 0 !important;
  padding: 0;
}

.pressreleases div ul {
  width: 100%;
  padding-left: 0;
  margin: 0;
}

.pressreleases div li {
  display: inline;
  border-top: none;
}

.pressreleases div li div {
  display: inline;
  border-top: none;
}

.pressreleases div li div:after {
  content: " ";
  color: #848587;
  margin-right: 0.2em;
}

.pressreleases div li:last-of-type div:after {
  content: "";
}

.pressreleases div .furtherLinks li {
  display: block;
}

.pressreleases div .furtherLinks li a:before {
  font-family: FontAwesome;
  content: "";
  color: #848587;
  margin-right: 0.5em;
  text-decoration: none !important;
}

/* Press releases - Detail view */
.headerPressrelease h2 {
  display: none;
}

.headerPressrelease .download {
  display: block;
  margin-top: 1em;
}

.headerPressrelease ul {
  padding-left: 0;
}

.headerPressrelease li {
  list-style: none;
  display: inline;
}

.headerPressrelease li div {
  display: inline;
  border-top: none;
}

.headerPressrelease li div:after {
  content: " ";
  color: #848587;
  margin-right: 0.2em;
}

.headerPressrelease li:last-of-type div:after {
  content: "";
}

.headerPressrelease .furtherLinks li a:after {
  font-family: FontAwesome;
  content: "";
  color: #848587;
  margin-right: 0.5em;
}

/* Image gallery */
.galleryvi .column {
  position: relative;
}

.galleryvi .picturediv {
  position: absolute;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background: url("/Content/BaselworldDID/img/bg-imgbox.gif");
}

.galleryvi .picturediv .imagecontainer.horizontal {
  margin-top: 16%;
}

.galleryvi .picturediv .imagecontainer.vertical {
  margin-left: 16%;
}

.galleryvi .picturediv img {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  cursor: pointer;
}

.galleryvi .picturediv .hoverdiv {
  display: none;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  border: 0.18em solid #e1001a;
  z-index: 2;
}

.galleryvi .picturediv .hoverdiv > a {
  display: block;
  width: 100%;
  height: 100%;
}

.galleryvi .picturediv .hoverdiv .highslide-caption {
  display: none;
}

.galleryvi .picturediv .hoverdiv .linkboxdownload,
.galleryvi .picturediv .hoverdiv .linkboxpreview {
  position: absolute;
  bottom: 0;
  left: 1.5em;
  height: 1.5em;
  width: 1.5em;
  background-color: #e1001a;
  text-align: center;
  cursor: pointer;
}

.galleryvi .picturediv .hoverdiv .linkboxdownload i,
.galleryvi .picturediv .hoverdiv .linkboxpreview i {
  color: white;
  -webkit-text-stroke: 0.6px #e1001a;
}

body .galleryvi .picturediv .hoverdiv .linkboxdownload {
  left: 0;
}

body .galleryvi .picturediv .hoverdiv .linkboxdownload a {
  width: 100%;
  height: 100%;
  display: block;
}

.galleryvi .picturediv:hover .hoverdiv {
  display: block;
}

.touch .galleryvi .picturediv:hover .hoverdiv {
  display: none;
}

.galleryvi h4, .galleryvi .nogalleryimagetitle {
  padding-top: 100%;
  margin: 0.25em 0 0 0;
  color: #484848;
  font-weight: normal;
  font-size: 0.9em;
}

/* ContactGallery */
.contactgallery {
  margin-left: 1.75% !important;
  margin-right: 1.75% !important;
  clear: both;
}

@media (max-width: 699px) {
  .contactgallery {
    margin-left: 4%;
    margin-right: 4%;
  }
}

.contactgallery .galleryvi li h4 {
  text-align: center;
}

.contactgallery .galleryvi .picturediv {
  background: none;
}

.contactgallery .galleryvi .picturediv .imagecontainer.horizontal {
  margin-top: 0px;
}

.contactgallery .galleryvi .picturediv .imagecontainer .linkboxpreview {
  position: absolute;
  bottom: 0px;
  left: 1.5em;
  height: 1.5em;
  width: 1.5em;
  text-align: center;
  color: #888;
  background-color: #F1F1F1;
  cursor: pointer;
  z-index: 5;
  transition: background-color 100ms ease-in-out, color 100ms ease-in-out;
}

.contactgallery .galleryvi .picturediv:hover .imagecontainer .linkboxpreview {
  color: #fff;
  background-color: #007196;
  transition: background-color 100ms ease-in-out, color 100ms ease-in-out;
}

.contactgallery .galleryvi .picturediv .imagecontainer img {
  border: 2px solid transparent;
  border-radius: 50%;
  transition: border 100ms ease-in-out;
}

.contactgallery .galleryvi .picturediv:hover .imagecontainer img {
  border-color: #007196;
  transition: border 100ms ease-in-out;
}

.contactgallery .galleryvi .picturediv .hoverdiv {
  border: none !important;
}

/* Portlets and more */
.main-content .portletInContentOneColumnWidth,
.main-content .portletInContentTwoColumnWidth,
.main-content .portletInContentThreeColumnWidth,
.contentWithoutSidebar .portletInContentOneColumnWidth,
.contentWithoutSidebar .portletInContentTwoColumnWidth,
.contentWithoutSidebar .portletInContentThreeColumnWidth {
  margin-bottom: 2em;
  background: none;
  border: none;
  border-radius: 0;
  /* Padding covering all except the image of the portlet content */
  /* Portlet-Alignment Hack */
  width: 96.6666%;
  margin-left: 1.75%;
  margin-right: 1.75%;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}

.main-content .portletInContentOneColumnWidth a.anchor,
.main-content .portletInContentTwoColumnWidth a.anchor,
.main-content .portletInContentThreeColumnWidth a.anchor,
.contentWithoutSidebar .portletInContentOneColumnWidth a.anchor,
.contentWithoutSidebar .portletInContentTwoColumnWidth a.anchor,
.contentWithoutSidebar .portletInContentThreeColumnWidth a.anchor {
  line-height: 0 !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.main-content .portletInContentOneColumnWidth h3, .main-content .portletInContentOneColumnWidth .introText, .main-content .portletInContentOneColumnWidth .hauptText, .main-content .portletInContentOneColumnWidth .adressBild, .main-content .portletInContentOneColumnWidth .adressContainer75x100, .main-content .portletInContentOneColumnWidth .adressContainer90x120, .main-content .portletInContentOneColumnWidth .adressContainer260x260, .main-content .portletInContentOneColumnWidth .mchVideoFooter,
.main-content .portletInContentTwoColumnWidth h3,
.main-content .portletInContentTwoColumnWidth .introText,
.main-content .portletInContentTwoColumnWidth .hauptText,
.main-content .portletInContentTwoColumnWidth .adressBild,
.main-content .portletInContentTwoColumnWidth .adressContainer75x100,
.main-content .portletInContentTwoColumnWidth .adressContainer90x120,
.main-content .portletInContentTwoColumnWidth .adressContainer260x260,
.main-content .portletInContentTwoColumnWidth .mchVideoFooter,
.main-content .portletInContentThreeColumnWidth h3,
.main-content .portletInContentThreeColumnWidth .introText,
.main-content .portletInContentThreeColumnWidth .hauptText,
.main-content .portletInContentThreeColumnWidth .adressBild,
.main-content .portletInContentThreeColumnWidth .adressContainer75x100,
.main-content .portletInContentThreeColumnWidth .adressContainer90x120,
.main-content .portletInContentThreeColumnWidth .adressContainer260x260,
.main-content .portletInContentThreeColumnWidth .mchVideoFooter,
.contentWithoutSidebar .portletInContentOneColumnWidth h3,
.contentWithoutSidebar .portletInContentOneColumnWidth .introText,
.contentWithoutSidebar .portletInContentOneColumnWidth .hauptText,
.contentWithoutSidebar .portletInContentOneColumnWidth .adressBild,
.contentWithoutSidebar .portletInContentOneColumnWidth .adressContainer75x100,
.contentWithoutSidebar .portletInContentOneColumnWidth .adressContainer90x120,
.contentWithoutSidebar .portletInContentOneColumnWidth .adressContainer260x260,
.contentWithoutSidebar .portletInContentOneColumnWidth .mchVideoFooter,
.contentWithoutSidebar .portletInContentTwoColumnWidth h3,
.contentWithoutSidebar .portletInContentTwoColumnWidth .introText,
.contentWithoutSidebar .portletInContentTwoColumnWidth .hauptText,
.contentWithoutSidebar .portletInContentTwoColumnWidth .adressBild,
.contentWithoutSidebar .portletInContentTwoColumnWidth .adressContainer75x100,
.contentWithoutSidebar .portletInContentTwoColumnWidth .adressContainer90x120,
.contentWithoutSidebar .portletInContentTwoColumnWidth .adressContainer260x260,
.contentWithoutSidebar .portletInContentTwoColumnWidth .mchVideoFooter,
.contentWithoutSidebar .portletInContentThreeColumnWidth h3,
.contentWithoutSidebar .portletInContentThreeColumnWidth .introText,
.contentWithoutSidebar .portletInContentThreeColumnWidth .hauptText,
.contentWithoutSidebar .portletInContentThreeColumnWidth .adressBild,
.contentWithoutSidebar .portletInContentThreeColumnWidth .adressContainer75x100,
.contentWithoutSidebar .portletInContentThreeColumnWidth .adressContainer90x120,
.contentWithoutSidebar .portletInContentThreeColumnWidth .adressContainer260x260,
.contentWithoutSidebar .portletInContentThreeColumnWidth .mchVideoFooter {
  padding: 0;
}

.main-content .portletInContentOneColumnWidth .bild,
.main-content .portletInContentTwoColumnWidth .bild,
.main-content .portletInContentThreeColumnWidth .bild,
.contentWithoutSidebar .portletInContentOneColumnWidth .bild,
.contentWithoutSidebar .portletInContentTwoColumnWidth .bild,
.contentWithoutSidebar .portletInContentThreeColumnWidth .bild {
  padding: 0;
}

@media only screen and (max-width: 699px) {
  .main-content .portletInContentOneColumnWidth,
  .main-content .portletInContentTwoColumnWidth,
  .main-content .portletInContentThreeColumnWidth,
  .contentWithoutSidebar .portletInContentOneColumnWidth,
  .contentWithoutSidebar .portletInContentTwoColumnWidth,
  .contentWithoutSidebar .portletInContentThreeColumnWidth {
    background: none;
    border: none;
    border-radius: 0;
    /* Padding covering all except the image of the portlet content */
  }
  .main-content .portletInContentOneColumnWidth h3, .main-content .portletInContentOneColumnWidth .introText, .main-content .portletInContentOneColumnWidth .hauptText, .main-content .portletInContentOneColumnWidth .adressBild, .main-content .portletInContentOneColumnWidth .adressContainer75x100, .main-content .portletInContentOneColumnWidth .adressContainer90x120, .main-content .portletInContentOneColumnWidth .adressContainer260x260, .main-content .portletInContentOneColumnWidth .mchVideoFooter,
  .main-content .portletInContentTwoColumnWidth h3,
  .main-content .portletInContentTwoColumnWidth .introText,
  .main-content .portletInContentTwoColumnWidth .hauptText,
  .main-content .portletInContentTwoColumnWidth .adressBild,
  .main-content .portletInContentTwoColumnWidth .adressContainer75x100,
  .main-content .portletInContentTwoColumnWidth .adressContainer90x120,
  .main-content .portletInContentTwoColumnWidth .adressContainer260x260,
  .main-content .portletInContentTwoColumnWidth .mchVideoFooter,
  .main-content .portletInContentThreeColumnWidth h3,
  .main-content .portletInContentThreeColumnWidth .introText,
  .main-content .portletInContentThreeColumnWidth .hauptText,
  .main-content .portletInContentThreeColumnWidth .adressBild,
  .main-content .portletInContentThreeColumnWidth .adressContainer75x100,
  .main-content .portletInContentThreeColumnWidth .adressContainer90x120,
  .main-content .portletInContentThreeColumnWidth .adressContainer260x260,
  .main-content .portletInContentThreeColumnWidth .mchVideoFooter,
  .contentWithoutSidebar .portletInContentOneColumnWidth h3,
  .contentWithoutSidebar .portletInContentOneColumnWidth .introText,
  .contentWithoutSidebar .portletInContentOneColumnWidth .hauptText,
  .contentWithoutSidebar .portletInContentOneColumnWidth .adressBild,
  .contentWithoutSidebar .portletInContentOneColumnWidth .adressContainer75x100,
  .contentWithoutSidebar .portletInContentOneColumnWidth .adressContainer90x120,
  .contentWithoutSidebar .portletInContentOneColumnWidth .adressContainer260x260,
  .contentWithoutSidebar .portletInContentOneColumnWidth .mchVideoFooter,
  .contentWithoutSidebar .portletInContentTwoColumnWidth h3,
  .contentWithoutSidebar .portletInContentTwoColumnWidth .introText,
  .contentWithoutSidebar .portletInContentTwoColumnWidth .hauptText,
  .contentWithoutSidebar .portletInContentTwoColumnWidth .adressBild,
  .contentWithoutSidebar .portletInContentTwoColumnWidth .adressContainer75x100,
  .contentWithoutSidebar .portletInContentTwoColumnWidth .adressContainer90x120,
  .contentWithoutSidebar .portletInContentTwoColumnWidth .adressContainer260x260,
  .contentWithoutSidebar .portletInContentTwoColumnWidth .mchVideoFooter,
  .contentWithoutSidebar .portletInContentThreeColumnWidth h3,
  .contentWithoutSidebar .portletInContentThreeColumnWidth .introText,
  .contentWithoutSidebar .portletInContentThreeColumnWidth .hauptText,
  .contentWithoutSidebar .portletInContentThreeColumnWidth .adressBild,
  .contentWithoutSidebar .portletInContentThreeColumnWidth .adressContainer75x100,
  .contentWithoutSidebar .portletInContentThreeColumnWidth .adressContainer90x120,
  .contentWithoutSidebar .portletInContentThreeColumnWidth .adressContainer260x260,
  .contentWithoutSidebar .portletInContentThreeColumnWidth .mchVideoFooter {
    padding: 0;
  }
  .main-content .portletInContentOneColumnWidth .introText,
  .main-content .portletInContentTwoColumnWidth .introText,
  .main-content .portletInContentThreeColumnWidth .introText,
  .contentWithoutSidebar .portletInContentOneColumnWidth .introText,
  .contentWithoutSidebar .portletInContentTwoColumnWidth .introText,
  .contentWithoutSidebar .portletInContentThreeColumnWidth .introText {
    margin: 1em 0;
  }
  .main-content .portletInContentOneColumnWidth .bild,
  .main-content .portletInContentTwoColumnWidth .bild,
  .main-content .portletInContentThreeColumnWidth .bild,
  .contentWithoutSidebar .portletInContentOneColumnWidth .bild,
  .contentWithoutSidebar .portletInContentTwoColumnWidth .bild,
  .contentWithoutSidebar .portletInContentThreeColumnWidth .bild {
    margin: 1em 0;
    padding: 0;
  }
  .main-content .portletInContentOneColumnWidth .hauptText,
  .main-content .portletInContentTwoColumnWidth .hauptText,
  .main-content .portletInContentThreeColumnWidth .hauptText,
  .contentWithoutSidebar .portletInContentOneColumnWidth .hauptText,
  .contentWithoutSidebar .portletInContentTwoColumnWidth .hauptText,
  .contentWithoutSidebar .portletInContentThreeColumnWidth .hauptText {
    margin: 1em 0;
  }
}

.sidebar .portletInService {
  width: 100%;
  background: #f1f1f1;
  margin-bottom: 2em;
  border: none;
  border-radius: 0;
  overflow: hidden;
  /* Padding covering all except the image of the portlet content */
}

.sidebar .portletInService h3, .sidebar .portletInService .introText, .sidebar .portletInService .hauptText, .sidebar .portletInService .adressBild, .sidebar .portletInService .adressContainer75x100, .sidebar .portletInService .adressContainer90x120, .sidebar .portletInService .adressContainer260x260, .sidebar .portletInService .mchVideoFooter {
  padding: 0.25em 1em;
}

.sidebar .portletInService .bild {
  padding: 0;
}

@media only screen and (max-width: 699px) {
  .sidebar .portletInService {
    background: none;
    border: none;
    border-radius: 0;
    /* Padding covering all except the image of the portlet content */
  }
  .sidebar .portletInService h3, .sidebar .portletInService .introText, .sidebar .portletInService .hauptText, .sidebar .portletInService .adressBild, .sidebar .portletInService .adressContainer75x100, .sidebar .portletInService .adressContainer90x120, .sidebar .portletInService .adressContainer260x260, .sidebar .portletInService .mchVideoFooter {
    padding: 0;
  }
  .sidebar .portletInService .bild {
    padding: 0;
  }
}

.portletFooter {
  clear: both;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (min-width: 700px) and (max-width: 1139px), only screen and (min-width: 1140px) and (max-width: 1919px), only screen and (min-width: 1920px) {
  .main-content .portletContainer,
  .contentWithoutSidebar .portletContainer {
    position: relative;
  }
  .main-content .portletInContentOneColumnWidth,
  .main-content .portletInContentTwoColumnWidth,
  .main-content .portletInContentThreeColumnWidth,
  .contentWithoutSidebar .portletInContentOneColumnWidth,
  .contentWithoutSidebar .portletInContentTwoColumnWidth,
  .contentWithoutSidebar .portletInContentThreeColumnWidth {
    display: inline-block;
    vertical-align: top;
    word-wrap: break-word;
  }
  .main-content img,
  .main-content .introText,
  .contentWithoutSidebar img,
  .contentWithoutSidebar .introText {
    margin-bottom: 1em;
  }
  .main-content .portletContainer h2 {
    /* Undo Portlet-Alignement-Hack */
    margin-left: 1.75% !important;
    margin-right: 1.75% !important;
  }
  .main-content .portletInContentOneColumnWidth {
    width: 46.5%;
  }
  .main-content .portletInContentTwoColumnWidth,
  .main-content .portletInContentThreeColumnWidth {
    width: 96.5%;
  }
  .contentWithoutSidebar .portletInContentOneColumnWidth {
    width: 29.8%;
  }
  .contentWithoutSidebar .portletInContentTwoColumnWidth {
    width: 63.2%;
  }
  .contentWithoutSidebar .portletInContentThreeColumnWidth {
    width: 96.5%;
  }
}

/* 2- and 1-columned Portlets in M at half width */
@media only screen and (min-width: 700px) and (max-width: 1139px) {
  .contentWithoutSidebar .portletInContentOneColumnWidth,
  .contentWithoutSidebar .portletInContentTwoColumnWidth {
    width: 46.5%;
  }
}

/* MCH Video Player */
.mchVideo {
  height: auto;
  position: relative;
}

.mchVideo .mchVideoPlayerWrapper,
.mchVideo .mchVideoPlayerWrapper > div {
  position: relative;
  height: 100% !important;
  width: 100% !important;
}

.mchVideo .mchVideoFooter {
  float: left;
}

/* PortletSchober */
.schoberForm .fullAvailableWidth {
  float: left;
  margin-left: 1em;
}

@media only screen and (max-width: 699px) {
  .schoberForm .fullAvailableWidth {
    margin-left: 0;
  }
}

.schoberForm select,
.schoberForm input[type=text] {
  width: 12em;
  border: 1px solid #e6e6e6;
  color: #636363;
  height: 2em;
  padding: 0 0 0 0.3em;
  margin: 0.5em 0.5em 0.5em 0;
  text-indent: 0.25em;
}

.schoberForm select {
  padding-top: 0.125em;
  padding-bottom: 0.125em;
}

.schoberForm input.schoberButton {
  background: #e31819;
  color: #fff;
  border: none;
  cursor: pointer;
  padding: .3em 1em !important;
  margin-top: 2em;
}

.schoberForm input.schoberButton:hover {
  background-color: #999;
}

.schoberForm .Footer {
  clear: left;
}

.schoberForm .Footer:not(:empty) {
  padding-top: 1em;
  padding-bottom: 1em;
}

.schoberForm label.error {
  color: #e31819;
}

.schoberForm .schoberDsgLink {
  clear: both;
  margin-top: 1rem;
}

/* Portlet RSS-Feed */
.rssItemTitle:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.5em;
  display: inline-block;
  speak: none;
  content: "";
  color: #848587;
}

/* Portlet Contact */
.portletContent div.telefon:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.5em;
  display: inline-block;
  speak: none;
  content: "";
  color: #484848;
}

.portletContent div.fax:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.5em;
  display: inline-block;
  speak: none;
  content: "";
  color: #484848;
}

.portletContent div.email:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.5em;
  display: inline-block;
  speak: none;
  content: "";
  color: #e1001a;
}

.portletContent .adressBild div.email:before {
  display: none;
  font-family: inherit;
  margin-right: 0;
}

/* Search */
header .searchField {
  width: 80%;
  float: right;
}

#search label {
  display: none;
}

#search .searchField {
  font-size: 0.8em !important;
  color: #e31819;
  border: 1px solid #e6e6e6 !important;
  background: #fcfcfc !important;
  padding: 3px 5px 5px;
}

.main-nav-mobile #search .searchField {
  font-size: 0.8em !important;
  color: #8c8c8c;
  border: 1px solid #fcfcfc !important;
  background: #fcfcfc !important;
  padding: 3px 5px 5px;
}

#search .searchBtn {
  float: right;
  padding: 0;
  margin: 3px 0 0;
  font-size: .85em !important;
  line-height: 1em;
  border: none !important;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  display: none !important;
}

/* (Search Suggest Adjustments) */
#search div.inputWrapper .ui-autocomplete {
  width: 161px !important;
  overflow: hidden;
}

.ui-widget {
  font: normal 1em/1em "NHaasGroteskTXPro-55Rg", Helvetica, Arial, sans-serif !important;
}

@media only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 1139px) {
  .ui-widget {
    display: none !important;
  }
}

.ui-widget-content {
  border: 1px solid #ccc;
}

.ui-corner-all, .ui-corner-top {
  border-radius: 0 !important;
}

.ui-state-focus {
  border: 0 !important;
  background: none !important;
  background-color: #ccc !important;
}

/* Search result page */
#SearchPage .searchResultList ul {
  list-style-type: none;
  padding-left: 0;
  overflow: hidden;
}

input#seiteninhalt_0_m_btnSearch.SearchPageInputButton {
  background-color: #e31819 !important;
  color: #fff;
  cursor: pointer;
  padding: .2em 1em .4em;
  font-size: 1em;
}

input#seiteninhalt_0_m_btnSearch.SearchPageInputButton:hover {
  background-color: #999 !important;
}

input#seiteninhalt_0_m_txtSearch.SearchPageInputField.searchSuggest.ui-autocomplete-input {
  height: 2em;
  margin-bottom: 1em;
  border: 1px solid #e6e6e6;
  margin: 0 1em 1em 0;
  padding: 0 .5em;
  clear: left;
}

#searchShowSearchOptions {
  background: none !important;
  padding-left: 0 !important;
  margin-bottom: 1em !important;
  color: #e31819 !important;
  padding: .5px 0 0 !important;
  margin-top: 1em;
  background: none !important;
  font-size: .9em;
  cursor: pointer;
}

#searchShowSearchOptions span:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-right: 0.5em;
  speak: none;
  content: "";
}

#searchShowSearchOptions span:hover {
  text-decoration: underline;
}

.dtSearchContentOptions label {
  margin-left: 1em;
}

#SearchPage div.SearchPageTotal h2 {
  margin-top: 1em;
}

.searchResultList .searchResultListLink a {
  font-weight: normal !important;
}

.searchResultList .searchResultListLink a:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  text-decoration: inherit;
  display: inline-block;
  margin-right: 0.5em;
  speak: none;
  content: "";
}

.searchResultList ul li {
  margin-left: 0 !important;
}

/* Makes Twitter-Widget width DID */
#twitter-widget-0,
#twitter-widget-1,
#twitter-widget-2,
#twitter-widget-3 {
  width: 100% !important;
}

/*banner header */
@media only screen and (min-width: 920px) {
  #mainHeader {
    position: relative;
    left: -3.125em;
    margin-bottom: 1.5em;
    margin-top: 0em;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px), only screen and (max-width: 400px) {
  #mainHeader {
    margin-top: 3em;
  }
}

@media only screen and (max-width: 699px), only screen and (max-width: 400px) {
  #mainHeader {
    margin-top: 2em;
  }
}

#mainHeader div {
  margin-left: auto;
  margin-right: auto;
}

/*skyscraper*/
@media only screen and (min-width: 920px) {
  .mightyWrapperBannerInside #mainform {
    float: left !important;
    width: 82% !important;
    min-width: 810px !important;
  }
}

@media only screen and (min-width: 920px) and (max-width: 980px) {
  .mightyWrapperBannerInside #mainform {
    margin-right: -2.0833333333em;
    margin-left: -2.0833333333em;
  }
}

@media only screen and (min-width: 920px) {
  .mightyWrapperBannerInside {
    max-width: 100em !important;
    margin: 0 auto !important;
  }
  .mightyWrapperBannerInside #skyscraper {
    max-width: 160px;
    overflow: hidden;
  }
  .mightyWrapperBannerInside #skyscraper img {
    padding-top: 50px !important;
  }
}

#skyscraper .royalSlider {
  margin: 0 auto;
}

/*banner footer */
#bannerFooter div {
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 920px) {
  #bannerFooter div {
    margin-top: 0.5em;
  }
}

@media only screen and (min-width: 920px) {
  .mightyWrapperBannerInside #bannerFooter {
    width: 82%;
    min-width: 810px;
  }
}

/*addthis*/
.addthis_custom_sharing {
  clear: both;
  padding-top: 2em;
}

.at-custom-share-span {
  margin-right: 0.5em !important;
}

/* END content ------------------------------------------------------------- */
/* START forms ------------------------------------------------------------- */
/* Name: Forms CSS */
/* Usage: Default */
/* Last edited: 01.09.2015 PR */
/*only screen and  could be removed => print would use this */
.scfForm input,
.scfForm textarea,
.scfForm select,
.scfForm .scfTelephoneUsefulInfo {
  width: 100%;
  max-width: 30em;
}

.scfForm input[type=checkbox], .scfForm input[type=radio] {
  width: auto;
  margin-right: .5em !important;
}

.scfForm input + span {
  color: gray;
  float: left;
}

.scfForm .scfSectionContent > div {
  margin-bottom: 1em;
  /* clearfix */
  *zoom: 1;
  /* end clearfix */
}

.scfForm .scfSectionContent > div:before, .scfForm .scfSectionContent > div:after {
  content: " ";
  display: table;
}

.scfForm .scfSectionContent > div:after {
  clear: both;
}

.scfForm .scfSectionContent label {
  clear: left;
}

.scfForm .mandatory label {
  color: #e31819;
}

.scfForm .mandatory input,
.scfForm .mandatory select,
.scfForm .mandatory textarea {
  border: 1px solid #e31819;
}

.scfForm .scfSubmitButtonBorder {
  margin-top: 1em;
}

.scfForm input[type='submit'],
.scfForm input[type='reset'],
.scfForm input[type='button'],
.scfForm button {
  padding: 0.313em 0.625em;
}

input[type='submit'],
input[type='reset'],
input[type='button'],
button {
  padding: 0.125em 0.3125em;
  border: none;
  background: #e31819;
  color: #fff;
  width: auto;
}

input[type='submit']:hover,
input[type='reset']:hover,
input[type='button']:hover,
button:hover {
  background-color: #999;
}

/* FORMS */
div.scfForm {
  margin: 0 !important;
  padding: 0 !important;
  font-family: "NHaasGroteskTXPro-55Rg", Helvetica, Arial, sans-serif !important;
  line-height: inherit !important;
}

div.scfForm div.halfAvailableWidth {
  margin: 5px 3% 5px 0 !important;
  width: 44% !important;
  min-height: 55px !important;
  /* not happy with this */
}

/* Mandatory */
div.scfForm div.mandatory label, div.scfForm div.mandatory span.scfRadioButtonListLabel, div.scfForm div.mandatory span.scfCheckBoxListLabel {
  color: #e31819;
}

div.scfForm .scfCheckBoxListLabel {
  font-family: "NHaasGroteskTXPro-55Rg", Helvetica, Arial, sans-serif;
}

div.scfForm div.mandatory input, div.scfForm div.mandatory textarea, div.scfForm div.mandatory select {
  border: 1px solid #e31819;
}

div.scfForm div.mandatory input[type^="radio"], div.scfForm div.mandatory input[type^="checkbox"] {
  border: none;
}

div.scfForm input, div.scfForm select, div.scfForm option, div.scfForm textarea {
  font-size: 100% !important;
  font-family: "NHaasGroteskTXPro-55Rg", Helvetica, Arial, sans-serif !important;
  margin: 0 !important;
  padding: 0 !important;
}

div.scfForm span.scfRequired {
  float: none !important;
  display: none !important;
  visibility: hidden !important;
}

div.scfForm span.scfValidator {
  float: none !important;
  width: 100% !important;
}

div.scfForm span.scfValidator {
  position: absolute !important;
  /* not happy with this */
}

div.scfForm div.scfValidationSummary {
  margin: 1em 0 !important;
}

div.scfForm div.scfValidationSummary li {
  list-style: none !important;
  font-family: "NHaasGroteskTXPro-55Rg", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

/* Section: fieldset and legend */
div.scfForm .scfSectionBorderAsFieldSet {
  border-top: 1px solid #e6e6e6 !important;
}

div.scfForm .scfSectionLegend {
  color: #636363 !important;
}

/* Inputfield MAX width to be specified */
div.scfForm .scfEmailTextBox, div.scfForm .scfSingleLineTextBox, div.scfForm .scfPasswordTextBox, div.scfForm .scfNumberTextBox, div.scfForm .scfDateTextBox, div.scfForm .scfRadioButtonList, div.scfForm .scfListBox, div.scfForm .scfCheckBoxList, div.scfForm .scfFileUpload, div.scfForm .scfCreditCardTextBox, div.scfForm .scfCreditCardType, div.scfForm .scfConfirmPasswordTextBox, div.scfForm .scfTelephoneTextBox, div.scfForm .scfSmsTelephoneTextBox, div.scfForm select.scfDropList, div.scfForm .scfMultipleLineTextBox, div.scfForm .scfCaptchaTextBox {
  max-width: 30em;
  margin-right: 2em;
  margin-bottom: 1em;
  border: 1px solid #e6e6e6;
  color: #636363;
  height: 2em;
  padding: 0 0 0 0.3em;
  font-family: "NHaasGroteskTXPro-55Rg", Helvetica, Arial, sans-serif;
  font-style: italic;
  text-indent: 0.25em;
}

/* Inputfield HALF width to be specified */
div.scfForm div.halfAvailableWidth .scfEmailTextBox, div.scfForm div.halfAvailableWidth .scfSingleLineTextBox, div.scfForm div.halfAvailableWidth .scfPasswordTextBox, div.scfForm div.halfAvailableWidth .scfNumberTextBox, div.scfForm div.halfAvailableWidth .scfDateTextBox, div.scfForm div.halfAvailableWidth .scfRadioButtonList, div.scfForm div.halfAvailableWidth .scfListBox, div.scfForm div.halfAvailableWidth .scfCheckBoxList, div.scfForm div.halfAvailableWidth .scfFileUpload, div.scfForm div.halfAvailableWidth .scfCreditCardTextBox, div.scfForm div.halfAvailableWidth .scfCreditCardType, div.scfForm div.halfAvailableWidth .scfConfirmPasswordTextBox, div.scfForm div.halfAvailableWidth .scfTelephoneTextBox, div.scfForm div.halfAvailableWidth .scfSmsTelephoneTextBox, div.scfForm div.halfAvailableWidth select.scfDropList, div.scfForm div.halfAvailableWidth .scfMultipleLineTextBox, div.scfForm div.halfAvailableWidth .scfCaptchaTextBox {
  width: 100% !important;
  border: 1px solid #e6e6e6;
  display: block !important;
}

/* No borders for radio buttons and checkboxes, please */
div.scfForm table.scfRadioButtonList, div.scfForm div.halfAvailableWidth table.scfRadioButtonList, div.scfForm table.scfCheckBoxList, div.scfForm div.halfAvailableWidth table.scfCheckBoxList {
  border: none !important;
}

/* Alignment of labels for radio buttons and checkboxes */
div.scfForm table.scfRadioButtonList label, div.scfForm div.halfAvailableWidth table.scfRadioButtonList label, div.scfForm table.scfCheckBoxList label, div.scfForm div.halfAvailableWidth table.scfCheckBoxList label, div.scfForm .scfCheckboxBorder label, div.scfForm div.halfAvailableWidth .scfCheckboxBorder label {
  display: inline !important;
  width: inherit !important;
  padding: 0 4px !important;
}

div.scfForm table.scfRadioButtonList td, div.scfForm div.halfAvailableWidth table.scfRadioButtonList td, div.scfForm table.scfCheckBoxList td, div.scfForm div.halfAvailableWidth table.scfCheckBoxList td {
  vertical-align: bottom !important;
}

/* Panel Definition = Div including formfield and text */
div.scfForm .scfEmailGeneralPanel, div.scfForm .scfMultipleLineGeneralPanel, div.scfForm .scfSingleLineGeneralPanel, div.scfForm .scfPasswordGeneralPanel, div.scfForm .scfNumberGeneralPanel, div.scfForm .scfDateGeneralPanel, div.scfForm .scfRadioButtonListGeneralPanel, div.scfForm .scfCheckBoxListGeneralPanel, div.scfForm .scfFileUploadGeneralPanel, div.scfForm .scfDateSelectorGeneralPanel, div.scfForm .scfCreditCardGeneralPanel, div.scfForm .scfConfirmPasswordGeneralPanel, div.scfForm .scfCaptchaGeneralPanel, div.scfForm .scfTelephoneGeneralPanel, div.scfForm .scfSmsTelephoneGeneralPanel, div.scfForm .scfListBoxGeneralPanel, div.scfForm .scfDropListGeneralPanel, div.scfForm .scfCaptchStrongTextPanel, div.scfForm .scfCaptchaLimitGeneralPanel {
  width: 100% !important;
  display: block;
  float: none !important;
  margin-bottom: 1.5em !important;
}

/* Panel Definition = Div including formfield and text at half available width */
div.scfForm div.halfAvailableWidth .scfEmailGeneralPanel, div.scfForm div.halfAvailableWidth .scfMultipleLineGeneralPanel, div.scfForm div.halfAvailableWidth .scfSingleLineGeneralPanel, div.scfForm div.halfAvailableWidth .scfPasswordGeneralPanel, div.scfForm div.halfAvailableWidth .scfNumberGeneralPanel, div.scfForm div.halfAvailableWidth .scfDateGeneralPanel, div.scfForm div.halfAvailableWidth .scfRadioButtonListGeneralPanel, div.scfForm div.halfAvailableWidth .scfCheckBoxListGeneralPanel, div.scfForm div.halfAvailableWidth .scfFileUploadGeneralPanel, div.scfForm div.halfAvailableWidth .scfDateSelectorGeneralPanel, div.scfForm div.halfAvailableWidth .scfCreditCardGeneralPanel, div.scfForm div.halfAvailableWidth .scfConfirmPasswordGeneralPanel, div.scfForm div.halfAvailableWidth .scfCaptchaGeneralPanel, div.scfForm div.halfAvailableWidth .scfTelephoneGeneralPanel, div.scfForm div.halfAvailableWidth .scfSmsTelephoneGeneralPanel, div.scfForm div.halfAvailableWidth .scfListBoxGeneralPanel, div.scfForm div.halfAvailableWidth .scfCaptchStrongTextPanel, div.scfForm div.halfAvailableWidth .scfCaptchaLimitGeneralPanel {
  width: 100% !important;
  display: block;
  float: none !important;
  margin-bottom: 0;
}

/* Title */
div.scfForm .scfTitleBorder, .scfTitleBorder {
  color: #484848 !important;
  font-family: "NHaasGroteskTXPro-55Rg", Helvetica, Arial, sans-serif !important;
}

/* Infotext */
div.scfForm .scfDropListUsefulInfo, div.scfForm .scfEmailUsefulInfo, div.scfForm .scfMultipleLineTextUsefulInfo, div.scfForm .scfSingleLineTextUsefulInfo, div.scfForm .scfPasswordUsefulInfo, div.scfForm .scfNumberUsefulInfo, div.scfForm .scfDateUsefulInfo, div.scfForm .scfRadioButtonListUsefulInfo, div.scfForm .scfListBoxUsefulInfo, div.scfForm .scfCheckBoxListUsefulInfo, div.scfForm .scfFileUploadUsefulInfo, div.scfForm .scfDateSelectorUsefulInfo, div.scfForm .scfCreditCardTextUsefulInfo, div.scfForm .scfConfirmPasswordUsefulInfo, div.scfForm .scfCaptchaUsefulInfo, div.scfForm .scfTelephoneUsefulInfo, div.scfForm .scfSmsTelephoneUsefulInfo, div.scfForm .scfCheckboxUsefulInfo {
  padding: 0 !important;
  font-size: 100% !important;
  width: 100% !important;
  display: block;
  float: none !important;
  color: #636363 !important;
  font-family: "NHaasGroteskTXPro-55Rg", Helvetica, Arial, sans-serif;
}

/* Labels */
div.scfForm label {
  width: 100% !important;
  padding: 0 0 3px 0 !important;
  display: block !important;
  float: none !important;
}

/* Labels, encore */
div.scfForm .scfDropListLabel, div.scfForm .scfEmailLabel, div.scfForm .scfMultipleLineTextLabel, div.scfForm .scfSingleLineTextLabel, div.scfForm .scfPasswordLabel, div.scfForm .scfNumberLabel, div.scfForm .scfDateLabel, div.scfForm .scfRadioButtonListLabel, div.scfForm .scfCheckBoxListLabel, div.scfForm .scfListBoxLabel, div.scfForm .scfFileUploadLabel, div.scfForm .scfDateSelectorLabel, div.scfForm .scfCreditCardLabel, div.scfForm .scfConfirmPasswordLabel, div.scfForm .scfCaptchaLabel, div.scfForm .scfCaptchaLabelText, div.scfForm .scfTelephoneLabel, div.scfForm .scfSmsTelephoneLabel {
  width: 100% !important;
  padding: 0 0 3px 0 !important;
  display: block !important;
  float: none !important;
}

/* Date labels */
div.scfForm .scfDateSelectorShortLabelYear, div.scfForm .scfDateSelectorShortLabelMonth, div.scfForm .scfDateSelectorShortLabelDay {
  float: left !important;
  color: #636363 !important;
  font-size: inherit !important;
}

div.scfForm .scfDateSelectorShortLabelYear {
  width: 147px !important;
  margin-right: 5px !important;
}

div.scfForm .scfDateSelectorShortLabelMonth {
  width: 147px !important;
  margin-right: 5px !important;
}

div.scfForm .scfDateSelectorShortLabelDay {
  width: 147px !important;
  /*margin: 0 !important;*/
}

div.scfForm div.halfAvailableWidth .scfDateSelectorShortLabelYear {
  width: 32% !important;
  margin-right: 2% !important;
}

div.scfForm div.halfAvailableWidth .scfDateSelectorShortLabelMonth {
  width: 32% !important;
  margin-right: 2% !important;
}

div.scfForm div.halfAvailableWidth .scfDateSelectorShortLabelDay {
  width: 32% !important;
}

/* Date formfields */
div.scfForm .scfDateSelectorYear, div.scfForm .scfDateSelectorMonth, div.scfForm .scfDateSelectorDay {
  border: 1px solid #e6e6e6;
}

div.scfForm .scfDateSelectorYear {
  width: 147px !important;
  margin-right: 5px !important;
}

div.scfForm .scfDateSelectorMonth {
  width: 147px !important;
  margin-right: 5px !important;
}

div.scfForm .scfDateSelectorDay {
  width: 147px !important;
}

div.scfForm div.halfAvailableWidth .scfDateSelectorYear {
  width: 32% !important;
  margin-right: 2% !important;
}

div.scfForm div.halfAvailableWidth .scfDateSelectorMonth {
  width: 32% !important;
  margin-right: 2% !important;
}

div.scfForm div.halfAvailableWidth .scfDateSelectorDay {
  width: 32% !important;
}

/* Border = Div by 100% width including label, formfield and text */
div.scfForm .scfDropListBorder, div.scfForm .scfEmailBorder, div.scfForm .scfMultipleLineTextBorder, div.scfForm .scfSingleLineTextBorder, div.scfForm .scfPasswordBorder, div.scfForm .scfNumberBorder, div.scfForm .scfDateBorder, div.scfForm .scfRadioButtonListBorder, div.scfForm .scfListBoxBorder, div.scfForm .scfCheckBoxListBorder, div.scfForm .scfFileUploadBorder, div.scfForm .scfDateSelectorBorder, div.scfForm .scfCreditCardBorder, div.scfForm .scfConfirmPasswordBorder, div.scfForm .scfCaptchaBorder, div.scfForm .scfTelephoneBorder, div.scfForm .scfSmsTelephoneBorder {
  margin: 1em 0 !important;
}

div.scfForm div.scfSubmitButtonBorder {
  margin-top: 1em;
}

/* Buttons */
div.scfForm input[type^="submit"], div.scfForm input[type^="reset"] {
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  font-family: "NHaasGroteskTXPro-55Rg", Helvetica, Arial, sans-serif !important;
  background: #e31819;
  padding: .3em 1em !important;
}

div.scfForm input[type^="submit"]:hover, div.scfForm input[type^="reset"]:hover {
  background-color: #999;
}

div.scfForm div.scfValidationSummary {
  font-weight: bold;
}

/* END forms --------------------------------------------------------------- */
/* START footer ------------------------------------------------------------ */
/* Name: Footer CSS */
/* Usage: Default */
/* Last edited: 04.03.2016 MM */
/*only screen and  could be removed => print would use this */
/* FOOTER (Addthis, Partner, generische Navigation, Social Media Icons) */
/*
.at-svc-whatsapp {
	display: none !important;

	@media only screen and (max-width : 699px), only screen and (max-width : 400px) {
		display: inline-block !important;
	}
}
*/
footer.pagefooter {
  padding: 0 3.5%;
  margin-left: 3.125em;
  margin-right: 3.125em;
  background: transparent;
  color: #696969;
  overflow: hidden;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px) {
  footer.pagefooter {
    padding: 0;
  }
}

@media only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 1139px) {
  footer.pagefooter {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (max-width: 699px) {
  footer.pagefooter {
    background: #fff;
  }
}

footer.pagefooter nav ul ul li {
  float: left;
}

footer.pagefooter nav > ul > li {
  width: 100%;
  border-top: 1px solid #e6e6e6;
  clear: left;
  padding: 0.5em 0;
  /*overflow:  hidden;*/
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  footer.pagefooter nav > ul > li {
    border-top: 1px solid #e6e6e6;
    padding: 0.5em 3.125em;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  footer.pagefooter nav > ul > li {
    border-top: 1px solid #e6e6e6;
    padding: 0.5em 1.25em;
  }
}

@media only screen and (max-width: 699px) {
  footer.pagefooter nav > ul > li {
    border-top: 1px solid #e6e6e6;
    padding: 0.5em 0.375em;
  }
}

footer.pagefooter nav > ul > li:first-child {
  border-top: none;
}

footer.pagefooter nav ul {
  margin: 0;
  padding: 0.1em 0 0;
  /* MCH Copyright / Disclaimer / Datenschutz Footer */
}

footer.pagefooter nav ul li {
  color: #696969;
  text-decoration: none;
  text-decoration: none;
  font-size: 1em;
  line-height: 1.8;
}

footer.pagefooter nav ul li ul {
  margin-right: 2rem;
}

footer.pagefooter nav ul li ul li {
  padding-top: 28px;
}

@media screen and (max-width: 400px) {
  footer.pagefooter nav ul li ul li {
    padding-top: 0;
  }
}

footer.pagefooter nav ul li a {
  color: #696969;
  text-decoration: none;
}

footer.pagefooter nav ul li a:hover {
  color: #1f1f1f;
}

@media screen and (max-width: 400px) {
  footer.pagefooter nav ul .copyright > ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

footer.pagefooter nav ul .copyright > ul > li::before {
  content: "\00A0 - ";
}

footer.pagefooter nav ul .copyright > ul > li:first-of-type {
  margin-bottom: .5em;
  padding-left: 40px;
  height: 60px;
  background: transparent url(/Sites/Images/Common/footer/logo-footer-mch-group.png) left top no-repeat;
  background-size: 33px auto;
}

footer.pagefooter nav ul .copyright > ul > li:first-of-type::before {
  display: none;
}

@media screen and (max-width: 400px) {
  footer.pagefooter nav ul .copyright > ul > li:first-of-type {
    margin-bottom: 0;
    padding-left: 23px;
    width: 100%;
    height: 30px;
    text-align: left;
    background-size: 15px auto;
  }
}

@media screen and (max-width: 400px) {
  footer.pagefooter nav ul .copyright > ul > li:nth-of-type(2)::before {
    display: none;
  }
}

footer.pagefooter nav ul .generic li:nth-child(1) {
  margin-left: 0;
}

footer.pagefooter nav ul .generic li:before {
  content: "";
  color: #777;
  padding-right: 0.25em;
  padding-left: 0.5em;
}

footer.pagefooter nav ul .generic li:nth-child(1):before {
  content: none;
}

footer.pagefooter nav ul .social li {
  margin-right: 1em;
}

footer.pagefooter nav ul .social li:last-child {
  margin-right: 0;
}

footer.pagefooter nav ul .social li a {
  margin-top: .3em;
  margin-bottom: .3em;
}

footer.pagefooter nav ul .social li a:first-child {
  margin-left: 0;
}

footer.pagefooter nav ul .social li:nth-child(2):before {
  content: none;
}

footer.pagefooter nav ul a.partners {
  margin: 0 0 0 1em;
  display: block;
  text-indent: -9999px;
  float: left;
}

footer.pagefooter nav ul a.partners.company1 {
  width: 65px;
  height: 15px;
  margin-top: 0.4em;
  background-image: none;
}

footer.pagefooter nav ul a.partners.company2 {
  width: 30px;
  height: 22px;
  margin-top: 0;
  background-image: none;
}

footer.pagefooter nav ul a.partners.company3 {
  width: 55px;
  height: 16px;
  margin-top: 0.4em;
  background-image: none;
}

@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  footer.pagefooter nav ul a.partners.company1 {
    background-size: 65px partners-company1-height;
    background-image: none;
  }
  footer.pagefooter nav ul a.partners.company2 {
    background-size: 30px partners-company2-height;
    background-image: none;
  }
  footer.pagefooter nav ul a.partners.company3 {
    background-size: 55px partners-company3-height;
    background-image: none;
  }
}

@media only screen and (min-width: 1140px) and (max-width: 1919px), only screen and (min-width: 1920px) {
  footer.pagefooter nav > ul > li {
    width: auto !important;
    margin-right: 2em;
    float: right;
    clear: none;
    border-top: none;
    display: inline-block;
  }
  footer.pagefooter nav > ul > li:first-child {
    margin-right: 0;
  }
  footer.pagefooter nav > ul > li:last-child {
    float: left;
  }
  footer.pagefooter nav ul ul li {
    padding: 1.5em 0 0.5em 0;
  }
}

/* Social Media Icons  */
header .generic-navigation a.smifacebook,
header .generic-navigation a.smitwitter,
header .generic-navigation a.smiyoutube,
header .generic-navigation a.smiflickr,
header .generic-navigation a.smiweibo,
header .generic-navigation a.smiinstagram,
header .generic-navigation a.smilinkedin,
header .generic-navigation a.smigoogleplus,
header .generic-navigation a.smixing,
footer.pagefooter nav a.smifacebook,
footer.pagefooter nav a.smitwitter,
footer.pagefooter nav a.smiyoutube,
footer.pagefooter nav a.smiflickr,
footer.pagefooter nav a.smiweibo,
footer.pagefooter nav a.smiinstagram,
footer.pagefooter nav a.smilinkedin,
footer.pagefooter nav a.smigoogleplus,
footer.pagefooter nav a.smixing {
  margin: .5em 0 0 .5em;
  width: 20px;
  height: 20px;
  float: left;
  overflow: hidden;
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  header .generic-navigation a.smifacebook,
  header .generic-navigation a.smitwitter,
  header .generic-navigation a.smiyoutube,
  header .generic-navigation a.smiflickr,
  header .generic-navigation a.smiweibo,
  header .generic-navigation a.smiinstagram,
  header .generic-navigation a.smilinkedin,
  header .generic-navigation a.smigoogleplus,
  header .generic-navigation a.smixing,
  footer.pagefooter nav a.smifacebook,
  footer.pagefooter nav a.smitwitter,
  footer.pagefooter nav a.smiyoutube,
  footer.pagefooter nav a.smiflickr,
  footer.pagefooter nav a.smiweibo,
  footer.pagefooter nav a.smiinstagram,
  footer.pagefooter nav a.smilinkedin,
  footer.pagefooter nav a.smigoogleplus,
  footer.pagefooter nav a.smixing {
    margin-left: 1.5em;
  }
}

header .generic-navigation ul li.social a:hover,
footer.pagefooter nav ul li.social a:hover {
  text-decoration: none;
}

header .generic-navigation ul li.social a:before,
footer.pagefooter nav ul li.social a:before {
  color: #696969;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 20px;
  position: relative;
  top: -8px;
  line-height: 1.8;
}

header .generic-navigation ul li.social a.smifacebook:before,
footer.pagefooter nav ul li.social a.smifacebook:before {
  content: "\f082";
}

header .generic-navigation ul li.social a.smitwitter:before,
footer.pagefooter nav ul li.social a.smitwitter:before {
  content: "\f081";
}

header .generic-navigation ul li.social a.smiyoutube:before,
footer.pagefooter nav ul li.social a.smiyoutube:before {
  content: "\f166";
}

header .generic-navigation ul li.social a.smiflickr:before,
footer.pagefooter nav ul li.social a.smiflickr:before {
  content: "\f16e";
}

header .generic-navigation ul li.social a.smiweibo:before,
footer.pagefooter nav ul li.social a.smiweibo:before {
  content: "\f18a";
}

header .generic-navigation ul li.social a.smiinstagram:before,
footer.pagefooter nav ul li.social a.smiinstagram:before {
  content: "\f16d";
}

header .generic-navigation ul li.social a.smilinkedin:before,
footer.pagefooter nav ul li.social a.smilinkedin:before {
  content: "\f0e1";
}

header .generic-navigation ul li.social a.smigoogleplus:before,
footer.pagefooter nav ul li.social a.smigoogleplus:before {
  content: "\f0d4";
}

header .generic-navigation ul li.social a.smixing:before,
footer.pagefooter nav ul li.social a.smixing:before {
  content: "\f168";
}

div.scrollup {
  visibility: hidden;
  position: fixed;
  bottom: 10px;
  right: 10px;
  height: 45px;
  width: 45px;
  background: #e1001a;
  z-index: 999;
  cursor: pointer;
  text-decoration: none;
}

div.scrollup:before {
  display: block;
  speak: none;
  text-align: center;
  font-family: FontAwesome;
  content: "";
  color: #FFF;
  font-size: 3rem;
  line-height: 1;
}

/* END footer -------------------------------------------------------------- */
/* START mch_jquery_ui_1.11.4.custom.min ----------------------------------- */
/* Name: jQuery CSS */
/* Usage: Default */
/* Last edited: 18.02.2016 MB */
/* Wichtiger Hinweis: Diese Datei basiert auf der jquery-ui.min.css -- folgende Anpassungen wurden vorgenommen:
	1. Pfade zu den Bildern (/Sites/Images/Common/jquery_ui/)
	2. CSS Anweisung hinzugefügt: z-index: 9999;
   Diese Anpassungen müssen bei einem nächsten jquery ui Update nachgeführt werden.
*/
/*! jQuery UI - v1.11.4 - 2016-02-17
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-reset, .ui-menu {
  outline: 0;
  list-style: none;
}

.ui-button, .ui-spinner, .ui-spinner-input {
  vertical-align: middle;
}

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: .1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted #000;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  font-size: 100%;
}

.ui-accordion .ui-accordion-icons, .ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  z-index: 9999;
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  text-align: center;
  overflow: visible;
}

.ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2.2em;
}

button.ui-button-icon-only {
  width: 2.4em;
}

.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}

.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}

input.ui-button {
  padding: .4em 1em;
}

.ui-button-icon-only .ui-icon, .ui-button-icons-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-icons-only .ui-button-icon-primary, .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary {
  left: .5em;
}

.ui-button-icons-only .ui-button-icon-secondary, .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary {
  right: .5em;
}

.ui-buttonset {
  margin-right: 7px;
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em;
}

button.ui-button::-moz-focus-inner, input.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: 700;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td a, .ui-datepicker td span {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: 0 0;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}

.ui-slider-vertical .ui-slider-range-min, .ui-spinner-down {
  bottom: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-menu {
  padding: 0;
  margin: 0;
  display: block;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0;
}

.ui-menu .ui-state-active, .ui-menu .ui-state-focus {
  margin: -1px;
}

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url(/Sites/Images/Common/jquery_ui/animated-overlay.gif);
  height: 100%;
  filter: alpha(opacity=25);
  opacity: .25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  padding: 2px .4em;
  margin: .5em 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}

.ui-selectmenu-button span.ui-icon {
  right: .5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}

.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: .4em 2.1em .4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
}

.ui-spinner-input {
  border: none;
  background: 0 0;
  color: inherit;
  padding: 0;
  margin: .2em 22px .2em .4em;
}

.ui-widget-content a, .ui-widget-header, .ui-widget-header a {
  color: #222;
}

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}

.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner .ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-tabs {
  position: relative;
  padding: .2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: 0 0;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
  border-width: 2px;
}

.ui-widget {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #aaa;
  background: url(/Sites/Images/Common/jquery_ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x #fff;
  color: #222;
}

.ui-widget-header {
  border: 1px solid #aaa;
  background: url(/Sites/Images/Common/jquery_ui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x #ccc;
  font-weight: 700;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: url(/Sites/Images/Common/jquery_ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x #e6e6e6;
  font-weight: 400;
  color: #555;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #555;
  text-decoration: none;
}

.ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
  border: 1px solid #999;
  background: url(/Sites/Images/Common/jquery_ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x #dadada;
  font-weight: 400;
  color: #212121;
}

.ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
  color: #212121;
  text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #aaa;
  background: url(/Sites/Images/Common/jquery_ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #fff;
  font-weight: 400;
  color: #212121;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: url(/Sites/Images/Common/jquery_ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x #fbf9ee;
  color: #363636;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: url(/Sites/Images/Common/jquery_ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x #fef1ec;
  color: #cd0a0a;
}

.ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error a, .ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: 700;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: 400;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
  background-image: url(/Sites/Images/Common/jquery_ui/ui-icons_222222_256x240.png);
}

.ui-state-default .ui-icon {
  background-image: url(/Sites/Images/Common/jquery_ui/ui-icons_888888_256x240.png);
}

.ui-state-active .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
  background-image: url(/Sites/Images/Common/jquery_ui/ui-icons_454545_256x240.png);
}

.ui-state-highlight .ui-icon {
  background-image: url(/Sites/Images/Common/jquery_ui/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(/Sites/Images/Common/jquery_ui/ui-icons_cd0a0a_256x240.png);
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-first, .ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-widget-overlay, .ui-widget-shadow {
  background: url(/Sites/Images/Common/jquery_ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #aaa;
  opacity: .3;
  filter: Alpha(Opacity=30);
}

.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
  border-top-left-radius: 4px;
}

.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
  border-top-right-radius: 4px;
}

.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
  border-bottom-left-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
  border-bottom-right-radius: 4px;
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  border-radius: 8px;
}

/* END mch_jquery_ui_1.11.4.custom.min ------------------------------------- */
/* START Module Event Calendar --------------------------------------------- */
/* Name: Eventcalender CSS */
/* Usage: Default */
/* Last edited: 03.12.2014 PR / Author: DH / PR */
/*only screen and  could be removed => print would use this */
/* Wrapper */
/* END Wrapper */
div.EventCalendarWrapper input, div.EventCalendarWrapper button, div.EventCalendarWrapper select {
  line-height: 1.2;
}

/* Navigation Search: - Filter */
div.EventCalendarMainNavigation {
  position: relative;
  margin-top: 4em;
}

div.EventCalendarMainNavigation ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  white-space: nowrap;
  line-height: 1em;
}

div.EventCalendarMainNavigation ul li {
  position: absolute;
  left: 0;
  top: -2em;
  display: block;
  z-index: 20;
  line-height: inherit;
  height: 2.1em;
  width: 11em;
  padding: 0.5em 1em;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 0.5em 0.5em 0 0;
}

div.EventCalendarMainNavigation ul li.select {
  background-color: #f2f2f2;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #f2f2f2;
}

div.EventCalendarMainNavigation ul li.EventCalendarNavFilter {
  left: 11em;
}

div.EventCalendarMainNavigation ul li.EventCalendarNavSearch span:before {
  font-family: fontawesome;
  content: "\f002";
  padding: 0 0.5em 0 0;
}

div.EventCalendarMainNavigation ul li.EventCalendarNavFilter span:before {
  font-family: fontawesome;
  content: "\f0b0";
  padding: 0 0.5em 0 0;
}

/* END Navigation: Search - Filter */
/* EventCalendarSearch */
div.EventCalendarSearch, div.EventCalendarOrder {
  border: 1px solid #d9d9d9;
  margin-bottom: 0.7em;
  padding: 1em;
  background: #f2f2f2;
}

div.EventCalendarSearch input.EventCalendarSearchInput {
  border: 1px solid #808080;
  background: #fff;
  width: 80%;
}

div.EventCalendarSearch input.EventCalendarSearchButton {
  margin-left: 0.5em;
}

/* END EventCalendarSearch */
/* EventCalendarFilter */
div.EventCalendarFilter {
  border: 1px solid #d9d9d9;
  padding: 1em;
  margin-bottom: 0.7em;
  background: #f2f2f2;
  overflow: hidden;
}

div.EventCalendarFilter div.EventCalendarFilterSelectBoxes {
  float: left;
  width: 50%;
}

div.EventCalendarFilter div.EventCalendarFilterSelectBoxes label {
  float: left;
  clear: left;
  width: 1.5em;
  height: 1.5em;
  margin-bottom: 1em;
  font-family: fontawesome;
  letter-spacing: 999em;
  overflow: hidden;
}

div.EventCalendarFilter div.EventCalendarFilterSelectBoxes label.EventCalendarLocationLabel:before {
  content: "\f041";
}

div.EventCalendarFilter div.EventCalendarFilterSelectBoxes label.EventCalendarRoomLabel:before {
  content: "\f140";
}

div.EventCalendarFilter div.EventCalendarFilterSelectBoxes label.EventCalendarCategoryLabel:before {
  content: "\f02b";
}

div.EventCalendarFilter select {
  width: 85%;
  margin-bottom: 1em;
  border: 1px solid #808080;
}

div.EventCalendarFilter div.EventCalendarDate {
  float: left;
  width: 50%;
}

div.EventCalendarFilter div.EventCalendarDate img.ui-datepicker-trigger {
  float: right;
  margin: 0 0 0 0.5em;
  vertical-align: top;
  max-width: 100%;
  width: auto;
}

div.EventCalendarFilter div.EventCalendarDateFrom {
  margin-bottom: 0.5em;
  text-align: right;
}

div.EventCalendarFilter div.EventCalendarDateTo {
  text-align: right;
}

div.EventCalendarFilter div.EventCalendarDateFrom input,
div.EventCalendarFilter div.EventCalendarDateTo input {
  /*padding: 1px;*/
  width: 12em;
  border: 1px solid #808080;
}

div.EventCalendarFilter div.EventCalendarDateFrom label, div.EventCalendarFilter div.EventCalendarDateTo label {
  display: inline-block;
  margin-right: 0.5em;
}

div.EventCalendarFilterFooter {
  clear: both;
  border-top: 1px dotted d9d9d9;
  text-align: right;
  width: 100%;
}

div.EventCalendarFilterFooter input {
  margin-top: 1em;
  float: right;
  padding: .5em 1.5em;
}

div.EventCalendarFilterFooter input.EventCalendarFilterButtonSubmit {
  margin-left: 1.5em;
  margin-right: 1em;
}

div.EventCalendarWrapper input[type="button"] {
  padding: 0.5em 1em !important;
}

/* END EventCalendarFilter */
/* EventCalendar Order */
div.EventCalendarOrder {
  border: 1px solid #d9d9d9;
  margin-bottom: 0.7em;
  padding: 1em;
  background: #f2f2f2;
}

div.EventCalendarOrder select.EventCalendarOrderSelect {
  border: 1px solid #808080;
}

/* Download PDF - 02 2018 - MM */
@media only screen and (max-width: 400px), only screen and (max-width: 699px) {
  div.EventCalendarOrder div.EventCalendarPDF {
    margin-top: 1em;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (min-width: 700px) and (max-width: 1139px), only screen and (min-width: 1140px) and (max-width: 1919px), only screen and (min-width: 1920px) {
  div.EventCalendarOrder div.EventCalendarPDF {
    float: right;
  }
}

div.EventCalendarOrder div.EventCalendarPDF:before {
  content: "\f019";
  font-family: fontawesome;
  margin-right: 1em;
}

/* END EventCalendar Order */
/* Section EventCalendar List */
section.EventCalendarList {
  border: 1px solid #d9d9d9;
}

section.EventCalendarList img.loader {
  display: block;
  margin: 0.5em auto;
}

section.EventCalendarList span.eventLoadText {
  display: block;
  width: inherit;
  margin: 0.5em;
  text-align: center;
  font-style: italic;
}

article.EventCalendarListContent {
  border-bottom: 1px dotted #d9d9d9;
  padding: 1em;
}

article.EventCalendarListContent:nth-of-type(odd) {
  background-color: #f9f9f9;
}

article.EventCalendarListContent div.EventCalendarOrganizer {
  color: #808080;
  padding-bottom: 1em;
}

/* END Section EventCalendar List */
/* EventCalendar List EventCalendar Infos */
dl.EventCalendarInfo {
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
}

dl.EventCalendarInfo dt {
  display: none;
  margin: 0;
  padding: 0;
}

dl.EventCalendarInfo dd {
  width: 55%;
  margin: 0;
  padding: 0;
  display: inline-block;
  line-height: 2em;
  vertical-align: top;
  box-sizing: content-box;
}

dl.EventCalendarInfo dd:nth-of-type(2n+1) {
  width: 43%;
  margin-right: 2%;
}

/* EventCalendar List EventCalendar Infos Icons */
dl.EventCalendarInfo dd:before {
  text-align: center;
  height: 2em;
  margin-right: 0.5em;
  font-family: fontawesome;
  padding: 0.1em 0.5em 0 0;
  display: inline;
}

dl.EventCalendarInfo dd.EventCalendarDate:before {
  content: "\f073";
}

dl.EventCalendarInfo dd.EventCalendarLocation:before {
  content: "\f041";
}

dl.EventCalendarInfo dd.EventCalendarCategory:before {
  content: "\f02b";
}

/* END EventCalendar List EventCalendar Infos Icons */
/* END EventCalendar List EventCalendar Infos */
/* MediaQueries für DID-Varianten */
/* XXL */
/* XL */
@media only screen and (min-width: 1024px) and (max-width: 1919px) {
  div.EventCalendarFilter div.EventCalendarDateFrom input,
  div.EventCalendarFilter div.EventCalendarDateTo input {
    width: 11em;
  }
}

/* L */
@media only screen and (min-width: 920px) and (max-width: 1023px) {
  div.EventCalendarFilter div.EventCalendarDateFrom input,
  div.EventCalendarFilter div.EventCalendarDateTo input {
    width: 11em;
  }
}

/* M */
@media only screen and (min-width: 700px) and (max-width: 919px) {
  div.EventCalendarSearch input.EventCalendarSearchInput {
    width: 98%;
  }
  div.EventCalendarWrapper input[type="button"] {
    padding: 0.5em 1em !important;
  }
  div.EventCalendarSearch input.EventCalendarSearchButton {
    display: block;
    margin-top: 1em;
    margin-left: 0 !important;
  }
  div.EventCalendarFilter select {
    width: 92%;
  }
  div.EventCalendarFilter div.EventCalendarFilterSelectBoxes {
    width: 100%;
    display: block;
    float: none;
  }
  div.EventCalendarFilter div.EventCalendarFilterSelectBoxes label {
    width: 2.2em;
    width: 8%;
  }
  div.EventCalendarFilter div.EventCalendarDate {
    width: 100%;
    display: block;
  }
  div.EventCalendarFilter div.EventCalendarDate img.ui-datepicker-trigger {
    float: none;
  }
  div.EventCalendarFilter div.EventCalendarDateFrom, div.EventCalendarFilter div.EventCalendarDateTo {
    text-align: left;
  }
  div.EventCalendarFilter div.EventCalendarDateFrom input,
  div.EventCalendarFilter div.EventCalendarDateTo input {
    float: none;
    width: 10em;
  }
  div.EventCalendarFilter div.EventCalendarDateFrom label, div.EventCalendarFilter div.EventCalendarDateTo label {
    width: 8%;
    float: left;
    margin-right: 0;
  }
  dl.EventCalendarInfo dd, dl.EventCalendarInfo dd:nth-of-type(2n+1) {
    width: 100%;
    margin-right: 0;
  }
}

/* S */
@media only screen and (max-width: 699px) {
  div.EventCalendarWrapper {
    margin: 0.5em;
    min-width: 330px;
  }
  /* to be transferred to main grid */
  div.EventCalendarWrapper {
    min-width: 330px;
  }
  div.EventCalendarSearch input.EventCalendarSearchInput {
    width: 98%;
  }
  div.EventCalendarWrapper input[type="button"] {
    padding: 0.5em 1em !important;
  }
  div.EventCalendarSearch input.EventCalendarSearchButton {
    display: block;
    margin-top: 1em;
    margin-left: 0 !important;
  }
  div.EventCalendarFilter select {
    width: 92%;
  }
  div.EventCalendarFilter div.EventCalendarFilterSelectBoxes {
    width: 100%;
    display: block;
    float: none;
  }
  div.EventCalendarFilter div.EventCalendarFilterSelectBoxes label {
    width: 8%;
  }
  div.EventCalendarFilter div.EventCalendarDate {
    width: 100%;
    display: block;
  }
  div.EventCalendarFilter div.EventCalendarDateFrom, div.EventCalendarFilter div.EventCalendarDateTo {
    text-align: left;
  }
  div.EventCalendarFilter div.EventCalendarDateFrom input,
  div.EventCalendarFilter div.EventCalendarDateTo input {
    float: none;
    width: 10em;
  }
  div.EventCalendarFilter div.EventCalendarDateFrom label, div.EventCalendarFilter div.EventCalendarDateTo label {
    width: 8%;
    float: left;
    margin-right: 0;
  }
  div.EventCalendarFilter div.EventCalendarDate img.ui-datepicker-trigger {
    float: none;
  }
  dl.EventCalendarInfo dd, dl.EventCalendarInfo dd:nth-of-type(2n+1) {
    width: 100%;
    margin-right: 0;
  }
}

/* XS */
@media only screen and (max-width: 399px) {
  div.EventCalendarWrapper {
    margin: 0;
  }
  div.EventCalendarSearch input.EventCalendarSearchInput {
    width: 95%;
  }
}

/* Baselworld Hackedihack */
/* Datepicker */
.ui-datepicker-trigger {
  clear: none;
}

/* Portlet Specs */
div.nextEventContainer div.nextEventFooter {
  padding: 0.1em 1em;
}

@media only screen and (max-width: 699px) {
  div.nextEventContainer div.nextEventFooter {
    padding: 0;
  }
}

div.nextEventContainer div.nextEventItem {
  padding: 0.1em 1em;
}

@media only screen and (max-width: 699px) {
  div.nextEventContainer div.nextEventItem {
    padding: 0;
  }
}

div.nextEventContainer div.nextEventItem h2.EventCalendarTitle {
  font-size: 1.308em;
}

div.nextEventContainer div.nextEventItem div.EventCalendarByline {
  margin-bottom: 1em;
}

div.nextEventContainer div.nextEventItem dt {
  display: none;
  margin: 0;
  padding: 0;
}

div.nextEventContainer div.nextEventItem dd {
  margin: 0;
  padding: 0;
}

div.nextEventContainer div.nextEventItem dd:before {
  height: 1em;
  width: 1em;
  margin-right: 0.5em;
  display: inline-block;
  font-family: fontawesome;
}

div.nextEventContainer div.nextEventItem dd.EventCalendarDate:before {
  content: "\f073";
}

div.nextEventContainer div.nextEventItem dd.EventCalendarLocation:before {
  content: "\f041";
}

/* END Module Event Calendar ----------------------------------------------- */
/* START Module Fancybox --------------------------------------------------- */
/* Name: Fancybox CSS */
/* Usage: Default */
/* Last edited: 03.12.2014 PR */
/*only screen and  could be removed => print would use this */
/* fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "NHaasGroteskTXPro-55Rg", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("/Sites/Images/Common/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("/Sites/Images/Common/fancybox/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "NHaasGroteskTXPro-55Rg", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/* Fancybox overrides */
body .fancybox-wrap a,
body .fancybox-wrap a:visited,
body .fancybox-wrap a:active,
body .fancybox-wrap a:hover,
body .fancybox-wrap a:active i,
body .fancybox-wrap a:hover i {
  color: #e31819;
  text-decoration: none;
}

body .fancybox-error,
body .fancybox-title {
  font-family: "NHaasGroteskTXPro-55Rg", Helvetica, Arial, sans-serif;
  padding-top: 5px;
  padding-bottom: 5px;
}

body .fancybox-error .count,
body .fancybox-title .count {
  float: right;
}

body .fancybox-skin {
  border-radius: 0px;
}

body .fancybox-skin .download a:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  text-decoration: inherit;
  display: inline-block;
  margin-right: 0.5em;
  speak: none;
  content: "";
}

body div.fancybox-wrap a.fancybox-close,
body div.fancybox-wrap a.fancybox-next,
body div.fancybox-wrap a.fancybox-prev {
  background-image: none;
  text-align: center;
  line-height: 1em;
}

body div.fancybox-wrap a.fancybox-close:hover, body div.fancybox-wrap a.fancybox-close:active,
body div.fancybox-wrap a.fancybox-close:hover i,
body div.fancybox-wrap a.fancybox-close:active i,
body div.fancybox-wrap a.fancybox-next:hover,
body div.fancybox-wrap a.fancybox-next:active,
body div.fancybox-wrap a.fancybox-next:hover i,
body div.fancybox-wrap a.fancybox-next:active i,
body div.fancybox-wrap a.fancybox-prev:hover,
body div.fancybox-wrap a.fancybox-prev:active,
body div.fancybox-wrap a.fancybox-prev:hover i,
body div.fancybox-wrap a.fancybox-prev:active i {
  color: #fff;
}

body div.fancybox-wrap a.fancybox-close {
  height: 36px;
  width: 36px;
  top: 15px;
  right: 15px;
  color: #fff;
  background: #e31819;
  border-radius: 3px;
  opacity: 0.9;
}

body div.fancybox-wrap a.fancybox-close i {
  font-size: 20px;
  height: 36px;
  width: 36px;
  line-height: 34px;
}

body div.fancybox-wrap a.fancybox-next,
body div.fancybox-wrap a.fancybox-prev {
  opacity: 0.9;
  height: 36px;
  width: 30px;
  top: 45%;
  background-color: #e31819;
  color: #fff;
}

body div.fancybox-wrap a.fancybox-next i,
body div.fancybox-wrap a.fancybox-prev i {
  font-size: 18px;
  height: 36px;
  width: 10px;
  line-height: 38px;
}

body div.fancybox-wrap a.fancybox-next {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

body div.fancybox-wrap a.fancybox-prev {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

body div.fancybox-wrap .fancybox-title-inside-wrap {
  min-height: 1.5em;
}

body div.fancybox-wrap .fancybox-skin {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

body .fancybox-overlay {
  background: url("/Sites/Images/Common/fancybox/fancybox_overlay.png");
}

body .fancybox-nav {
  background: transparent url("/Sites/Images/Common/blank.gif");
  /* helps IE */
}

/* Image Gallery - Fancybox */
body div.fancybox-wrap a.fancybox-next,
body div.fancybox-wrap a.fancybox-prev {
  background: transparent url("/Sites/Images/Common/blank.gif");
  height: 95%;
  width: 48%;
  top: 5%;
}

body div.fancybox-wrap a.fancybox-prev {
  text-align: left;
}

body div.fancybox-wrap a.fancybox-next {
  text-align: right;
}

body div.fancybox-wrap a.fancybox-next i,
body div.fancybox-wrap a.fancybox-prev i {
  font-size: 18px;
  height: 36px;
  width: 36px;
  line-height: 18px;
  background-color: #e31819;
  color: #fff;
  opacity: 0.9;
  padding: .5em;
  position: absolute;
  top: 45%;
}

body div.fancybox-wrap a.fancybox-next i {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  right: 0;
}

body div.fancybox-wrap a.fancybox-prev i {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

body .fancybox-overlay {
  background: url("/Sites/Images/Common/fancybox/fancybox_overlay.png");
}

body .fancybox-nav {
  background: transparent url("/Sites/Images/Common/blank.gif");
  /* helps IE */
}

.fancybox-title-float-wrap {
  width: 100% !important;
  margin: 0;
  padding: .2em 0 0 0 !important;
  line-height: 1;
}

.fancybox-title-float-wrap .child {
  position: relative;
  width: 100%;
  background: #f9f9f9;
  color: #333;
  border-radius: 0;
  text-shadow: none;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

.fancybox-title {
  left: 0;
  position: static;
}

/* END Module Fancybox ----------------------------------------------------- */
/* START Module Exhibitor List --------------------------------------------- */
/*@import "../../Sources/ExhibitorList/exhibitorList";*/
/* END Module Exhibitor List ----------------------------------------------- */
/* START Module Google Search ---------------------------------------------- */
/* Name: Google Search CSS */
/* Usage: Default */
/* Last edited: 09.12.2015 PR / Author: PR */
/*only screen and  could be removed => print would use this */
/* Achtung: Es werden weitere CSS-Deklarationen direkt von Google geladen */
/** Minimalist theme **/
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse, .gsc-control-cse {
  padding: 1em 0;
  width: auto;
}

.cse .gsc-control-wrapper-cse, .gsc-control-wrapper-cse {
  width: 100%;
}

.cse .gsc-branding, .gsc-branding {
  /* display: none; */
}

.cse.gsc-control-cse div, .gsc-control-cse div {
  position: normal;
}

/* Selector for entire element. */
.cse .gsc-control-cse, .gsc-control-cse {
  font-family: inherit !important;
  font-size: inherit !important;
}

#mch-cse-searchpage .cse .gsc-control-cse, #mch-cse-searchpage .gsc-control-cse {
  background-color: transparent;
}

.gsc-control-cse, .gsc-control-cse .gsc-table-result {
  font-family: inherit !important;
  font-size: inherit !important;
}

.cse .gsc-control-cse:after, .gsc-control-cse:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Search form */
#GoogleCseSearchBox {
  /* width: 25em; width: 19.5em */
  width: 100%;
}

/* Search background */
.cse form.gsc-search-box, form.gsc-search-box {
  padding: 0 !important;
  margin: 0 !important;
  font-size: inherit !important;
}

.cse .gsc-branding-text, .gsc-branding-text {
  color: #484848;
}

/* Table cell containing the search input. */
/* 12 pixels added to account for the horizontal padding on the input. */
.cse table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsc-input {
  padding-right: 12px;
}

.cse .gsc-search-box, .gsc-search-box {
  border-collapse: collapse;
}

/* Search input */
.cse input.gsc-input, input.gsc-input {
  font-family: inherit !important;
  border: 1px solid #e6e6e6 !important;
  padding: 0px 6px !important;
  width: 99%;
  height: 18px !important;
  font-size: inherit !important;
}

/* Search button */
.cse input.gsc-search-button, input.gsc-search-button {
  font-family: inherit !important;
  font-size: inherit !important;
  color: #fff;
  font-weight: normal;
  padding: 0px 8px !important;
  height: 20px !important;
  min-width: 54px;
  border: none;
  cursor: pointer;
}

#mch-cse-searchpage .cse input.gsc-search-button, #mch-cse-searchpage input.gsc-search-button,
#mch-cse-searchbox .cse input.gsc-search-button, #mch-cse-searchbox input.gsc-search-button {
  background: #e31819;
}

#mch-cse-searchpage .cse input.gsc-search-button:hover, #mch-cse-searchpage input.gsc-search-button:hover,
#mch-cse-searchbox .cse input.gsc-search-button:hover, #mch-cse-searchbox input.gsc-search-button:hover {
  background: #999;
}

#GoogleCseSearchBox #mch-cse-searchbox img {
  width: 24px;
  height: 24px;
}

/* autocomplete */
/*
.gssb_c {

	@media only screen and (max-width : 699px),only screen and (min-width : 700px) and (max-width : 1139px) {
		table, tbody, td, tr {
			display: block;
			width: 100%;
			z-index: 9999999;
		}

		width: 99.8% !important;
		display: block;
		overflow: hidden;
		left: 0 !important;
		margin: 3px 0 0 1px;

		span {
			display: inline-block;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			padding: 0.35em 0;
			cursor: pointer;
			width: 100%;
		}

		.gsc-completion-container {
			width: 100%;
			display: block;
			text-overflow: ellipsis;
			border-right: solid 1px #e6e6e6 !important;
			border-bottom: solid 1px #e6e6e6 !important;
		}
	}
}*/
/* Base tab selector styles */
.cse .gsc-tabHeader, .gsc-tabHeader {
  font-weight: bold;
  font-size: inherit !important;
  text-transform: uppercase;
  padding: 2px 12px !important;
}

/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive, .gsc-tabHeader.gsc-tabhInactive {
  background-color: #e9e9e9 !important;
  border: none !important;
}

#mch-cse-searchpage .cse .gsc-tabHeader.gsc-tabhInactive, #mch-cse-searchpage .gsc-tabHeader.gsc-tabhInactive {
  border-top: 2px solid #e1001a !important;
  color: #e1001a !important;
}

/* Inactive tab hover */
.cse .gsc-tabHeader.gsc-tabhInactive:hover, .gsc-tabHeader.gsc-tabhInactive:hover {
  background-color: #E1001A !important;
}

#mch-cse-searchpage .cse .gsc-tabHeader.gsc-tabhInactive:hover, #mch-cse-searchpage .gsc-tabHeader.gsc-tabhInactive:hover {
  border-top: 2px solid #E1001A !important;
  color: #fff !important;
}

/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhActive {
  background-color: #E1001A !important;
  border: none !important;
}

#mch-cse-searchpage .cse .gsc-tabHeader.gsc-tabhActive, #mch-cse-searchpage .gsc-tabHeader.gsc-tabhActive {
  border-top: 2px solid #E1001A !important;
  color: #fff !important;
}

/* Active tab hover */
.cse .gsc-tabHeader.gsc-tabhActive:hover, .gsc-tabHeader.gsc-tabhActive:hover {
  background-color: #E1001A !important;
}

#mch-cse-searchpage .cse .gsc-tabHeader.gsc-tabhActive:hover, #mch-cse-searchpage .gsc-tabHeader.gsc-tabhActive:hover {
  border-top: 2px solid #E1001A !important;
  color: #fff !important;
}

/* This is the tab bar bottom border */
.cse .gsc-tabsArea, .gsc-tabsArea {
  margin-top: 1em;
  padding: 0;
}

#mch-cse-searchpage .cse .gsc-tabsArea, #mch-cse-searchpage .gsc-tabsArea {
  border-bottom: 1px solid #ccc;
}

/* Refinement */
#mch-cse-searchpage .cse .gsc-refinementsArea, #mch-cse-searchpage .gsc-refinementsArea {
  white-space: pre-wrap !important;
}

.cse .gsc-refinementHeader, .gsc-refinementHeader {
  font-weight: bold;
}

#mch-cse-searchpage .cse .gsc-refinementHeader, #mch-cse-searchpage .gsc-refinementHeader {
  white-space: nowrap !important;
}

/* Inactive refinement */
.cse .gsc-refinementHeader.gsc-refinementhInactive, .gsc-refinementHeader.gsc-refinementhInactive {
  text-decoration: none !important;
}

#mch-cse-searchpage .cse .gsc-refinementHeader.gsc-refinementhInactive, #mch-cse-searchpage .gsc-refinementHeader.gsc-refinementhInactive {
  color: #999 !important;
}

/* Inactive refinement hover */
.cse .gsc-refinementHeader.gsc-refinementhInactive:hover, .gsc-refinementHeader.gsc-refinementhInactive:hover {
  text-decoration: none !important;
}

#mch-cse-searchpage .cse .gsc-refinementHeader.gsc-refinementhInactive:hover, #mch-cse-searchpage .gsc-refinementHeader.gsc-refinementhInactive:hover {
  color: #e1001a !important;
}

.cse .gsc-resultsHeader, .gsc-resultsHeader {
  margin: 0;
  border: block;
}

.gsc-selected-option-container {
  font-size: inherit !important;
}

#mch-cse-searchpage .cse .gsc-selected-option-container, #mch-cse-searchpage .gsc-selected-option-container {
  width: 100% !important;
}

/* Wrapper for all results */
.cse .gsc-results, .gsc-results {
  width: 100%;
  margin-top: 1em;
}

/* Uber-wrapper for a result. Add padding to elements within a result block */
.cse .gs-result div.gs-title, div.gs-title, .cse .gs-result .gs-snippet, .gs-result .gs-snippet, .cse .gs-result .gs-visibleUrl, .gs-result .gs-visibleUrl, .cse .gs-spelling, .gs-spelling {
  padding: 0;
}

.cse .gs-result .gs-snippet, .gs-result .gs-snippet,
.cse .gs-result .gs-visibleUrl, .gs-result .gs-visibleUrl,
.cse .gs-spelling, .gs-spelling,
.cse .gs-per-result-labels, .gs-per-result-labels {
  margin-top: 0.4em;
}

.cse .gs-per-result-labels, .gs-per-result-labels {
  font-style: italic !important;
}

.cse .gs-label, .gs-label {
  cursor: pointer;
  text-decoration: none !important;
  background: none !important;
  padding-left: 0 !important;
}

#mch-cse-searchpage .cse .gs-label, #mch-cse-searchpage .gs-label {
  color: #999 !important;
}

.cse .gs-label:hover, .gs-label:hover {
  text-decoration: none !important;
}

#mch-cse-searchpage .cse .gs-label:hover, #mch-cse-searchpage .gs-label:hover {
  color: #e1001a !important;
}

/* URL text color */
#mch-cse-searchpage .gs-webResult div.gs-per-result-labels a.gs-label {
  color: #e1001a !important;
}

#mch-cse-searchpage .gs-webResult div.gs-per-result-labels a.gs-label:hover {
  color: #e1001a !important;
  text-decoration: none !important;
}

.cse .gsc-result .gs-title, .gsc-result .gs-title {
  height: auto !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

.cse .gs-result .gs-snippet, .gs-result .gs-snippet {
  line-height: inherit !important;
}

/* Font size */
.cse .gs-result .gs-snippet, .gs-result .gs-snippet, .cse .gs-spelling-original, .gs-spelling-original {
  font-size: inherit !important;
}

.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
  font-size: inherit !important;
}

/* Resultsuggest */
.cse .gs-spelling a, .gs-spelling a {
  background: none !important;
  padding-left: 0 !important;
  margin-top: 0.5em !important;
  font-size: inherit !important;
  text-decoration: none !important;
}

#mch-cse-searchpage .cse .gs-spelling.gs-spelling-original a, #mch-cse-searchpage .gs-spelling.gs-spelling-original a {
  color: #777 !important;
  text-decoration: underline !important;
}

.cse .gs-spelling.gs-spelling-original a:hover, .gs-spelling.gs-spelling-original a:hover {
  text-decoration: underline !important;
}

#mch-cse-searchpage .cse .gs-spelling.gs-spelling-original a:hover, #mch-cse-searchpage .gs-spelling.gs-spelling-original a:hover {
  color: #777 !important;
  text-decoration: none !important;
}

/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result, .gsc-webResult.gsc-result, .gsc-imageResult-classic, .gsc-imageResult-column {
  padding: 1em 0 !important;
  margin-bottom: 1em;
}

/* Result hover event styling */
/* Set link colors */
.cse .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link,
.cse .gs-webResult.gs-result a.gs-title:link b, .gs-webResult.gs-result a.gs-title:link b,
.cse .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited,
.cse .gs-webResult.gs-result a.gs-title:visited b, .gs-webResult.gs-result a.gs-title:visited b,
.cse .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover,
.cse .gs-webResult.gs-result a.gs-title:hover b, .gs-webResult.gs-result a.gs-title:hover b,
.gs-imageResult a.gs-title:link,
.gs-imageResult a.gs-title:link b,
.gs-imageResult a.gs-title:visited,
.gs-imageResult a.gs-title:visited b,
.gs-imageResult a.gs-title:hover,
.gs-imageResult a.gs-title:hover b,
.cse .gsc-cursor-page,
.gsc-cursor-page,
.cse .gsc-trailing-more-results:link,
.gsc-trailing-more-results:link,
.cse .gs-spelling a,
.gs-spelling a {
  text-decoration: none !important;
}

#mch-cse-searchpage .cse .gs-webResult.gs-result a.gs-title:link, #mch-cse-searchpage .gs-webResult.gs-result a.gs-title:link,
#mch-cse-searchpage .cse .gs-webResult.gs-result a.gs-title:link b, #mch-cse-searchpage .gs-webResult.gs-result a.gs-title:link b,
#mch-cse-searchpage .cse .gs-webResult.gs-result a.gs-title:visited, #mch-cse-searchpage .gs-webResult.gs-result a.gs-title:visited,
#mch-cse-searchpage .cse .gs-webResult.gs-result a.gs-title:visited b, #mch-cse-searchpage .gs-webResult.gs-result a.gs-title:visited b,
#mch-cse-searchpage .cse .gs-webResult.gs-result a.gs-title:hover, #mch-cse-searchpage .gs-webResult.gs-result a.gs-title:hover,
#mch-cse-searchpage .cse .gs-webResult.gs-result a.gs-title:hover b, #mch-cse-searchpage .gs-webResult.gs-result a.gs-title:hover b,
#mch-cse-searchpage .gs-imageResult a.gs-title:link,
#mch-cse-searchpage .gs-imageResult a.gs-title:link b,
#mch-cse-searchpage .gs-imageResult a.gs-title:visited,
#mch-cse-searchpage .gs-imageResult a.gs-title:visited b,
#mch-cse-searchpage .gs-imageResult a.gs-title:hover,
#mch-cse-searchpage .gs-imageResult a.gs-title:hover b,
#mch-cse-searchpage .cse .gsc-cursor-page,
#mch-cse-searchpage .gsc-cursor-page,
#mch-cse-searchpage .cse .gsc-trailing-more-results:link,
#mch-cse-searchpage .gsc-trailing-more-results:link,
#mch-cse-searchpage .cse .gs-spelling a,
#mch-cse-searchpage .gs-spelling a {
  color: #e1001a !important;
}

#mch-cse-searchpage .cse .gs-webResult.gs-result a.gs-title:hover, #mch-cse-searchpage .gs-webResult.gs-result a.gs-title:hover,
#mch-cse-searchpage .cse .gs-webResult.gs-result a.gs-title:hover b, #mch-cse-searchpage .gs-webResult.gs-result a.gs-title:hover b,
#mch-cse-searchpage .gs-imageResult a.gs-title:hover,
#mch-cse-searchpage .gs-imageResult a.gs-title:hover b,
#mch-cse-searchpage .cse .gsc-cursor-page:hover,
#mch-cse-searchpage .gsc-cursor-page:hover,
#mch-cse-searchpage .cse .gsc-cursor-current-page:hover,
#mch-cse-searchpage .gsc-cursor-current-page:hover,
#mch-cse-searchpage .cse .gs-spelling a:hover,
#mch-cse-searchpage .gs-spelling a:hover {
  color: #e1001a !important;
  text-decoration: underline !important;
}

#mch-cse-searchpage .cse .gsc-cursor-page:hover,
#mch-cse-searchpage .gsc-cursor-page:hover,
#mch-cse-searchpage .cse .gsc-cursor-current-page:hover,
#mch-cse-searchpage .gsc-cursor-current-page:hover {
  text-decoration: none !important;
}

.cse .gs-webResult.gs-result a.gs-title, .gs-webResult.gs-result a.gs-title,
.cse .gs-webResult.gs-result a.gs-image, .gs-webResult.gs-result a.gs-image,
.gs-imageResult a.gs-image {
  background: none !important;
  padding-left: 0 !important;
}

.cse .gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active,
.cse .gs-webResult.gs-result a.gs-title:active b, .gs-webResult.gs-result a.gs-title:active b,
.gs-imageResult a.gs-title:active,
.gs-imageResult a.gs-title:active b {
  color: #e1001a;
}

#mch-cse-searchpage .cse .gs-webResult.gs-result a.gs-title:active, #mch-cse-searchpage .gs-webResult.gs-result a.gs-title:active,
#mch-cse-searchpage .cse .gs-webResult.gs-result a.gs-title:active b, #mch-cse-searchpage .gs-webResult.gs-result a.gs-title:active b,
#mch-cse-searchpage .gs-imageResult a.gs-title:active,
#mch-cse-searchpage .gs-imageResult a.gs-title:active b,
#mch-cse-searchpage .cse .gsc-cursor-current-page,
#mch-cse-searchpage .gsc-cursor-current-page {
  color: #e1001a !important;
  text-decoration: none !important;
}

.gs-result .gs-title, .gs-result .gs-title * {
  text-decoration: none !important;
  font-size: inherit !important;
  color: #e1001a !important;
}

.gs-result .gs-title:hover, .gs-result .gs-title:hover * {
  /*text-decoration: none !important;
	color: $google-search-color-link-hover !important;*/
}

/* Snippet text color */
.cse .gs-webResult .gs-snippet, .gs-webResult .gs-snippet, .gs-fileFormatType, .gs-imageResult .gs-snippet {
  color: inherit !important;
}

#mch-cse-searchpage .cse .gs-webResult .gs-snippet b, #mch-cse-searchpage .gs-webResult .gs-snippet b, #mch-cse-searchpage .gs-fileFormatType b, #mch-cse-searchpage .gs-imageResult .gs-snippet b {
  color: #484848 !important;
}

span.gs-fileFormat {
  color: inherit !important;
  font-size: inherit !important;
}

span.gs-fileFormatType {
  font-size: inherit !important;
}

.gs-fileSize {
  font-style: italic;
}

/* Size text color */
.gs-imageResult .gs-size, .gs-imageResult .gs-size {
  color: #484848;
}

/* URL text color */
.cse .gs-webResult .gs-visibleUrl, .gs-webResult .gs-visibleUrl,
.cse .gs-webResult .gs-visibleUrl-short, .gs-webResult .gs-visibleUrl-short,
.gs-imageResult .gs-visibleUrl, .gs-imageResult .gs-visibleUrl-short {
  color: inherit !important;
  font-weight: bold;
}

#mch-cse-searchpage .cse .gs-webResult .gs-visibleUrl, #mch-cse-searchpage .gs-webResult .gs-visibleUrl,
#mch-cse-searchpage .cse .gs-webResult .gs-visibleUrl-short, #mch-cse-searchpage .gs-webResult .gs-visibleUrl-short,
#mch-cse-searchpage .gs-imageResult .gs-visibleUrl, #mch-cse-searchpage .gs-imageResult .gs-visibleUrl-short {
  color: inherit !important;
}

/* Image Search Results */
.gs-imageResult .gs-text-box {
  height: 6em !important;
  border-top: 1px solid #fff;
  padding: 5px;
}

#mch-cse-searchpage .cse .gsc-imageResult-classic .gsc-imageResult-classic, #mch-cse-searchpage .gsc-imageResult-classic .gsc-imageResult-classic {
  overflow: hidden;
  background-color: #f9f9f9;
  border: 1px solid #e9e9e9;
  border-radius: 1em;
}

@media only screen and (max-width: 699px) {
  #mch-cse-searchpage .cse .gsc-imageResult-classic .gsc-imageResult-classic, #mch-cse-searchpage .gsc-imageResult-classic .gsc-imageResult-classic {
    width: 100%;
    margin-right: 0;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  #mch-cse-searchpage .cse .gsc-imageResult-classic .gsc-imageResult-classic, #mch-cse-searchpage .gsc-imageResult-classic .gsc-imageResult-classic {
    width: 30%;
    margin-right: 3%;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  #mch-cse-searchpage .cse .gsc-imageResult-classic .gsc-imageResult-classic, #mch-cse-searchpage .gsc-imageResult-classic .gsc-imageResult-classic {
    width: 30%;
    margin-right: 3%;
  }
}

@media only screen and (min-width: 1140px) and (max-width: 1919px) {
  #mch-cse-searchpage .cse .gsc-imageResult-classic .gsc-imageResult-classic, #mch-cse-searchpage .gsc-imageResult-classic .gsc-imageResult-classic {
    width: 22%;
    margin-right: 3%;
  }
}

@media only screen and (min-width: 1920px) {
  #mch-cse-searchpage .cse .gsc-imageResult-classic .gsc-imageResult-classic, #mch-cse-searchpage .gsc-imageResult-classic .gsc-imageResult-classic {
    width: 15%;
    margin-right: 23px;
  }
}

/* Pagination container centered */
.cse .gsc-cursor-box, .gsc-cursor-box {
  border-top: 1px solid #e9e9e9;
  padding: 1em 0 0 0;
  text-align: left;
}

/* Selected pagination */
.cse .gsc-results .gsc-cursor-page, .gsc-results .gsc-cursor-page {
  background-color: #e9e9e9 !important;
  padding: 2px 8px;
  text-decoration: none !important;
}

.cse .gsc-results .gsc-cursor-page:hover, .gsc-results .gsc-cursor-page:hover {
  background-color: #ccc !important;
}

.cse .gsc-results .gsc-cursor-page.gsc-cursor-current-page, .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
  background-color: #ccc !important;
}

.gsc-result-info {
  font-size: inherit !important;
  line-height: inherit !important;
  padding-left: 0 !important;
  color: inherit !important;
}

/* Not activated */
/*Promotion Settings*/
/* The entire promo */
.cse .gsc-webResult.gsc-result.gsc-promotion, .gsc-webResult.gsc-result.gsc-promotion {
  background-color: #E6E6E6;
  border-color: #CCCCCC;
}

/* Promotion links */
.cse .gs-promotion a.gs-title:link, .gs-promotion a.gs-title:link,
.cse .gs-promotion a.gs-title:link *, .gs-promotion a.gs-title:link *,
.cse .gs-promotion .gs-snippet a:link, .gs-promotion .gs-snippet a:link {
  color: #0000CC;
}

.cse .gs-promotion a.gs-title:visited, .gs-promotion a.gs-title:visited,
.cse .gs-promotion a.gs-title:visited *, .gs-promotion a.gs-title:visited *,
.cse .gs-promotion .gs-snippet a:visited, .gs-promotion .gs-snippet a:visited {
  color: #0000CC;
}

.cse .gs-promotion a.gs-title:hover, .gs-promotion a.gs-title:hover,
.cse .gs-promotion a.gs-title:hover *, .gs-promotion a.gs-title:hover *,
.cse .gs-promotion .gs-snippet a:hover, .gs-promotion .gs-snippet a:hover {
  color: #444444;
}

.cse .gs-promotion a.gs-title:active, .gs-promotion a.gs-title:active,
.cse .gs-promotion a.gs-title:active *, .gs-promotion a.gs-title:active *,
.cse .gs-promotion .gs-snippet a:active, .gs-promotion .gs-snippet a:active {
  color: #00CC00;
}

/* Promotion snippet */
.cse .gs-promotion .gs-snippet, .gs-promotion .gs-snippet,
.cse .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right,
.cse .gs-promotion .gs-title .gs-promotion-title-right *, .gs-promotion .gs-title .gs-promotion-title-right * {
  color: #333333;
}

/* Promotion url */
.cse .gs-promotion .gs-visibleUrl, .gs-promotion .gs-visibleUrl {
  color: #00CC00;
}

/* Style for auto-completion table */
/* .gsc-completion-selected : styling for a suggested query which the user has moused-over */
/* .gsc-completion-container : styling for the table which contains the completions */
.gsc-completion-selected {
  background: #eee;
}

.gsc-completion-container {
  font-family: inherit !important;
  font-size: inherit !important;
  background-color: #fff;
  border: 1px solid #BBB;
  margin-left: 0;
  margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}

.gsc-completion-title {
  color: #0000CC;
}

.gsc-completion-snippet {
  color: #333333;
}

/* Full URL */
.gs-webResult div.gs-visibleUrl-short, .gs-promotion div.gs-visibleUrl-short {
  /*display: none;*/
}

.gs-webResult div.gs-visibleUrl-long, .gs-promotion div.gs-visibleUrl-long {
  display: block;
}

/* Not activated feature */
.gsc-rating-bar {
  display: inline-block;
  width: 54px;
  height: 10px;
  margin: 3px 0 0 0;
}

.gsc-rating-bar span {
  display: inline-block;
  height: 10px;
  padding: 4px 0 0 0;
}

.gsc-reviewer {
  color: #222;
}

.gsc-author {
  color: #222;
}

.gsc-table-cell-thumbnail, .gs-promotion-image-cell {
  padding: 0 0 0 6px;
}

.gsc-option-menu {
  font-size: inherit !important;
}

.gsc-option-menu-item-highlighted {
  background-color: #eee;
}

/* No Result */
.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet {
  background: none !important;
  border: none !important;
  margin: 0 !important;
  font-style: italic;
}

/* MCH Anpassung */
.cse input.gsc-input, input.gsc-input {
  background-image: none !important;
}

/* END Module Google Search ------------------------------------------------ */
/* START Module Bing Search ------------------------------------------------ */
/* Name: Bing Search CSS */
/* Usage: Default */
/* Last edited: 27.11.2017 MM / Author: MM */
.BingSearchPage {
  margin: 1.5em 0 4.5em;
  overflow: hidden;
  /* Bilder in Slide */
  /* Bilder als Liste */
}

.BingSearchPage .BingSearchType {
  margin: 1.5em 0;
}

.BingSearchPage .BingSearchType button {
  padding: .5em 1.5em;
  margin-right: .5em;
}

.BingSearchPage .BingSearchHeader {
  padding-bottom: .5em;
  border-bottom: 1px solid #484848;
}

.BingSearchPage input.BingSearchPageButton {
  padding: 0 1.5em;
  height: 2.5em;
}

.BingSearchPage input.BingSearchPageInput {
  padding: 0 .5em;
  height: 2.5em;
}

.BingSearchPage .BingSearchDomainHeader {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2em;
}

.BingSearchPage .BingSearchDomainHeader > div {
  margin-right: 1em;
}

.BingSearchPage .BingSearchDomainHeader > div:first-of-type button {
  padding-left: 0 !important;
}

.BingSearchPage .BingSearchDomainHeader button {
  background: transparent;
  color: #e1001a;
  text-decoration: none;
}

.BingSearchPage .BingSearchDomainHeader button:hover {
  color: #e1001a;
  text-decoration: underline;
}

.BingSearchPage .BingSearchDomainHeader button.BingButtonCurrent {
  font-weight: bolder;
}

.BingSearchPage .BingSearchResult ol {
  margin-top: 2em;
  list-style-type: none;
  padding: 0 0 0 1em;
  margin-bottom: 2em;
}

.BingSearchPage .BingSearchResult ol li.BingResultContainer {
  margin-bottom: 1.5em;
  width: 100%;
}

.BingSearchPage .BingSearchResult ol li.BingResultContainer a.BingWebpageUrl {
  position: relative;
}

.BingSearchPage .BingSearchResult ol li.BingResultContainer a.BingWebpageUrl:before {
  position: absolute;
  content: "\f105";
  font-family: fontawesome;
  left: -1em;
}

.BingSearchPage .BingSearchFooter nav.BingNavigation ol {
  padding: 0;
  margin-top: .5em;
}

.BingSearchPage .BingSearchFooter nav.BingNavigation ol li {
  float: left;
  margin-right: .5em;
}

.BingSearchPage .BingSearchFooter nav.BingNavigation ol li button {
  opacity: 1;
}

.BingSearchPage .BingSearchFooter nav.BingNavigation ol li.BingNavigationCurrent button {
  opacity: .5;
}

.BingSearchPage ul.galleryvi {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.BingSearchPage ul.galleryvi li {
  -ms-flex-preferred-size: 23%;
      flex-basis: 23%;
}

.BingSearchPage .BingSearchResult ol {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.BingSearchPage .BingSearchResult ol li.BingImage {
  -ms-flex-preferred-size: 31%;
      flex-basis: 31%;
  margin-bottom: 4em;
}

.BingSearchPage .BingSearchResult ol li .BingSize {
  opacity: .4;
}

/* END Module Google Search ------------------------------------------------ */
/* START Module OnlineShop ------------------------------------------------- */
/* Name: Online Shop CSS */
/* Usage: Default */
/* Last edited: 04.12.2015 PR */
/*only screen and  could be removed => print would use this */
/* Name: Bootstrap build file */
/* Usage: Default */
/* Last edited: 11.05.2015 PR */
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 0px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #f5f5f5;
  border-color: #e3e3e3;
  color: #333;
}

.alert-info hr {
  border-top-color: #d6d6d6;
}

.alert-info .alert-link {
  color: #1a1919;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #e2001a;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #af0014;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}

.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
  outline: 0;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}

.btn-toolbar:before, .btn-toolbar:after {
  content: " ";
  display: table;
}

.btn-toolbar:after {
  clear: both;
}

.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}

.btn-group-vertical > .btn-group:after {
  clear: both;
}

.btn-group-vertical > .btn-group > .btn {
  float: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}

.btn-group-justified > .btn-group .btn {
  width: 100%;
}

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0);
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover, .btn:focus {
  color: #333;
  text-decoration: none;
}

.btn:active, .btn.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled, .btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e5e5;
  border-color: #adadad;
}

.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  background-image: none;
}

.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}

.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #3071a9;
  border-color: #285e8e;
}

.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  background-image: none;
}

.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
  background-image: none;
}

.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
  background-image: none;
}

.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  background-image: none;
}

.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #e2001a;
  border-color: #c90017;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #af0014;
  border-color: #8b0010;
}

.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  background-image: none;
}

.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
  background-color: #e2001a;
  border-color: #c90017;
}

.btn-danger .badge {
  color: #e2001a;
  background-color: #fff;
}

.btn-link {
  color: #428bca;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}

.btn-link, .btn-link:active, .btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}

.btn-link:hover, .btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 0px;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0px;
}

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type="search"] {
  box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type="file"] {
  display: block;
}

input[type="range"] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #666;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 102, 102, 0.6);
}

.form-control::-moz-placeholder {
  color: #777777;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #777777;
}

.form-control::-webkit-input-placeholder {
  color: #777777;
}

.form-control[disabled], .form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}

textarea.form-control {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  line-height: 34px;
  line-height: 1.428571429 \0;
}

input[type="date"].input-sm, .form-horizontal .form-group-sm input.form-control[type="date"], .input-group-sm > input.form-control[type="date"],
.input-group-sm > input.input-group-addon[type="date"],
.input-group-sm > .input-group-btn > input.btn[type="date"],
input[type="time"].input-sm,
.form-horizontal .form-group-sm input.form-control[type="time"],
.input-group-sm > input.form-control[type="time"],
.input-group-sm > input.input-group-addon[type="time"],
.input-group-sm > .input-group-btn > input.btn[type="time"],
input[type="datetime-local"].input-sm,
.form-horizontal .form-group-sm input.form-control[type="datetime-local"],
.input-group-sm > input.form-control[type="datetime-local"],
.input-group-sm > input.input-group-addon[type="datetime-local"],
.input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
input[type="month"].input-sm,
.form-horizontal .form-group-sm input.form-control[type="month"],
.input-group-sm > input.form-control[type="month"],
.input-group-sm > input.input-group-addon[type="month"],
.input-group-sm > .input-group-btn > input.btn[type="month"] {
  line-height: 30px;
}

input[type="date"].input-lg, .form-horizontal .form-group-lg input.form-control[type="date"], .input-group-lg > input.form-control[type="date"],
.input-group-lg > input.input-group-addon[type="date"],
.input-group-lg > .input-group-btn > input.btn[type="date"],
input[type="time"].input-lg,
.form-horizontal .form-group-lg input.form-control[type="time"],
.input-group-lg > input.form-control[type="time"],
.input-group-lg > input.input-group-addon[type="time"],
.input-group-lg > .input-group-btn > input.btn[type="time"],
input[type="datetime-local"].input-lg,
.form-horizontal .form-group-lg input.form-control[type="datetime-local"],
.input-group-lg > input.form-control[type="datetime-local"],
.input-group-lg > input.input-group-addon[type="datetime-local"],
.input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
input[type="month"].input-lg,
.form-horizontal .form-group-lg input.form-control[type="month"],
.input-group-lg > input.form-control[type="month"],
.input-group-lg > input.input-group-addon[type="month"],
.input-group-lg > .input-group-btn > input.btn[type="month"] {
  line-height: 46px;
}

.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio label,
.checkbox label {
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed;
}

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}

.form-control-static.input-lg, .form-horizontal .form-group-lg .form-control-static.form-control, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .form-horizontal .form-group-sm .form-control-static.form-control, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-left: 0;
  padding-right: 0;
}

.input-sm, .form-horizontal .form-group-sm .form-control, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0px;
}

select.input-sm, .form-horizontal .form-group-sm select.form-control, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm, .form-horizontal .form-group-sm textarea.form-control, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.form-horizontal .form-group-sm select.form-control[multiple],
.input-group-sm > select.form-control[multiple],
.input-group-sm > select.input-group-addon[multiple],
.input-group-sm > .input-group-btn > select.btn[multiple] {
  height: auto;
}

.input-lg, .form-horizontal .form-group-lg .form-control, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 0px;
}

select.input-lg, .form-horizontal .form-group-lg select.form-control, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg, .form-horizontal .form-group-lg textarea.form-control, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.form-horizontal .form-group-lg select.form-control[multiple],
.input-group-lg > select.form-control[multiple],
.input-group-lg > select.input-group-addon[multiple],
.input-group-lg > .input-group-btn > select.btn[multiple] {
  height: auto;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}

.input-lg + .form-control-feedback, .form-horizontal .form-group-lg .form-control + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback, .form-horizontal .form-group-sm .form-control + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d;
}

.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}

.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}

.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #e2001a;
}

.has-error .form-control {
  border-color: #e2001a;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #af0014;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff495e;
}

.has-error .input-group-addon {
  color: #e2001a;
  border-color: #e2001a;
  background-color: #f2dede;
}

.has-error .form-control-feedback {
  color: #e2001a;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 700px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}

.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  content: " ";
  display: table;
}

.form-horizontal .form-group:after {
  clear: both;
}

@media (min-width: 700px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px;
}

@media (min-width: 700px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.3px;
  }
}

@media (min-width: 700px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container:before, .container:after {
  content: " ";
  display: table;
}

.container:after {
  clear: both;
}

@media (min-width: 700px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 920px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1024px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}

.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.row:before, .row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 700px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 920px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1024px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 0px;
}

.input-group-addon.input-sm, .form-horizontal .form-group-sm .input-group-addon.form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 0px;
}

.input-group-addon.input-lg, .form-horizontal .form-group-lg .input-group-addon.form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 0px;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn > .btn {
  position: relative;
}

.input-group-btn > .btn + .btn {
  margin-left: -1px;
}

.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
  z-index: 2;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}

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

.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 699px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 699px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 699px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 699px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 700px) and (max-width: 919px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 700px) and (max-width: 919px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 700px) and (max-width: 919px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 700px) and (max-width: 919px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 920px) and (max-width: 1023px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 920px) and (max-width: 1023px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 920px) and (max-width: 1023px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 920px) and (max-width: 1023px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1024px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1024px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1024px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1024px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 699px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 700px) and (max-width: 919px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 920px) and (max-width: 1023px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

table {
  background-color: transparent;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #ddd;
}

.table .table {
  background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #e8e8e8;
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

@media screen and (max-width: 699px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.affix {
  position: fixed;
  transform: translate3d(0, 0, 0);
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 0px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
  padding: 24px;
  border-radius: 0px;
}

.well-sm {
  padding: 9px;
  border-radius: 0px;
}

/* --------------------------------------------------------
 *  Basic content styles (normally in bootstrap type.less)
 * -------------------------------------------------------- */
.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
  /* Does this fit for everywhere ? */
  white-space: nowrap;
}

.text-center {
  text-align: center;
  /* Does this fit for everywhere ? */
  white-space: nowrap;
}

@media only screen and (max-width: 400px) {
  /* Special for centered positioning on small screens */
  .text-center-xs {
    text-align: center;
  }
}

/* --------------------------------------------------------
 *  Ticket shop elements
 * -------------------------------------------------------- */
#ticketshop-content {
  /* Form data view (address) */
  /* Forms */
  /* form { */
  /* MwSt Info */
  /* Data tables */
  /* Credit card
   * -------------------------------------------------------- */
  /* Progress steps
   * -------------------------------------------------------- */
}

#ticketshop-content .dl-horizontal {
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 1em;
}

#ticketshop-content .dl-horizontal dt, #ticketshop-content .dl-horizontal dd {
  line-height: 1.428571429;
  padding-top: 4px;
  min-height: 2em;
}

#ticketshop-content .dl-horizontal dt {
  float: left;
  width: 35%;
  clear: left;
  font-weight: bold;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#ticketshop-content .dl-horizontal dd {
  /* margin-left: 100px; */
  padding-left: 0;
}

#ticketshop-content .note {
  margin: 1em 0;
}

#ticketshop-content div.form-horizontal .form-group div.text {
  margin-top: 6px;
}

#ticketshop-content div.form-horizontal label.control-label {
  text-align: left;
}

#ticketshop-content div.form-horizontal label.error {
  color: #E2001A;
}

#ticketshop-content div.form-horizontal input.f-error, #ticketshop-content div.form-horizontal select.f-error {
  background-color: #f2dede;
}

#ticketshop-content div input.digit2 {
  width: 60px;
  display: inline-block;
  text-align: center;
}

#ticketshop-content div .input-group-btn input[type="submit"] {
  border: 1px solid transparent;
  padding: 6px 12px;
  line-height: 1.428571429;
}

#ticketshop-content div select.form-control {
  width: auto;
  /* Edit 09.12.14 */
  width: 100%;
  max-width: 100%;
}

#ticketshop-content input[type="button"] {
  background-color: #ccc;
  color: #333;
}

#ticketshop-content .taxinfo {
  /*float: left;*/
}

#ticketshop-content table.table {
  margin-bottom: 0px;
}

#ticketshop-content table.table > thead > tr > th {
  vertical-align: middle;
}

#ticketshop-content .ccardbar {
  margin-top: 10px;
}

#ticketshop-content .ccardbar span {
  margin-right: 3px;
}

#ticketshop-content .ccardbar span img {
  width: 51px;
  height: 32px;
  cursor: pointer;
  margin-bottom: 0px;
}

#ticketshop-content #form-steps-holder {
  padding-bottom: 15px;
}

#ticketshop-content .form-steps {
  list-style: none;
  display: table;
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
}

#ticketshop-content .form-steps li {
  display: table-cell;
  text-align: center;
  width: 1%;
  /* the line running through each step */
}

#ticketshop-content .form-steps li .step {
  border: 5px solid #CED1D6;
  color: #000;
  font-size: 1em;
  font-weight: bold;
  border-radius: 100%;
  background-color: #fff;
  position: relative;
  z-index: 2;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 30px;
  text-align: center;
}

#ticketshop-content .form-steps li:before {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  font-size: 0;
  overflow: hidden;
  border-top: 4px solid #CED1D6;
  position: relative;
  top: 21px;
  z-index: 1;
}

#ticketshop-content .form-steps li:last-child:before {
  max-width: 50%;
  width: 50%;
}

#ticketshop-content .form-steps li:first-child:before {
  max-width: 51%;
  left: 50%;
}

#ticketshop-content .form-steps li.active .step {
  color: #fff;
  background-color: #555;
  border-color: #555;
}

#ticketshop-content .form-steps li.active:before {
  border-color: #555;
}

#ticketshop-content .form-steps li .title {
  display: block;
  margin-top: 4px;
  max-width: 100%;
  color: #333;
  font-size: 0.9em;
  line-height: 1em;
  z-index: 104;
  text-align: center;
  table-layout: fixed;
  word-wrap: break-word;
}

#ticketshop-content .form-steps li.active .title {
  color: #000;
}

@media only screen and (max-width: 699px) {
  #ticketshop-content .wizard-steps li .step {
    width: 30px;
    height: 30px;
    line-height: 24px;
    border-width: 3px;
  }
  #ticketshop-content .wizard-steps li:before, #ticketshop-content .wizard-steps li:after {
    border-width: 3px;
  }
  #ticketshop-content .wizard-steps li.complete .step:before {
    line-height: 24px;
    font-size: 13px;
  }
  #ticketshop-content .wizard-steps li:before {
    top: 16px;
  }
}

/* --------------------------------------------------------
 *  Responsive adaptions
 * -------------------------------------------------------- */
@media only screen and (max-width: 699px) {
  form {
    /*
    label {
      &.control-label {
        display: none;
      }
    }
    input.f-req, select.f-req {
      border-color: #E2001A;
    }
    */
  }
  form.preview label.control-label {
    display: inline-block;
  }
  .taxinfo {
    display: block;
    margin-top: 20px;
    float: none;
    text-align: left;
  }
}

#ticketshop-content .input-group-btn {
  font-size: 100%;
}

#ticketshop-content .form-group .col-lg-8 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#ticketshop-content .type-btn {
  clear: both;
  padding-top: 1em;
}

#ticketshop-content .orderPositionsText {
  padding-bottom: 2em;
}

button[type="button"] {
  border: 1px solid transparent !important;
  padding: 6px 12px !important;
  line-height: 1.428571429 !important;
  cursor: pointer;
}

button[disabled="disabled"] {
  background-color: #ccc !important;
  color: #333 !important;
  cursor: default !important;
}

#ticketshop-content .fa-download:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-right: 0.5em;
  speak: none;
  content: "\f019";
}

#ticketshop-content .fa-truck:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-right: 0.5em;
  speak: none;
  content: "\f0d1";
}

#ticketshop-content .fa-file-pdf-o:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-right: 0.5em;
  speak: none;
  content: "\f019";
}

#ticketshop-content .well.visible-xs span {
  display: block;
}

@media only screen and (max-width: 699px) {
  #ticketshop-content .fa-truck.visible-xs {
    display: block !important;
  }
}

#ticketshop-content .formInfotext {
  font-style: italic;
}

#ticketshop-content label.required-marker + div input, #ticketshop-content label.required-marker + div select {
  background-image: url(/Sites/Module/OnlineShop/images/icon-required-marker.png);
  background-repeat: no-repeat;
  background-size: 1em 1em;
}

#ticketshop-content label.required-marker + div input {
  background-position: 99% center;
}

#ticketshop-content label.required-marker + div select[name="salutations"],
#ticketshop-content label.required-marker + div select[name="s_salutations"] {
  background-position: 92% center;
}

@media only screen and (min-width: 1920px) {
  #ticketshop-content label.required-marker + div select[name="salutations"],
  #ticketshop-content label.required-marker + div select[name="s_salutations"] {
    background-position: 93% center;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  #ticketshop-content label.required-marker + div select[name="salutations"],
  #ticketshop-content label.required-marker + div select[name="s_salutations"] {
    background-position: 91% center;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  #ticketshop-content label.required-marker + div select[name="salutations"],
  #ticketshop-content label.required-marker + div select[name="s_salutations"] {
    background-position: 88% center;
  }
}

@media only screen and (max-width: 699px) {
  #ticketshop-content label.required-marker + div select[name="salutations"],
  #ticketshop-content label.required-marker + div select[name="s_salutations"] {
    background-position: 89% center;
  }
}

#ticketshop-content label.required-marker + div select[name="countries"],
#ticketshop-content label.required-marker + div select[name="s_countries"] {
  background-position: 92% center;
}

@media only screen and (min-width: 1920px) {
  #ticketshop-content label.required-marker + div select[name="countries"],
  #ticketshop-content label.required-marker + div select[name="s_countries"] {
    background-position: 93% center;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  #ticketshop-content label.required-marker + div select[name="countries"],
  #ticketshop-content label.required-marker + div select[name="s_countries"] {
    background-position: 91% center;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  #ticketshop-content label.required-marker + div select[name="countries"],
  #ticketshop-content label.required-marker + div select[name="s_countries"] {
    background-position: 88% center;
  }
}

@media only screen and (max-width: 699px) {
  #ticketshop-content label.required-marker + div select[name="countries"],
  #ticketshop-content label.required-marker + div select[name="s_countries"] {
    background-position: 89% center;
  }
}

#ticketshop-content label.required-marker + div select[name="languages"] {
  background-position: 92% center;
}

.form-group .error {
  display: none;
}

.form-group.has-error .error {
  display: block;
}

#ticketshop-content tbody.ng-scope span.error {
  display: block;
  color: #E2001A;
}

input#chkAGB {
  margin-left: 0;
}

.table > tbody + tbody {
  border: none;
}

#ticketshop-content ::-ms-clear {
  margin-right: 1em;
}

#ticketshop-content .deliverystatusinfowrapper {
  margin-top: 1em;
}

#ticketshop-content .table > tbody > tr.postageandpacking > td {
  border-top: none;
}

#ticketshop-content .table > tbody > tr.in > td,
#ticketshop-content .table > tbody > tr[data-ng-if="article.ProductShortDescription"] > td {
  border-top: none;
  padding-top: 0;
}

#ticketshop-content .table > tbody > tr > td > a.articleshowmore,
#ticketshop-content .table > tbody > tr > td > a.articleshowmoreexpanded {
  cursor: pointer;
}

#ticketshop-content .table > tbody > tr > td > a.articleshowmore:before,
#ticketshop-content .table > tbody > tr > td > a.articleshowmoreexpanded:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.5em;
  display: inline-block;
  speak: none;
  content: "";
  color: #848587;
}

#ticketshop-content .table > tbody > tr > td > a.articleshowmoreexpanded:before {
  content: "";
}

/* END Module OnlineShop --------------------------------------------------- */
/* START Module slider ----------------------------------------------------- */
/* Name: Slider CSS */
/* Usage: Default */
/* Last edited: 05.11.2015 MB */
/*only screen and  could be removed => print would use this */
/*----------------------------------------royalslider.css-----------------------------------------*/
/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
  width: 100%;
  height: auto;
  position: relative;
  direction: ltr;
}

.royalSlider > * {
  float: left;
}

.rsWebkit3d .rsSlide {
  -webkit-transform: translateZ(0);
}

body * {
  -webkit-trasform: translateZ(0);
}

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none;
}

.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color: transparent;
}

.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color: transparent;
}

.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0;
}

.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
}

.rsArrow,
.rsThumbsArrow {
  cursor: pointer;
}

.rsThumb {
  float: left;
  position: relative;
}

.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  transition: opacity 0.3s linear;
}

.rsHidden {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 0.3s,opacity 0.3s linear;
}

.rsGCaption {
  width: 100%;
  float: left;
  text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  transition: 0s;
  display: none;
}

.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
  height: auto;
}

.rsContent {
  width: 100%;
  height: 100%;
  position: relative;
}

.rsPreloader {
  position: absolute;
  z-index: 0;
}

.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.rsNavItem {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
}

.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22;
}

.rsTabs {
  float: left;
  background: none !important;
}

.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}

.rsVideoContainer {
  /*left: 0;
	top: 0;
	position: absolute;*/
  /*width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	float: left;*/
  width: auto;
  height: auto;
  line-height: 0;
  position: relative;
}

.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: .3s;
}

.rsVideoFrameHolder.rsVideoActive {
  opacity: 1;
}

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
  box-sizing: border-box;
  padding-right: 44px;
}

.rsABlock {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 15;
}

img.rsImg {
  max-width: none;
  width: auto;
  margin-top: 0px !important;
}

.rsImgBannerLink {
  cursor: pointer;
}

.grab-cursor {
  cursor: url(//lib.messe.ch/ajax/libs/royalslider/grab.png) 8 8, move;
}

.grabbing-cursor {
  cursor: url(//lib.messe.ch/ajax/libs/royalslider/grabbing.png) 8 8, move;
}

.rsNoDrag {
  cursor: auto;
}

.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  background: url(/Sites/Images/Common/blank.gif);
}

.templates-count {
  top: 6px;
  right: -2px;
  position: absolute;
  font-size: 10px;
  vertical-align: top;
}

#templates-list {
  list-style: none;
}

#templates-list li {
  position: relative;
  height: auto;
  background: #f7f7f7;
  float: left;
  margin: 12px 1%;
  width: 30%;
}

#templates-list a {
  line-height: 0;
  display: block;
}

#templates-list img {
  width: 100%;
  height: auto;
}

#templates-list h3 {
  color: #111;
  background: #E7E7E7;
  text-align: center;
  font-size: 14px;
  line-height: 21px;
  padding: 8px;
  margin: 0;
}

#templates-list a:hover {
  color: #C00;
  text-decoration: none;
}

#templates-list a:hover h3 {
  color: #C00;
  text-decoration: none;
}

.links-holder {
  width: 100%;
  height: 300px;
  background: #f7f7f7;
  text-align: center;
  line-height: 290px;
  font-size: 22px;
}

.openBoxButton {
  color: #c00;
  text-decoration: underline;
}

/**
 * Buttons
 */
a.action-button {
  color: #c00;
  background: #dadada;
  padding: 8px 12px 9px;
  border-radius: 2px;
}

a.action-button:hover {
  text-decoration: none;
  background: #C00;
  color: #FFF;
}

.example-info h2 {
  margin-top: 0;
}

.fullWidth {
  width: 100%;
  overflow: hidden;
}

#page-navigation {
  margin-top: 8px;
  height: auto;
}

#page-navigation .page-nav-item a {
  padding: 6px 8px;
  background: #f7f7f7;
  text-decoration: none;
  line-height: 31px;
}

#page-navigation .page-nav-item a:hover {
  background: #c00;
  color: #FFF;
  text-decoration: none;
}

#page-navigation .right {
  float: right;
}

#page-navigation .left {
  float: left;
}

#docs-menu {
  z-index: 1000;
  position: fixed;
  left: 0;
  top: 50px;
  padding: 0;
  background: #f7f7f7;
}

#docs-menu li {
  list-style: none;
}

#docs-menu .dmenu-inside > ul {
  margin: 0;
}

#docs-menu h4 {
  margin: 0 0 12px 0;
}

#docs-menu .dmenu-inside {
  padding: 20px 20px 12px;
}

#docs-menu .support-forum-link {
  font-weight: bold;
  padding: 0 20px 20px;
}

#docs h2:target,
#docs h3:target,
#docs h4:target {
  padding: 15px;
  border-top: 50px solid transparent;
  margin-top: -30px;
  background-clip: padding-box;
  background-color: #fff6bf;
}

.home-actions {
  text-align: center;
  margin-top: 32px;
}

/**
 * Head
 */
/* Temporary offline because of regular Logo 
#logo {
  display: block;
  font-size: 24px;
  line-height: 23px;
  float: left;
  padding: 12px 13px 14px;
  background: #be2a2a;
  width: auto;
  color: #FFF;
  width: 130px;
  text-align: center;
}
#logo:hover {
  text-decoration: none;
  background-color: #C00;
}
*/
.call-to-action {
  padding: 14px 23px;
  background: #727272;
  color: white;
  border-radius: 2px;
  font-size: 16px;
}

.call-to-action:hover {
  text-decoration: underline;
  color: #FFF;
  background: #999;
}

.call-to-action-primary {
  background: #BE2A2A;
}

.call-to-action-primary:hover {
  background: #CE3A3A;
}

#main-header {
  color: #000;
  background: #f7f7f7;
  margin-bottom: 16px;
}

.home-page #main-header {
  margin-top: 16px;
  background: none;
}

.weird-rabbit {
  top: 10px;
  left: 10px;
}

.weird-rabbit:hover {
  -webkit-animation-name: whiggle;
  -webkit-animation-duration: 0.8s;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

.home-page .weird-rabbit {
  top: 28px;
  left: 27px;
}

#main-header nav {
  margin-top: 13px;
  float: left;
  margin-left: 16px;
}

#buy-slider {
  float: right;
  margin-top: 0px;
  font-weight: bold;
  padding: 14px 10px;
}

#main-header nav a {
  padding: 14px 10px;
  position: relative;
}

#main-header nav a.curr-menu-item {
  color: #AAA;
}

.sales-count {
  margin-top: 12px;
}

.cc-icon {
  margin: 4px 0 0 0;
  background: url("//lib.messe.ch/ajax/libs/royalslider/sprite.png") 0 0;
  width: 38px;
  height: 38px;
  float: right;
}

.full-width-wrap {
  width: 100%;
  background: #f7f7f7;
  padding: 16px 0;
}

.new-template {
  text-align: left;
  font-family: Arial, sans-serif;
  color: white;
  font-size: 10px;
  padding: 1px 5px 1px;
  line-height: 13px;
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  background: #C00;
}

/* table */
table.tc-variables-table {
  border-spacing: 0;
  border: none;
  width: 100%;
  position: relative;
  margin: 1em 0 2em;
}

table.tc-variables-table thead {
  border-bottom: 2px solid #D6D6D6;
  color: #747474;
}

table.tc-variables-table thead th {
  padding-bottom: 6px;
}

table.tc-variables-table td,
table.tc-variables-table th {
  border: none;
  text-align: left;
  vertical-align: top;
  padding: 0;
  border-image: initial;
}

table.tc-variables-table th {
  font-weight: bold;
  padding-left: 11px;
  padding-right: 22px;
  padding-bottom: 11px;
}

table.tc-variables-table td {
  padding: 8px 22px 8px 11px;
  font-size: 13px;
}

table.tc-variables-table td:first-child {
  color: #5551B8;
}

table.tc-variables-table tbody tr:nth-child(odd) td {
  background-color: #f7f7f7;
}

table.tc-variables-table tbody tr:hover td {
  background-color: #fff6bf !important;
}

/**
 * Templated
 */
#templates-list,
#templates-list li {
  list-style: none;
}

/**
 * Features
 */
.top-features-title {
  margin-top: 32px;
  margin-bottom: 4px;
}

.main-features ul {
  margin: 0;
}

.main-features li {
  list-style: none;
  margin-bottom: 16px;
  float: left;
}

.main-features li p {
  color: #575757;
}

.main-features li a {
  white-space: nowrap;
  opacity: 0.9;
}

/**
 * Footer
 */
#main-footer {
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid #cdcdcd;
  padding-bottom: 32px;
}

#main-footer .copy {
  float: right;
}

#main-footer nav {
  float: left;
}

#main-footer nav a {
  padding: 0 6px;
}

/**
 * FAQ
 */
ul.faq-list {
  list-style-type: none;
  margin-left: 0;
}

.faq-list > li {
  margin-bottom: 24px;
  list-style-type: none;
  margin-left: 20px;
}

@media screen and (min-width: 0px) and (max-width: 977px) {
  #templates-list {
    margin-top: 0;
  }
  #templates-list li {
    margin: 12px 1%;
    width: 46%;
  }
}

@media screen and (min-width: 0px) and (max-width: 400px) {
  #templates-list li {
    margin: 12px 0;
    width: 100%;
  }
  .links-holder {
    font-size: 14px;
    height: 200px;
    line-height: 200px;
  }
}

@media screen and (min-width: 761px) and (max-width: 850px) {
  #buy-slider span {
    display: none;
  }
}

@media screen and (min-width: 0px) and (max-width: 760px) {
  /* Temporary offline because of regular Logo 
    #logo {
      margin: 0 auto;
      float: none;
      margin-top: 1px;
    }
    */
  nav a {
    line-height: 16px;
    display: inline-block;
  }
  .home-page #main-header {
    margin-top: 0;
    margin-bottom: 0;
  }
  #main-header nav {
    width: 100%;
    margin-top: 22px;
    display: block;
    text-align: center;
    margin-left: 0;
    float: left;
  }
  #buy-slider {
    display: block;
    width: 100%;
    float: left;
    margin-top: 6px;
    font-weight: bold;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
  #main-header .span_6 {
    margin-bottom: 12px;
  }
  #main-footer {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #cdcdcd;
    padding-bottom: 32px;
  }
  #main-footer .copy {
    float: right;
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
  #main-footer nav {
    float: left;
    width: 100%;
    text-align: center;
  }
  #main-footer nav a {
    padding: 8px 6px;
  }
}

/*----------------------------------------rs-default.css-----------------------------------------*/
/******************************
*
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloading
*    8. Caption
*	 9. Media Queries
*    
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/
/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
  background: #fcfcfc;
  color: #ccc;
}

/***************
*
*  1. Arrows
*
****************/
.rsDefault .rsArrow {
  width: 44px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21;
}

.rsDefault.rsVer .rsArrowLeft {
  top: 0;
  left: 0;
}

.rsDefault.rsVer .rsArrowRight {
  bottom: 0;
  right: 0;
}

.rsDefault.rsHor .rsArrowLeft {
  left: 0;
  top: 50%;
}

.rsDefault.rsHor .rsArrowRight {
  right: 0;
  top: 50%;
}

.rsDefault .rsArrowIcn {
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  margin-top: -9px;
  margin-left: -11px;
  position: absolute;
  cursor: pointer;
  background: none;
  border-radius: 2px;
}

.keyvisual .portletContent .rsDefault .rsArrowIcn {
  background: none;
}

.rsDefault .rsArrowLeft .rsArrowIcn:after {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  speak: none;
  content: "";
  color: #e31819;
  font-size: 2em;
}

.keyvisual .rsDefault .rsArrowLeft .rsArrowIcn:after {
  content: "";
  color: #e31819;
}

.rsDefault .rsArrowRight .rsArrowIcn:after {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  speak: none;
  content: "";
  color: #e31819;
  font-size: 2em;
}

.keyvisual .rsDefault .rsArrowRight .rsArrowIcn:after {
  content: "";
  color: #e31819;
}

.rsDefault .rsArrowIcn:hover {
  background-color: none;
}

.keyvisual .rsDefault .rsArrowIcn:hover {
  background-color: none;
}

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
  background-position: -64px -32px;
}

.rsDefault.rsHor .rsArrowRight .rsArrowIcn {
  background-position: -64px -64px;
}

.rsDefault.rsVer .rsArrowLeft .rsArrowIcn {
  background-position: -96px -32px;
}

.rsDefault.rsVer .rsArrowRight .rsArrowIcn {
  background-position: -96px -64px;
}

.rsDefault .rsArrowDisabled .rsArrowIcn {
  opacity: .2;
  filter: alpha(opacity=20);
  *display: none;
}

/***************
*
*  2. Bullets
*
****************/
.rsDefault .rsBullets {
  position: absolute;
  z-index: 22;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.75em;
  margin: 0 auto;
  background: none;
  text-align: center;
  line-height: 8px;
  overflow: hidden;
}

.keyvisual .rsDefault .rsBullets {
  background: none;
  left: 0;
  bottom: 0;
}

.rsDefault .rsBullets.rsBulletsRelocate {
  /*@if ($rs-bullets-bar-positioning-vertical < 21px) {
		bottom: 5%;
	}*/
  position: relative;
  padding-top: 5px;
}

.rsDefault .rsBullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 6px;
  padding-right: 6px;
}

.keyvisual .rsDefault .rsBullet {
  padding-left: 6px;
  padding-right: 6px;
}

.rsDefault .rsBullet span {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 0%;
  background: #ccc;
  cursor: pointer;
}

.keyvisual .rsDefault .rsBullet span {
  border-radius: 0%;
  background: #ccc;
}

.rsDefault .rsBullet.rsNavSelected span {
  background: #e31819;
}

.keyvisual .rsDefault .rsBullet.rsNavSelected span {
  background: #e31819;
}

/***************
*
*  3. Thumbnails
*
****************/
.rsDefault .rsThumbsHor {
  width: 100%;
  background: #e31819;
  z-index: 99;
}

.keyvisual .rsDefault .rsThumbsHor {
  background: #e31819;
}

.rsDefault.rsThumbsHorBottom .rsThumbsHor {
  position: relative;
  bottom: 0;
}

.keyvisual .rsDefault.rsThumbsHorBottom .rsThumbsHor {
  position: relative;
}

.rsDefault.rsThumbsHorBottom .rsFullscreenBtn {
  bottom: 0;
}

.keyvisual .rsDefault.rsThumbsHorBottom .rsFullscreenBtn {
  bottom: 0;
}

.rsDefault.rsThumbsHorTop .rsThumbsHor {
  position: relative;
  top: 0;
}

.keyvisual .rsDefault.rsThumbsHorTop .rsThumbsHor {
  position: relative;
}

.rsDefault .rsThumbsVer {
  width: 170px;
  height: 100%;
  background: #e31819;
  z-index: 99;
}

.keyvisual .rsDefault .rsThumbsVer {
  width: 170px;
  background: #e31819;
}

.rsDefault.rsWithThumbsVer .rsOverflow {
  margin-left: -1px;
}

.rsDefault.rsWithThumbsHor .rsThumbsContainer {
  position: relative;
  height: 100%;
}

.rsDefault.rsWithThumbsVer .rsThumbsContainer {
  position: relative;
  width: 10px !important;
}

.rsDefault .rsThumb {
  float: left;
  overflow: hidden;
}

.rsDefault .rsThumbMediaHolder {
  height: 112.5px;
  overflow: hidden;
}

.keyvisual .rsDefault .rsThumbMediaHolder {
  height: 112.5px;
}

.rsDefault .rsThumb img, .rsDefault .rsThumb video {
  width: 150px;
  display: block;
  margin: 0 auto;
  position: relative;
  top: 0px;
  left: 0px;
}

.keyvisual .rsDefault .rsThumb img, .rsDefault .rsThumb video {
  width: 150px;
  top: 0px;
  left: 0px;
}

.rsDefault .rsThumbsContainer .rsNavItem {
  padding: 10px 10px 29px 10px;
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  margin: 8px 0;
}

.keyvisual .rsDefault .rsThumbsContainer .rsNavItem {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}

.rsDefault .rsThumbsContainer .rsNavSelected {
  background: rgba(0, 0, 0, 0.5);
  color: #999;
}

.keyvisual .rsDefault .rsThumbsContainer .rsNavSelected {
  background: rgba(0, 0, 0, 0.5);
  color: #999;
}

.rsDefault .rsThumb.rsNavSelected img {
  opacity: 0.2;
  filter: alpha(opacity=20);
}

/* Thumbnails with text */
.rsDefault .rsThumbTitle {
  font-size: 1em;
  line-height: 1.5;
  position: absolute;
  left: 10px;
  top: 128.5px;
}

.keyvisual .rsDefault .rsThumbTitle {
  font-size: 1em;
  line-height: 1.5;
  top: 128.5px;
}

.rsDefault .rsTmb h5 {
  font-size: 16px;
  margin: 0;
  padding: 0;
  line-height: 20px;
  color: #FFF;
}

.rsDefault .rsTmb span {
  color: #DDD;
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 18px;
}

/* Thumbnails ONLY */
.royalSlider.rsThumbsOnly {
  height: auto !important;
}

.rsDefault.rsThumbsOnly .rsOverflow {
  height: 0 !important;
}

/* Thumbnails arrow icons */
.rsDefault .rsThumbsArrow {
  height: 100%;
  width: 20px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21;
  background: #000;
  background: rgba(0, 0, 0, 0.75);
}

.rsDefault .rsThumbsArrow:hover {
  background: rgba(0, 0, 0, 0.9);
}

.rsDefault.rsWithThumbsVer .rsThumbsArrow {
  width: 100%;
  height: 20px;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft {
  top: 0;
  left: 0;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowRight {
  bottom: 0;
  left: 0;
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft {
  left: 0;
  top: 0;
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowRight {
  right: 0;
  top: 0;
}

.rsDefault .rsThumbsArrowIcn {
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
  position: absolute;
  cursor: pointer;
  background: url("//lib.messe.ch/ajax/libs/royalslider/rs-default.png");
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
  background-position: -128px -32px;
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
  background-position: -128px -48px;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
  background-position: -144px -32px;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
  background-position: -144px -48px;
}

.rsDefault .rsThumbsArrowDisabled {
  display: none !important;
}

/* Thumbnails resizing on smaller screens */
@media only screen and (min-width: 700px) and (max-width: 1139px) {
  .rsDefault .rsThumb img, .rsDefault .rsThumb video {
    width: 112.5px;
  }
  .keyvisual .rsDefault .rsThumb img, .rsDefault .rsThumb video {
    width: 112.5px;
  }
  .rsDefault .rsThumbMediaHolder {
    height: 84.375px;
  }
  .keyvisual .rsDefault .rsThumbMediaHolder {
    height: 84.375px;
  }
  .rsDefault .rsThumbsVer {
    width: 122.5px;
  }
  .keyvisual .rsDefault .rsThumbsVer {
    width: 122.5px;
  }
  .rsThumbTitle {
    display: none;
  }
  .rsDefault .rsThumbsContainer .rsNavItem {
    padding: 5px;
    margin: 4px 0;
  }
}

/***************
*
*  4. Tabs
*
****************/
.rsDefault .rsTabs {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  padding-top: 12px;
  position: relative;
}

.rsDefault .rsTab {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  height: auto;
  width: auto;
  color: #333;
  padding: 5px 13px 6px;
  min-width: 72px;
  border: 1px solid #D9D9DD;
  border-right: 1px solid #f5f5f5;
  text-decoration: none;
  background-color: #FFF;
  background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
  box-shadow: inset 1px 0 0 #fff;
  *display: inline;
  *zoom: 1;
}

.rsDefault .rsTab:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.rsDefault .rsTab:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 1px solid #cfcfcf;
}

.rsDefault .rsTab:active {
  border: 1px solid #D9D9DD;
  background-color: #f4f4f4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
}

.rsDefault .rsTab.rsNavSelected {
  color: #FFF;
  border: 1px solid #999;
  text-shadow: 1px 1px #838383;
  box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
  background: #ACACAC;
  background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
  background-image: linear-gradient(to bottom, #ACACAC, #BBB);
}

/***************
*
*  5. Fullscreen button
*
****************/
.rsDefault .rsFullscreenBtn {
  right: 0;
  bottom: 0;
  z-index: 22;
  display: block;
  position: absolute;
  cursor: pointer;
}

.rsDefault .rsFullscreenIcn {
  display: block;
  margin: 8px 9px;
  width: 22px;
  height: 22px;
  background: url("//lib.messe.ch/ajax/libs/royalslider/rs-default.png") -5px -5px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000;
  border-radius: 2px;
}

.rsDefault .rsFullscreenIcn:hover {
  background-color: rgba(0, 0, 0, 0.9);
}

.rsDefault.rsFullscreen .rsFullscreenIcn {
  background-position: -37px -4px;
}

/***************
*
*  6. Play/close video button
*
****************/
.rsDefault .rsPlayBtn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  cursor: pointer;
}

.rsDefault .rsPlayBtnIcon {
  width: 64px;
  display: block;
  height: 64px;
  border-radius: 4px;
  transition: .3s;
  background: url(//lib.messe.ch/ajax/libs/royalslider/rs-default.png) no-repeat 0 -32px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000;
}

.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
  background-color: rgba(0, 0, 0, 0.9);
}

.rsDefault .rsBtnCenterer {
  position: absolute;
  left: 50%;
  top: 50%;
}

.rsDefault .rsCloseVideoBtn {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 500;
  position: absolute;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}

.rsDefault .rsCloseVideoBtn.rsiOSBtn {
  top: -38px;
  right: -6px;
}

.rsDefault .rsCloseVideoIcn {
  margin: 6px;
  width: 32px;
  height: 32px;
  background: url("//lib.messe.ch/ajax/libs/royalslider/rs-default.png") -64px 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000;
}

.rsDefault .rsCloseVideoIcn:hover {
  background-color: rgba(0, 0, 0, 0.9);
}

/***************
*
*  7. Preloading
*
****************/
.rsDefault .rsPreloader {
  width: 20px;
  height: 20px;
  background-image: url(//lib.messe.ch/ajax/libs/royalslider/preloaders/preloader-white.gif);
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
}

.royalSlider > .rsContent {
  display: none;
}

.rsMediaHolderHidden, .rsContentBoxHidden, .rsImgBannerHidden {
  visibility: hidden;
}

/***************
*
*  8. Global caption
*
****************/
.rsDefault .rsGCaption {
  position: absolute;
  float: none;
  bottom: 6px;
  left: 6px;
  text-align: left;
  background: black;
  background: rgba(0, 0, 0, 0.75);
  color: #FFF;
  padding: 2px 8px;
  width: auto;
  font-size: 12px;
  border-radius: 2px;
}

div.SliderClose {
  position: relative;
  top: 20px;
  left: 100px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  height: 16px;
  width: 16px;
  /*color:red;
    border-width :1px ;
    border-style:dashed;*/
  background-image: url(//lib.messe.ch/ajax/libs/royalslider/close.png);
  background-repeat: no-repeat;
  z-index: 100;
}

img.rsContentImg {
  height: 100px;
}

.royalSlider a {
  /*padding-left: 0 !important;
		background: none !important; MB*/
}

div.rsSlider {
  /*margin-top: 30px;*/
  margin-bottom: 30px;
}

.rsMediaHolder .rsVideoTitle {
  display: none;
}

.rsFooter {
  padding: 0.25em 2em;
}

.rsThumbsHorBottom .rsContentBox, .rsThumbsNone .rsContentBox {
  position: absolute;
  top: 0em;
  left: 0em;
}

.keyvisual .rsThumbsHorBottom .rsContentBox, .keyvisual .rsThumbsNone .rsContentBox {
  position: absolute;
  top: 80%;
  left: 40%;
}

.rsThumbsHorTop .rsContentBox {
  position: absolute;
  bottom: 0em;
  left: 0em;
}

.keyvisual .rsThumbsHorTop .rsContentBox {
  position: absolute;
  bottom: 3em;
  left: 40%;
}

.rsThumbsVerLeft .rsContentBox {
  position: absolute;
  top: 0em;
  right: 0em;
}

.keyvisual .rsThumbsVerLeft .rsContentBox {
  position: absolute;
  top: 80%;
  right: 3em;
}

.rsThumbsVerRight .rsContentBox {
  position: absolute;
  top: 0em;
  left: 0em;
}

.keyvisual .rsThumbsVerRight .rsContentBox {
  position: absolute;
  top: 80%;
  left: 40%;
}

.rsBullets .rsContentBox {
  position: absolute;
  top: 0em;
  left: 0em;
}

.keyvisual .rsBullets .rsContentBox {
  position: absolute;
  top: 80%;
  left: 40%;
}

.rsContentBox {
  background: none;
  color: #fff;
  padding: 0 0 1.5em 1em;
  width: 100%;
}

.rsContentBox h3 {
  color: #fff;
  font-size: auto;
  margin: 0px;
}

.rsContentBox .rsContentBoxText {
  padding-bottom: 1em;
}

.rsContentBox .rsContentBoxLink {
  background: #22a0de;
  padding: 0.5em;
}

.rsContentBox .rsContentBoxLink:hover, .rsContentBox .rsContentBoxLink:active {
  background: rgba(34, 160, 222, 0.7);
}

.keyvisual .rsContentBox {
  background: none;
  padding: 1em 3.5em;
  color: #fff;
  width: 100%;
}

.keyvisual .rsContentBox h1 {
  color: #fff;
  font-size: auto;
  margin: 0.25em 0px 0.25em;
}

.keyvisual .rsContentBox .rsContentBoxText {
  padding-bottom: 1em;
}

.keyvisual .rsContentBox .rsContentBoxLink {
  background: #22a0de;
  padding: 0.5em;
}

.keyvisual .rsContentBox .rsContentBoxLink:hover, .keyvisual .rsContentBox .rsContentBoxLink:active {
  background: rgba(34, 160, 222, 0.7);
}

@media only screen and (max-width: 699px), only screen and (max-width: 400px) {
  .rsContentBox {
    color: #484848;
    left: 0 !important;
    width: 100% !important;
  }
  .rsContentBoxText {
    display: none;
  }
  .rsDefault .rsBullets {
    position: absolute;
  }
  .rsSlide {
    overflow: visible;
  }
  .rsFullscreenBtn {
    display: none !important;
  }
}

.rsMediaHolder video {
  width: 100%;
  height: 100%;
}

.rsCloseVideoIcn {
  display: none;
}

/* END jquery.slider ------------------------------------------------------- */
/* START Customize --------------------------------------------------------- */
/* Name: Customize CSS */
/* Usage: www.swissbau.ch */
/* Last edited: 17.01.2017 MM */
/**
 * @license
 * MyFonts Webfont Build ID 3327944, 2017-01-06T04:28:11-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: NHaasGroteskTXPro-55Rg by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/neue-haas-grotesk/pro-text-55-roman/
 * 
 * Webfont: NHaasGroteskTXPro-65Md by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/neue-haas-grotesk/pro-text-65-medium/
 * 
 * Webfont: NHaasGroteskTXPro-75Bd by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/neue-haas-grotesk/pro-text-75-bold/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3327944
 * Licensed pageviews: 250,000
 * Webfonts copyright: Copyright &#x00A9; 2013 Monotype Imaging Inc. All rights reserved.
 * 
 *  2017 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'NHaasGroteskTXPro-55Rg';
  src: url("/Content/swissbau/CSS/fontface/32C7C8_0_0.eot");
  src: url("/Content/swissbau/CSS/fontface/32C7C8_0_0.eot?#iefix") format("embedded-opentype"), url("/Content/swissbau/CSS/fontface/32C7C8_0_0.woff2") format("woff2"), url("/Content/swissbau/CSS/fontface/32C7C8_0_0.woff") format("woff"), url("/Content/swissbau/CSS/fontface/32C7C8_0_0.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NHaasGroteskTXPro-65Md';
  src: url("/Content/swissbau/CSS/fontface/32C7C8_1_0.eot");
  src: url("/Content/swissbau/CSS/fontface/32C7C8_1_0.eot?#iefix") format("embedded-opentype"), url("/Content/swissbau/CSS/fontface/32C7C8_1_0.woff2") format("woff2"), url("/Content/swissbau/CSS/fontface/32C7C8_1_0.woff") format("woff"), url("/Content/swissbau/CSS/fontface/32C7C8_1_0.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NHaasGroteskTXPro-75Bd';
  src: url("/Content/swissbau/CSS/fontface/32C7C8_2_0.eot");
  src: url("/Content/swissbau/CSS/fontface/32C7C8_2_0.eot?#iefix") format("embedded-opentype"), url("/Content/swissbau/CSS/fontface/32C7C8_2_0.woff2") format("woff2"), url("/Content/swissbau/CSS/fontface/32C7C8_2_0.woff") format("woff"), url("/Content/swissbau/CSS/fontface/32C7C8_2_0.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/*only screen and  could be removed => print would use this */
/*a {
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	     -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
} */
b,
strong {
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  font-weight: normal;
}

.content-holder {
  position: relative;
  top: -76px;
  margin-left: 1.5em;
  margin-right: 1.5em;
  margin-bottom: -6em;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

@media only screen and (min-width: 1920px) {
  .content-holder {
    top: -76px;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  .content-holder {
    top: -79px !important;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  .content-holder {
    top: -116px !important;
  }
}

@media only screen and (max-width: 699px), only screen and (max-width: 400px) {
  .content-holder {
    top: -125px;
  }
}

.main-content,
aside {
  margin-bottom: -6em;
}

header.pageheader {
  margin: 0 1.5em 0 1.5em;
  height: 13.6em;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px), only screen and (max-width: 400px) {
  header.pageheader {
    margin: 0;
  }
}

header .header-part {
  padding: 0;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px), only screen and (max-width: 400px) {
  header .header-part {
    top: 4em;
  }
}

#header .logo {
  width: 25.5em;
  min-width: 100px;
  height: auto;
  z-index: 800;
  position: relative;
  margin: 80px 0 0 0;
}

#header .show-date {
  font-size: 1.51em;
  letter-spacing: .06em;
  z-index: 850;
  color: #e1001a;
  position: absolute;
  display: inline-block;
  left: 3.1em;
  top: 17em;
  white-space: nowrap;
  font-family: 'NHaasGroteskTXPro-75Bd', Arial, Helvetica, sans-serif, Arial, sans-serif;
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  #header .logo {
    width: 13em;
    margin-top: 53px;
  }
  #header .show-date {
    font-size: .808em;
    left: 3.35em;
    top: 10.2em;
  }
}

@media only screen and (max-width: 699px), only screen and (max-width: 400px) {
  #header .logo {
    width: 12em;
    margin-top: 4.1em;
  }
  #header .show-date {
    font-size: .73em;
    left: 3.75em;
    top: 10.2em;
    right: inherit;
  }
}

#header .home-tag {
  position: absolute;
  z-index: 20000;
  right: 0;
  top: 2.3em;
  background: #e1001a;
  display: none;
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  #header .home-tag {
    top: 1.85em;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  #header .home-tag {
    top: 0;
  }
}

@media only screen and (max-width: 699px) {
  #header .home-tag {
    top: -.7em;
  }
}

@media only screen and (max-width: 400px) {
  #header .home-tag {
    display: none;
  }
}

#header .home-tag:after {
  content: "";
  float: left;
  position: relative;
  left: -.35em;
  top: 0em;
  width: 0;
  height: 0;
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-left: .5em solid #8a1008;
  transform: rotate(45deg);
  display: inline;
}

#header .home-tag a {
  padding: 1em 1em 1em .5em;
  line-height: 2.2;
  color: #FFF;
  text-decoration: none;
}

li#ctl09_ctl00_Level1Repeater_ctl05_liFirstLevel,
li#ctl09_ctl00_Level1Repeater_ctl06_liFirstLevel {
  display: none;
}

nav.main-nav {
  position: absolute;
  top: 6em;
  width: 100%;
  max-width: 100em;
  text-align: left;
  margin: 1.4em 0 0;
}

nav.main-nav > ul > li {
  padding-left: 0;
  padding-right: 2vw !important;
}

@media only screen and (min-width: 1300px) {
  nav.main-nav > ul > li {
    padding-right: 2em !important;
  }
}

nav.main-nav > ul > li:nth-of-type(2) {
  margin-left: 30.5em;
}

nav.main-nav > ul > li > a {
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  font-size: 1.5vw !important;
}

@media only screen and (min-width: 1300px) {
  nav.main-nav > ul > li > a {
    font-size: 1.5em !important;
  }
}

nav.main-nav > ul > li > a:hover {
  text-decoration: none;
}

nav.main-nav > ul > li.parent > a {
  text-decoration: none;
  color: #e1001a !important;
}

nav.main-nav > ul > li > ul {
  background: url("/~/media/swissbau/Images/Layout/Slider/header-hintergrund-2.png") no-repeat;
  background-size: cover;
  border: none;
  top: 2.99em;
  left: 22.8em;
  right: 1.5em;
  width: inherit;
  height: 17em;
  padding-left: 7em;
}

nav.main-nav > ul > li > ul > li {
  width: 31%;
  border: none;
  text-align: left;
  margin-top: 1.5em;
}

nav.main-nav > ul > li > ul > li a {
  line-height: 1;
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
}

@media only screen and (min-width: 1300px) {
  nav.main-nav > ul > li > ul > li a {
    font-size: 1.3em !important;
  }
}

nav.main-nav > ul > li > ul > li a.fly_active {
  text-decoration: none;
}

nav.main-nav > ul > li > ul > li a.fly_active:hover {
  text-decoration: underline;
}

nav.main-nav > ul > li > ul > li.close {
  opacity: 1;
  -webkit-text-stroke: none !important;
  right: .7em;
  top: .7em;
}

@media only screen and (min-width: 1300px) {
  nav.main-nav > ul > li > ul > li.close {
    font-size: 1.5em;
  }
}

nav.main-nav > ul > li > ul > li.close i {
  -webkit-text-stroke: 0;
  font-size: 2.5vw;
  font-weight: 200;
  text-shadow: none;
  color: #484848;
}

@media only screen and (min-width: 1300px) {
  nav.main-nav > ul > li > ul > li.close i {
    font-size: 1.5em;
  }
}

nav.main-nav > ul > li > ul > li.close i:hover {
  color: #e1001a;
}

nav.main-nav > ul > li > ul > li.close i:before {
  content: "+";
  display: inherit;
  transform: rotate(45deg);
}

nav.main-nav > ul > li > ul > li > ul {
  margin-top: .5em;
}

nav.main-nav > ul > li > ul > li > ul > li {
  margin-bottom: .4vw;
}

@media only screen and (min-width: 1300px) {
  nav.main-nav > ul > li > ul > li > ul > li {
    margin-bottom: .4em;
  }
}

nav.main-nav > ul > li > ul > li > ul > li:before {
  display: none;
}

nav.main-nav > ul > li > ul > li > ul > li a {
  font-family: 'NHaasGroteskTXPro-55Bg', Helvetica, Arial, sans-serif;
}

@media only screen and (min-width: 1300px) {
  nav.main-nav > ul > li > ul > li > ul > li a {
    font-size: 1.2em !important;
  }
}

nav.main-nav > ul > li > ul > li > ul > li a.fly_active {
  text-decoration: none;
}

nav.main-nav > ul > li > ul > li > ul > li > ul {
  margin-top: 0;
}

nav.breadcrumb {
  position: absolute;
  left: 29em;
  top: 21em;
  width: 36%;
  max-width: 38em;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px), only screen and (max-width: 400px) {
  nav.breadcrumb {
    display: none;
  }
}

/* Bing Search */
#search.search {
  top: 22em;
  right: 0;
  z-index: 200;
  width: 25%;
}

#search.search .BingSearchBoxInput {
  font-size: 1em !important;
  color: #a7a7a7;
  border: 1px solid #a7a7a7 !important;
  border-right: none !important;
  padding: .4em 1em .4em .4em !important;
  height: 30px !important;
  float: left;
  margin: 0 !important;
}

#search.search .BingSearchBoxButton {
  background: #E1001A;
  font-size: 0 !important;
  width: 30px;
  height: 30px;
  min-width: 30px;
  background: #E1001A url("/Content/swissbau/images/search-mobile.png") 6px no-repeat !important;
  background-size: 15px 15px !important;
  float: left;
}

header .generic-navigation {
  display: block;
  left: inherit;
  right: 4%;
  width: auto;
  padding: 0;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px), only screen and (max-width: 400px) {
  header .generic-navigation {
    right: 8%;
  }
}

header .generic-navigation .copyright {
  display: none !important;
}

header .generic-navigation .generic li {
  font-size: 1.2em;
  margin: .5em .5em 0;
}

header .generic-navigation .generic li:first-child, header .generic-navigation .generic li:last-child {
  display: inherit;
}

header .generic-navigation .generic li:before {
  display: none;
}

header .generic-navigation .social {
  margin-right: 2em;
}

header .generic-navigation .social ul li {
  margin-right: .5em;
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  header .generic-navigation .social ul li {
    margin-right: 1em;
  }
}

header .generic-navigation .social ul li a,
footer.pagefooter nav ul li.social a {
  margin: .5em 0 0 .5em !important;
  background: #6C6C6C;
  width: 2.2em;
  height: 2.2em;
  text-align: center;
  float: left;
  overflow: hidden;
}

header .generic-navigation .social ul li a:hover,
footer.pagefooter nav ul li.social a:hover {
  background: #e1001a;
}

header .generic-navigation .social ul li a:before,
footer.pagefooter nav ul li.social a:before {
  color: #fff;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 13px;
  position: relative;
  line-height: 2.86;
}

header .generic-navigation .social ul li a.smifacebook:before,
footer.pagefooter nav ul li.social a.smifacebook:before {
  content: "\f09a";
}

header .generic-navigation .social ul li a.smitwitter:before,
footer.pagefooter nav ul li.social a.smitwitter:before {
  content: "\f099";
  margin-left: .15em;
}

header .generic-navigation .social ul li a.smiyoutube:before,
footer.pagefooter nav ul li.social a.smiyoutube:before {
  content: "\f167";
}

header .generic-navigation .social ul li a.smigoogleplus:before,
footer.pagefooter nav ul li.social a.smigoogleplus:before {
  content: "\f0d5";
}

header .generic-navigation .social ul li a.smiblog:before,
footer.pagefooter nav ul li.social a.smiblog:before {
  content: "blog";
  font-size: 8px;
  line-height: 4.8;
  font-family: 'NHaasGroteskTXPro-55RG';
}

header.pageheader nav.language-switch {
  right: 0;
  left: inherit;
  top: .45em;
  width: inherit;
  padding: 0;
}

header.pageheader nav.language-switch li {
  margin: 0 0 0 .5em;
}

header.pageheader nav.language-switch li:before {
  display: none;
}

header.pageheader nav.language-switch a.active {
  color: #e1001a;
}

/* Keyvisual & Slider */
.keyvisual {
  margin-top: 2.65em;
  margin-left: 21.2em;
  height: 17em !important;
  overflow: hidden;
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  .keyvisual {
    margin-top: 2.85em;
  }
}

.keyvisual img {
  width: inherit;
}

.keyvisual h1 {
  position: relative;
  top: -5em;
  left: 3.4em;
  padding: 0 .3em 0 0;
  margin: 0;
  width: 80%;
  line-height: 1.2;
}

@media only screen and (max-width: 400px), only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 1139px) {
  .keyvisual h1 {
    left: .7em;
    top: -6em;
  }
}

.keyvisual h1 span {
  color: #E1001A;
  font-size: .4em;
  display: block;
  margin-top: .2em;
}

.keyvisual .royalSlider .rsContentBox {
  left: 0;
  right: 0;
  width: 100%;
  padding: 1em 16em;
  text-align: center;
  top: 22%;
  font-size: 1.1em;
  font-size: 1.1vw;
}

@media only screen and (min-width: 1140px) and (max-width: 1919px), only screen and (min-width: 1920px) {
  .keyvisual .royalSlider .rsContentBox {
    font-size: .9em;
  }
}

@media only screen and (max-width: 400px), only screen and (max-width: 699px) {
  .keyvisual .royalSlider .rsContentBox {
    font-size: .5em;
    margin-left: 25em;
    margin-right: 5em;
    width: auto !important;
    padding: 0;
  }
}

@media only screen and (max-width: 400px) {
  .keyvisual .royalSlider .rsContentBox {
    display: none;
  }
}

.keyvisual .royalSlider .rsContentBox > div:last-of-type {
  margin-top: 2em;
}

.keyvisual .royalSlider .rsContentBox h1,
.keyvisual .royalSlider .rsContentBox .rsContentBoxText {
  font: normal normal 2.5em 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

.keyvisual .royalSlider .rsContentBox a.rsContentBoxLink {
  background: transparent;
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  color: #fff;
  text-decoration: none;
  padding: .5em;
  border: 1px solid #fff;
  font-size: 1.2em;
}

@media only screen and (max-width: 400px), only screen and (max-width: 699px) {
  .keyvisual .royalSlider .rsContentBox a.rsContentBoxLink {
    font-size: 1.5em;
  }
}

.keyvisual .royalSlider .rsContentBox a.rsContentBoxLink:hover {
  color: white;
  background: #e1001a;
  border: 1px solid #e1001a;
}

.keyvisual .royalSlider .rsArrowRight .rsArrowIcn {
  top: 45%;
}

.keyvisual .royalSlider .rsArrowRight .rsArrowIcn:after {
  content: "\f105";
  color: #fff;
  font-size: 45px;
}

.keyvisual .royalSlider .rsArrowLeft .rsArrowIcn {
  top: 45%;
}

.keyvisual .royalSlider .rsArrowLeft .rsArrowIcn:after {
  content: "\f104";
  color: #fff;
  font-size: 45px;
}

.keyvisual .royalSlider .rsNav.rsBullets {
  top: 100%;
  text-align: left;
}

.keyvisual .royalSlider .rsNav.rsBullets .rsNavItem.rsBullet {
  width: 20%;
  padding: .2em .2em 0 0;
}

.keyvisual .royalSlider .rsNav.rsBullets .rsNavItem.rsBullet:last-of-type {
  padding-right: 0;
}

.keyvisual .royalSlider .rsNav.rsBullets .rsNavItem.rsBullet span {
  width: 100%;
}

@media only screen and (max-width: 699px), only screen and (max-width: 400px) {
  .keyvisual .royalSlider .rsOverflow {
    height: 20.8em !important;
  }
  .keyvisual .royalSlider .rsSlide img.rsMainSlideImage {
    width: auto !important;
    height: 20.8em !important;
  }
  .keyvisual .royalSlider .rsNav.rsBullets {
    position: absolute;
    top: 20.8em !important;
    display: block;
  }
}

/* HEADER mobile*/
@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px), only screen and (max-width: 400px) {
  header .language-switch-mobile {
    top: 5em;
    left: inherit;
    right: 2em;
    width: 3em;
    font-size: 16px;
  }
  header .language-switch-mobile > a {
    padding-left: 1.25em;
    color: #e1001a !important;
  }
  header .language-switch-mobile > a:after {
    color: #484848 !important;
  }
  header .language-switch-mobile a {
    line-height: inherit;
  }
  header .language-switch-mobile ul {
    padding-left: 1.1em;
    font-size: 16px;
    z-index: 21000 !important;
  }
  header .language-switch-mobile ul li {
    margin-top: .5em;
  }
  nav.breadcrumb.clearfix {
    left: .3em;
    right: 0;
  }
  nav.generic-navigation {
    display: none;
  }
  .logo {
    top: -3em;
    left: 1.5em;
  }
  .keyvisual {
    position: absolute;
    margin-top: 2.5em;
    margin-left: 0;
    left: -1.5em;
    right: -1.5em;
  }
  .content-holder {
    top: 0 !important;
    margin-bottom: 0;
  }
  .contentWithoutSidebar {
    margin-top: 29em !important;
    margin-bottom: -6em;
  }
  .main-content,
  aside.sidebar {
    margin-top: 29em !important;
    padding-bottom: 17% !important;
  }
  nav.main-nav-mobile {
    margin-top: 1.5em !important;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    width: inherit;
    background: transparent;
    overflow: visible;
  }
  nav.main-nav-mobile .menu-opener {
    width: 2.6em;
    margin-right: 1em;
  }
  nav.main-nav-mobile .menu-opener .icon-bar {
    margin-top: 0.4em;
    height: 3px;
  }
  nav.main-nav-mobile .menu-opener .icon-bar:first-of-type {
    margin-top: .3em;
  }
  nav.main-nav-mobile a.back {
    font-size: 2em;
    top: -1.05em;
    left: .65em;
  }
  nav.main-nav-mobile .nav-holder > ul > li,
  nav.main-nav-mobile .nav-holder > ul > li > ul > li,
  nav.main-nav-mobile .nav-holder > ul > li > ul > li > ul > li {
    border: none;
    font-family: 'NHaasGroteskTXPro-55Rg', Helvetica, Arial, sans-serif !important;
    font-size: 13px;
    padding-right: 2em;
  }
  nav.main-nav-mobile .nav-holder a {
    font-size: 1.3em;
  }
  nav.main-nav-mobile .nav-holder .has-children > a:after {
    font-size: 1.8em;
    line-height: .5;
    color: #484848;
  }
  #search.search {
    top: 36em;
    right: 1.5em;
    left: 1.2em;
    width: inherit;
  }
  #search.search .BingSearchBoxInput {
    width: 85% !important;
  }
  #search.search .BingSearchBoxButton {
    display: block !important;
  }
}

@media only screen and (max-width: 699px), only screen and (max-width: 400px) {
  nav.main-nav-mobile {
    margin-top: 2em !important;
  }
  nav.main-nav-mobile .menu-opener {
    right: 1em;
  }
  nav.main-nav-mobile .nav-holder > ul > li,
  nav.main-nav-mobile .nav-holder > ul > li > ul > li,
  nav.main-nav-mobile .nav-holder > ul > li > ul > li > ul > li {
    padding-right: 2em;
    padding-left: 1.5em;
  }
  .content-holder {
    top: 0 !important;
  }
  .contentWithoutSidebar,
  .main-content {
    margin-top: 28em !important;
  }
}

/* FOOTER */
#content .footer {
  position: absolute;
  left: 0;
  right: 0;
}

footer.pagefooter {
  clear: both;
  margin: 0 1.5em;
  padding: 0;
  text-align: left;
}

footer.pagefooter .preFooter {
  background: #FFF;
}

footer.pagefooter .preFooter .toplink a {
  text-transform: uppercase;
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  color: #e1001a;
  text-decoration: none;
  display: block;
  padding: .5em 0;
}

footer.pagefooter .preFooter .toplink a:before {
  font-family: FontAwesome;
  content: "\f106";
  display: block;
  font-size: 2em;
  line-height: .6;
  speak: none;
  float: left;
  padding: .05em .3em 0 0;
}

footer.pagefooter .preFooter .toplink a:hover {
  text-decoration: none;
}

footer.pagefooter .preFooter .newsletterabo {
  background: #e1001a;
  padding: .5em 4.65%;
  margin: .5em 0 2.5em;
  text-align: left;
}

footer.pagefooter .preFooter .newsletterabo a {
  color: #fff;
  font-size: 1em;
  text-decoration: none;
  padding-left: 1em;
}

footer.pagefooter .preFooter .newsletterabo a:before {
  font-family: FontAwesome;
  content: "\f003";
  font-size: 26px;
  line-height: .6;
  speak: none;
  position: relative;
  top: .12em;
  left: -.5em;
}

footer.pagefooter .preFooter .partner {
  min-height: 10em;
  padding: 1.5em 0 0;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-bottom: 3em;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px), only screen and (max-width: 400px) {
  footer.pagefooter .preFooter .partner {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

footer.pagefooter .preFooter .partner .themenpartner {
  margin-right: 1%;
  text-align: left;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px), only screen and (max-width: 400px) {
  footer.pagefooter .preFooter .partner .themenpartner {
    width: 100%;
  }
}

footer.pagefooter .preFooter .partner .themenpartner a {
  text-decoration: none;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (min-width: 1140px) and (max-width: 1919px), only screen and (min-width: 1920px) {
  footer.pagefooter .preFooter .partner .themenpartner p {
    padding-bottom: 1em;
  }
}

footer.pagefooter .preFooter .partner .focuspartner {
  width: 24%;
  margin-right: 1%;
  text-align: left;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px), only screen and (max-width: 400px) {
  footer.pagefooter .preFooter .partner .focuspartner {
    width: 100%;
    text-align: left;
  }
}

footer.pagefooter .preFooter .partner .focuspartner img:last-of-type {
  margin-right: 0 !important;
}

footer.pagefooter .preFooter .partner .focuspartner a {
  text-decoration: none;
}

footer.pagefooter .preFooter .partner .innovationlabpartner {
  width: 24%;
  float: left;
  text-align: left;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px), only screen and (max-width: 400px) {
  footer.pagefooter .preFooter .partner .innovationlabpartner {
    width: 100%;
    text-align: left;
  }
}

footer.pagefooter .preFooter .partner .innovationlabpartner img:last-of-type {
  margin-right: 0 !important;
}

footer.pagefooter .preFooter .partner .innovationlabpartner a {
  text-decoration: none;
}

footer.pagefooter .preFooter .partner p {
  color: #e1001a;
}

footer.pagefooter .preFooter .partner img {
  width: auto;
  max-width: 100% !important;
  margin: 0 1em 1em 0;
}

footer.pagefooter .preFooter .partner hr {
  clear: left;
  background: none;
  border-bottom: 1px solid #e3e3e3;
  height: 2em;
  margin: 0;
}

footer.pagefooter li.social {
  display: none;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px) {
  footer.pagefooter nav.generic-navigation-mobile li.social {
    display: block;
    position: absolute;
    left: 0;
    margin-left: 4%;
    margin-top: 80px;
    width: 96%;
    height: 43px;
  }
  footer.pagefooter nav.generic-navigation-mobile li.social ul {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100% !important;
  }
}

footer.pagefooter nav.generic-navigation-mobile ul li.copyright {
  float: left;
}

footer.pagefooter nav.generic-navigation-mobile ul li.copyright ul li:first-of-type {
  background-image: url("/Content/swissbau/images/logo-mch-footer.png");
  background-size: auto 100%;
}

footer.pagefooter nav.generic-navigation-mobile ul li.generic {
  border: none;
  float: right;
}

footer.pagefooter nav.generic-navigation-mobile ul li.generic ul {
  width: 100%;
  margin-right: 0;
}

footer.pagefooter nav.generic-navigation-mobile ul li.generic ul li {
  margin-left: 1em;
}

footer.pagefooter nav.generic-navigation-mobile ul li.generic ul li:before {
  display: none;
}

footer.pagefooter nav.generic-navigation-mobile ul li.generic ul li a {
  color: #777;
}

.socialMediaFooter {
  margin-top: 2em;
  text-align: left;
  margin-left: -1.5em;
  margin-right: -1.5em;
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  .socialMediaFooter {
    margin-bottom: 3em;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px) {
  .socialMediaFooter {
    margin-bottom: 8em;
  }
}

.ng-scope .socialMediaFooter {
  margin-left: 0;
  margin-right: 0;
}

/* General Content */
.contentWithoutSidebar,
.main-content {
  padding: 0 1.5em;
  margin-top: 10em;
}

.contentWithoutSidebar .itemStandardBasic,
.main-content .itemStandardBasic {
  position: relative;
  overflow: visible;
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (min-width: 1140px) and (max-width: 1919px), only screen and (min-width: 1920px) {
  .contentWithoutSidebar .itemStandardBasic .hauptText,
  .main-content .itemStandardBasic .hauptText {
    width: 80%;
  }
}

.contentWithoutSidebar .itemStandardBasic .hauptText img,
.main-content .itemStandardBasic .hauptText img {
  height: auto !important;
  margin-left: 0 !important;
}

.contentWithoutSidebar .itemStandardBasic .expandablecontent.customstyle1,
.main-content .itemStandardBasic .expandablecontent.customstyle1 {
  margin-top: 4em;
  overflow: hidden;
}

.contentWithoutSidebar .listeStandard,
.main-content .listeStandard {
  margin-left: -1.5em !important;
  margin-right: -1.5em !important;
}

.contentWithoutSidebar .listeStandard .itemStandardColumnImageFloatingRight,
.contentWithoutSidebar .listeStandard .itemStandardColumnImageFloatingLeft,
.contentWithoutSidebar .listeStandard .itemStandardImageFloatingRight,
.contentWithoutSidebar .listeStandard .itemStandardImageFloatingLeft,
.main-content .listeStandard .itemStandardColumnImageFloatingRight,
.main-content .listeStandard .itemStandardColumnImageFloatingLeft,
.main-content .listeStandard .itemStandardImageFloatingRight,
.main-content .listeStandard .itemStandardImageFloatingLeft {
  width: 80%;
  margin-left: 0;
}

#SearchPage {
  padding: 0 10%;
}

.main-content,
aside.sidebar {
  margin-top: 10em;
}

.main-content {
  margin-left: 0;
  width: 64%;
  padding: 0;
}

aside.sidebar {
  margin-right: 0;
  width: 34%;
  margin-left: 2%;
}

aside.sidebar .portletInService {
  background-color: #f3f3f3;
}

aside.sidebar .portletInService .portletItem .portletContent {
  padding: 1.5em;
}

aside.sidebar .portletInService .portletItem .portletContent h3 {
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-top: 0;
  padding: 0;
}

aside.sidebar .portletInService .portletItem .portletContent .hauptText {
  padding: 0;
}

aside.sidebar .portletInService .portletItem .portletContent a {
  color: #777;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px), only screen and (max-width: 400px) {
  .main-content,
  aside.sidebar {
    margin-left: 0;
    padding: 0 5%;
    width: 100%;
  }
  aside.sidebar {
    float: none;
    margin-top: 0 !important;
    padding-top: 4em;
    background-image: linear-gradient(to bottom, #F9F9F9 0%, #FFFFFF 4em);
  }
}

h1,
h2 {
  text-transform: uppercase;
  letter-spacing: .05em;
}

h2 .CustomStyle1 {
  color: #E1001A;
  letter-spacing: 0;
  font-size: 32px;
  line-height: 1.25;
  text-transform: none;
}

.buttonDoc {
  float: left;
  padding-left: 0;
  margin-top: 1em;
}

a.buttonDoc {
  margin-right: 1em !important;
}

.buttonDoc a,
a.buttonDoc {
  padding: .3em .5em;
  color: #fff;
  background: #e1001a;
  border: 1px solid #e1001a;
  display: inline-block;
  margin: .5em .25em .5em 0;
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
}

.buttonDoc a:before,
a.buttonDoc:before {
  display: none;
}

.buttonDoc a:hover,
.buttonDoc a a.buttonDoc:hover,
a.buttonDoc:hover,
a.buttonDoc a.buttonDoc:hover {
  border: 1px solid #484848;
  color: #484848;
  background: #ffffff;
  text-decoration: none;
}

.buttonDoc a.extension_pdf:before, .buttonDoc a.extension_jpg:before, .buttonDoc a.extension_eps:before, .buttonDoc a.extension_msexcel:before, .buttonDoc a.extension_mspowerpoint:before, .buttonDoc a.extension_msword:before, .buttonDoc a.extension_tif:before, .buttonDoc a.extension_png:before, .buttonDoc a.extension_gif:before, .buttonDoc a.extension_rtf:before, .buttonDoc a.extension_text:before, .buttonDoc a.extension_csv:before, .buttonDoc a.extension_xml:before, .buttonDoc a.extension_zip:before, .buttonDoc a.extension_avi:before, .buttonDoc a.extension_mov:before, .buttonDoc a.extension_mpg:before, .buttonDoc a.extension_swf:before, .buttonDoc a.extension_mp3:before,
a.buttonDoc.extension_pdf:before,
a.buttonDoc.extension_jpg:before,
a.buttonDoc.extension_eps:before,
a.buttonDoc.extension_msexcel:before,
a.buttonDoc.extension_mspowerpoint:before,
a.buttonDoc.extension_msword:before,
a.buttonDoc.extension_tif:before,
a.buttonDoc.extension_png:before,
a.buttonDoc.extension_gif:before,
a.buttonDoc.extension_rtf:before,
a.buttonDoc.extension_text:before,
a.buttonDoc.extension_csv:before,
a.buttonDoc.extension_xml:before,
a.buttonDoc.extension_zip:before,
a.buttonDoc.extension_avi:before,
a.buttonDoc.extension_mov:before,
a.buttonDoc.extension_mpg:before,
a.buttonDoc.extension_swf:before,
a.buttonDoc.extension_mp3:before {
  color: #FFFFFF !important;
  background: #e1001a;
}

.buttonDoc a.extension_pdf:hover, .buttonDoc a.extension_jpg:hover, .buttonDoc a.extension_eps:hover, .buttonDoc a.extension_msexcel:hover, .buttonDoc a.extension_mspowerpoint:hover, .buttonDoc a.extension_msword:hover, .buttonDoc a.extension_tif:hover, .buttonDoc a.extension_png:hover, .buttonDoc a.extension_gif:hover, .buttonDoc a.extension_rtf:hover, .buttonDoc a.extension_text:hover, .buttonDoc a.extension_csv:hover, .buttonDoc a.extension_xml:hover, .buttonDoc a.extension_zip:hover, .buttonDoc a.extension_avi:hover, .buttonDoc a.extension_mov:hover, .buttonDoc a.extension_mpg:hover, .buttonDoc a.extension_swf:hover, .buttonDoc a.extension_mp3:hover,
a.buttonDoc.extension_pdf:hover,
a.buttonDoc.extension_jpg:hover,
a.buttonDoc.extension_eps:hover,
a.buttonDoc.extension_msexcel:hover,
a.buttonDoc.extension_mspowerpoint:hover,
a.buttonDoc.extension_msword:hover,
a.buttonDoc.extension_tif:hover,
a.buttonDoc.extension_png:hover,
a.buttonDoc.extension_gif:hover,
a.buttonDoc.extension_rtf:hover,
a.buttonDoc.extension_text:hover,
a.buttonDoc.extension_csv:hover,
a.buttonDoc.extension_xml:hover,
a.buttonDoc.extension_zip:hover,
a.buttonDoc.extension_avi:hover,
a.buttonDoc.extension_mov:hover,
a.buttonDoc.extension_mpg:hover,
a.buttonDoc.extension_swf:hover,
a.buttonDoc.extension_mp3:hover {
  color: #484848 !important;
  background: #FFFFFF;
  text-decoration: none;
}

.buttonDoc a.extension_pdf:hover:before, .buttonDoc a.extension_jpg:hover:before, .buttonDoc a.extension_eps:hover:before, .buttonDoc a.extension_msexcel:hover:before, .buttonDoc a.extension_mspowerpoint:hover:before, .buttonDoc a.extension_msword:hover:before, .buttonDoc a.extension_tif:hover:before, .buttonDoc a.extension_png:hover:before, .buttonDoc a.extension_gif:hover:before, .buttonDoc a.extension_rtf:hover:before, .buttonDoc a.extension_text:hover:before, .buttonDoc a.extension_csv:hover:before, .buttonDoc a.extension_xml:hover:before, .buttonDoc a.extension_zip:hover:before, .buttonDoc a.extension_avi:hover:before, .buttonDoc a.extension_mov:hover:before, .buttonDoc a.extension_mpg:hover:before, .buttonDoc a.extension_swf:hover:before, .buttonDoc a.extension_mp3:hover:before,
a.buttonDoc.extension_pdf:hover:before,
a.buttonDoc.extension_jpg:hover:before,
a.buttonDoc.extension_eps:hover:before,
a.buttonDoc.extension_msexcel:hover:before,
a.buttonDoc.extension_mspowerpoint:hover:before,
a.buttonDoc.extension_msword:hover:before,
a.buttonDoc.extension_tif:hover:before,
a.buttonDoc.extension_png:hover:before,
a.buttonDoc.extension_gif:hover:before,
a.buttonDoc.extension_rtf:hover:before,
a.buttonDoc.extension_text:hover:before,
a.buttonDoc.extension_csv:hover:before,
a.buttonDoc.extension_xml:hover:before,
a.buttonDoc.extension_zip:hover:before,
a.buttonDoc.extension_avi:hover:before,
a.buttonDoc.extension_mov:hover:before,
a.buttonDoc.extension_mpg:hover:before,
a.buttonDoc.extension_swf:hover:before,
a.buttonDoc.extension_mp3:hover:before {
  color: #484848 !important;
  background: transparent;
}

.ankerListe {
  display: none;
}

.itemStandardBasic > h2 {
  margin-top: 0;
}

/* Shortcut-Icons */
/* Muss über CustomStyle dieses Portlettypes abgehandelt werden */
#seiteninhalt_0_BaseDiv div.portletInContentThreeColumnWidth div.portletItem div.portletContent div.hauptText div {
  font-size: 0;
}

.de-ch .shortcut-icon a {
  background-image: url("/Content/swissbau/images/shortcut-icons-d-rebrush.png");
}

.fr-ch .shortcut-icon a {
  background-image: url("/Content/swissbau/images/shortcut-icons-f-rebrush.png");
}

.en-us .shortcut-icon a {
  background-image: url("/Content/swissbau/images/shortcut-icons-e-rebrush.png");
}

.shortcut-icon {
  display: inline-block;
  width: 16.26%;
  margin: .2%;
}

@media only screen and (max-width: 699px) {
  .shortcut-icon {
    width: 32.33%;
    margin: .5%;
  }
}

.shortcut-icon:hover {
  background: url("/Content/swissbau/images/shortcut-icons-background.png");
  background-size: 100%;
}

.shortcut-icon a {
  display: block;
  width: 100%;
  padding-bottom: 100%;
  font-size: 0;
  max-width: 100%;
  background-size: 300%;
}

.shortcut-icon.aussteller-produkte a {
  background-position: 0 6.666667%;
}

.shortcut-icon.aussteller-produkte a:hover {
  background-position: 0 0%;
}

.shortcut-icon.ausstellerinfos a {
  background-position: 0 20%;
}

.shortcut-icon.ausstellerinfos a:hover {
  background-position: 0 13.333333%;
}

.shortcut-icon.besucherinfos a {
  background-position: 0 33.333333%;
}

.shortcut-icon.besucherinfos a:hover {
  background-position: 0 26.666667%;
}

.shortcut-icon.bilder-impressionen a {
  background-position: 0 46.666667%;
}

.shortcut-icon.bilder-impressionen a:hover {
  background-position: 0 40%;
}

.shortcut-icon.downloads a {
  background-position: 0 60%;
}

.shortcut-icon.downloads a:hover {
  background-position: 0 53.333333%;
}

.shortcut-icon.guided-itours a {
  background-position: 0 73.333333%;
}

.shortcut-icon.guided-itours a:hover {
  background-position: 0 66.666667%;
}

.shortcut-icon.hallenplaene a {
  background-position: 0 86.666667%;
}

.shortcut-icon.hallenplaene a:hover {
  background-position: 0 80%;
}

.shortcut-icon.highlights a {
  background-position: 0 100%;
}

.shortcut-icon.highlights a:hover {
  background-position: 0 93.333333%;
}

.shortcut-icon.medien a {
  background-position: 200% 6.666667%;
}

.shortcut-icon.medien a:hover {
  background-position: 200% 0%;
}

.shortcut-icon.messeplaner a {
  background-position: 200% 20%;
}

.shortcut-icon.messeplaner a:hover {
  background-position: 200% 13.333333%;
}

.shortcut-icon.oeffnungszeiten a {
  background-position: 200% 33.333333%;
}

.shortcut-icon.oeffnungszeiten a:hover {
  background-position: 200% 26.666667%;
}

.shortcut-icon.swissbau-blog a {
  background-position: 200% 46.666667%;
}

.shortcut-icon.swissbau-blog a:hover {
  background-position: 200% 40%;
}

.shortcut-icon.teilnehmen a {
  background-position: 200% 60%;
}

.shortcut-icon.teilnehmen a:hover {
  background-position: 200% 53.333333%;
}

.shortcut-icon.ueber-swissbau a {
  background-position: 200% 73.333333%;
}

.shortcut-icon.ueber-swissbau a:hover {
  background-position: 200% 66.666667%;
}

.shortcut-icon.veranstaltungen a {
  background-position: 200% 86.666667%;
}

.shortcut-icon.veranstaltungen a:hover {
  background-position: 200% 80%;
}

.shortcut-icon.wettbewerbe a {
  background-position: 200% 100%;
}

.shortcut-icon.wettbewerbe a:hover {
  background-position: 200% 93.333333%;
}

.shortcut-icon.swissbau-focus a {
  background-position: 400% 6.666667%;
}

.shortcut-icon.swissbau-focus a:hover {
  background-position: 400% 0%;
}

/* Trenner (hr) - fällt weg nach Umstellung */
hr {
  font-size: 16px;
  border: 0;
  height: 1px;
  margin: 25px 0;
  background: #CED4D9;
}

/* Trenner NEU abgehandelt über itemStandardBasic.customstyle1 */
.itemStandardBasic.customstyle1 {
  margin-top: 5em;
  overflow: hidden;
}

.itemStandardBasic.customstyle1 h2 {
  padding-top: 2.205em;
  padding-left: 2.8em;
}

.itemStandardBasic.customstyle1 .introText div {
  font-size: 16px;
  border-top: 1px solid #CED4D9;
  padding-top: 2em;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.itemStandardBasic.customstyle1 .introText div.redtag:before {
  content: "";
  height: 2.5em;
  width: 2.5em;
  display: inline-block;
  position: relative;
  top: 0;
  background: #E1001A;
}

.itemStandardBasic.customstyle1 .introText div.redtag:after {
  content: "";
  height: 2em;
  width: 2em;
  display: inline-block;
  position: relative;
  top: -.3em;
  left: -2.45em;
}

.itemStandardBasic.customstyle1 .introText div.aussteller-produkte:after, .itemStandardBasic.customstyle1 .introText div.bilder:after, .itemStandardBasic.customstyle1 .introText div.downloads:after, .itemStandardBasic.customstyle1 .introText div.guideditours:after, .itemStandardBasic.customstyle1 .introText div.hallenplaene:after, .itemStandardBasic.customstyle1 .introText div.highlights:after, .itemStandardBasic.customstyle1 .introText div.infos:after, .itemStandardBasic.customstyle1 .introText div.medien:after, .itemStandardBasic.customstyle1 .introText div.messeplaner:after, .itemStandardBasic.customstyle1 .introText div.oeffnungszeiten:after, .itemStandardBasic.customstyle1 .introText div.swissbau-blog:after, .itemStandardBasic.customstyle1 .introText div.teilnehmen:after, .itemStandardBasic.customstyle1 .introText div.ueber-die-swissbau:after, .itemStandardBasic.customstyle1 .introText div.veranstaltungen:after, .itemStandardBasic.customstyle1 .introText div.wettbewerbe:after, .itemStandardBasic.customstyle1 .introText div.swissbau-focus:after, .itemStandardBasic.customstyle1 .introText div.newsletter:after {
  max-width: 100%;
  background-size: 100%;
  background-image: url("/Content/swissbau/images/trenner-icons.png");
}

.itemStandardBasic.customstyle1 .introText div.aussteller-produkte:after {
  background-position: 0 0%;
  background-size: 100%;
}

.itemStandardBasic.customstyle1 .introText div.bilder:after {
  background-position: 0 6.25%;
  background-size: 100%;
}

.itemStandardBasic.customstyle1 .introText div.downloads:after {
  background-position: 0 12.5%;
  background-size: 100%;
}

.itemStandardBasic.customstyle1 .introText div.guideditours:after {
  background-position: 0 18.75%;
  background-size: 100%;
}

.itemStandardBasic.customstyle1 .introText div.hallenplaene:after {
  background-position: 0 25%;
  background-size: 100%;
}

.itemStandardBasic.customstyle1 .introText div.highlights:after {
  background-position: 0 31.25%;
  background-size: 100%;
}

.itemStandardBasic.customstyle1 .introText div.infos:after {
  background-position: 0 37.5%;
  background-size: 100%;
}

.itemStandardBasic.customstyle1 .introText div.medien:after {
  background-position: 0 43.75%;
  background-size: 100%;
}

.itemStandardBasic.customstyle1 .introText div.messeplaner:after {
  background-position: 0 50%;
  background-size: 100%;
}

.itemStandardBasic.customstyle1 .introText div.newsletter:after {
  background-position: 0 56.25%;
  background-size: 100%;
}

.itemStandardBasic.customstyle1 .introText div.oeffnungszeiten:after {
  background-position: 0 62.5%;
  background-size: 100%;
}

.itemStandardBasic.customstyle1 .introText div.swissbau-blog:after {
  background-position: 0 68.75%;
  background-size: 100%;
}

.itemStandardBasic.customstyle1 .introText div.swissbau-focus:after {
  background-position: 0 75%;
  background-size: 100%;
}

.itemStandardBasic.customstyle1 .introText div.teilnehmen:after {
  background-position: 0 81.25%;
  background-size: 100%;
}

.itemStandardBasic.customstyle1 .introText div.ueber-die-swissbau:after {
  background-position: 0 87.5%;
  background-size: 100%;
}

.itemStandardBasic.customstyle1 .introText div.veranstaltungen:after {
  background-position: 0 93.75%;
  background-size: 100%;
}

.itemStandardBasic.customstyle1 .introText div.wettbewerbe:after {
  background-position: 0 100%;
  background-size: 100%;
}

.Home h1 {
  font-size: 1.8em;
}

.Home h2 {
  float: left;
}

.Home .itemStandardBasic {
  overflow: hidden;
}

.Home .itemStandardBasic .buttonDoc {
  margin: -.4em 0 0 1em;
  padding: 0;
}

/* Portlets */
.portletInContentThreeColumnWidth {
  margin: 0 !important;
  /* Dreispaltige Portlets werden als leere Container ohne Margins und Paddings benutzt*/
}

.portletInContentThreeColumnWidth .portletItem .portletContent .portletContentInner h3 {
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  font-size: 1.55em;
  font-weight: normal;
  margin: 0.7em 0;
  color: #e1001a;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.portletInContentThreeColumnWidth .spacer {
  font-size: 16px !important;
}

.portletInContentThreeColumnWidth .spacer span {
  display: none;
}

.portletInContentThreeColumnWidth .spacer.space05em {
  height: .5em;
}

.portletInContentThreeColumnWidth .spacer.space1em {
  height: 1em;
}

.portletInContentThreeColumnWidth .spacer.space2em {
  height: 2em;
}

.portletInContentThreeColumnWidth .spacer.space4em {
  height: 4em;
}

.portletInContentOneColumnWidth {
  width: 24% !important;
  margin: .2% !important;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px) {
  .portletInContentOneColumnWidth {
    width: 48% !important;
    margin: .5% !important;
  }
}

@media only screen and (max-width: 400px) {
  .portletInContentOneColumnWidth {
    width: 100% !important;
    margin-top: 2% !important;
  }
}

.portletInContentOneColumnWidth:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* sorgt für quadratische Portlets */
}

.portletInContentOneColumnWidth .portletItem {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}

.portletInContentOneColumnWidth .portletItem .portletContent {
  background: rgba(228, 233, 235, 0.95);
  bottom: 0;
  position: absolute;
  min-height: 33%;
  width: 100%;
}

.portletInContentOneColumnWidth .portletItem .portletContent .bild {
  position: absolute;
  z-index: -1;
  bottom: 0 !important;
  left: 0;
  right: 0;
  height: 303.030303%;
  /* 100% / 30% * 100% - abhängig von min-height portletContent */
}

.portletInContentOneColumnWidth .portletItem .portletContent .bild img {
  height: 100%;
}

.portletInContentOneColumnWidth .portletItem .portletContent h3 {
  color: #484848;
  padding: .5em .5em 0;
  margin: 0;
  line-height: 1.1;
  font-size: 1.2em;
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.portletInContentOneColumnWidth .portletItem .portletContent .hauptText {
  color: #484848;
  padding: .5em .65em;
  margin: 0;
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  font-size: .85em;
  line-height: 1.4;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}

.portletInContentOneColumnWidth .portletItem .portletContent .hauptText p {
  margin-top: 0;
}

.portletInContentOneColumnWidth .portletItem .portletContent .buttonMore {
  position: absolute;
  bottom: 0 !important;
  left: 0;
  right: 0;
  padding: 0;
}

.portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a {
  height: 100%;
  display: block;
  font-size: 0;
}

.portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* sorgt für quadratische Linkfläche */
}

.portletInContentOneColumnWidth .portletItem .portletContent .buttonMore:before {
  display: none;
}

.portletInContentOneColumnWidth:hover .portletItem .portletContent {
  background: #e4e9eb;
}

.portletInContentOneColumnWidth:hover .portletItem .portletContent .bild a img {
  transform: scale(1.1);
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px), only screen and (max-width: 400px) {
  .portletInContentOneColumnWidth {
    width: 100% !important;
    margin: .5% !important;
    font-size: 190%;
  }
  .portletInContentOneColumnWidth:before {
    padding-top: 50%;
  }
  .portletInContentOneColumnWidth .portletItem .portletContent {
    background: #e4e9eb;
    height: 100%;
  }
  .portletInContentOneColumnWidth .portletItem .portletContent h3,
  .portletInContentOneColumnWidth .portletItem .portletContent .hauptText {
    width: 50%;
    padding-right: 5%;
    padding-left: 5%;
  }
  .portletInContentOneColumnWidth .portletItem .portletContent h3 {
    margin-top: 1em;
  }
  .portletInContentOneColumnWidth .portletItem .portletContent .bild {
    position: absolute;
    bottom: inherit;
    left: inherit;
    right: 0;
    width: 50%;
    height: auto;
    z-index: 2;
    overflow: hidden;
    margin: 0;
  }
  .portletInContentOneColumnWidth .portletItem .portletContent .bild a img {
    margin: 0;
  }
  .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a:before {
    padding-top: 50%;
  }
  .itemStandardColumnImageFloatingRight.customstyle10 .expandablecontent {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .itemStandardColumnImageFloatingRight.customstyle10 .expandablecontent .bildContainer {
    -ms-flex-order: 2;
        order: 2;
  }
  .itemStandardColumnImageFloatingRight.customstyle10 .expandablecontent .hauptText {
    -ms-flex-order: 1;
        order: 1;
  }
}

@media only screen and (max-width: 699px) {
  .portletInContentOneColumnWidth {
    font-size: 110% !important;
  }
}

@media only screen and (max-width: 400px) {
  .portletInContentOneColumnWidth {
    font-size: 90% !important;
  }
}

/* PORTLETS - customstyle9 - Nur für Swissbau Life TV auf der Startseite */
@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (min-width: 1140px) and (max-width: 1919px), only screen and (min-width: 1920px) {
  .portletInContentOneColumnWidth.customstyle9 .portletItem .portletContent {
    background: transparent;
  }
}

/* PORTLETS - customstyle1 - Kontaktportlets */
.portletInContentOneColumnWidth.customstyle1 {
  width: 31% !important;
  margin: 1% 2% 1% 0 !important;
}

.portletInContentOneColumnWidth.customstyle1 .portletItem div.portletContent {
  background: rgba(228, 233, 235, 0.95);
  min-height: 35%;
}

.portletInContentOneColumnWidth.customstyle1 .portletItem div.portletContent h3 {
  color: #484848;
  margin-bottom: .3em;
}

.portletInContentOneColumnWidth.customstyle1 .portletItem div.portletContent .adressContainer380x380 {
  padding: 0 .6em;
}

.portletInContentOneColumnWidth.customstyle1 .portletItem div.portletContent .adressBild {
  position: absolute;
  z-index: -1;
  bottom: 0 !important;
  left: 0;
  right: 0;
  height: 285.71429%;
  /* 100% / 35% * 100% - abhõngig von min-height portletContent */
}

.portletInContentOneColumnWidth.customstyle1 .portletItem div.portletContent .adressBild img {
  height: 100%;
}

.portletInContentOneColumnWidth.customstyle1 .portletItem div.portletContent .introText {
  margin: 1em;
}

.portletInContentOneColumnWidth.customstyle1:hover .portletItem div.portletContent {
  background: #e4e9eb;
}

.portletInContentOneColumnWidth.customstyle1:hover .portletItem div.portletContent img {
  transform: scale(1.1);
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px), only screen and (max-width: 400px) {
  .portletInContentOneColumnWidth.customstyle1 {
    width: 100% !important;
    margin: 1.5% !important;
    font-size: 180%;
  }
  .portletInContentOneColumnWidth.customstyle1:before {
    padding-top: 50%;
  }
  .portletInContentOneColumnWidth.customstyle1 .portletItem .portletContent {
    background: #f0f0f0 !important;
    height: 100%;
  }
  .portletInContentOneColumnWidth.customstyle1 .portletItem .portletContent h3,
  .portletInContentOneColumnWidth.customstyle1 .portletItem .portletContent .adressContainer380x380 {
    width: 50%;
    padding-right: 5%;
    padding-left: 5%;
  }
  .portletInContentOneColumnWidth.customstyle1 .portletItem .portletContent h3 {
    margin-top: 1.5em;
  }
  .portletInContentOneColumnWidth.customstyle1 .portletItem .portletContent .adressBild {
    position: absolute;
    bottom: inherit;
    left: 50% !important;
    right: 0;
    height: 100% !important;
    z-index: 2 !important;
    overflow: hidden;
    margin: 0;
  }
  .portletInContentOneColumnWidth.customstyle1 .portletItem .portletContent .adressBild img {
    margin: 0;
  }
}

@media only screen and (max-width: 699px) {
  .portletInContentOneColumnWidth.customstyle1 {
    font-size: 110% !important;
  }
}

@media only screen and (max-width: 400px) {
  .portletInContentOneColumnWidth.customstyle1 {
    font-size: 100% !important;
  }
}

/* PORTLETS - customstyle2 - Weisse Standardportlets */
.portletInContentOneColumnWidth.customstyle2 {
  width: 21% !important;
  margin: 2% !important;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px) {
  .portletInContentOneColumnWidth.customstyle2 {
    width: 46% !important;
    margin: 2% !important;
    font-size: 100%;
  }
}

@media only screen and (max-width: 400px) {
  .portletInContentOneColumnWidth.customstyle2 {
    font-size: 100%;
    width: 100% !important;
  }
}

.portletInContentOneColumnWidth.customstyle2:before {
  content: none;
}

.portletInContentOneColumnWidth.customstyle2 .portletItem {
  position: static;
}

.portletInContentOneColumnWidth.customstyle2 .portletItem .portletContent {
  background: none;
  bottom: 0;
  position: static;
}

.portletInContentOneColumnWidth.customstyle2 .portletItem .portletContent .bild {
  position: static;
}

.portletInContentOneColumnWidth.customstyle2 .portletItem .portletContent .bild img {
  max-width: 100% !important;
  width: auto;
  height: auto;
}

.portletInContentOneColumnWidth.customstyle2 .portletItem .portletContent h3 {
  color: #484848;
  padding: 0 .5em 1em;
}

.portletInContentOneColumnWidth.customstyle2 .portletItem .portletContent .hauptText {
  color: #484848;
  font-size: 1em;
  position: static;
}

.portletInContentOneColumnWidth.customstyle2 .portletItem .portletContent .hauptText p {
  margin-top: 0;
}

.portletInContentOneColumnWidth.customstyle2 .portletItem .portletContent .buttonMore {
  position: static;
  padding: 0;
  display: inline-block;
}

.portletInContentOneColumnWidth.customstyle2 .portletItem .portletContent .buttonMore a {
  height: inherit;
  display: inline;
  font-size: 1em;
}

.portletInContentOneColumnWidth.customstyle2 .portletItem .portletContent .buttonMore a:before {
  content: none;
}

.portletInContentOneColumnWidth.customstyle2:hover .portletItem .portletContent {
  background: transparent;
}

.portletInContentOneColumnWidth.customstyle2:hover .portletItem .portletContent .bild a img {
  transform: none;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px), only screen and (max-width: 400px) {
  .portletInContentOneColumnWidth.customstyle2 {
    margin: 2% !important;
  }
  .portletInContentOneColumnWidth.customstyle2 .portletItem .portletContent {
    background: transparent;
  }
  .portletInContentOneColumnWidth.customstyle2 .portletItem .portletContent h3,
  .portletInContentOneColumnWidth.customstyle2 .portletItem .portletContent .hauptText {
    width: 100%;
  }
  .portletInContentOneColumnWidth.customstyle2 .portletItem .portletContent h3 {
    margin: 0;
    padding: 1em .5em .5em;
  }
  .portletInContentOneColumnWidth.customstyle2 .portletItem .portletContent .bild {
    position: static;
    width: inherit;
  }
  .portletInContentOneColumnWidth.customstyle2 .portletItem .portletContent .bild img {
    margin: 1em .5em .5em;
  }
}

@media only screen and (max-width: 699px), only screen and (max-width: 400px) {
  .portletInContentOneColumnWidth.customstyle2 {
    font-size: 100% !important;
  }
}

/* Schober Portlet */
.schoberForm .fullAvailableWidth.schoberNewsletter {
  margin: 0 .5em 0 0;
}

.schoberForm .fullAvailableWidth.schoberNewsletter:first-of-type {
  float: none;
  width: 100%;
}

.schoberForm .fullAvailableWidth.schoberNewsletter h4 {
  font-size: 1em;
  color: #484848;
  width: 100%;
}

.schoberForm .fullAvailableWidth.schoberNewsletter label,
.schoberForm .fullAvailableWidth.schoberNewsletter div {
  font-family: 'NHaasGroteskTXPro-55Rg', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  margin: .6em .2em 0 !important;
}

.schoberForm .fullAvailableWidth.schoberEmail {
  width: 100%;
  margin: -1em 0 0;
}

.schoberForm .fullAvailableWidth.schoberEmail > label {
  padding: 0 1em;
  font-weight: lighter;
  position: relative;
  top: 40px;
  color: #484848;
  z-index: 10;
}

.schoberForm .fullAvailableWidth.schoberEmail span {
  position: relative;
  top: 40px;
  font-style: italic;
  color: #FFF;
  z-index: 10;
  display: none;
}

.schoberForm .fullAvailableWidth.schoberEmail input.schoberEmail.Email-Required {
  width: 70% !important;
  background: #F4F4F4;
  color: #484848;
  padding: 0 1em;
  height: 3em;
  box-sizing: border-box;
  margin-bottom: 1.5em !important;
  border: none;
  position: relative;
  z-index: 1;
  transition: z-index 500s, color 500s;
}

.schoberForm .fullAvailableWidth.schoberEmail input.schoberEmail.Email-Required:focus {
  color: #484848;
  position: relative;
  z-index: 20;
  transition: z-index 0s, color 0s;
}

.schoberForm .fullAvailableWidth.schoberEmail label.error {
  display: block;
}

.schoberForm .fullAvailableWidth.schoberButton {
  width: 100%;
  margin: 0;
}

.schoberForm .fullAvailableWidth.schoberButton input.schoberButton {
  background: #fff;
  padding: .3em .5em;
  border: 1px solid #e1001a;
  display: inline-block;
  margin: 0 auto 1em;
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  color: #e1001a;
}

.schoberForm .fullAvailableWidth.schoberButton input.schoberButton:hover {
  color: #fff;
  background: #e1001a;
  text-decoration: none;
  cursor: pointer;
}

/* Multimediaportlets Zweispaltig */
div.portletInContentTwoColumnWidth.portletmultimedia {
  width: 35%;
  height: auto !important;
  margin-left: 0;
  margin-right: 0;
}

@media only screen and (max-width: 699px), only screen and (max-width: 400px) {
  div.portletInContentTwoColumnWidth.portletmultimedia {
    width: 100%;
  }
}

/* Multimediaportlets Zweispaltig - Variante so breit wie Bildelemente im Haupttext */
div.portletInContentTwoColumnWidth.portletmultimedia.customstyle1 {
  max-width: 46em;
  width: 80%;
  margin-left: 0;
}

/* INFOGRAFIK */
.infographic-goal {
  overflow: hidden;
  max-width: 100%;
  position: relative;
  height: 240px;
}

.infographic-goal .title {
  color: #E1001A;
  display: block;
  font-size: 18px;
  line-height: 1.2;
  font-weight: bold;
  background: rgba(206, 212, 217, 0.3);
  position: absolute;
  left: 0;
  right: 45%;
  height: 85%;
  padding: 1.5em 12em 0 3em;
  width: 60%;
}

.infographic-goal .illustration {
  overflow: hidden;
  width: 15%;
  position: absolute;
  left: 44%;
  top: 40px;
}

.infographic-goal .description {
  color: #484848;
  display: block;
  font-size: 12px;
  background: rgba(234, 224, 220, 0.5);
  margin-top: 30px;
  margin-left: 41%;
  padding: 8em 2em 2em 21%;
  height: 90%;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px), only screen and (max-width: 400px) {
  .infographic-goal .title {
    width: 55%;
    font-size: 14px;
    padding: 1.5em 11em 0 2em;
  }
  .infographic-goal .illustration {
    left: 38%;
  }
  .infographic-goal .description {
    margin-left: 35%;
    padding: 4em 2em 2em 21%;
  }
}

@media only screen and (max-width: 699px), only screen and (max-width: 400px) {
  .infographic-goal {
    height: 370px;
  }
  .infographic-goal .title {
    width: 90%;
    font-size: 14px;
    padding: 1.5em 5em 0 2em;
    height: 60%;
  }
  .infographic-goal .illustration {
    left: 38%;
    top: 135px;
    width: 95px;
  }
  .infographic-goal .description {
    margin-left: 10%;
    margin-top: 11em;
    padding: 10em 2em 2em 21%;
  }
}

/* MESSEPLANER  */
.messeplaner .itemStandardBasic:first-child {
  width: 77%;
}

@media only screen and (max-width: 699px) {
  .messeplaner .itemStandardBasic:first-child {
    width: 100%;
  }
}

.messeplaner .itemStandardBasic:not(:first-child) {
  padding-left: 50px;
}

@media only screen and (max-width: 699px) {
  .messeplaner .itemStandardBasic:not(:first-child) {
    padding-left: 0.375em;
  }
}

.messeplaner .itemStandardBasic:not(:first-child) h2 {
  color: #e1001a;
  margin-top: 35px;
  width: 50%;
  display: inline-block;
  vertical-align: top;
  padding-right: 2em;
  line-height: 1.1;
}

@media only screen and (max-width: 699px) {
  .messeplaner .itemStandardBasic:not(:first-child) h2 {
    width: 100%;
    padding-right: 0;
  }
}

.messeplaner .itemStandardBasic:not(:first-child) .introText {
  width: 35px;
  background: #e1001a;
  color: #FFF;
  font-size: 1.692em;
  font-weight: bold;
  line-height: 1;
  padding: 2px 0 12px 4px;
  position: absolute;
  top: -8px;
  left: 51px;
  display: inline-block;
}

@media only screen and (max-width: 699px) {
  .messeplaner .itemStandardBasic:not(:first-child) .introText {
    left: 5px;
    top: -25px;
  }
}

.messeplaner .itemStandardBasic:not(:first-child) .expandablecontent {
  width: 50%;
  display: inline-block;
}

@media only screen and (max-width: 699px) {
  .messeplaner .itemStandardBasic:not(:first-child) .expandablecontent {
    width: 100%;
  }
}

.messeplaner .itemStandardBasic:not(:first-child) .expandablecontent .hauptText {
  width: 85%;
  margin-top: 30px;
}

@media only screen and (max-width: 699px) {
  .messeplaner .itemStandardBasic:not(:first-child) .expandablecontent .hauptText {
    width: 100%;
    margin: 5px 0 0;
  }
}

div[class*="mpdetails_"] {
  overflow: visible !important;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px) {
  div[class*="mpdetails_"] {
    padding-left: 20px;
  }
}

div[class*="mpdetails_"] h1, div[class*="mpdetails_"] h2 {
  color: #e1001a;
}

div[class*="mpdetails_"] h2 {
  font-size: 2.308em;
  position: absolute;
  top: 0;
  left: -30px;
}

div[class*="mpdetails_"] .itemStandardBasic:not(:first-child) {
  display: inline-block;
  width: 75%;
}

div[class*="mpdetails_"] .portletContainer {
  width: 20%;
  float: right;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px) {
  div[class*="mpdetails_"] .portletContainer {
    width: 100%;
    float: none;
    padding-bottom: 30px;
  }
}

div[class*="mpdetails_"] .portletInContentOneColumnWidth {
  width: 100% !important;
  margin: auto !important;
  padding-bottom: 30px;
  position: relative;
  overflow: visible;
  z-index: auto;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px) {
  div[class*="mpdetails_"] .portletInContentOneColumnWidth {
    width: 46% !important;
    margin: 2% !important;
    float: none;
  }
}

@media only screen and (max-width: 400px) {
  div[class*="mpdetails_"] .portletInContentOneColumnWidth {
    width: 100% !important;
    margin-top: 2% !important;
  }
}

div[class*="mpdetails_"] .portletInContentOneColumnWidth:before {
  display: none;
}

div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem {
  position: static;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  width: auto;
}

div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent {
  background: none;
  bottom: auto;
  position: static;
  min-height: unset;
  width: auto;
}

div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .bild {
  position: static;
  z-index: auto;
  bottom: auto !important;
  left: auto;
  right: auto;
  height: auto;
}

div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .bild img {
  height: 100%;
}

div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent h3 {
  color: #484848;
  padding: .5em .5em 0;
  margin: 0;
  line-height: 1.1;
  font-size: 1.2em;
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .introText {
  text-align: center;
  font-size: 5em;
  margin: 0;
}

div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .hauptText {
  color: #484848;
  padding: 0;
  margin: 0;
  font-family: "NHaasGroteskTXPro-55Rg", Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.4;
  position: static;
  bottom: auto;
  left: auto;
  right: auto;
  width: auto;
  text-align: center;
}

div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .hauptText p {
  margin-top: 0;
}

div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore {
  position: static;
  bottom: auto !important;
  right: auto;
  left: auto;
  text-align: center;
  width: 100%;
  padding: 0;
}

div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a {
  height: auto;
  display: inline-block;
  font-size: 1em;
}

div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a:before {
  content: "";
  display: block;
}

div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore:before {
  display: block;
}

div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore {
  float: left;
  padding-left: 0;
  margin-top: 1em;
}

div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore {
  margin-right: 1em !important;
}

div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore {
  padding: .3em .5em;
  color: #fff;
  background: #e1001a;
  border: 1px solid #e1001a;
  display: inline-block;
  margin: .5em 0;
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
}

div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore:before {
  display: none;
}

div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a:hover,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a a.buttonMore:hover,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore:hover,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore a.buttonMore:hover {
  border: 1px solid #484848;
  color: #484848;
  background: #FFFFFF;
  text-decoration: none;
}

div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_pdf:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_jpg:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_eps:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_msexcel:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_mspowerpoint:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_msword:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_tif:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_png:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_gif:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_rtf:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_text:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_csv:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_xml:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_zip:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_avi:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_mov:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_mpg:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_swf:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_mp3:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_pdf:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_jpg:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_eps:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_msexcel:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_mspowerpoint:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_msword:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_tif:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_png:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_gif:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_rtf:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_text:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_csv:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_xml:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_zip:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_avi:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_mov:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_mpg:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_swf:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_mp3:before {
  color: #FFFFFF !important;
  background: #e1001a;
}

div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_pdf:hover, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_jpg:hover, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_eps:hover, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_msexcel:hover, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_mspowerpoint:hover, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_msword:hover, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_tif:hover, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_png:hover, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_gif:hover, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_rtf:hover, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_text:hover, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_csv:hover, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_xml:hover, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_zip:hover, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_avi:hover, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_mov:hover, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_mpg:hover, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_swf:hover, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_mp3:hover,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_pdf:hover,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_jpg:hover,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_eps:hover,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_msexcel:hover,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_mspowerpoint:hover,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_msword:hover,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_tif:hover,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_png:hover,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_gif:hover,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_rtf:hover,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_text:hover,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_csv:hover,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_xml:hover,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_zip:hover,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_avi:hover,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_mov:hover,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_mpg:hover,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_swf:hover,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_mp3:hover {
  color: #484848 !important;
  background: #FFFFFF;
  text-decoration: none;
}

div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_pdf:hover:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_jpg:hover:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_eps:hover:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_msexcel:hover:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_mspowerpoint:hover:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_msword:hover:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_tif:hover:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_png:hover:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_gif:hover:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_rtf:hover:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_text:hover:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_csv:hover:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_xml:hover:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_zip:hover:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_avi:hover:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_mov:hover:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_mpg:hover:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_swf:hover:before, div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent .buttonMore a.extension_mp3:hover:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_pdf:hover:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_jpg:hover:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_eps:hover:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_msexcel:hover:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_mspowerpoint:hover:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_msword:hover:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_tif:hover:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_png:hover:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_gif:hover:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_rtf:hover:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_text:hover:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_csv:hover:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_xml:hover:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_zip:hover:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_avi:hover:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_mov:hover:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_mpg:hover:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_swf:hover:before,
div[class*="mpdetails_"] .portletInContentOneColumnWidth .portletItem .portletContent a.buttonMore.extension_mp3:hover:before {
  color: #484848 !important;
}

div[class*="mpdetails_"] .portletInContentOneColumnWidth:hover .portletItem .portletContent {
  background: none;
}

div[class*="mpdetails_"] .portletInContentOneColumnWidth:hover .portletItem .portletContent .bild a img {
  transform: scale(1.1);
}

/* END MESSEPLANER  */
/* BLOG */
.main-content .wb {
  width: 100%;
  position: relative;
  text-align: left;
}

.main-content .wb .wb-header h1 {
  text-align: left;
}

.main-content .wb .wb-header h1 a {
  color: #484848;
}

/* Normale Seiten wie Impressum, Policy etc. */
.main-content .listeStandard,
.main-content .socialMediaFooter {
  padding: 0 1.5em;
}

.wb-categories ul,
.wb-feeds ul,
.wb-recent-comments ul,
.wb-archive ul,
.wb_navigation ul {
  list-style-type: none;
  padding-left: 0;
}

.wb-feeds a.wb-feed-image {
  display: none;
}

.wb-feeds a.wb-feed-text:before,
.wb-feeds a.wb-newsletter:before {
  content: "\f09e";
  font-family: FontAwesome;
  padding-right: .5em;
  speak: none;
}

.wb-feeds a.wb-newsletter:before {
  content: "\f003";
}

.wb-recent-comments span.wb-comment-author {
  display: inline-block;
  margin-right: .4em;
}

.wb-recent-comments a {
  display: block;
  color: #e1001a !important;
}

.wb-tagCloud.wb-entries {
  width: 100%;
  line-height: 2;
  font-size: .8em;
  text-align: left;
}

.wb-tagCloud.wb-entries a {
  background: #aaa;
  color: #fff !important;
  padding: .2em .3em;
  margin: 0 .2em .5em 0;
  text-decoration: none !important;
  text-transform: capitalize;
}

.wb-tagCloud.wb-entries a:hover {
  background: #777;
  text-decoration: none !important;
}

.wb-entry-list .wb-entry-list-entry {
  position: relative;
  overflow: hidden;
  margin-bottom: 2em !important;
}

.wb-entry-list .wb-entry-list-entry .wb-details,
.wb-entry-list .wb-entry-list-entry > div > .wb-entry-detail > div,
.wb-entry-list .wb-entry-list-entry .wb-entry-tags,
.wb-entry-list .wb-entry-list-entry .wb-entry-list-entry-categories,
.wb-entry-list .wb-entry-list-entry .wb-read-more,
.wb-entry-list .wb-entry-list-entry .wb-comment-count {
  width: 47.5%;
  float: right;
  clear: right;
}

.wb-entry-list .wb-entry-list-entry .wb-entry-detail a.list-entry-title {
  float: left;
  width: 47.5%;
  display: block;
  margin: 0 3.38983051% 0 0 !important;
  overflow: hidden;
}

.wb-entry-list .wb-entry-list-entry .wb-entry-detail a.list-entry-title img.wb-image {
  margin: 0 !important;
}

.wb-entry-list .wb-entry-list-entry .wb-entry-detail h2 {
  height: 100%;
  width: 47.5%;
  position: absolute;
  top: 0;
}

.wb-entry-list .wb-entry-list-entry .wb-entry-detail h2:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.wb-entry-list .wb-entry-list-entry .wb-entry-detail h2 a.list-entry-title {
  position: absolute;
  display: block;
  bottom: 0;
  min-height: 22%;
  width: 100%;
  background: rgba(228, 233, 235, 0.95);
  line-height: 1;
  text-align: left;
  color: #484848;
  padding: .5em 1em;
  z-index: 2;
  font: normal normal .8em 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  text-transform: none;
  letter-spacing: 0;
}

.wb-entry-list .wb-entry-list-entry .wb-entry-detail h2 a.list-entry-title:hover {
  text-decoration: none;
}

.wb-entry-list .wb-entry-list-entry:hover .wb-entry-detail a.list-entry-title {
  background: #e4e9eb;
}

.wb-entry-list .wb-entry-list-entry:hover img.wb-image {
  transform: scale(1.1);
}

.wb-entry-list .wb-entry-list-entry > div {
  height: 0;
  padding-bottom: 47.5%;
}

.wb-entry-list .wb-entry-list-entry > div > .wb-entry-detail {
  font-size: 1.1em;
}

.wb-entry-list .wb-entry-list-entry > div > .wb-entry-detail h2 {
  font-size: 1.5em;
}

.wb-entry-list .wb-entry-list-entry > div > .wb-entry-detail > .wb-entry-detail > div {
  margin-bottom: 1em;
}

.wb-entry-list .wb-entry-list-entry > div > .wb-entry-detail span.CustomStyle2 {
  font: normal normal 1em 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
}

.wb-entry-list .wb-entry-list-entry > div > .wb-entry-detail span.CustomStyle2:after {
  content: " -";
  font: normal normal 1em 'NHaasGroteskTXPro-55Rg', Helvetica, Arial, sans-serif;
}

.wb-entry-list .wb-entry-list-entry .wb-details {
  font-weight: normal;
  font-style: normal;
}

.wb-entry-list .wb-entry-list-entry .wb-read-more,
.wb-entry-list .wb-entry-list-entry .wb-comment-count {
  font-size: .9em;
}

.wb-entry-list .wb-entry-list-entry .wb-entry-list-entry-categories h3 {
  display: inline;
  float: left;
  font: normal normal 1em 'NHaasGroteskTXPro-55Rg', Helvetica, Arial, sans-serif;
  color: #777;
  margin: .5em .5em 0 0;
}

.wb-entry-list .wb-entry-list-entry .wb-entry-list-entry-categories ul {
  margin: .4em 0;
  padding: 0;
}

.wb-entry-list .wb-entry-list-entry .wb-entry-list-entry-categories ul li {
  display: inline;
  margin: 0 .5em 0 0;
}

.wb-entry-list .wb-entry-list-entry .wb-entry-tags h3 {
  display: inline-block;
  float: left;
  font: normal normal 1em 'NHaasGroteskTXPro-55Rg', Helvetica, Arial, sans-serif;
  color: #777;
  padding-right: .5em;
}

.wb-entry-list .wb-entry-list-entry .wb-entry-tags li {
  margin: 0 !important;
  padding: 0;
  list-style-image: none;
}

.wb-entry-list .wb-entry-list-entry .wb-entry-tags a {
  display: inline-block;
  background: #aaa;
  color: #fff !important;
  padding: .2em .3em .1em;
  margin: .2em .2em 0 0;
  text-decoration: none !important;
}

.wb-entry-list .wb-entry-list-entry .wb-entry-tags a:hover {
  background: #777;
  text-decoration: none !important;
}

.wb-entry-list .wb-view-more-wrapper span, .wb-entry-list a.wb-view-more-wrapper {
  padding: .3em .5em;
  border: 1px solid #e1001a;
  display: inline-block;
  margin: .5em 0;
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  color: #e1001a;
}

.wb-entry-list .wb-view-more-wrapper span:hover, .wb-entry-list a.wb-view-more-wrapper:hover {
  color: #fff;
  background: #e1001a;
  text-decoration: none;
  cursor: pointer;
}

/* Intros für Anzeige Themen */
.wb .wb-wrapper .itemStandardBasic > h1 {
  font-size: 1.5em;
  margin-top: 0;
}

/* Intros für Anzeige Schlagwörter */
.wb .wb-wrapper .wb-entry-list > h1 {
  font-size: 1.5em;
  margin-top: 0;
  margin-bottom: 2em;
}

.wb .wb-wrapper .wb-entry-list > h1 span {
  display: block;
  font-size: .75em;
  text-transform: none;
  font-family: 'NHaasGroteskTXPro-55Rg', Helvetica, Arial, sans-serif;
  letter-spacing: normal;
  color: #777;
  margin-bottom: 1em;
}

.wb-footer {
  display: none;
  visibility: none;
}

@media only screen and (max-width: 699px), only screen and (max-width: 400px) {
  .wb-entry-list .wb-entry-list-entry {
    margin-bottom: 4em !important;
  }
  .wb-entry-list .wb-entry-list-entry .wb-details,
  .wb-entry-list .wb-entry-list-entry > div > .wb-entry-detail > div,
  .wb-entry-list .wb-entry-list-entry .wb-entry-tags,
  .wb-entry-list .wb-entry-list-entry .wb-entry-list-entry-categories,
  .wb-entry-list .wb-entry-list-entry .wb-read-more,
  .wb-entry-list .wb-entry-list-entry .wb-comment-count {
    width: 100%;
    float: none;
  }
  .wb-entry-list .wb-entry-list-entry .wb-entry-detail a.list-entry-title {
    float: left;
    width: 100%;
    display: block;
    margin: 0 !important;
    overflow: hidden;
  }
  .wb-entry-list .wb-entry-list-entry .wb-entry-detail a.list-entry-title img.wb-image {
    margin: 0 !important;
  }
  .wb-entry-list .wb-entry-list-entry .wb-entry-detail h2 {
    width: 100%;
    height: inherit;
    position: absolute;
    top: 0;
    font-size: 2.2em !important;
  }
}

@media only screen and (max-width: 699px) and (max-width: 400px), only screen and (max-width: 400px) and (max-width: 400px) {
  .wb-entry-list .wb-entry-list-entry .wb-entry-detail h2 {
    font-size: 1.5em !important;
  }
}

@media only screen and (max-width: 699px), only screen and (max-width: 400px) {
  .wb-entry-list .wb-entry-list-entry .wb-details {
    position: absolute;
    z-index: 100;
    top: 0em;
    padding: .5em 2.3em;
    background: rgba(228, 233, 235, 0.95);
  }
  .wb-entry-list .wb-entry-list-entry:hover .wb-details {
    background: #e4e9eb;
  }
  .wb-entry-list .wb-entry-list-entry > div > .wb-entry-detail > h2 + div {
    background: transparent !important;
    padding-left: 1em;
    width: 70%;
    color: #fff;
    text-shadow: 0px 0px 8px #000000;
  }
  .wb-entry-list .wb-entry-list-entry > div > .wb-entry-detail > div > span {
    padding-top: 2em;
    display: block;
  }
  .wb-entry-list .wb-entry-list-entry > div > .wb-entry-detail > div:before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  .wb-entry-list .wb-entry-list-entry > div > .wb-entry-detail > div.wb-details:before {
    content: none;
  }
  .wb-entry-list .wb-entry-list-entry > div > .wb-entry-detail .wb-read-more {
    width: 100%;
    display: block;
    margin: 1em 0;
    text-align: center;
  }
  .wb-entry-list .wb-entry-list-entry > div > .wb-entry-list-entry-categories {
    margin: 1.2em 0;
  }
  .wb-entry-list .wb-entry-list-entry > div > .wb-entry-list-entry-categories ul {
    line-height: 2.4;
  }
}

/* Detailansicht Blog */
.wb .wb-wrapper .wb-entry {
  font-size: 1.1em;
}

.wb .wb-wrapper .wb-entry h2 {
  text-align: left;
}

.wb .wb-wrapper .wb-entry ol li {
  list-style-image: none;
}

.wb .wb-wrapper .wb-entry .wb-details {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  margin-top: 1.5em;
}

.wb .wb-wrapper .wb-entry img.wb-image.entry-image.rsi {
  margin: 2.5em 0 4em;
}

.wb .wb-wrapper .wb-entry span.CustomStyle1 {
  font-size: 1.2em;
  display: block;
}

.wb .wb-wrapper .wb-entry span.CustomStyle1 span.CustomStyle2 {
  font: normal normal 1em 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
}

.wb .wb-wrapper .wb-entry span.CustomStyle1 span.CustomStyle2:after {
  content: " -";
  font: normal normal 1em 'NHaasGroteskTXPro-55Rg', Helvetica, Arial, sans-serif;
}

.wb .wb-wrapper .wb-entry div p strong {
  display: block;
  font-size: 1.2em !important;
  font: normal normal 1em 'NHaasGroteskTXPro-55Rg', Helvetica, Arial, sans-serif;
}

.wb .wb-wrapper .wb-entry .wb-author-entry {
  margin-top: 2em;
  padding-top: 2em;
  border-top: 1px solid #CED4D9;
}

.wb .wb-wrapper .wb-entry .wb-author-entry h2 {
  font: normal normal 1.1em 'NHaasGroteskTXPro-55Rg', Helvetica, Arial, sans-serif;
  text-transform: unset;
  letter-spacing: 0;
  margin-top: .5em;
}

.wb .wb-wrapper .wb-entry .wb-author-entry .wb-author-image img {
  width: auto;
  max-width: 150px !important;
}

.wb .wb-wrapper .wb-entry .wb-author-entry .wb-author-content div.wb-author-articles a {
  padding: .3em .5em;
  border: 1px solid #484848;
  display: inline-block;
  margin: 1.5em 0 1em;
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  color: #484848;
}

.wb .wb-wrapper .wb-entry .wb-author-entry .wb-author-content div.wb-author-articles a:hover {
  color: #fff;
  background: #e1001a;
  text-decoration: none;
  border: 1px solid #e1001a;
  cursor: pointer;
}

.wb .wb-wrapper .wb-entry .wb-entry-relation-list {
  text-align: center;
  margin-top: 2em;
  padding-top: 2em;
  border-top: 1px solid #CED4D9;
}

.wb .wb-wrapper .wb-entry .wb-entry-relation-list h3 {
  margin: 0 0 .5em 0;
}

.wb .wb-wrapper .wb-entry .wb-entry-relation-list ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.wb .wb-wrapper .wb-entry .wb-entry-relation-list ul li {
  margin-bottom: 3em;
}

.wb .wb-wrapper .wb-entry .wb-entry-relation-list ul li img {
  width: auto;
  max-width: 150px;
  margin-bottom: 1em !important;
}

.wb .wb-wrapper .wb-entry .wb-entry-categories {
  margin-top: 1em;
  padding-top: 1.5em;
  border-top: 1px solid #CED4D9;
}

.wb .wb-wrapper .wb-entry .wb-entry-categories h3 {
  display: inline-block;
  float: left;
  font: normal normal 1em 'NHaasGroteskTXPro-55Rg', Helvetica, Arial, sans-serif;
  color: #777;
  margin: .15em .5em 0 0;
}

.wb .wb-wrapper .wb-entry .wb-entry-categories ul {
  margin: 0;
  padding: 0;
}

.wb .wb-wrapper .wb-entry .wb-entry-categories ul li {
  display: inline-block;
  margin: 0 .5em 0 0;
}

.wb .wb-wrapper .wb-entry .wb-entry-tags h3 {
  display: inline-block;
  float: left;
  font: normal normal 1em 'NHaasGroteskTXPro-55Rg', Helvetica, Arial, sans-serif;
  color: #777;
  padding-right: .5em;
}

.wb .wb-wrapper .wb-entry .wb-entry-tags li {
  margin: 0 !important;
  padding: 0;
  list-style-image: none;
}

.wb .wb-wrapper .wb-entry .wb-entry-tags a {
  display: inline-block;
  background: #aaa;
  color: #fff !important;
  padding: .2em .3em .1em;
  margin: .2em .2em 0 0;
  text-decoration: none !important;
  text-transform: capitalize;
}

.wb .wb-wrapper .wb-entry .wb-entry-tags a:hover {
  background: #777;
  text-decoration: none !important;
}

.wb .wb-wrapper .wb-entry .wb-entry-add-comment {
  padding-top: 1em;
  margin-top: 4em;
  border-top: 1px solid #CED4D9;
}

.wb .wb-wrapper .wb-entry .wb-entry-add-comment h3 {
  color: #484848;
}

.wb .wb-wrapper .wb-entry .wb-entry-add-comment input[type=text] {
  width: 100% !important;
  background: #F3F3F3;
  padding: 0 1em;
  height: 3em;
  box-sizing: border-box;
  margin-bottom: 1.5em !important;
  border: none;
}

.wb .wb-wrapper .wb-entry .wb-entry-add-comment textarea {
  width: 100%;
  height: 10em;
  background: #F3F3F3;
  margin-bottom: 1.5em !important;
  border: none;
  padding: 1em;
}

.wb .wb-wrapper .wb-entry .wb-entry-add-comment label {
  font-weight: normal;
  font-style: normal;
  width: 100% !important;
  text-align: left;
}

.wb .wb-wrapper .wb-entry .wb-entry-add-comment span {
  display: none;
}

.wb .wb-wrapper .wb-entry .wb-entry-add-comment .wb-captcha .blog-captcha-image {
  float: left;
  width: 25%;
  text-align: left;
}

.wb .wb-wrapper .wb-entry .wb-entry-add-comment .wb-captcha .blog-captcha-image img {
  height: 3em !important;
}

.wb .wb-wrapper .wb-entry .wb-entry-add-comment .wb-captcha input[type=text] {
  max-width: 75% !important;
  float: left;
}

.wb .wb-wrapper .wb-entry .wb-entry-add-comment input[type=submit] {
  background: #fff;
  padding: .3em .5em;
  border: 1px solid #e1001a;
  display: inline-block;
  margin: 1.5em auto 1em;
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  color: #e1001a;
}

.wb .wb-wrapper .wb-entry .wb-entry-add-comment input[type=submit]:hover {
  color: #fff;
  background: #e1001a;
  text-decoration: none;
  cursor: pointer;
}

.wb .wb-wrapper .wb-entry .wb-entry-download .buttonMore {
  padding-left: 0;
}

/* Erweiterung für Eventreports */
.wb-entry .video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  width: auto;
  margin-left: .5em;
  margin-right: .5em;
}

.wb-entry .video-container iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.wb-entry .video-text {
  margin: .5em;
  text-align: center;
}

.wb-entry table.video-table {
  border-collapse: separate;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  border-spacing: .5em;
}

.wb-entry table.video-table td {
  width: 50%;
}

.wb-entry table.video-table td .video-container {
  width: 100%;
  margin: 0;
}

/* Kommentare */
.wb-entry .comment-author .avatar {
  display: none;
}

.wb-entry .wb-entry-comments h3 {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #a7a7a7;
}

.wb-entry .wb-entry-comments ul {
  list-style: none;
  padding-left: 0;
}

.wb-entry .wb-entry-comments ul li {
  margin-bottom: 1.5em;
  background: none;
}

.wb-entry .wb-entry-comments ul li:nth-of-type(even) {
  background: #f5f5f5;
}

.wb-entry .wb-entry-comments ul li .wb-comment-name {
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  font-weight: normal;
}

/* Autorenübersicht */
.wb .wb-wrapper h2 {
  font-size: 1.5em;
}

.wb .wb-wrapper ul.wb-author-list-entries {
  list-style-type: none;
  padding: 0;
  font-size: 0;
}

.wb .wb-wrapper ul.wb-author-list-entries li.wb-author-list-entry {
  display: inline-block;
  overflow: hidden;
  position: relative;
  margin: .2em !important;
  font-size: 14px;
  width: 150px;
}

.wb .wb-wrapper ul.wb-author-list-entries li.wb-author-list-entry a img {
  margin: 0 !important;
}

.wb .wb-wrapper ul.wb-author-list-entries li.wb-author-list-entry a p.wp-caption-text {
  position: absolute;
  background: rgba(228, 233, 235, 0.95);
  left: 0;
  right: 0;
  margin: 0;
  bottom: 0;
  text-align: center;
  padding: .5em .5em .2em;
  color: #484848;
}

.wb .wb-wrapper ul.wb-author-list-entries li.wb-author-list-entry a:hover img {
  transform: scale(1.1);
}

.wb .wb-wrapper ul.wb-author-list-entries li.wb-author-list-entry a:hover p.wp-caption-text {
  background: #e4e9eb;
}

/* Detailansicht Autoren */
.wb .wb-wrapper .wb-author-articles a {
  background: #fff;
  padding: .3em .5em;
  border: 1px solid #e1001a;
  display: inline-block;
  margin: 2em 0;
  color: #e1001a;
}

.wb .wb-wrapper .wb-author-articles a:hover {
  color: #fff;
  background: #e1001a;
  text-decoration: none;
}

.wb .wb-wrapper .wb-author-detail h2 {
  margin-top: 0;
  text-align: left;
}

.wb .wb-wrapper .wb-author-detail .wb-author-image {
  width: 47.5%;
  float: left;
}

.wb .wb-wrapper .wb-author-detail .wb-author-content {
  width: 47.5%;
  float: right;
}

@media only screen and (max-width: 699px), only screen and (max-width: 400px) {
  .wb .wb-wrapper .wb-author-articles {
    text-align: center;
  }
  .wb .wb-wrapper .wb-author-detail .wb-author-image,
  .wb .wb-wrapper .wb-author-detail .wb-author-content {
    width: 100%;
    float: none;
    text-align: center;
  }
  .wb .wb-wrapper .wb-author-detail .wb-author-image img {
    width: 50%;
  }
}

@media only screen and (max-width: 699px) and (max-width: 400px), only screen and (max-width: 400px) and (max-width: 400px) {
  .wb .wb-wrapper .wb-author-detail .wb-author-image img {
    width: 80%;
  }
}

@media only screen and (max-width: 699px), only screen and (max-width: 400px) {
  .wb .wb-wrapper .wb-author-detail h2 {
    margin-top: 1em;
    text-align: center;
  }
}

/* Zusatz Blog Medienmitteilungen */
.wb .wb-wrapper .wb-entry .wb-entry-media-contact {
  margin-top: 2em;
  padding: 1em 0 .5em;
  border-top: 1px solid #CED4D9;
}

.wb .wb-wrapper .wb-entry .wb-entry-media-contact h3 {
  font: normal normal 1.1em 'NHaasGroteskTXPro-55Rg', Helvetica, Arial, sans-serif;
  text-transform: capitalize;
  letter-spacing: 0;
  margin-top: .5em;
}

.wb .wb-wrapper .wb-entry .wb-entry-media-contact .adressBild img {
  width: auto;
  max-width: 150px !important;
  margin-bottom: 1em;
}

.wb .wb-wrapper .wb-entry .wb-entry-media-contact .email:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.5em;
  display: inline-block;
  speak: none;
  content: "\f0e0";
  color: #e1001a;
}

.wb.mm .wb-entry-tags {
  display: none;
}

/* COMMON BLOG CSS überführung START */
/*************************************************************************************
Main layout
*************************************************************************************/
.wb {
  width: 800px;
  margin: 0 auto;
}

.wb-header a {
  color: #484848;
  text-decoration: none;
}

.wb-header a:hover {
  color: #484848;
  text-decoration: none;
}

.wb-leftcolumn {
  width: 70%;
  padding: 5px;
  float: left;
}

.wb-rightcolumn {
  width: 25%;
  margin: 0px 0px 0px 5px;
  float: left;
}

.wb-panel {
  clear: both;
}

.wb-footer {
  clear: both;
  background: #000000;
  color: #ffffff;
  font-size: 12px;
  padding: 3px;
  text-align: right;
}

/*************************************************************************************
Generic classes
*************************************************************************************/
.wb-settings {
  border: 1px solid #000;
  background-color: #FFFFC6;
  font-size: 12px;
  padding: 3px;
}

.wb-settings label {
  width: 200px;
  display: block;
}

.wb-error {
  border: 3px solid #FF0000;
  background-color: #FFFFC6;
  font-size: 12px;
  padding: 3px;
  text-align: left;
  margin-bottom: 10px;
}

.wb-details {
  margin-bottom: 10px;
  font-size: 12px;
  font-style: italic;
}

.wb-errortext {
  color: #ff0000;
}

.wb-successtext {
  border: 3px solid green;
  color: Green;
  background-color: #FFFFC6;
  font-size: 12px;
  padding: 3px;
  text-align: left;
  margin-bottom: 10px;
}

/*************************************************************************************
Blog entry
*************************************************************************************/
ul.wb-entry-list-entries {
  list-style: none;
  margin: 0;
  padding: 0;
}

li.wb-entry-list-entry {
  margin-bottom: 10px;
}

.wb-entry-list,
.wb-entry {
  font-size: 0.9em;
}

.wb-entry-list h2,
.wb-entry h2 {
  margin: 0;
}

.wb-entry-categories h3,
.wb-entry-tags h3 {
  margin-bottom: 0;
  font-size: 12px;
}

.wb-entry-categories ul,
.wb-entry-tags ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wb-entry-categories ul li,
.wb-entry-tags ul li {
  float: left;
  margin-right: 10px;
}

.wb-entry-categories ul li a,
.wb-entry-tags ul li a {
  text-decoration: none;
}

.wb-entry-categories ul li a:hover,
.wb-entry-tags ul li a:hover {
  text-decoration: underline;
}

.wb-entry-share {
  padding-top: 15px;
}

/*************************************************************************************
Add Comment
*************************************************************************************/
.wb-entry-add-comment {
  margin-top: 20px;
}

.wb-entry-add-comment label {
  width: 100px;
  display: block;
  clear: left;
  float: left;
  margin: 4px 0px 4px 0px;
}

.wb-entry-add-comment label.wb-captchaLabel {
  width: 100%;
  float: none;
}

.wb-entry-add-comment input.wb-textbox {
  float: left;
  margin: 4px 0px 4px 0px;
}

/*************************************************************************************
Comment List
*************************************************************************************/
.wb-entry-comments ul {
  list-style: none;
  margin: 0;
}

.wb-entry-comments ul li {
  padding: 4px;
  background-color: #F2EDE4;
}

.wb-entry-comments ul li a {
  text-decoration: none;
  color: #000000;
  font-weight: bold;
}

.wb-entry-comments ul li a:hover {
  text-decoration: underline;
}

.wb-entry-comments ul li hr {
  height: 1px;
  color: #000000;
}

.wb-entry-comments ul li .wb-datetime {
  float: right;
}

.wb-entry-comments ul li span.wb-comment-email {
  font-style: italic;
}

.wb-entry-comments ul li.wb-comment-alternate {
  background-color: #ffffff;
}

/*************************************************************************************
TagCloud
*************************************************************************************/
.wb-tagCloud {
  width: 200px;
  padding: 5px;
  margin-bottom: 10px;
  text-align: justify;
}

.wb-tagCloud a {
  text-decoration: none;
  margin-left: 5px;
  margin-right: 5px;
  text-transform: lowercase;
  color: #000000;
}

.wb-tagCloud a:hover {
  text-decoration: underline;
}

.wb-tagCloud a.wb-weight1 {
  font-size: 1.9em;
}

.wb-tagCloud a.wb-weight2 {
  font-size: 1.5em;
}

.wb-tagCloud a.wb-weight3 {
  font-size: 1.4em;
}

.wb-tagCloud a.wb-weight4 {
  font-size: 1.2em;
}

.wb-tagCloud a.wb-weight5 {
  font-size: 1.0em;
}

/*************************************************************************************
Administration
*************************************************************************************/
.wb-administration label {
  font-size: 12px;
  width: 70px;
  display: block;
  float: left;
  clear: right;
  margin-top: 4px;
}

.wb-administration p {
  font-size: 12px;
}

/*************************************************************************************
Archive
*************************************************************************************/
.wb-archive a.wb-year, .wb-archive a.wb-month {
  cursor: pointer;
  padding-left: 0;
}

.wb-archive ul li {
  border: none;
}

.wb-archive ul.wb-entries li {
  padding-left: 10px;
}

.wb-archive ul li a {
  background: url(/sitecore/shell/Themes/Standard/Images/expand9x9.png) no-repeat left 3px;
  padding-left: 15px;
}

.wb-archive ul li a.expanded {
  background: url(/sitecore/shell/Themes/Standard/Images/collapse9x9.png) no-repeat left 3px;
}

.wb-archive li li li a {
  background: none;
  padding-left: 0;
}

/**********************************************************************************
Misc
**********************************************************************************/
.wb-entry .wb-image {
  float: right;
  margin: 0 0 15px 15px;
}

.wb-entry-list .wb-image {
  float: left;
  margin: 0 15px 15px 0;
}

.wb-view-more-wrapper {
  text-align: center;
}

.wb-loading-animation {
  width: 100%;
  height: 16px;
  text-indent: -9999px;
  background: transparent url(../Images/ajax-loader.gif) no-repeat 50% 50%;
  display: block;
}

/* COMMON BLOG CSS überführung END */
/* Blog Portlet letzte Beiträge */
.portletInContentThreeColumnWidth.customstyle10 {
  /* ersetzen mit .lastBlogEntries wenn Klasse eingefügt ist */
  margin-top: -1.3em !important;
}

.portletInContentThreeColumnWidth.customstyle10 > .portletItem > .portletContent > h3 {
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  font-size: 1.55em;
  font-weight: normal;
  margin: 0.7em 0;
  color: #484848;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.portletInContentThreeColumnWidth.customstyle10 ul {
  padding: 0;
  list-style-type: none;
  margin: 1.6em auto;
}

.portletInContentThreeColumnWidth.customstyle10 ul li {
  float: left;
  margin-right: .5%;
  margin-bottom: .5%;
  width: 24.5%;
  position: relative;
  /* Aspect-Ratio 1:1 der Boxen */
}

.portletInContentThreeColumnWidth.customstyle10 ul li:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* initial ratio of 1:1*/
}

.portletInContentThreeColumnWidth.customstyle10 ul li .lastBlogEntry {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.portletInContentThreeColumnWidth.customstyle10 ul li .lastBlogEntry img {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.portletInContentThreeColumnWidth.customstyle10 ul li .lastBlogEntry a:hover img {
  transform: scale(1.1);
}

.portletInContentThreeColumnWidth.customstyle10 ul li .lastBlogEntry .meta {
  position: absolute;
  z-index: 1;
  top: 0;
  background: rgba(228, 233, 235, 0.95);
  text-transform: uppercase;
  font-size: .6em;
  padding: .55em .9em;
  text-align: center;
  display: none;
}

.portletInContentThreeColumnWidth.customstyle10 ul li .lastBlogEntry .meta .day {
  font-size: 2.5em;
  color: #e1001a;
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  float: left;
  display: inline-block;
  width: 100%;
}

.portletInContentThreeColumnWidth.customstyle10 ul li .lastBlogEntry .meta .month {
  float: left;
  clear: left;
}

.portletInContentThreeColumnWidth.customstyle10 ul li .lastBlogEntry .meta .month,
.portletInContentThreeColumnWidth.customstyle10 ul li .lastBlogEntry .meta .year {
  font-size: 1.5em;
  font-weight: normal;
  color: #000;
  float: left;
  display: inline-block;
  margin: 0 .2em;
}

.portletInContentThreeColumnWidth.customstyle10 ul li .lastBlogEntry .meta .year span,
.portletInContentThreeColumnWidth.customstyle10 ul li .lastBlogEntry .meta .published-at,
.portletInContentThreeColumnWidth.customstyle10 ul li .lastBlogEntry .meta .published-from {
  display: none;
}

.portletInContentThreeColumnWidth.customstyle10 ul li .lastBlogEntry h3 {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 33%;
  margin: 0;
  padding: .5em;
  text-align: left;
  color: #484848;
  background: rgba(228, 233, 235, 0.95);
  font-weight: normal;
  font-style: normal;
  line-height: 1.2;
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  font-size: 1.15em;
}

.portletInContentThreeColumnWidth.customstyle10 ul li .lastBlogEntry a:hover h3 {
  background: #e4e9eb;
}

.portletInContentThreeColumnWidth.customstyle10 ul i.redtag {
  display: none;
}

.portletInContentThreeColumnWidth.customstyle10 ul:first-of-type i.redtag {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  z-index: 2;
  position: absolute;
  right: 40%;
  top: -10px;
  background: #e1001a;
  color: #fff;
  line-height: 5;
  text-transform: uppercase;
  font-size: .7em;
  height: 4em;
  width: 4em;
  font-weight: bold;
  font-style: normal;
}

.portletInContentThreeColumnWidth.customstyle10 ul:first-of-type i.redtag:before {
  content: "neu!";
  text-align: center;
}

.portletInContentThreeColumnWidth.customstyle10 ul:first-of-type i.redtag:after {
  content: "";
  float: left;
  position: relative;
  left: -6px;
  top: 0;
  width: 0;
  height: 0;
  border-top: .7em solid transparent;
  border-bottom: .7em solid transparent;
  border-left: .7em solid #8a1008;
  transform: rotate(45deg);
  display: inline;
  z-index: 2;
}

.portletInContentThreeColumnWidth.customstyle10 .intro,
.portletInContentThreeColumnWidth.customstyle10 .entry-categories {
  display: none;
}

.portletInContentThreeColumnWidth.customstyle10 .blogLink {
  clear: left;
  float: left;
  margin: 2em 0;
  width: 100%;
}

.portletInContentThreeColumnWidth.customstyle10 .blogLink a {
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  color: #e1001a;
  text-decoration: none;
  padding: .5em;
  color: #484848;
  border: 1px solid #484848;
}

.portletInContentThreeColumnWidth.customstyle10 .blogLink a:hover {
  color: white;
  background: #e1001a;
  border: 1px solid #e1001a;
}

@media only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 1139px) {
  .portletInContentThreeColumnWidth.customstyle10 .portletContent > ul > li {
    width: 48%;
    margin: 1%;
  }
  .portletInContentThreeColumnWidth.customstyle10 .portletContent > ul > li:nth-of-type(2n+1) {
    clear: left;
  }
  .portletInContentThreeColumnWidth.customstyle10 .lastBlogEntry .meta {
    display: none;
    font-size: .5em;
  }
  .portletInContentThreeColumnWidth.customstyle10 .lastBlogEntry .meta .day {
    font-size: 2.3em;
  }
  .portletInContentThreeColumnWidth.customstyle10 .lastBlogEntry h3 {
    font-size: 1.8em;
  }
}

@media only screen and (max-width: 699px) {
  .portletInContentThreeColumnWidth.customstyle10 .portletContent > ul > li {
    width: 98%;
    margin: 1%;
  }
  .portletInContentThreeColumnWidth.customstyle10 .portletContent > ul > li:nth-of-type(2n+1) {
    clear: left;
  }
  .portletInContentThreeColumnWidth.customstyle10 .lastBlogEntry h3 {
    font-size: 3em;
  }
}

@media only screen and (max-width: 400px) {
  .portletInContentThreeColumnWidth.customstyle10 .lastBlogEntry h3 {
    font-size: 1.8em;
  }
}

/* SSO-Bearbeitung Blog */
#mainform > iframe {
  margin-bottom: 110px;
  width: 870px !important;
  height: 600px !important;
}

#mainform > iframe.scWebEditRibbon {
  margin-bottom: 0;
  width: 100% !important;
  height: auto !important;
}

/* Image Gallery */
.galleryvi .column h4 {
  font: normal normal 1em 'NHaasGroteskTXPro-55Rg', Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin-top: .5em;
}

.galleryvi .column .picturediv {
  background: #F6F6F6;
}

.galleryvi .column .picturediv:hover {
  background: #e1001a;
}

.galleryvi .column .picturediv .imagecontainer.horizontal img {
  left: 0;
}

.galleryvi .column .picturediv .imagecontainer.vertical img {
  left: 16%;
}

.galleryvi .column .picturediv .hoverdiv {
  border: none;
}

.galleryvi .column .picturediv .hoverdiv .linkboxdownload {
  background: transparent;
  left: 35%;
  bottom: 3%;
}

.galleryvi .column .picturediv .hoverdiv .linkboxdownload i {
  font-size: 1.7em;
  -webkit-text-stroke: 0 !important;
}

.galleryvi .column .picturediv .hoverdiv .linkboxdownload i:hover {
  text-decoration: none;
}

.galleryvi .column .picturediv .hoverdiv .linkboxpreview {
  background: transparent;
  left: 55%;
  bottom: 3%;
}

.galleryvi .column .picturediv .hoverdiv .linkboxpreview i {
  font-size: 1.7em;
  -webkit-text-stroke: 0 !important;
}

.galleryvi .column .picturediv .hoverdiv .linkboxpreview i:hover {
  text-decoration: none;
}

/* Preview Fancybox */
.fancybox-wrap.fancybox-opened a.fancybox-item.fancybox-close {
  background: transparent;
}

.fancybox-wrap.fancybox-opened a.fancybox-nav.fancybox-next i.icon-chevron-right,
.fancybox-wrap.fancybox-opened a.fancybox-nav.fancybox-prev i.icon-chevron-left {
  background: transparent;
}

.fancybox-wrap.fancybox-opened .fancybox-title .title-text,
.fancybox-wrap.fancybox-opened .fancybox-title .download {
  text-align: center;
}

.fancybox-wrap.fancybox-opened .fancybox-title .download a:before {
  display: none;
}

/* SocialMediaFooter */
.socialMediaFooter {
  clear: both;
}

/*** EVENTREG START ***/
/* EVENTREGISTRATION */
/* Navigationsleiste */
.EventRegWrapper {
  margin-left: -1.5em;
  margin-right: -1.5em;
}

nav.EventRegNavBar {
  overflow: hidden;
  background: #777C86;
  background: #ABAEB5;
  border-left: .4em solid #E2001A;
  padding: 1em 1.5em;
  text-align: left;
  margin-bottom: .6em;
}

.EventRegContainer.snapped_navbar {
  padding-top: 52px;
  /* Muss Höhe der Navbar sein */
}

.EventRegContainer.snapped_navbar nav.EventRegNavBar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  max-width: 100em;
  box-sizing: border-box;
  z-index: 999;
  -webkit-backface-visibility: hidden;
}

nav.EventRegNavBar ul {
  float: right;
}

nav.EventRegNavBar ul li {
  float: left;
  margin: 0 1em;
}

nav.EventRegNavBar ul li button {
  color: #FFF;
  text-transform: uppercase;
  font-size: .8em;
  letter-spacing: .1em;
  padding: 0 !important;
  background: none;
}

nav.EventRegNavBar .EventRegNavReturn i,
nav.EventRegNavBar .EventRegNavSearch i,
nav.EventRegNavBar .EventRegNavFilter i {
  font-size: 1.7em;
  margin-right: .3em;
}

@media only screen and (max-width: 919px) {
  nav.EventRegNavBar .EventRegNavReturn span span,
  nav.EventRegNavBar .EventRegNavSearch span span,
  nav.EventRegNavBar .EventRegNavFilter span span {
    display: none;
  }
}

@media only screen and (max-width: 699px) {
  nav.EventRegNavBar {
    padding-bottom: 0;
  }
  nav.EventRegNavBar .EventRegNavReturn i,
  nav.EventRegNavBar .EventRegNavSearch i,
  nav.EventRegNavBar .EventRegNavFilter i {
    font-size: 2.5em;
    margin-right: .3em;
  }
  nav.EventRegNavBar .EventRegNavCart {
    font-size: 1.5em;
    margin-right: 0;
    margin-bottom: .3em;
  }
  nav.EventRegNavBar .EventRegNavReturn span,
  nav.EventRegNavBar .EventRegNavSearch span,
  nav.EventRegNavBar .EventRegNavFilter span,
  nav.EventRegNavBar .EventRegNavCart span {
    display: none;
  }
}

nav.EventRegNavBar .EventRegNavCart i {
  width: 1.3em;
  text-align: center;
  vertical-align: middle;
}

nav.EventRegNavBar .EventRegNavCart .fa {
  position: relative;
  font-size: 1.7em;
  line-height: 1em;
  margin-bottom: .3em;
  margin-right: .5em;
}

dd.EventRegDate i span {
  font-family: 'NHaasGroteskTXPro-55RG', Helvetica, Arial, sans-serif;
}

nav.EventRegNavBar .EventRegNavCart .badge {
  font-size: .4em;
  display: block;
  position: absolute;
  top: -.65em;
  right: -.7em;
  width: 2em;
  height: 2em;
  line-height: 2em;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  background: #e2001a;
  background: #e2001a;
  font-weight: bold;
}

/* Suche und Filter */
div.EventRegSearch,
div.EventRegFilter {
  background: #D5D6DA;
  margin: 0 0 .5em;
  padding: 1em;
  min-height: 2.5em;
  display: none;
  clear: both;
}

.EventRegWrapper div.EventRegSearch input.EventRegSearchButton,
.EventRegWrapper div.EventRegFilter input.EventRegSearchButton {
  border: none;
  display: block;
  text-transform: uppercase;
  font-size: .8em;
  letter-spacing: .1em;
  background: #ABAEB5;
  color: #FFF;
  line-height: 3em;
  padding: 0 2em;
  border-radius: .3em;
  margin: 0;
  float: none;
}

.EventRegWrapper div.EventRegSearch input.EventRegSearchButton:hover,
.EventRegWrapper div.EventRegFilter input.EventRegSearchButton:hover {
  background: #414855;
  box-shadow: none;
}

input.EventRegSearchInput {
  float: left;
  margin-right: 1em;
  line-height: 2.4em;
  height: 2.4em;
  padding: 0 .5em;
  background: #F0F0F0;
  border: .1em solid #ABAEB5;
  border-radius: .3em;
}

#fragment-2 div.EventRegFilter div.EventRegFilterSelectBoxes,
.EventRegWrapper div.EventRegFilter input.EventRegSearchButton {
  display: inline-block;
  vertical-align: top;
  width: auto;
}

div.EventRegFilter div.EventRegFilterSelectBoxes select {
  margin-right: 1em;
  margin-bottom: 1em;
  line-height: 2.4em;
  height: 2.5em;
  padding: 0 0 0 .5em;
  background: #F0F0F0;
  border: .1em solid #ABAEB5;
  border-radius: .3em;
  /*-webkit-appearance:none;
      -moz-appearance:none;
      appearance:none;
  display: inline-block;*/
  vertical-align: top;
}

div.EventRegFilter div.EventRegFilterSelectBoxes select label {
  display: none;
}

div.EventRegFilter div.EventRegFilterSelectBoxes label {
  display: none;
}

.div.EventRegFilter div.EventRegFilterSelectBoxes select:last-of-type {
  margin-right: 0;
}

/* Buttons zur Merkliste und Alle erweitern */
.EventRegExpandableItemsContainer > p {
  float: right;
}

.EventRegExpandableItemsContainer > p a {
  display: block;
  text-transform: uppercase;
  font-size: .8em;
  letter-spacing: .1em;
  margin: 0 1em;
  background: #626977;
  color: #FFF;
  line-height: 3em;
  padding: 0 1em;
  border-radius: .3em;
}

.EventRegExpandableItemsContainer > p a:hover {
  background: #ABAEB5;
}

.EventRegExpandableItemsContainer > p a:before {
  content: "\f067";
  text-align: center;
  font-family: fontawesome;
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  border-radius: 5em;
  margin: 0 1em 0 0;
}

.EventRegExpandableItemsContainer > p a.EventRegCart:before {
  content: "\f03a";
}

/* Listenhintergrund grau einfärben */
.EventRegDay {
  background: #F0F0F0;
  padding-bottom: .1em;
  clear: right;
}

/* Tage */
div.EventRegDayEvents {
  display: none;
}

.EventRegEnroll div.EventRegDayEvents {
  display: block;
}

.EventRegOrder div.EventRegDayEvents {
  display: block;
}

h2.EventRegDays {
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 1em;
  background: #484848;
  background: #414855;
  color: #fff;
  line-height: 2em;
  padding: .1em .5em 0 0;
  font-weight: normal;
  margin: 0 0 .5em;
  cursor: pointer;
  border-left: .4em solid #252A37;
}

h2.EventRegDays:before {
  text-align: center;
  height: 2em;
  width: 2em;
  color: #484848;
  font-size: 1em;
  font-family: fontawesome;
  padding: .5em .5em .5em .5em;
  display: inline-block;
  content: "\f078";
  color: #fff;
}

h2.active.EventRegDays:before {
  content: "\f077";
}

.EventRegEnroll h2.EventRegDays:before {
  color: #ABAEB5 !important;
}

section.EventRegDay.EventRegCart h2.EventRegDays {
  border-color: #242935;
}

section.EventRegDay.EventRegCart h2.EventRegDays:before {
  content: ".";
  color: #414855;
}

.EventRegCart a.button {
  display: block;
  text-transform: uppercase;
  font-size: .8em;
  letter-spacing: .1em;
  margin: 1em 1em 0 0 !important;
  background: #e2001a;
  color: #FFF;
  line-height: 3em;
  padding: 0 2em;
  border-radius: .3em;
}

.EventRegCart a.button:hover {
  background: #414855;
  box-shadow: none;
}

.EventRegCart a.button:after {
  content: "\f101";
  text-align: center;
  font: 1.5em fontawesome;
  font-weight: normal;
  font-style: normal;
  line-height: 1em;
  position: relative;
  top: .1em;
  margin: .5em 0 0 .5em;
}

/* Events */
article.EventReg {
  margin-bottom: .7em;
  box-shadow: 0 0.2em 0 0 rgba(150, 150, 150, 0.5);
  border-left: 0.3em solid rgba(150, 150, 150, 0.5);
  border-right: 1px solid rgba(150, 150, 150, 0.5);
  margin-right: .5em;
  background: #FFF;
  overflow: hidden;
}

/* Die Klasse highlight wird dem Article angefügt, somit kann frei gewählt werden, welche Elemente eines Highlights anders gestaltet werden sollen. Hier im Beispiel wird lediglich die Hintergrundfarbe geändert */
article.EventReg.highlight {
  background: #FFFFF8;
}

/* => Um Listen mit vielen Events optisch zu strukturieren, kann der Linke Rand verwendet werden. Es kann z.B. jeder Eventkategorie eine Farbe zugeordnet werden wie im Beispiel, so dass man sofort einen Überblick erhält, um welche Art von Event es sich handelt. Oder man kann alle Ränder gleich lassen und nur Highlights anders einfärben (article.EventReg.highlight - siehe oben) */
/* article.EventReg.itours {
  border-left-color: #E83A84; }:

article.EventReg.podiumsdiskussion {
  border-left-color: #C5D456; }

article.EventReg.arena {
  border-left-color: #00B9BC; }

article.EventReg.workshop {
  border-left-color: #F7A349; }

article.EventReg.themenanlass {
  border-left-color: #B359A2; }

article.EventReg.xyz {
  border-left-color: #FDD633; } */
/* Header */
.EventRegHeader {
  overflow: hidden;
  position: relative;
}

.EventRegHeader:hover {
  cursor: pointer;
}

.EventRegEventDetail .EventRegHeader:hover {
  cursor: inherit;
}

.EventRegHeader {
  margin: 0 0 1em 0;
  overflow: hidden;
}

.EventRegHeader h3 {
  margin: 1em 0 0;
  line-height: 1.2;
  color: #484848;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: 1.4em;
  padding: 0 1.5em 0 0;
}

.panel-group > .panel > panel-body > .list-group li:hover h3,
.panel-group > .panel > .panel-collapse > .panel-body > .list-group li:hover h3,
.Basket .panel .list-group li .EventRegHeader:hover h3 {
  text-decoration: underline;
}

/* Kategorien farbig hinter Titel aufführen 
.list-group .EventRegHeader h3:after {
  font-family: 'NHaasGroteskTXPro-55Rg', Helvetica, Arial, sans-serif;
  margin: .5em 0;
  font-size: .6em;
  text-transform: uppercase;
  letter-spacing: .1em;
  display: block; }

.de-ch .list-group .Themenanlass .EventRegHeader h3:after {
  content: "Themenanlass";
  color: #F7A349; }

.de-ch .list-group .Workshop .EventRegHeader h3:after {
  content: "Workshop";
  color: #C5D456; }

.de-ch .list-group .Focus .EventRegHeader h3:after {
  content: "Focus";
  color: #00B9BC; }

.de-ch .list-group .Abendanlass .EventRegHeader h3:after {
  content: "Abendanlass";
  color: #E83A84; }

.de-ch .list-group .iTour .EventRegHeader h3:after {
  content: "iTour";
  color: #F7A349; }
  
 */
.EventRegHeader p {
  font-size: .9em;
  margin: 1.5em 1em 0 0;
  line-height: 2;
  color: #777;
}

.EventRegHeader p time {
  margin-right: 1em;
  font-size: 1.1em;
}

.EventRegHeader p time:after {
  content: "|";
  margin-left: 1em;
}

.EventRegHeader p time span {
  color: #777;
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  line-height: 1;
  padding-right: .5em;
}

.EventRegHeader p time span.sep {
  font-weight: bold;
  display: none;
}

.PastEvents .EventRegHeader p time span,
.PastEvents .EventRegHeader p time span.sep,
.EventRegCart .EventRegHeader p time span,
.EventRegCart .EventRegHeader p time span.sep {
  display: inline;
}

/* Unterschiedliche Farben für Kategorien */
/*.itours .EventRegTitle p span  {
	color: #E83A84;
}

.podiumsdiskussion .EventRegTitle p span {
	color:  #C5D456;
}

.arena .EventRegTitle p span {
	color:  #00B9BC;
}

.workshop .EventRegTitle p span {
	color:  #FDD633;
}

.themenanlass .EventRegTitle p span {
	color:  #B359A2;
}

.workshop .EventRegTitle p span {
	color:  #F7A349;
}

.xyz .EventRegTitle p span {
	color:  #FDD633;
}
*/
/* Detailstatus (klappt auf oder zu) */
.EventRegHeader i.DetailStatus {
  float: right;
  width: 3em;
  text-align: center;
  margin-top: 1em;
  color: #bbb;
}

.EventRegHeader i.DetailStatus:before {
  content: "\f05a";
  color: #bbb;
  text-align: center;
  width: 3em;
  color: #bbb;
  font-family: fontawesome;
  display: inline-block;
  font-weight: normal;
  font-style: normal;
}

.EventRegHeader:hover i.DetailStatus:before {
  color: #484848;
}

.EventRegHeader.active i.DetailStatus:before {
  content: "\f077";
  color: #484848;
}

.EventRegHeader:hover.active i.DetailStatus:before {
  color: #bbb;
}

.EventRegEventDetail .EventRegHeader i.DetailStatus:before {
  content: "\f137 ";
}

/* Enrollstatus zeigt an ob Event auf Merkliste ist oder ausgebucht */
i.EnrollStatus {
  float: left;
  width: 3em;
  padding-left: 1.1em;
  box-sizing: border-box;
  margin-top: 1.3em;
  color: #bbb;
}

/* Bei aufgeklapptem COntent wechselt die Farbe der Headertexte. Hier ist noch offen, dass iOS diesen Wechsel automatisch durchführt und dadurch dort die Farbe grad falsch herum angezeigt wird */
.EventRegHeader:hover .EventRegTitle h3,
.EventRegHeader.active .EventRegTitle h3 {
  color: #484848;
}

.EventRegHeader.active:hover i.DetailStatus,
.EventRegHeader.active:hover i.EnrollStatus,
.EventRegHeader.active:hover .EventRegTitle h3,
.EventRegHeader.active:hover .EventRegTitle time {
  color: #777;
}

.fa.pull-right {
  margin: .3em 0 0 .3em;
}

/* Content */
/* Eventdetail (Content) ausblenden */
.EventRegContent {
  margin: 3em 0 0;
  max-width: 80em;
  display: none;
}

.EventRegContent .listeStandard {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.EventRegEventDetail .EventRegContent {
  display: block;
}

.EventRegEventDetail .EventRegContent .EventRegIntro > * {
  margin-top: 1em;
  height: auto !important;
}

.EventRegEventDetail .EventRegContent .EventRegIntro img {
  max-width: 100%;
}

.EventRegEventDetail {
  margin-top: 2em;
}

.EventRegEventDetail .EventRegContent .expandablecontent {
  padding-top: 1em;
  margin: 2em 0 3em;
  border-top: 1px solid #CED4D9;
}

/* Metadaten zum Event */
/* Hinweis: Da es anders nicht möglich ist eine durchgängige, seitenbreite Linie unter jede Zeile zu setzen, wird jede Zeile in einer separaten Definitionsliste dargestellt */
dl.EventRegMeta {
  text-transform: uppercase;
  font-size: .75em;
  letter-spacing: .1em;
  line-height: 2;
  overflow: hidden;
  border-bottom: 1px solid #AAA;
}

.EventRegContent dl.EventRegMeta:nth-of-type(4) {
  display: none;
}

/* Testen ohne Linien */
.n005 dl.EventRegMeta {
  border-bottom: none;
}

/* Testen mit Hintergrund Zebra */
.n006 dl.EventRegMeta {
  border-bottom: none;
  background: #F4F4F4;
  margin-bottom: .5em;
  padding: 0 .5em;
}

dl.EventRegMeta dt {
  padding: .4em 0 .5em;
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  float: left;
  display: table-cell;
  height: 100%;
  margin-right: 1em;
}

dl.EventRegMeta dd {
  padding: .5em 0;
  display: table-cell;
}

dd.EventRegCapacity span.numberseats {
  margin-right: .5em;
}

dd.EventRegDate .fa.fa-calendar,
dd.EventRegDate .fa.fa-calendar:before {
  padding: 0 .5em;
}

/* Zentrierte Variante für die Detailansicht */
.EventRegEventDetail dl.EventRegMeta {
  text-transform: none;
  font-size: 1em;
  letter-spacing: 0;
  line-height: 2;
  overflow: hidden;
  border-bottom: 1px solid #AAA;
  width: 100%;
  padding: .6em;
}

.EventRegEventDetail dl.EventRegMeta dt {
  padding: 0;
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  display: inline;
  float: none;
  margin-right: .5em;
}

.EventRegEventDetail dl.EventRegMeta dd {
  display: inline;
  width: auto;
  margin: 0;
}

/*  Eventfunktionen (Buttons) Hinweis: Die Eventfunktionen kommen zweimal vor, einmal vor und einmal nach dem Content. Wird kein Content abgefüllt oder bei sehr kurzen Inhalten, können die Funktionen nach dem Content unter der Voranstellung von .EventRegContentFooter auf display:none gesetzt werden */
dl.EventRegAction {
  margin: 3em 0 5em;
  font-size: .75em;
  width: 100%;
}

dl.EventRegAction dt {
  display: none;
}

dl.EventRegAction dd {
  display: inline;
  margin-left: 0;
}

dl.EventRegAction button.EventRegTTAnmeldung,
section.Basket.ng-scope div.ng-scope button {
  padding: .3em .5em !important;
  border: 1px solid #e1001a !important;
  display: inline-block;
  margin: .5em 0;
  font: normal normal 1.3em 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  background: #e1001a;
  color: #fff;
  margin-right: 1em;
}

section.Basket.ng-scope div.ng-scope button {
  margin: 2em;
  font-size: 1em;
}

section.Basket.ng-scope div.ng-scope button i {
  display: none;
}

dl.EventRegAction button.EventRegTTAnmeldung:hover,
section.Basket.ng-scope div.ng-scope button:hover {
  background: #fff;
  color: #484848;
  border: 1px solid #484848 !important;
}

/* Warnung Warenkorb leer */
.EventRegWrapper .alert.alert-warning.ng-scope {
  background: transparent;
  border: none;
  color: #484848;
}

/* Bestätigungsseite */
section.EventRegDay.Completion {
  background: transparent;
}

section.EventRegDay.Completion button {
  padding: .3em .5em !important;
  border: 1px solid #e1001a !important;
  display: inline-block;
  margin: 2em 0;
  font: normal normal 1em 'NHaasGroteskTXPro-55Rg', Helvetica, Arial, sans-serif;
  background: #fff;
  color: #e1001a;
}

section.EventRegDay.Completion button:hover {
  background: #e1001a;
  color: #fff;
}

section.EventRegDay.Completion button i {
  display: none;
}

/* Merken-Button */
dd.EventRegRemember a,
dd.EventRegEnroll.EventRegBookedout span {
  background: #F98B0E;
  background: #e2001a;
  cursor: pointer;
  display: inline-block;
  color: #FFF;
  text-align: center;
  font-size: 1.1em;
  padding: .2em 1em;
  border-radius: .3em;
  white-space: nowrap;
  width: auto;
  box-sizing: border-box;
  margin-top: 1em;
  line-height: 3em;
  margin-right: .5em;
  position: relative;
}

dd.EventRegRemember a:before,
dd.EventRegEnroll.EventRegBookedout span:before {
  font-size: 1.2em;
  font-family: fontawesome;
  content: "\f096";
  position: relative;
  top: .1em;
  width: 1.3em;
  display: inline-block;
  text-align: left;
}

dd.EventRegRemember a:hover {
  background: #414855;
}

dd.EventRegRemember a:hover:before {
  content: "\f046";
}

dd.EventRegRemember.EventRegChecked a:before {
  content: "\f046";
}

dd.EventRegRemember.EventRegChecked a:hover:before {
  content: "\f096";
}

dd.EventRegEnroll.EventRegBookedout span {
  background: #ABAEB5;
  cursor: default;
}

dd.EventRegEnroll.EventRegBookedout span:before {
  content: "\f12a";
}

/* Importieren-Button */
dd.EventRegImport a,
dd.EventRegEnroll a,
dd.EventRegReport a {
  background: #777C86;
  background: #e2001a;
  cursor: pointer;
  display: inline-block;
  color: #FFF;
  text-align: center;
  font-size: 1.1em;
  padding: .2em 1em;
  border-radius: .3em;
  white-space: nowrap;
  width: auto;
  box-sizing: border-box;
  margin-top: 1em;
  line-height: 3em;
  margin-right: .5em;
}

dd.EventRegImport a:before {
  font-size: 1.2em;
  font-family: fontawesome;
  padding: 0 .5em 0 0;
  content: "\f133";
  position: relative;
  top: .1em;
  width: 1.3em;
  display: inline-block;
  text-align: left;
}

dd.EventRegEnroll a:after,
dd.EventRegReport a:after {
  font-size: 1.2em;
  font-family: fontawesome;
  padding: 0 0 0 .5em;
  content: "\f101";
  position: relative;
  top: .1em;
  display: inline-block;
  text-align: left;
}

dd.EventRegImport a:hover,
dd.EventRegEnroll a:hover,
dd.EventRegReport a:hover {
  background: #414855;
}

dd.EventRegImport a:hover:before {
  content: "\f073";
}

/* Content-Footer */
.EventRegContentFooter {
  margin: 0 0 2em;
  width: 100% !important;
}

.EventRegContentFooter:after {
  clear: both;
  content: "";
  display: table;
}

/* Schliessen Button */
.EventRegDetailClose {
  float: right;
  margin: 0 0 0 1em;
}

.EventRegDetailClose i.DetailStatus:before {
  content: "\f077";
  text-align: center;
  line-height: 3em;
  width: 3em;
  color: #777C86;
  font-family: fontawesome;
  display: inline-block;
  font-weight: normal;
  font-style: normal;
}

.EventRegDetailClose i.DetailStatus:hover {
  cursor: pointer;
}

.EventRegDetailClose i.DetailStatus:hover:before {
  color: #ABAEB5;
}

/* Addthis-Buttons */
ul.EventRegSocialMediaContainer {
  display: inline-block;
  position: relative;
  width: 80%;
  float: left;
}

ul.EventRegSocialMediaContainer li a {
  float: left;
  content: "\f077";
  text-align: center;
  width: 2em;
  line-height: 2em;
  color: #fff;
  font-family: fontawesome;
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  background: #777C86;
  margin-right: .2em;
  border-radius: 5em;
  font-size: 1.5em;
}

ul.EventRegSocialMediaContainer li.TweetButton a {
  background: #00ACED;
}

ul.EventRegSocialMediaContainer li.GooglePlusButton a {
  background: #DD4B39;
}

ul.EventRegSocialMediaContainer li.Facebook a {
  background: #3B5998;
}

ul.EventRegSocialMediaContainer li a:hover {
  background: #ABAEB5;
}

ul.EventRegSocialMediaContainer li.PrintButton a {
  margin-left: 2em;
}

.EventRegRememberAcions {
  margin: 2em 3em 4em;
}

a.button.EventRegPrint {
  display: block;
  text-transform: uppercase;
  font-size: .8em;
  letter-spacing: .1em;
  margin: 1em 1em 0 0 !important;
  background: #e2001a;
  color: #FFF;
  line-height: 3em;
  padding: 0 2em;
  border-radius: .3em;
  float: left;
}

a.button.EventRegPrint:hover {
  background: #414855;
  box-shadow: none;
}

a.button.EventRegPrint:before {
  content: "\f02f";
  text-align: center;
  font: 1.5em fontawesome;
  font-weight: normal;
  font-style: normal;
  line-height: 1em;
  position: relative;
  top: .1em;
  margin: .5em .5em 0 0;
}

div.EventRegAdditionalActions {
  margin: 2em 0 2em 3em;
}

/* Sponsorenlogos / Bilder */
ul.sponsoren {
  clear: left;
  overflow: hidden;
}

ul.sponsoren li {
  float: left;
  margin-right: 1em;
}

/* neu angepasst */
dl,
menu,
ol,
ul {
  margin: 0;
}

/* Referentenbilder */
ul.EventRegReferent {
  padding: 0;
  list-style: none;
  width: 90%;
  margin: 0;
}

ul.EventRegReferent li {
  width: 20%;
  margin: .6em 1.2em .6em 0;
  display: inline-block;
  vertical-align: top;
  min-width: 11em;
}

ul.EventRegReferent li img {
  width: 100% !important;
  margin: 0 0 1em 0 !important;
}

/* Aussteller-/Produktelogos */
.EventRegEventDetail .expandablecontent img {
  margin: 2em 2em 2em 0;
  display: inline-block;
}

/*07 MediaQueries für DID-Varianten */
/* XXL */
/* XL */
/* L */
@media only screen and (min-width: 1020px) {
  /***** START ANPASSUNGEN MATTHIAS 13.-16.07.2014 *****/
  /* Ab iPad quer und breiter werden Zeit und Kategorie in einer 20% breiten Spalte links vom restlichen Inhalt dargestellt, um zu breite Inhaltsspalten zu erhalten. */
  .EventRegTitle p {
    float: left;
    width: 20%;
    margin: 1.8em 0 .5em;
  }
  .EventRegTitle h3 {
    float: right;
    width: 80%;
    text-align: left;
  }
  .EventRegHeader p {
    text-align: left;
    width: 18%;
  }
  .EventRegHeader p span {
    display: block;
    width: auto;
  }
  .EventRegHeader p time:after {
    content: "";
    margin-left: 0;
  }
  .PastEvents .EventRegHeader .EventRegTitle p time span.sep,
  .EventRegCart .EventRegHeader .EventRegTitle p time span.sep,
  .EventRegForm .EventRegHeader .EventRegTitle p time span.sep {
    display: none;
  }
  .EventRegEventDetail .EventRegTitle p {
    float: left;
    width: 100%;
    margin: 1.8em 0 .5em;
  }
  .EventRegEventDetail .EventRegTitle h3 {
    float: right;
    width: 100%;
    color: #484848 !important;
    margin-top: 3em;
  }
  .EventRegEventDetail .EventRegHeader p {
    width: 100%;
  }
  .EventRegEventDetail .EventRegHeader p span {
    display: inline;
    width: auto;
  }
  .EventRegEventDetail .EventRegHeader p time:after {
    content: "|";
    margin-left: 1em;
  }
  .EventRegEventDetail dl.EventRegMeta {
    width: 80%;
  }
  .EventRegEventDetail .EventRegHeader .EventRegTitle a.closeDetail {
    position: absolute;
    left: 0;
    padding: .3em .5em !important;
    display: inline-block;
    font: normal normal 1em 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
    background: #e1001a;
    color: #fff;
    border: 1px solid #e1001a !important;
  }
  .EventRegEventDetail .EventRegHeader .EventRegTitle a.closeDetail:hover {
    background: #fff;
    color: #484848;
    text-decoration: none;
    border: 1px solid #484848 !important;
    cursor: pointer;
  }
  /* dl.EventRegMeta {
    width: 80%;
    float: right;
    margin: 0 0 1em; }

  dl.EventRegAction {
    width: 80%;
    float: right;
    margin: 2em 0 5em; }

  div.EventRegMainContent {
    width: 80%;
    float: right;
    margin: 0 0 5em 0; }

  .EventRegIntro {
    clear: both; }

  .EventRegContentFooter {
    width: 80%;
    float: right; }

 dl.EventRegAction {
    width: 100%;
    float: left;
    }  */
  /***** ENDE ANPASSUNGEN MATTHIAS 13.-16.07.2014 *****/
}

/* M */
/* S */
@media only screen and (max-width: 699px) {
  div.EventRegWrapper {
    min-width: 280px;
  }
  div.EventRegSearch input.EventRegSearchButton {
    display: block;
    margin-top: 1em;
    margin-left: 0;
  }
  /***** START ANPASSUNGEN MATTHIAS 13.-16.07.2014 *****/
  /* Ab iPadmini hochkannt und kleiner die Eventfunktionsbuttons untereinander anordnen, damit auch längere Buttontexte Platz haben */
  .dd.EventRegEnroll a,
  .dd.EventRegEnroll.EventRegBookedout span {
    width: 100%;
  }
  .dd.EventRegImport a {
    width: 100%;
  }
  .EventRegMainNavigation li span {
    display: none;
  }
  /* Suche und Filter-Buttons Seitenbreit */
  #search ul li.EventRegNavFilter,
  #search ul li.EventRegNavSearch {
    width: 49.5%;
    text-align: center;
    box-sizing: border-box;
  }
}

/* XS */
@media only screen and (max-width: 399px) {
  /***** START ANPASSUNGEN MATTHIAS 13.-16.07.2014 *****/
  /* Auf Mobile hochkant Wegnahme der Icons bei Alle erweitern und Merkliste anzeigen */
  .EventRegExpandableItemsContainer > p {
    float: none;
  }
  .EventRegExpandableItemsContainer > p a {
    width: 80%;
    text-align: center;
    margin: 0 auto .2em;
  }
  /* Auf Mobile hochkant den Content-Rand verkleinern, um den Platz optimal auszunutzen. */
  .EventRegContent {
    margin: 3em 1em 0;
  }
  .EventRegHeader i.EnrollStatus {
    width: 0;
  }
  .EventRegDay div.EventRegTitle {
    margin-left: 0;
  }
  .EventRegDay.EventRegCart div.EventRegTitle {
    margin-left: 3em;
  }
  /***** ENDE ANPASSUNGEN MATTHIAS 13.-16.07.2014 *****/
}

/***** Erweiterungen Warenkorb / Merkliste 09.09.2014 *****/
.EventRegCart .EventReg {
  position: relative;
}

/*.EventRegCart i.EnrollStatus {
	color:  #e2001a;
	font-size:  1.5em;
	width: 2em;
	height: 2.8em;
	padding-left: .55em;
	margin-top:  .7em;
}

.EventRegCart a.RemoveFromCart {
	display:  block;
	float: left;
}

.EventRegCart i.EnrollStatus:hover {
	color: #424242;
}*/
.EventRegWrapper .panel-body {
  padding: 0;
}

a.RemoveFromCart {
  display: block;
  float: left;
}

a.RemoveFromCart i.EnrollStatus {
  color: #e2001a;
  font-size: 2em;
  width: 2em;
  padding: 0;
  margin-top: .7em;
  cursor: pointer;
  text-align: left;
}

a.RemoveFromCart i.EnrollStatus:hover {
  margin-top: .65em;
}

/* Bestätigungsseite */
.EventRegSuccess {
  margin: 3em 3em 0;
}

div.EventRegActionButtons a.EventRegButton {
  background: #F98B0E;
  background: #e2001a;
  cursor: pointer;
  display: inline-block;
  color: #FFF;
  text-align: center;
  font-size: .83em;
  padding: .2em 1em;
  border-radius: .3em;
  white-space: nowrap;
  width: auto;
  box-sizing: border-box;
  line-height: 3em;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: 0.5em;
}

div.EventRegActionButtons a.EventRegButton.EventRegDetail:before {
  font-size: 1.2em;
  font-family: fontawesome;
  padding: 0 .5em 0 0;
  content: "\f03c";
  position: relative;
  top: .1em;
  width: 1.3em;
  display: inline-block;
  text-align: left;
}

div.EventRegActionButtons a.EventRegButton.EventRegContainer:before {
  font-size: 1.2em;
  font-family: fontawesome;
  padding: 0 .5em 0 0;
  content: "\f039";
  position: relative;
  top: .1em;
  width: 1.3em;
  display: inline-block;
  text-align: left;
}

div.EventRegActionButtons a.EventRegButton:hover {
  background: #414855;
}

div.EventRegActionButtons {
  margin: 3em;
}

div.EventRegTeaser {
  margin: 2em 0;
  overflow: hidden;
}

div.EventRegTeaser img {
  max-width: 50%;
  padding: .5em;
  box-sizing: border-box;
  float: left;
}

/* Tooltip Zur Anmeldung vormerken */
button.EventRegTTAnmeldung {
  position: relative;
}

button.EventRegTTAnmeldung span {
  width: 220px;
  height: auto;
  line-height: 20px;
  padding: 10px;
  left: 50%;
  margin-left: -125px;
  font-size: 1em;
  font-family: 'NHaasGroteskTXPro-55Rg', Helvetica, Arial, sans-serif;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  text-align: center;
  border: 4px solid #222;
  background: #222;
  text-indent: 0px;
  border-radius: 5px;
  position: absolute;
  pointer-events: none;
  bottom: 100px;
  opacity: 0;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
}

button.EventRegTTAnmeldung span:before,
button.EventRegTTAnmeldung span:after {
  content: '';
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -9px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid rgba(0, 0, 0, 0.1);
}

button.EventRegTTAnmeldung span:after {
  bottom: -14px;
  margin-left: -10px;
  border-top: 10px solid #222;
}

button.EventRegTTAnmeldung:hover span {
  opacity: 0.9;
  bottom: 60px;
}

/*categories*/
/*basket*/
/*
.panel > .list-group .list-group-item.iTours,
.panel > .panel-collapse > .list-group .list-group-item.iTours {
  border-left: 0.3em solid #E83A84; } */
/*session in accordeon*/
/*
.panel-group > .panel > panel-body > .list-group .list-group-item.iTours,
.panel-group > .panel > .panel-collapse > .panel-body > .list-group .list-group-item.iTours {
  border-left: 0.3em solid #E83A84; }

.panel > .list-group .list-group-item.Workshop,
.panel > .panel-collapse > .list-group .list-group-item.Workshop {
  border-left: 0.3em solid #C5D456; }

.panel-group > .panel > panel-body > .list-group .list-group-item.Workshop,
.panel-group > .panel > .panel-collapse > .panel-body > .list-group .list-group-item.Workshop {
  border-left: 0.3em solid #C5D456; }

.panel > .list-group .list-group-item.Themenanlass,
.panel > .panel-collapse > .list-group .list-group-item.Themenanlass {
  border-left: 0.3em solid #F7A349; }

.panel-group > .panel > panel-body > .list-group .list-group-item.Themenanlass,
.panel-group > .panel > .panel-collapse > .panel-body > .list-group .list-group-item.Themenanlass {
  border-left: 0.3em solid #F7A349; }

.panel > .list-group .list-group-item.Focus,
.panel > .panel-collapse > .list-group .list-group-item.Focus {
  border-left: 0.3em solid #00B9BC; }

.panel-group > .panel > panel-body > .list-group .list-group-item.Focus,
.panel-group > .panel > .panel-collapse > .panel-body > .list-group .list-group-item.Focus {
  border-left: 0.3em solid #00B9BC; }

.panel > .list-group .list-group-item.Abendanlass,
.panel > .panel-collapse > .list-group .list-group-item.Abendanlass {
  border-left: 0.3em solid #E83A84; }

.panel-group > .panel > panel-body > .list-group .list-group-item.Abendanlass,
.panel-group > .panel > .panel-collapse > .panel-body > .list-group .list-group-item.Abendanlass {
  border-left: 0.3em solid #E83A84; } */
.list-group-item.highlight {
  background: #FFFFF8;
}

/*bootstrap*/
/*dropdown*/
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.open > .dropdown-menu {
  display: block;
}

/*panel*/
.panel-group {
  margin-bottom: 20px;
}

.panel-group .panel {
  margin-bottom: 0;
  overflow: hidden;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

/*.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}*/
/*additional: removes the margin after list-groups*/
.panel-group > .panel > panel-body > .list-group,
.panel-group > .panel > .panel-collapse > .panel-body > .list-group {
  margin-bottom: 0;
}

.panel-group > .panel > panel-body > .list-group li:before,
.panel-group > .panel > .panel-collapse > .panel-body > .list-group li:before,
.Basket .panel .list-group li:before {
  content: "\f055";
  font-family: FontAwesome;
  speak: none;
  position: absolute;
  top: 1.3em;
  right: .8em;
  font-size: 1.5em;
  color: #e2001a;
  z-index: -1;
}

.panel-group > .panel > panel-body > .list-group li,
.panel-group > .panel > .panel-collapse > .panel-body > .list-group li,
.Basket .panel .list-group li {
  z-index: 2;
}

/*additional: set the list-groups border to 1*/
.panel-group > .panel > panel-body > .list-group .list-group-item,
.panel-group > .panel > .panel-collapse > .panel-body > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panel {
  margin-bottom: 20px;
  border-radius: 0;
}

.panel-body {
  padding: 15px;
}

.panel-heading {
  padding: 10px 15px;
}

.panel-heading:hover {
  cursor: pointer;
}

.panel-default {
  border-color: #ddd;
}

.panel-default > .panel-heading {
  color: #fff;
  background-color: #e2001a;
}

.panel-default > .panel-heading .sub-title {
  color: #fff;
}

.panel-default > .panel-heading h2 {
  text-transform: none;
  color: #fff;
}

.panel-default > .panel-heading h2.panel-title a {
  color: #fff !important;
}

.panel-default > .panel-heading:hover h2.panel-title a {
  text-decoration: underline;
}

.panel-default > .panel-heading span.badge,
.panel-default > .panel-heading span.resultstext {
  margin-right: .25em;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}

/*.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panel > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}*/
/*list-group*/
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border-top: 1px solid #ddd !important;
}

/* Anpassungen Matthias 27.04.2015 */
nav.navbar {
  background: #FFF;
  margin-bottom: .5em;
}

nav.navbar .btn-group {
  margin: 0 auto;
  float: none;
}

nav.navbar.fixed {
  width: 100%;
  background: #FFF;
  left: 0;
}

nav.navbar .btn-toolbar .fa {
  margin-right: .5em;
}

/* Wichtig, damit die Navbar Dropdown Boxen nicht abgeschnitten werden */
#content {
  min-height: 15em;
}

nav.navbar .btn-group.open ul.dropdown-menu {
  padding: 1em;
  width: auto;
}

span.visible-sm-inline.visible-md-inline.visible-lg-inline {
  font-family: 'NHaasGroteskTXPro-55Rg', Helvetica, Arial, sans-serif;
}

nav.navbar .btn-group .btn:hover,
nav.navbar .btn-group.open .btn.dropdown-toggle {
  background: #eee !important;
  box-shadow: none !important;
}

nav.navbar .btn-group button.btn.btn-default:hover {
  background: #e2001a !important;
  color: #FFF;
}

nav.navbar .btn-group.open ul.dropdown-menu input,
nav.navbar .btn-group.open ul.dropdown-menu select {
  width: auto;
  margin: .5em 0;
  font-family: 'NHaasGroteskTXPro-55Rg', Helvetica, Arial, sans-serif;
}

nav.navbar .fa.fa-shopping-cart {
  position: relative;
}

nav.navbar .fa.fa-shopping-cart .badge {
  font-size: .5em;
  display: block;
  position: absolute;
  top: -.65em;
  right: -1.3em;
  width: 2em;
  height: 2em;
  line-height: 2em;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  background: #e2001a;
  background: #e2001a;
  font-weight: bold;
  font-family: verdana;
}

/* Lupe in Suche */
nav.navbar.navbar-default.ng-scope div.btn-toolbar.navbar-right div.btn-group div.btn-group.open ul.dropdown-menu li div.input-group span.input-group-btn button.btn.btn-default:before {
  content: "\f002";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #999;
}

nav.navbar.navbar-default.ng-scope div.btn-toolbar.navbar-right div.btn-group div.btn-group.open ul.dropdown-menu li div.input-group span.input-group-btn button.btn.btn-default:hover:before {
  color: #000;
}

nav.navbar.navbar-default.ng-scope div.btn-toolbar.navbar-right div.btn-group div.btn-group.open ul.dropdown-menu li div.input-group span.input-group-btn button.btn.btn-default:hover {
  color: #000;
  background: transparent;
}

nav.navbar.navbar-default.ng-scope div.btn-toolbar.navbar-right div.btn-group div.btn-group.open ul.dropdown-menu li div.form-group button.btn.btn-default {
  padding: .3em .5em !important;
  border: 1px solid #e1001a !important;
  display: inline-block;
  margin: .5em 0;
  font: normal normal 1em 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  background: #fff;
  color: #e1001a;
}

nav.navbar.navbar-default.ng-scope div.btn-toolbar.navbar-right div.btn-group div.btn-group.open ul.dropdown-menu li div.form-group button.btn.btn-default:hover {
  background: #e1001a;
  color: #fff;
}

/* Hervorheben beim zurück Springen auf die Übersichtsseite */
li.list-group-item.selected {
  background-color: white;
  -webkit-animation-name: flashfade;
  /* Chrome, Safari, Opera */
  -webkit-animation-duration: 4s;
  /* Chrome, Safari, Opera */
  -webkit-animation-timing-function: ease-in;
  /* Chrome, Safari, Opera */
  animation-name: flashfade;
  animation-duration: 4s;
  animation-timing-function: ease-in;
}

/* Chrome, Safari, Opera */

/* Standard syntax */
@keyframes flashfade {
  0% {
    background-color: #d7d7d7;
  }
  65% {
    background-color: whitesmoke;
  }
  66% {
    background-color: white;
  }
  80% {
    background-color: whitesmoke;
  }
  100% {
    background-color: white;
  }
}

img.spinnerimage {
  width: auto;
  max-width: 100%;
}

/*** EVENTREG END ***/
/* FORMULARE */
div.scfForm {
  text-align: left;
  margin-left: -1.5em !important;
}

div.scfForm .scfSectionBorderAsFieldSet {
  margin: 0;
}

div.scfForm .scfTitleBorder {
  color: #E1001A !important;
  text-transform: uppercase;
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif !important;
  font-size: 2.308em;
  font-weight: normal;
  margin: 0.8em 0;
  letter-spacing: .05em;
}

div.scfForm .scfIntroBorder {
  min-height: 30px;
}

div.scfForm .scfSectionLegend {
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif !important;
  font-size: 1.692em;
  font-weight: normal;
  margin: 0.7em 0px;
  color: #E1001A !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-style: none;
}

div.scfForm .scfSectionContent,
div.scfForm .scfMultipleLineGeneralPanel {
  text-align: left;
}

div.scfForm input[type=text],
div.scfForm .scfMultipleLineGeneralPanel textarea {
  max-width: 70% !important;
  background: #F3F3F3;
  padding: 1em !important;
  height: 3em;
  box-sizing: border-box;
  margin-bottom: .5em !important;
  border: none;
  font-weight: normal;
  font-style: normal;
}

div.scfForm .scfMultipleLineGeneralPanel textarea {
  height: 15em !important;
}

div.scfForm .scfDropList {
  max-width: 70% !important;
  float: none;
  height: 3em !important;
}

div.scfForm .scfTelephoneUsefulInfo {
  max-width: 70% !important;
  text-align: left;
}

div.scfForm span.scfValidator {
  width: 60% !important;
  left: 20%;
  font-size: .9em;
  line-height: 1.3;
}

div.scfForm .scfEmailGeneralPanel span.scfValidator {
  margin-top: 3.8em !important;
}

div.scfForm .scfSingleLineGeneralPanel,
div.scfForm .scfDropListGeneralPanel,
div.scfForm .scfTelephoneGeneralPanel,
div.scfForm .scfEmailGeneralPanel,
div.scfForm .scfNumberGeneralPanel {
  text-align: left;
}

div.scfForm .scfSectionContent label,
div.scfForm .scfRadioButtonListLabel,
div.scfForm .scfCheckBoxListLabel,
div.scfForm .scfEmailLabel,
div.scfForm .scfNumberLabel,
div.scfForm .scfDropListLabel {
  max-width: 70% !important;
  float: none !important;
  font-weight: normal;
  text-align: left;
}

div.scfForm .scfRadioButtonListGeneralPanel,
div.scfForm .scfCheckBoxListGeneralPanel {
  max-width: 70%;
}

div.scfForm .scfRadioButtonList tr td label,
div.scfForm .scfCheckBoxList tr td label {
  font-weight: normal;
  font-style: normal;
  display: inline-block !important;
  vertical-align: top;
  text-indent: 0;
}

div.scfForm table.scfRadioButtonList,
div.scfForm table.scfCheckBoxList {
  max-width: 100%;
}

div.scfForm input[type=submit].scfSubmitButton {
  font-size: 1.2em !important;
  background: #fff;
  padding: .3em .5em;
  border: 1px solid #e1001a;
  display: inline-block;
  margin: 2em 0;
  color: #e1001a;
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif !important;
}

div.scfForm input[type=submit].scfSubmitButton:hover {
  color: #fff;
  background: #e1001a;
  text-decoration: none;
}

div.scfForm .scfCheckboxBorder {
  max-width: 70%;
  margin: 0px auto;
}

@media only screen and (max-width: 400px), only screen and (max-width: 699px) {
  div.scfForm .scfRadioButtonListGeneralPanel,
  div.scfForm .scfCheckBoxListGeneralPanel,
  div.scfForm .scfRadioButtonListLabel,
  div.scfForm .scfCheckBoxListLabel,
  div.scfForm .scfTelephoneUsefulInfo,
  div.scfForm .scfDropList,
  div.scfForm input[type=text],
  div.scfForm .scfMultipleLineGeneralPanel textarea,
  div.scfForm .scfSectionContent label {
    max-width: 100% !important;
  }
  div.scfForm span.scfValidator {
    width: 100%;
  }
}

/* Protected Area */
div#paDiv {
  display: block;
  margin-bottom: 8em;
}

/* Login */
.ssoContent input[type=submit], a#seiteninhalt_0_m_loginStatus,
a.paLinkInsertMM,
a.paLinkInsertMA,
.pa_back a,
input#pafrm_Sendbutton,
input#pafrm_ButtonAddLang,
span#pafrm_DeleteMediaRelease,
#palist div.palist_div_Edit div a {
  font-size: 1.1em !important;
  background: #fff !important;
  padding: .5em 1em;
  border: 1px solid #e1001a !important;
  display: inline-block;
  margin: 2em 0;
  color: #e1001a;
}

.ssoContent input[type=submit]:hover, a#seiteninhalt_0_m_loginStatus:hover,
a.paLinkInsertMM:hover,
a.paLinkInsertMA:hover,
.pa_back a:hover,
input#pafrm_Sendbutton:hover,
input#pafrm_ButtonAddLang:hover,
span#pafrm_DeleteMediaRelease:hover,
#palist div.palist_div_Edit div a:hover {
  color: #fff;
  background: #e1001a !important;
  text-decoration: none;
}

.ssoContent input[type=text],
.ssoContent input[type=password], #paEditForm input,
#paEditForm select,
#paEditForm textarea {
  background: #F3F3F3;
  padding: .3em 1em !important;
  height: 3em;
  box-sizing: border-box;
  margin-bottom: .5em !important;
  border: none;
  font-weight: normal;
  font-style: normal;
  width: 100% !important;
  font-family: 'NHaasGroteskTXPro-55Rg', Helvetica, Arial, sans-serif;
}

.ssoContent .ssoEMail span,
.ssoContent .ssoPassword span {
  display: block;
  width: 70%;
  margin: 0 auto .5em;
  text-align: left;
}

#paEditForm {
  display: block;
  width: 70%;
  margin: 0 auto;
  text-align: left;
}

#paEditForm label {
  font-family: 'NHaasGroteskTXPro-55Rg', Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin-top: 1.5em;
}

#paEditForm label.error {
  color: #e1001a;
}

#paEditForm img {
  width: auto;
  max-width: 100%;
}

.pafrm_Uploadbutton {
  color: #e1001a;
}

.pafrm_Uploadbutton:before {
  color: #e1001a;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-right: 0.5em;
  speak: none;
  content: "\f093";
}

#pafrm_div_Sendbutton {
  text-align: center;
}

input#pafrm_Sendbutton {
  width: inherit !important;
  line-height: 1;
}

.pafrm_div_TxtLanguage span,
.pafrm_div_TxtTitle span,
.pafrm_div_TxtDescription span,
.pafrm_div_TxtDocument span,
.pafrm_div_TxtImage span,
.pafrm_div_TxtImageDescription span {
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  display: inline-block;
}

.pafrm_div_TxtLanguage div span,
.pafrm_div_TxtTitle div span,
.pafrm_div_TxtDescription div span,
.pafrm_div_TxtDocument div span,
.pafrm_div_TxtImage div span,
.pafrm_div_TxtImageDescription div span {
  font-family: 'NHaasGroteskTXPro-55Rg', Helvetica, Arial, sans-serif;
  margin-bottom: 1em;
}

#pafrm_div_HeaderOtherLang div.paHtmlfield div p {
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  text-align: center;
}

#pafrm_DeleteMedia_fr-CH,
#pafrm_DeleteMedia_it-CH,
#pafrm_DeleteMedia_en-US {
  color: #e1001a;
}

#pafrm_DeleteMedia_fr-CH:after,
#pafrm_DeleteMedia_it-CH:after,
#pafrm_DeleteMedia_en-US:after {
  color: #e1001a;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-left: 0.5em;
  speak: none;
  content: "\f014";
}

div.pafrm_new_Document {
  overflow: hidden;
}

.pafrm_Remove_Document {
  color: #E1001A;
}

.pafrm_Remove_Document:hover {
  text-decoration: underline;
}

div.paPublicDetailMediaData {
  clear: both;
}

#palist div.palist_div_Title div {
  text-transform: uppercase;
  font-size: 1.2em;
  letter-spacing: .05em;
}

#palist div.palist_div_Edit div a {
  margin: 1em 0 4em;
}

#palist div.palist_div_Language {
  margin-top: 1em;
  padding: 3em 0 1em;
}

#palist div.palist_div_Category {
  margin: 0 auto;
  padding-top: 4em;
  border-top: 1px solid #999;
}

#palist div.palist_div_Edit div {
  margin-left: 0;
  padding-top: 3em;
  display: block;
}

#palist div div {
  display: inline;
  margin-left: .5em;
}

#palist div div .buttonDoc {
  padding-left: 0;
  float: none;
}

@media only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 1139px) {
  .ssoContent .ssoEMail span,
  .ssoContent .ssoPassword span,
  #paEditForm {
    width: 100% !important;
  }
}

#pafrm_Document div.buttonDoc {
  float: right;
  margin-top: 0;
  padding-top: 0;
  padding-right: 0;
}

#pafrm_div_Image.fullAvailableWidth {
  margin-bottom: 1em;
  clear: both;
  float: none;
}

#pafrm_div_Image label {
  clear: both;
}

#pafrm_Image a.paImgPreview {
  float: right;
}

/* Medienmitteilungen Aussteller => noch nicht gesasst */
input#txtPaPublicFormSearchPhrase.paPublicForm,
select#cboPaPublicFormLanguage.paPublicForm {
  background: #F3F3F3;
  padding: .3em 1em !important;
  height: 3em;
  box-sizing: border-box;
  margin-bottom: .5em !important;
  border: none;
  font-weight: normal;
  font-style: normal;
  font-family: 'NHaasGroteskTXPro-55Rg', Helvetica, Arial, sans-serif;
  margin-right: 1em;
}

input#btnPaPublicFormTxt.paPublicForm {
  font-size: 1.1em !important;
  background: #fff !important;
  padding: .5em 1em;
  border: 1px solid #e1001a !important;
  display: inline-block;
  margin: 1em 0;
  color: #e1001a;
}

input#btnPaPublicFormTxt.paPublicForm:hover {
  color: #fff;
  background: #e1001a !important;
  text-decoration: none;
}

th.paPublicDateTime.header {
  width: 12em;
  padding: .5em .5em .5em 0;
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

th.paPublicCategory.header {
  width: 12em;
  padding: .5em .5em .5em 0;
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

th.paPublicCompany.header {
  padding: .5em .5em .5em 0;
  width: auto;
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

th.paPublicDateTime.header span,
th.paPublicCategory.header span,
th.paPublicCompany.header span {
  cursor: pointer;
}

#paPublicListTable td {
  text-align: left;
}

#paPublicListTable thead tr th {
  padding-bottom: 1em;
}

.headerSortDown:after {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-left: 0.5em;
  speak: none;
  content: "\f078";
}

.headerSortUp:after {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-left: 0.5em;
  speak: none;
  content: "\f077";
}

#paPublicListTable .paPublicDetailLink {
  color: #E1001A;
}

#paPublicListTable .paPublicDetailLink:after {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-left: 0.5em;
  speak: none;
  content: "\f067";
  font-size: .9em;
}

#paPublicListTable .paPublicDetailLink.paPublicDetailView:after {
  content: "\f068";
}

#paPublicListTable .paPublicWrapper {
  margin-bottom: 1em;
}

#paPublicListTable tbody tr.expand-child td div.paPublicWrapper div.paPublicTitle {
  margin-left: 19.8em;
  text-transform: uppercase;
  font-size: 1.2em;
  letter-spacing: .05em;
}

#paPublicListTable .paPublicMoreLanguages {
  margin-left: 23.7em;
}

#paPublicListTable .paPublicSelectLang {
  color: #E1001A;
  margin-right: 1em;
  text-transform: uppercase;
  cursor: pointer;
}

#paPublicListTable .paPublicSelectAllLang {
  color: #E1001A;
  cursor: pointer;
}

#paPublicListTable .paPublicDetail .paPublicDetail {
  padding: 1em 0;
  margin-bottom: 4em;
}

#paPublicListTable tr.paPublicHeaderClose,
#paPublicListTable tr.paPublicHeaderOpen {
  border-top: 1px solid #999;
  line-height: 3em;
}

.paPublicDetail .paPublicDetailMediaData label {
  display: inline;
  margin-right: .2em;
}

.paPublicDetail .paPublicDetailMediaData div {
  display: inline;
}

.paPublicDetail .paPublicDetailAddressData .paPublicDetailMediaData:first-of-type {
  margin-top: 3em;
}

.paPublicDetailMediaLang .paPublicDetailMediaData label {
  display: none;
}

.paPublicDetailMediaLang .paPublicDetailMediaData:first-of-type label {
  display: inline;
}

.paPublicDetailMedia .paPublicDetailMediaLang .paPublicDetailMediaData:nth-child(2) .paPublicDetailMediaDataValue {
  text-transform: uppercase;
  font-size: 1.2em;
  letter-spacing: .05em;
  display: inline-block;
  margin-top: 2em;
}

.paPublicDetailMedia .paPublicDetailMediaLang .paPublicDetailMediaData:nth-child(4) .paPublicDetailMediaDataValue {
  display: inline-block;
  margin-top: 1em;
  padding: 0;
}

.paPublicDetailMedia .paPublicDetailMediaLang .paPublicDetailMediaData:nth-child(4) .paPublicDetailMediaDataValue .buttonDoc {
  padding: 0;
}

.paPublicDetailMedia .paPublicDetailMediaLang .paPublicDetailMediaData .paPublicDetailMediaDataValue a.noLinkIcon img {
  max-width: 100%;
  width: auto;
  margin: 1em 0;
}

.paPublicDetail {
  text-align: left;
  margin-top: 5em;
}

table#paPublicListTable.tablesorter {
  width: 100%;
}

/* Online-Shop Listen in Sitebar bei zentrierter Anzeige inline anzeigen */
.sidebar ul li {
  list-style-position: inside;
}

/* Hack Darstellung Partner-Logos unter besuchen/swissbau-focus und highlights */
.swissbau-focus div.itemStandardBasic div.expandablecontent div.hauptText a img.rsi,
.highlights div.itemStandardBasic div.expandablecontent div.hauptText a img.rsi {
  margin: 1em;
  display: inline-block;
}

/* BLOG Preview */
.wb-entry-list span.scWebEditInput {
  width: 47.5%;
  float: left;
}

.wb-entry-list span.scWebEditInput div {
  margin-left: 12%;
}

.scCromeDropDown img,
.scChromeDropDownRow img,
#commandRow img {
  width: auto;
  max-width: 100%;
}

/* Logo 100 Jahre Zukunft */
.hundert-jahre-zukunft {
  display: none;
  position: absolute;
  top: 0;
  right: -5%;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (min-width: 1140px) and (max-width: 1919px), only screen and (min-width: 1920px) {
  .hundert-jahre-zukunft {
    display: block;
  }
}

/* Swissbau Live TV */
object#videodiv-rtplive1 {
  width: 520px;
  height: 290px !important;
}

@media only screen and (max-width: 699px) {
  object#videodiv-rtplive1 {
    width: 350px;
    height: 200px !important;
  }
}

@media only screen and (max-width: 400px) {
  object#videodiv-rtplive1 {
    width: 250px;
    height: 140px !important;
  }
}

@media print {
  /*#header .logo {
			padding-right: 80px;
		}*/
  #mainfrom {
    max-width: 100%;
  }
  header .header-part {
    height: 380px !important;
  }
  .home-tag {
    display: none;
  }
  .portletContent .hauptText, .portletContent .hauptText div, .portletContent h3 {
    color: #E1001A !important;
  }
  .toplink, .newsletterabo, .preFooter {
    display: none;
  }
  h1 {
    line-height: 1.25 !important;
    color: #E1001A !important;
  }
  h2 {
    color: #E1001A !important;
    font-size: 18px !important;
  }
  .spacer, hr {
    display: none;
  }
  .portletInContentThreeColumnWidth.portletblognews.customstyle10 {
    position: relative;
    top: -100px;
  }
  .content-holder {
    top: 0 !important;
  }
  .EventRegWrapper nav.navbar {
    display: none;
  }
  .EventRegEventDetail .expandablecontent {
    page-break-before: always;
    margin-top: 0 !important;
    top: 0 !important;
    float: none !important;
    display: block;
  }
}

aside.footerbar {
  display: none;
}

/* Bannergenerator */
.bannerGenerator h3, .bannerGenerator ul {
  padding: 0 !important;
}

.bannerGenerator label {
  width: 90px;
}

.bannerGenerator label.error {
  width: 100%;
}

.bannerGenerator .bannerSubmit, .bannerGenerator .bannerRemove {
  margin-top: 10px;
  border: 1px solid transparent !important;
  padding: 4px 10px !important;
  line-height: 1.42857 !important;
  cursor: pointer;
}

.EventRegWrapper .portletslider {
  margin-left: 1.5em !important;
  background: transparent !important;
  margin-bottom: 2em !important;
}

.EventRegWrapper .portletslider .rsThumbs {
  background: transparent;
}

.EventRegWrapper .portletslider .rsThumbs .rsThumbTitle {
  width: inherit;
  padding: .5em;
  right: 10px;
  top: 187px;
  font-family: 'NHaasGroteskTXPro-55Rg', Helvetica, Arial, sans-serif;
  color: #999;
}

.EventRegWrapper .portletslider .rsThumbs .rsNavItem.rsThumb:hover .rsThumbTitle {
  background: #FFF;
  color: #484848;
}

.EventRegWrapper .portletslider .rsThumbs .rsNavItem.rsThumb:hover img {
  transform: scale(1.1);
}

.EventRegWrapper .portletslider .rsThumbs .rsNavItem.rsThumb.rsNavSelected {
  background: #FFF;
}

.EventRegWrapper .portletslider .rsThumbs .rsNavItem.rsThumb.rsNavSelected .rsThumbTitle {
  color: #999;
}

.EventRegWrapper .portletslider .rsThumbs .rsNavItem.rsThumb.rsNavSelected .rsThumbMedia {
  opacity: 1;
}

.EventRegWrapper .portletslider .rsDefault .rsThumbMediaHolder {
  height: 228px;
  overflow: hidden;
}

/*** Spezielle ButtonMore im Messeplaner ***/
div.buttonMoreMesseplaner {
  position: relative;
  padding-top: 8em;
}

div.buttonMoreMesseplaner a {
  background: #e1001a;
  color: #FFF;
  padding: .3em .5em;
  display: inline-block;
  border: 1px solid #e1001a;
  font-family: 'NHaasGroteskTXPro-75Bd', Helvetica, Arial, sans-serif;
}

div.buttonMoreMesseplaner a:before {
  content: "\f016";
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  color: #484848;
  font-size: 5em;
  padding-bottom: .2em;
}

div.buttonMoreMesseplaner a:hover {
  background: #FFF;
  color: #212121;
  border: 1px solid #212121;
  text-decoration: none;
}

div.buttonMoreMesseplaner a:hover:before {
  color: #212121;
}

/*** UNTERSEITE INNOVATION-LAB ***/
.mchVideo {
  max-width: 1000px;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px), only screen and (max-width: 400px) {
  h1 {
    line-height: 1.25;
  }
}

h2 {
  display: block;
  margin-bottom: 25px;
}

h2 span.CustomStyle1 {
  display: block;
  margin-top: 50px;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px), only screen and (max-width: 400px) {
  h2 span.CustomStyle1 {
    margin-top: 25px;
    font-size: .8em;
  }
}

.itemStandardBasic:before, .itemStandardBasic:after {
  content: "";
  display: table;
}

.itemStandardBasic:after {
  clear: both;
}

.itemStandardBasic.customstyle8,
.itemStandardBasic.customstyle9 {
  max-width: 50%;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px), only screen and (max-width: 400px) {
  .itemStandardBasic.customstyle8,
  .itemStandardBasic.customstyle9 {
    max-width: 100%;
  }
}

.itemStandardBasic.customstyle8 .expandablecontent,
.itemStandardBasic.customstyle9 .expandablecontent {
  width: 90%;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px), only screen and (max-width: 400px) {
  .itemStandardBasic.customstyle8 .expandablecontent,
  .itemStandardBasic.customstyle9 .expandablecontent {
    width: 100%;
  }
}

.itemStandardBasic.customstyle8 .expandablecontent .hauptText,
.itemStandardBasic.customstyle9 .expandablecontent .hauptText {
  width: 100%;
}

.itemStandardBasic.customstyle8 .expandablecontent .hauptText h3,
.itemStandardBasic.customstyle9 .expandablecontent .hauptText h3 {
  color: #e1001a;
}

.itemStandardBasic.customstyle8 .expandablecontent .buttonDoc a,
.itemStandardBasic.customstyle9 .expandablecontent .buttonDoc a {
  padding-left: 4em;
  padding-right: 4em;
}

.itemStandardBasic.customstyle8 {
  float: left;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px), only screen and (max-width: 400px) {
  .itemStandardBasic.customstyle8 {
    float: unset;
  }
}

.itemStandardBasic.customstyle9 {
  float: right;
  clear: right;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px), only screen and (max-width: 400px) {
  .itemStandardBasic.customstyle9 {
    float: unset;
    clear: unset;
  }
}

@media only screen and (max-width: 699px), only screen and (max-width: 400px) {
  .partnerlogos-wrap {
    text-align: center;
  }
}

.partnerlogos-wrap p {
  margin: 25px 0 10px 0;
}

.partnerlogos-wrap .partnerlogos a {
  display: inline-block;
}

.partnerlogos-wrap .partnerlogos a:not(:last-of-type) {
  margin-right: 10px;
}

@media only screen and (max-width: 699px), only screen and (max-width: 400px) {
  .partnerlogos-wrap .partnerlogos a {
    display: block;
  }
}

.container-arrowcircles .arrowcircle,
.container-arrowcircles-big .arrowcircle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
  width: 100%;
}

.container-arrowcircles .arrowcircle svg,
.container-arrowcircles-big .arrowcircle svg {
  display: block;
}

.container-arrowcircles .arrowcircle svg .cls-1,
.container-arrowcircles-big .arrowcircle svg .cls-1 {
  fill: #868686;
}

.container-arrowcircles .arrowcircle svg .cls-2,
.container-arrowcircles-big .arrowcircle svg .cls-2 {
  fill: #fff;
}

.container-arrowcircles .arrowcircle svg.circle-planen #top-left .cls-1,
.container-arrowcircles-big .arrowcircle svg.circle-planen #top-left .cls-1 {
  fill: #e1001a;
}

.container-arrowcircles .arrowcircle svg.circle-bauen #top-right .cls-1,
.container-arrowcircles-big .arrowcircle svg.circle-bauen #top-right .cls-1 {
  fill: #e1001a;
}

.container-arrowcircles .arrowcircle svg.circle-nutzenbetreiben #bottom .cls-1,
.container-arrowcircles-big .arrowcircle svg.circle-nutzenbetreiben #bottom .cls-1 {
  fill: #e1001a;
}

.container-arrowcircles .arrowcircle span,
.container-arrowcircles-big .arrowcircle span {
  display: block;
  text-align: center;
  text-transform: uppercase;
}

.container-arrowcircles .portletItemContainer {
  -ms-flex-pack: center;
      justify-content: center;
}

.container-arrowcircles .portletItemContainer .portletstandard {
  min-height: 200px;
}

.container-arrowcircles .portletItemContainer .portletstandard .portletItem .portletContent {
  background: transparent;
}

.container-arrowcircles .portletItemContainer .portletstandard .portletItem .portletContent .hauptText {
  padding: 0;
  height: 100%;
  width: 100%;
}

.container-arrowcircles .portletItemContainer .portletstandard .portletItem .portletContent .hauptText div {
  height: 100%;
}

.container-arrowcircles .portletItemContainer .portletstandard .portletItem .portletContent .arrowcircle:hover {
  background-image: url(/Content/swissbau/images/shortcut-icons-background.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  text-decoration: none;
}

.container-arrowcircles .portletItemContainer .portletstandard .portletItem .portletContent .arrowcircle:hover svg .cls-2 {
  fill: #EDE8E7;
}

.container-arrowcircles .portletItemContainer .portletstandard .portletItem .portletContent .arrowcircle:hover span {
  color: #e1001a;
}

.container-arrowcircles .portletItemContainer .portletstandard .portletItem .portletContent .arrowcircle svg {
  width: 100px;
  height: 100px;
  margin-bottom: 25px;
}

.container-arrowcircles .portletItemContainer .portletstandard .portletItem .portletContent .arrowcircle span {
  color: #484848;
  font-size: 16px;
}

.container-arrowcircles-big .arrowcircle {
  color: #000;
}

.container-arrowcircles-big .arrowcircle:hover {
  color: #e1001a;
  text-decoration: none;
}

.container-arrowcircles-big .portletItemContainer {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.container-arrowcircles-big .portletItemContainer .portletstandard {
  min-height: 275px;
  min-width: 325px;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px), only screen and (max-width: 400px) {
  .container-arrowcircles-big .portletItemContainer .portletstandard:not(:last-of-type) {
    margin-bottom: 15px !important;
  }
}

.container-arrowcircles-big .portletItemContainer .portletstandard .portletItem .portletContent {
  background: transparent;
}

.container-arrowcircles-big .portletItemContainer .portletstandard .portletItem .portletContent .hauptText {
  padding: 0;
  height: 100%;
  width: 100%;
}

.container-arrowcircles-big .portletItemContainer .portletstandard .portletItem .portletContent .arrowcircle {
  height: 100%;
}

.container-arrowcircles-big .portletItemContainer .portletstandard .portletItem .portletContent .arrowcircle span {
  color: #e1001a;
  font-size: 20px;
}

.container-arrowcircles-big .portletItemContainer .portletstandard .portletItem .portletContent .arrowcircle svg {
  width: 100%;
  height: 100%;
  margin-top: 25px;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px), only screen and (max-width: 400px) {
  .container-arrowcircles-big .portletItemContainer .portletstandard .portletItem .portletContent .arrowcircle svg {
    margin-top: 0;
  }
}

.container-arrowcircles-big .portletItemContainer .portletstandard .portletItem .portletContent .arrowcircle ul {
  position: absolute;
  top: 47.5%;
  left: 50%;
  margin: 0;
  padding: 0;
  transform: translateX(-50%);
  list-style: none;
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (max-width: 699px), only screen and (max-width: 400px) {
  .container-arrowcircles-big .portletItemContainer .portletstandard .portletItem .portletContent .arrowcircle ul {
    top: 43%;
  }
}

.container-arrowcircles-big .portletItemContainer .portletstandard .portletItem .portletContent .arrowcircle ul li {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-family: 'NHaasGroteskTXPro-55Rg', Helvetica, Arial, sans-serif;
}

.focus-eigenveranstaltungen a {
  position: relative;
  display: inline-block;
}

.focus-eigenveranstaltungen a img {
  opacity: .85;
}

.focus-eigenveranstaltungen a:after {
  content: "+";
  display: inline-block;
  color: #fff;
  font-size: 2em;
  position: absolute;
  top: .5em;
  right: .5em;
  text-align: center;
  padding: 0 .45em .1em;
  border-left: .5em solid #fff;
  border-bottom: .5em solid #fff;
  background: #484848;
}

.focus-eigenveranstaltungen a:hover img {
  opacity: 1;
}

.focus-eigenveranstaltungen a:hover:after {
  border: 4px solid #e1001a;
  background: #e1001a;
  top: .5em;
  right: .5em;
}

.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
}

.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Name: Customize Portalbuehne CSS */
/* Usage: www.swissbau.ch */
/* Last edited:03.01.2017 MM */
#header .home-tag {
  display: block;
}

.Home h1 {
  display: none;
}

nav.main-nav > ul > li > a {
  color: #484848 !important;
}

nav.main-nav > ul > li > a:hover {
  color: #E1001A !important;
}

.portletContainer.PC-Kacheln.filled div.portletItemContainer,
.portletContainer.PC-Kacheln-mobile.filled div.portletItemContainer {
  column-gap: 2em;
}

@media only screen and (min-width: 1140px) and (max-width: 1919px), only screen and (min-width: 1920px) {
  .portletContainer.PC-Kacheln.filled div.portletItemContainer,
  .portletContainer.PC-Kacheln-mobile.filled div.portletItemContainer {
    column-count: 3;
  }
}

.portletContainer.PC-Kacheln.filled div.portletItemContainer .portletstandard, .portletContainer.PC-Kacheln.filled div.portletItemContainer .portletmultimedia, .portletContainer.PC-Kacheln.filled div.portletItemContainer .portletcontact, .portletContainer.PC-Kacheln.filled div.portletItemContainer .portletslider, .portletContainer.PC-Kacheln.filled div.portletItemContainer .portletschober, .portletContainer.PC-Kacheln.filled div.portletItemContainer .portleteventcalendar, .portletContainer.PC-Kacheln.filled div.portletItemContainer .portletrssfeed, .portletContainer.PC-Kacheln.filled div.portletItemContainer .portletnewsscroller, .portletContainer.PC-Kacheln.filled div.portletItemContainer .portletblognews,
.portletContainer.PC-Kacheln-mobile.filled div.portletItemContainer .portletstandard,
.portletContainer.PC-Kacheln-mobile.filled div.portletItemContainer .portletmultimedia,
.portletContainer.PC-Kacheln-mobile.filled div.portletItemContainer .portletcontact,
.portletContainer.PC-Kacheln-mobile.filled div.portletItemContainer .portletslider,
.portletContainer.PC-Kacheln-mobile.filled div.portletItemContainer .portletschober,
.portletContainer.PC-Kacheln-mobile.filled div.portletItemContainer .portleteventcalendar,
.portletContainer.PC-Kacheln-mobile.filled div.portletItemContainer .portletrssfeed,
.portletContainer.PC-Kacheln-mobile.filled div.portletItemContainer .portletnewsscroller,
.portletContainer.PC-Kacheln-mobile.filled div.portletItemContainer .portletblognews {
  margin: 0 0 2em;
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth {
  position: relative;
  z-index: 0;
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth:hover .portletItem .portletContent .bild a img,
.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth:hover .portletItem .portletContent figure img,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth:hover .portletItem .portletContent .bild a img,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth:hover .portletItem .portletContent figure img {
  opacity: .8;
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth:before,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth:before {
  content: "";
  display: block;
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard .bild,
.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletblognews figure,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard .bild,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletblognews figure {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  margin: 0;
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard h3,
.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletblognews .portletContent > h3,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard h3,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletblognews .portletContent > h3 {
  position: absolute;
  top: 0;
  color: #FFF;
  text-transform: uppercase;
  padding: 5px 15px 0 15px;
  font-size: 2em;
  line-height: 1.3;
}

@media only screen and (min-width: 700px) and (max-width: 1139px) {
  .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard h3,
  .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletblognews .portletContent > h3,
  .portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard h3,
  .portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletblognews .portletContent > h3 {
    font-size: 1.3vw;
  }
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletblognews .portletContent > h3,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletblognews .portletContent > h3 {
  padding-top: 15px;
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard .hauptText,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard .hauptText {
  position: absolute;
  bottom: 0;
  color: #FFF;
  padding: 10px 15px;
  font-size: 1.05vw;
  background: rgba(0, 0, 0, 0.6);
  left: 0;
  right: 0;
  margin-bottom: 0;
}

@media only screen and (min-width: 1140px) and (max-width: 1919px), only screen and (min-width: 1920px) {
  .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard .hauptText,
  .portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard .hauptText {
    font-size: 1.2em;
  }
}

@media only screen and (max-width: 400px), only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 1139px) {
  .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard .hauptText,
  .portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard .hauptText {
    font-size: 1.25em;
  }
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard .buttonMore,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard .buttonMore {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard .buttonMore a,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard .buttonMore a {
  height: 100%;
  display: block;
  font-size: 0;
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard .buttonMore a:before,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard .buttonMore a:before {
  content: "";
  display: block;
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle1, .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle6, .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle7,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle1,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle6,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle7 {
  background: #E1001A;
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle1 .hauptText, .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle6 .hauptText, .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle7 .hauptText,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle1 .hauptText,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle6 .hauptText,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle7 .hauptText {
  background: transparent;
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle1 .bild, .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle6 .bild, .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle7 .bild,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle1 .bild,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle6 .bild,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle7 .bild {
  opacity: .15;
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle1:before,
.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle1 .buttonMore a:before, .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle6:before,
.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle6 .buttonMore a:before, .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle7:before,
.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle7 .buttonMore a:before,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle1:before,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle1 .buttonMore a:before,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle6:before,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle6 .buttonMore a:before,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle7:before,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle7 .buttonMore a:before {
  padding-top: 40.5714286%;
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle2:before,
.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle2 .buttonMore a:before,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle2:before,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle2 .buttonMore a:before {
  padding-top: 67.5714286%;
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle3:before,
.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle3 .buttonMore a:before, .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle8:before,
.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle8 .buttonMore a:before,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle3:before,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle3 .buttonMore a:before,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle8:before,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle8 .buttonMore a:before {
  padding-top: 100%;
}

@media only screen and (max-width: 400px), only screen and (max-width: 699px) {
  .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle3:before,
  .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle3 .buttonMore a:before, .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle8:before,
  .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle8 .buttonMore a:before,
  .portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle3:before,
  .portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle3 .buttonMore a:before,
  .portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle8:before,
  .portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle8 .buttonMore a:before {
    padding-top: 67.5714286%;
  }
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle8 .hauptText,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle8 .hauptText {
  background: transparent;
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle4:before,
.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle4 .buttonMore a:before,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle4:before,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle4 .buttonMore a:before {
  padding-top: 148.571429%;
}

@media only screen and (max-width: 400px), only screen and (max-width: 699px) {
  .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle4:before,
  .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle4 .buttonMore a:before,
  .portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle4:before,
  .portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle4 .buttonMore a:before {
    padding-top: 67.5714286%;
  }
}

@media only screen and (max-width: 1299px) {
  .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle5,
  .portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle5 {
    display: none;
  }
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle5:before,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle5:before {
  padding-top: 530px;
}

@media only screen and (max-width: 400px), only screen and (max-width: 699px) {
  .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle5:before,
  .portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle5:before {
    padding-top: 350px;
  }
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle5 .hauptText,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle5 .hauptText {
  padding: 0;
  background: transparent;
  font-size: 0;
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle5 .didframe,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle5 .didframe {
  position: relative;
  padding-bottom: 530px;
  padding-top: 0;
  height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: auto;
  clear: both;
}

@media only screen and (max-width: 400px), only screen and (max-width: 699px) {
  .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle5 .didframe,
  .portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle5 .didframe {
    padding-bottom: 602px;
  }
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle5 .didframe iframe,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle5 .didframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle6,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle6 {
  background: #3B5998;
}

@media only screen and (min-width: 1300px) {
  .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle6,
  .portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle6 {
    display: none;
  }
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle7:before,
.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle7 .buttonMore a:before,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle7:before,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle7 .buttonMore a:before {
  padding-top: 100%;
}

@media only screen and (max-width: 400px), only screen and (max-width: 699px) {
  .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle7:before,
  .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletstandard.customstyle7 .buttonMore a:before,
  .portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle7:before,
  .portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletstandard.customstyle7 .buttonMore a:before {
    padding-top: 67.5714286%;
  }
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletblognews.customstyle3:before,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletblognews.customstyle3:before {
  padding-top: 100%;
}

@media only screen and (max-width: 400px), only screen and (max-width: 699px) {
  .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletblognews.customstyle3:before,
  .portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletblognews.customstyle3:before {
    padding-top: 67.5714286%;
  }
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletblognews div.meta,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletblognews div.meta {
  display: none;
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletblognews ul, .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletblognews li, .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletblognews a,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletblognews ul,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletblognews li,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletblognews a {
  list-style-type: none;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletblognews .lastBlogEntry h3,
.portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletblognews .lastBlogEntry h3 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #FFF;
  padding: 10px 15px;
  margin-bottom: 0;
  font-family: inherit;
  font-size: 1.05vw;
  background: rgba(0, 0, 0, 0.6);
}

@media only screen and (min-width: 1140px) and (max-width: 1919px), only screen and (min-width: 1920px) {
  .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletblognews .lastBlogEntry h3,
  .portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletblognews .lastBlogEntry h3 {
    font-size: 1.2em;
  }
}

@media only screen and (max-width: 400px), only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 1139px) {
  .portletContainer.PC-Kacheln div.portletInContentTwoColumnWidth.portletblognews .lastBlogEntry h3,
  .portletContainer.PC-Kacheln-mobile div.portletInContentTwoColumnWidth.portletblognews .lastBlogEntry h3 {
    font-size: 1.25em;
  }
}

.portletContainer.PC-Kacheln .customstyle7 .hauptText,
.portletContainer.PC-Kacheln .customstyle8 .hauptText,
.portletContainer.PC-Kacheln-mobile .customstyle7 .hauptText,
.portletContainer.PC-Kacheln-mobile .customstyle8 .hauptText {
  top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

@media only screen and (max-width: 400px) {
  .portletContainer.PC-Kacheln .customstyle7 .hauptText,
  .portletContainer.PC-Kacheln .customstyle8 .hauptText,
  .portletContainer.PC-Kacheln-mobile .customstyle7 .hauptText,
  .portletContainer.PC-Kacheln-mobile .customstyle8 .hauptText {
    -ms-flex-align: end;
        align-items: flex-end;
  }
}

.portletContainer.PC-Kacheln .customstyle7 .play i,
.portletContainer.PC-Kacheln .customstyle8 .play i,
.portletContainer.PC-Kacheln-mobile .customstyle7 .play i,
.portletContainer.PC-Kacheln-mobile .customstyle8 .play i {
  font-size: 2.5em;
  position: relative;
  width: 3em;
  height: 3em;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  border: 5px solid #FFFFFF;
  border-radius: 50%;
  padding-left: .2em;
}

@media only screen and (max-width: 400px), only screen and (min-width: 700px) and (max-width: 1139px) {
  .portletContainer.PC-Kacheln .customstyle7 .play i,
  .portletContainer.PC-Kacheln .customstyle8 .play i,
  .portletContainer.PC-Kacheln-mobile .customstyle7 .play i,
  .portletContainer.PC-Kacheln-mobile .customstyle8 .play i {
    font-size: 1.5em;
  }
}

@media only screen and (max-width: 400px), only screen and (min-width: 700px) and (max-width: 1139px) {
  .portletContainer.PC-Kacheln .customstyle7 .play i,
  .portletContainer.PC-Kacheln .customstyle8 .play i,
  .portletContainer.PC-Kacheln-mobile .customstyle7 .play i,
  .portletContainer.PC-Kacheln-mobile .customstyle8 .play i {
    border: 3px solid #FFFFFF;
  }
}

@media only screen and (max-width: 400px) {
  .portletContainer.PC-Kacheln .customstyle7 .play i,
  .portletContainer.PC-Kacheln .customstyle8 .play i,
  .portletContainer.PC-Kacheln-mobile .customstyle7 .play i,
  .portletContainer.PC-Kacheln-mobile .customstyle8 .play i {
    bottom: 1em;
  }
}

.portletContainer.PC-Kacheln .customstyle7:hover .play i,
.portletContainer.PC-Kacheln .customstyle8:hover .play i,
.portletContainer.PC-Kacheln-mobile .customstyle7:hover .play i,
.portletContainer.PC-Kacheln-mobile .customstyle8:hover .play i {
  color: #E1001A;
  background: #FFF;
}

@media only screen and (max-width: 400px), only screen and (max-width: 699px) {
  .portletContainer.PC-Kacheln {
    display: none;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1139px), only screen and (min-width: 700px) and (max-width: 1139px), only screen and (min-width: 1140px) and (max-width: 1919px), only screen and (min-width: 1920px) {
  .portletContainer.PC-Kacheln-mobile {
    display: none;
  }
}

/* END Customize ----------------------------------------------------------- */
/* START print ------------------------------------------------------------- */
/* Name: Print CSS */
/* Usage: Default */
/* Last edited: 02.09.2015 MB */
/*only screen and  could be removed => print would use this */
.print-only {
  display: none;
}

@media print {
  header .header-part .search,
  header .generic-navigation,
  header .language-switch,
  header .language-switch-mobile,
  .main-nav, .main-nav-mobile,
  .content-holder #mainHeader,
  .content-holder .breadcrumb,
  .content-holder .keyvisual,
  #socialMediaContainer, .socialMediaFooter,
  footer li.social, footer li.generic, footer li.partner {
    display: none;
  }
  .print-only {
    display: block;
  }
  footer li.copyright, footer li.copyright li {
    clear: both;
    margin: 0 !important;
    padding: 0 !important;
  }
  header,
  header .logo,
  .content-holder,
  footer, footer.pagefooter {
    margin: 0;
    padding: 0;
  }
  header .print-only img {
    width: 33%;
  }
  header .logo {
    max-width: 50%;
    margin-bottom: 20px;
  }
  .header-part {
    padding: 0px !important;
  }
  body footer {
    margin-top: 2em;
  }
  /* Typography */
  body {
    font: normal 11pt/14pt "NHaasGroteskTXPro-55Rg", Helvetica, Arial, sans-serif !important;
  }
  h1 {
    font: normal 16pt/14pt "NHaasGroteskTXPro-55Rg", Helvetica, Arial, sans-serif;
    margin-bottom: 7pt;
  }
  h2, h3, h4, h5, h6 {
    font: normal 11pt/14pt "NHaasGroteskTXPro-55Rg", Helvetica, Arial, sans-serif;
    margin-bottom: 7pt;
  }
  p {
    margin-bottom: 14pt;
  }
  .sidebar {
    width: 100%;
    float: none;
    clear: right;
    padding-left: 0;
    margin: 0;
  }
  .main-content {
    width: 100%;
  }
  div.portletItem {
    border: none;
  }
  img {
    max-width: 380px !important;
  }
  .rsImg.constrain.rsi.rsMainSlideImage, .rsImg.rsi.rsMainSlideImage, .sponsorlogo img {
    max-width: none !important;
  }
  a[href]:after {
    content: none;
  }
  nav.generic-navigation {
    display: none !important;
  }
  .mchVideo .mchVideoPlayerWrapper, .mchVideo .mchVideoFooter {
    display: none;
  }
  .mchVideo {
    height: 20px !important;
  }
  .mchVideo:after {
    content: " >  Video";
  }
  .rsArrowIcn, .rsBullets {
    display: none;
  }
}

/* END print --------------------------------------------------------------- */