@charset "UTF-8";

/* noto-sans-regular - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; 
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://files.structurae.net/files/fonts/noto-sans-v32-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-regular.woff2') format('woff2'); 
}

/* noto-sans-700 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; 
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('https://files.structurae.net/files/fonts/noto-sans-v32-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-700.woff2') format('woff2'); 
}


/** ---------------------------------------------------------------------------------------------------- #  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", "Open 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", "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #161e21;
    margin: 0;
  }

  h1, .h1eq {
    font-size: 175%;
    margin: 1.8571em 0 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", "Open Sans", Arial, Helvetica, sans-serif;
      font-size: 24px;
  }

  h3.mediah3 {
      font-size: 100%;
      font-weight: normal;
      /* margin-left: 0.5em; */
      font-family: "Noto Sans", "Open 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", "Open 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;
    margin: 0 4px;
  }

  .ym-hlist ul li.mystructurae a,
  .ym-hlist ul li.shop 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;
  }

  .ym-hlist ul li.shop a {
    line-height: 2em;
  }

  .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,
  h2.additionalHeadline {
    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", "Open Sans", Arial, Helvetica, sans-serif;
    float: right;
    display: inline;
    position: relative;
    margin-left: 0.5em;
  }

  #top-search.hidden {
    display: none;
  }

  #top-search.sub-search {
    position: absolute;
    width: auto;
    top: 42px;
    z-index: 9999;
    background: rgba(0, 57, 73, 0.95);
    padding: 10px;
  }

  #top-search.sub-search .ym-searchform .ym-searchfield {
    right: 26px;
  }

  #top-search.sub-search .ym-searchform .ym-searchbutton,
  div.main-box.shopLandingPage #papersSearch .ym-searchbutton {
    right: 10px;
    top: 12px;
  }

  #top div.top-search-icon {
    margin-top: 1px;
    font-size: 16px;
  }

  #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,
  div.main-box.shopLandingPage #papersSearch .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;
  }

  div.main-box.shopLandingPage #papersSearch .ym-searchbutton {
    display: inline;
    position: relative;
  }

  .mystructurae-login-btn,
  .mystructurae-register-btn,
  .mystructurae-logout-btn,
  .button-green,
  .button-light {
    float: right;
    font-family: "Noto Sans", "Open 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;
  }

  .button-download {
    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", "Open Sans", Arial, Helvetica, sans-serif;
    margin: 10px;
    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: inline-block;
    width: max-content;
    text-align: center;
  }

  .button-download i {
    margin-right: 5px;
  }

  .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 {
    z-index: 99999;
  }

  #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", "Open 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,
  div.main-box.shopLandingPage #papersSearch {
    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", "Open 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, .ym-form div select#country {
    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", "Open 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", "Open 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", "Open 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: 12px 12px 0 12px;
  background-color: #faf2e1;
    font-size: 1.05em;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

.box.premium:before {
    position: absolute;
    bottom: 2px;
    right: 20px;
    content: "Premium PROFILES";
    font-size: 11px;
    text-transform: uppercase;
    color: gray;
    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: -63%;
  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(0, 63, 65, 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(0, 63, 65, 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", "Open 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", "Open 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", "Open 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: #F2C771; 
  border: 1px solid #fff;
}

.social_footer:hover {
  color: #F2C771;
}

.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", "Open 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;
  }
  #ajaxRegistrationPopup {
    max-width: 800px !important;
  }
  #addToCartPopup {
    width: 100% !important;
    max-width: 800px;
  }
  #structureListTableDiv div#buttonsSection {
    display: block;
  }
  #structureListTableDiv #buttonsSection div.filterSortSection {
    display:block;
    width: 100%;
    text-align: center;
  }
  #structureListTableDiv div#bottomPagination {
    display:flex;
    width: 100%;
    align-items: center;
    justify-content: right;
  }
  #structureListTableDiv #buttonsSection div.pageNav {
    padding-top: 30px;
    display: none;
  }

  #structureListTableDiv #filterSection table.filteringTable.desktop,
  #multipleSortingSection tr.desktop {
    display: none;
  }

  #structureListTableDiv #filterSection {
    display: flex;
    justify-content: center;
    flex-direction: column;
    background: #f8f8f8;
  }
 
  #structureListTableDiv div#filterSection div.mobile,
  div#multipleSortingSection table#multipleSorting {
    display: flex;
    justify-content: center;
  }
  #structureListTableDiv #filterSection table.filteringTable.mobile {
    display: flex;
    justify-content: right;
    padding-right: 20px;
  }
  #structureListTableDiv div#filterSection div.recentlyCheckboxes.mobile {
    display: flex;
    justify-content: left;
    flex-flow: column;
    width: 45%;
  }
  #structureListTableDiv div#filterSection div.recentlyCheckboxes.mobile div.filterCheckbox {
    height: 40px;
  }
  #structuresList #structuresListCountSection {
    flex-direction: column;
    justify-content: center;
  }
  #structuresList #structuresListCountSection #iconsLegend,
  #structuresList #structuresListCountSection #structuresCount,
  #multipleSortingSection div.applySorting {
    display: flex;
    justify-content: center;
    margin: 10px;
  }

  #multipleSortingSection div.applySorting {
    margin-bottom: 20px;
  }

  #structuresList #structuresListCountSection #structuresCount b {
    margin-right: 5px;
  }
  div#multipleSortingSection {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  #multipleSortingSection table#multipleSorting tr th, 
  #multipleSortingSection table#multipleSorting tr td,
  #multipleSortingSection table#multipleSorting tr td.valueSection, 
  #multipleSortingSection table#multipleSorting tr th.valueSection {
    width: auto;
  }
  #structureListTableDiv #multipleSorting div.select {
    width: 100%;
  }
  #multipleSortingSection table#multipleSorting tr th:last-child,
  #multipleSortingSection table#multipleSorting tr td:last-child {
    width: 10%;
  }
  #multipleSortingSection table#multipleSorting tr th.name, 
  #multipleSortingSection table#multipleSorting tr td.name {
    padding-left: 10px;
    width: 40%;
  }

  #structuresList div#structuresListCountSection {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  #structuresList #structuresListCountSection div#iconsLegend{
    display: none;
  }
  #structureListTableDiv div#applySection.mobile.active {
    display: flex;
    justify-content: center;
    background: #f8f8f8;
    padding: 15px 10px;
  }

  #structureListTableDiv div#filterSection {
    margin-bottom: 0px;
    flex-direction: row-reverse;
  }
  div#structureGridView.small {
    grid-template-columns: auto auto;
  }
  
  div#structureGridView.large {
    grid-template-columns: auto;
  }
  
}
.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;
  cursor: pointer;
}

.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 {
  text-align: right;
}

.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("https://files.structurae.net/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", "Open 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", "Open 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;
}

#structureGridView {
  display: grid;
  background-color: #ffffff;
  padding: 10px;
  grid-gap: 0px;
  text-align: center;
}

#structureGridView.small {
  grid-template-columns: auto auto auto auto;
}

#structureGridView.large {
  grid-template-columns: auto auto auto;
}

#structureGridView .gridelement {
  background-color: rgba(255, 255, 255, 0.8);
  /* margin: 1px;/ */
  text-align: left;
  border: 1px solid #dfdfdf;
  margin:0 -1px -1px 0;
       
}

#structureGridView .gridelement p{
  margin: 5px;
}

#structureGridView .gridelement img.large{
  max-width: 192px;
}

#structureGridView .gridelement img.small{
  max-width: 96px;
}

#structureGridView .gridelement table {
  margin: 0;
}

#structureGridView .gridelement table tr td.labelText {
  padding: 5px;
  padding-left: 25px;
}

#structureGridView .gridelement table tr td.paramText {
  padding: 5px;
}

#structureGridView .gridelement table tr th.labelText {
  padding: 5px;
  padding-left: 25px;
  width: 25%;
}

#structureGridView .gridelement table tr th.paramText {
  padding: 5px;
  width: 75%;
}

#structureListTableDiv {
  margin-top: 20px;
}

#structureListTableDiv #filterSection.hidden,
#multipleSortingSection.hidden,
#multipleSortingSection .applySorting {
  display: none;
}

#multipleSortingSection {
  display: block;
}

#structureListTableDiv #filterSection {
  display: flex;
}

#structureListTableDiv #filterSection,
#multipleSortingSection {
  margin-bottom: 20px;
  margin-top: 0px;
  background-color: #f8f8f8;
}

#structureListTableDiv #filterSection .filteringTable,
#multipleSortingSection #multipleSorting {
  display: table;
  background-color: #f8f8f8;
  margin-top: 0;
}

#structureListTableDiv #filterSection .filteringTable.mobile,
#structureListTableDiv #filterSection div.mobile,
#structureListTableDiv #applySection.mobile {
  display: none;
}

#structureListTableDiv #filterSection .filteringTable,
#structureListTableDiv #filterSection .filteringTable tbody,
#structureListTableDiv #filterSection .filteringTable tr,
#structureListTableDiv #filterSection .filteringTable td,
#structureListTableDiv #filterSection .filteringTable th,
#multipleSortingSection #multipleSorting,
#multipleSortingSection #multipleSorting tbody,
#multipleSortingSection #multipleSorting tr,
#multipleSortingSection #multipleSorting td,
#multipleSortingSection #multipleSorting th {
  border: none;
}

#structureListTableDiv #filterSection .filteringTable.desktop tr:first-child td,
#multipleSortingSection #multipleSorting tr:first-child th {
  padding-top: 40px;
}

#structureListTableDiv #filterSection .filteringTable.mobile tr:first-child td {
  padding-top: 20px;
}

#structureListTableDiv #filterSection .filteringTable.desktop tr:last-child td,
#multipleSortingSection #multipleSorting tr:last-child td {
  padding-bottom: 40px;
}

#structureListTableDiv #filterSection .filteringTable.mobile tr:last-child td {
  padding-bottom: 25;
}

#structureListTableDiv #filterSection .filteringTable:hover,
#structureListTableDiv #filterSection .filteringTable tbody:hover,
#structureListTableDiv #filterSection .filteringTable tr:hover,
#structureListTableDiv #filterSection .filteringTable tr:hover td,
#structureListTableDiv #filterSection .filteringTable tr:hover th,
#multipleSortingSection #multipleSorting:hover,
#multipleSortingSection #multipleSorting tbody:hover,
#multipleSortingSection #multipleSorting tr:hover,
#multipleSortingSection #multipleSorting tr:hover td,
#multipleSortingSection #multipleSorting tr:hover th {
  background: #f8f8f8;
}

#structureListTableDiv #filterSection .filteringTable.desktop tr td.name {
  padding-left: 40px;
  width: 10%;
}

#structureListTableDiv #filterSection .filteringTable.mobile tr td.name {
  padding-left: 10px;
}

#multipleSortingSection #multipleSorting tr th.name,
#multipleSortingSection #multipleSorting tr td.name {
  padding-left: 40px;
  width:25%;
}

#multipleSortingSection #multipleSorting tr td.valueSection,
#multipleSortingSection #multipleSorting tr th.valueSection {
  width:209px;
}

#multipleSortingSection #multipleSorting .fa-plus-circle {
  color: #6BADB0;
  font-size: 20px;
}

#multipleSortingSection #multipleSorting .fa-times-circle {
  color: #D44D4A;
  font-size: 20px;
}

#multipleSortingSection #multipleSorting #addNewParamError .errorMessage {
  text-align: right;
}

#structureListTableDiv #filterSection .filteringTable #filterName,
#structureListTableDiv #filterSection .filteringTable #filterLocation {
  width: 225px;
}

#structureListTableDiv #filterSection .filteringTable #filterYearFrom,
#structureListTableDiv #filterSection .filteringTable #filterYearTo,
#structureListTableDiv #filterSection .filteringTable .rankfilter {
  width: 100px;
}

#structureListTableDiv #filterSection .filteringTable #filterStatus {
  vertical-align: middle;
}

#structureListTableDiv #filterSection .filteringTable #filterRegion,
#structureListTableDiv #filterSection .filteringTable #applyFiltering {
  float: right;
}

#structureListTableDiv #filterSection .filteringTable div.subsectionRegion,
#structureListTableDiv #filterSection .filteringTable div.subsectionCountry,
#structureListTableDiv #filterSection .filteringTable.mobile tr.subsectionRegion,
#structureListTableDiv #filterSection .filteringTable.mobile tr.subsectionCountry {
  display: none;
}

#structureListTableDiv #filterSection .filteringTable div.subsectionRegion.active,
#structureListTableDiv #filterSection .filteringTable div.subsectionCountry.active {
  display: grid;
}

#structureListTableDiv #filterSection .filteringTable.mobile tr.subsectionRegion.active,
#structureListTableDiv #filterSection .filteringTable.mobile tr.subsectionCountry.active {
  display: table-row;
}

#structureListTableDiv #filterSection .filteringTable span.mdash {
  width: 20px;
}

#structureListTableDiv #filterSection .filterCheckbox {
  display: inline;
  margin-right: 20px;
}

#structureListTableDiv #filterSection .filterCheckbox input {
  margin-right: 7px;
}

#structureListTableDiv #filterSection .filterCheckbox i {
  margin-left: 5px;
}

#structureListTableDiv #buttonsSection .filterSortSection {
  display: inline;
  width: 70%;
}

#structureListTableDiv #buttonsSection .pageNav {
  width: 50%;
  display: flex;
  justify-content: end;
}

#structureListTableDiv #bottomPagination {
  display: none;
}

#structureListTableDiv #buttonsSection .pageNav div{
  display: inline;
}

#structureListTableDiv #buttonsSection .pageNav .prevPageNav,
#structureListTableDiv #buttonsSection .pageNav .nextPageNav {
  width: 30px;
}

