@charset "UTF-8";
/* Google Font API */
@import url("//fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700");
/** ---------------------------------------------------------------------------------------------------- #  Webfonts  enthaelt 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;
  }

	.whiteback {background-color: white; color: black;}

  /** @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: "Noto Sans", Arial, Helvetica, sans-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: "Noto 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;
  }

  h1.mediah1 {
      font-size: 22px;
      margin-top: 50px;
      font-family: "Noto Sans", Arial, Helvetica, sans-serif;
      font-size: 24px;
  }

  h3.mediah3 {
      font-size: 100%;
      font-weight: normal;
      /* margin-left: 0.5em; */
      font-family: "Noto Sans", Arial, Helvetica, sans-serif;
  }

  h3.mediah3 p {
      margin: 0;
  }

  h3.mediah3 {
      margin: 20px 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;
  }

 .wikitext {
	border: 1px solid lightgrey;
	margin-top: 50px;
	padding: 5px;
  }

  .wikilogo {
	color: #898787;
	display: block;
	float: right;
	margin-top: 10px;
	padding: 5px;
  }

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

.cta1 { color: #F2C771; }
.cta1-back { background: #F2C771; }

.cta2 { color: #BD2E2A; }
.cta2-back { background: #BD2E2A; }

.cta3 { color: #F2AC71; }
.cta3-back { background: #F2AC71; }

  .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: "Noto Sans", 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: "Noto Sans", 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 .18em 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,
  .wrapper_contribute .mystructurae-register-btn,
  .wrapper_contribute_white .mystructurae-register-btn
	{
      /*border: 1px dotted #777;*/
      border-radius: 6px;
      font-weight: 600;
      line-height: 1.85em;
	background: #F2C771;
  }

  .wrapper_contribute .login-required a.mystructurae-register-btn,
	.wrapper_contribute_white .login-required a.mystructurae-register-btn {
      color: #000;
  }

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

  .wrapper_contribute .mystructurae-register-btn:focus,
  .wrapper_contribute .mystructurae-register-btn:hover,
  .wrapper_contribute .mystructurae-register-btn:active,
  .wrapper_contribute_white .mystructurae-register-btn:focus,
  .wrapper_contribute_white .mystructurae-register-btn:hover,
  .wrapper_contribute_white .mystructurae-register-btn:active 	{
      background: #f6d9a0;
  }


  .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: "Noto Sans", 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: .4em;
  }

  #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: "Noto Sans", Arial, Helvetica, sans-serif;
    color: #fff;
    background-color: #6BADB0;
    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: "Noto Sans", 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);
	border-radius: 10px;
  }

  .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: "Noto Sans", 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: .4em;
    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 "Noto Sans", Arial, Helvetica, sans-serif;;
    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 "Noto Sans", Arial, Helvetica, sans-serif;;
    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.restricted {
  margin-left: 0;
}

.smod-participants .firms.restricted div {
  height: 30px;
}

.smod-participants .firms.restricted.all {
  margin-top: 1.5em;
}

.smod-participants .firms.restricted.all div {
  height: 50px;
}

.smod-participants .firms.restricted .myStructuraeLoginBtnFromParticipants {
    position: absolute;
    margin-left: 30px;
}

.smod-participants .firms.restricted.all .myStructuraeLoginBtnFromParticipants {
    margin-top: 27px;
}

.smod-participants .firms.restricted .background-hidden {
    position: absolute;
}

.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: "Noto Sans", 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: -70%;
  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 fuer Standardklassen */
.mod_teaser_usp {
  /* fix fuer 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: "Noto Sans", 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: "Noto Sans", Tahoma, sans-serif;
  font-weight: bold;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.0769;
  color: #0F4753;
  padding: 20px 0 0 0;
  margin: 0;
}

.mod_teaser_usp .teaser_text {
  font-family: "Noto Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5714;
  /*color: white;*/
  padding: 0px 0px 20px 0px;
}

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


.teaser_wall {
  /* fix fuer safari */
  display: block;
  position: relative;
  margin: 20px auto;
}

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

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

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

.teaser_wall .wall_teaser {
  margin-bottom: 20px;
  /* adjustment */
  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 #F2C771;
  font-family: "Noto Sans", Tahoma, sans-serif;
  font-weight: 400px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1;
  text-transform: uppercase;
  /*color: #2d7b80;*/
  background-color: #F2C771;
  border-radius: 10px;
}

.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 fuer safari */
  display: block;
  width: 300px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.25);
  /*border-radius: 10px;*/
}

.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 .teaser_image_new {
  display: block;
  line-height: 0;
  border-bottom: 2px solid #2D7B80;
}

.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: "Noto 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_new {
  display: inline-block;
  padding: 5px 10px 5px 10px;
  margin-left: 0px;
  background: #0D4350;
  /*border: 1px solid grey;*/
  color: white;
  font-family: "Noto Sans", Tahoma, sans-serif;
  font-size: 14px;
  /*font-size: 0.9350rem;*/
  font-style: normal;
  /*line-height: 1.2;*/
  color: white;
  position: relative;
  top: -17px;
}

.mod_teaser_base .teaser_category + .teaser_headline {
  padding-top: 5px;
  padding-bottom: 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: 280px;
  margin: 0;
  padding: 15px 0px 0px 10px;
  font-family: "Noto 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_headline_new {
  -ms-word-break: normal;
  word-break: normal;
  -ms-hyphens: auto;
      hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  max-width: 290px;
  margin-top: -5px;
  margin-bottom: 0px;
  padding: 0px 13px 10px;
  font-family: "Noto 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: "Noto 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: "Noto 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: "Noto 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: "Noto 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: "Noto 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;
  border-radius: 10px;
}

.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: "Noto 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: "Noto 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: "Noto 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: 280px;
  font-size: 0.875rem;
  line-height: 1.5714;
  margin: 10px 0px 0px 0px;
  background-color: rgba(255, 255, 255, 0.7);
  /*border-radius: 10px;*/
}

.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;
  /*border-radius: 10px;*/
}

.mod_teaser_newsletter {
  width: 100%;
  background: #444444 url(../images/isogrid.png) no-repeat scroll 0 0;
  margin-top: 20px;
  border-radius: 10px;
}

.mod_teaser_wide {
  width: 100%;
  margin-top: 45px;
}

.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: 280px;
  margin: 0;
  padding: 15px 10px 10px;
  font-family: "Noto 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%;
}

#chartContainer #status_legend_div, #chartContainer #country_legend_div {
  text-align: center;
  width: 320px;
  display: inline;
}

#chartContainer #country_legend_div.active{
    display: inline;
}

#chartContainer .legend-marker {
  display: inline-block;
  padding: 8px 6px;
  cursor: pointer;
}

#chartContainer .legend-marker.active {
    border: 1px green dotted;
    border-radius: 10px;
}

#chartContainer .legend-marker-color {
  display: inline-block;
  height: 18px;
  width: 18px;
  border-radius: 10px;
  vertical-align: top;
}

#chartContainer #year_filter_div #year_from,
#chartContainer #year_filter_div #year_to {
    width: 70px;
}

#chartContainer #year_filter_div.active, #chartContainer #year_filter_div_slider,
#chartContainer #span_filter_div,
#chartContainer #span_filter_div .google-visualization-controls-rangefilter,
#chartContainer #year_filter_div_slider .google-visualization-controls-rangefilter {
    display: inline;
}

#chartContainer #loading {
    text-align: center;
}

#chartContainer #loading img {
    margin: 0 auto;
}

#chartContainer #year_filter_div, #chartContainer #span_filter_text,
#chartContainer #country_filter_text, #chartContainer #status_filter_text,
#chartContainer #country_legend_div {
    display: none;
}

#chartContainer #span_filter_text {
    text-transform: capitalize;
}

#chartContainer #span_filter {
    margin-top: 15px;
}

#chartContainer #country_div {
    margin-bottom: 15px;
}

#chartContainer #status_div {
    margin-bottom: 10px;
}

#chartContainer #span_filter_text.active, #chartContainer #status_filter_text.active, #chartContainer #country_filter_text.active,
#chartContainer #year_filter_text.active {
    width: 100px;
    display: inline-block;
}

