@charset "UTF-8";
/* Google Font API */
@import url("//fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700|Droid+Sans:400,700");
/** ---------------------------------------------------------------------------------------------------- #  Webfonts  enthält font face und wenfonts import  */
@font-face {
  font-family: "structurae_icons";
  src: url("../fonts/structurae_icons.eot?sk8drz");
  src: url("../fonts/structurae_icons.eot?#iefixsk8drz") format("embedded-opentype"), url("../fonts/structurae_icons.woff?sk8drz") format("woff"), url("../fonts/structurae_icons.ttf?sk8drz") format("truetype"), url("../fonts/structurae_icons.svg?sk8drz#structurae_icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.ico {
  font-family: "structurae_icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico:hover {
  text-decoration: none;
}

.ico_youtube:before {
  content: "\e600";
}

.ico_arrow_down:before {
  content: "\e601";
}

.ico_user:before {
  content: "\e602";
}

.ico_twitter:before {
  content: "\e603";
}

.ico_rss:before {
  content: "\e604";
}

.ico_refresh:before {
  content: "\e605";
}

.ico_plus:before {
  content: "\e606";
}

.ico_arrow_small_up:before {
  content: "\e607";
}

.ico_arrow_small_down:before {
  content: "\e608";
}

.ico_arrow_right:before {
  content: "\e609";
}

.ico_arrow_left:before {
  content: "\e60a";
}

.ico_arrow_up:before {
  content: "\e60b";
}

.ico_pinterest:before {
  content: "\e60c";
}

.ico_newsletter:before {
  content: "\e60d";
}

.ico_minus:before {
  content: "\e60e";
}

.ico_linkedin:before {
  content: "\f0e1";
}

.ico_facebook:before {
  content: "\e610";
}

.ico_close:before {
  content: "\e611";
}

.ico_search:before {
  content: "\e612";
}

.ico_menu_arrow_hover:before {
  content: "\e613";
}

.ico_menu_arrow_active:before {
  content: "\e614";
}

.ico_menu:before {
  content: "\e615";
}

/** "Yet Another Multicolumn Layout" - YAML CSS Framework @version         v4.0.1
*/
@media all {
  /** @section CSS-Normalisation Module */
  * {
    margin: 0;
    padding: 0;
  }

  option {
    padding-left: 0.4em;
  }

  select {
    padding: 1px;
  }

  * html body * {
    overflow: visible;
  }

  body {
    font-size: 100%;
    background: #fff;
    color: #000;
    text-align: left;
  }

  div:target {
    outline: 0 none;
  }

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

  audio, canvas, video {
    display: inline-block;
  }

  audio:not([controls]) {
    display: none;
  }

  [hidden] {
    display: none;
  }

  input[type="search"] {
    -webkit-appearance: textfield;
  }

  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  fieldset, img {
    border: 0 solid;
  }

  ul, ol, dl {
    margin: 0 0 1em 1em;
  }

  li {
    line-height: 1.5em;
    margin-left: 0.8em;
  }

  dt {
    font-weight: bold;
  }

  dd {
    margin: 0 0 1em 0.8em;
  }

  blockquote {
    margin: 0 0 1em 0.8em;
  }

  q {
    quotes: none;
  }

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

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

  /** @section Float Handling Module */
  .ym-clearfix:before {
    content: "";
    display: table;
  }

  .ym-clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }

  .ym-contain-dt {
    display: table;
    width: 100%;
    overflow: visible;
  }

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

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

  /** @section Accessibility Module */
  .ym-skip, .ym-hideme, .ym-print {
    position: absolute;
    top: -32768px;
    left: -32768px;
  }

  .ym-skip:focus, .ym-skip:active {
    position: static;
    top: 0;
    left: 0;
  }

  .ym-skiplinks {
    position: absolute;
    top: 0px;
    left: -32768px;
    z-index: 1000;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  .ym-skiplinks .ym-skip:focus, .ym-skiplinks .ym-skip:active {
    left: 32768px;
    outline: 0 none;
    position: absolute;
    width: 100%;
  }

  .google-ads
  {
	margin-top: 48px;
  }
}
@media all {
  /** @section Grid Module */
  .ym-grid {
    display: table;
    width: 100%;
    table-layout: fixed;
    list-style-type: none;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .ym-gl {
    float: left;
    margin: 0;
  }

  .ym-gr {
    float: right;
    margin: 0 0 0 -5px;
  }

  .ym-g20 {
    width: 20%;
  }

  .ym-g40 {
    width: 40%;
  }

  .ym-g60 {
    width: 60%;
  }

  .ym-g80 {
    width: 80%;
  }

  .ym-g25 {
    width: 25%;
  }

  .ym-g33 {
    width: 33.333%;
  }

  .ym-g50 {
    width: 50%;
  }

  .ym-g66 {
    width: 66.666%;
  }

  .ym-g75 {
    width: 75%;
  }

  .ym-g38 {
    width: 38.2%;
  }

  .ym-g62 {
    width: 61.8%;
  }

  .ym-gbox {
    padding: 0 10px;
  }

  .ym-gbox-left {
    padding: 0 10px 0 0;
  }

  .ym-gbox-right {
    padding: 0 0 0 10px;
  }

  .ym-equalize {
    overflow: hidden;
  }

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

  .ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] {
   /* padding-bottom: 10000px;
    margin-bottom: -10000px; */
  }
}
@media all {
  /** 	* @section Form Module */
  .ym-form, .ym-form fieldset {
    overflow: hidden;
  }

  .ym-form div {
    position: relative;
  }

  .ym-form label, .ym-form .ym-message {
    position: relative;
    display: block;
  }

  .ym-form .ym-fbox-check label {
    display: inline;
  }

  .ym-form input, .ym-form textarea {
    cursor: text;
  }

  .ym-form input[type="checkbox"], .ym-form input[type="radio"], .ym-form select, .ym-form label {
    cursor: pointer;
  }

  .ym-form textarea {
    overflow: auto;
  }

  .ym-form input[type=hidden] {
    display: none !important;
  }

  .ym-form .ym-fbox-text:before, .ym-form .ym-fbox-select:before, .ym-form .ym-fbox-check:before, .ym-form .ym-fbox-button:before {
    content: "";
    display: table;
  }

  .ym-form .ym-fbox-text:after, .ym-form .ym-fbox-select:after, .ym-form .ym-fbox-check:after, .ym-form .ym-fbox-button:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }

  .ym-form select, .ym-form input, .ym-form textarea {
    display: block;
    position: relative;
    width: 58.5%;
  }

  .ym-form .ym-fbox-check input {
    display: inline;
    width: auto;
  }

  .ym-form .ym-fbox-button input {
    display: inline;
    overflow: visible;
    width: auto;
  }

  .ym-form .ym-fbox-check input:focus, .ym-form .ym-fbox-check input:hover, .ym-form .ym-fbox-check input:active {
    border: 0 none;
  }

  .ym-full .ym-fbox-select select, .ym-full .ym-fbox-text input, .ym-full .ym-fbox-text textarea {
    width: 94.2%;
    margin-right: -3px;
  }

  .ym-columnar .ym-fbox-text label, .ym-columnar .ym-fbox-select label {
    display: inline;
    float: left;
    width: 30%;
  }

  .ym-columnar .ym-fbox-check {
    position: relative;
  }

  .ym-label {
    display: block;
  }

  .ym-columnar .ym-fbox-check .ym-label {
    position: absolute;
    top: 0;
  }

  .ym-columnar .ym-fbox-check input, .ym-columnar .ym-error .ym-message {
    margin-left: 30%;
  }

  .ym-columnar fieldset .ym-fbox-button, fieldset.ym-columnar .ym-fbox-button {
    padding-left: 30%;
  }

  .ym-columnar .ym-fbox-select select, .ym-columnar .ym-fbox-text input, .ym-columnar .ym-fbox-text textarea {
    float: left;
    width: 67.2%;
    margin-right: -3px;
  }

  .ym-fbox-select select {
    width: 60%;
  }

  .ym-full .ym-fbox-select select {
    width: 94.8%;
  }

  .ym-columnar .ym-fbox-select select {
    width: 68.8%;
  }
}
@media all {
  /** @section global typography settings  vertical rhythm settings (based on em-unit) ------------------------------------------- basefont-size: 14px (87.5%) line-height  : 21px (factor: 1.5) */
  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * {
    font-size: 100%;
  }

  /** (en) reset monospaced elements to font size 16px in all browsers (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen  @see: http://webkit.org/blog/67/strange-medium/ */
  textarea, pre, code, kbd, samp, var, tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }

  /* (en) base layout gets standard font size 14px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 14 Pixeln */
  body {
    font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
    font-size: 87.50%;
    /* base: 14px */
    color: #444;
    /* (en) Prevent auto-scaling of text in mobile webkit browsers */
    /* (de) Automatische Schriftvergrößerung in mobilen Webkit-Browsern vermeiden */
    -webkit-text-size-adjust: 100%;
  }

  /*--- Headings | Überschriften ------------------------------------------------------------------------*/
  h1, .h1eq, h2, .h2eq, h3, .h3eq, h4, .h4eq, h5, .h5eq, h6, .h6eq {
    font-family: "Droid Sans", Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #161e21;
    margin: 0;
  }

  h1, .h1eq {
    font-size: 175%;
    margin: 0.8571em 0;
  }

  h1 + .breadcrumb, .h1eq + .breadcrumb {
    margin-top: -1.5em;
  }

  h2, .h2eq {
    font-size: 133.33%;
    line-height: 1.125em;
    margin: 1.125em 0;
  }

  h3, .h3eq {
    font-size: 116.67%;
    line-height: 1.2857em;
    margin: 1.2857em 0 0 0;
  }

  h4, .h4eq {
    font-weight: bold;
    font-size: 100%;
    line-height: 1.5em;
    margin: 1.5em 0 0 0;
  }

  h5, .h5eq {
    font-weight: bold;
    font-size: 100%;
    line-height: 1.5em;
    margin: 1.5em 0 0 0;
  }

  h6, .h6eq {
    font-weight: bold;
    font-size: 100%;
    line-height: 1.5em;
    margin: 1.5em 0 0 0;
  }

  .category {
    border-bottom: 2px #eee solid;
    margin-bottom: 1.5em;
  }

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */
  ul, ol, dl {
    font-size: 1em;
    line-height: 1.5em;
    margin: 1.5em 0 0 0.99999em;
  }

  ul {
    list-style-type: disc;
  }

  ul ul {
    list-style-type: circle;
    margin-top: 0;
  }

  ol {
    list-style-type: decimal;
  }

  ol ol {
    list-style-type: lower-latin;
    margin-top: 0;
  }

  ol ul {
    list-style-type: circle;
    margin-top: 0;
  }

  li {
    font-size: 1em;
    line-height: 1.5em;
    margin-left: 0.8em;
  }

  dt {
    font-weight: bold;
  }

  dd {
    margin: 0 0 1.5em 0.8em;
  }

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
  p {
    font-size: 1em;
    line-height: 1.5em;
    margin: 1.5em 0 0 0;
  }

  .short-desc {
    font-style: italic;
  }

  div.p-nomargin p {
    margin-top: 0px;
  }

  .img-small-text h3, .img-small-text .h3eq {
    margin: 0 0 0.5em 0;
  }

  .img-small-text h4, .img-small-text .h4eq, .img-small-text h5, .img-small-text .h5eq {
    font-size: 100%;
    margin: 0 0 0.5em 0;
  }

  .img-small-text h4 a, .img-small-text .h4eq a, .img-small-text h5 a, .img-small-text .h5eq a {
    color: #2d7b80;
  }

  .img-small-text img {
    float: right;
    margin: 0 0 0.5em 1em;
    max-width: 35%;
  }

  .img-small-text p {
    font-size: 0.85em;
    font-weight: normal;
    color: #888;
    margin-top: 0;
  }

  .fmod-lastmod li.img-small-text {
    margin-bottom: 0.5em;
  }

  .fmod-lastmod .img-small-text h4 {
    margin: 0;
  }

  .highlight .img-small-text p {
    color: #555;
  }

  .ym-sidebox .img-small-text {
    margin: 0 0 0.5em 0;
  }

  .ym-sidebox .img-small-text img {
    float: left;
    margin: 0 1em 0.5em 0;
    max-width: 35%;
  }

  .ym-gbox-left.img-small-text {
    padding-right: 1em;
  }

  .ym-gbox-right.img-small-text {
    padding-left: 1em;
  }

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

  blockquote {
    margin: 1.5em 0 0 1.5em;
    color: #666;
  }

  strong, b {
    font-weight: bold;
  }

  em, i {
    font-style: italic;
  }

  .big {
    font-size: 116.667%;
  }

  .small {
    font-size: 85.71%;
    margin: 0.5em 0 0.5em 0.25em;
  }

  .ym-gl .small {
    margin-left: 1em;
  }

  .ym-gr .small {
    margin-left: 2em;
  }

  pre, code, kbd, tt, samp, var {
    font-size: 100%;
  }

  pre {
    line-height: 1.5em;
    margin: 1.5em 0 0 0;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
  }

  pre, code {
    color: #800;
  }

  kbd, samp, var, tt {
    color: #666;
    font-weight: bold;
  }

  var, dfn {
    font-style: italic;
  }

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

  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  sup {
    top: -0.5em;
  }

  sub {
    bottom: -0.25em;
  }

  mark {
    background: #ff0;
    color: #000;
  }

  hr {
    color: #fff;
    background: transparent;
    margin: 0 0 0.75em 0;
    padding: 0 0 0.75em 0;
    border: 0;
    border-bottom: 1px #eee solid;
  }

  /*--- Links ----------------------------------------------------------------------------------------- */
  a {
    /* color: darken($linkcol,20); */
    color: #2d7b80;
    text-decoration: none;
  }

  a:active {
    outline: none;
  }

  a:hover, a:focus {
    color: #003949;
    /* color: $linkcol; */
    text-decoration: underline;
  }

  .premium:after {
    content: "\2605";
    padding: 0 0 0 0.2em;
    text-decoration: none !important;
    color: #888;
  }

  /* --- images -------------------------------------------------------------------------------------- */
  a img {
    border: none;
  }

  .flexible {
    display: block;
    max-width: 100%;
    height: auto;
  }

  .bordered {
    margin-bottom: 1em;
    display: block;
    border: 2px #eee solid;
    border: 2px white solid;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
  }

  p img.flexible, p img.bordered {
    display: inline;
  }

  /** ----------------------------------------------------------------------- # Generic Content Classes */
  .box {
    color: #444;
    color: rgba(0, 0, 0, 0.8);
    padding: 1.5em;
    font-size: 12px;
    margin: 1.5em 0 0 0;
  }

  .sidebox > .box {
    margin-top: 0;
  }

  .box > *:first-child {
    margin-top: 0;
  }

  .dimmed {
    color: #888;
  }

  .info {
    background: #f4f4f4;
  }

  .success {
    background: #8c8;
  }

  .warning {
    background: #cc8;
  }

  .error {
    background: #c88;
  }

  .product-meta, .firm-meta {
    background: #f4f4f4;
  }

  .highlight {
    background: #f4f4f4;
    padding: 1em;
    font-size: 1em !important;
  }

  .label {
    font-family: Verdana, Geneva, sans-serif;
    padding: 1px 6px 2px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    white-space: nowrap;
    border-radius: 3px;
    background: #06C;
    color: #fff;
    font-size: 10px;
    line-height: 12px;
  }

  .float-left {
    float: left;
    display: inline;
    margin: 1.5em 1em 0 0;
  }

  .float-right {
    float: right;
    display: inline;
    margin: 1.5em 0 0 1em;
  }

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

  /** ------------------------------------------------------------------------------------------------- # Tables | Tabellen */
  table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.3571em 0 0 0;
    color: #333;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
  }

  table.narrow {
    margin: 1.4286em 0 0 0;
  }

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

  table.bordertable {
    border: 1px #ccc solid;
  }

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

  table th, table td {
    line-height: 1.5em;
    vertical-align: top;
    padding: 0.7143em 0.5em;
  }

  table th *:first-child, table td *:first-child {
    margin-top: 0;
  }

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

  table thead th {
    text-align: left;
    color: #000;
    border-bottom: 2px #000 solid;
  }

  table tbody th {
    text-align: left;
    border-top: 1px solid #ccc;
    text-align: left;
  }

  table tbody td {
    text-align: left;
    border-top: 1px solid #ccc;
  }

  table .bordertable thead th {
    background: #e0e0e0;
    border-right: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
  }

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

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

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

  /* highlight row on mouse over */
  tbody tr:hover th, tbody tr:hover td {
    background: #f8f8f8;
  }

  .tabbody > table {
    margin-top: 0;
    border-top: 1px #fff solid;
  }

  .tabbody > table th, .tabbody > table td {
    border-top: 0 none;
    border-bottom: 1px #ccc solid;
  }

  /** ------------------------------------------------------------------------------------------------- # Dealing with Legacy Content */
  body {
    line-height: 1.5;
  }

  div[align="center"] {
    display: inline;
    padding: 0;
    margin: 0;
  }
}
@media all {
  /* horizontale Navigation - generell */
  .ym-hlist {
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    line-height: 1em;
    background: transparent;
    padding-top: 0;
    padding-bottom: 0;
  }

  .ym-hlist ul {
    margin: 0;
    padding: 0.5em 0;
    float: left;
    display: inline;
  }

  .ym-hlist ul li {
    float: left;
    display: inline;
    font-size: 12px;
    line-height: 1em;
    list-style-type: none;
    margin: 0 .25em 0 0;
    padding: 0;
    text-transform: uppercase;
  }

  .ym-hlist ul li a, .ym-hlist ul li strong {
    background: transparent;
    color: #555555;
    display: block;
    font-size: 1em;
    line-height: 2em;
    padding: 0 0.5em;
    font-weight: normal;
    text-decoration: none;
    width: auto;
  }

  .ym-hlist ul li.mystructurae a {
      border: 1px dotted #777;
      border-radius: 6px;
      font-weight: 600;
      line-height: 1.85em;
  }

  .ym-hlist ul li a:focus, .ym-hlist ul li a:hover, .ym-hlist ul li a:active {
    color: #000;
    background: #fff;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 0.36em;
    text-decoration: none;
    outline: 0 none;
    transition: background-color .15s linear;
  }

  .ym-hlist ul li.mystructurae a:focus, .ym-hlist ul li.mystructurae a:hover, .ym-hlist ul li.mystructurae a:active {

  }

  .ym-hlist ul li.active {
    border-radius: 0.36em;
  }

  .ym-hlist ul li.active a {
    background: #888;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.25);
    color: #fff;
    /* background: $hlist-link-bgcol-hover; */
    border-radius: 0.36em;
  }

  .ym-hlist ul li.mystructurae.active a {
    font-weight: normal;
  }

  .ym-hlist ul li.active a:focus, .ym-hlist ul li.active a:hover, .ym-hlist ul li.active a:active {
    background: #555;
    background: rgba(0, 0, 0, 0.66);
    /* background: $hlist-link-bgcol-hover; */
  }

  .ym-hlist ul li.mystructurae.active a:focus, .ym-hlist ul li.mystructurae.active a:hover, .ym-hlist ul li.mystructurae.active a:active {
    background: #fff;
    background: rgba(255, 255, 255, 0.95);
    color: #000;
  }

  /* search form -------------------------------------- */
  #top-search {
    font-family: Arial, Helvetica, sans-serif;
    float: right;
    display: inline;
    position: relative;
    margin-left: 0.5em;
  }

  #top-search .ym-searchform {
    padding: 1px;
    background-color: #FFF;
    border-width: 1px;
    border-style: solid;
    height: 23px;
    width: 14em;
    border-radius: .2em;
  }

  #top-search .ym-searchform .ym-fbox-text, #top-search .ym-searchform .ym-fbox-button {
    display: inline;
  }

  #top-search .ym-searchform .ym-searchfield {
    background: transparent;
    line-height: 1em;
    padding: 0.25em;
    width: 12.5em;
    border: none;
    outline: none;
    position: absolute;
    right: 17px;
  }

  #top-search .ym-searchform .ym-searchbutton {
    background: transparent url(/images/search_magnifier.png) 0 3px no-repeat;
    display: block;
    -webkit-filter: none;
            filter: none;
    height: 23px;
    position: absolute;
    right: 0;
    text-indent: -1000em;
    top: 1px;
    width: 17px;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
  }

  .mystructurae-login-btn,
  .mystructurae-register-btn,
  .mystructurae-logout-btn {
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    background-color: #003a79;
    padding: 0.25em 0.75em;
    text-decoration: none;
    border-radius: 0.36em;
    position: relative;
    z-index: 20;
    margin-left: 10px;
  }

  .mystructurae-logout-btn {
    background-color: #990000;
  }

  .mystructurae-login-btn:hover, .mystructurae-login-btn:focus,
  .mystructurae-register-btn:hover, .mystructurae-register-btn:focus {
    background-color: #006bdf;
    text-decoration: none;
    color: #fff;
  }

  .mystructurae-logout-btn:hover, .mystructurae-logout-btn:focus {
    background-color: #bb0000;
    text-decoration: none;
    color: #fff;
  }

  /*#top-search .ym-searchform .ym-searchbutton:hover, #top-search .ym-searchform .ym-searchbutton:focus { background-color: #006bdf; }*/
  /* Loginformular ----------------------------------- */
  /* Loginformular in der oberen Leiste */
  #top, #top #login {
    position: relative;
    z-index: 100;
  }

  #top .float-right {
    margin: 1.5em 0 0 .5em;
  }

  #top #login.active form {
    position: absolute;
    top: -6px;
    left: -134px;
    z-index: 10;
    width: 280px;
    padding: 0.3em 0;
  }

  #top #login #loginlink,
  #top #login #logoutlink {
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    top: -43px;
    right: -161px;
  }

  #top #login .ym-fbox-button {
    padding: 0.75em 0 0 0;
  }

  #top #login .ym-fbox-button a {
    float: left;
    margin: 0.75em 0 0 0.75em;
  }

  #top #login .ym-fbox-button button {
    float: right;
    margin-right: 5px;
  }
}
/** "Yet Another Multicolumn Layout" - YAML CSS Framework  (en) Styles for Accessible-Tabs plugin for jQuery (de) Gestaltung des Acessible-Tabs Plugins für jQuery
 */