#structureListTableDiv #buttonsSection .pageNav .nextPageNav {
  float: none;
}

#structureListTableDiv #structureListResults,
#structureListTableDiv #structureRankingResults {
  margin-top: 0px;
}

#structureListTableDiv #activeFiltersSection {
  margin-top: 10px;
}

#structureListTableDiv #buttonsSection .fa-filter,
#structureListTableDiv #buttonsSection .fa-list-ol {
  font-size: 16px;
  font-weight: normal;
}

#multipleSortingSection.active,
#structureListTableDiv #filterSection.active,
#structureListTableDiv #buttonsSection {
  display: flex;
}

#multipleSortingSection #multipleSorting,
#multipleSortingSection #multipleSorting tbody,
#multipleSortingSection #multipleSorting tr,
#multipleSortingSection #multipleSorting tr td,
#multipleSortingSection #multipleSorting tr th {
  border: none;
}

#multipleSortingSection #multipleSorting tr:hover td {
  background: none;
}

#structureListTableDiv select {
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: normal;
  outline: none;
  grid-area: select;
}

#structureListTableDiv div.select {
  width: 221px;
  height: 20px;
  border: 1px solid #777;
  cursor: pointer;
  line-height: 1.1;
  background-color: #fff;
  background-image: linear-gradient(to top, #f9f9f9, #fff 33%);
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  padding-right: 5px;
  padding-left: 1px;
  position: relative;
}

#structureListTableDiv div.select.hidden {
  display: none;
}

#structureListTableDiv .filteringTable.desktop div.select.region {
  float:right;
}

#structureListTableDiv .filteringTable.mobile .recentlyCheckboxes td {
  text-align: center;
}

#structureListTableDiv .recentlyCheckboxes {
  margin: 20px 10px 0px 10px;
}

#structureListTableDiv div.select optgroup:before{
  display: none;
}

#structureListTableDiv #multipleSorting div.select {
  width: 200px;
}

#structureListTableDiv div.select::after {
  content: "";
  width: 0.8em;
  height: 0.5em;
  background-color: #777;
  clip-path: polygon(100% 0%, 0 0%, 50% 100%);
  grid-area: select;
  justify-self: end;
}

#structureListTableDiv select::-ms-expand {
  display: none;
}

#structureListTableDiv .button-green,
#structureListTableDiv .button-light,
#parametric-search .button-light,
#parametric-search .button-green {
  float: none;
  z-index:unset;
}

#structureListTableDiv .applyButton {
  float: right;
}

#structureListTableDiv .button-light,
#parametric-search .button-light {
  background: #f4f4f4;
  color: #6BADB0;
  font-weight: 600;
  padding-bottom: 0.25em;
  transition: padding 500ms;
}

#structureListTableDiv .button-light.filter.active,
#structureListTableDiv .button-light.multipleSorting.active,
#parametric-search .button-light.filter.active,
#parametric-search .button-light.multipleSorting.active {
  color: #fff;
  background: #6BADB0;
  padding-bottom: 20px;
  transition: padding 500ms;
}

#structureListTableDiv div.pageNav .paginationElem {
  padding: 0 5px;
}

#structureListTableDiv div.pageNav .paginationElem.page {
  color: #888;
  font-weight: normal;
}

#structureListTableDiv div.pageNav .paginationElem.page.active {
  color: #000;
  font-weight: bold;
}

#structureListTableDiv div.pageNav .paginationElem:hover {
  color: #37979d;
}

#structureListTableDiv div.pageNav .fa {
  font-size: 22px;
}

#structureListTableDiv #downloadDataForm input[type="submit"]{
  display: inline;
	margin-left: 10px;
}

#structureListTableDiv #downloadDataForm {
  display: inline;
}


#structureListTableDiv #applyMultipleSorting {
  float: right;
}

#structureListTableDiv .button-green:hover,
#structureListTableDiv .button-light:hover,
#parametric-search .button-light:hover,
#parametric-search .button-green:hover {
  cursor: pointer;
  color: #fff;
  text-decoration: none;
}

#structureListTableDiv .button-light:hover,
#parametric-search .button-light:hover {
  color: #6BADB0;
}

#structureListTableDiv input.yearfilter {
  width: 70px;
}

#structureListTableDiv #activeFiltersSection {
  background: #f4f4f4;
  display: none;
  padding: 20px;
}

#structureListTableDiv #activeFiltersSection.active {
  display: block;
}

#structureListTableDiv #activeFiltersSection span.undo {
  float: right;
}

#structureListTableDiv #activeFiltersSection span.applied {
  padding: 3px 8px;
  background-color: grey;
  margin-left: 20px;
  border-radius: 8px;
  color: #fff;
}

#structureListTableDiv #activeFiltersSection span.applied i {
  margin-right: 5px;
  color: #fff;
}

#structureListTableDiv #activeFiltersSection span.applied i.removeFilter {
  cursor: pointer;
}

#structureListTableDiv #activeFiltersSection .fa-repeat{
  color: #0c4350;
  font-size: 18px;
  cursor: pointer;
}

#structureListTableDiv .sorticon {
  color: #000;
  cursor: initial;
}

#structureListTableDiv #addNewParamError {
  display: none;
}

#structureListTableDiv table {
  table-layout:fixed;
}

#structureListTableDiv table th.no {
  width: 3%;
}

#structureListTableDiv table th.name {
  width: 32%;
}

#structureListTableDiv table th.year {
  width: 6%;
}

#structureListTableDiv table th.location {
  width: 34%;
}

#structureListTableDiv table th.country {
  width: 8%;
}

#structureListTableDiv table.rankingTable th.status,
#structureListTableDiv table.rankingTable td.status {
  width: 7%;
}

#structureListTableDiv table.rankingTable td.addtype1,
#structureListTableDiv table.rankingTable td.addtype2,
#structureListTableDiv table.rankingTable td.addtype3 {
  word-break: break-word;
}

#structureListTableDiv table.rankingTable th.location,
#structureListTableDiv table.rankingTable td.location,
#structureListTableDiv table.rankingTable th.addtype1,
#structureListTableDiv table.rankingTable td.addtype1,
#structureListTableDiv table.rankingTable th.addtype2,
#structureListTableDiv table.rankingTable td.addtype2,
#structureListTableDiv table.rankingTable th.addtype3,
#structureListTableDiv table.rankingTable td.addtype3,
#structureListTableDiv table.rankingTable th.rank1,
#structureListTableDiv table.rankingTable td.rank1,
#structureListTableDiv table.rankingTable th.rank2,
#structureListTableDiv table.rankingTable td.rank2,
#structureListTableDiv table.rankingTable th.rank3,
#structureListTableDiv table.rankingTable td.rank3,
#structureListTableDiv table.rankingTable th.rank4,
#structureListTableDiv table.rankingTable td.rank4,
#structureListTableDiv table.rankingTable th.rank5,
#structureListTableDiv table.rankingTable td.rank5 {
  width: 10%;
}

#structureListTableDiv table.rankingTable th.year,
#structureListTableDiv table.rankingTable td.year {
  width:6%;
}

#structureListTableDiv table.rankingTable th.no,
#structureListTableDiv table.rankingTable td.no {
  width: 2%;
}

#structureListTableDiv table.rankingTable.parametric {
  table-layout: auto !important;
}

#structureListTableDiv table.rankingTable.parametric th.rank1,
#structureListTableDiv table.rankingTable.parametric td.rank1,
#structureListTableDiv table.rankingTable.parametric th.rank2,
#structureListTableDiv table.rankingTable.parametric td.rank2,
#structureListTableDiv table.rankingTable.parametric th.rank3,
#structureListTableDiv table.rankingTable.parametric td.rank3,
#structureListTableDiv table.rankingTable.parametric th.rank4,
#structureListTableDiv table.rankingTable.parametric td.rank4,
#structureListTableDiv table.rankingTable.parametric th.rank5,
#structureListTableDiv table.rankingTable.parametric td.rank5 {
    width:6%;
}
#structureListTableDiv table.rankingTable.parametric th.addtype1,
#structureListTableDiv table.rankingTable.parametric td.addtype1,
#structureListTableDiv table.rankingTable.parametric th.addtype2,
#structureListTableDiv table.rankingTable.parametric td.addtype2,
#structureListTableDiv table.rankingTable.parametric th.addtype3,
#structureListTableDiv table.rankingTable.parametric td.addtype3 {
  white-space: nowrap;
  width: auto !important;
}
#structureListTableDiv table.rankingTable.parametric th.name,
#structureListTableDiv table.rankingTable.parametric td.name,
#structureListTableDiv table.rankingTable.parametric th.no,
#structureListTableDiv table.rankingTable.parametric th.name,
#structureListTableDiv table.rankingTable.parametric th.year,
#structureListTableDiv table.rankingTable.parametric th.location,
#structureListTableDiv table.rankingTable.parametric th.country,
#structureListTableDiv table.rankingTable.parametric th.status,
#structureListTableDiv table.rankingTable.parametric td.status {
  width: auto !important;
}


#structureListTableDiv .box.furtherAccess .permission-login-box,
#structureListTableDiv .box.fullAccess .permission-login-box {
  position: relative;
}

#structureListTableDiv .box.furtherAccess .accessBoxes {
  display: flex;
  flex-direction: row;
}

#structureListTableDiv .box.furtherAccess .accessBoxes #register,
#structureListTableDiv .box.furtherAccess .accessBoxes #plusPopup {
  display: flex;
  width: 50%;
}

#structureListTableDiv .box.furtherAccess .accessBoxes #plusPopup .mod_teaser_base.mod_teaser_wide.wall_teaser {
  margin-top: 45px;
}

#structureListTableDiv .box.furtherAccess #register .permission-login-box {
  padding-top: 0px;
}

#structureListTableDiv .box.fullAccess .permission-login-box {
  padding-top: 20px;
}

#structureListTableDiv .box.furtherAccess #register .permission-login-box .wrapper_contribute_white h2 {
  text-align: center;
  margin-top: 0px;
}

#structureListTableDiv .box.furtherAccess #plusPopup h2,
#structureListTableDiv .box.fullAccess #plusPopup h2 {
  padding-top: 15px;
}

#structureListTableDiv .box.furtherAccess .permission-login-box .more-features,
#structureListTableDiv .box.furtherAccess .permission-login-box ul {
  margin-left: 40px;
}

#structureListTableDiv .box.furtherAccess p.access,
#structureListTableDiv .box.fullAccess p.access {
  text-align: center;
  background: #f4f4f4;
  padding:20px;
}

#structureListTableDiv #gridimage {
  width: 120px;
  margin-left: 10px;
}

#structureListTableDiv #gridview.active, #structureListTableDiv #listview.active {
  background: #6BADB0;
  color: #ffffff;
}

#structuresListCountSection {
  display: flex;
}

#structuresListCountSection #iconsLegend {
  justify-content: flex-end;
  display: flex;
  margin-left: auto;
  margin-right: 0;
  align-items:center;
}

#structuresListCountSection #iconsLegend i{
  margin-right: 5px;
  margin-left: 20px;
}

#structuresListCountSection #iconsLegend .smallText {
  font-size: 10px;
  margin-left: 5px;
}

.parametricsearch-intro {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 20px;
}

#parametric-search .filterListSection {
  max-width: 100%;
}

#parametric-search .button-section {
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: center;
}

#searchResults > .openbtn {
  margin-top: 10px;
  margin-left: 0px;
}

#parametric-search .openbtn {
  display: inline-flex;
}

#parametric-search .openbtn.isHidden {
  display: none;
}

#parametric-search #gridimagetype {
  font-size: 11px;
}

#parametric-search .sidepanel {
  height: 90vh;
  width: 0; 
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  padding-top: 60px;
  transition: 0.5s;
  -webkit-box-shadow: 0px 3px 8px -3px rgba(66, 68, 90, 0.47);
  -moz-box-shadow: 0px 3px 8px -3px rgba(66, 68, 90, 0.47);
  box-shadow: 0px 3px 8px -3px rgba(66, 68, 90, 0.47);
}

#parametric-search .closebtn.isHidden {
  display: none;
}

#parametric-search .sidepanel .closebtn {
  position: absolute;
  top: 45px;
  right: 15px;
  font-size: 36px;
}

#parametric-search #searchButtonSection {
  text-align: center;
  margin-top: 20px;
}

#parametric-search #parametric-search-params {
  min-height: 200px;
  top: 5%;
}

#parametric-search #parametric-search-content {
  padding: 0 20px;
}

#parametric-search #parametric-search-params.sticky-bar {
  position: fixed;
  top: 80px;
}

#parametric-search #parametric-search-params .isHidden {
  display:none;
}

#parametric-search #parametric-search-params .paramHeader {
  display: flex;
  flex-direction: row;
}

#parametric-search #parametric-search-params .paramHeader .filtercategory {
  width: 90%;
}

#parametric-search #parametric-search-params .singleParam .countryList,
#parametric-search #parametric-search-params .paramBody[data-param="category"] .singleParam .subcategoryList.main.active {
  max-height: 200px;
  overflow-y: auto;
  width: 90%;
}

#parametric-search #search_button {
  padding: 0.5em 3em;
  font-size: 15px;
  margin-bottom: 20px;
}

#parametric-search #parametric-search-params .paramBody[data-param="category"] .singleParam .subcategoryList {
  width:100%;
}

#parametric-search #parametric-search-params input[type="range"]{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 90%;
  outline: none;
  position: absolute;
  margin: 0 auto;
  top: 0;
  bottom: 0;
  background-color: transparent;
  pointer-events: none;
}

#parametric-search #parametric-search-params .slider-track {
  width: 90%;
  height: 5px;
  background-color: #d5d5d5;
  position: absolute;
  margin: 6px auto;
  top: 0;
  bottom: 0;
  border-radius: 5px;
}