#chart_area #empty_chart_div {
    position: relative;
    bottom: 300px;
    z-index: 999;
    left: 40%;
    visibility: hidden;
    max-width: 300px;
    background: white;
    font-weight: bold;
}

#right_div {
    width: 30%;
    float: right;
    margin-top: 10px;
    text-align: left;
    display: inline-block;
}

#right_div #reset_filters {
    border: 1px dotted #777;
    border-radius: 4px;
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
    padding: 0.25em 0.75em;
    text-decoration: none;
    position: relative;
    z-index: 20;
    cursor: pointer;
    display: none;
    background-color: #D44D4A;
    color: #fff;
    margin: 10px 0;
    width: max-content;
    text-align: center;
}

#right_div #download, #right_div #download_all {
    border: 1px solid #777;
    border-radius: .4em;
    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 "Noto Sans", Arial, Helvetica, sans-serif;
    margin: 10px 0;
    padding: 0 1.5em;
    overflow: visible;
    text-decoration: none !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    background-color: #ddd;
    display: none;
    width: max-content;
    text-align: center;
}

#right_div #reset_filters.active, #right_div #download.active, #right_div #download_all.active {
    display: block;
}

.permission-login-box.graph {
    position: relative;
}

div.mediaDetails > table th {
  width: 30%;
}

div.mediaDetails > table td {
  width: 70%;
}

div.mediaDetails table tr.nested td {
    width: 100%;
}

div.mediaDetails table, div.mediaDetails table th, div.mediaDetails table tr, div.mediaDetails table td,
table.mediaInfo, table.mediaInfo tr, table.mediaInfo td, table.mediaInfo th {
    border: 0;
}

div.mediaDetails > table {
    width: 100%;
    border-spacing: 0 2px;
    border-collapse: separate;
    margin: -2px 0;
}

table.mediaInfo {
    border: 0;
    margin-top:30px;
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
}

table.mediaInfo tr.minfo:hover > th, table.mediaInfo tr.minfo:hover > td {
    background: none;
}

table.mediaInfo tr.minfo > th, table.mediaInfo tr.minfo > td {
    padding: 0px;
}

.mediaDetails table tr th {
    padding: 13px 18px 10px 28px;
}

.mediaDetails table tr td {
    padding: 13px 18px 5px 20px;
}

.mediaDetails table tr.nested table tr td, .mediaDetails table tr.nested table tr th {
    padding: 3px 0px;
}

.mediaDetails table tr.nested table tr td {
    font-weight: normal;
}

.mediaDetails table tbody td, .mediaDetails table tbody th, .mediaAvailable > div,
.mediaDetails table tbody td:hover, .mediaDetails table tbody th:hover,
.mediaDetails table tbody tr:hover th, .mediaDetails table tbody tr:hover td {
  background: #f8f8f8;
  /* background: #d2d2d2; */
}

.mediaAvailable > div {
    padding: 10px 20px;
    margin-bottom: 10px;
}

table.mediaInfo tr.minfo > td{
    width: 50%;
}

div.mediaAvailable {
    margin-left: 20px;
}

div.mediaAvailable div.h4eq a {
    font-size: 15px;
}

div.mediaAvailable div.h4eq {
    margin-top: 30px;
    margin-left: 20px;
}

div.mediaAvailable .img-small-text p span{
    margin-left: 5px;
    font-size: 14px;
    font-weight: bold;
}

div.mediaAvailable .ym-sidebox .img-small-text img {
    max-width: 100%;
    margin: 5px 12px;
}

div.mediaAvailable h2 {
    margin-top: 23px;
    margin-left: 8px;
}

div.mediaAvailable div.paywall-content div.ym-sidebox img {
    margin-top: 5px;
    margin-left: 10px;
}

div.mediaAvailable div.paywall-content div.ym-sidebox .small-access-structuraeplus.on-bottom.medium-image-access,
div.mediaAvailable div.paywall-content div.ym-sidebox .small-access-mystructurae.on-bottom.medium-image-access,
div.mediaAvailable div.paywall-content div.ym-sidebox .small-access-structuraepro.on-bottom.medium-image-access,
div.mediaAvailable div.paywall-content div.ym-sidebox .small-access-contributor.on-bottom.medium-image-access,
div.mediaAvailable div.paywall-content div.ym-sidebox .big-access-structuraeplus.on-top.medium-image-access,
div.mediaAvailable div.paywall-content div.ym-sidebox .big-access-mystructurae.on-top.medium-image-access,
div.mediaAvailable div.paywall-content div.ym-sidebox .big-access-structuraepro.on-top.medium-image-access,
div.mediaAvailable div.paywall-content div.ym-sidebox .big-access-contributor.on-top.medium-image-access {
    margin-top: 5px;
    margin-left: 8px;
}

div.mediaAvailable div.paywall-content div.ym-sidebox div.h4eq a {
    font-size: 15px;
}

div.mediaContribute {
    padding-top: 37px;
}

div.mediaContribute.mobile {
    display: none;
}

div.mediaContribute .teaser_headline {
    margin-top: 7px;
    margin-left: 16px;
}

div.mediaContribute .teaser_category {
    font-size: 14px !important;
    margin-top: 15px;
    margin-left: 19px;
    line-height: 22px;
    margin-bottom: 20px;
}

div.mediaContribute .mod_teaser_base {
    box-shadow: none;
}

div.mediaContainer {
    width: 100%;
    display: inline-block;
}

div.mediaContainer div.mediaItem {
    position: relative;
    display: table;
    margin: 0 auto;
}

div.mediaContainer div.mediaItem.video {
    width: 100%;
}

div.mediaContainer div.mediaItem.preview {
    width: 60%;
    display: inline-block;
    float: left;
    /* height: 440px; */
    margin-top: 30px;
}

div.mediaContainer div.permission-login-box.preview {
    position: relative;
    float: left;
    width: 40%;
    display: inline-block;
    padding-top: 0px;
    /* height: 440px; */
}

div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred {
    max-width: 750px;
}

div.mediaContainer div.permission-login-box.admin .wrapper_contribute table tbody tr td:hover,
div.mediaContainer div.permission-login-box.admin .wrapper_contribute table tbody tr:hover,
div.mediaContainer div.permission-login-box.admin .wrapper_contribute table tbody tr:hover td,
div.category-content-access div.permission-login-box.admin .wrapper_contribute table tbody tr td:hover,
div.category-content-access div.permission-login-box.admin .wrapper_contribute table tbody tr:hover,
div.category-content-access div.permission-login-box.admin .wrapper_contribute table tbody tr:hover td {
    background: none;
}

div.mediaContainer div.permission-login-box.admin .wrapper_contribute_white table tbody tr td:hover,
div.mediaContainer div.permission-login-box.admin .wrapper_contribute_white table tbody tr:hover,
div.mediaContainer div.permission-login-box.admin .wrapper_contribute_white table tbody tr:hover td,
div.category-content-access div.permission-login-box.admin .wrapper_contribute_white table tbody tr td:hover,
div.category-content-access div.permission-login-box.admin .wrapper_contribute_white table tbody tr:hover,
div.category-content-access div.permission-login-box.admin .wrapper_contribute_white table tbody tr:hover td {
    background: none;
}

div.mediaContainer div.permission-login-box.preview .my-structurae-access-box.preview .wrapper_contribute,
div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred .wrapper_contribute,
div.mediaContainer div.permission-login-box.plus .wrapper_contribute,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute,
div.category-content-access div.permission-login-box .my-structurae-access-box.category .wrapper_contribute,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute {
    margin-top: 0px;
}

div.mediaContainer div.permission-login-box.preview .my-structurae-access-box.preview .wrapper_contribute_white,
div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred .wrapper_contribute_white,
div.mediaContainer div.permission-login-box.plus .wrapper_contribute_white,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute_white,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute_white,
div.category-content-access div.permission-login-box .my-structurae-access-box.category .wrapper_contribute_white {
    margin-top: 0px;
}

div.mediaContainer div.permission-login-box.plus .mod_teaser_base,
div.company-info-content-access .permission-login-box.plus .mod_teaser_base,
div.category-content-access div.permission-login-box.plus.category .mod_teaser_base {
    margin-top: 35px;
}