@media screen, projection {
  .jquery_tabs {
    margin: 1.5em 0 0;
  }

  .jquery_tabs ul.tabs-list {
    font-size: 1em;
    line-height: 1.5em;
    list-style-type: none;
    margin: 0;
    position: relative;
    z-index: 1;
  }

  .jquery_tabs ul.tabs-list li {
    border: 0 none;
    display: inline;
    float: left;
    margin: 0 0.3em 0 0;
    padding: 0;
  }

  .jquery_tabs ul.tabs-list li a {
    display: block;
    float: left;
    font-weight: normal;
    margin: 0;
    font-size: 1em;
    line-height: 1.5em;
    padding: 0.75em;
    background: transparent;
    color: #008;
    border-bottom: 1px solid transparent;
  }

  .jquery_tabs ul.tabs-list li a:focus, .jquery_tabs ul.tabs-list li a:hover, .jquery_tabs ul.tabs-list li a:active {
    background: #eee;
    border-radius: 0.2em 0.2em 0 0;
    color: #000;
    font-weight: normal;
    outline: 0 none;
    text-decoration: none;
  }

  .jquery_tabs ul.tabs-list li.current a, .jquery_tabs ul.tabs-list li.current a:focus, .jquery_tabs ul.tabs-list li.current a:hover, .jquery_tabs ul.tabs-list li.current a:active {
    background: #fff;
    border: 1px #ccc solid;
    border-bottom: 0 none;
    border-radius: 0.2em 0.2em 0 0;
    color: #000;
    font-weight: bold;
    text-decoration: none;
  }

  .jquery_tabs .tabhead {
    position: absolute;
    left: -32768px;
    /* LTR */
  }

  .jquery_tabs .content .content {
    border-top: 1px #ccc solid;
    clear: both;
    padding: 0;
    position: relative;
    top: -1px;
    margin-bottom: -1px;
  }

  .jquery_tabs .current-info, .jquery_tabs .accessibletabsanchor {
    left: -999em;
    position: absolute;
  }

  .jquery_tabs .tabbody .ym-grid {
    margin: 1.5em 0;
  }

  /* Avoid margin collapsing to enable correct sync of all tabs */
  .jquery_tabs .tab-content {
    border-bottom: 1px transparent solid;
    border-top: 1px transparent solid;
    *overflow: hidden;
  }
}
/** "Yet Another Multicolumn Layout" - YAML CSS Framework  YAML form theme: "gray-theme"  @copyright			 Copyright 2005-2012, Dirk Jesse @license				 CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/), YAML-CDL (http://www.yaml.de/license.html) @link                 http://www.yaml.de @package				 yaml @version              v4.0.1 @revision             $Revision: 729 $ @lastmodified         $Date: 2012-03-03 13:20:39 +0100 (Sat, 03 Mar 2012) $ */
@media screen and (min-width: 0px) {
  /** @section general width settings for formular elements in modern browsers switching to CSS3 box modell "border-box" for perfect flexible forms  Styling for: <labels>, <input>, <textarea> and <select>  */
  .ym-form input, .ym-form input, .ym-form textarea, .ym-form select {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 60%;
  }

  .ym-columnar label {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

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

  .ym-full .ym-fbox-select select, .ym-full .ym-fbox-text input, .ym-full .ym-fbox-text textarea {
    width: 100%;
  }
}
@media screen, projection {
  .ym-form {
    background: #f4f4f4;
    border: 2px solid white;
    margin: 1.5em 0 0 0;
    padding: 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  }

  .ym-form fieldset {
    position: static;
    background: transparent;
    margin: 0.75em;
    padding: 0 0.5em;
  }

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

  .ym-form label {
    color: #666666;
    line-height: 1.5em;
  }

  .ym-form .ym-label {
    color: #666666;
    padding-top: 0.25em;
  }

  .ym-form div.ym-fbox-text, .ym-form div.ym-fbox-select, .ym-form div.ym-fbox-check, .ym-form div.ym-fbox-button {
    padding: 0.3em 1em;
    margin-bottom: 0.5em;
  }

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

  .ym-form .ym-gbox {
    padding: 0 0.5em;
    margin-right: 0;
  }

  .ym-form h3, .ym-form .h3eq {
    /*font-size: 100%;*/
    color: #000;
    margin: 1em 0 1em 1em;
  }

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

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

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

  .ym-form input, .ym-form textarea, .ym-form select, .ym-form optgroup {
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: inset 0 0 4px #eee;
  }

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

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

  .ym-form .ym-message {
    color: #666;
    margin-bottom: 0.5em;
  }

  .ym-form .ym-required {
    color: #800;
    font-weight: bold;
  }

  .ym-form input:valid, .ym-form textarea:valid {
    background-color: #fff;
  }

  .ym-form input:invalid, .ym-form textarea:invalid {
    background-color: #fdd;
  }

  .ym-form .ym-error label {
    color: #800;
    font-weight: normal;
  }

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

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

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

  .ym-form div.ym-fbox-text input:focus, .ym-form div select:focus, .ym-form div textarea:focus, .ym-form div.ym-fbox-text input:hover, .ym-form div select:hover, .ym-form div textarea:hover, .ym-form div.ym-fbox-text input:active, .ym-form div select:active, .ym-form div textarea:active {
    border: 1px #888 solid;
    background: #fff;
  }

  /** @section Buttons  inspired from: Catalin Rosu (http://www.red-team-design.com/just-another-awesome-css3-buttons) */
  .ym-button, .ym-form button, .ym-form input[type="button"], .ym-form input[type="reset"], .ym-form input[type="submit"] {
    display: inline-block;
    white-space: nowrap;
    background-color: #ccc;
    background-image: linear-gradient(top, #eeeeee, #cccccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
    border: 1px solid #777;
    border-radius: .2em;
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    color: #333 !important;
    cursor: pointer;
    font: normal 1em/2em Arial, Helvetica;
    margin: 1.5em 0.75em 0 0;
    padding: 0 1.5em;
    overflow: visible;
    /* removes extra side spacing in IE */
    text-decoration: none !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  }

  .ym-button:hover, .ym-form button:hover, .ym-form input[type="button"]:hover, .ym-form input[type="reset"]:hover, .ym-form input[type="submit"]:hover {
    background-color: #ddd;
    background-image: linear-gradient(top, #fafafa, #dddddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
  }

  .ym-button:active, .ym-form button:active, .ym-form input[type="button"]:active, .ym-form input[type="reset"]:active, .ym-form input[type="submit"]:active {
    background-color: #bbb;
    background-image: linear-gradient(top, #cccccc, #bbbbbb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2) inset;
    position: relative;
    top: 1px;
  }

  .ym-button:focus, .ym-form button:focus, .ym-form input[type="button"]:focus, .ym-form input[type="reset"]:focus, .ym-form input[type="submit"]:focus {
    outline: 0;
    background: #fafafa;
  }

  /* pseudo elements don't work on input */
  .ym-form button:before, .ym-button:before {
    background: #ccc;
    background: rgba(0, 0, 0, 0.1);
    float: left;
    width: 1em;
    text-align: center;
    font-size: 1.5em;
    margin: 0 1em 0 -1em;
    padding: 0 .2em;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
    border-radius: .15em 0 0 .15em;
    pointer-events: none;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  /* ie6 support styles - redefined buttons, because of missing support for attribute selectors */
  * html .ym-button, * html .ym-form button {
    display: inline-block;
    white-space: nowrap;
    background-color: #ccc;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
    border: 1px solid #777;
    color: #333 !important;
    cursor: pointer;
    font: normal 1em/2em Arial, Helvetica;
    margin: 1.5em 0.75em 0 0;
    padding: 0 1.5em;
    overflow: visible;
    /* removes extra side spacing in IE */
    text-decoration: none !important;
  }

  * html .ym-form button:focus, * html .ym-button:focus {
    outline: 0;
    background: #fafafa;
  }

  * html .ym-form button:hover, * html .ym-button:hover {
    background-color: #ddd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
  }

  * html .ym-form button:active, * html .ym-button:active {
    background-color: #bbb;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');
    position: relative;
    top: 1px;
  }

  * html .ym-button.ym-disabled, * html .ym-button.ym-disabled:hover {
    background: #eee;
    color: #aaa !important;
    border-color: #aaa;
    cursor: default;
    text-shadow: none;
    position: static;
  }
}
/*  Font Awesome the iconic font designed for use with Twitter Bootstrap ------------------------------------------------------- The full suite of pictographic icons, examples, and documentation can be found at: http://fortawesome.github.com/Font-Awesome/
 License ------------------------------------------------------- The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0: http://creativecommons.org/licenses/by/3.0/ A mention of 'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable source code is considered acceptable attribution (most common on the web). If human readable source code is not available to the end user, a mention in an 'About' or 'Credits' screen is considered acceptable (most common in desktop or mobile software).
 Contact ------------------------------------------------------- Email: dave@davegandy.com Twitter: http://twitter.com/fortaweso_me Work: Lead Product Designer @ http://kyruus.com
 */
@font-face {
  font-family: "FontAwesome";
  src: url("font/fontawesome-webfont.eot");
  src: url("font/fontawesome-webfont.eot?#iefix") format("eot"), url("font/fontawesome-webfont.woff") format("woff"), url("font/fontawesome-webfont.ttf") format("truetype"), url("font/fontawesome-webfont.svg#FontAwesome") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*  Font Awesome styles ------------------------------------------------------- */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}

a [class^="icon-"], a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}

/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: middle;
  font-size: 4/3em;
}

.btn [class^="icon-"], .btn [class*=" icon-"], .nav-tabs [class^="icon-"], .nav-tabs [class*=" icon-"] {
  /* keeps button heights with and without icons the same */
  line-height: .9em;
}

li [class^="icon-"], li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}

li .icon-large:before, li .icon-large:before {
  /* 1.5 increased font size for icon-large * 1.25 width */
  width: 1.875em;
}

ul.icons {
  list-style-type: none;
  margin-left: 2em;
  text-indent: -.8em;
}

ul.icons li [class^="icon-"], ul.icons li [class*=" icon-"] {
  width: .8em;
}

ul.icons li .icon-large:before, ul.icons li .icon-large:before {
  /* 1.5 increased font size for icon-large * 1.25 width */
  vertical-align: initial;
}

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

.icon-music:before {
  content: "\f001";
}

.icon-search:before {
  content: "\f002";
}

.icon-envelope:before {
  content: "\f003";
}

.icon-heart:before {
  content: "\f004";
}

.icon-star:before {
  content: "\f005";
}

.icon-star-empty:before {
  content: "\f006";
}

.icon-user:before {
  content: "\f007";
}

.icon-film:before {
  content: "\f008";
}

.icon-th-large:before {
  content: "\f009";
}

.icon-th:before {
  content: "\f00a";
}

.icon-th-list:before {
  content: "\f00b";
}

.icon-ok:before {
  content: "\f00c";
}

.icon-remove:before {
  content: "\f00d";
}

.icon-zoom-in:before {
  content: "\f00e";
}

.icon-zoom-out:before {
  content: "\f010";
}

.icon-off:before {
  content: "\f011";
}

.icon-signal:before {
  content: "\f012";
}

.icon-cog:before {
  content: "\f013";
}

.icon-trash:before {
  content: "\f014";
}

.icon-home:before {
  content: "\f015";
}

.icon-file:before {
  content: "\f016";
}

.icon-time:before {
  content: "\f017";
}

.icon-road:before {
  content: "\f018";
}

.icon-download-alt:before {
  content: "\f019";
}

.icon-download:before {
  content: "\f01a";
}

.icon-upload:before {
  content: "\f01b";
}

.icon-inbox:before {
  content: "\f01c";
}

.icon-play-circle:before {
  content: "\f01d";
}

.icon-repeat:before {
  content: "\f01e";
}

/* \f020 doesn't work in Safari. all shifted one down */
.icon-refresh:before {
  content: "\f021";
}

.icon-list-alt:before {
  content: "\f022";
}

.icon-lock:before {
  content: "\f023";
}

.icon-flag:before {
  content: "\f024";
}

.icon-headphones:before {
  content: "\f025";
}

.icon-volume-off:before {
  content: "\f026";
}

.icon-volume-down:before {
  content: "\f027";
}

.icon-volume-up:before {
  content: "\f028";
}

.icon-qrcode:before {
  content: "\f029";
}

.icon-barcode:before {
  content: "\f02a";
}

.icon-tag:before {
  content: "\f02b";
}

.icon-tags:before {
  content: "\f02c";
}

.icon-book:before {
  content: "\f02d";
}

.icon-bookmark:before {
  content: "\f02e";
}

.icon-print:before {
  content: "\f02f";
}

.icon-camera:before {
  content: "\f030";
}

.icon-font:before {
  content: "\f031";
}

.icon-bold:before {
  content: "\f032";
}

.icon-italic:before {
  content: "\f033";
}

.icon-text-height:before {
  content: "\f034";
}

.icon-text-width:before {
  content: "\f035";
}

.icon-align-left:before {
  content: "\f036";
}

.icon-align-center:before {
  content: "\f037";
}

.icon-align-right:before {
  content: "\f038";
}

.icon-align-justify:before {
  content: "\f039";
}

.icon-list:before {
  content: "\f03a";
}

.icon-indent-left:before {
  content: "\f03b";
}

.icon-indent-right:before {
  content: "\f03c";
}

.icon-facetime-video:before {
  content: "\f03d";
}

.icon-picture:before {
  content: "\f03e";
}

.icon-pencil:before {
  content: "\f040";
}

.icon-map-marker:before {
  content: "\f041";
}

.icon-adjust:before {
  content: "\f042";
}

.icon-tint:before {
  content: "\f043";
}

.icon-edit:before {
  content: "\f044";
}

.icon-share:before {
  content: "\f045";
}

.icon-check:before {
  content: "\f046";
}

.icon-move:before {
  content: "\f047";
}

.icon-step-backward:before {
  content: "\f048";
}

.icon-fast-backward:before {
  content: "\f049";
}

.icon-backward:before {
  content: "\f04a";
}

.icon-play:before {
  content: "\f04b";
}

.icon-pause:before {
  content: "\f04c";
}

.icon-stop:before {
  content: "\f04d";
}

.icon-forward:before {
  content: "\f04e";
}

.icon-fast-forward:before {
  content: "\f050";
}

.icon-step-forward:before {
  content: "\f051";
}

.icon-eject:before {
  content: "\f052";
}

.icon-chevron-left:before {
  content: "\f053";
}

.icon-chevron-right:before {
  content: "\f054";
}

.icon-plus-sign:before {
  content: "\f055";
}

.icon-minus-sign:before {
  content: "\f056";
}

.icon-remove-sign:before {
  content: "\f057";
}

.icon-ok-sign:before {
  content: "\f058";
}

.icon-question-sign:before {
  content: "\f059";
}

.icon-info-sign:before {
  content: "\f05a";
}

.icon-screenshot:before {
  content: "\f05b";
}

.icon-remove-circle:before {
  content: "\f05c";
}

.icon-ok-circle:before {
  content: "\f05d";
}

.icon-ban-circle:before {
  content: "\f05e";
}

.icon-arrow-left:before {
  content: "\f060";
}

.icon-arrow-right:before {
  content: "\f061";
}

.icon-arrow-up:before {
  content: "\f062";
}

.icon-arrow-down:before {
  content: "\f063";
}

.icon-share-alt:before {
  content: "\f064";
}

.icon-resize-full:before {
  content: "\f065";
}

.icon-resize-small:before {
  content: "\f066";
}

.icon-plus:before {
  content: "\f067";
}

.icon-minus:before {
  content: "\f068";
}

.icon-asterisk:before {
  content: "\f069";
}

.icon-exclamation-sign:before {
  content: "\f06a";
}

.icon-gift:before {
  content: "\f06b";
}

.icon-leaf:before {
  content: "\f06c";
}

.icon-fire:before {
  content: "\f06d";
}

.icon-eye-open:before {
  content: "\f06e";
}

.icon-eye-close:before {
  content: "\f070";
}

.icon-warning-sign:before {
  content: "\f071";
}

.icon-plane:before {
  content: "\f072";
}

.icon-calendar:before {
  content: "\f073";
}

.icon-random:before {
  content: "\f074";
}

.icon-comment:before {
  content: "\f075";
}

.icon-magnet:before {
  content: "\f076";
}

.icon-chevron-up:before {
  content: "\f077";
}

.icon-chevron-down:before {
  content: "\f078";
}

.icon-retweet:before {
  content: "\f079";
}

.icon-shopping-cart:before {
  content: "\f07a";
}

.icon-folder-close:before {
  content: "\f07b";
}

.icon-folder-open:before {
  content: "\f07c";
}

.icon-resize-vertical:before {
  content: "\f07d";
}

.icon-resize-horizontal:before {
  content: "\f07e";
}

.icon-bar-chart:before {
  content: "\f080";
}

.icon-twitter-sign:before {
  content: "\f081";
}

.icon-facebook-sign:before {
  content: "\f082";
}

.icon-camera-retro:before {
  content: "\f083";
}

.icon-key:before {
  content: "\f084";
}

.icon-cogs:before {
  content: "\f085";
}

.icon-comments:before {
  content: "\f086";
}

.icon-thumbs-up:before {
  content: "\f087";
}

.icon-thumbs-down:before {
  content: "\f088";
}

.icon-star-half:before {
  content: "\f089";
}

.icon-heart-empty:before {
  content: "\f08a";
}

.icon-signout:before {
  content: "\f08b";
}

.icon-linkedin-sign:before {
  content: "\f0e1";
}

.icon-pushpin:before {
  content: "\f08d";
}

.icon-external-link:before {
  content: "\f08e";
}

.icon-signin:before {
  content: "\f090";
}

.icon-trophy:before {
  content: "\f091";
}

.icon-github-sign:before {
  content: "\f092";
}

.icon-upload-alt:before {
  content: "\f093";
}

.icon-lemon:before {
  content: "\f094";
}

.icon-phone:before {
  content: "\f095";
}

.icon-check-empty:before {
  content: "\f096";
}

.icon-bookmark-empty:before {
  content: "\f097";
}

.icon-phone-sign:before {
  content: "\f098";
}

.icon-twitter:before {
  content: "\f099";
}

.icon-facebook:before {
  content: "\f09a";
}

.icon-github:before {
  content: "\f09b";
}

.icon-unlock:before {
  content: "\f09c";
}

.icon-credit-card:before {
  content: "\f09d";
}

.icon-rss:before {
  content: "\f09e";
}

.icon-hdd:before {
  content: "\f0a0";
}

.icon-bullhorn:before {
  content: "\f0a1";
}

.icon-bell:before {
  content: "\f0a2";
}

.icon-certificate:before {
  content: "\f0a3";
}

.icon-hand-right:before {
  content: "\f0a4";
}

.icon-hand-left:before {
  content: "\f0a5";
}

.icon-hand-up:before {
  content: "\f0a6";
}

.icon-hand-down:before {
  content: "\f0a7";
}

.icon-circle-arrow-left:before {
  content: "\f0a8";
}

.icon-circle-arrow-right:before {
  content: "\f0a9";
}

.icon-circle-arrow-up:before {
  content: "\f0aa";
}

.icon-circle-arrow-down:before {
  content: "\f0ab";
}

.icon-globe:before {
  content: "\f0ac";
}

.icon-wrench:before {
  content: "\f0ad";
}

.icon-tasks:before {
  content: "\f0ae";
}

.icon-filter:before {
  content: "\f0b0";
}

.icon-briefcase:before {
  content: "\f0b1";
}

.icon-fullscreen:before {
  content: "\f0b2";
}

.icon-group:before {
  content: "\f0c0";
}

.icon-link:before {
  content: "\f0c1";
}

.icon-cloud:before {
  content: "\f0c2";
}

.icon-beaker:before {
  content: "\f0c3";
}

.icon-cut:before {
  content: "\f0c4";
}

.icon-copy:before {
  content: "\f0c5";
}

.icon-paper-clip:before {
  content: "\f0c6";
}

.icon-save:before {
  content: "\f0c7";
}

.icon-sign-blank:before {
  content: "\f0c8";
}

.icon-reorder:before {
  content: "\f0c9";
}

.icon-list-ul:before {
  content: "\f0ca";
}

.icon-list-ol:before {
  content: "\f0cb";
}

.icon-strikethrough:before {
  content: "\f0cc";
}

.icon-underline:before {
  content: "\f0cd";
}

.icon-table:before {
  content: "\f0ce";
}

.icon-magic:before {
  content: "\f0d0";
}

.icon-truck:before {
  content: "\f0d1";
}

.icon-pinterest:before {
  content: "\f0d2";
}

.icon-pinterest-sign:before {
  content: "\f0d3";
}

.icon-linkedin-sign:before {
  content: "\f0e1";
}

.icon-linkedin:before {
  content: "\f0e1";
}

.icon-money:before {
  content: "\f0d6";
}

.icon-caret-down:before {
  content: "\f0d7";
}

.icon-caret-up:before {
  content: "\f0d8";
}

.icon-caret-left:before {
  content: "\f0d9";
}

.icon-caret-right:before {
  content: "\f0da";
}

.icon-columns:before {
  content: "\f0db";
}

.icon-sort:before {
  content: "\f0dc";
}

.icon-sort-down:before {
  content: "\f0dd";
}

.icon-sort-up:before {
  content: "\f0de";
}

.icon-envelope-alt:before {
  content: "\f0e0";
}

.icon-linkedin:before {
  content: "\f0e1";
}

.icon-undo:before {
  content: "\f0e2";
}

.icon-legal:before {
  content: "\f0e3";
}

.icon-dashboard:before {
  content: "\f0e4";
}

.icon-comment-alt:before {
  content: "\f0e5";
}

.icon-comments-alt:before {
  content: "\f0e6";
}

.icon-bolt:before {
  content: "\f0e7";
}

.icon-sitemap:before {
  content: "\f0e8";
}

.icon-umbrella:before {
  content: "\f0e9";
}

.icon-paste:before {
  content: "\f0ea";
}

.icon-user-md:before {
  content: "\f200";
}

@media screen {
  /* force vertical scrollbar */
  body {
    background: #eee;
    overflow-y: scroll;
  }

  /* Layout Module Configuration */
  .ym-wrapper {
    width: 76em;
    margin: 0 auto;
    padding: 0 0 0 0;
  }

  .ym-wbox {
    padding: 1.5em;
  }

  /* fallback for missing media queries support*/
  body > #header, body > #nav, body > #main, body > #footer {
    min-width: 760px;
  }

  /* Basic Element Styling */
  #header {
    background-color: #0d4283;
    background-image: linear-gradient(top, #4976af, #0d4283);
    color: #fff;
    border-bottom: 1px #005 solid;
  }

  #header .ym-wbox {
    background: transparent url(images/header-grid.png) repeat-y top left;
    padding: 0 1.5em;
    height: 131px;
    position: relative;
  }

  #header .logo {
    position: absolute;
    top: -6px;
    left: 12px;
    padding: 0;
    margin: 0;
  }

  #header .homedummy {
    position: absolute;
    top: 16px;
    left: 128px;
    width: 222px;
    height: 88px;
  }

  #header .homedummy:active, #header .homedummy:hover, #header .homedummy:focus {
    background: transparent;
  }

  #top {
    background: #335992;
    color: #fff;
  }

  #top .ym-wbox {
    padding: 0.5em 1.5em;
  }

  #top .ym-wbox * {
    margin-top: 0;
  }

  #top .flaglist {
    color: #dbeafd;
    font-style: italic;
  }

  #top .flaglist a {
    position: relative;
    opacity: 0.5;
    top: 6px;
  }

  #top .flaglist a:focus, #top .flaglist a:hover {
    opacity: 1;
    text-decoration: none;
  }

  #top .flaglist a:active {
    top: 7px;
    left: 1px;
    text-decoration: none;
    opacity: 1;
  }

  #nav {
    background-color: #f3f3f4;
    background-image: linear-gradient(to bottom, #f3f3f4, #dadada);
    color: #fff;
    border-bottom: 1px #aaa solid;
  }

  #nav .ym-wbox {
    padding: 0 0 0 1.5em;
  }

  .home #main {
    background: #f4f4f4;
  }

  #main {
    border-top: 4px #eee solid;
    border-bottom: 1px #aaa solid;
    background: #fff;
    min-height: 700px;
  }

  #main, #main .ym-wbox {
    position: relative;
  }

  #main .info {
    margin-bottom: 1.5em;
  }

  #main .ym-g60 > .ym-gbox-left > .ym-grid {
    margin: 1.5em 0 0 0;
  }

  #main .ym-teaserbox {
    position: relative;
  }

  #main .ym-teaserbox p {
    font-size: 13px;
    margin-bottom: 3em;
  }

  #main .ym-teaserbox .ym-button {
    position: absolute;
    bottom: 1em;
  }

  .ym-sidebox {
    margin-bottom: 1.5em;
  }

  .ym-sidebox .ym-gbox-left {
    padding: 0 0.85em 0 0;
  }

  .ym-sidebox .ym-gbox {
    padding: 0 0.425em;
  }

  .ym-sidebox .ym-gbox-right {
    padding: 0 0 0 0.85em;
  }

  .ym-columnar .ym-fbox-text label, .ym-columnar .ym-fbox-check label, .ym-columnar .ym-fbox-select label {
    width: 40%;
  }

  .ym-columnar .ym-fbox-select select, .ym-columnar .ym-fbox-text input, .ym-columnar .ym-fbox-text textarea {
    width: 60%;
  }

  .ym-columnar .ym-fbox-check input {
    margin-left: 40%;
  }
}
/* Slider-Container on startpage */
.slidercnt .ym-g33 h3, .slidercnt .ym-g33 .h3eq {
  font-size: 100%;
  margin: 1.5em 0 0 0;
}