#parametric-search #parametric-search-params input[type="range"]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  height: 5px;
}

#parametric-search #parametric-search-params input[type="range"]::-moz-range-track {
  -moz-appearance: none;
  height: 5px;
}

#parametric-search #parametric-search-params input[type="range"]::-ms-track {
  appearance: none;
  height: 5px;
}

#parametric-search #parametric-search-params input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 1em;
  width: 1em;
  background-color: #6BADB0;
  cursor: pointer;
  border-radius: 10px;
  margin-top: -9px;
  pointer-events: auto;
}

#parametric-search #parametric-search-params input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 1em;
  width: 1em;
  cursor: pointer;
  border-radius: 50%;
  background-color: #6BADB0;
  pointer-events: auto;
}

#parametric-search #parametric-search-params input[type="range"]::-ms-thumb {
  appearance: none;
  height: 1em;
  width: 1em;
  cursor: pointer;
  border-radius: 50%;
  background-color: #6BADB0;
  pointer-events: auto;
}

#parametric-search #parametric-search-params input[type="range"]:active::-webkit-slider-thumb {
  background-color: #ffffff;
  border: 3px solid #6BADB0;
}

#parametric-search #parametric-search-params .paramBody[data-param="year"],
#parametric-search #parametric-search-params .paramBody[data-param="dimension1"],
#parametric-search #parametric-search-params .paramBody[data-param="dimension2"],
#parametric-search #parametric-search-params .paramBody[data-param="dimension3"],
#parametric-search #parametric-search-params .paramBody[data-param="dimension4"],
#parametric-search #parametric-search-params .paramBody[data-param="dimension5"] {
  position: relative;
  margin: 20px 0;
  display: grid;
}

#parametric-search #parametric-search-params .paramBody[data-param="availability"] .availabilityParam{
  text-align: center;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

#parametric-search #parametric-search-params .paramBody[data-param="availability"] .availabilityParam p {
  margin: 5px;
}

#parametric-search #parametric-search-params .paramBody[data-param="availability"] .availabilityParam i {
  font-size: 20px;
  color: #e0e0e0;
  height: 40px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#parametric-search #parametric-search-params .paramBody[data-param="availability"] .availabilityParam.musthave i::before {
  color: white;
  z-index: 2;
}

#parametric-search #parametric-search-params .paramBody[data-param="availability"] .availabilityParam.musthave i::after {
  position: absolute;
  vertical-align: middle;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  background-color: #6BADB0;
  content: "";
}

#parametric-search #parametric-search-params .paramBody[data-param="availability"] .availabilityParam.mustnothave i::after {
  content: "\f05e";
  font-size: 40px;
  color: red;
  position: absolute;
  vertical-align: middle;
}

#parametric-search #parametric-search-params .paramBody[data-param="availability"] .paramContainer {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

#parametric-search #parametric-search-params .paramContainer.main {
  padding: 10px;
  background: #f9f9f9;
  border-radius: 7px;
  -webkit-box-shadow: 0px 3px 8px -3px rgba(66, 68, 90, 0.47);
  -moz-box-shadow: 0px 3px 8px -3px rgba(66, 68, 90, 0.47);
  box-shadow: 0px 3px 8px -3px rgba(66, 68, 90, 0.47);
  width: 80%;
  margin: 0 auto;
  margin-bottom: 20px;
}

#parametric-search #sticky-params.sidepanel #parametric-search-params div.paramContainer.main {
  margin-right: 50px;
}


#parametric-search #parametric-search-params .paramContainer.main.light {
  background: #fff;
  border: solid 1px #f9f9f9;
}

#parametric-search #parametric-search-params .paramContainer.main input[type="text"] {
  padding: 2px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 1px solid #ccc;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
 }

 #parametric-search #parametric-search-params .paramContainer.main input#name {
  width: 100%;
 }

#parametric-search #parametric-search-params .paramBody[data-param="year"].isHidden,
#parametric-search #parametric-search-params .paramBody[data-param="dimension1"].isHidden,
#parametric-search #parametric-search-params .paramBody[data-param="dimension2"].isHidden,
#parametric-search #parametric-search-params .paramBody[data-param="dimension3"].isHidden,
#parametric-search #parametric-search-params .paramBody[data-param="dimension4"].isHidden,
#parametric-search #parametric-search-params .paramBody[data-param="dimension5"].isHidden {
  display: none;
}

#parametric-search #parametric-search-params .paramBody[data-param="year"] .paramTextFields,
#parametric-search #parametric-search-params .paramBody[data-param="dimension1"] .paramTextFields,
#parametric-search #parametric-search-params .paramBody[data-param="dimension2"] .paramTextFields,
#parametric-search #parametric-search-params .paramBody[data-param="dimension3"] .paramTextFields,
#parametric-search #parametric-search-params .paramBody[data-param="dimension4"] .paramTextFields,
#parametric-search #parametric-search-params .paramBody[data-param="dimension5"] .paramTextFields {
  margin-top: 30px;
}

#parametric-search #parametric-search-params .paramBody[data-param="year"] .paramTextFields input,
#parametric-search #parametric-search-params .paramBody[data-param="dimension1"] .paramTextFields input ,
#parametric-search #parametric-search-params .paramBody[data-param="dimension2"] .paramTextFields input,
#parametric-search #parametric-search-params .paramBody[data-param="dimension3"] .paramTextFields input,
#parametric-search #parametric-search-params .paramBody[data-param="dimension4"] .paramTextFields input,
#parametric-search #parametric-search-params .paramBody[data-param="dimension5"] .paramTextFields input {
  width: 30%;
  margin: 5px 15px;
}

#parametric-search .fa.toggleFilter {
  margin-right: 10px;
  font-size: 20px;
  font-weight: bold;
}

#parametric-search #search-info {
  font-size: 11px;
  margin: 5px 0;
}

#parametric-search #mainTitle {
  margin:10px 0;
}

#parametric-search #parametric-search-params .singleParam label {
  width: 70%;
  display: inline-block;
}

#parametric-search #parametric-search-params .singleParam .subcategoryList.subcat3 label {
  width: 60%;
}

#parametric-search #parametric-search-params .singleParam .subcategoryList.subcat4 label {
  width: 50%;
}

#parametric-search #parametric-search-params .singleParam .subcategoryList.subcat5 label {
  width: 40%;
}

#parametric-search #parametric-search-params .singleParam.subcat1 label.main {
  width: 85%;
  display: inline-block;
  font-weight: bold;
}

#parametric-search #parametric-search-params .regionList {
  width: 90%;
}

#parametric-search #parametric-search-params .paramBody[data-param="category"] .singleParam input {
  margin-right: 5px;
  vertical-align: top;
}

#parametric-search #parametric-search-params .paramHeader p {
  font-weight: bold;
}

#parametric-search #parametric-search-params .paramHeader .toggleFilter {
  display: flex;
  align-items: center;
}

#parametric-search #parametric-search-params .filterparam {
  cursor: pointer;
  margin: 5px 0px;
}

#parametric-search #parametric-search-params .filtercategory {
  margin: 6px 0px;
}

#parametric-search #parametric-search-params .countryList,
#parametric-search #parametric-search-params .regionList,
#mediaAvailableTypesList,
#parametric-search #parametric-search-params .subaward,
#parametric-search #parametric-search-params .subcategoryList,
#parametric-search #parametric-search-params .paramBody[data-param="typeCategory"] .singleParam.activeCategory {
  display: none;
}

#parametric-search #parametric-search-params .countryList.active,
#parametric-search #parametric-search-params .regionList.active,
#mediaAvailableTypesList.active,
#parametric-search #parametric-search-params .subaward.active,
#parametric-search #parametric-search-params .subcategoryList.active,
#parametric-search #parametric-search-params .paramBody[data-param="typeCategory"] .singleParam.activeCategory.active {
  display: inline-block;
}

#mediaAvailableTypesList {
  margin-left: 20px;
}

#parametric-search #parametric-search-params .filterparam[type="checkbox"]{
  vertical-align: top;
}

#parametric-search #parametric-search-params .filterparam.active {
  font-weight: bold;
}

#parametric-search #parametric-search-params .filterparam.level1 {
  margin-left:8px;
}

#parametric-search #parametric-search-params .filterparam.level2 {
  margin-left:16px;
}

#parametric-search #parametric-search-params .filterparam.level3 {
  margin-left:24px;
}

#parametric-search #parametric-search-params .filterparam.level4 {
  margin-left:32px;
}

#parametric-search #parametric-search-params .filterparam.level5 {
  margin-left:40px;
}

#parametric-search #parametric-search-params .filterparam.level6 {
  margin-left:48px;
}


#parametric-search #toggleFilters {
  cursor: pointer;
}


#parametric-search-content {
  width: 80%;
  display: flex;
  flex-direction: column;
  min-height: 500px;
}

#parametric-search-content img.flagimage {
 max-width: 19px;
 max-height: 11px;
}

#parametric-search-content .pageNav {
  max-width: 40%;
  display: flex;
}

#parametric-search {
  display: flex;
  justify-content: space-between;
}

#sticky-params {
  width: 20%;
  height: 85vh;
  min-height: 200px;
  overflow: auto;
  position: -webkit-sticky;
  position: sticky;
  top: 10%;
  padding-bottom: 20px;
}

div#main.param-search .ym-wrapper {
  max-width: initial;
}

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, #structureGridView .gridelement table td,
#structureGridView .gridelement table 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", "Open 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; */
}

#structureGridView .gridelement table tbody tr:hover td, #structureGridView .gridelement table tbody td, 
#structureGridView .gridelement table tbody td:hover, #structureGridView .gridelement table th:hover, 
#structureGridView .gridelement table tr:hover th {
  background: #ffffff;
}

#structureGridView .gridelement table tbody tr:hover td, #structureGridView .gridelement table tbody td, 
#structureGridView .gridelement table tbody td:hover, #structureGridView .gridelement table,
#structureGridView .gridelement table th:hover, #structureGridView .gridelement table tr:hover th {
  border: none;
}

#structureGridView .gridelement table tbody tr.image td {
  text-align: center;
}

.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;
    filter: blur(6px);
}

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,
.main-box.payment #billingAddress table tr:hover td, .main-box.payment #yourProducts table tr:hover td,
.shoppingCartContent .left-box .itemsLoader tr:hover td, #productTable tr:hover th,
div.shoppingCartContent div.main-box.confirmation #downloadProducts table 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,
div.permission-login-box.plus.diagram .wrapper_contribute_white div.logo,
#plusPopup .wrapper_contribute_white div.logo {
    display: block;
    vertical-align: middle;
    height: auto;
    padding: 5px;
    max-width: 350px;
    text-align: center;
    margin: 0 auto;
}


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,
div.permission-login-box.plus.diagram .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,
#plusPopup .wrapper_contribute_white div.logo img.permission-logo,
div.permission-login-box.plus.diagram .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,
div.permission-login-box.plus.diagram .wrapper_contribute_white div.top,
#plusPopup .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,
div.permission-login-box.plus.diagram .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,
div.permission-login-box.plus.diagram .wrapper_contribute_white div.content,
#plusPopup .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,
div.permission-login-box.plus.diagram .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,
div.permission-login-box.plus.diagram .wrapper_contribute_white div.soon,
#plusPopup .wrapper_contribute_white div.soon {
    color: white;
    background-color: #0c4350;
    padding: 5px;
    margin-left: -10px;
    margin-right: -10px;
	margin-bottom: 20px;
    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,
div.permission-login-box.plus.diagram .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,
div.permission-login-box.plus.diagram .wrapper_contribute_white div.soon img.permission-logo,
#plusPopup .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,
div.permission-login-box.plus.diagram .wrapper_contribute 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,
div.permission-login-box.plus.diagram .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,
div.permission-login-box.plus.diagram .wrapper_contribute_white div.soon.de span,
div.permission-login-box.plus.diagram .wrapper_contribute_white div.soon.en span,
#plusPopup .wrapper_contribute_white div.soon.en 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,
div.permission-login-box.plus.diagram .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,
div.permission-login-box.plus.diagram .wrapper_contribute_white div.soon.fr span,
#plusPopup .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,
div.permission-login-box.plus.diagram .wrapper_contribute div.buttons {
    margin-top: 15px;
    font-weight: bold;
    display: flex;
    flex-direction: column;
}

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,
div.permission-login-box.plus.diagram .wrapper_contribute_white div.buttons,
#plusPopup .wrapper_contribute_white div.buttons {
    margin-top: 15px;
    font-weight: bold;
    text-align: center;
    display: flex;
    flex-direction: column;
}

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,
div.permission-login-box.plus.diagram .wrapper_contribute div.buttons .plus-access-button {
    text-decoration: none;
    padding: 5px 10px;
    margin: 0 10px;
    font-size: 14px;
    background-color: #F2C771;
    color: #074252;
    text-align: center;
    vertical-align: middle;
    border-radius: .4em;
}

div.category-content-access.parametricSearch {
  min-height: 450px;
}

/* div.company-info-content-access .permission-login-box.plus .wrapper_contribute_white div.buttons a.plus-access-button,
#plusPopup .wrapper_contribute_white div.buttons a.plus-access-button {
    width: auto;
} */

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,
#plusPopup .wrapper_contribute_white div.buttons .plus-access-button,
div.permission-login-box.plus.diagram .wrapper_contribute_white div.buttons .plus-access-button {
    text-decoration: none;
    padding: 5px 10px;
    margin: 0 auto;
    font-size: 14px;
    background-color: #F2C771;
    color: #074252;
    text-align: center;
    vertical-align: middle;
    border-radius: .4em;
    width: 73%;
    display: inline-block;
}

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", "Open Sans", Arial, Helvetica, sans-serif;
}

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

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