div.mediaContainer div.permission-login-box.plus .wrapper_contribute,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute {
    background-color: #074252;
}

div.mediaContainer div.permission-login-box.plus .wrapper_contribute_white,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute_white,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute_white {
    background-color: white;
}

div.mediaContainer div.permission-login-box.plus .wrapper_contribute div.logo,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute div.logo,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute div.logo {
    display: inline-flex;
    vertical-align: middle;
    height: auto;
    padding-right: 5px;
    max-width: 200px;
}

div.mediaContainer div.permission-login-box.plus .wrapper_contribute_white div.logo,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute_white div.logo,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute_white div.logo {
    display: block;
    vertical-align: middle;
    height: auto;
    padding: 5px;
    max-width: 350px;
    text-align: center;
}


div.mediaContainer div.permission-login-box.plus .wrapper_contribute div.logo img.permission-logo,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute div.logo img.permission-logo,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute div.logo img.permission-logo {
    max-width: 300px;
    height: auto;
}

div.mediaContainer div.permission-login-box.plus .wrapper_contribute_white div.logo img.permission-logo,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute_white div.logo img.permission-logo,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute_white div.logo img.permission-logo {
    max-width: 300px;
    height: auto;
}

div.mediaContainer div.permission-login-box.plus .wrapper_contribute div.available,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute div.available,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute div.available {
    display: inline-block;
    width: 30%;
    margin: 10px;
    font-weight: bold;
}

div.mediaContainer div.permission-login-box.plus .wrapper_contribute_white div.available,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute_white div.available,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute_white div.available {
    display: inline-block;
    width: 30%;
    margin: 10px;
    font-weight: bold;
}

div.mediaContainer div.permission-login-box.plus .wrapper_contribute div.top,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute div.top,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute div.top {
    margin-top:15px;
}

div.mediaContainer div.permission-login-box.plus .wrapper_contribute_white div.top,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute_white div.top,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute_white div.top {
    margin-top:-15px;
	font-weight: bold;
	text-align: center;
}

div.mediaContainer div.permission-login-box.plus .wrapper_contribute div.content,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute div.content,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute div.content {
    color: #fed67c;
    margin: 10px;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0px;
    text-align: left;
}