.slidercnt .ym-g33 p {
  margin: 0;
}

.slidercnt .ym-button {
  margin: 0;
}

/* Pager */
ul.simplePagerNav {
  overflow: hidden;
  list-style-type: none;
  padding: 1px;
}

ul.simplePagerNav li {
  float: left;
  margin: 0 5px 4px 0;
  list-style-type: none;
}

ul.simplePagerNav li .small {
  margin: 0;
}

ul.simplePagerNav li a {
  display: block;
  margin: 0;
  padding: 1px 5px;
  text-decoration: none;
}

ul.simplePagerNav li a:hover, ul.simplePagerNav li a:focus {
  background: #c8defa;
  color: #000;
}

ul.simplePagerNav li.currentPage {
  background: #0d4283;
}

ul.simplePagerNav li.currentPage a.ym-button {
  color: white;
  background-color: #fff;
  background-image: linear-gradient(top, #ffffff, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee');
  outline: 1px #f88 solid;
}

/*  newssection on homepage */
.news-overview {
  padding: 1.5em 0 0 0;
  border-top: 1px solid #cccccc;
  margin: 1.5em 0 0 0;
}

.news-overview h3, .news-overview .h3eq {
  margin: 0;
  padding: 0.375em 0.75em;
  background-color: #ccc;
  background-image: linear-gradient(top, #eeeeee, #cccccc);
  border: 1px solid #777;
  border-radius: 0.2em;
}

.news-overview h4, .news-overview .h4eq {
  margin: 1.5em 0 0 0;
}

.news-overview p {
  margin: 0.75em 0 0 0;
}

.contentcnt {
  margin: 0 0 1.5em 0;
}

.world-nav {
  line-height: 1.5em;
  background: #222;
  color: #fff;
  border-bottom: 1px #4D82c3 solid;
}

.world-nav ul {
  margin: 0 auto;
}

.world-nav ul li {
  display: inline-block;
  font-size: 12px;
  line-height: 1.5em;
  margin: 0;
}

.world-nav ul li:first-child {
  margin: 0 0 0 10px;
}

.world-nav a, .world-nav strong {
  display: block;
  padding: .4em 1em .4em;
  color: #ccc;
}

.world-nav a:focus, .world-nav a:hover {
  background: #ff0000;
  /* Old browsers */
  color: #fff;
  text-decoration: underline;
}

.world-nav strong {
  background: white;
  color: black;
  font-weight: normal;
}

.js .static {
  display: none;
}

#teaser {
  position: relative;
  margin-bottom: 36px;
}

#teaser .message {
  position: absolute;
  top: 50%;
  margin-top: -11em;
  right: 48px;
  width: 55ex;
  z-index: 30000;
}

#teaser .flexslider {
  min-height: 275px;
}

#teaser .flexslider .slides > li {
  position: relative;
}

#teaser .flex-caption {
  position: absolute;
  width: 100%;
  padding: 0;
  bottom: 0;
  left: 0;
  z-index: 30000;
  background: rgba(255, 255, 255, 0.7);
}

#teaser .flex-caption p {
  padding: 4px 8px 8px 8px;
  font-size: 12px;
  background: transparent;
}

#teaser .flex-caption a {
  color: #222;
}

#teaser .flex-caption a:focus, #teaser .flex-caption a:hover, #teaser .flex-caption a:active {
  color: #228;
}

#teaser .flex-caption .title {
  font-size: 24px;
  margin: 0;
  padding: 0;
  line-height: 1.2em;
  font-weight: bold;
  white-space: nowrap;
}

#teaser .flex-caption .title small {
  font-size: 16px;
  display: block;
  line-height: 1.0em;
}

#teaser .flex-caption .subtitle {
  font-size: 16px;
  margin: 0;
  padding: 0;
  line-height: 1.2em;
  font-weight: bold;
  white-space: nowrap;
}

#teaser .flex-caption .body {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5em;
  margin: 0.5em 0;
  padding: 0;
}

#teaser .flex-caption .body p {
  margin: 0;
  padding: 0;
}

#teaser .flex-left, #teaser .flex-right {
  width: 40%;
  bottom: 40px;
}

#teaser .flex-left .wrap, #teaser .flex-right .wrap {
  margin: 16px;
}

#teaser .flex-right {
  left: auto;
  right: 40px;
}

#teaser .flex-left {
  left: 40px;
  right: auto;
}

#teaser .flex-light {
  /* IE8 transparency fix */
  background: white;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FFFFFF,endColorstr=#B2FFFFFF)";
  /* IE8 */
  background: rgba(255, 255, 255, 0.7);
  color: #444;
}

#teaser .flex-light .title {
  background: transparent;
  color: #000;
}

#teaser .flex-light .subtitle {
  background: transparent;
  color: #000;
}

#teaser .flex-light .body * {
  background: transparent;
  color: #222;
}

#teaser .flex-dark {
  /* IE8 transparency fix */
  background: black;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)";
  /* IE8 */
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
}

#teaser .flex-dark .title {
  background: transparent;
  color: #fff;
}

#teaser .flex-dark .subtitle {
  background: transparent;
  color: #fff;
}

#teaser .flex-dark .body * {
  background: transparent;
  color: #fff;
}