div.literatureItem {
    position: relative;
    width: 100px;
    height: 50px;
}

table.literatureOverview, 
table.literatureOverview tbody td, 
table.literatureOverview tbody td table, 
table.literatureOverview tbody td table td {
  border-top: none;
  border-bottom: none;
}

table.literatureOverview tbody td table td span.bold {
  font-weight: bold;
}

table.literatureOverview img, 
.ym-gbox-left img.literatureCover {
  max-width: 300px;
}

table.literatureOverview td.literatureCoverFile {
  width: 32%;
}

table.literatureOverview i.orcid:before {
  content: "\f8d2";
  font-family: FontAwesome;
  position: relative;
}

table.literatureOverview i.down:before {
  content: "\f078";
  font-family: FontAwesome;
  position: relative;
  font-style: normal;
  font-size: 14px;
}

table.literatureOverview i.down {
  margin-left: 5px;
}

table.literatureOverview tbody tr:hover th, table.literatureOverview tbody tr:hover td {
  background: none;
}

table.literatureOverview a.authorsShowMore {
  font-size: 12px;
  font-weight: bold;
}

table.literatureOverview div.showMoreSection {
  float: right;
}

table.literatureOverview td.authorsSection {
  width: 100%;
}

table.literatureOverview td.authorsSection img,
#overviewTable tr#authorsSection td img {
  width: 17px;
}

table.literatureOverview tr.priceItem td {
  height: auto;
  vertical-align: middle;
  background-color: #f8f8f8 !important;
}

table.literatureOverview tbody tr.priceItem:hover td {
  background-color: #f8f8f8 !important;
}

.paidContent {
  background-color: #f8f8f8 !important;
  line-height: 40px;
  text-align: center;
}

table.literatureOverview tr.priceItem td span.priceValue {
  font-size: 25px;
  font-weight: bold;
  margin-left: 40px;
  margin-right: 20px;
  vertical-align: middle;
}

table.literatureOverview tr.priceItem td span.inclvat {
  font-size: 12px;
  vertical-align: middle;
}

table.literatureOverview tr.getItem td.downloadItem,
table.literatureOverview tr.getItem td.buyItem,
table.literatureOverview tr.getPreview td.downloadItem {
  padding-top: 30px;
}

table.literatureOverview tr.getItem td.buyItem.buyiabse,
table.literatureOverview tr.getItem td.buyItem.addToCart.buyiabse {
  width: 100%;
  display: inline-block;
}

table.literatureOverview tr.getItem td.downloadItem a:hover,
table.literatureOverview tr.getPreview td.downloadItem a:hover {
  color: #fff;
}

div.mediaContainer span.download, div.mediaContainer span.favorites,
div.structureFav .structureFavBtn span.favorites,
div.firmFav .firmFavBtn span.favorites,
div.mediaContainer span.addToCart,
div.literatureItem span.addToCart,
div.personFav .personFavBtn span.favorites,
div.literatureFav .literatureFavBtn span.favorites,
table.literatureOverview tr.getItem td.buyItem span.addToCart,
table.literatureOverview tr.getItem td.downloadItem span.download,
table.literatureOverview tr.getPreview td.downloadItem span.download {
    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", "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 22px;
}

div.main-box.shopLandingPage span.addToCart,
div.main-box.shopLandingPage span.moreinfo {
  background: #F2C771;
  padding: 10px;
  width: 190px;
  color: #000;
  font-style: normal;
  text-align: center;
  cursor: pointer;
  font-family: "Noto Sans", "Open Sans", Arial, Helvetica, sans-serif;
  display: block;
  border-radius: 10px;
}

div.main-box.shopLandingPage span.moreinfo {
  background: #6BADB0;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}

div.main-box.shopLandingPage span.addToCart span.text {
  font-size: 14px;
  font-weight: bold;
}

table.literatureOverview tr.getItem td.buyItem span.addToCart,
table.literatureOverview tr.getItem td.downloadItem span.download,
table.literatureOverview tr.getPreview td.downloadItem span.download,
table#articlesTemplate td.sigleProductFromBundleDownload span.download {
   right: 0;
   position: relative;
   padding: 5px 45px;
   border-radius: 10px;
  }

table.literatureOverview tr.getItem td.buyItem span.addToCart span.text {
  font-size: 14px;
  font-weight: bold;
  vertical-align: top;
}

table.literatureOverview tr.getItem td.downloadItem span.download span.text,
table.literatureOverview tr.getPreview td.downloadItem span.download span.text {
  font-size: 13px;
  font-weight: normal;
}

table.literatureOverview tr.getItem td.downloadItem span.download,
table.literatureOverview tr.getPreview td.downloadItem span.download,
table#articlesTemplate td.sigleProductFromBundleDownload span.download {
  background: #6badb0;
  color: #fff;
  display: inline;
  font-size: 14px;
  font-weight: bold;
  padding: 12px 25px;
}

table#articlesTemplate td.sigleProductFromBundleDownload span.download {
  font-size: 8px;
}

table#articlesTemplate td.sigleProductFromBundleDownload span.download i.fa.fa-download.fa-stack-1x {
  color: white;
  font-size: 20px;
  top: 10px;
}

table.literatureOverview tr.getItem td.downloadItem span.download i.fa-file-pdf-o:before,
table.literatureOverview tr.getPreview td.downloadItem span.download i.fa-file-pdf-o:before {
  font-size: 20px;
  font-weight: bold;
  vertical-align: middle;
  margin-right: 5px;
}

table.literatureOverview tr.teaser td.abstract {
  padding-top: 20px;
}

table.literatureOverview tr.teaser td.abstract a.abstractReadMore {
  font-size: 12px;
  font-weight: bold;
}

#overviewTable, #overviewTable tr, #overviewTable th,  #overviewTable th td,  #overviewTable tr td {
  background-color: #f8f8f8;
  border-top: 2px solid white;
}

#overviewTable tr th {
  font-weight: bold;
  padding-left: 30px;
  width: 20%;
}

#overviewTable, #articlesTable, #structuresUl, #structureTypesDiv, 
#firmsUl, #personsUl, #locationsUl {
  margin: 0;
}

#articlesTable.active {
  display: table-row;
}

#overviewTable #pagestotal, #overviewTable #pagestotal tr, 
#overviewTable #pagestotal tr th, #overviewTable #pagestotal tr td {
  border:none;
}

#overviewTable #pagestotal tr td {
  width: 25%;
}

#overviewTable tr.pagesmobile {
  display: none;
}

#overviewTable tr td.pagestotal {
  padding: 0;
}

#ajaxRegistrationPopup {
  max-width: 500px;
}

#ajaxRegistrationPopup span.error-notification {
    font-size: 90%;
    display: block;
    color: #e33;
    text-align: right;
}

/* #ajaxRegistrationPopup .g-recaptcha {
    margin-left: 130px;
} */

#ajaxRegistrationPopup .mandatory-fields,
#ajaxRegistrationPopup div.main-registration-box  {
  width: 100%;
}

#ajaxRegistrationPopup {
  background: white;
}

#shoppingCartIcon {
  font-family: "Noto Sans", "Open Sans", Arial, Helvetica, sans-serif;
  display: inline;
  font-size: 26px;
}

#shoppingCartIcon {
  float: right;
  height: 30px;
  top: -4px;
  position: relative;
}

#shoppingCartIcon .cart-total {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #F2C771;
  color: #2d7b80;
  font-size: 8pt;
  text-align: center;
  line-height: 20px;
  top: -40px;
  z-index: 50;
  left: 15px;
  font-weight: bold;
}

#shoppingCartIcon a, #shoppingCartIcon a:hover {
  color: #fff;
}

nav.mobile-nav #shoppingCartIcon .fa-shopping-cart {
  margin-right: 20px;
  padding-top: 10px;
  vertical-align: middle;
}

#top .mystructurae-login-btn, #top .mystructurae-logout-btn {
  margin-right: 10px;
}

#mystructurae_register {
  margin: 10px;
}

div#orderHistory .orderItems {
  display: none;
  background: #fafafa;
}

div#orderHistory .fa-chevron-up,
div#orderHistory .fa-chevron-down {
  display: none;
}

div#orderHistory .fa-chevron-up.active,
div#orderHistory .fa-chevron-down.active {
  display: inline;
}

div#orderHistory .orderItems.active {
  display: table-row;
}

div#orderHistory .orderItems .orderitemstd {
  padding-left: 25px;
}

div#orderHistory table tr th, div#orderHistory table {
  border: none;
}

div#orderHistory table .orderid {
  width:5%;
  text-align: center;
}

div#orderHistory table .itemname {
  width: 60%;
}

div#orderHistory table .orderdate {
  width: 30%;
}

div#orderHistory table .orderinvoice {
  width: 30%;
}

div#orderHistory table .ordertotal {
  width: 25%;
}

div#orderHistory table td.itemname {
  font-weight: bold;
}

div#orderHistory table td.itemname.discount {
  font-weight: normal;
}

div#orderHistory table .itemprice,
div#orderHistory table .total {
  text-align: center;
}

div#orderHistory table .itemtype {
  width: 15%;
}

div#orderHistory table tr td {
  padding: 20px 5px;
  vertical-align: middle;
}

div#orderHistory .div-corporateSubscription table.corporateSubscription tr td {
  padding: 5px;
}

div#orderHistory .div-corporateSubscription table.corporateSubscription tbody td {
  border: none;
}

div#orderHistory .div-corporateSubscription {
  padding: 15px;
  border: 1px solid #eee;
  border-radius: 10px;
  border-collapse: collapse;
  font-family: "Droid Sans", Arial, Helvetica, sans-serif;
  box-shadow: 0 0 15px #ddd;
  margin-top: 20px;
}

div#orderHistory .div-corporateSubscription table.corporateSubscription {
  margin-top:0px;
}

div#orderHistory .div-corporateSubscription #corporateSubscriptionForm {
  margin: 20px;
  padding: 10px;
}

div#orderHistory .div-corporateSubscription #corporateSubscriptionForm input[type=text] {
  display: table-cell;
  width: 40%;
  height: 30px;
  border: 1px solid #ccc;
  padding: 0 5px;
  box-sizing: border-box;
}

div#orderHistory .div-corporateSubscription #corporateSubscriptionForm input.input-domain, 
div#orderHistory .div-corporateSubscription #corporateSubscriptionForm input.existinginvitation {
  width: 60%;
}

div#orderHistory .div-corporateSubscription #corporateSubscriptionForm select {
  margin: 5px 10px;
  display: inline-block;
  padding: 3px 0;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

div#orderHistory .div-corporateSubscription #corporateSubscriptionForm input[type=button] {
  width: auto;
}



div#orderHistory .div-corporateSubscription #corporateSubscriptionForm .submit-corporate-subscription button {
  border-radius: 5px;
  background: #F2C771;
  border: 0px solid white;
  height: 40px;
  margin: 10px 0;
  font-weight: bold;
}

div#orderHistory #downloadStatistics,
div#orderHistory #usageStatistics {
  width: 100%;
  height: 500px;
  display: flex;
}

div#orderHistory .statisticsHeader {
  text-align: center;
  margin-top: 40px;
}

div.main-box.shopLandingPage h1 {
  font-weight: 700;
}

div.main-box.shopLandingPage .introduction {
  margin: 30px auto;
}

div.main-box.shopLandingPage .category {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border:none;
}

div.main-box.shopLandingPage .category a {
  justify-self: center;
}

div.main-box.shopLandingPage .category img{
  width:230px;
}

div.main-box.shopLandingPage .category .image-teaser{
  max-width: 230px;
}

div.main-box.shopLandingPage h2 {
  text-align: left;
}

div.main-box.shopLandingPage .productsHeader {
  height: 60px;
  display: flex;
  flex-direction: column;
  padding-top: 110px;
}


div.main-box.shopLandingPage #books,
div.main-box.shopLandingPage #proceedings,
div.main-box.shopLandingPage #papers,
div.main-box.shopLandingPage #subscriptions {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px,1fr));
}

div.main-box.shopLandingPage .singleproduct {
  margin: 0 auto 20px auto;
  width: 300px;
}

div.main-box.shopLandingPage .singleproduct img {
  max-width: 300px;
  max-height: 300px;
}

div.main-box.shopLandingPage .singleproduct p.details {
  margin: 5px 0;
}

div.main-box.shopLandingPage .singleproduct p.title {
  margin-top: 15px;
  font-weight: bold;
}

div.main-box.shopLandingPage .singleproduct .buttons {
  display: flex;
  flex-direction: column;
}

div.main-box.shopLandingPage .singleproduct .titlecontainer {
  height: 60px;
  display: flex;
  align-items: center;
  text-align: left;
}

div.main-box.shopLandingPage #papers .singleproduct .titlecontainer {
  height: 80px;
}

div.main-box.shopLandingPage .singleproduct .buttons a {
  margin: 5px 0;
}

div.main-box.shopLandingPage td {
  vertical-align: middle;
}

div.main-box.shopLandingPage #papersSearch {
  margin-bottom: 30px;
  display: flex;
  flex-direction: row;
  height: 50px;
  align-items: center;
}

div.main-box.shopLandingPage #papersSearch span {
  margin: 0 10px;
  width:120px;
  font-weight: bold;
}

div.main-box.shopLandingPage #papersSearch #searchContainer {
  display: flex;
  align-items: center;
  width:80%;
}

div.main-box.shopLandingPage #papersSearch #searchContainer #searchPhrase,
div.main-box.shopLandingPage #papersSearch #searchContainer #searchPhraseBottom {
  width: 820px;
  height: 25px;
}

div.main-box.shopLandingPage #papersSearch #searchContainer #runPapersSearch,
div.main-box.shopLandingPage #papersSearch #searchContainer #runPapersSearchBottom {
  margin-left: 10px;
}