div.mediaContainer div.permission-login-box.plus .wrapper_contribute_white div.content,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute_white div.content,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute_white div.content {
    color: black; /* #fed67c;*/
    padding: 20px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

div.mediaContainer div.permission-login-box.plus .wrapper_contribute div.soon,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute div.soon,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute div.soon {
    height: 100px;
}

div.mediaContainer div.permission-login-box.plus .wrapper_contribute_white div.soon,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute_white div.soon,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute_white div.soon {
    color: white;
    background-color: #0c4350;
    padding: 5px;
    margin-left: -10px;
    margin-right: -10px;
	margin-bottom: 50px;
    vertical-align: middle;
    text-align: center;
    line-height: 2em;
    font-weight: bold;
    font-size: 1.3em;
    text-transform: uppercase;
}

div.mediaContainer div.permission-login-box.plus .wrapper_contribute div.soon img.permission-logo,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute div.soon img.permission-logo,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute div.soon img.permission-logo {
    height: auto;
    width: 250px;
    float:right;
}

div.mediaContainer div.permission-login-box.plus .wrapper_contribute_white div.soon img.permission-logo,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute_white div.soon img.permission-logo,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute_white div.soon img.permission-logo {
    height: auto;
    width: 250px;
    float:right;
}

div.mediaContainer div.permission-login-box.plus .wrapper_contribute div.soon span,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute div.soon span,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute div.soon span {
    font-size: 30px;
    width: 130px;
    display: inline-block;
    top: -70px;
    position: relative;
    left: 165px;
    color: #074252;
    font-weight: bold;
    line-height: 30px;
	letter-spacing: 5px;
}

div.mediaContainer div.permission-login-box.plus .wrapper_contribute div.soon.de span,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute div.soon.de span,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute div.soon.de span {
    top: -60px;
    font-size: 24px;
    left: 160px;
}

div.mediaContainer div.permission-login-box.plus .wrapper_contribute_white div.soon.de span,
div.mediaContainer div.permission-login-box.plus .wrapper_contribute_white div.soon.en span,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute_white div.soon.de span,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute_white div.soon.en span,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute_white div.soon.de span {
	letter-spacing: 5px;
}

div.mediaContainer div.permission-login-box.plus .wrapper_contribute div.soon.fr span,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute div.soon.fr span,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute div.soon.fr span {
    top: -70px;
    font-size: 20px;
    left: 160px;

}

div.mediaContainer div.permission-login-box.plus .wrapper_contribute_white div.soon.fr span,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute_white div.soon.fr span,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute_white div.soon.fr span {
	letter-spacing: 2px;
}

/* div.mediaContent.centeralign div.mediaContainer div.permission-login-box.plus.blurred .wrapper_contribute div.soon span {
    left: 65px;
    text-align: left;
} */

div.mediaContainer div.permission-login-box.plus .wrapper_contribute div.buttons,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute div.buttons,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute div.buttons {
    margin-top: 15px;
    font-weight: bold;
}

div.mediaContainer div.permission-login-box.plus .wrapper_contribute_white div.buttons,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute_white div.buttons,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute_white div.buttons {
    margin-top: 15px;
    font-weight: bold;
}

div.mediaContainer div.permission-login-box.plus .wrapper_contribute div.buttons .plus-access-button,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute div.buttons .plus-access-button,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute div.buttons .plus-access-button {
    text-decoration: none;
    display: inline-block;
    width: 130px;
    padding: 5px 10px;
    margin: 0 10px;
    font-size: 14px;
    background-color: #F2C771;
    color: #074252;
    text-align: center;
    vertical-align: middle;
    border-radius: .4em;
}

div.company-info-content-access .permission-login-box.plus .wrapper_contribute_white div.buttons a.plus-access-button {
    width: 120px;
}

div.company-info-content-access {
    position: relative;
    height: 350px;
}

div.company-info-content-access .permission-login-box.plus.preview {
    top: -40px;
}

div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred .wrapper_contribute div.left-box {
    display: inline-block;
    width: 45%;
    margin: 10px;
}

div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred .wrapper_contribute div.right-box {
    display: inline-block;
    margin: 10px;
    border-left: 2px solid white;
    vertical-align: top;
    margin-top: 30px;
}

div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred .wrapper_contribute div.right-box p,
div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred .wrapper_contribute div.right-box ul {
    margin: 15px;
}

div.mediaContainer div.permission-login-box.preview .my-structurae-access-box.preview .wrapper_contribute h2,
div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred .wrapper_contribute h2,
div.category-content-access div.permission-login-box .my-structurae-access-box.category .wrapper_contribute h2 {
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin-top: 3px;
}

div.mediaContainer div.permission-login-box.preview .my-structurae-access-box.preview .wrapper_contribute .register,
div.category-content-access div.permission-login-box .my-structurae-access-box.category .wrapper_contribute .register {
    text-align: center;
    color: #fff;
    margin: 20px 30px;
}

div.mediaContainer div.permission-login-box.preview .my-structurae-access-box.preview .wrapper_contribute .more-features,
div.mediaContainer div.permission-login-box.preview .my-structurae-access-box.preview .wrapper_contribute ul,
div.category-content-access div.permission-login-box .my-structurae-access-box.category .wrapper_contribute .more-features,
div.category-content-access div.permission-login-box .my-structurae-access-box.category .wrapper_contribute ul {
    margin-left: 40px;
}

div.mediaContainer div.permission-login-box.preview .my-structurae-access-box.preview .wrapper_contribute ul,
div.category-content-access div.permission-login-box .my-structurae-access-box.category .wrapper_contribute ul {
    margin-top: 3px;
}

div.mediaContainer div.permission-login-box.preview .my-structurae-access-box.preview .wrapper_contribute .more-features,
div.category-content-access div.permission-login-box .my-structurae-access-box.category .wrapper_contribute .more-features,
div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred .wrapper_contribute div.right-box p {
    font-weight: bold;
}

div.mediaContainer div.permission-login-box.plus .wrapper_contribute_white div.buttons .plus-access-button,
div.company-info-content-access .permission-login-box.plus .wrapper_contribute_white div.buttons .plus-access-button,
div.category-content-access div.permission-login-box.plus.category .wrapper_contribute_white div.buttons .plus-access-button
 {
    text-decoration: none;
    display: inline-block;
    width: 130px;
    padding: 5px 10px;
    margin: 0 10px;
    font-size: 14px;
    background-color: #F2C771;
    color: #074252;
    text-align: center;
    vertical-align: middle;
    border-radius: .4em;
}

div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred .wrapper_contribute_white div.left-box {
    display: inline-block;
    width: 45%;
    margin: 10px;
}

div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred .wrapper_contribute_white div.right-box {
    display: inline-block;
    margin: 10px;
    border-left: 2px solid white;
    vertical-align: top;
    margin-top: 0px;
}

div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred .wrapper_contribute_white div.right-box p,
div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred .wrapper_contribute_white div.right-box ul {
    margin: 15px;
}

div.literature-content-access div.permission-login-box .my-structurae-access-box .wrapper_contribute_white,
div.refs-content-access div.permission-login-box .my-structurae-access-box .wrapper_contribute_white {
    margin-top: 0px;
    padding-top: 20px;
}

div.mediaContainer div.permission-login-box.preview .my-structurae-access-box.preview .wrapper_contribute_white h2,
div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred .wrapper_contribute_white h2,
div.category-content-access div.permission-login-box .my-structurae-access-box.category .wrapper_contribute_white h2,
div.literature-content-access div.permission-login-box .my-structurae-access-box .wrapper_contribute_white h2,
div.refs-content-access div.permission-login-box .my-structurae-access-box .wrapper_contribute_white h2,
div.diagramContent div.permission-login-box .my-structurae-access-box .wrapper_contribute_white h2 {
    text-align: center;
    color: black;
    font-weight: bold;
    margin-top: 3px;
}

div.mediaContainer div.permission-login-box.preview .my-structurae-access-box.preview .wrapper_contribute_white .register,
div.category-content-access div.permission-login-box .my-structurae-access-box.category .wrapper_contribute_white .register {
    text-align: center;
    color: #fff;
    margin: 20px 30px;
}

div.mediaContainer div.permission-login-box.preview .my-structurae-access-box.preview .wrapper_contribute_white .more-features,
div.mediaContainer div.permission-login-box.preview .my-structurae-access-box.preview .wrapper_contribute_white ul,
div.category-content-access div.permission-login-box .my-structurae-access-box.category .wrapper_contribute_white .more-features,
div.category-content-access div.permission-login-box .my-structurae-access-box.category .wrapper_contribute_white ul,
div.literature-content-access div.permission-login-box .my-structurae-access-box .wrapper_contribute_white .more-features,
div.diagramContent div.permission-login-box .my-structurae-access-box .wrapper_contribute_white .more-features,
div.diagramContent div.permission-login-box .my-structurae-access-box .wrapper_contribute_white ul,
div.literature-content-access div.permission-login-box .my-structurae-access-box .wrapper_contribute_white ul,
div.refs-content-access div.permission-login-box .my-structurae-access-box .wrapper_contribute_white .more-features,
div.refs-content-access div.permission-login-box .my-structurae-access-box .wrapper_contribute_white ul {
    margin-left: 40px;
}

div.mediaContainer div.permission-login-box.preview .my-structurae-access-box.preview .wrapper_contribute_white ul,
div.category-content-access div.permission-login-box .my-structurae-access-box.category .wrapper_contribute_white ul,
div.literature-content-access div.permission-login-box .my-structurae-access-box .wrapper_contribute_white ul,
div.refs-content-access div.permission-login-box .my-structurae-access-box .wrapper_contribute_white ul {
    margin-top: 6px;
}

div.mediaContainer div.permission-login-box.preview .my-structurae-access-box.preview .wrapper_contribute_white .more-features ul li,
div.category-content-access div.permission-login-box .my-structurae-access-box.category .wrapper_contribute_white .more-features  ul li,
div.literature-content-access div.permission-login-box .my-structurae-access-box .wrapper_contribute_white .more-features  ul li,
div.diagramContent div.permission-login-box .my-structurae-access-box .wrapper_contribute_white .more-features ul li,
div.refs-content-access div.permission-login-box .my-structurae-access-box .wrapper_contribute_white ul li {
    line-height: 2.5em;
}

div.mediaContainer div.permission-login-box.preview .my-structurae-access-box.preview .wrapper_contribute_white .more-features,
div.category-content-access div.permission-login-box .my-structurae-access-box.category .wrapper_contribute_white .more-features,
div.literature-content-access div.permission-login-box .my-structurae-access-box .wrapper_contribute_white .more-features,
div.diagramContent div.permission-login-box .my-structurae-access-box .wrapper_contribute_white .more-features,
div.refs-content-access div.permission-login-box .my-structurae-access-box .wrapper_contribute_white .more-features,
div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred .wrapper_contribute_white div.right-box p {
    font-weight: bold;
}

div.mediaContainer img.flexible.bordered.mediaObject {
    margin: 0 auto;
}

div.mediaContainer div.mediaItem.preview img.flexible.bordered.mediaObject,
div.mediaContainer div.permission-login-box.preview .my-structurae-access-box,
div.mediaContainer div.permission-login-box.preview .subscriber-access-box {
    margin:auto;
}

div.mediaContainer div.permission-login-box.plus .subscriber-access-box,
div.company-info-content-access .permission-login-box.plus .subscriber-access-box,
div.category-content-access div.permission-login-box.plus.category .subscriber-access-box,
div.mediaContainer div.permission-login-box.preview .my-structurae-access-box.preview .wrapper_contribute .more-features,
div.mediaContainer div.permission-login-box.preview .my-structurae-access-box.preview .wrapper_contribute ul,
div.category-content-access div.permission-login-box .my-structurae-access-box.category .wrapper_contribute .more-features,
div.category-content-access div.permission-login-box .my-structurae-access-box.category .wrapper_contribute ul {
    text-align: left;
}

div.mediaContainer div.permission-login-box.plus .subscriber-access-box,
div.company-info-content-access .permission-login-box.plus .subscriber-access-box,
div.category-content-access div.permission-login-box.plus.category .subscriber-access-box,
div.mediaContainer div.permission-login-box.preview .my-structurae-access-box.preview .wrapper_contribute_white .more-features,
div.mediaContainer div.permission-login-box.preview .my-structurae-access-box.preview .wrapper_contribute_white ul,
div.category-content-access div.permission-login-box .my-structurae-access-box.category .wrapper_contribute_white .more-features,
div.category-content-access div.permission-login-box .my-structurae-access-box.category .wrapper_contribute_white ul {
    text-align: left;
}

div.diagramContent {
    position: relative;
}

div.diagramContent div.permission-login-box {
    top: 0px;
    padding-top: 10px;
}

div.diagramContent .wrapper_contribute_white {
    padding: 20px 7px 10px 7px;
    margin-top: 0px;
}

div#chartContainer .google-visualization-controls-rangefilter-thumblabel {
    color: #0D4350;
}

div#chartContainer .google-visualization-controls-slider-thumb {
    background-color: #2D7B80;
    border: 1px solid #0D4350;
}

div#chartContainer .google-visualization-controls-slider-horizontal {
    border: 1px solid #0D4350;
}

div#chartContainer .google-visualization-controls-slider-handle {
    background-color: #7acbd0;
}

div.mediaContent {
    margin-top: 30px;
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
}

div.mediaContent.centeralign {
    text-align: center;
}

div.mediaContent.centeralign #richscope {
    text-align: left;
}

div.mediaContainer span.download, div.mediaContainer span.favorites,
div.structureFav .structureFavBtn span.favorites,
div.firmFav .firmFavBtn span.favorites,
div.personFav .personFavBtn span.favorites,
div.literatureFav .literatureFavBtn span.favorites {
    background: #F2C771;
    padding-right: 15px;
    padding-left: 5px;
    position: absolute;
    right: -120px;
    width: 165px;
    text-align: right;
    color: #000;
    font-size: 18px;
    font-style: normal;
    height: 60px;
    cursor: pointer;
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
    font-size: 22px;
}