#teaser span, #teaser p {
  display: inline-block;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  padding: 6px 18px;
}

#teaser h2, #teaser .h2eq {
  margin: 0;
}

#teaser h2 span.small, #teaser .h2eq span.small {
  font-size: 16px;
  margin: 0;
}

#teaser h2 span.big, #teaser .h2eq span.big {
  display: block;
  font-size: 28px;
  white-space: nowrap;
}

#teaser h3, #teaser .h3eq {
  margin: 0;
}

#teaser p {
  background: rgba(0, 0, 0, 0.75);
  margin: 4px 0 0 0;
  padding: 12px 18px 12px;
}

#teaser .ym-button {
  margin: 6px 0 0 0;
}

.homepage .inline-sponsors {
  margin: 0;
}

.homepage .inline-sponsors .ym-grid {
  margin: 0;
}

.homepage .inline-sponsors .bordered {
  margin: 1em 0;
}

.homepage .ym-teaserbox {
  margin: 1.0em 0 0.5em;
  background: #f4f4f4;
  border: 2px solid white;
  padding: 0 1em 1em 1em;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

.homepage .inline-sponsors {
  background: #eee;
  padding: 1.5em 0;
  margin: 0.75em 0;
}

.homepage .inline-sponsors .flexible {
  max-width: 80%;
  margin: 0 auto;
}

.homepage .secondary-teaser {
  margin: 0.75em 0;
}

.homepage .secondary-teaser .ym-teaserbox .ym-grid {
  margin: 0;
}

.homepage .secondary-teaser .ym-teaserbox .ym-gbox-left {
  padding-right: 10px;
}

.homepage .secondary-teaser .ym-teaserbox .ym-gbox {
  padding: 0 5px;
}

.homepage .secondary-teaser .ym-teaserbox .ym-gbox-right {
  padding-left: 10px;
}

.homepage .new {
  position: relative;
}

.homepage .new:before {
  font-size: 12px;
  content: "new";
  overflow: hidden;
  position: absolute;
  top: 10px;
  right: -10px;
  background-color: #a20000;
  padding: 4px 10px;
  color: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

/* image with caption */
.img-caption {
  display: block;
  position: relative;
}

.img-caption img {
  margin: 0;
  display: block;
}

.img-caption .caption {
  position: absolute;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
}

.img-caption .caption-horizontal {
  bottom: 0;
  left: 0;
  padding: 0.75em 5%;
  height: auto;
  width: 90%;
}

.img-caption .caption-vertical {
  padding: 0 0.75em;
  height: 100%;
  width: 25%;
  top: 0;
  left: 0;
}

.img-caption h3, .img-caption .h3eq {
  margin: 0.375em 0 0.375em 0;
  color: #fff;
  font-size: 150%;
}

.img-caption a {
  color: #fff;
}

.img-caption p {
  margin: 0 0 1.5em 0;
}

/* literature-list */
.se-list-literature .author {
  font-variant: small-caps;
}

.se-list-literature .title {
  font-style: italic;
}

/* special width for chronological tables */
.tbl-chronology th {
  width: 30%;
}

/*
	@todo create alternative to .nolist for IE7
*/
.nolist, .nolist li {
  list-style-type: none;
  display: inline;
  margin: 0;
  padding: 0;
  position: relative;
  top: -2px;
}

/* comma added at the end of the list */
.commalist, .commalist li {
  list-style-type: none;
  display: inline;
  margin: 0;
  padding: 0;
}

.commalist li:after {
  content: ", ";
  padding: 0 5px 0 0;
}

/* no comma added at the end of the list */
.nocommalist, .nocommalist li {
  list-style-type: none;
  display: inline;
  margin: 0;
  padding: 0;
}

.nocommalist li:after {
  padding: 0 5px 0 0;
}


/* First level without List-style, second level with style */
.listvariant {
  margin-left: 0;
}

.listvariant > li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.listvariant ul {
  list-style-type: disc;
}

.smod-participants h3, .smod-participants .h3eq, .smod-participants h4, .smod-participants .h4eq {
  border-bottom: 1px #888 solid;
  font-size: 100%;
  text-transform: uppercase;
}

.smod-participants h5, .smod-participants .h5eq, .smod-participants h6, .smod-participants .h6eq {
  font-size: 100%;
  color: #666;
}

.smod-participants .firms {
  margin-top: 0;
}

.smod-participants .firms > li {
  padding: 0;
}

.smod-participants .firms ul {
  list-style-type: disc;
}

/* list with years for chronological selection */
.chronological {
  float: left;
  width: 60px;
}

.chronological, .chronological li {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
}

/* list with images and a description */
.list-image-description {
  list-style-type: none;
  margin: 1.5em 0;
  padding: 0;
}

.list-image-description li {
  overflow: hidden;
  margin: 0 0 0.75em 0;
  padding: 0;
  padding: 1.5em;
  background-color: #f4f4f4;
}

.list-image-description li img {
  float: left;
  margin: 0 0.75em 0.75em 0;
}

.list-image-description li p {
  margin: 0.5em 0 0 0;
}

/* images in the header */
.sponsorlist {
  float: right;
  margin: 25px 0 0 0;
  list-style-type: none;
}

.sponsorlist li {
  float: left;
  display: inline;
  margin: 0 0 0 0.75em;
  padding: 0;
}

/* Kategorienliste */
.categorylist {
  list-style-type: none;
  margin: 1.5em 0 0 0;
  padding: 0;
}

.categorylist li {
  margin: 0 0 0.75em 0;
  padding: 0;
}

.categorylist a {
  display: block;
  text-decoration: none;
  background-color: #ddd;
  padding: 0.75em;
  border-radius: 5px;
  width: 60%;
}

.alphabetlist {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.alphabetlist li {
  float: left;
  margin: 0 5px 5px 0;
}

.alphabetlist a {
  text-decoration: none;
  padding: 3px 4px;
  display: block;
  background-color: #cccccc;
  color: #000;
}

.alphabetlist a:hover, .alphabetlist a:focus {
  background-color: #999999;
}

.alphabetlist a:active {
  position: relative;
  top: 1px;
  left: 1px;
}

.imglist {
  list-style-type: none;
  margin: 0 0 1.5em 0;
  padding: 0;
}

.imglist li {
  float: left;
  margin: 0 0.3em 0.75em 0;
  padding: 0;
}

.imglist a {
  display: block;
  background-color: transparent;
  margin: 0;
}

.imglist a img {
  margin: 0;
}

.imglist img.flexible, .imglist img.bordered {
  margin-bottom: 0;
}

.ym-sidebox .imglist {
  margin: 1.5em 0;
}

.searchlist .search-addinfo span:before {
  content: "|";
  padding: 0 2px;
}

.searchlist .search-addinfo span:first-child:before {
  content: "";
  padding: 0;
}

.searchlist li {
  margin-bottom: 1em;
}

.searchlist .img-small-text {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  box-sizing: border-box;
}

.searchlist .img-small-text img.left {
  float: left;
  margin: 0 1em 0.5em 0;
}

.ym-grid {
  margin: 0 0 1.5em 0;
}

.ym-g70 {
  width: 70%;
}

.ym-g30 {
  width: 30%;
}

.ym-gbox {
  padding: 0 .75em;
}

.ym-gbox-left {
  padding: 0 1.5em 0 0;
}

.ym-gbox-right {
  padding: 0 0 0 1.5em;
}

.galery .ym-gbox {
  padding: 0 6px;
}

.galery .ym-gbox-left {
  padding: 0 12px 0 0;
}

.galery .ym-gbox-right {
  padding: 0 0 0 12px;
}

ul.ym-grid, ul.ym-grid li.ym-gl {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.ym-grid li.ym-gr {
  list-style-type: none;
  margin: 0 0 0 -5px;
  padding: 0;
}

ul.ym-grid li.ym-gl {
  clear: both;
}

ul.ym-grid ul {
  list-style-type: disc;
  margin-bottom: 1.5em;
}

ul.ym-grid ul ul {
  list-style-type: circle;
  margin-top: 0;
}

/* Breadcrumb */
.breadcrumb {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  overflow: hidden;
}

.breadcrumb, .breadcrumb li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.breadcrumb li {
  line-height: 2em;
  float: left;
  margin: 0 0.4em 0 0;
}

.breadcrumb li a {
  color: #888;
  display: block;
  text-decoration: none;
}

.breadcrumb li a:after {
  content: "/";
  padding-left: 0.375em;
}

.breadcrumb li a:hover, .breadcrumb li a:active {
  color: #c44;
}

.breadcrumb li.active {
  margin-right: 0;
}

/*  Feature-Box */
.featured {
  border-radius: 0.3em;
  border: 1px solid #888;
  border-color: rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
  color: #444;
  color: rgba(0, 0, 0, 0.8);
  background-color: #f4f4f4;
  padding: 1.5em;
  margin: 1.5em 0;
}

.featured h3, .featured .h3eq, .featured h4, .featured .h4eq {
  margin: 0 0 0.75em 0;
}

.box.premium {
  overflow: hidden;
  position: relative;
  padding: 16px 12px 0 12px;
  background-color: #ffe;
}

.box.premium:before {
  position: absolute;
  top: 0px;
  right: 2px;
  content: "premium";
  font-size: 10px;
  text-transform: uppercase;
  color: #aa0;
  font-family: Arial, sans-serif;
}

.box.premium :last-child {
  margin-bottom: 0px;
}

.box.premium::after {
  content: "";
}

.birthday {
  background: #eee;
}

.birthday h3, .birthday .h3eq {
  margin: 0;
}

.birthday .aniversary {
  display: block;
  line-height: 1.2em;
  font-size: 12px;
}

.birthday h4 ~ *, .birthday .h4eq ~ * {
  margin-top: 0.5em;
}

.birthday .bordered {
  margin-top: 1.5em !important;
}

.birthday .listvariant > li {
  display: table;
  table-layout: fixed;
  width: 100%;
  zoom: 1;
}

.birthday p + h4, .birthday p + .h4eq {
  margin-top: 1.5em;
}

.birthday .ym-gbox-left {
  border-right: 1px #ccc solid;
}

/* ad-container */
.adcnt {
  margin: 0.75em 0;
}

.adcnt img, .adcnt span {
  display: block;
  margin: 0 auto;
}

.adcnt span {
  font-size: 0.75em;
  text-align: center;
  margin-bottom: 3px;
}

#footer {
          /*	border-top: 2px #aaa solid;
	 */
  background: #eee;
  color: #444;
                                   /*	background-color: $nav-bgcol1;
background-image: -webkit-gradient(linear, left top, left bottom, from($nav-bgcol1), to($nav-bgcol2));
background-image: -webkit-linear-gradient(top, $nav-bgcol1, $nav-bgcol2);
background-image: -moz-linear-gradient(top, $nav-bgcol1, $nav-bgcol2);
background-image: -ms-linear-gradient(top, $nav-bgcol1, $nav-bgcol2);
background-image: -o-linear-gradient(top, $nav-bgcol1, $nav-bgcol2);
background-image: linear-gradient(to bottom, $nav-bgcol1, $nav-bgcol2);
 */
  border-top: 4px #ddd solid;
}

#footer p {
  margin: 0;
}

#footer h3, #footer .h3eq {
  font-size: 1em;
  margin: 0 0 0.75em 0;
}

#footer ul {
  margin: 0;
}

#footer form {
  margin: 0;
}

#footer form h3, #footer form .h3eq {
  margin: 1em;
}

#footer .ym-grid ul {
  list-style: none;
}

#footer .ym-grid ul li {
  margin: 0;
}

#footer .ym-grid ul li {
  line-height: 2.5em;
  padding-left: 1em;
  padding-right: 1em;
}

#footer .ym-grid ul li + li {
  border-top: 1px #aaa dotted;
}

#footer .ym-grid ul li:nth-child(odd) {
  background: rgba(255, 255, 255, 0.35);
}

#footer .mod-statistics li {
  overflow: hidden;
}

#footer .mod-statistics li a {
  float: left;
}

#footer .mod-statistics li span {
  float: right;
}

#footer .copyright {
  font-size: 12px;
  color: #666;
  margin-bottom: 1.5em;
}

#footer .ym-form .ym-fbox-text {
  margin-top: 0.5em;
}

#footer .ym-form .ym-fbox-text + .ym-fbox-text {
  margin-top: 0.5em;
}

.image-teaser {
  position: relative;
  overflow: hidden;
}