div.main-box.shopLandingPage #papersSearch #searchContainer #runPapersSearch .searchbutton,
div.main-box.shopLandingPage #papersSearch #searchContainer #runPapersSearchBottom .searchbutton {
  margin: 0 5px;
  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", "Open Sans", Arial, Helvetica, sans-serif;
  padding: 0 1.5em;
  overflow: visible;
  text-decoration: none !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  white-space: nowrap;
  background-color: #ccc;
}

div.shoppingCartContent #paypal-button-container {
  width: 50%;
  margin: 40px auto 0 auto;
}

#subscriptionLandingPage #subscriptionPeriod {
  display: flex;
}

#subscriptionLandingPage #subscriptionPeriod .heading {
  display: flex;
  width: 50%;
  justify-content: flex-start;
}

#subscriptionLandingPage #subscriptionPeriod .recurrence {
  display: flex;
  width: 50%;
  justify-content: flex-end;
}

#subscriptionLandingPage.iabse #subscriptionPeriod .heading {
  width: 80%;
}

#subscriptionLandingPage.iabse #subscriptionPeriod .recurrence {
  width: 20%;
}

#subscriptionLandingPage #subscriptionPeriod .recurrence span.recurrenceLabel {
  align-self: center;
  margin-right: 15px;
}

#subscriptionLandingPage #subscriptionPeriod .recurrence #subscriptionPeriod,
#subscriptionLandingPage .subscriptionPlus .version .subscriptionVersion {
  background-color: #eee;
  display: inline-block;
  max-width: 250px;
  width: 100%;
  padding: 3px;
  border-radius: 30px;
  text-align: center;
  white-space: nowrap;
  max-height: 42px;
  align-self: center;
}

#subscriptionLandingPage.iabse #subscriptionPeriod .recurrence #subscriptionPeriod {
  max-width: 100px;
}

#subscriptionLandingPage .subscriptionPlus .version .subscriptionVersion {
  max-width: 200px;
  font-size: 14px;
  border-top: none;
  font-weight: normal;
}

#subscriptionLandingPage.iabse .subscriptionPlus .version .subscriptionVersion {
  max-width: 300px;
}

#subscriptionLandingPage #subscriptionPeriod .recurrence #subscriptionPeriod span,
#subscriptionLandingPage .subscriptionPlus .version .subscriptionVersion span {
  display: inline-block;
  width: 49%;
  padding: 10px 0;
  margin: 0;
  border-radius: 30px;
  max-width: 100%;
  cursor: pointer;
}

#subscriptionLandingPage.iabse #subscriptionPeriod .recurrence #subscriptionPeriod span {
  width: 100%;
}

#subscriptionLandingPage.iabse .subscriptionPlus .version .subscriptionVersion span {
  width: 32%;
}

#subscriptionLandingPage.iabse .subscriptionPlus.collective .version .subscriptionVersion span {
  width: 49%;
}

#subscriptionLandingPage #subscriptionPeriod .recurrence #subscriptionPeriod span.active,
#subscriptionLandingPage .subscriptionPlus .version .subscriptionVersion span.active {
  background-color: #fff;
}

#subscriptionLandingPage #subscriptionPeriod .recurrence #subscriptionPeriod span i.fa,
#subscriptionLandingPage .subscriptionPlus .version .subscriptionVersion span i.fa,
#subscriptionLandingPage .subscriptionPlus div.price span,
#subscriptionLandingPage .subscriptionPro div.price span,
#subscriptionLandingPage #subscriptionSummary div.price span,
#subscriptionLandingPage #subscriptionIABSESummary div.price span,
#subscriptionLandingPage #subscriptionIABSESummary .onlyannual,
#subscriptionLandingPage #subscriptionIABSESummary .subscribe {
  display: none;
}

#subscriptionLandingPage #subscriptionPeriod .recurrence #subscriptionPeriod span.active i.fa,
#subscriptionLandingPage .subscriptionPlus .version .subscriptionVersion span.active i.fa {
  display: inline;
  color: #6BADB0;
  position: relative;
  top: 2px;
  margin-right: 5px;
}

#subscriptionLandingPage .subscriptionPlus div.price span.active,
#subscriptionLandingPage .subscriptionPro div.price span.active,
#subscriptionLandingPage #subscriptionSummary div.price span.active,
#subscriptionLandingPage #subscriptionIABSESummary div.price span.active,
#subscriptionLandingPage #subscriptionIABSESummary .onlyannual.active,
#subscriptionLandingPage #subscriptionIABSESummary .subscribe.active {
  display: inline;
}

#subscriptionLandingPage .subscriptionVersions,
#subscriptionLandingPage #subscriptionSummary,
#subscriptionLandingPage #subscriptionIABSESummary {
  display: flex;
}

#subscriptionLandingPage.iabse .subscriptionVersions {
  justify-content: center;
}

#subscriptionLandingPage .subscriptionVersions .subscriptionFree,
#subscriptionLandingPage .subscriptionVersions .subscriptionPlus,
#subscriptionLandingPage .subscriptionVersions .subscriptionPro,
#subscriptionLandingPage #subscriptionSummary #summaryFree,
#subscriptionLandingPage #subscriptionSummary #summaryPlus,
#subscriptionLandingPage #subscriptionSummary #summaryPro,
#subscriptionLandingPage #subscriptionIABSESummary #summaryFree,
#subscriptionLandingPage #subscriptionIABSESummary #summaryPlus,
#subscriptionLandingPage #subscriptionIABSESummary #summaryPro {
  width: 30%;
  text-align: center;
  margin: 30px 2% 20px 2%;
  border: 2px solid #d3d3d3;
  border-radius: 10px;
  background-color: #fff;
  /* height: max-content; */
}

#subscriptionLandingPage.iabse .subscriptionVersions .subscriptionPlus {
  height: max-content;
}

#subscriptionLandingPage.iabse div.publicationsIncluded div.threeColumnUl {
  display: flex;
}

#subscriptionLandingPage.iabse div.publicationsIncluded div.threeColumnUl ul {
  display: flex;
  flex-direction: column;
  width: 30%;
}

#subscriptionLandingPage.iabse ul.threeColumn {
  /* display: grid;
  grid-template-columns: auto auto auto; */
  flex-wrap: wrap;
  display: flex;
}

#subscriptionLandingPage.iabse ul.threeColumn li {
  flex-grow: 1;
  width: 30%;
}

.select-field-box.requestoffer ul li label {
  width: 100%;
  padding-left: 10px;
}

.registration-field-box.requestoffer.textareabox label {
  vertical-align: top;
}

.registration-field-box.requestoffer.textareabox textarea {
  width: 100%;
}

.optional-fields .detail-info {
  margin: 0px 40px;
}

.optional-fields .detail-info .registration-field-box.size{
  display: flex;
  justify-content: center;
  align-items: center;
}

.optional-fields .detail-info .registration-field-box.size input {
  width: 70%;
}


#subscriptionLandingPage .subscriptionVersions.simply .subscriptionFree,
#subscriptionLandingPage .subscriptionVersions.simply .subscriptionPlus,
#subscriptionLandingPage .subscriptionVersions.simply .subscriptionPro {
  border: none;
}

#subscriptionLandingPage #subscriptionSummary #summaryFree,
#subscriptionLandingPage #subscriptionSummary #summaryPlus,
#subscriptionLandingPage #subscriptionSummary #summaryPro,
#subscriptionLandingPage #subscriptionIABSESummary #summaryFree,
#subscriptionLandingPage #subscriptionIABSESummary #summaryPlus,
#subscriptionLandingPage #subscriptionIABSESummary #summaryPro {
  margin: 20px 2%;
  border: none;
}

#subscriptionLandingPage .subscriptionVersions .subscriptionFree div,
#subscriptionLandingPage .subscriptionVersions .subscriptionPlus div,
#subscriptionLandingPage .subscriptionVersions .subscriptionPro div,
#subscriptionLandingPage #subscriptionSummary #summaryFree div,
#subscriptionLandingPage #subscriptionSummary #summaryPlus div,
#subscriptionLandingPage #subscriptionSummary #summaryPro div,
#subscriptionLandingPage #subscriptionIABSESummary #summaryFree div,
#subscriptionLandingPage #subscriptionIABSESummary #summaryPlus div,
#subscriptionLandingPage #subscriptionIABSESummary #summaryPro div {
  min-height: 21px;
  margin: 5px 0px;
  padding: 0 10px;
}


#subscriptionLandingPage .subscriptionVersions div.name,
#subscriptionLandingPage .subscriptionVersions div.version,
#subscriptionLandingPage .subscriptionVersions div.price,
#subscriptionLandingPage .subscriptionVersions div.subscribe,
#subscriptionLandingPage #subscriptionSummary div.price,
#subscriptionLandingPage #subscriptionSummary div.subscribe,
#subscriptionLandingPage #subscriptionIABSESummary div.price,
#subscriptionLandingPage #subscriptionIABSESummary div.subscribe {
  font-size: 18px;
  font-weight: bold;
}

#subscriptionLandingPage .subscriptionVersions div.subscribe .addtocartpro,
#subscriptionLandingPage .subscriptionVersions div.subscribe .addtocartplus,
#subscriptionLandingPage .subscriptionVersions div.subscribe .addtocartcollective,
#subscriptionLandingPage .subscriptionVersions div.subscribe .mystructurae-login-btn-popup,
#subscriptionLandingPage #subscriptionSummary div.subscribe .addtocartpro,
#subscriptionLandingPage #subscriptionSummary div.subscribe .addtocartplus,
#subscriptionLandingPage #subscriptionSummary div.subscribe .mystructurae-login-btn-popup,
#subscriptionLandingPage #subscriptionIABSESummary div.subscribe .addtocartpro,
#subscriptionLandingPage #subscriptionIABSESummary div.subscribe .addtocartplus,
#subscriptionLandingPage #subscriptionIABSESummary div.subscribe .mystructurae-login-btn-popup {
  padding: 5px 10px;
  border-radius: 6px;
  font-weight: 600;
  line-height: 1.85em;
  background: #F2C771;
  color: #555555;
}

#subscriptionLandingPage #subscriptionIABSESummary div.subscribe .addtocartplus {
  display: none;
}

#subscriptionLandingPage #subscriptionIABSESummary div.subscribe .addtocartplus.active {
  display: inline;
}

#subscriptionLandingPage .subscriptionVersions .subscriptionFree div.description,
#subscriptionLandingPage .subscriptionVersions .subscriptionPlus div.description,
#subscriptionLandingPage .subscriptionVersions .subscriptionPro div.description {
  padding: 7px;
  border-top: 1px solid #eee;
}

#subscriptionLandingPage .subscriptionVersions .subscriptionFree div.version,
#subscriptionLandingPage .subscriptionVersions .subscriptionPro div.version {
  min-height: 61px;
}

#subscriptionLandingPage .subscriptionVersions .subscriptionFree {
  height: max-content;
}

#subscriptionLandingPage .subscriptionVersions .subscriptionFree .collapseregister,
#subscriptionLandingPage .subscriptionVersions .subscriptionFree .collapseregister.show .hide,
#subscriptionLandingPage .subscriptionVersions .subscriptionFree .collapseregister.hide .show,
#subscriptionLandingPage .subscriptionVersions .subscriptionPlus .collapseplus,
#subscriptionLandingPage .subscriptionVersions .subscriptionPlus .collapseplus.show .hide,
#subscriptionLandingPage .subscriptionVersions .subscriptionPlus .collapseplus.hide .show,
#subscriptionLandingPage .subscriptionVersions .subscriptionPro .collapsepro,
#subscriptionLandingPage .subscriptionVersions .subscriptionPro .collapsepro.show .hide,
#subscriptionLandingPage .subscriptionVersions .subscriptionPro .collapsepro.hide .show {
  display: none;
}

#subscriptionLandingPage .subscriptionVersions .subscriptionFree .collapseregister.show .show,
#subscriptionLandingPage .subscriptionVersions .subscriptionFree .collapseregister.hide .hide,
#subscriptionLandingPage .subscriptionVersions .subscriptionPlus .collapseplus.show .show,
#subscriptionLandingPage .subscriptionVersions .subscriptionPlus .collapseplus.hide .hide,
#subscriptionLandingPage .subscriptionVersions .subscriptionPro .collapsepro.show .show,
#subscriptionLandingPage .subscriptionVersions .subscriptionPro .collapsepro.hide .hide {
  display: inline-block;
}

#subscriptionLandingPage .separate {
  border-top: 2px solid #eee;
  margin-top: 20px;
}

#subscriptionLandingPage #subscriptionComparison table.comparisonTable {
  min-width: 750px;
 }

#subscriptionLandingPage #subscriptionComparison table tr.subheading td {
  background-color: #6BADB0;
}

#subscriptionLandingPage #subscriptionComparison table tr.even td {
  background-color: #eee;
}

#subscriptionLandingPage #subscriptionComparison table tr.subheading td.subheadingname h3 {
  color: #fff;
  font-weight: bold;
}

#subscriptionLandingPage #subscriptionComparison table tr th {
  font-weight: bold;
}

#subscriptionLandingPage #subscriptionComparison table tr td.subheadingname,
#subscriptionLandingPage #subscriptionComparison table tr th.subheadingname {
  width: 16%;
}

#subscriptionLandingPage #subscriptionComparison table tr td.subheadingname {
  cursor: pointer;
}

#subscriptionLandingPage #subscriptionComparison table tr td.subheadingname h3 {
  display: inline;
}

#subscriptionLandingPage #subscriptionComparison table tr td.subheadingname.coll i.fa-chevron-down,
#subscriptionLandingPage #subscriptionComparison table tr td.subheadingname i.fa-chevron-up {
  display: inline;
  vertical-align: text-top;
  color: white;
  margin-right: 5px;
}