div.structureFav .structureFavBtn span.favorites,
div.firmFav .firmFavBtn span.favorites,
div.personFav .personFavBtn span.favorites,
div.literatureFav .literatureFavBtn span.favorites {
    right: 0px;
    z-index: 2;
}

.img-small-text-list img.bordered.favorites {
    max-width: 200px;
    max-height: 150px;
    width: 100%;
}

.img-small-text-list img.bordered.favorites.empty {
    width: 200px;
}

.img-small-text.favorites {
    position: relative;
}

table.favLiterature td.delButton {
    width: 50px;
    position: relative;
}

table.favLiterature tr {
    height: 50px;
}

table.favLiterature tr td {
    padding: 5px;
    vertical-align: middle;
}

table.favLiterature .del-fav-icon {
    top: 4px;
    right: 0px;
}
table.favLiterature .del-fav-icon:before {
    top: 8px;
}

.ym-gl.favorite-company, .ym-gr.favorite-company,
.ym-gl.favorite-company .img-small-text img,
.ym-gr.favorite-company .img-small-text img {
    float: none;
    margin: 0;
}

.ym-g50.favorite-company {
    display: inline-block;
    width: 49%;
}

.ym-g50.favorite-company .img-small-text .h4eq,
.ym-g50.favorite-company .img-small-text {
    margin: 0;
    padding: 0;
}

div.mediaContainer span.download {
    top: 20px;
    display: flex;
}

.fancybox-wrap.fancybox-opened {
    z-index: 9999999 !important;
}
#fancybox-overlay {
    z-index: 9999998 !important;
}

div.mediaContainer span.favorites {
    top: 90px;
    display: flex;
}

div.structureFav .structureFavBtn span.favorites,
div.firmFav .firmFavBtn span.favorites,
div.personFav .personFavBtn span.favorites,
div.literatureFav .literatureFavBtn span.favorites {
    top: -17px;
    display: flex;
}

div.mediaContainer span.favorites.mobile,
div.mediaContainer span.download.mobile,
div.structureFav .structureFavBtn span.favorites.mobile,
div.firmFav .firmFavBtn span.favorites.mobile,
div.personFav .personFavBtn span.favorites.mobile,
div.literatureFav .literatureFavBtn span.favorites.mobile {
    display: none;
    right: 0px;
    width: 45px;
    padding-right: 10px;
    padding-left: 5px;
}



div.mediaContainer span.download span {
    position: relative;
    top: -6px;
}

div.mediaContainer span.favorites span,
div.structureFav .structureFavBtn span.favorites span, div.firmFav .firmFavBtn span.favorites span,
div.personFav .personFavBtn span.favorites span,
div.literatureFav .literatureFavBtn span.favorites span {
    position: relative;
}

div.mediaContainer span.favorites.en span.text,
div.structureFav .structureFavBtn span.favorites.en span.text,
div.firmFav .firmFavBtn span.favorites.en span.text,
div.personFav .personFavBtn span.favorites.en span.text,
div.literatureFav .literatureFavBtn span.favorites.en span.text {
    top: 32%;
    left: 6%;
    font-size: 15px;
}

div.firmFav .firmFavBtn span.favorites.en span.text,
div.structureFav .structureFavBtn span.favorites.en span.text,
div.personFav .personFavBtn span.favorites.en span.text,
div.literatureFav .literatureFavBtn span.favorites.en span.text {
    min-width: 115px;
}

div.firmFav .firmFavBtn span.favorites.in--favorites.en span.text,
div.structureFav .structureFavBtn span.favorites.in--favorites.en span.text,
div.personFav .personFavBtn span.favorites.in--favorites.en span.text,
div.literatureFav .literatureFavBtn span.favorites.in--favorites.en span.text {
    min-width: 83px;
}

div.mediaContainer span.favorites.de span.text,
div.mediaContainer span.favorites.fr span.text,
div.structureFav .structureFavBtn span.favorites.de span.text,
div.structureFav .structureFavBtn span.favorites.fr span.text,
div.firmFav .firmFavBtn span.favorites.fr span.text,
div.firmFav .firmFavBtn span.favorites.de span.text,
div.personFav .personFavBtn span.favorites.fr span.text,
div.personFav .personFavBtn span.favorites.de span.text,
div.literatureFav .literatureFavBtn span.favorites.fr span.text,
div.literatureFav .literatureFavBtn span.favorites.de span.text {
    top: 15%;
    left: 5%;
    font-size: 15px;
    text-align: center;
}

div.mediaContainer span.download span.text,
div.mediaContainer span.favorites.in--favorites.en span.text,
div.mediaContainer span.favorites.in--favorites.fr span.text,
div.mediaContainer span.favorites.in--favorites.de span.text,
div.structureFav .structureFavBtn span.favorites.in--favorites.en span.text,
div.structureFav .structureFavBtn span.favorites.in--favorites.de span.text,
div.structureFav .structureFavBtn span.favorites.in--favorites.fr span.text,
div.firmFav .firmFavBtn span.favorites.in--favorites.en span.text,
div.firmFav .firmFavBtn span.favorites.in--favorites.de span.text,
div.firmFav .firmFavBtn span.favorites.in--favorites.fr span.text,
div.personFav .personFavBtn span.favorites.in--favorites.en span.text,
div.personFav .personFavBtn span.favorites.in--favorites.de span.text,
div.personFav .personFavBtn span.favorites.in--favorites.fr span.text,
div.literatureFav .literatureFavBtn span.favorites.in--favorites.en span.text,
div.literatureFav .literatureFavBtn span.favorites.in--favorites.de span.text,
div.literatureFav .literatureFavBtn span.favorites.in--favorites.fr span.text {
    top: 20%;
    font-size: 22px;
}

div.mediaContainer span.download span.icon {
    padding-right: 10px;
    padding-left: 5px;
}

div.mediaContainer span.favorites.in--favorites.fr span.text,
div.structureFav .structureFavBtn span.favorites.in--favorites.fr span.text,
div.firmFav .firmFavBtn span.favorites.in--favorites.fr span.text,
div.personFav .personFavBtn span.favorites.in-favorites.fr span.text,
div.literatureFav .literatureFavBtn span.favorites.in--favorites.fr span.text {
    left: 15%;
}

div.mediaContainer span.favorites.in--favorites.en span.text,
div.mediaContainer span.favorites.in--favorites.de span.text,
div.structureFav .structureFavBtn span.favorites.in--favorites.en span.text,
div.structureFav .structureFavBtn span.favorites.in--favorites.de span.text,
div.firmFav .firmFavBtn span.favorites.in--favorites.en span.text,
div.firmFav .firmFavBtn span.favorites.in--favorites.de span.text,
div.personFav .personFavBtn span.favorites.in--favorites.en span.text,
div.personFav .personFavBtn span.favorites.in--favorites.de span.text,
div.literatureFav .literatureFavBtn span.favorites.in--favorites.en span.text,
div.literatureFav .literatureFavBtn span.favorites.in--favorites.de span.text {
    left: 12%;
}

div.mediaContainer span.favorites.de span.icon,
div.structureFav .structureFavBtn span.favorites.de span.icon,
div.firmFav .firmFavBtn span.favorites.de span.icon,
div.personFav .personFavBtn span.favorites.de span.icon,
div.literatureFav .literatureFavBtn span.favorites.de span.icon {
    width: 42%;
}

div.mediaContainer span.favorites span.icon,
div.mediaContainer span.download span.icon,
div.mediaContainer span.favorites.in--favorites.de span.icon,
div.structureFav .structureFavBtn span.favorites span.icon,
div.structureFav .structureFavBtn span.favorites.in--favorites.de span.icon,
div.firmFav .firmFavBtn span.favorites span.icon,
div.firmFav .firmFavBtn span.favorites.in--favorites.de span.icon,
div.personFav .personFavBtn span.favorites.in--favorites.de span.icon,
div.personFav .personFavBtn span.favorites span.icon,
div.literatureFav .literatureFavBtn span.favorites.in--favorites.de span.icon,
div.literatureFav .literatureFavBtn span.favorites span.icon {
    width: 30%;
}