.image-teaser .caption {
  display: block;
  zoom: 1;
  position: absolute;
  bottom: -75%;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
  text-decoration: none;
  transition: 1s;
  background-color: rgba(50, 50, 80, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2323250,endColorstr=#b2323250);
}

.image-teaser .caption h2, .image-teaser .caption .h2eq, .image-teaser .caption h3, .image-teaser .caption .h3eq {
  font-size: 16px;
  color: #fff;
  margin: 12px;
}

.image-teaser .caption p {
  font-size: 12px;
  color: #ddd;
  color: rgba(255, 255, 255, 0.8);
  margin: 12px;
  height: 0;
  opacity: 0;
  margin: 0 12px;
  transition: 1s;
}

.image-teaser .caption:hover, .image-teaser .caption:focus {
  bottom: 0em;
  text-decoration: none;
  background-color: rgba(50, 50, 80, 0.9);
  transition: 1s;
}

.image-teaser .caption:hover p, .image-teaser .caption:focus p {
  height: auto;
  margin: 12px;
  opacity: 1;
  transition: 1s;
}

/* image with caption */
.timeline .step {
  border-top: 3px #800 solid;
  line-height: 1em;
  margin-bottom: 0;
}

.timeline .step span {
  top: -0.5em;
  position: relative;
  color: #000;
  background: #fff;
  padding: 0 8px 0 0;
}

.timeline .meta {
  display: block;
  font-size: 85%;
  font-weight: normal;
  color: #888;
}

/** ---------------------------------------------------------------------------------------------------- #  Scss Variablen   enthält Variablen wie Farben, Schriften, Bilpfade  @section variables */
/* Mixins für Standardklassen */
.mod_teaser_usp {
  /* fix für safari */
  display: block;
  background: #444444 url(../images/isogrid.png) no-repeat scroll 0 0;
}

.mod_teaser_usp:after {
  visibility: hidden;
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  content: ".";
}

.mod_teaser_usp .ribbon-wrapper-red {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.mod_teaser_usp .ribbon-red {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -o-linear-gradient(top, #bfdc7a, #8ebf45);
  color: #6a6340;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.mod_teaser_usp .ribbon-red:before, .mod_teaser_usp .ribbon-red:after {
  content: "";
  border-top: 3px solid #6e8900;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  position: absolute;
  bottom: -3px;
}

.mod_teaser_usp .ribbon-red:before {
  left: 0;
}

.mod_teaser_usp .ribbon-red:after {
  right: 0;
}

.mod_teaser_usp .ribbon-info {
  padding: 5px 15px 20px 15px;
  /* font-family: $font_raleway; */
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5714;
}

.mod_teaser_usp .ribbon-info strong {
  display: inline-block;
  background: #8EBF45;
  padding: 2px 8px;
  border-radius: 3px;
  font-weight: normal;
  color: #333;
  text-align: center;
  text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
}

.mod_teaser_usp .ribbon-info a {
  color: #fff;
  cursor: pointer;
}

.mod_teaser_usp .teaser_headline {
  font-family: "Droid Sans", Tahoma, sans-serif;
  font-weight: 400;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.0769;
  color: #fff;
}

.mod_teaser_usp .teaser_text {
  font-family: "Droid Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5714;
  color: #fff;
}

.mod_teaser_usp {
  max-width: 940px;
  margin: 0 auto 0 auto;
  /* adjustment djesse */
  max-width: none;
  position: relative;
}

.mod_teaser_usp .teaser_headline {
  padding: 20px 15px 0 15px;
  margin: 0;
}

.mod_teaser_usp .teaser_text {
  padding: 5px 15px 20px 15px;
}

.teaser_wall {
  /* fix für safari */
  display: block;
  position: relative;
  margin: 40px auto;
}

.teaser_wall:after {
  visibility: hidden;
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  content: ".";
}

.teaser_wall .column {
  float: left;
  width: 300px;
  /* adjustment djesse */
  width: 33.332%;
}

.teaser_wall .column_2, .teaser_wall .column_3 {
  margin-left: 20px;
  /* adjustment djesse */
  margin-left: 0;
}

.teaser_wall .wall_teaser {
  margin-bottom: 20px;
  /* adjustment djesse */
  width: 300px;
  margin: 0 auto 20px 0;
}

.teaser_wall .column_2 .wall_teaser {
  margin: 0 auto 20px auto;
}

.teaser_wall .column_3 .wall_teaser {
  margin: 0 0 20px auto;
}

/* Desktop: Skyscraper off */
@media screen and (min-width: 1091) and (max-width: 1130) {
  .teaser_wall .column_3 {
    display: none;
  }
}
/* Smartphone */
@media screen and (max-width: 979px) {
  .teaser_wall {
    max-width: 620px;
  }

  .teaser_wall .column {
    width: 300px;
  }

  .teaser_wall .column_2 {
    margin: 0 0 0 20px;
  }

  .teaser_wall .column_3, mod_teaser_usp {
    display: none;
  }
}
/** Module - Load Content Button  */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.mod_loadcontent {
  /* fix für safari */
  display: block;
}

.mod_loadcontent:after {
  visibility: hidden;
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  content: ".";
}

.mod_loadcontent .wrapper_btn {
  width: 300px;
  margin: 0 auto;
}

.mod_loadcontent .btn_loadcontent {
  position: relative;
  width: 300px;
  padding: 8px;
  outline: none;
  border: 1px solid #2d7b80;
  font-family: "Droid Sans", Tahoma, sans-serif;
  font-weight: 400px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1;
  text-transform: uppercase;
  color: #2d7b80;
  background-color: #f4f4f4;
}

.mod_loadcontent .btn_loadcontent .btn_text {
  margin: 0 auto;
}

.mod_loadcontent .btn_loadcontent .ico {
  margin: 0 auto;
  margin-left: 10px;
  vertical-align: text-bottom;
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 1;
  display: inline-block;
}

.no-touch .mod_loadcontent .btn_loadcontent:hover {
  color: #fff;
  background-color: #2d7b80;
}

.mod_loadcontent:before {
  clear: both;
  display: table;
  content: "";
}

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

/** Module - Teaser Basic Definitions  */
.mod_teaser_base {
  /* fix für safari */
  display: block;
  width: 300px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

.mod_teaser_base:after {
  visibility: hidden;
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  content: ".";
}

.mod_teaser_base .teaser_image {
  display: block;
  line-height: 0;
}

.mod_teaser_base .advert_text {
  display: block;
  background: #fff;
  color: #222;
  font-style: normal;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  padding: 2px 4px;
  border-bottom: 1px #ddd solid;
}

.mod_teaser_base .teaser_category {
  display: inline-block;
  padding: 10px 20px 0 10px;
  border-bottom: 1px solid #2d7b80;
  font-family: "Droid Sans", Tahoma, sans-serif;
  font-style: normal;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.2;
  color: #2d7b80;
}

.mod_teaser_base .teaser_category + .teaser_headline {
  padding-top: 5px;
}

.mod_teaser_base .teaser_headline {
  -ms-word-break: normal;
  word-break: normal;
  -ms-hyphens: auto;
      hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  max-width: 240px;
  margin: 0;
  padding: 15px 10px 10px;
  font-family: "Droid Sans", Tahoma, sans-serif;
  font-weight: 400;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.0833;
  color: #2d7b80;
  cursor: pointer;
}

.mod_teaser_base .teaser_text {
  max-width: 245px;
  margin: 0 10px 10px;
  font-family: "Droid Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5714;
  color: #1a1a1a;
  cursor: pointer;
}

.mod_teaser_base .teaser_stats {
  display: inline-block;
  max-width: 245px;
  margin: 0 10px 10px;
  font-family: "Droid Sans", Tahoma, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.3333;
  color: #1a1a1a;
}

.mod_teaser_base .teaser_publisher {
  display: inline-block;
  max-width: 245px;
  margin: 0 10px 10px;
  font-family: "Droid Sans", Tahoma, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.3333;
  color: #888;
}

.mod_teaser_base a {
  text-decoration: none;
}

.mod_teaser_base .teaser_linkbutton {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 41px;
  height: 61px;
  background: transparent url(../images/spr_sheet.png) no-repeat scroll 0 0;
  text-decoration: none;
  box-sizing: border-box;
}

.mod_teaser_base .teaser_linkbutton:hover {
  background: transparent url(../images/spr_sheet.png) no-repeat scroll -60px 0;
}

.mod_teaser_base .teaser_linkbutton:hover .ico {
  color: #2d7b80;
}

.mod_teaser_base .teaser_linkbutton .ico {
  display: block;
  position: relative;
  margin-top: 18px;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 2.7333;
  text-align: center;
  color: #fff;
}

.mod_teaser_base .expand_body {
  height: 0;
  overflow: hidden;
  transition: height 300ms ease 0ms;
}

/** Module - Category Teaser  */
.mod_teaser_category {
  background-color: #fff;
}

.mod_teaser_category .teaser_headline_category {
  position: absolute;
  max-width: 245px;
  margin: 0;
  font-family: "Droid Sans", Tahoma, sans-serif;
  font-weight: 400;
  color: #fff;
}

.mod_teaser_category .teaser_headline_category .span_1st {
  position: relative;
  left: 17px;
  padding: 13px 0 10px 0;
  background-color: #000;
}

.mod_teaser_category .teaser_headline_category .span_2nd {
  position: relative;
  right: 17px;
  padding: 13px 0 10px 0;
  background-color: #000;
}

.mod_teaser_category .teaser_headline_category .span_3rd {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.4545;
  position: relative;
  top: 2px;
  left: 8px;
  padding: 6px 0 4px 0;
  vertical-align: baseline;
  background-color: #000;
}

.mod_teaser_category .teaser_text {
  padding: 15px 40px 15px 10px;
}

.mod_teaser_category .teaser_expandbutton {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 65px;
  width: 41px;
  outline: none;
  padding-bottom: 50px;
  text-decoration: none;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

.mod_teaser_category .teaser_expandbutton:hover {
  outline: none;
  background-color: #2d7b80;
}

.mod_teaser_category .teaser_expandbutton:hover:before {
  background: transparent url(../images/spr_sheet.png) no-repeat scroll 0 -80px;
}

.mod_teaser_category .teaser_expandbutton .ico {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 2.7333;
  position: absolute;
  bottom: 0;
  left: 13px;
  display: block;
  color: #fff;
}

.mod_teaser_category .teaser_expandbutton:before {
  position: absolute;
  right: 0;
  bottom: -23px;
  width: 41px;
  height: 61px;
  background: transparent url(../images/spr_sheet.png) no-repeat scroll -120px -80px;
  content: "";
}

.mod_teaser_category .teaser_linkbutton {
  box-sizing: border-box;
  text-decoration: none;
  background: transparent url(../images/spr_sheet.png) no-repeat scroll -120px 0;
}

.mod_teaser_category .teaser_linkbutton:hover {
  background: transparent url(../images/spr_sheet.png) no-repeat scroll 0 0;
}

.mod_teaser_category .teaser_linkbutton:hover .ico {
  color: #fff;
}

.mod_teaser_category .teaser_linkbutton .ico {
  color: #fff;
}

.mod_teaser_category.active .teaser_expandbutton {
  outline: none;
  background-color: #2d7b80;
}

.mod_teaser_category.active .teaser_expandbutton:before {
  background: transparent url(../images/spr_sheet.png) no-repeat scroll 0 -80px;
}

.mod_teaser_category.active .ico_plus:before {
  content: "\e60e";
}

/** Module - Expand Teaser  */
.mod_teaser_expand {
  background-color: #fff;
}

.mod_teaser_expand .wrapper_teaser {
  position: relative;
  min-height: 115px;
}

.mod_teaser_expand .linklist {
  display: block;
  width: 259px;
}

.mod_teaser_expand a {
  display: block;
  color: #1a1a1a;
}

.mod_teaser_expand a:hover {
  color: #fff;
  background-color: #2d7b80;
}

.mod_teaser_expand a:hover .ico {
  color: #fff;
}

.mod_teaser_expand .linklist_item {
  border-top: 1px solid #f4f4f4;
  padding: 10px;
}

.mod_teaser_expand .linklist_item .ico {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1;
  padding-right: 8px;
  text-align: center;
  color: #2d7b80;
}

.mod_teaser_expand .teaser_expandbutton {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 65px;
  width: 41px;
  outline: none;
  padding-bottom: 50px;
  text-decoration: none;
  background-color: #2d7b80;
  cursor: pointer;
}

.mod_teaser_expand .teaser_expandbutton:hover {
  width: 39px;
  outline: none;
  border-top: 1px solid #2d7b80;
  border-right: 1px solid #2d7b80;
  border-left: 1px solid #2d7b80;
  padding-top: -1px;
  background-color: #fff;
}

.mod_teaser_expand .teaser_expandbutton:hover .ico {
  left: 13px;
  color: #2d7b80;
}

.mod_teaser_expand .teaser_expandbutton:hover:before {
  right: -1px;
  background: transparent url(../images/spr_sheet.png) no-repeat scroll -60px -80px;
}

.mod_teaser_expand .teaser_expandbutton .ico {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 2.7333;
  position: absolute;
  bottom: 0;
  left: 13px;
  display: block;
  color: #fff;
}

.mod_teaser_expand .teaser_expandbutton:before {
  position: absolute;
  right: 0;
  bottom: -23px;
  width: 41px;
  height: 61px;
  background: transparent url(../images/spr_sheet.png) no-repeat scroll 0 -80px;
  content: "";
}

.mod_teaser_expand .active .teaser_expandbutton {
  width: 39px;
  outline: none;
  border-top: 1px solid #2d7b80;
  border-right: 1px solid #2d7b80;
  border-left: 1px solid #2d7b80;
  background-color: #fff;
}

.mod_teaser_expand .active .teaser_expandbutton .ico {
  color: #2d7b80;
}

.mod_teaser_expand .active .teaser_expandbutton:before {
  right: -1px;
  background: transparent url(../images/spr_sheet.png) no-repeat scroll -60px -80px;
}

.mod_teaser_expand .active .ico_plus:before {
  content: "\e60e";
}

/** Module - Generic Teaser  */
.mod_teaser_generic {
  background-color: #fff;
}

/** Module - Linklist  */
.mod_teaser_linklist {
  background-color: #fff;
}

.mod_teaser_linklist .linklist {
  display: block;
  width: 259px;
  margin: 0;
}

.mod_teaser_linklist .linklist li {
  margin: 0;
}

.mod_teaser_linklist a {
  display: block;
  color: #1a1a1a;
}

.mod_teaser_linklist a:hover {
  color: #fff;
  background-color: #2d7b80;
}

.mod_teaser_linklist a:hover .ico {
  color: #fff;
}

.mod_teaser_linklist .linklist_item {
  padding: 10px;
  border-top: 1px solid #f4f4f4;
}

.mod_teaser_linklist .linklist_item .ico {
  padding-right: 8px;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1;
  text-align: center;
  color: #2d7b80;
}

.mod_teaser_linklist .linklist_decoration {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  width: 41px;
  height: 100%;
  background-color: #2d7b80;
}

/** Module - Searchteaser  */
.mod_teaser_search {
  background-color: #2d7b80;
}

.mod_teaser_search .teaser_headline {
  max-width: 280px;
  margin: 0 0 15px;
  border-bottom: 1px solid #fff;
  padding: 15px 10px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.1111;
  color: #fff;
}

.mod_teaser_search .search_label {
  width: 40%;
  padding-right: 15px;
}

.mod_teaser_search .form .type_text, .mod_teaser_search .form .type_select, .mod_teaser_search .form .type_button {
  margin: 0;
  padding: 0 10px;
}

.mod_teaser_search .form .type_text input, .mod_teaser_search .form .type_text select, .mod_teaser_search .form .type_select input, .mod_teaser_search .form .type_select select, .mod_teaser_search .form .type_button input, .mod_teaser_search .form .type_button select {
  box-sizing: border-box;
  float: right;
  width: 60%;
  height: 30px;
  margin-bottom: 3px;
  border-color: #9fbde0;
  padding: 0 0 0 5px;
  color: #fff;
}

.mod_teaser_search .columnar .type_button {
  position: relative;
  margin-top: 15px;
  padding: 10px;
  text-align: right;
  background-color: #fff;
}

.mod_teaser_search .columnar .type_button .btn_search {
  box-sizing: border-box;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1;
  width: 60%;
  border: 1px solid #2d7b80;
  padding: 10px;
  font-family: "Droid Sans", Tahoma, sans-serif;
  font-weight: 400px;
  text-transform: uppercase;
  color: #2d7b80;
  background-color: transparent;
}

.mod_teaser_search .columnar .type_button .btn_search .btn_text {
  float: left;
}

.mod_teaser_search .columnar .type_button .btn_search .ico {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
  float: right;
}

.no-touch .mod_teaser_search .columnar .type_button .btn_search:hover {
  color: #fff;
  background-color: #2d7b80;
}

/** Module - Social Teaser  */
.mod_teaser_social {
  background: #444444 url(../images/isogrid.png) no-repeat scroll 0 0;
}

.mod_teaser_social .teaser_category {
  color: #fff;
  border-color: #fff;
}

.mod_teaser_social .teaser_headline {
  color: #fff;
}

.mod_teaser_social .wrapper_sociallist {
  width: 100%;
}

.mod_teaser_social .social_list {
  position: relative;
  left: -15px;
  height: 60px;
  width: 320px;
  text-align: center;
  background-color: #2d7b80;
  margin: 5px 5px 0px 0px;
  top: 0px;
}

.mod_teaser_social .social_list li {
  display: inline-block;
  padding: 10px 0px;
}

.mod_teaser_social .social_list a {
  display: block;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 40px;
}

.mod_teaser_social .social_list .ico {
  font-size: 1.25rem;
  line-height: 40px;
  color: #2d7b80;
}

.mod_teaser_social .social_list .ico:active {
  text-decoration: none;
}

.mod_teaser_social .social_list a:hover {
  margin: -1px;
  text-decoration: none;
  color: #fff;
  background-color: #2d7b80;
  border: 1px solid #fff;
}

.mod_expandable {
  width: 100%;
  background-size: 210px;
}

.mod_expandable .wrapper {
  background-color: #2d7b80;
}

.mod_expandable .teaser_introduction .teaser_headline {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.0667;
  padding-bottom: 20px;
  font-family: "Droid Sans", Tahoma, sans-serif;
  font-weight: 300;
  margin: 0;
  color: #fff;
}

.mod_expandable .teaser_introduction .teaser_text {
  padding-bottom: 25px;
  font-weight: 300;
}

.mod_expandable .expandable {
  color: #444444;
  background-color: #fff;
  list-style-type: none;
}

.mod_expandable .expandable .list_item {
  border-top: 1px solid #2d7b80;
  margin: 0;
}

.mod_expandable .expandable .list_item:first-child {
  border-top: 1px solid transparent;
}

.mod_expandable .expandable .list_item:hover, .mod_expandable .expandable .list_item.active {
  border-top: 1px solid #444444;
}

.mod_expandable .expandable .expand_title {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.1;
  font-family: "Droid Sans", Tahoma, sans-serif;
  font-weight: 400;
  cursor: pointer;
  margin: 0;
}

.mod_expandable .expandable .ico_plus, .mod_expandable .expandable .ico_minus {
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  color: #2d7b80;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.mod_expandable .expandable .list_item:hover .ico_plus:before, .mod_expandable .expandable .active .ico_plus:before {
  color: #fff;
}

.mod_expandable .expandable .active .ico_plus:before {
  content: "\e60e";
}

.mod_expandable .expandable .expand_body {
  overflow: hidden;
  height: 0;
  transition: height 300ms ease 0ms 1s ease-in-out;
}

.mod_expandable .expandable .expand_body .expand_description {
  box-sizing: border-box;
  margin: 0;
}

.mod_expandable .expandable .expand_body .expand_description + .expand_description {
  padding-top: 0;
}

.mod_expandable .teaser_introduction, .mod_expandable .expandable {
  box-sizing: border-box;
  /*max-width: 940px; */
  margin: 0 auto;
}

.mod_expandable .teaser_introduction .teaser_text, .mod_expandable .teaser_introduction .expand_description, .mod_expandable .expandable .teaser_text, .mod_expandable .expandable .expand_description {
  height: 100%;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5714;
  font-family: "Droid Sans", Arial, Helvetica, sans-serif;
  outline: none;
}

.mod_expandable .teaser_introduction, .mod_expandable .list_item:hover .expand_title {
  color: #fff;
  outline: none;
  background-color: #2d7b80;
}

.mod_expandable .active .expand_title {
  color: #fff;
  outline: none;
  background-color: #2d7b80;
}

.mod_expandable .active .expand_body {
  height: auto;
  transition: height 300ms ease 0ms 1s ease-in-out;
  outline: none;
}

.mod_expandable .teaser_introduction {
  padding: 30px 60px 0;
}

.mod_expandable .expandable .expand_title {
  position: relative;
  padding: 20px 60px 20px 60px;
}

.mod_expandable .expand_body .expand_description {
  padding: 20px 60px;
}

/* =================== DEBUG ====================== */
/* Skyscraper-Varianten - die IDs werden am Ende in die Klasse .skyscraper gewandelt. */
#debug-skyscraper-index {
  position: absolute;
  right: -120px;
  top: 1.5em;
}

#debug-skyscraper-subpage {
  position: absolute;
  right: -120px;
  top: 1.5em;
}

.sponsor-outside {
  position: absolute;
  right: -120px;
  top: 25px;
}

#debug-skyscraper-index iframe, #debug-skyscraper-subpage iframe {
  height: 660px;
}

.ym-hlist ul li a[href="#"] {
  color: rgba(0, 0, 0, 0.2);
}

.debug-small-img img {
  width: auto !important;
}

@media screen and (min-width: 0px) {
  body > #header, body > #nav, body > #main, body > #footer {
    min-width: 0;
  }

  .ym-wrapper {
    min-width: 960px;
    max-width: 76em;
    width: auto;
  }
}
@media screen and (max-width: 960px) {
  /* Adjustments for Content Modules */
  .ym-wrapper {
    min-width: 680px !important;
  }

  .birthday {
    /* linearization for grid module */
    /* reset defined gutter values */
  }

  .birthday .ym-gbox-left {
    border-right-width: 0;
  }

  .birthday .linearize-content, .birthday .linearize-content > [class*="ym-g"] {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: 100% !important;
  }

  .birthday .linearize-content > [class*="ym-g"] > [class*="ym-gbox"] {
    display: table;
    /* optional for containing floats */
    table-layout: fixed;
    width: 100%;
    padding: 0;
    margin: 0;
  }
}
@media screen and (max-width: 1090px) {
  .ym-wrapper {
    min-width: 960px;
  }

  /* remove skyscraper & sponsoring icons in header */
  .ym-wrapper {
    padding: 0;
  }

  .skyscraper, .sponsor-outside {
    display: none;
  }

  .ym-bb {
    padding-bottom: 1em;
  }

  /* adjust white-space on smaller screens */
  .ym-wbox {
    padding: 1.5em 12px;
  }

  #top .ym-wbox {
    padding: 0.5em 12px;
  }

  #nav .ym-wbox {
    padding: 0 12px;
  }

  /* Anpassung der Werbeflächen im Header */
  #header .logo {
    left: 0;
  }

  #header .ym-wbox {
    padding-right: 12px;
  }

  #header .sponsorlist li {
    margin: 0 0 0 2px;
  }

  #header .sponsorlist iframe {
    max-width: 160px;
  }

  #main .ym-wbox {
    overflow: hidden;
  }

  /* minimum screen-size to block small screen rendering */
  body > * {
    min-width: 800px !important;
  }

  #teaser .message {
    margin-top: -10em;
  }

  #teaser h2 span.small, #teaser .h2eq span.small {
    font-size: 12px;
  }

  #teaser h2 span.big, #teaser .h2eq span.big {
    font-size: 22px;
  }

  #teaser p {
    font-size: 12px;
  }
}
.ym-form div.ym-fbox-button {
  padding: 0.75em;
}