#subscriptionLandingPage #subscriptionComparison table tr.subheadingsection.coll,
#subscriptionLandingPage #subscriptionComparison table tr td.subheadingname i.fa-chevron-down,
#subscriptionLandingPage #subscriptionComparison table tr td.subheadingname.coll i.fa-chevron-up {
  display: none;
}

#subscriptionLandingPage #subscriptionComparison table tr td.registredname,
#subscriptionLandingPage #subscriptionComparison table tr th.registredname,
#subscriptionLandingPage #subscriptionComparison table tr td.plusname,
#subscriptionLandingPage #subscriptionComparison table tr th.plusname,
#subscriptionLandingPage #subscriptionComparison table tr td.proname,
#subscriptionLandingPage #subscriptionComparison table tr th.proname {
  width: 28%;
}

#subscriptionLandingPage #subscriptionComparison h2,
#subscriptionLandingPage #subscriptionComparison table.comparisonTable h3 {
  text-align: left;
}

#subscriptionLandingPage h1 {
  font-weight: 700;
}

div.shoppingCartContent div.goToCheckout a,
div.shoppingCartContent div.returnToCheckout a,
div.shoppingCartContent div.quick-registration a,
div.shoppingCartContent div.goToPayment input,
div.shoppingCartContent .main-box.confirmation a.downloadInvoice,
div.shoppingCartContent .main-box.confirmation .returnToHomepage a {
    padding: 9px 15px;
    color: #000;
    font-style: normal;
    cursor: pointer;
    font-family: "Noto Sans", "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    float: none;
    border-radius: 0.36em;
    display: flex;
    z-index: 1;
    margin: 0;
}

div.shoppingCartContent div.goToCheckout a,
div.shoppingCartContent div.quick-registration a,
div.shoppingCartContent div.goToPayment input,
div.shoppingCartContent .main-box.confirmation a.downloadInvoice {
  background: #F2C771 !important;
}

div.shoppingCartContent div.goToPayment input {
  display: block;
  min-height:38px;
  white-space: normal;
}

div.shoppingCartContent div.returnToCheckout a {
  background: #ff0000;
  color: #fff;
}

div.shoppingCartContent.paymentProblem .header {
  color: #ff0000;
}

div.shoppingCartContent.paymentProblem .left-box span {
  margin: 10px 20px;
  font-size: 20px;
  text-align: left;
}


div.shoppingCartContent div.goToCheckout a:hover,
div.shoppingCartContent div.returnToCheckout a:hover,
div.shoppingCartContent div.quick-registration a:hover,
div.shoppingCartContent div.goToPayment input:hover,
div.shoppingCartContent .main-box.confirmation a.downloadInvoice:hover,
div.shoppingCartContent .main-box.confirmation .returnToHomepage a:hover,
table.literatureOverview tr.getItem td.buyItem a:hover {
  text-decoration: none;
}

div.shoppingCartContent div.goToPayment input {
  width: 100%;
  border: none;
}

div.shoppingCartContent div.goToCheckout,
div.shoppingCartContent div.returnToCheckout,
div.shoppingCartContent div.goToPayment,
div.shoppingCartContent div.quick-registration {
  margin: 22px 30px;
}

div.shoppingCartContent div.goToCheckout span,
div.shoppingCartContent div.returnToCheckout span,
div.shoppingCartContent div.quick-registration span {
  width: 100%;
  text-align: center;
}

div.shoppingCartContent .errorField,
.checkout-terms-box .error-notification,
.checkout-waiver-box .error-notification{
  color: red;
  font-size: 12px;
}

.shopErrorMessage {
  color: red;
  font-size: 116.67%;
  margin: 1.5em 1.5em;
}

.shopMessage {
  color: green;
  font-size: 12px;
}

.shopErrorMessage, .shopMessage {
  text-align: center;
}

.subscriptionCancellationContent form[name=subscriptionCancellationForm] {
  padding-top: 10px;
}

.subscriptionCancellationContent p {
  margin: 10px 0;
}

div.shoppingCartContent .billingInfo {
  margin: 10px 80px;
}

div.shoppingCartContent .billingInfo .billing-info input,
div.shoppingCartContent .billingInfo .billing-info select {
  width: 250px;
  height: 33px;
  margin: 0;
  outline: none;
  border: 1px solid #999;
  border-radius: 10px;
  background: #fff;
  padding: 0 0 0 15px;
}

div.shoppingCartContent .billingInfo .billing-info select {
  width: 268px;
}

div.shoppingCartContent .billingInfo .billing-info td.labelField {
  vertical-align: middle;
}

div.shoppingCartContent .billingInfo .billing-info input.error,
div.shoppingCartContent .billingInfo .billing-info select.error {
  background-color: #fce4e4;
  border: 1px solid #cc0033;
  outline: none;
}

div.shoppingCartContent .billingInfo .billing-info tr td {
  padding: 3px 10px;
}

div.shoppingCartContent .billingInfo .billing-info tr.errorField td {
  text-align: right;
  padding-right: 85px;
}


div.shoppingCartContent div.navigation div.circle {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background: #ededed;
}

div.shoppingCartContent div.navigation div.circle.active {
  background: #2d7b80;
}

div.shoppingCartContent div.navigation div.circle.red {
  background: #ff0000;
}

div.shoppingCartContent div.navigation div.circle i{
  color: #fff;
  font-size: 24px;
  margin-top: 7px;
  margin-left: 8px;
}

div.shoppingCartContent div.navigation div.circle i.fa-sign-in {
  margin-left: 9px;
}

div.shoppingCartContent div.navigation div.circle i.fa-check-circle {
  margin-left: 10px;
}

div.shoppingCartContent div.navigation div.circle.red i.fa-check-circle {
  opacity: 0.5;
}

div.shoppingCartContent div.navigation div.circle.red i.fa-times {
  margin-left: -24px;
  font-size: 26px;
  margin-top: 4px;
}

div.shoppingCartContent div.navigation div.circle i.fa-credit-card {
  font-size: 20px;
  margin-top: 9px;
  margin-left: 9px;
}


div.shoppingCartContent div.navigation i.fa-arrow-right {
  font-size: 20px;
  margin-top: 8px;
  color: #2d7b80;
}

div.shoppingCartContent div.navigation table {
  margin: 0 auto;
  width: 230px;
  border: none;
}

div.shoppingCartContent div.navigation table tbody tr:hover td,
div.shoppingCartContent div.main-box table.order-details tbody tr:hover td,
div.shoppingCartContent div.main-box table.coupon-section tbody tr:hover td,
div.shoppingCartContent div.main-box table.items tbody tr:hover td,
div.shoppingCartContent div.main-box table.items tbody tr:hover th,
div.shoppingCartContent div.main-box table.billing-info tbody tr:hover td,
.checkoutItemsTable tbody tr:hover td,
.checkoutItemsTable tbody tr:hover th,
div#orderHistory table tr:hover td, div#orderHistory table tr:hover th {
  background: none;
}

div.shoppingCartContent div.navigation table tbody tr td,
div.shoppingCartContent div.main-box table.order-details tbody tr td,
div.shoppingCartContent div.main-box table.coupon-section tbody tr td,
div.shoppingCartContent div.main-box table,
div.shoppingCartContent div.main-box table.items,
div.shoppingCartContent div.main-box table.billing-info tbody tr td,
div.shoppingCartContent div.main-box table.billing-info,
.main-box.payment #billingAddress table tr td, .main-box.payment #yourProducts table th,
div.shoppingCartContent div.main-box.confirmation #downloadProducts table tr td,
.main-box.payment #yourProducts table.header tr td, #addToCartPopup table tr td, #addToCartPopup table {
  border: none;
}

div.shoppingCartContent div.main-box.confirmation #downloadProducts table tr td:first-child {
  width: 80%;
}

div.shoppingCartContent div.main-box.confirmation #downloadProducts table tr td:last-child {
  padding-left: 50px;
  font-size: 30px;
  padding-top: 10px;
}

div.main-box.payment .right-box.mobile {
  display: none;
}

.main-box.payment #yourProducts h4,
div.shoppingCartContent div.main-box table.order-details td.price {
  text-align: right;
}

.main-box.payment #yourProducts h4.chosen {
  text-align: left;
}

div.shoppingCartContent div.main-box table.order-details {
    margin: 20px;
    width: auto;
}

div.shoppingCartContent div.main-box table.order-details tr.total td {
  font-size: 20px;
  font-weight: bold;
  padding-top: 5px;
}

div.shoppingCartContent div.main-box table.order-details tr.discount td,
div.shoppingCartContent div.main-box table.order-details tr.summary td{
  font-size: 16px;
  padding-top: 0;
}

div.shoppingCartContent div.main-box table.coupon-section .couponField {
  width: 150px;
  height: 28px;
}

div.shoppingCartContent div.main-box table.coupon-section .couponButton {
  border: 1px solid #6BADB0;
  border-radius: 4px;
  background-color: #6BADB0;
  color: #fff;
  padding: 5px;
  cursor: pointer;
}

div.shoppingCartContent div.main-box table.coupon-section tr.couponBox td {
  vertical-align: middle;
}

div.shoppingCartContent div.main-box table.coupon-section tr.couponBox td.coupon {
  width:60%;
  padding-left: 30px;
}

div.shoppingCartContent div.main-box table.coupon-section td#couponMessage {
  padding-left: 30px;
  padding-right: 30px;
}

div.shoppingCartContent div.main-box table.coupon-section td#couponMessage img{
  margin: 0 auto;
  width: 30px;
}

div.shoppingCartContent div.main-box table.order-details tr td:first {
  width:70%;
}

div.shoppingCartContent div.navigation table tbody tr td.arrow {
  padding-left: 4px;
  padding-right: 4px;
}

div.shoppingCartContent div.header span {
  font-size: 26px;
}

div.shoppingCartContent div.main-box {
  border: solid 1px #e0e0e0;
  box-shadow: 0 0 10px #e0e0e0;
  margin-top: 20px;
  display:flex;
}

div.shoppingCartContent div.main-box table.items tr td.itemname,
div.shoppingCartContent div.main-box table.items tr th.itemname,
 .checkoutItems tr td.itemname, 
.checkoutItemsTable tr th.itemname {
  width:50%;
}

#productTable tr td.itemname, #productTable tr th.itemname {
  width:55%;
}

.checkoutItems tr td.itemname, #productTable tr td.itemname,
div.shoppingCartContent div.main-box table.items tr td.itemname {
  font-weight: bold;
}

div.shoppingCartContent div.main-box table.items tr td.itemimg,
div.shoppingCartContent div.main-box table.items tr th.itemimg,
#addToCartPopup tr th.itemimg {
  width:10%;
  padding-right: 30px;
}

div.shoppingCartContent div.main-box table.items tr td.itemimg img,
.checkoutItems tr td.itemimg img, #productTable tr td.itemimg img,
td#additemimg img, table.confirmationItemsTable tr td.itemimg img {
  width: 90px;
  height: 70px;
  object-fit: cover;
}

div.shoppingCartContent div.main-box.confirmation #downloadProducts table.confirmationItemsTable tr td.itemimg {
  width: auto;
}

div.shoppingCartContent div.main-box.confirmation #downloadProducts table.confirmationItemsTable tr td.itemdetails {
  font-size: 14px;
}

div.shoppingCartContent div.main-box.confirmation #downloadProducts table.confirmationItemsTable ul {
  font-size: 14px;
}

div.shoppingCartContent div.main-box table.items tr td.itemtype,
div.shoppingCartContent div.main-box table.items tr th.itemtype,
.checkoutItems tr td.itemimg, #productTable tr td.itemimg,
.checkoutItemsTable tr th.itemimg, td#additemimg,
#addToCartPopup tr th.itemtype {
  width: 10%;
}

.checkoutItems tr td.itemimg, #productTable tr td.itemimg {
  padding: 10px 0;
}

.checkoutItems tr td.itemtype, .checkoutItemsTable tr th.itemtype,
#productTable tr td.itemtype, #productTable tr th.itemtype {
  width: 13%;
}

div.shoppingCartContent div.main-box table.items tr td.itemprice,
div.shoppingCartContent div.main-box table.items tr th.itemprice,
.checkoutItems tr td.itemprice, .checkoutItemsTable tr th.itemprice,
#productTable tr td.itemprice, #productTable tr th.itemprice {
  width: 16%;
}

#addToCartPopup tr th.itemprice {
  width: 25%;
}

div.shoppingCartContent div.main-box table.items tr td.itemremove a{
  margin-left: 7px;
}

div.shoppingCartContent div.main-box table.items tr td.itemtype,
.checkoutItems tr td.itemtype, #productTable tr td.itemtype {
  padding-left: 17px;
}

#productResult .itemsloader tr td {
 text-align: center;
}

.order-details tr.loader td {
  text-align: center;
}

.ordertotalloader {
  width: 30px;
}


div.shoppingCartContent div.main-box table.items tr td.itemremove a i {
  font-size: 20px;
  vertical-align: sub;
}

div.shoppingCartContent div.main-box table.items tr th,
#addToCartPopup table tr th {
  border: none;
}

div.shoppingCartContent div.main-box div.itemsTable {
  margin: 0 30px;
}

table.checkoutItemsTable {
  width: 100%;
}

.checkoutProducts {
  margin: 0 30px;
}

.checkout-terms-box, .checkout-waiver-box {
  margin: 0 30px;
  display: table;
}

.checkout-terms-box label, .checkout-waiver-box label {
  display: table-cell;
  width: 100%;
}

.checkout-terms-box input, .checkout-waiver-box input {
  display: table-cell;
  margin-right: 5px;
}