div.mediaContainer span.favorites.in--favorites.fr span.icon,
div.structureFav .structureFavBtn span.favorites.in--favorites.fr span.icon,
div.firmFav .firmFavBtn span.favorites.in--favorites.fr span.icon,
div.personFav .personFavBtn span.favorites.in--favorites.fr span.icon,
div.literatureFav .literatureFavBtn span.favorites.in--favorites.fr span.icon {
    width: 28%;
}

div.mediaContainer span.download .icon:before, div.mediaContainer span.favorites .icon:before,
div.structureFav .structureFavBtn .icon:before, div.firmFav .firmFavBtn .icon:before,
div.personFav .personFavBtn .icon:before,
div.literatureFav .literatureFavBtn .icon:before {
    font-family: FontAwesome;
    font-size: 40px;
    position: relative;
}

div.mediaContainer span.download .icon:before {
    content: "\f019";
    top:11px;
}

div.mediaContainer span.favorites .icon:before,
div.structureFav .structureFavBtn span.favorites .icon:before,
div.firmFav .firmFavBtn span.favorites .icon:before,
div.personFav .personFavBtn span.favorites .icon:before,
div.literatureFav .literatureFavBtn span.favorites .icon:before {
    content: "\f006";
    font-size: 42px;
    top: -2px;
}

div.mediaContainer span.favorites.in--favorites .icon:before,
div.structureFav .structureFavBtn span.favorites.in--favorites .icon:before,
div.firmFav .firmFavBtn span.favorites.in--favorites .icon:before,
div.personFav .personFavBtn span.favorites.in--favorites .icon:before,
div.literatureFav .literatureFavBtn span.favorites.in--favorites .icon:before {
    content: "\f005";
}

div.structureFav {
    position: absolute;
    right: 0;
    /* width: 10px; */
    padding-left: 19px;
}

.small-access-structuraeplus.on-bottom.medium-image-access,
.small-access-structuraepro.on-bottom.medium-image-access,
.small-access-contributor.on-bottom.medium-image-access,
.small-access-mystructurae.on-bottom.medium-image-access,
.big-access-structuraeplus.on-top.medium-image-access,
.big-access-structuraepro.on-top.medium-image-access,
.big-access-contributor.on-top.medium-image-access,
.big-access-mystructurae.on-top.medium-image-access {
    top: 0px;
}

div.photoSwipeMedia {
    position: relative;
    display: table;
    margin: 0 auto;
}

div.hiddenMediaCount {
    width: 250px;
    height: 250px;
    font-size: 20px;
    color: grey;
    vertical-align: middle;
}

div.hiddenMediaCount.empty {
    margin: 0 auto;
}

div.hiddenMediaCount span.text{
    text-align: center;
    vertical-align: middle;
    position: relative;
    top: 30%;
    white-space: normal;

}

div.hiddenMediaCount.ps {
    width: 100%;
    max-width: 600px;
    height: 40px;
    color: white;
    text-align: center;
}


div.photoSwipeMedia .pswp__img {
    max-width: 1182px !important;
    max-height: 750px;
    margin: 0 auto;
}

.pswp__zoom-wrap, .pswp__container .pswp__item .wrapper {
  text-align: center;
}

.pswp__zoom-wrap .photoSwipeMedia.video .pswp__video {
    width: 960px;
    height: 640px;
}

.pswp__zoom-wrap .pdfPlaceholderImage {
    max-height: 700px;
    height: 80%;
}

.pswp__button.pswp__button--download:before,
.pswp__button.pswp__button--favorites:before {
    font-family: FontAwesome;
    color: #fff;
    font-size: 16px;
    vertical-align: sub;
}

.pswp__button.pswp__button--favorites:before {
    content: "\f006";
    font-weight: bold;
    font-size: 16px;
}

.pswp__button.pswp__button--favorites.in--favorites:before {
    content: "\f005";
    color: yellow;
}

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

.pswp__button.pswp__a--download,
.pswp__button.pswp__a--favorites,
.pswp__button.pswp__button--favorites {
    background: none !important;
}

ul.personFavoritesList {
    list-style-type: none;
}

ul.personFavoritesList li {
    width: 30%;
    display: inline-block;
    margin-right: 30px;
    text-align: center;
}

ul.personFavoritesList li .h4eq {
    position: relative;
}

ul.personFavoritesList li .h4eq .del-fav-icon {
    right: 20px;
    top: 10px;
}

ul.personFavoritesList li a.personName {
    display: block;
}

ul.personFavoritesList li .h4eq .del-fav-icon::before {
    top: 9px;
}

.image_type-icon, .del-fav-icon {
    width: 40px;
    height: 40px;
    position: absolute;
    text-align: right;
    top: 2px;
    right: 2px;
}