.ym-form div.ym-fbox-button .ym-button {
  margin-top: 0;
}

.ym-form label[required]:after {
  content: "*";
  font-weight: bold;
  padding-left: 3px;
}

.ym-form p {
  padding: 0.75em 1.5em 1em 1.5em;
}

/* Special Class for border-bottom on containers, especially on the homepage  */
.ym-bb {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 3em;
}

#main .ym-g60 table tbody th {
  white-space: nowrap;
}

/*

	TODO Die Überschriftenhierarchie ist bspw. auf content-database-infos-structures.inc wegen der Tab-Optik durcheinander.
		 Tab weglassen?
		 Zweite Tab-Version mit tieferer Hierarchie machen?
		 Einfach so hinnehmen?

	TODO Bradcrumb sieht noch nicht wirklich gut aus und ist auch noch ein Platzproblem.
*/
.bd {
  position: relative;
}

.detailsContent {
  min-height: 150px;
}

.errorList {
  color: red;
}

.collapsed {
  display: none;
}

.collapsedLink {
  background: url("/layouts/interface/arrow_collapsed.png") no-repeat scroll left center transparent;
  color: #6A88A4;
  color: #161E21;
}

.showMore {
  cursor: pointer;
}

.fieldErr {
  background-color: #FFDDDD;
}

/*---------------- Server Side Pagination -------------------*/
.pageNav {
  padding: 7px 8px;
}

.pageNav a {
  font-weight: bold;
  text-decoration: none;
}

.pageNav a.active {
  font-weight: bold;
  color: #4c4c4c;
}

.pageNav .prevPageNav {
  float: left;
  text-align: left;
  width: 50px;
}

.pageNav .nextPageNav {
  float: right;
  text-align: right;
  width: 50px;
}

.pageNav .pageLinksPageNav {
  padding: 0 50px;
  text-align: center;
}

.pageNav .pageLinksPageNav a:hover {
  color: red;
}

.pageNav .prevPageNav a:hover, .pageNav .nextPageNav a:hover {
  color: #4c4c4c;
}

/*----------------  Filter Section  ----------------*/
.detailsDataContainer {
  position: relative;
}

.filterDc {
  position: relative;
}

.ddC {
  position: relative;
}

.ajaxFilterMask {
  z-index: 50;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #DADADA;
}

.ajaxFilterLoader {
  z-index: 51;
  position: absolute;
  top: 50%;
  left: 0%;
  height: 19px;
  width: 100%;
  text-align: center;
  line-height: 0;
  background: url("/images/lb-load2.gif") no-repeat center 15%;
}

.filterForm {
  position: relative;
  text-align: center;
  padding: 5px 0;
  background-color: #A9C3EC;
}

.filterForm select {
  width: auto;
  padding: 0;
  font-size: 13px;
}

.filterForm .filterTitle {
  font-weight: bold;
  font-size: 11px;
  float: left;
  padding-left: 5px;
}

/*left:5px; position:absolute;*/
.filterForm .filterReset {
  position: relative;
  z-index: 2000;
  font-size: 11px;
  text-decoration: underline;
  cursor: pointer;
  float: right;
  padding-right: 5px;
}

/* position:absolute; z-index:2000; right:5px; background-color: #A9C3EC;*/
.filterForm .filterRow {
  padding: 3px 0;
}

#map_canvas {
  display: none;
  height: 485px;
  width: 100%;
}

#relStructMap {
  height: 485px;
  width: 100%;
  margin: 1.5em 0 0 0;
}

.pageContent .bd h2, .pageContent .bd h2 a, .pageContent .bd .h2eq, .pageContent .bd .h2eq a {
  font-weight: bold;
  font-size: 16px !important;
  color: #0d4383;
  margin: 10px 0;
  margin-bottom: 10px !important;
  text-decoration: none;
}

.pageContent .bd {
  background-color: transparent;
  padding: 25px 6px 8px 6px;
}

.pageContent .bd .withWebPagesMenu {
  float: left;
  width: 583px;
}

.helpFormCtn {
  background-color: #e8f1f6;
  padding: 8px 12px;
  margin-top: 15px;
}

.helpFormCtn .helpImage {
  float: left;
  width: 274px;
}

.helpFormCtn .helpFormFrm {
  float: left;
  width: 508px;
}

.helpFormCtn .helpFormFrm h3, .helpFormCtn .helpFormFrm .h3eq {
  font-size: 18px;
  font-weight: bold;
  padding: 8px 0 14px 0;
}

.helpFormCtn .helpFormFrm .helpFormCopy {
  font-size: 14px;
  line-height: 20px;
  padding: 0 0 5px 3px;
}

.helpFormCtn .helpFormFrm form {
  padding: 0 0 0 3px;
}

.helpFormCtn .helpFormFrm form table {
  width: 505px;
}

.helpFormCtn .helpFormFrm form table tr td {
  padding: 3px;
  text-align: left;
}

.helpFormCtn .helpFormFrm form table tr td.label {
  display: block;
  width: 150px;
}

.helpFormCtn .helpFormFrm form input, .helpFormCtn .helpFormFrm form textarea {
  border: 1px solid #333333;
  font-size: 14px;
  background-color: white;
  padding: 1px;
}

.helpFormCtn .helpFormFrm form input {
  width: 338px;
  height: 26px;
  line-height: 26px;
}

.helpFormCtn .helpFormFrm form textarea {
  width: 338px;
  height: 75px;
}

.helpFormCtn .helpFormFrm form .submitBtnCol {
  text-align: right;
}

.helpFormCtn .helpFormFrm form .submitBtnCol input {
  width: auto;
  height: 30px;
  cursor: pointer;
  background-color: white;
  padding: 1px 6px;
}

.helpFormCtn .helpFormFrm form .fieldErr {
  border: 1px solid #c10435 !important;
  background-color: #ffcccc;
}

.pageMenuContainer {
  float: left;
  width: 200px;
  padding: 5px;
  background-color: #e8f1f6;
  margin-right: 12px;
}

ul.pageMenu {
  margin: 0;
  padding: 0;
}

ul.pageMenu li {
  border-bottom: 1px solid #b4b4b4;
  padding: 6px 0;
}

ul.pageMenu li.last {
  border-bottom: 0;
}

ul.pageMenu li a {
  display: block;
  text-decoration: none;
}

ul.pageMenu li a.active {
  font-weight: bold;
}

ul.pageMenu li a:hover {
  text-decoration: underline;
}

ul.pageMenu li ul {
  padding: 0 0 0 20px;
  list-style-type: decimal;
}

ul.pageMenu li ul li {
  border-bottom: 0;
  padding: 2px 0;
}

.faqList {
  margin: 15px 0 0 0;
  padding: 0;
}

.faqList li {
  list-style: decimal;
  list-style-position: inside;
  font: bold 15px Verdana;
  background-color: #e8f1f6;
  margin-bottom: 15px;
  padding: 13px 0 0 5px;
}

.faqList li h4 {
  display: inline;
  font: bold 15px Verdana;
}

.faqList li ul {
  padding: 10px 10px 10px 20px;
}

.faqList li ul li {
  list-style: none;
  font: normal 12px Verdana;
  margin-bottom: 3px;
  padding: 0;
}

.faqList li ul li div.qu {
  display: inline;
  font-size: 14px;
  color: #0c4ee0;
  cursor: pointer;
}

.faqList li ul li div.an {
  padding: 5px 0 0 28px;
  display: none;
}

.faqList li ul li div.an p {
  margin-bottom: 5px;
}

@media print {
  body {
    font-size: 8pt !important;
    padding: 0 1cm 0 2cm;
  }

  #top, .sponsorlist, #header h1 img, #nav, .inline-sponsors, .skyscraper, .slidercnt .ym-grid, .slidercnt .ym-button, #main > .ym-wrapper > .ym-wbox > .ym-grid > .ym-g40 .ym-form, #footer .ym-grid {
    display: none;
  }

  .jquery_tabs .tabs-list {
    display: none !important;
  }

  .jquery_tabs .content .tabhead, .jquery_tabs .content .tabbody {
    display: block !important;
  }

  .jquery_tabs .tabbody > table {
    margin-top: 1.5em;
    border-top: 1px #ccc solid;
  }

  .jquery_tabs .tabbody > table th, .jquery_tabs .tabbody > table td {
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
  }

  .simplePagerContainer .simplePagerNav {
    display: none;
  }

  .simplePagerContainer .longlist li {
    display: list-item !important;
  }

  .ym-wrapper {
    padding: 0;
  }

  #header h1 .ym-hideme {
    position: static;
    color: #000;
    display: block !important;
  }

  [lang="en"] #header .logo .ym-hideme:after {
    display: block;
    content: "International Database and Gallery of Structures";
    font-size: 50%;
  }

  [lang="de"] #header .logo .ym-hideme:after {
    display: block;
    content: "Internationale Datenbank f\00fc r Ingenieurbauwerke";
    font-size: 50%;
  }

  [lang="fr"] #header .logo .ym-hideme:after {
    display: block;
    content: "Base de donn\00e9 es internationale du patrimoine du g\00e9 nie civil";
    font-size: 50%;
  }

  #header {
    border-bottom: 1px #000 solid;
    margin-bottom: 1.5em;
  }

  #footer {
    border-top: 1px #000 solid;
    margin-top: 1.5em;
    padding: 1em 0;
  }

  .slidercnt .caption {
    opacity: 0.8;
  }

  .bordered {
    box-shadow: 0 0 0 none;
    border: 2px #ccc solid;
  }

  h1, .h1eq, h2, .h2eq, h3, .h3eq, h4, .h4eq, h5, .h5eq, h6, .h6eq {
    font-weight: bold;
    page-break-after: avoid;
  }

  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
  .linearize-level-1 {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: 100% !important;
  }

  .linearize-level-1 > [class*="ym-g"], .linearize-level-1 > [class*="ym-col"] {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: 100% !important;
  }

  .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"], .linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
    overflow: hidden;
    /* optional for containing floats */
    padding: 6px;
    margin: 0;
  }
}
/* NEWSLETTER TILES */
.mod_teaser_social .wrapper_newsbox {
  width: 100%;
}

.mod_teaser_social .newsbox {
  position: relative;
  height: 60px;
  width: auto;
  text-align: center;
  background-color: #2d7b80;
}

.mod_teaser_social .newsbox form {
  margin-top: 0px;
  margin-left: 5px;
}

.mod_teaser_social .newsbox form input {
  border: solid #666666 1px;
  height: 34px;
  padding: 2px 2px 2px 2px;
  width: 240px;
  font-size: 0.875rem;
  line-height: 1.5714;
  margin: 10px 0px 0px 0px;
  background-color: rgba(255, 255, 255, 0.7);
}

.mod_teaser_social .newsbox form button {
  border: solid #666666 1px;
  background-color: white;
  height: 40px;
  padding: 2px 2px;
  width: 40px;
  margin: 0px;
  display: inline-block;
  color: #2d7b80;
  left: -5px;
  position: relative;
  top: 2px;
}

.mod_teaser_newsletter {
  width: 100%;
  background: #444444 url(../images/isogrid.png) no-repeat scroll 0 0;
  margin-top: 20px;
}

.mod_teaser_newsletter .newsbox {
  position: relative;
  height: 60px;
  width: auto;
  text-align: center;
  background-color: #2d7b80;
}

.mod_teaser_newsletter .newsbox form {
  margin-top: 0px;
  margin-left: 7px;
}

.mod_teaser_newsletter .newsbox form input {
  border: solid #666666 1px;
  height: 34px;
  padding: 2px 2px 2px 2px;
  width: 320px;
  font-size: 0.875rem;
  line-height: 1.5714;
  margin: 10px 0px 0px 0px;
  background-color: rgba(255, 255, 255, 0.7);
}

.mod_teaser_newsletter .newsbox form button {
  border: solid #666666 1px;
  background-color: white;
  height: 40px;
  padding: 2px 2px;
  width: 40px;
  margin: 0px;
  display: inline-block;
  color: #2d7b80;
  left: -5px;
  position: relative;
  top: 2px;
}

.mod_teaser_newsletter .teaser_category {
  color: #fff;
  border-color: #fff;
}

.mod_teaser_newsletter .teaser_headline {
  -ms-word-break: normal;
  word-break: normal;
  -ms-hyphens: auto;
      hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  max-width: 240px;
  margin: 0;
  padding: 15px 10px 10px;
  font-family: "Droid Sans", Tahoma, sans-serif;
  font-weight: 400;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.0833;
  color: #fff;
  cursor: pointer;
}

/* INTERNAL INFORMATION BOX */
div.h3eq-internalinfo {
  font-size: 14px;
}

table.internalinfo {
  font-size: 12px;
}

div.internalinfobox {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  margin-top: 20px;
  font-size: 10px;
  font-family: Arial, sans-serif;
  padding: 2px;
}

ul.internalinfo {
  margin-left: 0px;
  padding-left: 0px;
  width: 100%;
  margin-top: 0px;
  white-space: nowrap;
}

ul.internalinfo li {
  list-style: none;
  display: inline-block;
  margin-left: 0px;
  margin-right: 0px;
  width: 25%;
  font-size: 10px;
  text-align: center;
}

.ym-sidebox .img-small-text-right img {
  float: right;
  margin: 0 0em 0.5em 1em;
  max-width: 35%;
}

/* Align TABLES with equal column spacing */
table.aligned-tables th {
  width: 30%;
}

table.aligned-tables td {
  width: 70%;
}

.nobotmargin {
  margin-bottom: 0px !important;
}

.reduced-topmargin {
  margin-top: 10px !important;
}

figcaption {
  font-size: 10px;
  text-align: right;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
  padding-right: 2px;
}

@media screen and (max-width: 400px) {
  .aligned-tables tr, .tbl-chronology tr {
    display: block;
  }

  .aligned-tables tr th, .tbl-chronology tr th {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-top: none;
  }

  .tbl-chronology tr th br {
    display: none;
  }

  .tbl-chronology tr th {
    padding-bottom: 0;
  }

  .aligned-tables tr td, .tbl-chronology tr td {
    /*margin: 0;*/
    display: block;
    width: 100%;
    padding-left: 30px;
    box-sizing: border-box;
    border-top: none;
    padding-bottom: 0;
    padding-top: 0;
  }

  .photoGalleryContainer tr, .photoGalleryContainer td {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }

  .photoGalleryContainer td a {
    display: inline-block;
  }
}
.desktop-mt100 {
  margin-top: 100px;
}

/* mobile one column */
@media screen and (max-width: 693px) {
  #relStructMap, #map_canvas {
    max-height: 70vh;
  }

  #main {
    min-height: 0;
  }

  #main .ym-wrapper .one-column-no-bottom-margin {
    margin-bottom: 0;
  }

  .ym-wbox.homepage > .ym-grid.linearize-level-1 > .ym-g40.ym-gr {
    margin: 0;
  }

  .ym-wbox.homepage .ym-grid.linearize-level-1 > .ym-gr {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-right: 0;
  }

  .ym-wbox.homepage .ym-grid.linearize-level-1 > .ym-gl {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-right: 0;
    clear: both;
  }

  .ym-wbox.homepage .ym-grid.linearize-level-1 > .ym-gr > .ym-gbox-right {
    padding: 0;
    margin-top: 1.5em;
    margin-left: 0;
    margin-right: 0;
  }

  .ym-wbox.homepage .ym-grid.linearize-level-1 > .ym-gl > .ym-gbox-left {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
  }

  /*.ym-wbox.homepage > .ym-grid.linearize-level-1 > .ym-g40.ym-gr > .ym-gbox-right .box.highlight {
    padding: 1.5em 0;
    background: none;
  }*/
  #main > .ym-wrapper > .ym-wbox > #richscope > .ym-grid > .ym-gl > .ym-gbox-left {
    padding-right: 0em;
  }

  /*  #main > .ym-wrapper > .ym-wbox > #richscope > .ym-grid > .ym-gr > .ym-gbox-right {
      padding-left: .35em;
    }*/
  #main > .ym-wrapper > .ym-wbox > .ym-grid > .ym-gl > .ym-gbox-left > .ym-grid > .ym-g50 > .ym-gbox-left {
    padding-right: 0em;
  }

  /*#main > .ym-wrapper > .ym-wbox > .ym-grid > .ym-gl > .ym-gbox-left > .ym-grid > .ym-g50 > .ym-gbox-right {
    padding-left: .5em;
  }*/
}

@media screen and (min-width: 480px) and (max-width: 693px) {
  #main > .ym-wrapper > .ym-wbox.homepage > .ym-grid > .ym-gl > .ym-gbox-left > .ym-grid > .ym-gr > .ym-gbox-right {
    padding-left: .75em;
  }
  #main > .ym-wrapper > .ym-wbox.homepage > .ym-grid > .ym-gl > .ym-gbox-left > .ym-grid > .ym-gl > .ym-gbox-left {
    padding-right: .75em;
  }
  #main > .ym-wrapper > .ym-wbox.homepage > .ym-grid > .ym-gl > .ym-gbox-left > .ym-grid > .ym-gr > .ym-gbox-right img.flexible,
  #main > .ym-wrapper > .ym-wbox.homepage > .ym-grid > .ym-gl > .ym-gbox-left > .ym-grid > .ym-gl > .ym-gbox-left img.flexible {
    width: 100%;
  }
}

.fixedsticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
}

/* When position: sticky is supported but native behavior is ignored */
.fixedsticky-withoutfixedfixed .fixedsticky-off,
.fixed-supported .fixedsticky-off {
  position: static;
}

.fixedsticky-withoutfixedfixed .fixedsticky-on,
.fixed-supported .fixedsticky-on {
  position: fixed;
}

.fixedsticky-dummy {
  display: none;
}

.fixedsticky-on + .fixedsticky-dummy {
  display: block;
}

.birthday .listvariant .bordered.float-right {
  margin-top: 0 !important;
}

.birthday .listvariant > li {
  margin-top: 1.5em;
}

.legend {
  list-style-type: none;
  margin-left: 0;
}
.legend li {
  display: inline-block;
  white-space: nowrap;
  margin-left: 0;
  margin-right: .8em;
}
.legend li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 63.9375em) and (min-width: 43.375em) {
  .ym-grid .ym-gl .ym-g50 .image-teaser .caption {
    bottom: -65%;
  }
  .ym-grid .ym-gl .ym-g50 .image-teaser:hover .caption {
    bottom: 0;
  }
}
@media screen and (max-width: 52.5em) and (min-width: 43.375em) {
  .ym-grid .ym-gl .ym-g50 .image-teaser .caption {
    bottom: -55%;
  }
  .ym-grid .ym-gl .ym-g50 .image-teaser:hover .caption {
    bottom: 0;
  }
}
@media screen and (max-width: 61.1875em) {
  .teaser_wall {
    max-width: none;
    margin-left: -10px;
    margin-right: -10px;
  }
  .teaser_wall .column_3 {
    display: block;
  }
  .teaser_wall .column {
    box-sizing: border-box;
    width: 33.333%;
    margin: 0;
    padding: 10px;
  }
  .teaser_wall .wall_teaser,
  .teaser_wall .wall_teaser img {
    width: 100%;
  }
  .teaser_wall .wall_teaser img {
    height: auto;
  }
}
.birthday.ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] {
  padding-bottom: 0;
  margin-bottom: 0;
}
.birthday .ym-gbox-left {
  border: 0;
}
.birthday .ym-gbox-right {
  padding-left: 0;
}
.birthday .ym-grid {
  display: block;
}
.birthday .ym-equalize {
  overflow: visible;
}
.birthday .ym-equalize > * {
  display: block;
  width: auto;
}
.birthday .ym-gl:after {
  content: ' ';
  display: block;
  height: 1em;
  background: #fff;
  margin: 0.75em -1.5em;
}
.birthday .listvariant .float-right.bordered {
  float: left;
  margin-left: 0;
  margin-right: 1.5em;
}

@media screen and (min-width: 51em) {
  #MenuToggle {
    display: none;
  }
  #MenuToggle + ul {
    display: inline !important;
  }
}
.newsbox #mc-embedded-subscribe-form {
  position: relative;
  width: 100%;
}
.newsbox #mc-embedded-subscribe,
.newsbox #mce-EMAIL {
  position: absolute;
  top: 10px;
}
.newsbox #mce-EMAIL {
  box-sizing: border-box;
  height: 40px;
  left: 0;
  right: 0;
  padding-right: 38px;
  margin-top: 0;
  width: 95%;
}
.newsbox #mc-embedded-subscribe {
  right: 14px;
  left: auto;
}

@media screen and (max-width: 49.9375em) {
  #header .sponsorlist {
    display: none;
  }

  body > *,
  .ym-wrapper {
    min-width: 0 !important;
  }

  .header-buttons {
    text-align: center;
	float: none;
	display: block;
	margin-top: 8px;
	margin-bottom: 0;
	/*border: 1px solid #CCC;*/
  }

  .header-buttons .sponsorlist{
    text-align: center;
	float: none;
	display: inline-block;
	margin: 0;
	padding: 0;
	/*border: solid 1px #FFCC00;*/
  }
}

@media screen and (max-width: 50.9375em) {
  .teaser_wall .column {
    width: 50%;
  }

  #MenuToggle {
    margin: 0;
    white-space: nowrap;
    line-height: 24px;
    vertical-align: middle;
    border-radius: .36em;
    padding: 0 .5em;
  }
  #MenuToggle div,
  #MenuToggle span {
    display: inline-block;
    vertical-align: middle;
  }
  #MenuToggle span {
    margin-left: 5px;
  }
  #MenuToggle div {
    width: 18px;
    height: 12px;
  }
  #MenuToggle div b {
    display: block;
    background: #616161;
    width: 100%;
    height: 2px;
    margin-top: 3px;
  }
  #MenuToggle div b:first-child {
    margin-top: 0;
  }

  #MenuToggle + ul {
    display: none;
    float: none;
  }
  #MenuToggle + ul li {
    float: none;
    display: block;
    font-size: 16px;
  }
  #MenuToggle + ul li a {
    display: inline-block;
  }

  #nav {
    width: 100%;
    left: 0;
    right: 0;
    z-index: 3;
  }
  #nav.fixedsticky {
    top: 0;
  }

  #top .ym-wbox {
    position: relative;
  }

  /*#top-search {
    position: absolute;
    top: .5em;
    right: 12px;
  }*/
}
@media screen and (max-width: 42.9375em) {
    #top-search {
        clear: both;
        margin-top: 6px !important;
    }
}
@media screen and (max-width: 66.9375em) {
    #top .flaglist li:last-child {
      display: none;
    }
}
iframe {
  max-width: 100%;
}

@media screen and (max-width: 43.3125em) {
  .addthis_sharing_toolbox {
    display: none;
  }

  #main > .ym-wrapper > .ym-wbox:first-child {
    padding-top: 0;
  }

  #main > .ym-wrapper > .ym-wbox > .ym-grid > .ym-gl,
  #main > .ym-wrapper > .ym-wbox > .ym-grid > .ym-gr,
  #main > .ym-wrapper > .ym-wbox > #richscope > .ym-grid > .ym-gl,
  #main > .ym-wrapper > .ym-wbox > #richscope > .ym-grid > .ym-gr {
    float: none;
    width: auto;
  }

  #main > .ym-wrapper > .ym-wbox > .detailsContent #results-body .ym-grid > .ym-gl,
  #main > .ym-wrapper > .ym-wbox > .detailsContent #results-body .ym-grid > .ym-gr {
    float: none;
    width: auto;
  }
  #main > .ym-wrapper > .ym-wbox > .detailsContent #results-body .ym-grid > .ym-gl .ym-gbox-right,
  #main > .ym-wrapper > .ym-wbox > .detailsContent #results-body .ym-grid > .ym-gr .ym-gbox-right {
    padding-left: 0;
  }
  #main > .ym-wrapper > .ym-wbox > .detailsContent #results-body .ym-grid > .ym-gl .ym-gbox-left,
  #main > .ym-wrapper > .ym-wbox > .detailsContent #results-body .ym-grid > .ym-gr .ym-gbox-left {
    padding-right: 0;
  }

  /*
  // #main > .ym-wrapper > .ym-wbox > .ym-grid > .ym-gl > .ym-gbox-left,
  #main > .ym-wrapper > .ym-wbox > #richscope > .ym-grid > .ym-gl > .ym-gbox-left {
  	padding-right: .5em
  }
  // #main > .ym-wrapper > .ym-wbox > .ym-grid > .ym-gr > .ym-gbox-right,
  #main > .ym-wrapper > .ym-wbox > #richscope > .ym-grid > .ym-gr > .ym-gbox-right {
  	padding-left: .5em
  }
  // #main > .ym-wrapper > .ym-wbox > .ym-grid > .ym-gl > .ym-gbox-left > .ym-grid > .ym-g50 > .ym-gbox-left,
  // #main > .ym-wrapper > .ym-wbox > .ym-grid > .ym-gl > .ym-gbox-left > .ym-grid > .ym-g50 > .ym-gbox-right {
  // 	padding-left: 0;
  // 	padding-right: 0
  // }
  // #main > .ym-wrapper > .ym-wbox > .ym-grid > .ym-gl > .ym-gbox-left > .ym-grid > .ym-g50.ym-gr {
  // 	margin-left: 0;
  // 	margin-top: 20px
  // }
  // #main > .ym-wrapper > .ym-wbox > .ym-grid > .ym-gl > .ym-gbox-left > .ym-grid > .ym-g50 img {
  // 	width: 100%
  // }
  #main > .ym-wrapper > .ym-wbox > .ym-grid > .ym-gl > .ym-gbox-left > .ym-grid > .ym-g50 > .ym-gbox-left {
  	padding-right: .5em
  }
  #main > .ym-wrapper > .ym-wbox > .ym-grid > .ym-gl > .ym-gbox-left > .ym-grid > .ym-g50 > .ym-gbox-right {
  	padding-left: .5em
  }
  */
}
@media screen and (max-width: 39.9375em) {
  .legend {
    display: none;
  }
}
#footer .mod-secondarynav i[class^="icon-"]:last-child {
  display: none;
}

@media screen and (max-width: 37.4375em) {
  #footer .ym-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #footer .ym-grid,
  #footer .copyright {
    margin-bottom: 0;
  }
  #footer .ym-g33 {
    float: none;
    width: 100%;
    margin-bottom: 1.5em;
  }
  #footer .ym-g33:nth-child(2) {
    display: none;
  }
  #footer .ym-g33:nth-child(1) {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 0.5em;
  }
  #footer .ym-g33:nth-child(3) {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  #footer .ym-g33:nth-child(3) .ym-gbox-right {
    padding-left: 5px;
  }
  #footer .mod-statistics {
    display: none;
  }
  #footer .footerQuick {
    display: none;
  }
  #footer .mod-secondarynav i[class^="icon-"]:last-child {
    display: inline-block;
  }

  #main .ym-grid.img-small-text-list + .ym-grid.img-small-text-list {
    margin-top: 0;
  }
  #main .ym-grid.img-small-text-list .ym-g50 {
    float: none;
    width: auto;
    margin-bottom: 1.5em;
  }
  #main .ym-grid.img-small-text-list .ym-g50.ym-gr {
    margin-left: 0;
  }
  #main .ym-grid.img-small-text-list .ym-g50 .ym-gbox-left,
  #main .ym-grid.img-small-text-list .ym-g50 .ym-gbox-right {
    padding: 0;
  }
  #main .ym-grid.img-small-text-list .ym-g50 .img-small-text img {
    float: left;
    clear: left;
    margin: 0 1em 0 0;
  }
  #main .ym-grid.img-small-text-list .ym-g50 .img-small-text:after {
    content: ' ';
    clear: both;
    display: table;
  }

  #main .box.highlight .ym-grid.img-small-text-list {
    margin-top: 0;
    margin-bottom: 0;
  }

  .mod_teaser_usp {
    display: none;
  }

  .teaser_wall {
    margin-top: 0;
  }

  .mod_expandable .teaser_introduction {
    padding: 15px 30px 0;
  }
  .mod_expandable .teaser_introduction .teaser_headline {
    font-size: 1.5rem;
    padding-bottom: 15px;
  }
  .mod_expandable .teaser_introduction .teaser_headline + p {
    margin-top: 0;
  }

  .mod_expandable .expandable .expand_title {
    padding-left: 30px;
  }

  .mod_expandable .expandable .expand_body .expand_description {
    padding-left: 30px;
  }
  /*.jquery_tabs .content .content {
    border: 0;
  }*/

}
@media screen and (max-width: 37.4375em) and (min-width: 30em) {
  .ym-grid .ym-gl .ym-g50 .image-teaser .caption {
    bottom: -60%;
  }
  .ym-grid .ym-gl .ym-g50 .image-teaser:hover .caption {
    bottom: 0;
  }
}
@media screen and (max-width: 29.9375em) {
  .mob96 {
    max-width: 96px;
  }

  .itemsListTable.stripped th {
    font-size: 10px;
    text-transform: uppercase;
  }
  .itemsListTable.stripped th:last-child {
    text-indent: 0;
  }
  .itemsListTable.stripped th:first-child,
  .itemsListTable.stripped td:first-child {
    display: none;
  }
  .itemsListTable.stripped th:nth-child(2),
  .itemsListTable.stripped td:nth-child(2) {
    padding-left: 0;
  }
  .itemsListTable.stripped th:last-child,
  .itemsListTable.stripped td:last-child {
    padding-right: 0;
  }
  .itemsListTable.stripped th, .itemsListTable.stripped td {
    padding: 0.5em;
  }

  .teaser_wall .column {
    width: 100%;
    float: none;
  }

  .listvariant .float-right {
    margin-left: 20px;
  }

  #main > .ym-wrapper > .ym-wbox > .ym-grid > .ym-gl > .ym-gbox-left > .ym-grid > .ym-g50 {
    float: none;
    width: auto;
  }

  #main > .ym-wrapper > .ym-wbox > .ym-grid > .ym-gl > .ym-gbox-left > .ym-grid > .ym-g50 > .ym-gbox-left,
  #main > .ym-wrapper > .ym-wbox > .ym-grid > .ym-gl > .ym-gbox-left > .ym-grid > .ym-g50 > .ym-gbox-right {
    padding-left: 0;
    padding-right: 0;
  }

  #main > .ym-wrapper > .ym-wbox > .ym-grid > .ym-gl > .ym-gbox-left > .ym-grid > .ym-g50.ym-gr {
    margin-left: 0;
    margin-top: 20px;
  }

  #main > .ym-wrapper > .ym-wbox > .ym-grid > .ym-gl > .ym-gbox-left > .ym-grid > .ym-g50 img {
    width: 100%;
  }
}
@media screen and (max-width: 33.6875em) {
  #header .sponsorlist {
    display: none;
  }
  #header .ym-wbox {
    height: 85px;
  }
  #header .logo img {
    width: 175px;
    height: auto;
  }
}
@media screen and (max-width: 22.4375em) {
  #top-search .ym-searchform {
    width: 10.5em;
  }
  #top-search .ym-searchform .ym-searchfield {
    width: 8.5em;
  }

  .jquery_tabs .ym-g50 {
    width: 100%;
    margin-bottom: 1.5em;
  }

  .jquery_tabs .ym-g50:last-child {
    margin-bottom: 0;
  }

  .jquery_tabs .ym-g50 .ym-gbox-left {
    padding: 0 0 0 1.5em;
  }
}
#main .ym-gbox-left .ym-button.ym-next:before {
  margin-right: 0.3em;
}

#main .jquery_tabs.mobile-tabs .tabs-list {
  visibility: hidden;
  position: absolute;
}

#main .jquery_tabs.mobile-tabs .tabs-list li {
  float: none;
  display: block;
  text-align: center;
}

#main .jquery_tabs.mobile-tabs .tabs-list li a {
  float: none;
  display: inline-block;
}

#main .jquery_tabs.mobile-tabs .tabs-list li.current a {
  border-bottom: 1px #ccc solid;
}

#main .jquery_tabs.mobile-tabs .tabs-list li.current.last a {
  border-bottom: none;
}

#main .jquery_tabs.mobile-tabs .tabhead {
  outline: none;
  padding: 0.3em 0.75em;
  border: 1px solid transparent;
  line-height: 1.5;
  color: #161e21;
  font-weight: 700;
  text-align: left;
  margin: 1em 0 0 0;
  font-size: 116.67%;
}

#main .jquery_tabs.mobile-tabs .tabhead.active {
  border: 1px #ccc solid;
  border-radius: 0.2em 0.2em 0 0;
  color: #000;
  font-weight: bold;
  outline: none;
}

#main .jquery_tabs.mobile-tabs .tabhead:before {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  margin-right: 5px;
  position: relative;
  top: -1px;
  left: -1px;
}

#main .jquery_tabs.mobile-tabs .tabhead.active:before {
  content: "\f106";
}

@media screen and (max-width: 22.4375em) {
  .mobile-tabs .ym-gbox-left, .mobile-tabs .ym-gbox-right {
    padding: 0 !important;
  }
}
#main .jquery_tabs.mobile-tabs h2.tabhead {
  font-weight: 700;
  font-size: 133.33%;
  line-height: 1em;
}
#main .jquery_tabs.mobile-tabs .tabhead.active {
  border: none;
}

@media screen and (max-width: 400px) {
  /* horizonatl main picture */
  #richscope .ym-gbox-left .ym-grid .ym-g33 {
    float: left;
    width: 100%;
    margin: 0;
  }

  #richscope .ym-gbox-left .ym-grid .ym-g33 .ym-gbox-left, #richscope .ym-gbox-left .ym-grid .ym-g33 .ym-gbox-right {
    padding: 0 0.75em;
  }

  /* vertical main picture */
  #richscope .ym-gbox-left .ym-grid .ym-g50 {
    width: 100%;
    margin-left: 0;
  }

  #richscope .ym-gbox-left .ym-grid .ym-g50 .ym-gbox-left, #richscope .ym-gbox-left .ym-grid .ym-g50 .ym-gbox-right {
    padding: 0 0 0 0;
  }

  #richscope .ym-gbox-left .ym-grid .ym-g50 .imglist li {
    width: 50%;
    float: left;
  }

  #richscope .ym-gbox-left .ym-grid .ym-g50 .imglist li figure {
    padding: 0 0.75em;
  }

  #richscope .ym-g60 figcaption.caption1 a {
    font-size: 8px; border: none;
  }

  .hide-mobile {
    display: none;
  }

  #richscope .ym-grid {
    margin-bottom: 0;
  }

  body div.internalinfobox {
    box-shadow: none;
  }

  #contact-form.ym-columnar label, #contact-form.ym-columnar select, #contact-form.ym-columnar input, #contact-form.ym-columnar textarea {
    width: 100%;
  }

  /* captcha */
  #contact-form.ym-columnar img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 570px) and (min-width: 480px) {
  #richscope .ym-g60 .ym-grid .ym-gbox-right {
    padding: 0 0 0 .5em;
  }

  #richscope .ym-g60 .ym-grid .ym-gbox-right .imglist li {
    float: right;
  }

  #richscope .ym-g60 .ym-grid .ym-gbox-left {
    padding: 0 0 0 0;
  }
}
.mobile-table-container {
  overflow-x: auto;
  overflow-y: visible;
  width: 100%;
}