.checkout-terms-box .error-notification, .checkout-waiver-box .error-notification {
  padding-left: 20px;
  display: table-cell;
}

.checkoutItemsTable tr td, .checkoutItemsTable tr th, .checkoutItemsTable tr td table.checkoutItems tr td {
  border: none;
}

div.shoppingCartContent div.main-box table.items tr td,
.checkoutItemsTable tr td table.checkoutItems tr td,
div.shoppingCartContent div.main-box.confirmation #downloadProducts table tr td,
#productTable tr td  {
  vertical-align: middle;
  border-top: 1px solid #e0e0e0;
}

div.shoppingCartContent div.main-box.confirmation #downloadProducts table tr td.noborder {
  border-top: none;
}

div.shoppingCartContent div.main-box table.items tr:last-child td,
.checkoutItemsTable tr td table.checkoutItems tr:last-child td,
div.shoppingCartContent div.main-box.confirmation #downloadProducts table tr:last-child td {
  border-bottom: 1px solid #e0e0e0;
}

.checkoutItemsTable tr th.itemname,
.checkoutItemsTable tr td.itemprice {
  padding-left: 15px;
}

.checkoutItemsTable tr th.itemprice {
  padding-left: 10px;
}

div.shoppingCartContent div.main-box.confirmation #downloadProducts {
  text-align: left;
  display: inline-block;
  padding: 10px 40px;
}

div.shoppingCartContent div.main-box.confirmation #downloadProducts span {
  margin-left: 5px;
  display: block;
}
div.shoppingCartContent div.main-box.confirmation #downloadProducts span.ordernumber {
  margin-top: 10px;
}

div.shoppingCartContent div.main-box.confirmation #downloadProducts table {
  width: auto;
}

div.shoppingCartContent div.main-box.confirmation .confirmationDetails {
  font-size: 18px;
  font-weight: 400;
  margin: 0 40px;
}

div.shoppingCartContent div.main-box.confirmation .invoiceDetails a.downloadInvoice,
div.shoppingCartContent div.main-box.confirmation .returnToHomepage a {
  width: 160px;
  margin: 30px auto 0 auto;
}

div.shoppingCartContent div.main-box.confirmation .invoiceDetails p.notAvailable {
  margin: 30px auto 0 auto;
}

div.shoppingCartContent div.main-box.confirmation .invoiceDetails a.downloadInvoice span,
div.shoppingCartContent div.main-box.confirmation .invoiceDetails p.notAvailable,
div.shoppingCartContent div.main-box.confirmation .returnToHomepage a span {
  text-align: center;
  width: 100%;
}

div.shoppingCartContent div.main-box.confirmation .returnToHomepage a {
  background: #6badb0;
  color: #fff;
}


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,
div.mediaContainer span.addToCart {
    top: 20px;
    display: flex;
}

div.literatureItem span.addToCart{
    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.mediaContainer span.addToCart.mobile,
div.literatureItem span.addToCart.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,
div.mediaContainer span.addToCart span,
div.literatureItem span.addToCart 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.addToCart span.text,
div.literatureItem span.addToCart 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.addToCart span.text,
div.literatureItem span.addToCart span.text{
    font-size: 18px;
    position: relative;
    top: 25%;
}

div.mediaContainer span.download span.icon,
div.mediaContainer span.addToCart span.icon,
div.literatureItem span.addToCart 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.addToCart span.icon,
div.literatureItem span.addToCart 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.mediaContainer span.addToCart .icon:before,
div.literatureItem span.addToCart .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.addToCart .icon:before,
div.literatureItem span.addToCart .icon:before {
    content: "\f07a";
    right: 7px;
}

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.literatureFav .literatureFavBtn span.favorites span.icon {
  width: 25%;
}

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: left;
    bottom: 28px;
    left: 8px;
}

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

.ym-columnar .ym-fbox-text .full-text {
  width: 40%;
  display: inline;
  float: left;
  color: #666666;
}

.ym-columnar .ym-fbox-text .full-text,
.ym-columnar .ym-fbox-text .full-text-checkbox {
  width: 40%;
  display: inline;
  float: left;
}

.ym-columnar .ym-fbox-text .full-text-checkbox {
  width: 60%;
}

.ym-columnar .ym-fbox-text .full-text-checkbox .ym-fbox-checkbox {
  width: 100%;
  display: inline-block;
  margin: 8px 0;
}

.ym-columnar .ym-fbox-text .full-text-checkbox .ym-fbox-checkbox .fa-stack {
  width: 15px;
  height: 15px;
}

.ym-columnar .ym-fbox-text .full-text-checkbox .ym-fbox-checkbox .fa-stack .fa-stack-2x {
  font-size: 15px;
}

.ym-columnar .ym-fbox-text .full-text-checkbox .ym-fbox-checkbox label {
  float: none;
  margin-left: 10px;
}

.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, .order-history-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", "Open 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;
}

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

div.linkedkeywords span {
    background: #ebf1f1;
    border-radius: 4px;
    padding: 4px 15px;
    margin: 5px 10px 5px 0;
}

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

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

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

.shoppingCartContent .left-box {
    width: 67%;
    display: flex;
    margin-top: 20px;
    text-align: center;
    padding-bottom: 40px;
}

.shoppingCartContent .main-box.checkout .left-box,
.shoppingCartContent .main-box.payment .left-box {
  display: inline-block;
}

.shoppingCartContent .main-box.payment .left-box #yourProducts,
.shoppingCartContent .main-box.payment .left-box #billingAddress {
  margin: 0 40px;
}

.shoppingCartContent .main-box.payment .left-box #billingAddress tr td {
  /* padding-left: 0; */
  vertical-align: middle;
}

.shoppingCartContent .main-box.payment .left-box #billingAddress table tr td.changebutton {
  width: 20%;
  padding-right: 10px;
}

.shoppingCartContent .main-box.payment .left-box #billingAddress table tr td.address {
  padding-left: 20px;
}

.shoppingCartContent .main-box.payment .left-box #billingAddress table tr td.header,
.shoppingCartContent .main-box.payment .left-box #yourProducts table tr td.header {
  width: 25%;
}

.shoppingCartContent .main-box.payment .left-box #billingAddress table tr td.changebutton a,
.shoppingCartContent .main-box.payment .left-box #yourProducts table tr td.changebutton a {
  background: #6badb0;
  border-radius: 6px;
  line-height: 1.85em;
  color: #fff;
  padding: 5px 10px;
}
.shoppingCartContent .main-box.payment .left-box #billingAddress table tr td.changebutton a:hover,
.shoppingCartContent .main-box.payment .left-box #yourProducts table tr td.changebutton a:hover {
  color: #fff;
  text-decoration: none;
}

.shoppingCartContent .left-box .itemsLoader {
    display: none;
}

.shoppingCartContent .left-box .itemsLoader tr td {
  text-align: center;
  border:none;
}

.shoppingCartContent .right-box {
    display: flex;
    padding-top: 40px;
    vertical-align: top;
    background: #ededed;
    flex-flow: column;
    width: 33%;
    padding-bottom: 40px;
}

.shoppingCartContent .removeProduct {
    cursor: pointer;
}

.shoppingCartContent h3.orderDetails {
    margin: 0px;
}

.shoppingCartContent div.emptyCart {
  text-align: center;
  width: 100%;
  margin-top: 55px;
}

#addToCartPopup {
  width: 500px;
}

#addToCartPopup .item {
  text-align: center;
}

#addToCartPopup .details {
  width: 80%;
  margin: 30px auto;
}

#addToCartPopup .buttons a.continue:hover {
  text-decoration: none;
}

#addToCartPopup .buttons a.continue {
  position: relative;
  border-radius: 10px;
  background: #F2C771;
  color: #000;
  font-size: 14px;
  padding: 5px 20px;
  display: inline-block;
  cursor: pointer;
}

#addToCartPopup .buttons a.continue span.text {
  font-size: 14px;
  font-weight: bold;
}

#addToCartPopup .buttons {
  margin: 0 auto;
  width: 80%;
}

#addToCartPopup #addtocartpopupclose {
  float: right;
  background: #6BADB0;
  color: #fff;
}

#addToCartPopup .item #additemsuccess,
#addToCartPopup .item #additemerror,
#addToCartPopup .item #additemduplicate {
  display: none;
  font-size: 20px;
  margin: 0 10px;
}


/* 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 #sib-form {
  position: relative;
  width: 100%;
}
.newsbox #sib-form-subscribe,
.newsbox #EMAIL {
  position: absolute;
  top: 10px;
}
.newsbox #EMAIL {
  box-sizing: border-box;
  height: 40px;
  left: 0;
  right: 0;
  padding-right: 38px;
  margin-top: 0;
  width: 95%;
}
.newsbox #sib-form-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;
  }
  .main-box.cart .itemsTable .items .itemname,
  #productResult .checkoutItems .itemname {
    width: min-content;
  }

}
@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,
    .literatureItem.js-acordion-header {
      position: relative;
      padding-left: 20px;
    }

    #main .js-acordion-header:before,
    .literatureItem.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,
    .literatureItem.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;
}

#plusPopup {
  min-width: 400px;
  background: none;
  border: none;
  box-shadow: none;
  margin: 0;
  min-height: 320px;
}

#plusPopup div.permission-login-box.plus {
  padding-top: 0px;
  margin: 0 auto;
  max-width: 360px;
  min-width: 350px;
  border:none;
}

#plusPopup div.permission-login-box.plus .subscriber-access-box {
  border: none;
  min-width: unset;
  max-width: unset;
}

#plusPopup div.permission-login-box.plus .mod_teaser_base.mod_teaser_wide.wall_teaser {
  margin-top: 5px;
  background-color: White;
  width: 95%;
}

#plusPopup div.permission-login-box.plus .ym-sidebox,
div.permission-login-box.plus.diagram .ym-sidebox {
  margin-bottom: 0px;
  display: flex;
  justify-content: center;
}

#plusPopup .wrapper_contribute_white {
  margin-top: 0px;
  padding-top: 0px;
}

/* #plusPopup .wrapper_contribute_white .buttons {
  display: flex;
  justify-content: space-around;
  align-items: center;
} */



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

#favoritesMobile {
  display: none;
}

@media screen and (max-width: 1620px) and (min-width: 1410px) {
  #parametric-search #parametric-search-params .singleParam label {
    width: 60%;
  }
  #parametric-search #parametric-search-params .singleParam.subcat1 label.main {
    width: 80%;
  }
}

@media screen and (max-width: 1410px) and (min-width: 1060px) {
  #parametric-search #parametric-search-params .singleParam label {
    width: 45%;
  }
  #parametric-search #parametric-search-params .singleParam.subcat1 label.main {
    width: 75%;
  }
}

@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%;
    }
    .ym-gr .ym-columnar .ym-fbox-text .full-text,
    .ym-gr .ym-columnar .ym-fbox-text .full-text-checkbox {
      width: 100%;
    }
    .ym-gr .ym-columnar .ym-fbox-text .full-text {
      margin:5px 0;
    }
    #structureGridView.small {
      grid-template-columns: auto auto auto;
    }
    
    #structureGridView.large {
      grid-template-columns: auto auto;
    }
    #parametric-search .button-section {
      flex-direction: column;
    }

    #parametric-search #gridimage {
      margin-top: 15px;
    }
    #parametric-search-content .pageNav {
      max-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, div.main-box.payment .right-box.desktop {
        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;
    }
    table.literatureOverview tr td {
      display: block;
    }
    table.literatureOverview tr td.literatureCoverFile {
      width: 100%;
    }
    table.literatureOverview tr td.literatureCoverFile img {
      margin: 0 auto;
    }
    table.literatureOverview tr.getPreview, table.literatureOverview tr.getItem,
    div.main-box.payment .right-box.mobile {
      display: block;
    }
    table.literatureOverview tr.getPreview td, table.literatureOverview tr.getItem td{
      text-align: center;
    }
    div.shoppingCartContent div.main-box, 
    div.shoppingCartContent div.main-box .left-box, 
    div.shoppingCartContent div.main-box .right-box {
      display: block;
      width: 100%;
    }
    div.shoppingCartContent .billingInfo,
    div.shoppingCartContent .checkoutProducts {
      margin: 20px;
    }
    #ppplus {
      margin: 0;
    }
    div.shoppingCartContent div.main-box table.order-details {
      margin-top: 0;
    }
    div.shoppingCartContent div.main-box .right-box.mobile {
      padding: 20px 0;
    }
    .shoppingCartContent .main-box.payment .left-box #yourProducts {
      margin-bottom: 20px;
    }
    .shoppingCartContent .main-box.confirmation .right-box {
      text-align: center;
    }
    #favoritesMobile {
      display: block;
      position: relative;
      width: 100%;
      height: 60px;
      top: -4px;
    }
    .secnav_tabs .literatureFav,
    .secnav_tabs .structureFav,
    .secnav_tabs .personFav,
    .secnav_tabs .firmFav {
      display: none;
    }  
    #structureListTableDiv .box.furtherAccess .accessBoxes {
      flex-direction: column;
    }
    #structureListTableDiv .box.furtherAccess .accessBoxes #register,
    #structureListTableDiv .box.furtherAccess .accessBoxes #plusPopup {
      width: 100%;
    }
}