.ym-columnar .ym-fbox-text input.fav-confirmation {
    width: 30%;
    margin: 0 auto;
    background-color: #ccc;
    border: 1px solid #777;
    border-radius: .4em;
    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;
    padding: 0 1.5em;
    overflow: visible;
    text-decoration: none !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.ym-columnar .ym-fbox-text input.fav-confirmation.yes {
    border: 1px dotted #D44D4A;
    border-radius: 4px;
    background-color: #D44D4A;
    color: white;
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
}

.ym-columnar .ym-fbox-text input.fav-confirmation:hover {
    background-color: #ddd;
}

.ym-columnar .ym-fbox-text input.fav-confirmation.yes:hover {
    background-color: #d9615f;
}

.photoGalleryContainer .image_type-icon {
    right: 10px;
}

.del-fav-icon {
    right: 10px;
    top: 10px;
    border: 1px dotted #777;
    border-radius: 4px;
    background-color: #D44D4A;
    width: 50px;
}

.img-small-text.favorites .del-fav-icon {
    right: 40px;
}

.empty_gallery {
    text-align: center;
}

.favorite-media-h3, .favorite-company-h3 {
    margin-left: 3px;
    margin-bottom: 20px;
}

.image_type-icon:before, .del-fav-icon:before {
    font-family: FontAwesome;
    font-size: 32px;
    color: #fff;
    opacity: 0.8;
}

.del-fav-icon:before {
    content: '\f1f8';
    right: 13px;
    position: relative;
    top: -5px;
}

.ym-g50.favorite-company .img-small-text {
    position: relative;
}

.ym-g50.favorite-company .img-small-text .del-fav-icon {
    left: 60px;
}

.image_type-icon.pdf:before {
    content: '\f1c1';
    color: #000;
}

.image_type-icon.jpg:before,
.image_type-icon.png:before,
.image_type-icon.bmp:before {
    content: '\f1c5';
}

.image_type-icon.video:before, .image_type-icon.playlist:before {
    content: '\f1c8';
}

.image_type-icon.svg:before, .image_type-icon.animated-svg:before,
.image_type-icon.gif:before, .image_type-icon.animated-gif:before {
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
    opacity: 0.5;
    color: #000;
    font-size: 22px;
}

.image_type-icon.svg:before, .image_type-icon.animated-svg:before {
    content: 'SVG';
}
.image_type-icon.gif:before, .image_type-icon.animated-gif:before {
    content: 'GIF';
}

div.keywords {
    display: flex;
    flex-wrap: wrap;
}

div.keywords span {
    background: #ccc;
    border-radius: 4px;
    padding: 4px 15px;
    margin: 5px 10px 5px 0;
    color: white;
    font-weight: 600;
}

.nobotmargin {
  margin-bottom: 0px !important;
}

.reduced-topmargin {
  margin-top: 10px !important;
}

figcaption {
  font-size: 10px;
  text-align: right;
  font-family: "Noto Sans", Arial, Helvetica, 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 {
    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;
  }*/

  .refs-content-access div.permission-login-box {
      width: 90%;
      margin: 0 auto;
  }
}

@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.favLiterature td:first-child {
    display: block;
  }
  .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;
  }
  .itemsListTable.stripped.favLiterature td {
    padding: 5px;
  }

  .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;
  }
  .ym-g50.favorite-company .img-small-text .del-fav-icon {
      left: 20px;
  }
  /*#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;
}

div.pswp__caption__center {
    text-align: center;
    max-width: 100%;
}

@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, .mystructurae-sub-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mystructurae-menu li, .mystructurae-sub-menu li {
    margin: 0;
    padding: 0;
    border: 1px solid #ddd;
    margin-bottom: -1px;
}

.mystructurae-menu li.active, .mystructurae-sub-menu li.active {
    background-color: #eee;
}

.mystructurae-menu li:hover, .mystructurae-sub-menu li:hover {
    background-color: #eee;
}

.mystructurae-menu li.favorites:hover {
    background-color: #fff;
}

.mystructurae-menu li.favorites .mystructurae-sub-menu {
    display: none;
}

.mystructurae-menu li.favorites.expanded .mystructurae-sub-menu {
    display: inline;
}

.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-sub-menu li {
    border-radius: 0px;
    border-left: 0px;
    border-right: 0px;
}

.mystructurae-menu li a, .mystructurae-sub-menu li a {
    color: #333;
    text-decoration: none;
    display: block;
    padding: 10px 15px;
}

.mystructurae-sub-menu li a {
    padding-left: 35px;
}

.mystructurae-menu li:hover a, .mystructurae-sub-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: #F2C771;
    color: black;
}

.nodownload-image-btn {
    background: white;
    cursor: default;
    border: Red 4px solid;
    color: black;
    padding: 8px;
    text-decoration: none;
    display: block;
    margin: 18px 0;
    min-height: 55px;
}

.nodownload-image-btn:hover,
.nodownload-image-btn:active {
    text-decoration: none;
    color: black;
}


#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, .wrapper_contribute .mystructurae-register-btn {
    float: none;
    margin: 10px 0 0 0;
    display: block;
    text-decoration: none !important;
}

.mediaContribute .wrapper_contribute .mystructurae-login-btn,
.mediaContribute .wrapper_contribute .mystructurae-register-btn {
    width: 40%;
    margin: 5px 10px;
    display: inline-block;
    font-weight: 600;
    padding: 10px 0;
}

.wrapper_contribute {
    background-color: #2d7b80;
    margin-top: 10px;
    padding: 10px 7px;
    color: #fff;
    font-family: "Noto Sans", Tahoma, sans-serif;
}

.wrapper_contribute_white {
    background-color: White;
    margin-top: 10px;
    padding: 10px 7px;
    color: black;
    font-family: "Noto Sans", Tahoma, sans-serif;
}

.wrapper_contribute_white .login-required {
    margin: 0.5em 0;
    text-align: center;
}

.wrapper_contribute_white .login-required a {
    color: #fff;
    text-decoration: underline;
}

.wrapper_contribute_white .mystructurae-login-btn, .wrapper_contribute_white .mystructurae-register-btn {
    float: none;
    margin: 10px 0 0 0;
    display: block;
    text-decoration: none !important;
}

.mediaContribute .wrapper_contribute .mystructurae-login-btn,
.mediaContribute .wrapper_contribute .mystructurae-register-btn {
    width: 40%;
    margin: 5px 10px;
    display: inline-block;
    font-weight: 600;
    padding: 10px 0;
}

.mediaContribute .wrapper_contribute_white .mystructurae-login-btn,
.mediaContribute .wrapper_contribute_white .mystructurae-register-btn {
    width: 40%;
    margin: 5px 10px;
    display: inline-block;
    font-weight: 600;
    padding: 10px 0;
}


.literature-references-list {
    margin: 0 0 0 21px;
    padding: 0;
}

.literature-references-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;
}

@media screen and (max-width: 1250px) {
    .mediaContribute .wrapper_contribute .mystructurae-login-btn,
    .mediaContribute .wrapper_contribute .mystructurae-register-btn,
    .mediaContribute .wrapper_contribute_white .mystructurae-login-btn,
    .mediaContribute .wrapper_contribute_white .mystructurae-register-btn {
        width: 60%;
    }
    div.mediaContainer div.mediaItem.preview,
    div.mediaContainer div.permission-login-box.preview {
        display: block;
        width: 100%;
    }
    div.mediaDetails img {
        width: 100%;
    }

}

@media screen and (max-width: 900px) {
    table.mediaInfo tr.minfo > td:last-child, table.mediaInfo tr.minfo > td:first-child {
        width: 100%;
        display: block;
    }
    div.mediaDetails table th {
        width: 50%;
    }
    div.mediaAvailable {
        margin-left: 0;
        /* margin-top: 15px !important; */
    }
    div.mediaContribute {
        display: none;
    }
    div.mediaContribute.mobile {
        display: block;
        padding-top: 15px;
    }
    .mediaContribute .wrapper_contribute .mystructurae-login-btn,
    .mediaContribute .wrapper_contribute .mystructurae-register-btn ,
    .mediaContribute .wrapper_contribute_white .mystructurae-login-btn,
    .mediaContribute .wrapper_contribute_white .mystructurae-register-btn {
        width: 40%;
    }
    table.mediaInfo tr.minfo > th, table.mediaInfo tr.minfo > td {
        padding: 10px 0;
    }
    div.mediaAvailable > div {
        margin-bottom: 20px;
    }

    div.mediaContainer div.mediaItem.video .mediaObject.video,
    .photoSwipeMedia.video .pswp__video {
        height: 550px !important;
    }

    #right_div {
        float: none;
        text-align: center;
        width:100%;
    }

    #right_div #reset_filters.active, #right_div #download.active, #right_div #download_all.active {
        display: inline-block;
        margin: 10px;
    }

}

@media screen and (max-width: 750px) {
    div.mediaContainer span.download,
    div.mediaContainer span.favorites {
        font-size: 17px;
        padding: 3px;
    }
    div.mediaContainer span.download span.icon {
        left: -30%;
        padding-right: 0px;
        padding-left: 0px;
        top: -3px;
    }
    div.mediaContainer span.favorites span.icon {
        left: -25%;
    }

    div.mediaContainer span.favorites.mobile,
    div.mediaContainer span.download.mobile {
        width: 33px;
        padding-right: 0px;
    }
    div.mediaContainer span.favorites.mobile {
        padding-left: 5px;
    }

    div.mediaContainer span.favorites {
        top: 65px;
    }

    div.mediaContainer span.favorites.mobile,
    div.mediaContainer span.download.mobile {
      max-height: 30px;
    }

    div.mediaContainer span.download span {
        top: 4px;
    }

    div.mediaContainer span.favorites span {
        top: -2px;
    }

    div.mediaContainer span.download .icon:before,
    div.mediaContainer span.favorites .icon:before {
        font-size: 17px;
    }

    div.mediaContainer span.download .icon:before {
        top:2px;
    }

    div.mediaContainer span.favorites .icon:before {
        font-size: 22px;
        top: 2px;
    }
    /* table.mediaInfo tr.minfo > th, table.mediaInfo tr.minfo > td {
        padding: 10px 0;
    } */

    .pswp__zoom-wrap .pdfPlaceholderImage {
        height: auto;
        width: 100%;
    }

    div.mediaContainer div.mediaItem.video .mediaObject.video,
    .photoSwipeMedia.video .pswp__video {
        height: 500px !important;
    }

    div.mediaContainer .background-hidden,
    div.mediaDetails .background-hidden {
        max-height: 400px;
    }
    div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred .wrapper_contribute div.left-box,
    div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred .wrapper_contribute_white div.left-box {
        display: block;
        width: 93%;
    }
    div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred .wrapper_contribute div.left-box p.register,
    div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred .wrapper_contribute_white div.left-box p.register {
        margin-left: 30px;
        margin-bottom: 15px;
    }

    div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred .wrapper_contribute div.right-box,
    div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred .wrapper_contribute_white div.right-box {
        display: block;
        border-left: none;
        text-align: left;
        margin-left: 30px;
    }

    div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred .wrapper_contribute div.right-box ul,
    div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred .wrapper_contribute_white div.right-box ul {
        margin-top: 3px;
    }

    div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred .wrapper_contribute div.right-box p.more-features,
    div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred .wrapper_contribute_white div.right-box p.more-features {
        margin-bottom: 3px;
    }

    div.mediaContainer div.permission-login-box.blurred .my-structurae-access-box.blurred {
        max-width: 360px;
    }

    div.company-info-content-access img {
        display: block;
        margin: 0 auto;
    }
}