.mobile-scroll-table {
  min-width: 100%;
  width: 780px;
}

@media screen and (min-width: 400px) {
  .mobile-table-container.mobile-small-table-container {
    overflow-x: auto;
    overflow-y: auto;
    width: auto;
  }

  .mobile-scroll-table.mobile-small-scroll-table {
    min-width: 0;
    width: 100%;
  }
}
/*.js-acordion-body {
  display: block;
}*/
/* technical information - dimensions */
@media screen and (max-width: 500px) {
  .jquery_tabs .tabbody > table td[rowspan]:empty {
    display: none;
  }

  .jquery_tabs .tabbody > table td[rowspan]:not(:empty) {
    display: block;
    width: 100%;
    border-top: 1px solid #ccc;
    padding-left: 7px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
  }

  .jquery_tabs .tabbody > table tr {
    display: block;
    width: 100%;
  }

  .jquery_tabs .tabbody > table th, .jquery_tabs .tabbody > table td {
    display: inline-block;
    padding-left: 10%;
    width: 38%;
    width: calc(40% - 7px);
    float: left;
    border: 0 none;
    padding-bottom: 5px;
    padding-top: 0;
  }

  #main .mobile-one-column .ym-g33 {
    width: 100%;
    float: none;
    clear: both;
  }

  .mobile-one-column .ym-grid {
    margin: 0;
  }

  .mobile-one-column .ym-g33.ym-gl {
    margin: 0 0 0 -5px;
  }

  .mobile-one-column .ym-g33.ym-gl .ym-gbox-left {
    padding: 0 0 0 0.85em;
  }

  .box.highlight {
    background: none;
    padding: 0;
  }
  /*#main .jquery_tabs.mobile-tabs .tabhead {
    padding-left: 0;
  }
  #main .jquery_tabs.mobile-tabs .tabhead:before {
    margin-right: 7px;
  }*/
}
/*.ym-wbox.homepage > .detailsContent #results-body .ym-gl, .ym-wbox.homepage > .detailsContent #results-body .ym-gr{
  float: none;
  width: 100%;
}
*/

@media screen and (max-width: 500px),
screen and (orientation: landscape) and (max-width: 736px) {
    #main .js-acordion-header {
      position: relative;
      padding-left: 20px;
    }

    #main .js-acordion-header:before {
      content: "\f107";
      font-family: FontAwesome;
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      text-decoration: inherit;
      margin-right: 5px;
      position: absolute;
      top: -1px;
      left: 0;
    }
   .js-acordion-body {
      display: none;
    }


    #main .js-acordion-header.active:before {
      content: "\f106";
    }

  #main .jquery_tabs.mobile-tabs .tabhead {
    margin-top: 21px;
    margin-bottom: 21px;
    line-height: 21px;
    padding-top: 0;
    padding-bottom: 0;
  }
  #main .jquery_tabs.mobile-tabs .tabhead {
    padding-left: 0;
  }
  #main .jquery_tabs.mobile-tabs .tabhead:before {
    margin-right: 7px;
  }
  .jquery_tabs .content .content {
    border: 0;
  }

}

.hidden {
  display: none;
}

.owl-nav {
  position: absolute;
  /*top: 100px;*/
  top: 50%;
  width: 100%;
}

.owl-nav div {
  font-size: 2em;
  width: 1em;
  cursor: pointer;
  margin-top: -21px;
}

.ym-g50.item {
  width: auto;
  float: none;
}

.item > figure {
  text-align: center;
}

.item figure > a {
  display: inline-block;
}

.customNextBtn {
  /*width: 50%;*/
  float: right;
  text-align: right;
}

.customPrevBtn {
  /*width: 50%;*/
  float: left;
}
.customNextBtn,
.customPrevBtn {
  position: relative;
  z-index: 2;
}

/* Product Reference List - only one in row */
.mobile-one-column .ym-grid .ym-g33:first-child:last-child {
  width: 100%;
}

/* Product Reference List - only two in row */
.mobile-one-column .ym-g33:first-child:nth-last-child(2), .mobile-one-column .ym-g33:first-child:nth-last-child(2) + .ym-g33 {
  width: 50%;
}

.ym-grid.block {
  display: block;
}

.owl-item .ym-g62, .owl-item .ym-g38 {
  width: 100%;
}

.owl-item .item .ym-gbox-left, .owl-item .ym-gr .ym-gbox-right {
  padding: 0;
  text-align: center;
}

.owl-item .imglist li {
  float: none;
}
/*
body .owl-carousel {
  margin-left: 20px;
  width: 90%;
  width: calc(100%-40px);
  width: calc(100% - 40px);
}*/
.pad-sides-40 {
  padding-left: 20px;
  padding-right: 20px;
}
.owl-carousel {
  display: block !important;
  white-space: nowrap;
  overflow: hidden;
}
.owl-carousel .item {
  display: inline-block;
  /*margin-right: 10px;*/
}
.owl-carousel .owl-item .item {
  /*margin-right: 0;*/
}
.owl-carousel .item img {
  width: auto;
  height: 250px;
  /*margin-right: 10px;*/
}
.owl-carousel .owl-item img {
  height: 250px;
  display: block;
  width: auto !important;
  margin: 0 auto;
}
/*
@media all and (max-width: 414px) {
  .owl-carousel .item img.flexible {
    max-width: 350px !important;
  }
  .owl-carousel .owl-item img.flexible {
    max-width: 350px !important;
    height: auto;
  }
}
@media all and (max-width: 375px) {
  .owl-carousel .item img.flexible {
    max-width: 311px !important;
  }
  .owl-carousel .owl-item img.flexible {
    max-width: 311px !important;
    height: auto;
  }
}
@media all and (max-width: 360px) {
  .owl-carousel .item img.flexible {
    max-width: 296px !important;
  }
  .owl-carousel .owl-item img.flexible {
    max-width: 296px !important;
    height: auto;
  }
}
@media all and (max-width: 320px) {
  .owl-carousel .item img.flexible {
    max-width: 256px !important;
  }
  .owl-carousel .owl-item img.flexible {
    max-width: 256px !important;
    height: auto;
  }
}
*/

.owl-carousel .item img,
.owl-carousel .owl-item .item img,
.owl-carousel .owl-item .caption1 {
  margin-right: 10px;
  border: none;
}

.owl-carousel .owl-item img {
  width: auto;
}

.owl-item, .item, .owl-item figure, .item figure a, .owl-item figure a img {
  height: 100%;
}

.owl-item.center {
  margin-top: 0;
}

.header-logo-cn img {
  margin: 0 auto 1em;
}

.show-if-one-col {
  display: none;
}

.hide-if-one-col {
  display: block;
}

@media screen and (max-width: 43.3125em) {
  .show-if-one-col {
    display: block;
  }

  .hide-if-one-col {
    display: none;
  }
}

/*@media screen and (max-width: 37.4375em) {
  #main .jquery_tabs.mobile-tabs .tabhead {
    margin-top: 21px;
    margin-bottom: 21px;
    line-height: 21px;
    padding-top: 0;
    padding-bottom: 0;
  }
}*/

/*@media screen and (max-width: 25em) {*/
/*@media screen and (max-width: 31.25em) {*/
  .mobile-carousel {
    position: relative;
  }

  .mobile-carousel img,
  .mobile-carousel .small {
    opacity: 0;
  }

  .mobile-carousel .small {
    margin-left: 0 !important;
    text-align: center;
    white-space: normal;
  }

  .mobile-carousel .owl-nav {
    top: 37%;
  }
/*}*/
@media screen and (min-width: 501px) {
  .mobile-carousel {
    padding: 0 40px;
  }
  .mobile-carousel .owl-nav .customPrevBtn {
    margin-left: -40px;
    cursor: pointer;
  }
  .mobile-carousel .owl-nav .customNextBtn {
    margin-right: 40px;
    cursor: pointer;
  }
}

@media screen and (min-width: 49.9375em) {
  .header-buttons {
    display: none;
  }
  .bottom-buttons {
    display: none;
  }
  .footer-ads {
    display: none;
  }
}

@media screen and (max-width: 420px) {
  .header-buttons .sponsorlist .ads-3,
  .header-buttons .sponsorlist .ads-4,
  .header-buttons .sponsorlist .ads-5 {
    display: none;
  }

  .bottom-buttons {
    text-align: center;
	float: none;
	display: block;
	margin-top: 0;
	margin-bottom: 0;
	/*border: 1px solid #CCC;*/
  }

  .bottom-buttons .sponsorlist{
    text-align: center;
	float: none;
	display: inline-block;
	margin: 0;
	padding: 0;
	/*border: solid 1px #FFCC00;*/
  }

  .bottom-buttons .sponsorlist .ads-5 {
    display: none;
  }

  .bottom-buttons .sponsorlist .ads-3,
  .bottom-buttons .sponsorlist .ads-4,
   {
    display: inline-block;
  }

}

@media screen and (max-width: 549px) {
   .header-buttons .sponsorlist .ads-4,
   .header-buttons .sponsorlist .ads-5 {
    display: none;
  }

  .bottom-buttons {
    text-align: center;
	float: none;
	display: block;
	margin-top: 0;
	margin-bottom: 0;
	/*border: 1px solid #CCC;*/
  }

  .bottom-buttons .sponsorlist{
    text-align: center;
	float: none;
	display: inline-block;
	margin: 0;
	padding: 0;
	/*border: solid 1px #FFCC00;*/
  }
}

@media screen and (max-width: 686px) {
   .header-buttons .sponsorlist .ads-5 {
    display: none;
  }
}

@media screen and (min-width: 549px) {
	.bottom-buttons {
		display: none;
	}
}

@media screen and (min-width: 420px) {
  .bottom-buttons .sponsorlist .ads-3 {
    display: none;
  }
}

h2.prodRepMoreLink {
    clear: both;
    padding-top: 10px;
    margin-bottom: 0;
}

.contactInfoEntries table tbody td,
.contactInfoEntries table tbody th,
.contactInfoEntries table tbody tr {
    border-top: 0px solid #ccc;
    border-bottom: 0px solid #ccc;
}

.contactInfoEntries h2 {
    margin-bottom: 0;
}

@media screen and (max-width: 50em) {
    .contactInfoEntries .ym-grid .ym-g50 {
        float: none;
        width: auto;
        margin-bottom: 1.5em;
    }
}

.singleProduct,
.productRow {
    clear: both;
}

.productRow .singleProduct {
    clear: none;
    margin-top: 20px;
}

.productRow .singleProduct h3 {
    margin: 0;
}

.singleProduct a.imageLink {
    display: inline-block;
    width: 50%;
    padding-left: 20px;
    float: right;
}

.singleProduct a.imageLink img {
    width: 100%;
}

.singleProduct div.notes p {
    margin-top: 0.7em;
}

.productsReportsPage .singleProduct.left {
    float: left;
    width: 50%;
    padding-right: 10px;
    box-sizing: border-box;
}

.productsReportsPage .singleProduct.right {
    float: right;
    width: 50%;
    padding-left: 10px;
    box-sizing: border-box;
}

@media screen and (max-width: 50em) {
    .productRow .singleProduct {
        clear: both;
        margin-top: 20px;
    }

    .productRow .singleProduct h3 {
        margin: 0;
    }

    .productsReportsPage .singleProduct.left,
    .productsReportsPage .singleProduct.right {
        float: none;
        width: 100%;
        padding: 0;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 37.4375em) {
    .singleProduct a.imageLink {
        display: inline-block;
        width: 100%;
        padding-left: 0px;
        margin-top: 20px;
        float: none;
    }

    .singleProduct a.imageLink img {
        margin-bottom: 0;
    }

    .singleProduct h3 {
        margin-top: 0;
    }
}

.no-bottom-margin {
    margin-bottom: 0;
}

.clear {
    clear: both;
}

.upYouGo {
    margin-top: -15px;
    padding-top: 0;
}

.upYouGoALittle {
    margin-top: 0px;
    padding-top: 0;
}

.js-acordion-body .productRow .singleProduct {
    clear: both;
}

.interestsList, .occupationsList {
    list-style: none;
    margin: 0;
    padding: 10px 0 0 0;
    clear: both;
}

.interestsList li, .occupationsList li {
    margin: 0;
    padding: 0;
}

.interestsList input, .occupationsList input {
    width: auto !important;
    margin-right: 6px !important;
    margin-top: 4px !important;
}

.mystructurae-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mystructurae-menu li {
    margin: 0;
    padding: 0;
    border: 1px solid #ddd;
    margin-bottom: -1px;
}

.mystructurae-menu li.active {
    background-color: #eee;
}

.mystructurae-menu li:hover {
    background-color: #eee;
}

.mystructurae-menu li:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.mystructurae-menu li:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.mystructurae-menu li a {
    color: #333;
    text-decoration: none;
    display: block;
    padding: 10px 15px;
}

.mystructurae-menu li:hover a {
    color: #000;
}

.form-my-structurae {
    background: none;
    border: 1px solid #ddd;
    margin: 0;
    box-shadow: none;
    border-radius: 4px;
}

.mystructurae-loggedinas {
    float: right;
    margin: 5px 10px 0 20px !important;
    font-family: Arial;
    font-size: 13px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 18px;
    max-width: 175px;
    text-align: right;
    white-space: nowrap;
}


.btnDataContribution {
    margin: 10px auto;
    background: rgba(255, 255, 255, 0.35);
    line-height: 2.5em;
    padding-left: 1em;
    padding-right: 1em;
    display: block;
}

.btnDataContribution i {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

#dataContributionPopup {
    min-width: 400px;
}

#dataContributionPopup .intro-text {
    margin: 10px 0;
    font-weight: 600;
    font-size: 120%;
}

#dataContributionPopup label {
    display: block;
    margin-top: 15px;
}

#dataContributionPopup textarea {
    margin: 10px 0;
    width: 96%;
    height: 135px;
    border: 1px solid #ccc;
    padding: 3px 6px;
}

#dataContributionPopup input[type='submit'],
#dataContributionPopup input[type='button'] {
    margin: 0 auto;
    display: block;
    padding: 6px 12px;
    border: 1px solid #aaa;
    font-size: 13px;
    cursor: pointer;
}

#dataContributionPopup .error-message {
    color: #f00;
    text-align: center;
}

#dataContributionPopup .success-message {
    color: #0a0;
    text-align: center;
    margin-bottom: 20px;
}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.download-image-btn {
    background: #2d7b80;
    color: #fff;
    padding: 12px 16px 8px;
    text-decoration: none;
    display: block;
    margin: 20px 0;
}

.download-image-btn:hover,
.download-image-btn:active {
    text-decoration: none;
    background: #5994db;
    color: #fff;
}

#ajaxLoginPopup .ym-form {
    background: none;
    border: none;
    box-shadow: none;
    min-width: 400px;
    margin: 0;
}

#ajaxLoginPopup .h3eq {
     margin: 1em 0 1em 0.8em;
}

#ajaxLoginPopup .ajax-login-error {
    margin: 0;
    padding: 0 0 1.2em 1em;
    color: #f00;
}

#ajaxLoginPopup .ajax-login-error:empty {
    padding: 0;
}

.contribution-form textarea {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 130px;
    padding: 3px 6px;
    border: solid #666666 1px;
    background-color: rgba(255, 255, 255, 0.7);
    font-family: Arial;
    display: block;
}

.contribution-form input[type="submit"] {
    text-align: center;
    margin: 10px auto 0;
    display: block;
    border: solid #666666 1px;
    background-color: #fff;
    cursor: pointer;
    color: #2d7b80;
    font-weight: bold;
    height: 40px;
    width: 100%;
    font-size: 16px;
}

.contribution-form .error-message {
    color: #a00;
    margin: 0.3em 0 1em;
    font-weight: 600;
}

.contribution-form .success-message {
    color: #fff;
    margin: 0.3em 0 1em;
}

.wrapper_contribute .login-required {
    margin: 0.5em 0;
    text-align: center;
}

.wrapper_contribute .login-required a {
    color: #fff;
    text-decoration: underline;
}

.wrapper_contribute .mystructurae-login-btn {
    float: none;
    margin: 10px 0 0 0;
    display: block;
    text-decoration: none !important;
}

.wrapper_contribute {
    background-color: #2d7b80;
    margin-top: 10px;
    padding: 10px 7px;
    color: #fff;
    font-family: "Droid Sans", Tahoma, sans-serif;
}

.literature-refereces-list {
    margin: 0 0 0 21px;
    padding: 0;
}

.literature-refereces-list li {
    margin-left: 0;
    padding: 3px 0;
}

#myStructuraeRegisterForm select {
    border: 1px solid #ddd;
    padding: 2px 0;
}

.boxedletter {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 6px;
    font-size: 160%;
    border-radius: 4px;
    border: 2px solid #0d4283;
    display: inline-block;
    color: #0d4283;
}

.letteractive {
    background: #0d4283;
    color: white;
}

a.boxedletter:hover {
    background: #D12629;
    color: white;
    text-decoration: none;
}

div.mobile-carousel.owl-wrapper {
  height: 300px;
}