@media screen and (max-width: 800px) {
  #addToCartPopup .buttons {
    display: flex;
    flex-flow: wrap;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
  #addToCartPopup .buttons .continue {
    margin-bottom: 20px;
  }
  #addToCartPopup .details {
    width: 100%;
  }

  #addToCartPopup .details table tr td#additemimg {
    padding-left: 10%;
    width: 80px;
  }
  
  #addToCartPopup .details table tr td#additemimg img {
    width: 100%;
  }
  #addToCartPopup .details table tr td#additemname {
    padding-left: 20px;
  }
  #subscriptionLandingPage .subscriptionVersions,
  #subscriptionLandingPage #subscriptionPeriod {
    flex-direction: column;
    align-items: center;
  }
  #subscriptionLandingPage #subscriptionSummary,
  #subscriptionLandingPage #subscriptionIABSESummary {
    display: none;
  }
  #subscriptionLandingPage .subscriptionVersions .subscriptionFree, 
  #subscriptionLandingPage .subscriptionVersions .subscriptionPlus, 
  #subscriptionLandingPage .subscriptionVersions .subscriptionPro {
    width: 50%;
  }

  #subscriptionLandingPage.iabse div.publicationsIncluded div.threeColumnUl {
    display: inline-block;
  }

  #subscriptionLandingPage.iabse div.publicationsIncluded div.threeColumnUl ul {
    width: 100%;
  }

  #subscriptionLandingPage.iabse ul.threeColumn li {
    width: 40%;
  }
  
  #subscriptionLandingPage .subscriptionVersions .subscriptionFree div.version, 
  #subscriptionLandingPage .subscriptionVersions .subscriptionPro div.version {
    min-height: auto;
  }
  #subscriptionLandingPage #subscriptionPeriod .heading,
  #subscriptionLandingPage #subscriptionPeriod .recurrence {
    justify-content: center;
    width: 100%;
  }
  #subscriptionLandingPage .subscriptionVersions .subscriptionFree .collapseregister,
  #subscriptionLandingPage .subscriptionVersions .subscriptionPlus .collapseplus,
  #subscriptionLandingPage .subscriptionVersions .subscriptionPro .collapsepro {
    display: inline-block;
    color: #6BADB0;
    margin: 5px;
    cursor: pointer;
  }
  #subscriptionLandingPage #subscriptionComparison {
    overflow-x: auto;
    overflow-y: visible;
    width: 100%;
  }
}

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

    div.shoppingCartContent .billingInfo .billing-info tr td {
      display: block;
      text-align: center;
    }

    div.shoppingCartContent .billingInfo .billing-info tr td input,
    div.shoppingCartContent .billingInfo .billing-info tr td select,
    #billingAddress table td, .main-box.payment #yourProducts h4,
    .main-box.payment #yourProducts h4.chosen {
      text-align: center;
    }
    div.shoppingCartContent .billingInfo .billing-info tr td select {
      text-align-last:center;
    }
    div.shoppingCartContent .billingInfo .billing-info tr.errorField td {
      text-align: center;
      padding: 5px 10px;
    }
    div.shoppingCartContent .billingInfo .billing-info input, div.shoppingCartContent .billingInfo .billing-info select {
      padding: 0;
    }
    div.shoppingCartContent div.main-box.confirmation .invoiceDetails a.downloadInvoice, 
    div.shoppingCartContent div.main-box.confirmation .returnToHomepage a {
      width: auto;
    }
    div.shoppingCartContent div.main-box.confirmation .right-box .invoiceDetails, 
    div.shoppingCartContent div.main-box.confirmation .right-box .returnToHomepage {
      margin: 30px 40px;
    }


    div.main-box.cart .items,
    div.main-box.checkout .checkoutItems  {
      min-width: 350px;
    }

    .main-box.payment .left-box #yourProducts {
      min-width: 315px;
  }
    
    div.shoppingCartContent div.main-box div.itemsTable,
    .shoppingCartContent .main-box.payment .left-box #yourProducts {
      margin: 0 10px;
    }
    .shoppingCartContent .main-box.payment .left-box #yourProducts {
      margin-bottom: 20px;
    }
    div.main-box.cart .items, div.main-box.cart .items tr,
    div.main-box.cart .items td, div.main-box.cart .items th,
    div.main-box.cart .items tbody,
    div.main-box.checkout .checkoutItems, div.main-box.checkout .checkoutItems tr,
    div.main-box.checkout .checkoutItems td, div.main-box.checkout .checkoutItems th,
    div.main-box.checkout .checkoutItems tbody, #billingAddress table td, 
    #productTable tbody, #productTable tr, #productTable th, #productTable td,
    div.main-box.payment #yourProducts table tr td {
      display: block;
    }
    div.shoppingCartContent .main-box.payment .left-box #billingAddress table tr td.header,
    div.shoppingCartContent .main-box.payment .left-box #billingAddress table tr td.changebutton,
    div.shoppingCartContent .main-box.payment .left-box #yourProducts table.header tr td.changebutton,
    div.shoppingCartContent .main-box.payment .left-box #yourProducts table.header tr td.header {
      width: 100%;
      text-align: center;
    }
    div.main-box.cart .items tr th,
    #productTable tr th {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    div.main-box.cart .items tr:first-child,
    div.main-box.checkout .checkoutItemsTable tbody tr#checkoutItemsTr,
    #productTable tr:first-child {
        display: none !important;
    }
    div.shoppingCartContent div.main-box table.items tr td.itemimg, 
    div.shoppingCartContent div.main-box table.items tr td.itemtype, 
    div.shoppingCartContent div.main-box table.items tr td.itemprice, 
    div.shoppingCartContent div.main-box table.items tr td.itemremove, 
    div.shoppingCartContent div.main-box table.items tr td.itemname,
    div.main-box.checkout .checkoutItems tr td.itemimg,
    div.main-box.checkout .checkoutItems tr td.itemtype,
    div.main-box.checkout .checkoutItems tr td.itemprice,
    div.main-box.checkout .checkoutItems td.itemname,
    #productTable tr td.itemtype, #productTable tr td.itemprice, 
    #productTable tr td.itemname, #productTable tr td.itemimg,
    td#additemimg {
        border: none;
        position: relative;
        padding-left: 40%;
        width: 60%;
    }
    
    div.shoppingCartContent .checkoutProducts {
      margin: 5px;
    }
    div.shoppingCartContent div.main-box table.items tr td.itemremove {
      position: relative;
      float: right;
      top: -43px;
      right: -120px;
    }
    div.shoppingCartContent div.main-box table.items tr td.itemimg,
    div.main-box.checkout .checkoutItems tr td.itemimg,
    #productTable tr td.itemimg, td#additemimg {
      display: inline-block;
    }
    div.shoppingCartContent div.main-box table.items tr td.itemimg img,
    div.main-box.checkout .checkoutItems tr td.itemimg img,
    #productTable tr td.itemimg img, td#additemimg img {
      float: left;
    }
    div.shoppingCartContent div.main-box table.items td:last-child,
    div.main-box.checkout .checkoutItems td:last-child {
        height: auto;
    }
    div.shoppingCartContent div.main-box table.items td,
    div.main-box.checkout .checkoutItems td {
        padding-left: 0;
    }
    div.shoppingCartContent div.main-box table.items tr td:before,
    div.main-box.checkout .checkoutItems tr td:before,
    #productTable tr td:before {
      position: absolute;
      top: 6px;
      left: 6px;
      width: 25%;
      padding-right: 10px;
      white-space: nowrap;
    }
    
    div.shoppingCartContent div.main-box table.items td.itemimg:before,
    div.shoppingCartContent div.main-box table.items td.itemname:before,
    div.shoppingCartContent div.main-box table.items td.itemtype:before,
    div.shoppingCartContent div.main-box table.items td.itemprice:before,
    div.shoppingCartContent div.main-box table.items td.itemremove:before,
    div.main-box.checkout .checkoutItems td.itemimg:before ,
    div.main-box.checkout .checkoutItems td.itemname:before ,
    div.main-box.checkout .checkoutItems td.itemtype:before ,
    div.main-box.checkout .checkoutItems td.itemprice:before,
    #productTable td.itemname:before, #productTable td.itemimg:before, #productTable td.itemtype:before,
    #productTable td.itemprice:before { 
        content: var(--content,"");
        font-weight:bold;
        top: 10px;
    }

    div.shoppingCartContent div.main-box table.items tr td.itemprice,
    div.main-box.checkout .checkoutItems tr td.itemprice,
    #productTable tr td.itemprice {
      border-bottom: 1px solid #e0e0e0;
    }
    div.shoppingCartContent div.main-box table.items tr:last-child td.itemprice,
    div.main-box.checkout .checkoutItems tr:last-child td.itemprice,
    #productTable tr:last-child td.itemprice {
      border-bottom: none;
    }
    div.shoppingCartContent div.main-box table.items tr td.itemimg {
      padding-right: 5px;
    }
    div.shoppingCartContent .billingInfo .billing-info select {
      width: 255px;
    }

    #overviewTable tr.pagesmobile {
      display: table-row;
    }
    #overviewTable tr td.pagestotal {
      display: none;
    }

}

@media screen and (max-width: 693px) {
  .ym-gr .ym-columnar .ym-fbox-text .full-text {
    width: 40%;
    margin:0;
  }
  .ym-gr .ym-columnar .ym-fbox-text .full-text-checkbox {
    width: 60%;
  }
  div.main-box.shopLandingPage #papersSearch  {
    flex-direction: column;
    padding: 15px;
    height: auto;
  }
  
  div.main-box.shopLandingPage #papersSearch span {
    margin-bottom: 10px;
  }

  div.main-box.shopLandingPage #papersSearch #searchContainer {
    width: auto;
  }
  
  div.main-box.shopLandingPage #papersSearch #searchContainer #searchPhrase,
  div.main-box.shopLandingPage #papersSearch #searchContainer #searchPhraseBottom {
    width: auto;
    height: 25px;
  }

  #structuresList #structuresListCountSection {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  #multipleSortingSection table#multipleSorting {
    display: table;
  }

  #multipleSortingSection table#multipleSorting .name {
    width: 45%;
  }

  #multipleSorting tbody,
  #structureListTableDiv #multipleSorting div.select  {
    width: 100%;
  }

  #structuresList #structuresListCountSection #iconsLegend,
  #structuresList #buttonsSection .button-download,
  #structuresList div#filterSection div.recentlyCheckboxes.mobile {
    display: none;
  }
  #structuresList #structuresListCountSection #iconsLegend i {
    margin-bottom: 5px;
    margin-top: 5px;
  }
  #structureListTableDiv #buttonsSection div.filterSortSection {
    margin-bottom: 10px;
  }
  #structureListTableDiv #filterSection table.filteringTable.mobile {
    display: flex;
    justify-content: center;
    padding-right: 0px;
  }
  #structureListTableDiv #activeFiltersSection span.undo {
    width: 40px;
    margin: 10px 10px 5px 5px;
    text-align: right;
  }
  #structureListTableDiv div#activeFiltersSection.active {
    display: flex;
    flex-flow: wrap;
  }
  #structureListTableDiv #activeFiltersSection span.applied {
    margin: 5px 0px 5px 5px;
  }
  #structureListTableDiv #activeFiltersSection span.text {
    line-height: 40px;
  }
}


@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,
    #plusPopup .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,
    #plusPopup .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,
    #plusPopup .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,
    #plusPopup .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,
    #plusPopup .wrapper_contribute_white div.buttons a.plus-access-button {
        margin-top: 10px;
    }
    #plusPopup div.permission-login-box.plus {
      position: relative;
    }
    #plusPopup div.permission-login-box.plus .subscriber-access-box {
        min-width: 100%;
    }
    #plusPopup .wrapper_contribute_white div.buttons {
      flex-direction: column;
    }
    #plusPopup {
      min-width: 100%;
      min-height: 400px;
      display: flex;
      align-items: center;
    }
    #plusPopup .ym-sidebox {
      display: flex;
      justify-content: center;
    }
    #plusPopup .mod_teaser_base.mod_teaser_wide.wall_teaser {
      width: 95%;
    }

    #plusPopup .permission-logo {
      width:100%;
    }
    
    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;
    }
    div#structureGridView.small {
      grid-template-columns: auto;
    }
    #parametric-search-content .pageNav .prevPageNav,
    #parametric-search-content .pageNav .nextPageNav{
      max-width: 50px;
    }
    #parametric-search .filterListSection {
      flex-direction: column;
      display: flex;
    }
    #parametric-search .filterListSection a{
      margin-top: 15px;
      text-align: center;
    }
    #subscriptionLandingPage .subscriptionVersions .subscriptionFree, 
    #subscriptionLandingPage .subscriptionVersions .subscriptionPlus, 
    #subscriptionLandingPage .subscriptionVersions .subscriptionPro {
      width: 90%;
    }
    #subscriptionLandingPage.iabse ul.threeColumn li {
      width: 100%;
    }
}

@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,
    #plusPopup .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;
    }
    table.literatureOverview tr.getItem td.downloadItem span.download,
    table.literatureOverview tr.getPreview td.downloadItem span.download,
    table.literatureOverview tr.getItem td.buyItem span.addToCart {
      font-size: 12px;
      padding: 12px 10px;
      width: auto;
      display: inline-block;
      height: auto;
      text-align: center;
    }
    table.literatureOverview tr.getItem td.downloadItem span.download i.fa-file-pdf-o::before,
    table.literatureOverview tr.getPreview td.downloadItem span.download i.fa-file-pdf-o::before {
      font-size: 16px;
      vertical-align: baseline;
  }
  .ym-gr .ym-columnar .ym-fbox-text .full-text,
  .ym-gr .ym-columnar .ym-fbox-text .full-text-checkbox {
    width: 100%;
  }
  .ym-gr .ym-columnar .ym-fbox-text .full-text {
    margin: 5px 0;
  }
 
  div.main-box.shopLandingPage #papersSearch #searchContainer {
    flex-direction: column;
  }

  div.main-box.shopLandingPage #papersSearch #searchContainer #searchPhrase,
  div.main-box.shopLandingPage #papersSearch #searchContainer #searchPhraseBottom {
    margin-bottom: 10px;
  }
  #plusPopup {
    min-height: 430px;
  }
}