@media screen and (max-width: 600px) {
    div.mediaAvailable, div.mediaContent, div.mediaContent.centeralign #richscope {
        text-align: center;
    }
    div.mediaAvailable .ym-sidebox .img-small-text img {
        float: none;
        margin: 0 auto;
    }
    div.mediaAvailable .ym-sidebox div.h4eq {
        margin-top: 10px;
    }
    div.mediaAvailable .paywall-content .ym-sidebox .medium-access-container {
        display: block;
    }
    div.mediaAvailable .paywall-content .ym-sidebox .medium-image-access-title {
        margin-left: 0;
    }
    div.mediaAvailable .paywall-content .ym-sidebox .medium-access-container img.bordered,
    div.mediaAvailable .paywall-content .ym-sidebox .medium-access-container .medium-image-access-container {
        display: inline;
    }
    div.keywords {
        justify-content: center;
    }
    div.mediaContainer div.mediaItem.video .mediaObject.video,
    .photoSwipeMedia.video .pswp__video {
        height: 450px !important;
    }
    div.mediaContainer div.permission-login-box.plus .wrapper_contribute div.soon.en span,
    div.company-info-content-access .permission-login-box.plus .wrapper_contribute div.soon.en span,
    div.category-content-access div.permission-login-box.plus.category .wrapper_contribute div.soon.en span,
    div.mediaContainer div.permission-login-box.plus .wrapper_contribute_white div.soon.en span,
    div.company-info-content-access .permission-login-box.plus .wrapper_contribute_white div.soon.en span,
    div.category-content-access div.permission-login-box.plus.category .wrapper_contribute_white div.soon.en span {
        left: 65px;
        text-align: left;
    }
    div.mediaContainer div.permission-login-box.plus .wrapper_contribute div.soon.de span,
    div.company-info-content-access .permission-login-box.plus .wrapper_contribute div.soon.de span,
    div.category-content-access div.permission-login-box.plus.category .wrapper_contribute div.soon.de span,
    div.mediaContainer div.permission-login-box.plus .wrapper_contribute_white div.soon.de span,
    div.company-info-content-access .permission-login-box.plus .wrapper_contribute_white div.soon.de span,
    div.category-content-access div.permission-login-box.plus.category .wrapper_contribute_white div.soon.de span {
        left: 40px;
        text-align: left;
    }
    div.mediaContainer div.permission-login-box.plus .wrapper_contribute div.soon.fr span,
    div.company-info-content-access .permission-login-box.plus .wrapper_contribute div.soon.fr span,
    div.category-content-access div.permission-login-box.plus.category .wrapper_contribute div.soon.fr span,
    div.mediaContainer div.permission-login-box.plus .wrapper_contribute_white div.soon.fr span,
    div.company-info-content-access .permission-login-box.plus .wrapper_contribute_white div.soon.fr span,
    div.category-content-access div.permission-login-box.plus.category .wrapper_contribute_white div.soon.fr span {
        left: 50px;
        text-align: left;
    }
    div.mediaContainer div.permission-login-box.plus .subscriber-access-box,
    div.company-info-content-access .permission-login-box.plus .subscriber-access-box,
    div.category-content-access div.permission-login-box.plus.category .subscriber-access-box {
        min-width: 300px;
        max-width: 340px;
        text-align: center;
    }
    div.mediaContainer div.permission-login-box.plus .wrapper_contribute div.top,
    div.company-info-content-access .permission-login-box.plus .wrapper_contribute div.top,
    div.category-content-access div.permission-login-box.plus.category .wrapper_contribute div.top,
    div.mediaContainer div.permission-login-box.plus .wrapper_contribute_white div.top,
    div.company-info-content-access .permission-login-box.plus .wrapper_contribute_white div.top,
    div.category-content-access div.permission-login-box.plus.category .wrapper_contribute_white div.top {
        margin-top: 0px;
    }
    div.mediaContainer div.permission-login-box.plus .wrapper_contribute div.available,
    div.company-info-content-access .permission-login-box.plus .wrapper_contribute div.available,
    div.category-content-access div.permission-login-box.plus.category .wrapper_contribute div.available,
    div.mediaContainer div.permission-login-box.plus .wrapper_contribute_white div.available,
    div.company-info-content-access .permission-login-box.plus .wrapper_contribute_white div.available,
    div.category-content-access div.permission-login-box.plus.category .wrapper_contribute_white div.available {
        width: 100%;
    }
    div.mediaContainer div.permission-login-box.plus .wrapper_contribute div.buttons a.plus-access-button,
    div.company-info-content-access .permission-login-box.plus .wrapper_contribute div.buttons a.plus-access-button,
    div.category-content-access div.permission-login-box.plus.category .wrapper_contribute div.buttons a.plus-access-button,
    div.mediaContainer div.permission-login-box.plus .wrapper_contribute_white div.buttons a.plus-access-button,
    div.company-info-content-access .permission-login-box.plus .wrapper_contribute_white div.buttons a.plus-access-button,
    div.category-content-access div.permission-login-box.plus.category .wrapper_contribute_white div.buttons a.plus-access-button {
        margin-top: 10px;
    }
    div.refs-content-access  {
        display: inline-flex;
    }
    div.company-info-content-access {
        height: 400px;
    }
    #right_div #reset_filters.active {
        margin-bottom: 30px;
    }
    #chartContainer #status_filter_text.active,
    #chartContainer #country_filter_text.active,
    #chartContainer #year_filter_text.active,
    #chartContainer #span_filter_text.active {
        text-align: center;
        width: 100%;
        display: block;
    }
    #chartContainer #status_legend_div, #chartContainer #country_legend_div.active {
        width: 100%;
        display: inline-block;
    }
    #chartContainer #year_filter_div.active, #chartContainer #year_filter_div_slider, #chartContainer #span_filter_div {
        width: 100%;
        display: inline-block;
        text-align: center;
    }

    #chartContainer #year_filter_div.active #year_to, #chartContainer #year_filter_div.active #year_from {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 500px) {

  div.mediaContribute .wrapper_contribute .mystructurae-login-btn,
  div.mediaContribute .wrapper_contribute .mystructurae-register-btn,
  div.mediaContribute .wrapper_contribute_white .mystructurae-login-btn,
  div.mediaContribute .wrapper_contribute_white .mystructurae-register-btn {
      width: 70%;
  }
  div.mediaAvailable .ym-sidebox .img-small-text img {
      float: none;
      margin: 0 auto;
  }
  div.mediaAvailable div.h4eq {
    margin-top: 10px;
    display: block;
  }
  div.mediaAvailable {
    text-align: center;
  }
  div.mediaAvailable .medium-image-access-container,
  div.mediaAvailable .medium-access-container {
      display: block;
      width:100%;
  }
  div.mediaAvailable .h4eq.medium-image-access-title {
      margin-left: 0;
  }
  div.mediaAvailable div.img-small-text.ym-clearfix {
      margin-bottom: 10px !important;
  }
  div.mediaContainer div.mediaItem.video .mediaObject.video,
  .photoSwipeMedia.video .pswp__video {
      height: 400px !important;
  }
  #chart_area #empty_chart_div {
      max-width: 200px;
  }
}

@media screen and (max-width: 400px) {

    div.mediaDetails table tr td, div.mediaDetails table tr th {
        width: 100%;
        display: block;
        text-align: center;
    }
    div.mediaDetails table tr th {
        font-weight: 600;
    }
    .mediaDetails table tr th, .mediaDetails table tr td {
        padding: 5px 0;
    }
    div.keywords {
        justify-content: center;
    }
    div.mediaContainer div.mediaItem.video .mediaObject.video,
    .photoSwipeMedia.video .pswp__video {
        height: 300px !important;
    }
    div.mediaContainer div.permission-login-box.plus .wrapper_contribute div.buttons a.plus-access-button,
    div.company-info-content-access .permission-login-box.plus .wrapper_contribute div.buttons a.plus-access-button,
    div.mediaContainer div.permission-login-box.plus .wrapper_contribute_white div.buttons a.plus-access-button,
    div.company-info-content-access .permission-login-box.plus .wrapper_contribute_white div.buttons a.plus-access-button {
        display: block;
        margin: 0 auto;
        margin-top: 10px;
    }
    #chart_area #empty_chart_div {
        max-width: 150px;
    }
}