@font-face {
  font-family: 'OpenSansRegular';
  src: url("/static/webfonts/OpenSans/OpenSans-Regular-webfont.eot");
  src: url("/static/webfonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/static/webfonts/OpenSans/OpenSans-Regular-webfont.woff") format("woff"), url("/static/webfonts/OpenSans/OpenSans-Regular-webfont.ttf") format("truetype"), url("/static/webfonts/OpenSans/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'OpenSansItalic';
  src: url("/static/webfonts/OpenSans/OpenSans-Italic-webfont.eot");
  src: url("/static/webfonts/OpenSans/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("/static/webfonts/OpenSans/OpenSans-Italic-webfont.woff") format("woff"), url("/static/webfonts/OpenSans/OpenSans-Italic-webfont.ttf") format("truetype"), url("/static/webfonts/OpenSans/OpenSans-Italic-webfont.svg#OpenSansItalic") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'OpenSansSemibold';
  src: url("/static/webfonts/OpenSans/OpenSans-Semibold-webfont.eot");
  src: url("/static/webfonts/OpenSans/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("/static/webfonts/OpenSans/OpenSans-Semibold-webfont.woff") format("woff"), url("/static/webfonts/OpenSans/OpenSans-Semibold-webfont.ttf") format("truetype"), url("/static/webfonts/OpenSans/OpenSans-Semibold-webfont.svg#OpenSansSemibold") format("svg");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'OpenSansBold';
  src: url("/static/webfonts/OpenSans/OpenSans-Bold-webfont.eot");
  src: url("/static/webfonts/OpenSans/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/static/webfonts/OpenSans/OpenSans-Bold-webfont.woff") format("woff"), url("/static/webfonts/OpenSans/OpenSans-Bold-webfont.ttf") format("truetype"), url("/static/webfonts/OpenSans/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'OpenSansCondensedBold';
  src: url("/static/webfonts/OpenSans/OpenSans-CondBold-webfont.eot");
  src: url("/static/webfonts/OpenSans/OpenSans-CondBold-webfont.eot?#iefix") format("embedded-opentype"), url("/static/webfonts/OpenSans/OpenSans-CondBold-webfont.woff") format("woff"), url("/static/webfonts/OpenSans/OpenSans-CondBold-webfont.ttf") format("truetype"), url("/static/webfonts/OpenSans/OpenSans-CondBold-webfont.svg#OpenSansCondensedBold") format("svg");
  font-weight: 700;
  font-style: normal; }
html {
  font-size: 10px;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  background-color: #f0f2f3;
  color: #000;
  font-family: 'Segoe UI', 'OpenSansRegular', Tahoma, sans-serif;
  font-style: normal;
  font-variant: normal;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: anti-aliased; }

*:focus {
  outline: 0; }

button, input, select, textarea {
  font-family: 'Segoe UI', 'OpenSansRegular', Tahoma, sans-serif; }

audio[controls], canvas, video {
  display: inline-block;
  *display: inline;
  zoom: 1; }

a {
  color: #b71d42;
  text-decoration: none; }
  a:hover, a:hover span, a:active, a:active span {
    color: inherit;
    text-decoration: none;
    outline: 0; }
  a:focus {
    outline: 0; }
  a:visited {
    color: #b71d42; }
  a img {
    border: 0 none; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

p {
  margin: 0 0 10px; }

blockquote {
  margin: 0 0 25px 25px; }

dfn {
  font-style: italic; }

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

pre, code, kbd, samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

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

small {
  font-size: 75%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

ul, ol {
  list-style: none outside none;
  margin: 0;
  padding: 0; }

li {
  margin: 0;
  padding: 0; }

dd {
  margin: 0 0 0 40px; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic; }

img.hbmImgNoBorder {
  border: none !important; }

form {
  margin: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 10px 0; }

legend {
  border: 0;
  *margin-left: -7px; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button, input {
  line-height: normal;
  *overflow: visible; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: text-bottom; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box; }

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

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  resize: vertical;
  vertical-align: top; }

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

time, .timeformat {
  display: inline; }

input[type="password"],
input[type="search"],
input[type="text"],
textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e8ebed;
  border: 1px solid #e8ebed;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 14px;
  line-height: 1.44rem;
  height: 24px;
  padding: 3px; }

select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 14px;
  line-height: 1.44rem;
  background-color: #e8ebed;
  border: 2px solid #e8ebed;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px; }
  select option {
    background-color: #fff; }

textarea {
  height: auto; }

hr {
  background-color: transparent;
  border-color: #666;
  border-style: solid;
  border-width: 1px 0 0;
  height: 1px;
  margin: 10px 0;
  padding: 0; }
  hr + hr {
    margin: -9px 0 10px; }

img[src$="/empty.gif"], img[src$="/pixel.gif"] {
  border: 0 none;
  display: block;
  height: 1px;
  margin-left: -1px;
  margin-top: -1px;
  width: 1px; }

h1, h2, h3, h4, h5, h6 {
  margin: 0; }
/* General settings */
div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
  background-image: url("/static/sys/hbm-uniformjs-sprite.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased; }
div.selector, div.checker, div.button, div.radio, div.uploader {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  /* Keeping this as :focus to remove browser styles */ }
  div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus {
    outline: 0; }
div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * {
  margin: 0;
  padding: 0; }

.highContrastDetect {
  background: url("/static/sys/hbm-uniformjs-bg-input.png") repeat-x 0 0;
  width: 0px;
  height: 0px; }

/* Input & Textarea */
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
  padding: 0 10px 0 0;
  background: url("/static/sys/hbm-uniformjs-bg-input.png") repeat-x 0 0;
  outline: 0; }
  input.uniform-input.active,
  select.uniform-multiselect.active,
  textarea.uniform.active {
    background: url("/static/sys/hbm-uniformjs-bg-input-focus.png") repeat-x 0 0; }

/* Remove default webkit and possible mozilla .search styles.
 * Keeping this as :active to remove browser styles */
div.checker input,
input[type="search"],
input[type="search"]:active {
  -moz-appearance: none;
  -webkit-appearance: none; }

/* Select */
div.selector {
  background-position: 0 -170px;
  line-height: 34px;
  height: 34px;
  padding: 0 0 0 10px;
  position: relative;
  overflow: hidden; }
  div.selector span {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    background-position: right 0;
    height: 34px;
    line-height: 34px;
    padding-right: 25px;
    cursor: pointer;
    width: 100%;
    display: block; }
  div.selector.fixedWidth {
    width: 314px; }
    div.selector.fixedWidth span {
      width: 279px; }
  div.selector select {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    height: 29px;
    top: 2px;
    left: 0px;
    width: 100%; }
  div.selector.active {
    background-position: 0 -204px; }
    div.selector.active span {
      background-position: right -34px; }
  div.selector.hover, div.selector.focus {
    background-position: 0 -238px; }
    div.selector.hover span, div.selector.focus span {
      background-position: right -68px; }
    div.selector.hover.active, div.selector.focus.active {
      background-position: 0 -272px; }
      div.selector.hover.active span, div.selector.focus.active span {
        background-position: right -102px; }
  div.selector.disabled, div.selector.disabled.active {
    background-position: 0 -306px; }
    div.selector.disabled span, div.selector.disabled.active span {
      background-position: right -136px; }

/* Checkbox */
div.checker {
  position: relative; }
  div.checker, div.checker span, div.checker input {
    width: 19px;
    height: 20px; }
  div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -340px; }
    div.checker span.checked {
      background-position: -76px -340px; }
  div.checker input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1; }
  div.checker.active span {
    background-position: -19px -340px; }
    div.checker.active span.checked {
      background-position: -95px -340px; }
  div.checker.hover span, div.checker.focus span {
    background-position: -38px -340px; }
    div.checker.hover span.checked, div.checker.focus span.checked {
      background-position: -114px -340px; }
  div.checker.hover.active span, div.checker.focus.active span {
    background-position: -57px -340px; }
    div.checker.hover.active span.checked, div.checker.focus.active span.checked {
      background-position: -133px -340px; }
  div.checker.disabled, div.checker.disabled.active {
    background-position: -152px -340px; }
    div.checker.disabled span.checked, div.checker.disabled.active span.checked {
      background-position: -171px -340px; }

/* Radio */
div.radio {
  position: relative; }
  div.radio, div.radio span, div.radio input {
    width: 18px;
    height: 18px; }
  div.radio span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -360px; }
    div.radio span.checked {
      background-position: -72px -360px; }
  div.radio input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center; }
  div.radio.active span {
    background-position: -36px -360px; }
    div.radio.active span.checked {
      background-position: -90px -360px; }
  div.radio.hover span, div.radio.focus span {
    background-position: -72px -360px; }
    div.radio.hover span.checked, div.radio.focus span.checked {
      background-position: -108px -360px; }
  div.radio.hover.active span, div.radio.focus.active span {
    background-position: -54px -360px; }
    div.radio.hover.active span.checked, div.radio.focus.active span.checked {
      background-position: -126px -360px; }
  div.radio.disabled span, div.radio.disabled.active span {
    background-position: -144px -360px; }
    div.radio.disabled span.checked, div.radio.disabled.active span.checked {
      background-position: -162px -360px; }

/* Uploader */
div.uploader {
  background-position: 0 -378px;
  height: 34px;
  width: 190px;
  cursor: pointer;
  position: relative;
  overflow: hidden; }
  div.uploader span.action {
    background-position: right -514px;
    height: 34px;
    line-height: 34px;
    width: 85px;
    text-align: center;
    float: left;
    display: inline;
    overflow: hidden;
    cursor: pointer; }
  div.uploader span.filename {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    cursor: default;
    height: 30px;
    margin: 2px 0 2px 2px;
    line-height: 30px;
    width: 82px;
    padding: 0 10px; }
  div.uploader input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    cursor: default;
    width: 100%;
    height: 100%; }
  div.uploader.active span.action {
    background-position: right -582px; }
  div.uploader.hover, div.uploader.focus {
    background-position: 0 -446px; }
    div.uploader.hover span.action, div.uploader.focus span.action {
      background-position: right -548px; }
    div.uploader.hover.active span.action, div.uploader.focus.active span.action {
      background-position: right -616px; }
  div.uploader.disabled, div.uploader.disabled.active {
    background-position: 0 -412px; }
    div.uploader.disabled span.action, div.uploader.disabled.active span.action {
      background-position: right -480px; }

/* Buttons */
div.button {
  background-position: 0 -786px;
  height: 34px;
  cursor: pointer;
  position: relative;
  /* Keep buttons barely visible so they can get focus */ }
  div.button a, div.button button, div.button input {
    opacity: 0.01;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute; }
  div.button span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 34px;
    text-align: center;
    background-position: right -650px;
    height: 34px;
    margin-left: 10px;
    padding: 0 10px 0 0; }
  div.button.active {
    background-position: 0 -820px; }
    div.button.active span {
      background-position: right -684px;
      cursor: default; }
  div.button.hover, div.button.focus {
    background-position: 0 -854px; }
    div.button.hover span, div.button.focus span {
      background-position: right -718px; }
  div.button.disabled, div.button.disabled.active {
    background-position: 0 -888px; }
    div.button.disabled span, div.button.disabled.active span {
      background-position: right -752px;
      cursor: default; }

/* INPUT & TEXTAREA */
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
  font-weight: bold;
  color: #000; }

/* PRESENTATION */
/* Buttons */
div.button span {
  color: #fff;
  font-weight: bold; }
div.button.disabled span, div.button.disabled.active span {
  color: #bbb; }

/* Select */
div.selector span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 34px;
  line-height: 3.36rem;
  color: #000;
  font-weight: bold; }
div.selector.disabled span, div.selector.disabled.active span {
  color: #778389; }

/* Checker */
div.checker {
  margin-right: 5px; }

/* Radio */
div.radio {
  margin-right: 3px; }

/* Uploader */
div.uploader span.action {
  text-shadow: #fff 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold; }
div.uploader span.filename {
  color: #dde1e4;
  border-right: solid 1px #bbb;
  font-size: 11px; }
div.uploader.disabled span.action, div.uploader.disabled.active span.action {
  color: #778389; }
div.uploader.disabled span.filename, div.uploader.disabled.active span.filename {
  border-color: #778389;
  color: #aaa; }

input.uniform-input, input.uniform-input:focus {
  background-color: #fff; }
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

br.clearfix {
  line-height: 1px;
  font-size: 1px;
  height: 1px;
  display: none; }

.hideme {
  left: -1000em;
  position: absolute;
  text-indent: -2000em;
  top: -1000em; }

.no-margin {
  margin: 0 !important; }

.small-info {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 15px;
  line-height: 1.4663rem; }

.info-box {
  color: #fff;
  font-weight: bold;
  padding: 5px;
  text-align: center; }
  .info-box p {
    margin: 0; }
  .info-box a {
    color: #000; }
    .info-box a:hover, .info-box a:active, .info-box a:focus {
      color: #fff; }
  .info-box.red {
    background: #b71d42; }
  .info-box.pink {
    background: #ef3d61; }

.text-red {
  color: #b71d42; }

.left {
  float: left; }

.right {
  float: right; }
body {
  padding: 0 0 50px; }

#wrapper {
  margin: 0 auto;
  position: relative;
  max-width: 3000px;
  min-width: 1210px; }

#wrapper-shadow {
  width: 910px; }

#header {
  clear: both; }

#wrapper-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #dde1e4;
  position: relative;
  width: 910px; }

#footer {
  background: #afb4b9;
  margin: 20px 0 0;
  position: relative; }
  #footer #footer-content {
    padding: 20px; }

#content-main {
  padding: 20px 0 50px;
  position: relative; }

.grid-homepage,
.grid-default {
  width: 908px; }

.grid-homepage .column-both,
.grid-default .column-both {
  clear: both;
  padding: 0 16px;
  width: 878px; }
  .grid-homepage .column-both.fullwidth,
  .grid-default .column-both.fullwidth {
    padding: 0;
    width: 910px; }

.grid-default {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 19px;
  line-height: 1.9488rem; }
  .grid-default .column-wide {
    float: right;
    padding: 0 16px 0 14px;
    width: 534px; }
  .grid-default .column-small {
    float: left;
    padding: 9px 14px 0 16px;
    width: 314px; }

.grid-homepage {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 19px;
  line-height: 1.9488rem; }
  .grid-homepage .column-wide {
    float: left;
    padding: 0 14px 0 16px;
    width: 534px; }
  .grid-homepage .column-small {
    float: right;
    padding: 8px 16px 0 14px;
    width: 314px; }

#footer {
  padding: 30px 16px; }
#header {
  position: relative; }
  #header .header-logo {
    float: left;
    height: 84px;
    margin: 15px 0 0 15px;
    width: 185px; }
  #header .main-nav {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem;
    margin: 65px 0 0 225px; }
    #header .main-nav .main-nav-items li {
      float: left;
      font-weight: bold;
      margin: 0 0 0 5px;
      text-transform: uppercase; }
      #header .main-nav .main-nav-items li:first-child {
        margin: 0; }
      #header .main-nav .main-nav-items li a {
        color: #000;
        display: block;
        padding: 12px 13px 10px; }
        #header .main-nav .main-nav-items li a.highlight {
          color: #b71d42; }
          #header .main-nav .main-nav-items li a.highlight:hover {
            background-color: #b71d42; }
        #header .main-nav .main-nav-items li a:hover {
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -o-border-radius: 3px;
          -ms-border-radius: 3px;
          -khtml-border-radius: 3px;
          border-radius: 3px;
          background: #000;
          color: #fff; }
          #header .main-nav .main-nav-items li a:hover.highlight {
            background-color: #b71d42; }
      #header .main-nav .main-nav-items li.active a {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        background: #000;
        color: #fff; }
  #header .main-search {
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 10px;
    background: #fff;
    width: 908px;
    z-index: 1000; }
    #header .main-search.stuck {
      margin-top: 0;
      position: fixed;
      top: 0; }
    #header .main-search .logo-claim {
      font-size: 20px;
      font-size: 2rem;
      line-height: 35px;
      line-height: 3.5rem;
      float: left;
      font-family: 'OpenSansCondensedBold', Tahoma, sans-serif;
      margin-right: 21px;
      text-transform: uppercase; }
    #header .main-search .search-form {
      float: left; }
      #header .main-search .search-form .search-string {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 14px;
        line-height: 1.4rem;
        background: #e8ebed;
        border: none;
        color: #7e9098;
        float: left;
        font-family: 'OpenSansItalic', Tahoma, sans-serif;
        height: auto;
        padding: 8px 14px;
        width: 540px; }
      #header .main-search .search-form .search-submit {
        background: transparent url(/static/sys/hbm-main-sprite.png) 25px -200px no-repeat;
        border: none;
        cursor: pointer;
        display: block;
        float: left;
        height: 35px;
        padding: 0;
        text-indent: -2000em;
        width: 45px; }
  #header .service-nav {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 16px;
    line-height: 1.59995rem;
    float: right;
    margin: 15px 10px 0 0;
    position: relative; }
    #header .service-nav .login-bar {
      position: relative;
      float: left;
      margin-right: 20px; }
      #header .service-nav .login-bar .login-links {
        position: relative; }
        #header .service-nav .login-bar .login-links .login-links-items li {
          border-left: 1px solid #000;
          float: left;
          padding: 0 5px; }
          #header .service-nav .login-bar .login-links .login-links-items li:first-child {
            border: none; }
          #header .service-nav .login-bar .login-links .login-links-items li a {
            color: #000;
            display: inline-block;
            font-family: 'Segoe UI Bold', 'OpenSansBold', Tahoma, sans-serif;
            font-weight: bold;
            padding: 0 5px; }
            #header .service-nav .login-bar .login-links .login-links-items li a.login {
              background: transparent url(/static/sys/hbm-main-sprite.png) -78px -212px no-repeat;
              height: 20px;
              padding-left: 20px;
              text-transform: uppercase; }
          #header .service-nav .login-bar .login-links .login-links-items li .quick-links {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -o-border-radius: 5px;
            -ms-border-radius: 5px;
            -khtml-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
            border: 1px solid #b8c3c7;
            background-color: #fff;
            display: none;
            left: -50%;
            overflow: hidden;
            padding: 10px 5px;
            position: absolute;
            top: 15px;
            min-width: 180px; }
            #header .service-nav .login-bar .login-links .login-links-items li .quick-links li {
              background: none;
              border: none;
              float: none;
              padding: 0; }
              #header .service-nav .login-bar .login-links .login-links-items li .quick-links li a:hover, #header .service-nav .login-bar .login-links .login-links-items li .quick-links li a:active, #header .service-nav .login-bar .login-links .login-links-items li .quick-links li a:focus {
                text-decoration: underline; }
    #header .service-nav .shopping-cart {
      float: left; }
      #header .service-nav .shopping-cart .cart {
        background: transparent url(/static/sys/hbm-main-sprite.png) -37px -209px no-repeat;
        font-size: 16px;
        font-size: 1.6rem;
        display: block;
        float: left;
        font-weight: bold;
        height: 20px;
        text-indent: -2000em;
        width: 22px; }
      #header .service-nav .shopping-cart .items {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 19px;
        line-height: 1.8996rem;
        background: #b71d42;
        color: #fff;
        height: 20px;
        font-weight: bold;
        margin-left: 28px;
        text-align: center;
        padding: 0 5px; }
.footer-mag-box {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.5996rem;
  border-bottom: 1px solid #c0c9cd;
  clear: both;
  padding: 30px 0 15px; }
  .footer-mag-box .footer-tabs {
    border-bottom: 1px solid #c0c9cd; }
    .footer-mag-box .footer-tabs .tab {
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      -o-border-radius: 5px 5px 0 0;
      -ms-border-radius: 5px 5px 0 0;
      -khtml-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0;
      background: #e8ebed;
      border: 1px solid #fff;
      border-width: 1px 1px 0;
      float: left;
      font-family: 'Segoe UI Semibold', 'OpenSansSemibold', Tahoma, sans-serif;
      margin: 1px 2px 1px 0;
      position: relative;
      text-transform: uppercase;
      top: 0; }
      .footer-mag-box .footer-tabs .tab a {
        color: #000;
        display: block;
        padding: 4px 12px; }
      .footer-mag-box .footer-tabs .tab.ui-state-active {
        background: #000;
        border-color: #000;
        margin-bottom: -2px;
        padding-bottom: 2px; }
        .footer-mag-box .footer-tabs .tab.ui-state-active a {
          color: #fff; }
  .footer-mag-box .tab-content {
    padding: 20px 0 0;
    position: relative; }
  .footer-mag-box .caroufredsel_wrapper {
    margin-left: 25px !important; }
  .footer-mag-box .mag-slide-prev, .footer-mag-box .mag-slide-next {
    background: transparent url(/static/sys/hbm-main-sprite.png) no-repeat;
    cursor: pointer;
    display: block;
    height: 76px;
    position: absolute;
    top: 55px;
    width: 25px; }
  .footer-mag-box .mag-slide-prev {
    background-position: 0 0;
    left: 0; }
    .footer-mag-box .mag-slide-prev:hover, .footer-mag-box .mag-slide-prev:active, .footer-mag-box .mag-slide-prev:focus {
      background-position: -50px 0; }
  .footer-mag-box .mag-slide-next {
    background-position: -25px 0;
    right: 0; }
    .footer-mag-box .mag-slide-next:hover, .footer-mag-box .mag-slide-next:active, .footer-mag-box .mag-slide-next:focus {
      background-position: -75px 0; }
  .footer-mag-box .mag {
    display: block;
    float: left;
    margin: 0 27px 0 17px;
    width: 122px; }
    .footer-mag-box .mag.pdf {
      margin: 0 23px 0 17px;
      width: 126px; }
    .footer-mag-box .mag .pdf-cover {
      position: relative; }
      .footer-mag-box .mag .pdf-cover .filetype-icon {
        bottom: 0;
        position: absolute;
        right: 0; }
    .footer-mag-box .mag .mag-cover {
      border: 1px solid #e8ebed;
      height: 160px;
      margin-bottom: 8px;
      width: 120px; }
    .footer-mag-box .mag p {
      margin: 0 0 5px; }
    .footer-mag-box .mag .title {
      min-height: 35px; }
    .footer-mag-box .mag .red-button {
      display: block;
      margin-top: 10px;
      width: 102px; }

#footer .footer-col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.5996rem;
  border-left: 1px solid #b8c3c7;
  float: left;
  padding-left: 15px;
  width: 174px; }
  #footer .footer-col li {
    color: #fff;
    font-weight: bold;
    margin-bottom: 3px; }
    #footer .footer-col li .col-head {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 19px;
      line-height: 1.8662rem; }
    #footer .footer-col li a {
      color: #fff; }
      #footer .footer-col li a:hover, #footer .footer-col li a:active, #footer .footer-col li a:focus {
        text-decoration: underline; }
  #footer .footer-col:first-child {
    border: none; }
.red-button, .orange-button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.5996rem;
  color: #fff !important;
  display: inline-block;
  font-weight: bold;
  padding: 3px 10px;
  -webkit-transition: background-color 0.25s linear, color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s linear, color 0.25s ease-in-out;
  -ms-transition: background-color 0.25s linear, color 0.25s ease-in-out;
  -o-transition: background-color 0.25s linear, color 0.25s ease-in-out;
  transition: background-color 0.25s linear, color 0.25s ease-in-out; }
  .red-button:focus, .orange-button:focus {
    color: #fff;
    text-decoration: none !important; }
  .red-button:active, .orange-button:active {
    color: #fff;
    text-decoration: none !important; }
  .red-button:visited, .orange-button:visited {
    color: #fff;
    text-decoration: none !important; }
  .red-button:hover, .orange-button:hover {
    background-color: #9aa9af;
    color: #fff;
    text-decoration: none !important; }
  .red-button.large, .orange-button.large {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 20px;
    line-height: 1.9995rem;
    padding: 6px 15px; }

.red-button {
  background: #b71d42; }

.orange-button {
  background: #f36f23; }

.button-submit, .button-confirm, .button-link {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.5996rem;
  background: #9aa9af;
  border: none;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  margin: 0 10px 0 0;
  padding: 3px 15px; }
  .button-submit:visited, .button-confirm:visited, .button-link:visited {
    color: #fff; }
  .button-submit:hover, .button-submit:active, .button-submit:focus, .button-confirm:hover, .button-confirm:active, .button-confirm:focus, .button-link:hover, .button-link:active, .button-link:focus {
    color: #000; }

.image-buttons {
  bottom: 13px;
  cursor: pointer;
  display: block;
  left: 18px;
  position: absolute; }

.comments-bubble {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.5996rem;
  background: transparent url(/static/sys/hbm-main-sprite.png) -41px -246px no-repeat;
  color: #000;
  display: inline-block;
  font-weight: bold;
  min-height: 18px;
  padding-left: 20px; }

.cp-euro {
  color: #b71d42; }

.date-time-bar {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 19px;
  line-height: 1.8662rem;
  background: #e8ebed;
  font-weight: bold;
  margin: 0 0 15px;
  padding: 5px; }

.row {
  margin: 0 0 10px;
  overflow: hidden;
  width: 100%; }
  .row label, .row input, .row select, .row option, .row textarea {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    line-height: 1.56rem; }
  .row label {
    display: block;
    font-weight: bold; }
    .row label.label-short {
      display: inline;
      width: auto; }
  .row.privacy label {
    float: right;
    font-weight: normal;
    width: 500px; }
  .row.separate {
    border-top: 2px solid #e8ebed;
    margin-top: 20px;
    padding-top: 10px; }
  .row .checkbox {
    margin-right: 5px;
    width: 19px; }
  .row .size-xs {
    width: 60px; }
  .row .size-s {
    width: 120px; }
  .row .size-m {
    width: 250px; }
  .row .size-l {
    width: 300px; }
  .row .size-xl {
    width: 320px; }
  .row .size-full {
    width: 534px; }
  .row .form-block {
    float: left;
    margin-right: 10px; }

.popup .row .size-xl {
  width: 400px; }

.error-box {
  min-height: 30px;
  margin: 0 0 15px; }
  .error-box ul {
    font-size: 12px;
    font-size: 1.2rem;
    background-color: #b71d42;
    display: block;
    margin: 0;
    padding: 0; }
    .error-box ul li {
      color: #fff;
      padding: 5px; }

.to-top {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 15px;
  line-height: 1.4663rem;
  background: #e8ebed;
  border: 1px solid #b8c3c7;
  bottom: 20px;
  color: #000;
  font-weight: bold;
  padding: 5px 8px;
  position: fixed;
  right: 20px;
  text-transform: uppercase;
  z-index: 1000; }
  .to-top:visited {
    color: #000; }
  .to-top:hover {
    color: #b71d42; }

a.spCelink {
  color: #b71d42;
  margin-left: 5px; }
  a.spCelink:after {
    content: "" !important; }
  a.spCelink:hover, a.spCelink:active, a.spCelink:focus {
    text-decoration: none !important; }

.back-to-spon {
  border-bottom: 1px solid #c0c9cd;
  margin: 0 0 10px;
  padding: 0 0 2px; }
  .back-to-spon a {
    color: #000; }
    .back-to-spon a span {
      margin-right: 5px; }

.popup {
  background-color: #fff;
  padding: 0; }
  .popup #wrapper,
  .popup #content-main {
    background-image: none;
    margin: 0;
    padding: 0;
    width: auto; }
  .popup #wrapper {
    min-width: 50px;
    max-width: 3000px; }
  .popup #wrapper-shadow {
    padding: 0;
    width: auto; }
  .popup #wrapper-content {
    border: 0 none;
    box-shadow: none;
    float: none;
    width: auto; }
    .popup #wrapper-content .column-both {
      padding: 0; }

#js-popup-layer {
  display: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 100px;
  width: 600px;
  z-index: 1000003; }
  #js-popup-layer.hbm-login-popup-layer {
    display: block; }
    #js-popup-layer.hbm-login-popup-layer iframe {
      border-top: 3px solid #000;
      height: 480px;
      margin: 0 20px;
      padding-top: 15px;
      position: relative;
      width: 550px; }
  #js-popup-layer.send-form-popup-layer {
    display: block; }
    #js-popup-layer.send-form-popup-layer iframe {
      border-top: 3px solid #000;
      height: 550px;
      margin: 0 20px;
      padding-top: 15px;
      position: relative;
      width: 550px; }

.popup-layer-skin {
  background: #fff;
  border: 5px solid #000;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 30px 0 black;
  -moz-box-shadow: 0 0 30px 0 black;
  box-shadow: 0 0 30px 0 black; }
  .popup-layer-skin > a {
    margin: 5px; }
  .popup-layer-skin .close-button {
    float: right; }
  .popup-layer-skin h1 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 27px;
    line-height: 2.666rem;
    display: inline-block;
    font-family: 'OpenSansCondensedBold', Tahoma, sans-serif;
    margin: 10px 20px;
    text-transform: uppercase; }

.popup {
  background-color: #fff;
  padding: 0; }
  .popup #wrapper,
  .popup #content-main {
    background-image: none;
    margin: 0;
    padding: 0;
    width: auto; }
  .popup #wrapper {
    min-width: 50px;
    max-width: 3000px; }
    .popup #wrapper .small-info {
      display: inline-block;
      margin: 5px 0 0; }
      .popup #wrapper .small-info a {
        color: #b71d42; }
  .popup .sent-message .article-sent-headline {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.3994rem;
    display: inline-block;
    font-family: 'OpenSansCondensedBold', Tahoma, sans-serif;
    margin: 0 0 20px; }
  .popup .sent-message label {
    font-weight: bold; }
  .popup .send-form-disclaimer {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    line-height: 1.5996rem;
    border-top: 3px solid #838d93;
    color: #838d93;
    margin: 20px 0 0;
    padding-top: 10px; }
    .popup .send-form-disclaimer .disclaimer-head {
      font-weight: bold;
      margin: 0 0 5px;
      text-transform: uppercase; }

table {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.5996rem;
  margin: 0 0 25px; }
  table td {
    background: #fff;
    border: 2px solid #fff;
    border-width: 0 0 2px 2px;
    padding: 5px; }
    table td.odd {
      background: #e8ebed; }

.paginate {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 19px;
  line-height: 1.8662rem;
  border-bottom: 1px solid #dde1e4;
  font-weight: bold;
  margin: 25px 0;
  padding: 0 0 15px; }
  .paginate .paginate-inner {
    margin: 0 0 10px; }
    .paginate .paginate-inner .page-intro {
      color: #778389;
      float: left;
      margin-right: 12px; }
    .paginate .paginate-inner .paginate-button {
      background: transparent url(/static/sys/hbm-main-sprite.png) no-repeat;
      float: left;
      height: 26px;
      margin-right: 5px;
      padding-top: 3px;
      text-align: center;
      width: 26px; }
      .paginate .paginate-inner .paginate-button a {
        color: #b8c3c7;
        display: block; }
        .paginate .paginate-inner .paginate-button a:hover, .paginate .paginate-inner .paginate-button a:active, .paginate .paginate-inner .paginate-button a:focus {
          color: #000;
          text-decoration: none; }
      .paginate .paginate-inner .paginate-button.current a {
        color: #000; }
      .paginate .paginate-inner .paginate-button.prev, .paginate .paginate-inner .paginate-button.next {
        text-indent: -2000em; }
      .paginate .paginate-inner .paginate-button.prev {
        background-position: 0 -87px; }
      .paginate .paginate-inner .paginate-button.next {
        background-position: 0 -128px; }
      .paginate .paginate-inner .paginate-button.page {
        background-position: 0 -169px; }

.article-buy {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.5996rem;
  margin: 10px 0 0; }
  .article-buy .wk-warenkorb-connector .wk-add-display-link {
    margin-right: 5px;
    width: 10em; }
  .article-buy .wk-warenkorb-connector .wk-add-display-link {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    line-height: 1.5996rem;
    background-color: #b71d42;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    padding: 3px 10px;
    -webkit-transition: background-color 0.25s linear, color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s linear, color 0.25s ease-in-out;
    -ms-transition: background-color 0.25s linear, color 0.25s ease-in-out;
    -o-transition: background-color 0.25s linear, color 0.25s ease-in-out;
    transition: background-color 0.25s linear, color 0.25s ease-in-out; }
    .article-buy .wk-warenkorb-connector .wk-add-display-link:visited {
      color: #fff; }
    .article-buy .wk-warenkorb-connector .wk-add-display-link:hover {
      background: #9aa9af;
      color: #fff;
      text-decoration: none; }
  .article-buy .wk-warenkorb-connector .waiticon {
    margin: 0 0 -3px 5px; }
  .article-buy .orange-button {
    margin-right: 5px;
    width: 10em; }
  .article-buy .pdf-price {
    background: transparent url(/static/sys/hbm-main-sprite.png) -84px -680px no-repeat;
    color: #000;
    display: inline-block;
    font-weight: bold;
    min-height: 20px;
    padding: 2px 0 0 21px; }
  .article-buy .extract {
    font-weight: bold; }

.fb_twitter_bar_standard li {
  float: left; }
  .fb_twitter_bar_standard li.first a {
    margin-left: 0; }
  .fb_twitter_bar_standard li a {
    background: transparent url(/static/sys/hbm-social-sprite.png) no-repeat;
    display: block;
    height: 32px;
    margin: 0 0 0 10px;
    text-indent: -2000em;
    width: 32px; }
    .fb_twitter_bar_standard li a.gplus {
      background-position: 0 0; }
    .fb_twitter_bar_standard li a.fb {
      background-position: 0 -32px; }
    .fb_twitter_bar_standard li a.in {
      background-position: 0 -64px; }
    .fb_twitter_bar_standard li a.tw {
      background-position: 0 -96px; }
    .fb_twitter_bar_standard li a.xi {
      background-position: 0 -128px; }
#homepage .hp-teaser-wrapper {
  border-bottom: 1px solid #dde1e4;
  margin: 0 0 15px;
  padding: 0 0 15px; }
  #homepage .hp-teaser-wrapper.hp-channel {
    border: none;
    padding: 0; }
#homepage .hp-teaser.asset-box .asset-headline {
  padding: 0; }
  #homepage .hp-teaser.asset-box .asset-headline .more {
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: none; }
    #homepage .hp-teaser.asset-box .asset-headline .more:after {
      content: ""; }
#homepage .hp-teaser .hp-teaser-headline {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 29px;
  line-height: 2.9326rem;
  font-family: 'OpenSansCondensedBold', 'Segoe UI', Tahoma, sans-serif; }
  #homepage .hp-teaser .hp-teaser-headline a {
    color: #000; }
    #homepage .hp-teaser .hp-teaser-headline a:hover, #homepage .hp-teaser .hp-teaser-headline a:active, #homepage .hp-teaser .hp-teaser-headline a:focus {
      color: #b71d42; }
#homepage .image-gallery {
  border: none; }
  #homepage .image-gallery .pics li {
    width: 160px; }
#homepage .list-box {
  margin: 0 0 30px; }
  #homepage .list-box .list-box-headline a {
    color: #000; }
    #homepage .list-box .list-box-headline a:hover {
      color: #b71d42; }
  #homepage .list-box .list-box-headline span {
    float: right; }
    #homepage .list-box .list-box-headline span a:after {
      content: ""; }
  #homepage .list-box .list-box-items li {
    border-bottom: 1px solid #dde1e4;
    cursor: pointer;
    margin: 10px 0 0;
    padding: 0 0 10px; }
    #homepage .list-box .list-box-items li:first-child {
      margin: 0; }
    #homepage .list-box .list-box-items li a {
      font-weight: bold; }
      #homepage .list-box .list-box-items li a .topic {
        color: #778389; }
      #homepage .list-box .list-box-items li a .title {
        color: #000; }
      #homepage .list-box .list-box-items li a:hover, #homepage .list-box .list-box-items li a:active, #homepage .list-box .list-box-items li a:focus {
        color: inherit;
        text-decoration: underline; }
    #homepage .list-box .list-box-items li .teaser {
      margin: 0; }
      #homepage .list-box .list-box-items li .teaser .author a {
        font-weight: normal; }
  #homepage .list-box.tipp-box .list-box-headline {
    border-color: #f36f23;
    color: #f36f23; }
    #homepage .list-box.tipp-box .list-box-headline a {
      color: inherit; }
      #homepage .list-box.tipp-box .list-box-headline a:hover, #homepage .list-box.tipp-box .list-box-headline a:active, #homepage .list-box.tipp-box .list-box-headline a:focus {
        color: #000; }
  #homepage .list-box.tipp-box .list-box-items {
    color: #f36f23; }
    #homepage .list-box.tipp-box .list-box-items a {
      color: #f36f23;
      font-weight: normal; }
      #homepage .list-box.tipp-box .list-box-items a:hover, #homepage .list-box.tipp-box .list-box-items a:active, #homepage .list-box.tipp-box .list-box-items a:focus {
        color: #000; }
#homepage .hp-teaser-headline {
  margin: 0 0 10px; }
  #homepage .hp-teaser-headline h2 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 32px;
    line-height: 3.1992rem;
    font-family: 'OpenSansCondensedBold', 'Segoe UI', Tahoma, sans-serif; }
    #homepage .hp-teaser-headline h2 a {
      color: #000; }
      #homepage .hp-teaser-headline h2 a:hover, #homepage .hp-teaser-headline h2 a:active, #homepage .hp-teaser-headline h2 a:focus {
        text-decoration: underline; }
  #homepage .hp-teaser-headline .currency-sign {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 20px;
    line-height: 1.9995rem;
    background: #b71d42;
    color: #fff;
    display: inline-block;
    font-family: "OpenSansRegular", Tahoma, sans-serif;
    height: 22px;
    margin-left: 8px;
    text-align: center;
    width: 22px; }
#homepage .hp-teaser-details {
  margin: 0 0 10px; }
  #homepage .hp-teaser-details > * {
    display: inline; }
  #homepage .hp-teaser-details .hp-teaser-topic {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 19px;
    line-height: 1.8662rem;
    color: #778389;
    font-weight: bold; }
#homepage .hp-link-box {
  overflow: hidden; }
  #homepage .hp-link-box .link-box-items li a .topic {
    color: #000;
    font-weight: bold; }
  #homepage .hp-link-box .link-box-items li a .title {
    color: #000; }
  #homepage .hp-link-box .link-box-items li a:hover, #homepage .hp-link-box .link-box-items li a:active, #homepage .hp-link-box .link-box-items li a:focus {
    color: inherit;
    text-decoration: underline; }

.hp-tab-teaser {
  height: 400px;
  margin: 15px 0 35px;
  overflow: hidden; }
  .hp-tab-teaser .hp-tab-teaser-list {
    float: right;
    margin-right: 2px;
    width: 328px; }
    .hp-tab-teaser .hp-tab-teaser-list li a {
      display: block;
      font-weight: bold;
      padding: 15px 10px; }
      .hp-tab-teaser .hp-tab-teaser-list li a .topic {
        color: #778389;
        display: block; }
      .hp-tab-teaser .hp-tab-teaser-list li a .title {
        color: #000; }
      .hp-tab-teaser .hp-tab-teaser-list li a:hover, .hp-tab-teaser .hp-tab-teaser-list li a:active, .hp-tab-teaser .hp-tab-teaser-list li a:focus {
        background: #e8ebed; }
    .hp-tab-teaser .hp-tab-teaser-list li.active {
      background: #b71d42; }
      .hp-tab-teaser .hp-tab-teaser-list li.active a {
        color: #fff; }
        .hp-tab-teaser .hp-tab-teaser-list li.active a .topic, .hp-tab-teaser .hp-tab-teaser-list li.active a .title {
          color: #fff; }
        .hp-tab-teaser .hp-tab-teaser-list li.active a:hover, .hp-tab-teaser .hp-tab-teaser-list li.active a:active, .hp-tab-teaser .hp-tab-teaser-list li.active a:focus {
          background: inherit; }
  .hp-tab-teaser .hp-tab-teaser-content {
    display: none;
    float: left;
    height: 400px;
    position: relative;
    width: 580px; }
    .hp-tab-teaser .hp-tab-teaser-content.active {
      display: block; }
    .hp-tab-teaser .hp-tab-teaser-content a {
      display: block; }
    .hp-tab-teaser .hp-tab-teaser-content .title-box {
      background-color: #000;
      background-color: rgba(0, 0, 0, 0.75);
      bottom: 15px;
      color: #fff;
      left: 16px;
      padding: 15px;
      position: absolute;
      width: 500px; }
      .hp-tab-teaser .hp-tab-teaser-content .title-box .article-title {
        font-size: 36px;
        font-size: 3.6rem;
        line-height: 43px;
        line-height: 4.32rem;
        font-family: 'OpenSansCondensedBold', 'Segoe UI', Tahoma, sans-serif;
        text-transform: uppercase; }
    .hp-tab-teaser .hp-tab-teaser-content .credit {
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 15px;
      line-height: 1.4663rem;
      filter: Shadow(Color=#778389, Direction=45, Strength=2), Shadow(Color=#778389, Direction=135, Strength=2), Shadow(Color=#778389, Direction=225, Strength=2), Shadow(Color=#778389, Direction=315, Strength=2);
      text-shadow: 1px 1px 2px #778389, -1px 1px 2px #778389, 1px -1px 2px #778389, -1px -1px 2px #778389;
      bottom: 0;
      color: #fff;
      position: absolute;
      right: 3px; }

.hp-mehr-zum-thema li {
  display: inline-block;
  margin: 0 5px 5px 0; }
  .hp-mehr-zum-thema li a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    background: #e8ebed;
    color: #b71d42;
    display: block;
    font-weight: bold;
    padding: 3px 10px; }
    .hp-mehr-zum-thema li a:hover, .hp-mehr-zum-thema li a:active, .hp-mehr-zum-thema li a:focus {
      background: #9aa9af;
      color: #fff;
      text-decoration: none; }
.article-section {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem; }
  .article-section a {
    color: #b71d42; }
    .article-section a:hover, .article-section a:active, .article-section a:focus {
      color: inherit;
      text-decoration: underline; }
  .article-section .info-box a {
    color: #000; }
    .article-section .info-box a:hover, .article-section .info-box a:active, .article-section .info-box a:focus {
      color: #fff; }
  .article-section p {
    margin: 0 0 25px; }
  .article-section > ul {
    list-style-type: disc;
    margin-left: 20px; }
    .article-section > ul li {
      margin: 0 0 15px; }
  .article-section > ol {
    margin-left: 20px; }
    .article-section > ol li {
      margin: 0 0 15px; }
  .article-section .article-title {
    font-size: 40px;
    font-size: 4rem;
    line-height: 48px;
    line-height: 4.8rem;
    font-family: 'OpenSansCondensedBold', 'Segoe UI', Tahoma, sans-serif;
    letter-spacing: -1pt;
    margin-bottom: 15px;
    text-transform: uppercase; }
  .article-section .article-intro {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 23px;
    line-height: 2.2661rem;
    margin: 0 0 15px; }
    .article-section .article-intro > * {
      display: inline; }
    .article-section .article-intro .article-topic {
      color: #778389;
      font-size: inherit; }
    .article-section .article-intro .author {
      color: #b71d42;
      font-weight: normal; }
      .article-section .article-intro .author:hover, .article-section .article-intro .author:active, .article-section .article-intro .author:focus {
        color: #000; }
    .article-section .article-intro .article-rubrik {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 19px;
      line-height: 1.8662rem;
      display: block;
      margin: 20px 0; }
  .article-section .article-top-asset {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 19px;
    line-height: 1.8662rem;
    border-bottom: 1px solid #c0c9cd;
    margin: 0 0 25px;
    padding: 0 0 3px; }
    .article-section .article-top-asset .right > span {
      float: left;
      margin: 0 10px; }
    .article-section .article-top-asset .print a {
      background: transparent url(/static/sys/hbm-main-sprite.png) 0 -246px no-repeat;
      display: block;
      float: left;
      height: 16px;
      text-indent: -2000em;
      width: 16px; }
    .article-section .article-top-asset a:hover, .article-section .article-top-asset a:active, .article-section .article-top-asset a:focus {
      text-decoration: none; }
  .article-section .article-functions {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    line-height: 1.5996rem; }
    .article-section .article-functions li {
      float: left; }
      .article-section .article-functions li a {
        color: #000;
        font-weight: bold; }
        .article-section .article-functions li a:hover, .article-section .article-functions li a:active, .article-section .article-functions li a:focus {
          text-decoration: underline; }
    .article-section .article-functions .article-basic-functions li {
      margin: 0 12px 0 0; }
  .article-section .article-text-fade {
    margin: 0 0 20px;
    position: relative; }
    .article-section .article-text-fade .article-text-fade-box {
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(75%, #fff), color-stop(100%, #fff));
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 75%, #fff 100%);
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 75%, #fff 100%);
      background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 75%, #fff 100%);
      background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 75%, #fff 100%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 75%, #fff 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00FFFFFF', endColorstr='#FFFFFFFF', GradientType=0 );
      bottom: 0;
      height: 150px;
      left: 0;
      position: absolute;
      width: 100%; }
  .article-section.tipp-des-tages .tdt-headline {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 48px;
    line-height: 4.7988rem;
    background: #f36f23;
    color: #fff;
    font-family: 'OpenSansCondensedBold', 'Segoe UI', Tahoma, sans-serif;
    letter-spacing: -1pt;
    margin: 15px 0 30px;
    padding: 40px 10px 5px;
    text-transform: uppercase; }
    .article-section.tipp-des-tages .tdt-headline .date {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 21px;
      line-height: 2.1328rem;
      font-family: 'Segoe UI', 'OpenSansRegular', Tahoma, sans-serif;
      letter-spacing: 0;
      margin-top: 21px; }
  .article-section.tipp-des-tages .article-title {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 29px;
    line-height: 2.9326rem;
    letter-spacing: -.5pt;
    text-transform: none; }
  .article-section.tipp-des-tages .tdt-pager {
    border-top: 1px solid #dde1e4;
    margin: 25px 0;
    padding: 10px 0 0; }
    .article-section.tipp-des-tages .tdt-pager li {
      float: left;
      height: 28px;
      width: 178px; }
      .article-section.tipp-des-tages .tdt-pager li.tdt-pager-middle {
        text-align: center; }
      .article-section.tipp-des-tages .tdt-pager li.tdt-pager-right {
        text-align: right; }
      .article-section.tipp-des-tages .tdt-pager li a {
        color: #778389;
        display: block;
        font-weight: bold;
        min-height: 28px; }
        .article-section.tipp-des-tages .tdt-pager li a:hover, .article-section.tipp-des-tages .tdt-pager li a:active, .article-section.tipp-des-tages .tdt-pager li a:focus {
          text-decoration: underline; }
      .article-section.tipp-des-tages .tdt-pager li .prev {
        background: transparent url(/static/sys/hbm-main-sprite.png) 0 -87px no-repeat;
        padding-left: 32px; }
      .article-section.tipp-des-tages .tdt-pager li .next {
        background: transparent url(/static/sys/hbm-button-next-standalone.png) right 0 no-repeat;
        padding-right: 32px; }
  .article-section.quiztool .article-topic {
    display: block; }
  .article-section.quiztool .quiztool-content {
    margin: 25px 0 0; }
    .article-section.quiztool .quiztool-content .image-box {
      margin-bottom: 25px; }
      .article-section.quiztool .quiztool-content .image-box.pano {
        width: 520px; }
      .article-section.quiztool .quiztool-content .image-box.thumb {
        width: 180px; }
    .article-section.quiztool .quiztool-content .choose-answer-list {
      color: #000;
      margin: 0 0 25px 0; }
      .article-section.quiztool .quiztool-content .choose-answer-list li {
        margin: 0 0 10px; }
    .article-section.quiztool .quiztool-content .arrow a {
      background: transparent url(/static/sys/hbm-button-next-standalone.png) 0 3px no-repeat;
      color: #000;
      display: block;
      min-height: 28px;
      padding: 4px 0 0 32px; }
    .article-section.quiztool .quiztool-content .quiz-nav {
      clear: both; }
      .article-section.quiztool .quiztool-content .quiz-nav a {
        color: #778389;
        font-weight: bold;
        min-height: 28px; }
        .article-section.quiztool .quiztool-content .quiz-nav a:hover, .article-section.quiztool .quiztool-content .quiz-nav a:active, .article-section.quiztool .quiztool-content .quiz-nav a:focus {
          text-decoration: underline; }
        .article-section.quiztool .quiztool-content .quiz-nav a.prev {
          background: transparent url(/static/sys/hbm-main-sprite.png) 0 -87px no-repeat;
          min-height: 28px;
          padding: 0 0 0 32px; }
        .article-section.quiztool .quiztool-content .quiz-nav a.next {
          background: transparent url(/static/sys/hbm-button-next-standalone.png) right 0 no-repeat;
          min-height: 28px;
          padding: 0 32px 0 0; }
    .article-section.quiztool .quiztool-content .answer-row {
      margin: 10px 0 0; }
      .article-section.quiztool .quiztool-content .answer-row.first {
        border: none;
        margin: 0;
        padding: 0; }
      .article-section.quiztool .quiztool-content .answer-row .answer-row-heading {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        background: #e8ebed;
        font-weight: bold;
        margin: 0 0 10px;
        padding: 5px; }
        .article-section.quiztool .quiztool-content .answer-row .answer-row-heading .points.red {
          color: #b71d42; }
        .article-section.quiztool .quiztool-content .answer-row .answer-row-heading .points.green {
          color: #2a683d; }
      .article-section.quiztool .quiztool-content .answer-row .answer-row-question {
        margin: 0 0 10px; }
      .article-section.quiztool .quiztool-content .answer-row .answer-row-details li {
        margin: 0 0 5px; }
        .article-section.quiztool .quiztool-content .answer-row .answer-row-details li .label {
          font-weight: bold; }
  .article-section .article-comment-link {
    border-bottom: 1px solid #dde1e4;
    font-weight: bold;
    margin: 0 0 25px;
    padding: 0 0 5px;
    text-align: center; }
    .article-section .article-comment-link a {
      background: transparent url(/static/sys/hbm-button-next-standalone.png) right 3px no-repeat;
      color: #778389;
      display: inline-block;
      min-height: 28px;
      padding: 4px 32px 0 0; }
      .article-section .article-comment-link a:hover, .article-section .article-comment-link a:active, .article-section .article-comment-link a:focus {
        text-decoration: underline; }

.article-topicsbox {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 19px;
  line-height: 1.8662rem;
  margin: 20px 0;
  padding: 10px 0 0; }
  .article-topicsbox ul {
    margin: 0; }
    .article-topicsbox ul li {
      display: inline-block;
      font-weight: bold;
      margin: 0 5px 5px 0; }
      .article-topicsbox ul li a {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        background: #e8ebed;
        color: #b71d42;
        display: block;
        padding: 3px 10px; }
        .article-topicsbox ul li a:hover, .article-topicsbox ul li a:active, .article-topicsbox ul li a:focus {
          background: #9aa9af;
          color: #fff;
          text-decoration: none; }
      .article-topicsbox ul li.article-topicsbox-intro {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        background: #dde1e4;
        color: #808f99;
        padding: 3px 10px; }

.multi-part-headline {
  font-style: italic; }

.multi-part-pages .page-label {
  color: #778389; }
.multi-part-pages .page-name {
  color: #000; }

.article-comments-box .comments-bubble {
  margin-top: 8px; }
.article-comments-box .blog-comment-entry {
  padding: 5px; }
  .article-comments-box .blog-comment-entry.hasdefault {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
    color: #7e9098;
    font-family: 'OpenSansItalic', Tahoma, sans-serif; }
.article-comments-box .article-comment {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 19px;
  line-height: 1.8662rem; }
  .article-comments-box .article-comment .article-comment-head {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    background: #e8ebed;
    color: #778389;
    margin: 0 0 10px;
    padding: 8px 12px; }
    .article-comments-box .article-comment .article-comment-head .user {
      background: transparent url(/static/sys/hbm-main-sprite.png) right -286px no-repeat;
      min-height: 16px;
      padding-right: 22px;
      font-weight: bold; }
  .article-comments-box .article-comment .spForumQuote {
    font-style: italic;
    margin: 0 0 8px; }
    .article-comments-box .article-comment .spForumQuote .forum-quote-show-link {
      cursor: pointer;
      display: inline-block;
      margin-left: 5px; }
.article-comments-box .js-pager-right {
  float: right;
  margin: 0 0 25px; }
  .article-comments-box .js-pager-right .comments-box-nav-button {
    background: transparent url(/static/sys/hbm-main-sprite.png) no-repeat;
    cursor: pointer;
    float: left;
    height: 26px;
    margin-right: 5px;
    padding-top: 3px;
    text-align: center;
    width: 26px; }
    .article-comments-box .js-pager-right .comments-box-nav-button a {
      color: #b8c3c7;
      display: block; }
      .article-comments-box .js-pager-right .comments-box-nav-button a:hover, .article-comments-box .js-pager-right .comments-box-nav-button a:active, .article-comments-box .js-pager-right .comments-box-nav-button a:focus {
        text-decoration: none; }
    .article-comments-box .js-pager-right .comments-box-nav-button.prev, .article-comments-box .js-pager-right .comments-box-nav-button.next, .article-comments-box .js-pager-right .comments-box-nav-button.first, .article-comments-box .js-pager-right .comments-box-nav-button.last {
      text-indent: -2000em; }
    .article-comments-box .js-pager-right .comments-box-nav-button.prev {
      background-position: 0 -87px; }
    .article-comments-box .js-pager-right .comments-box-nav-button.next {
      background-position: 0 -128px; }
    .article-comments-box .js-pager-right .comments-box-nav-button.first {
      background-position: 0 -324px; }
    .article-comments-box .js-pager-right .comments-box-nav-button.last {
      background-position: 0 -365px; }
  .article-comments-box .js-pager-right .comments-box-page-count {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 19px;
    line-height: 1.8662rem;
    color: #778389;
    float: left;
    font-weight: bold;
    margin: 4px 12px 0; }
.article-comments-box #js-article-comments-form {
  margin: 0 0 20px; }
  .article-comments-box #js-article-comments-form .article-comments-form-head {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 15px;
    line-height: 1.4663rem;
    margin: 0 0 5px; }
    .article-comments-box #js-article-comments-form .article-comments-form-head .login-link {
      color: #838d93; }
  .article-comments-box #js-article-comments-form #blog-comment-submit {
    margin: 0; }
.article-comments-box .posting-guidelines {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 17px;
  line-height: 1.7329rem;
  color: #838d93; }
  .article-comments-box .posting-guidelines .posting-guidelines-head {
    font-weight: bold;
    margin: 0 0 5px;
    text-transform: uppercase; }

.article-copyright {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 17px;
  line-height: 1.7329rem;
  border-top: 3px solid #e8ebed;
  clear: both;
  color: #838d93;
  margin: 20px 0 50px;
  padding: 5px 0 0; }
  .article-copyright a {
    color: #838d93; }

.newsletter-order-article {
  font-size: 1.2rem;
  margin: 10px auto 48px;
  padding: 15px;
  background-color: #f4f5f7; }
  .newsletter-order-article form {
    display: table;
    width: 504px; }
    .newsletter-order-article form .nl-address {
      float: left;
      width: 348px;
      background: white;
      color: #7f7f80;
      border: none;
      height: 25px; }
    .newsletter-order-article form .nl-submit {
      border-radius: 3px;
      float: right;
      width: 150px;
      border: none;
      height: 25px;
      cursor: pointer;
      color: white !important;
      display: inline-block;
      font-size: 1.2rem;
      font-weight: bold;
      line-height: 1.5996rem;
      padding: 3px 10px;
      background: #b71d42 none repeat scroll 0 0; }
      .newsletter-order-article form .nl-submit:hover, .newsletter-order-article form .nl-submit:active, .newsletter-order-article form .nl-submit:focus {
        color: white;
        background-color: #9aa9af; }
  .newsletter-order-article .newsletter-more {
    display: block;
    padding-right: 5px;
    text-align: right; }
.heft-details .heft-details-heading {
  font-weight: bold;
  margin: 0 0 5px; }
.heft-details .heft-details {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.5996rem;
  border-bottom: 1px solid #dde1e4;
  font-weight: bold;
  margin: 0 0 5px;
  padding: 0 0 10px;
  position: relative; }
  .heft-details .heft-details dt {
    color: #778389;
    float: left;
    width: 120px; }
    .heft-details .heft-details dt .label-pdf {
      background: transparent url(/static/sys/hbm-main-sprite.png) right -680px no-repeat;
      color: #000;
      display: inline-block;
      min-height: 20px;
      padding: 4px 25px 0 0; }
  .heft-details .heft-details dd {
    margin-left: 120px;
    text-align: right;
    width: 70px; }
  .heft-details .heft-details.buy {
    padding-top: 10px; }
    .heft-details .heft-details.buy .price {
      float: left;
      margin: 0; }
    .heft-details .heft-details.buy .wk {
      float: right;
      margin: 0;
      width: auto; }
      .heft-details .heft-details.buy .wk .wk-shop-buy {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        background: #b71d42;
        color: #fff;
        display: inline-block;
        padding: 1px 5px; }

.wk-warenkorb-connector {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.5996rem;
  display: inline;
  position: relative; }
  .wk-warenkorb-connector .wk-add-display-link {
    display: inline;
    color: #b71d42; }
  .wk-warenkorb-connector .wk-add-display-message {
    display: none;
    font-weight: bold;
    margin: 0 5px 0 0; }
    .wk-warenkorb-connector .wk-add-display-message .waitinfo {
      background: transparent url(/static/sys/hbm-loading.gif) right no-repeat;
      padding-right: 19px; }
  .wk-warenkorb-connector .wk-add-display-popup {
    z-index: 99999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
    border: 1px solid #b8c3c7;
    background-color: #fff;
    display: none;
    left: 0;
    overflow: hidden;
    padding: 5px 10px;
    position: absolute;
    text-align: left;
    top: -30px;
    width: 302px; }
    .wk-warenkorb-connector .wk-add-display-popup .close-button {
      float: right;
      margin: 0 0 10px 10px; }
      .wk-warenkorb-connector .wk-add-display-popup .close-button img {
        border: none; }
    .wk-warenkorb-connector .wk-add-display-popup .wk-message-details {
      color: black; }
      .wk-warenkorb-connector .wk-add-display-popup .wk-message-details .wk-message-popup-text {
        display: block;
        margin-bottom: 15px; }
      .wk-warenkorb-connector .wk-add-display-popup .wk-message-details .to-wk {
        display: block;
        font-weight: bold;
        margin: 5px 0; }
        .wk-warenkorb-connector .wk-add-display-popup .wk-message-details .to-wk:hover, .wk-warenkorb-connector .wk-add-display-popup .wk-message-details .to-wk:active, .wk-warenkorb-connector .wk-add-display-popup .wk-message-details .to-wk:focus {
          color: #000;
          text-decoration: underline; }

.heft-current-title {
  display: block; }

.heft-button-box {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.5996rem;
  color: #fff;
  margin: 5px 0 0;
  min-height: 30px;
  padding: 0px; }
  .heft-button-box .heft-box-buttons-matrix {
    margin: 0 0 5px 0;
    padding: 0; }
    .heft-button-box .heft-box-buttons-matrix .heft-box-button {
      display: inline-block;
      width: 150px;
      padding: 0;
      margin: 10px 10px 0 0; }
      .heft-button-box .heft-box-buttons-matrix .heft-box-button.right {
        margin: 10px 0 0; }
      .heft-button-box .heft-box-buttons-matrix .heft-box-button a.get-button:hover, .heft-button-box .heft-box-buttons-matrix .heft-box-button a.get-button:active, .heft-button-box .heft-box-buttons-matrix .heft-box-button a.get-button:focus {
        text-decoration: none; }
      .heft-button-box .heft-box-buttons-matrix .heft-box-button .get-button {
        width: 140px; }
        .heft-button-box .heft-box-buttons-matrix .heft-box-button .get-button .wk-warenkorb-connector a:hover {
          text-decoration: none; }
      .heft-button-box .heft-box-buttons-matrix .heft-box-button .amazon-get-button {
        width: 140px; }
  .heft-button-box .heft-box-buttons-list {
    margin: 0 5px 5px 5px;
    width: 295px; }
    .heft-button-box .heft-box-buttons-list .get-button,
    .heft-button-box .heft-box-buttons-list .amazon-get-button {
      margin-top: 5px;
      width: 295px; }

.heft-black-box {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.5996rem;
  background: #000;
  color: #fff;
  margin: 5px 0 0;
  min-height: 30px;
  padding: 15px;
  position: relative; }
  .heft-black-box .heft-black-box-details {
    width: 70%; }
  .heft-black-box a {
    color: #fff;
    font-weight: bold; }
    .heft-black-box a:hover {
      text-decoration: underline; }
    .heft-black-box a.abo {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 20px;
      line-height: 1.9995rem;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      -ms-border-radius: 3px;
      -khtml-border-radius: 3px;
      border-radius: 3px;
      background: #b71d42;
      bottom: 15px;
      display: inline-block;
      padding: 7px 10px;
      position: absolute;
      right: 10px;
      width: auto;
      -webkit-transition: background-color 0.25s linear, color 0.25s ease-in-out;
      -moz-transition: background-color 0.25s linear, color 0.25s ease-in-out;
      -ms-transition: background-color 0.25s linear, color 0.25s ease-in-out;
      -o-transition: background-color 0.25s linear, color 0.25s ease-in-out;
      transition: background-color 0.25s linear, color 0.25s ease-in-out; }
      .heft-black-box a.abo:hover {
        background: #9aa9af;
        text-decoration: none; }
  .heft-black-box .print {
    margin: 0 0 10px; }
    .heft-black-box .print .get-print {
      background: transparent url(/static/sys/hbm-main-sprite.png) right -737px no-repeat;
      display: inline-block;
      min-height: 19px;
      padding-right: 20px; }
  .heft-black-box .digital {
    postion: relative; }
    .heft-black-box .digital .digital-shoplinks {
      color: #fff;
      margin: 3px 0 0; }
      .heft-black-box .digital .digital-shoplinks .trial {
        font-size: 10px;
        font-size: 1rem;
        line-height: 13px;
        line-height: 1.333rem;
        float: left;
        margin-right: 5px; }
      .heft-black-box .digital .digital-shoplinks .wk-warenkorb-connector {
        border-left: 1px solid #fff;
        float: left;
        padding-left: 5px; }
        .heft-black-box .digital .digital-shoplinks .wk-warenkorb-connector .wk-add-display-link, .heft-black-box .digital .digital-shoplinks .wk-warenkorb-connector .wk-add-display-message {
          font-size: 10px;
          font-size: 1rem;
          line-height: 13px;
          line-height: 1.333rem;
          color: #fff; }
        .heft-black-box .digital .digital-shoplinks .wk-warenkorb-connector .waitinfo {
          background-image: url(/static/sys/hbm-loading-bgblack.gif); }
        .heft-black-box .digital .digital-shoplinks .wk-warenkorb-connector .wk-add-display-popup {
          color: #000;
          z-index: 2; }
          .heft-black-box .digital .digital-shoplinks .wk-warenkorb-connector .wk-add-display-popup a {
            color: #b71d42; }
            .heft-black-box .digital .digital-shoplinks .wk-warenkorb-connector .wk-add-display-popup a:hover, .heft-black-box .digital .digital-shoplinks .wk-warenkorb-connector .wk-add-display-popup a:active, .heft-black-box .digital .digital-shoplinks .wk-warenkorb-connector .wk-add-display-popup a:focus {
              color: #000; }
.asset-align-left {
  float: left;
  margin: 4px 14px 14px 0; }

.asset-align-right {
  float: right;
  margin: 4px 0 14px 14px; }

.asset-align-center {
  margin: 14px auto;
  text-align: left; }

.asset-box {
  margin: 0 0 25px; }
  .asset-box .asset-headline {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 29px;
    line-height: 2.9326rem;
    border-bottom: 3px solid #000;
    font-weight: bold;
    margin: 0 0 10px;
    text-transform: uppercase; }
    .asset-box .asset-headline a {
      color: #000; }
      .asset-box .asset-headline a:after {
        content: " >>"; }
      .asset-box .asset-headline a:hover, .asset-box .asset-headline a:active, .asset-box .asset-headline a:focus {
        color: #b71d42; }
    .asset-box .asset-headline .cp-biga-pager .label {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 20px;
      line-height: 1.9995rem;
      float: left;
      font-weight: normal;
      text-transform: none;
      padding: 5px 0 0;
      vertical-align: top; }
    .asset-box .asset-headline .cp-biga-pager a {
      background: transparent url(/static/sys/hbm-main-sprite.png) no-repeat;
      float: left;
      height: 26px;
      margin: 0 0 0 5px;
      width: 26px; }
      .asset-box .asset-headline .cp-biga-pager a.prev {
        background-position: 0 -87px; }
      .asset-box .asset-headline .cp-biga-pager a.next {
        background-position: 0 -129px; }
      .asset-box .asset-headline .cp-biga-pager a:after {
        content: ""; }
  .asset-box .asset-topic {
    color: #838d93;
    font-weight: bold;
    display: block; }
  .asset-box .asset-title {
    color: #000;
    font-weight: bold; }
  .asset-box .credit {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 15px;
    line-height: 1.4663rem;
    color: #9aa9af; }
  .asset-box .more-links li {
    font-weight: bold;
    margin: 0 0 5px; }
    .asset-box .more-links li a {
      color: #000; }
      .asset-box .more-links li a .topic {
        color: #778389; }
      .asset-box .more-links li a:hover, .asset-box .more-links li a:active, .asset-box .more-links li a:focus {
        text-decoration: underline; }
  .asset-box.cp-biga .pics a:hover, .asset-box.cp-biga .pics a:active, .asset-box.cp-biga .pics a:focus {
    color: inherit;
    text-decoration: underline; }

.column-wide .asset-box .asset-headline, .column-both .asset-box .asset-headline {
  font-family: "OpenSansCondensedBold", Tahoma, sans-serif; }

.column-small .asset-box .asset-headline {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.5996rem;
  padding: 0 0 5px; }

.html-box {
  margin: 0 0 25px; }
  .html-box .html-box-title {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 29px;
    line-height: 2.9326rem;
    border-bottom: 3px solid #000;
    font-weight: bold;
    margin: 0 0 10px;
    text-transform: uppercase; }
    .html-box .html-box-title a {
      color: #000; }
      .html-box .html-box-title a:hover {
        color: #b71d42;
        text-decoration: none; }
      .html-box .html-box-title a:after {
        content: " >>"; }
  .html-box a:hover, .html-box a:active, .html-box a:focus {
    text-decoration: underline; }

.column-wide .html-box, .column-both .html-box {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 19px;
  line-height: 1.8662rem; }
  .column-wide .html-box .html-box-title, .column-both .html-box .html-box-title {
    font-family: 'OpenSansCondensedBold', 'Segoe UI', Tahoma, sans-serif; }

.column-small .html-box .html-box-title {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.5996rem;
  padding: 0 0 5px; }
.column-small .html-box img {
  border: 1px solid #b8c3c7; }

.bestseller-box .bestseller-box-item {
  border-top: 1px solid #dde1e4;
  overflow: hidden;
  margin: 0 0 10px;
  padding: 10px 0 0;
  position: relative; }
  .bestseller-box .bestseller-box-item:first-child {
    border: none;
    padding: 0; }
  .bestseller-box .bestseller-box-item a {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    line-height: 1.5996rem;
    display: block; }
    .bestseller-box .bestseller-box-item a:hover {
      text-decoration: underline; }
    .bestseller-box .bestseller-box-item a .cover {
      float: left;
      margin-right: 10px; }
    .bestseller-box .bestseller-box-item a .bestseller-heft-title {
      color: #000;
      display: block; }
    .bestseller-box .bestseller-box-item a.red-button {
      display: inline-block;
      margin: 10px 0 0;
      padding-right: 50px; }

.image-gallery {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.5996rem;
  margin: 0 0 25px; }
  .image-gallery .gallery-teaser-headline {
    margin: 0 0 10px; }
    .image-gallery .gallery-teaser-headline a .asset-topic {
      color: #778389; }
    .image-gallery .gallery-teaser-headline a .asset-title {
      color: #000; }
    .image-gallery .gallery-teaser-headline a:hover, .image-gallery .gallery-teaser-headline a:active, .image-gallery .gallery-teaser-headline a:focus {
      color: inherit;
      text-decoration: underline; }
    .image-gallery .gallery-teaser-headline .pics {
      font-weight: normal; }
  .image-gallery .pics {
    margin: 0 0 25px; }
    .image-gallery .pics li {
      float: left;
      margin-left: 27px; }
      .image-gallery .pics li:first-child {
        margin-left: 0; }
  .image-gallery .article-biga-details {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 19px;
    line-height: 1.8662rem; }
    .image-gallery .article-biga-details a .asset-topic, .image-gallery .article-biga-details a .asset-title {
      display: inline; }
    .image-gallery .article-biga-details a .asset-topic {
      color: #778389; }

.column-small .image-gallery .pics {
  margin: 0; }
  .column-small .image-gallery .pics li {
    margin-left: 13px; }
    .column-small .image-gallery .pics li:first-child {
      margin-left: 0; }
.column-small .image-gallery a:hover, .column-small .image-gallery a:active, .column-small .image-gallery a:focus {
  color: inherit;
  text-decoration: underline; }

.image-box {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 17px;
  line-height: 1.7329rem;
  position: relative; }
  .image-box.border img {
    border: 1px solid #dde1e4; }
  .image-box.pano {
    margin: 0 0 25px; }
  .image-box .image-box-inner {
    position: relative; }
    .image-box .image-box-inner .credit {
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 15px;
      line-height: 1.4663rem;
      filter: Shadow(Color=#778389, Direction=45, Strength=2), Shadow(Color=#778389, Direction=135, Strength=2), Shadow(Color=#778389, Direction=225, Strength=2), Shadow(Color=#778389, Direction=315, Strength=2);
      text-shadow: 1px 1px 2px #778389, -1px 1px 2px #778389, 1px -1px 2px #778389, -1px -1px 2px #778389;
      bottom: 3px;
      color: #fff;
      position: absolute;
      right: 3px;
      text-align: right; }
  .image-box .image-description p {
    margin: 10px 0 0; }

.oview-heading {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 29px;
  line-height: 2.88rem;
  font-family: 'OpenSansCondensedBold', 'Segoe UI', Tahoma, sans-serif;
  margin: 0 0 25px; }

.big-pic-view-nav {
  margin: 20px 0 25px; }
  .big-pic-view-nav .left {
    width: 25%; }
  .big-pic-view-nav .right {
    text-align: right; }
  .big-pic-view-nav .big-pic-view-nav-button {
    background: transparent url(/static/sys/hbm-main-sprite.png) no-repeat;
    color: #778389;
    cursor: pointer;
    display: block;
    float: left;
    font-weight: bold;
    height: 26px;
    margin-right: 5px;
    padding-top: 3px;
    text-align: center;
    width: 26px; }
    .big-pic-view-nav .big-pic-view-nav-button.prev, .big-pic-view-nav .big-pic-view-nav-button.next {
      text-indent: -2000em; }
    .big-pic-view-nav .big-pic-view-nav-button.prev {
      background-position: 0 -87px; }
    .big-pic-view-nav .big-pic-view-nav-button.next {
      background-position: 0 -128px; }
    .big-pic-view-nav .big-pic-view-nav-button.leave {
      background-position: 0 -87px;
      width: auto;
      padding-left: 32px; }
    .big-pic-view-nav .big-pic-view-nav-button.all-bigas {
      background: transparent url(/static/sys/hbm-button-next-standalone.png) right no-repeat;
      padding-right: 32px;
      width: auto; }
    .big-pic-view-nav .big-pic-view-nav-button:hover, .big-pic-view-nav .big-pic-view-nav-button:active, .big-pic-view-nav .big-pic-view-nav-button:focus {
      text-decoration: underline; }
  .big-pic-view-nav .big-pic-view-page-count {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 19px;
    line-height: 1.8662rem;
    color: #778389;
    float: left;
    font-weight: bold;
    margin: 4px 12px 0; }
  .big-pic-view-nav .pager {
    float: left;
    margin: 0 auto;
    text-align: center;
    width: 50%; }
    .big-pic-view-nav .pager .pager-button {
      background: transparent url(/static/sys/hbm-main-sprite.png) 0 -169px no-repeat;
      display: inline-block;
      font-weight: bold;
      height: 26px;
      margin-right: 5px;
      text-align: center;
      width: 26px; }
      .big-pic-view-nav .pager .pager-button a {
        color: #b8c3c7;
        display: block;
        height: 26px;
        padding-top: 3px; }
        .big-pic-view-nav .pager .pager-button a:hover, .big-pic-view-nav .pager .pager-button a:active, .big-pic-view-nav .pager .pager-button a:focus {
          color: #000;
          text-decoration: none; }
      .big-pic-view-nav .pager .pager-button.current span {
        color: #000;
        display: block;
        height: 26px;
        padding-top: 3px; }

.pager {
  margin: 0 0 15px; }
  .pager a:hover, .pager a:focus, .pager a:active {
    text-decoration: underline; }
  .pager .back {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 19px;
    line-height: 1.8662rem;
    background: transparent url(/static/sys/hbm-main-sprite.png) 0 -87px no-repeat;
    color: #778389;
    display: block;
    font-weight: bold;
    height: 26px;
    padding: 3px 0 0 32px; }

.big-image-gallery .biga-title {
  font-weight: bold;
  margin: 0 0 20px; }
  .big-image-gallery .biga-title a .topic {
    color: #778389;
    display: block; }
  .big-image-gallery .biga-title a .headline {
    color: #000; }
  .big-image-gallery .biga-title a:hover, .big-image-gallery .biga-title a:active, .big-image-gallery .biga-title a:focus {
    text-decoration: none; }
    .big-image-gallery .biga-title a:hover span, .big-image-gallery .biga-title a:active span, .big-image-gallery .biga-title a:focus span {
      text-decoration: underline; }

.ilink-box, .xlink-box {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 19px;
  line-height: 1.8662rem; }
  .ilink-box li, .xlink-box li {
    border-bottom: 1px solid #dde1e4;
    cursor: pointer;
    font-weight: bold;
    margin-top: 10px;
    padding-bottom: 10px; }
    .ilink-box li:first-child, .xlink-box li:first-child {
      margin-top: 0; }
    .ilink-box li .ilink-target, .xlink-box li .ilink-target {
      display: block; }
      .ilink-box li .ilink-target:hover, .ilink-box li .ilink-target:active, .ilink-box li .ilink-target:focus, .xlink-box li .ilink-target:hover, .xlink-box li .ilink-target:active, .xlink-box li .ilink-target:focus {
        background: #e8ebed; }
    .ilink-box li .image-box, .xlink-box li .image-box {
      display: none; }
    .ilink-box li.active .image-box, .xlink-box li.active .image-box {
      display: block; }
    .ilink-box li a .ilink-topic, .xlink-box li a .ilink-topic {
      color: #838d93;
      display: block; }
    .ilink-box li a .ilink-headline, .xlink-box li a .ilink-headline {
      color: #000; }
    .ilink-box li a .link-suffix, .xlink-box li a .link-suffix {
      color: #000;
      font-weight: normal; }
    .ilink-box li a:hover, .ilink-box li a:active, .ilink-box li a:focus, .xlink-box li a:hover, .xlink-box li a:active, .xlink-box li a:focus {
      text-decoration: none; }
      .ilink-box li a:hover span, .ilink-box li a:active span, .ilink-box li a:focus span, .xlink-box li a:hover span, .xlink-box li a:active span, .xlink-box li a:focus span {
        text-decoration: underline; }
  .ilink-box .xlink-info, .xlink-box .xlink-info {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    line-height: 1.5996rem;
    margin: 5px 0 0; }

.accordion-box {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 19px;
  line-height: 1.8662rem; }
  .accordion-box .multi-box-tab {
    position: relative; }
    .accordion-box .multi-box-tab .js-open-childs,
    .accordion-box .multi-box-tab .js-close-childs {
      background-color: rgba(180, 198, 205, 0.25);
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      -ms-border-radius: 3px;
      -khtml-border-radius: 3px;
      border-radius: 3px;
      cursor: pointer;
      display: block;
      height: 11px;
      padding: 9px 10px;
      position: absolute;
      right: 0;
      top: 0;
      width: 11px; }
      .accordion-box .multi-box-tab .js-open-childs:hover,
      .accordion-box .multi-box-tab .js-close-childs:hover {
        opacity: 0.65;
        -webkit-transition: background-color 0.25s ease-in-out;
        -moz-transition: background-color 0.25s ease-in-out;
        -ms-transition: background-color 0.25s ease-in-out;
        -o-transition: background-color 0.25s ease-in-out;
        transition: background-color 0.25s ease-in-out; }
      .accordion-box .multi-box-tab .js-open-childs:before,
      .accordion-box .multi-box-tab .js-close-childs:before {
        background-color: #b71d42;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        content: '';
        display: block;
        height: 3px;
        position: absolute;
        right: 10px;
        top: 13px;
        width: 11px; }
    .accordion-box .multi-box-tab .js-open-childs:after {
      background-color: #b71d42;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      -ms-border-radius: 3px;
      -khtml-border-radius: 3px;
      border-radius: 3px;
      content: '';
      display: block;
      height: 11px;
      position: absolute;
      right: 14px;
      top: 9px;
      width: 3px; }
    .accordion-box .multi-box-tab .js-close-childs:before {
      background-color: #fff; }
    .accordion-box .multi-box-tab .multi-box-link {
      background-color: #e8ebed;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      -ms-border-radius: 3px;
      -khtml-border-radius: 3px;
      border-radius: 3px;
      display: block;
      font-weight: bold;
      margin: 0 0 5px;
      min-height: 20px;
      padding: 5px 30px 5px 10px;
      -webkit-transition: background-color 0.25s linear, color 0.25s ease-in-out;
      -moz-transition: background-color 0.25s linear, color 0.25s ease-in-out;
      -ms-transition: background-color 0.25s linear, color 0.25s ease-in-out;
      -o-transition: background-color 0.25s linear, color 0.25s ease-in-out;
      transition: background-color 0.25s linear, color 0.25s ease-in-out; }
      .accordion-box .multi-box-tab .multi-box-link:hover {
        background-color: #9aa9af;
        color: #fff; }
      .accordion-box .multi-box-tab .multi-box-link.active {
        border: 1px solid #778389;
        color: #778389; }
    .accordion-box .multi-box-tab.is-expanded > .multi-box-link {
      background-color: #000;
      color: #fff; }
    .accordion-box .multi-box-tab.is-expanded .multi-box-tab.is-expanded > .multi-box-link {
      background-color: #9aa9af;
      color: #fff; }
    .accordion-box .multi-box-tab.is-collapsed .multi-box-content[style*="display: none"] {
      display: none; }
  .accordion-box .accordion-box {
    margin-left: 20px; }
  .accordion-box .multi-box-content {
    padding: 5px 10px; }
    .accordion-box .multi-box-content a:hover, .accordion-box .multi-box-content a:active, .accordion-box .multi-box-content a:focus {
      text-decoration: underline; }

.all-topic-column-box h4 {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.5996rem;
  border-bottom: 3px solid #000;
  margin: 0 0 10px;
  padding: 0 0 5px;
  text-transform: uppercase; }

.list-box {
  clear: both;
  margin: 0 0 25px;
  overflow: hidden; }
  .list-box .list-box-headline {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 29px;
    line-height: 2.9326rem;
    border-bottom: 3px solid #000;
    font-weight: bold;
    margin: 0 0 10px;
    overflow: hidden;
    position: relative;
    text-transform: uppercase; }
    .list-box .list-box-headline a {
      color: #000; }
      .list-box .list-box-headline a:after {
        content: " >>"; }
      .list-box .list-box-headline a:hover, .list-box .list-box-headline a:active, .list-box .list-box-headline a:focus {
        color: #b71d42; }
  .list-box .list-box-items li {
    margin: 4px 0; }
    .list-box .list-box-items li .topic {
      color: #778389;
      font-weight: bold; }
    .list-box .list-box-items li .title {
      color: #000;
      font-weight: bold; }
    .list-box .list-box-items li a:hover, .list-box .list-box-items li a:active, .list-box .list-box-items li a:focus {
      color: inherit;
      text-decoration: underline; }
  .list-box .column-box-pic {
    float: left;
    margin: 0 10px 10px 0; }

.grid-homepage .list-box .list-box-items li:hover, .grid-homepage .list-box .list-box-items li:active, .grid-homepage .list-box .list-box-items li:focus {
  text-decoration: none; }

.column-small .list-box .list-box-headline {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.5996rem;
  padding: 0 0 5px; }

.column-wide .list-box .list-box-headline, .column-both .list-box .list-box-headline {
  font-family: 'OpenSansCondensedBold', 'Segoe UI', Tahoma, sans-serif; }

.asset-tab-box .asset-tab-tabs {
  border-bottom: 3px solid #000;
  padding-bottom: 5px; }
  .asset-tab-box .asset-tab-tabs li {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 15px;
    line-height: 1.4663rem;
    float: left;
    margin: 0 0 0 5px; }
    .asset-tab-box .asset-tab-tabs li:first-child {
      margin: 0; }
    .asset-tab-box .asset-tab-tabs li.label {
      font-family: 'OpenSansBold';
      padding-top: 3px;
      text-transform: uppercase; }
    .asset-tab-box .asset-tab-tabs li a {
      -webkit-border-radius: 3px 3px 0 0;
      -moz-border-radius: 3px 3px 0 0;
      -o-border-radius: 3px 3px 0 0;
      -ms-border-radius: 3px 3px 0 0;
      -khtml-border-radius: 3px 3px 0 0;
      border-radius: 3px 3px 0 0;
      background: #e8ebed;
      color: #000;
      display: block;
      font-family: 'OpenSansSemibold';
      padding: 3px 8px;
      text-transform: uppercase; }
    .asset-tab-box .asset-tab-tabs li.ui-state-active a {
      background: #000;
      color: #fff; }
.asset-tab-box .hitlist-items li {
  border-bottom: 1px solid #dde1e4;
  margin: 10px 0 0;
  padding: 0 0 10px; }
  .asset-tab-box .hitlist-items li a:hover, .asset-tab-box .hitlist-items li a:active, .asset-tab-box .hitlist-items li a:focus {
    color: inherit;
    text-decoration: underline; }
.cp-main-headline {
  font-size: 40px;
  font-size: 4rem;
  line-height: 48px;
  line-height: 4.8rem;
  background: #000;
  color: #fff;
  font-family: 'OpenSansCondensedBold', 'Segoe UI', Tahoma, sans-serif;
  letter-spacing: -1pt;
  margin: 15px 0;
  padding: 30px 15px 10px;
  text-transform: uppercase; }

.cp-teaser {
  border-bottom: 1px solid #dde1e4;
  cursor: pointer;
  padding: 10px 0; }
  .cp-teaser .cp-teaser-headline {
    margin: 0 0 10px; }
    .cp-teaser .cp-teaser-headline h2 {
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 29px;
      line-height: 2.9326rem;
      font-family: 'OpenSansCondensedBold', 'Segoe UI', Tahoma, sans-serif; }
      .cp-teaser .cp-teaser-headline h2 a {
        color: #000; }
        .cp-teaser .cp-teaser-headline h2 a:hover, .cp-teaser .cp-teaser-headline h2 a:active, .cp-teaser .cp-teaser-headline h2 a:focus {
          color: #b71d42; }
    .cp-teaser .cp-teaser-headline .currency-sign {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -o-border-radius: 10px;
      -ms-border-radius: 10px;
      -khtml-border-radius: 10px;
      border-radius: 10px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 20px;
      line-height: 1.9995rem;
      background: #b71d42;
      color: #fff;
      display: inline-block;
      font-family: "OpenSansRegular", Tahoma, sans-serif;
      height: 22px;
      margin-left: 8px;
      text-align: center;
      width: 22px; }
  .cp-teaser .cp-teaser-details {
    margin: 0 0 10px; }
    .cp-teaser .cp-teaser-details > * {
      display: inline; }
    .cp-teaser .cp-teaser-details .cp-teaser-topic {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 19px;
      line-height: 1.8662rem;
      color: #778389;
      font-weight: bold; }
    .cp-teaser .cp-teaser-details a:hover, .cp-teaser .cp-teaser-details a:active, .cp-teaser .cp-teaser-details a:focus {
      text-decoration: underline; }
  .cp-teaser .experts {
    margin: 0 0 20px; }
    .cp-teaser .experts .label {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 16px;
      line-height: 1.5996rem;
      font-weight: bold;
      display: inline-block; }
    .cp-teaser .experts .tag {
      background: transparent url(/static/sys/hbm-main-sprite.png) no-repeat;
      display: inline-block;
      height: 20px;
      margin-left: 10px;
      text-indent: -2000em;
      width: 60px; }
      .cp-teaser .experts .tag.tag-1 {
        background-position: 0 -574px; }
      .cp-teaser .experts .tag.tag-2 {
        background-position: 0 -593px; }
      .cp-teaser .experts .tag.tag-3 {
        background-position: 0 -612px; }

.link-box {
  clear: both;
  margin: 10px 0 0;
  overflow: hidden; }
  .link-box a {
    font-weight: bold; }
    .link-box a .topic {
      color: #778389; }
    .link-box a .title {
      color: #000; }
    .link-box a:hover, .link-box a:active, .link-box a:focus {
      color: inherit;
      text-decoration: underline; }

.archive-header {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 32px;
  line-height: 3.1992rem;
  font-family: 'OpenSansCondensedBold', 'Segoe UI', Tahoma, sans-serif;
  margin: 15px 0 0; }

.prev-next-box {
  margin: 10px 0 0; }
  .prev-next-box a {
    color: #778389;
    font-weight: bold;
    min-height: 28px; }
    .prev-next-box a:hover, .prev-next-box a:active, .prev-next-box a:focus {
      text-decoration: underline; }
    .prev-next-box a.prev {
      background: transparent url(/static/sys/hbm-main-sprite.png) 0 -87px no-repeat;
      padding: 4px 0 0 32px; }
    .prev-next-box a.next {
      background: transparent url(/static/sys/hbm-button-next-standalone.png) right 0 no-repeat;
      padding: 4px 32px 0 0; }

.cp-heft-header {
  background: #000;
  margin: 15px 0;
  padding: 50px 15px 10px;
  position: relative; }
  .cp-heft-header .cp-heft-meta-nav {
    position: absolute;
    right: 0;
    top: 0; }
    .cp-heft-header .cp-heft-meta-nav li {
      border-left: 1px solid #fff;
      display: block;
      float: left; }
      .cp-heft-header .cp-heft-meta-nav li a {
        background: #595959;
        color: #c8c8c8;
        display: block;
        font-weight: bold;
        padding: 5px 10px; }
        .cp-heft-header .cp-heft-meta-nav li a.active {
          background: #282828;
          color: #fff; }
        .cp-heft-header .cp-heft-meta-nav li a:hover, .cp-heft-header .cp-heft-meta-nav li a:active, .cp-heft-header .cp-heft-meta-nav li a:focus {
          color: #fff; }
      .cp-heft-header .cp-heft-meta-nav li.no-link {
        background: #000;
        color: #fff;
        font-weight: bold;
        padding: 5px 10px; }
      .cp-heft-header .cp-heft-meta-nav li.active a, .cp-heft-header .cp-heft-meta-nav li.no-link a {
        background: #000;
        color: #fff; }
      .cp-heft-header .cp-heft-meta-nav li.highlight a {
        color: #c8c8c8;
        background-color: #b71d42; }
        .cp-heft-header .cp-heft-meta-nav li.highlight a:hover, .cp-heft-header .cp-heft-meta-nav li.highlight a:active, .cp-heft-header .cp-heft-meta-nav li.highlight a:focus {
          color: #fff; }
  .cp-heft-header .heft-title, .cp-heft-header .heft-subtitle {
    color: #fff;
    font-family: 'OpenSansCondensedBold', 'Segoe UI', Tahoma, sans-serif; }
  .cp-heft-header .heft-title {
    font-size: 40px;
    font-size: 4rem;
    line-height: 48px;
    line-height: 4.8rem;
    text-transform: uppercase; }
  .cp-heft-header .heft-subtitle {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 26px;
    line-height: 2.64rem; }

.cp-heft-main-headline {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 29px;
  line-height: 2.9326rem;
  border-bottom: 3px solid #000;
  font-family: 'OpenSansCondensedBold', 'Segoe UI', Tahoma, sans-serif;
  margin: 0 0 10px;
  text-transform: uppercase; }

.cp-heft-teaser {
  border-bottom: 1px solid #dde1e4;
  padding: 10px 0; }
  .cp-heft-teaser + .html-box {
    padding-top: 10px; }
  .cp-heft-teaser .cp-heft-cat-headline {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 29px;
    line-height: 2.9326rem;
    font-family: 'OpenSansCondensedBold', 'Segoe UI', Tahoma, sans-serif;
    margin: 0 0 10px; }
    .cp-heft-teaser .cp-heft-cat-headline a {
      color: #000; }
      .cp-heft-teaser .cp-heft-cat-headline a:hover, .cp-heft-teaser .cp-heft-cat-headline a:active, .cp-heft-teaser .cp-heft-cat-headline a:focus {
        color: #b71d42; }
  .cp-heft-teaser .cp-heft-teaser-content {
    margin-left: 195px; }

.heft-rubrik-heading {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.3994rem;
  border-bottom: 1px solid #000;
  font-family: 'OpenSansCondensedBold', 'Segoe UI', Tahoma, sans-serif;
  margin: 6px 0 10px; }

.heft-contents {
  line-height: 2.2rem; }
  .heft-contents .heft-page {
    float: left;
    width: 80px; }
  .heft-contents a .topic {
    color: #778389;
    font-weight: bold; }
  .heft-contents a .title {
    color: #000; }
  .heft-contents a:hover, .heft-contents a:active, .heft-contents a:focus {
    color: inherit;
    text-decoration: underline; }
  .heft-contents .page-content {
    margin: 0 0 0 80px; }
  .heft-contents .link-icon {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    line-height: 1.5996rem; }

.years-list {
  margin: 0 0 25px; }
  .years-list li {
    display: inline-block;
    margin: 0 5px 5px 0; }
    .years-list li a {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      -ms-border-radius: 3px;
      -khtml-border-radius: 3px;
      border-radius: 3px;
      background: #e8ebed;
      color: #b71d42;
      display: block;
      font-weight: bold;
      padding: 3px 10px; }
      .years-list li a:hover, .years-list li a:active, .years-list li a:focus {
        background: #9aa9af;
        color: #fff; }

.heft-archive {
  position: relative; }
  .heft-archive .image-box img {
    border: 1px solid #b8c3c7; }
  .heft-archive .cp-teaser-details span {
    display: block; }
  .heft-archive .cp-teaser-details .type {
    color: #778389;
    font-weight: bold;
    margin: 0 0 5px;
    text-transform: uppercase; }
  .heft-archive .cp-teaser-details .title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 27px;
    line-height: 2.666rem;
    color: #000;
    font-family: 'OpenSansCondensedBold', 'Segoe UI', Tahoma, sans-serif;
    margin: 20px 0 15px 0; }
  .heft-archive .cp-teaser-details .more {
    color: #b71d42;
    font-weight: bold; }
  .heft-archive .cp-teaser-details .magazin-extra-info {
    margin-top: 25px; }
    .heft-archive .cp-teaser-details .magazin-extra-info a {
      color: #b71d42; }
  .heft-archive .cp-teaser-details a:hover, .heft-archive .cp-teaser-details a:active, .heft-archive .cp-teaser-details a:focus {
    color: #000;
    text-decoration: underline; }
  .heft-archive .heft-archive-link {
    display: block; }
    .heft-archive .heft-archive-link:hover .type, .heft-archive .heft-archive-link:hover .title, .heft-archive .heft-archive-link:hover .more, .heft-archive .heft-archive-link:active .type, .heft-archive .heft-archive-link:active .title, .heft-archive .heft-archive-link:active .more, .heft-archive .heft-archive-link:focus .type, .heft-archive .heft-archive-link:focus .title, .heft-archive .heft-archive-link:focus .more {
      color: #000;
      text-decoration: underline; }
  .heft-archive .buy-button-right {
    position: absolute;
    left: 137px;
    bottom: 30px;
    width: 140px;
    height: 55px; }
    .heft-archive .buy-button-right .get-button, .heft-archive .buy-button-right .amazon-get-button {
      width: 140px; }
  .heft-archive .buy-button-left {
    position: absolute;
    left: 137px;
    bottom: -5px;
    width: 140px;
    height: 55px; }
    .heft-archive .buy-button-left .get-button, .heft-archive .buy-button-left .amazon-get-button {
      width: 140px; }

.topic-teaser {
  border-bottom: 1px solid #dde1e4;
  padding: 10px 0; }
  .topic-teaser .topic-article-title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 19px;
    line-height: 1.8662rem;
    font-weight: bold;
    margin: 0 0 5px; }
    .topic-teaser .topic-article-title a .topic {
      color: #778389; }
    .topic-teaser .topic-article-title a .title {
      color: #000; }
    .topic-teaser .topic-article-title a:hover, .topic-teaser .topic-article-title a:active, .topic-teaser .topic-article-title a:focus {
      color: inherit; }
  .topic-teaser .topic-article-meta {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    line-height: 1.5996rem;
    margin: 0 0 5px; }
    .topic-teaser .topic-article-meta p {
      margin: 0; }
      .topic-teaser .topic-article-meta p.source-date {
        font-weight: bold; }
  .topic-teaser a:hover, .topic-teaser a:active, .topic-teaser a:focus {
    color: #000;
    text-decoration: underline; }

.topic-select {
  border-bottom: 1px solid #dde1e4;
  margin: 0 0 15px;
  padding: 10px 0; }
  .topic-select .topic-select-headline {
    float: left;
    font-weight: bold;
    margin: 0 5px 0 0; }
  .topic-select .topic-select-items li {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    line-height: 1.5996rem;
    display: inline-block;
    margin: 0 5px 5px 0; }
    .topic-select .topic-select-items li a {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      -ms-border-radius: 3px;
      -khtml-border-radius: 3px;
      border-radius: 3px;
      background: #e8ebed;
      color: #b71d42;
      display: block;
      font-weight: bold;
      padding: 2px 8px; }
      .topic-select .topic-select-items li a:hover, .topic-select .topic-select-items li a:active, .topic-select .topic-select-items li a:focus, .topic-select .topic-select-items li a.active {
        background: #9aa9af;
        color: #fff; }
.hbm-search .search-main-heading {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 32px;
  line-height: 3.1992rem;
  color: #778389;
  margin-bottom: 15px; }
  .hbm-search .search-main-heading .search-term {
    font-size: 22px;
    font-size: 2.2rem;
    color: #000;
    display: block; }
.hbm-search .search-result-source {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 17px;
  line-height: 1.7329rem;
  color: #778389;
  font-weight: bold;
  margin: 0 0 5px; }
.hbm-search .search-box input {
  padding: 0 0 0 10px; }
  .hbm-search .search-box input.submit {
    padding: 0; }
.hbm-search .search-box option {
  font-weight: bold;
  padding: 2px 3px 3px 10px; }
.hbm-search .search-box .search-input {
  width: 314px; }
.hbm-search .search-box .search-select {
  width: 314px; }
.hbm-search .search-box .submit {
  cursor: pointer; }
.meinhbm .meinhbm-headline {
  margin: 0 0 20px; }
.meinhbm .meinhbm-sub-headline {
  margin: 0 0 15px; }
.meinhbm .row.left {
  width: auto; }
.meinhbm .register {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 17px;
  line-height: 1.7329rem;
  border-top: 3px solid #838d93;
  margin: 20px 0 0;
  padding-top: 10px; }
  .meinhbm .register .register-headline {
    font-weight: bold;
    text-transform: uppercase; }
  .meinhbm .register .more-info {
    color: #b71d42; }
.meinhbm .infobox-list li {
  margin: 0 0 10px; }
  .meinhbm .infobox-list li a {
    color: #000; }
    .meinhbm .infobox-list li a:hover, .meinhbm .infobox-list li a:active, .meinhbm .infobox-list li a:focus {
      text-decoration: underline; }
  .meinhbm .infobox-list li .infobox-icon {
    float: left;
    margin: 0 10px 10px 0; }
.meinhbm .meinhbm-teaser-area {
  background: #e8ebed;
  margin: 25px 0 0;
  padding: 16px; }
  .meinhbm .meinhbm-teaser-area .teaser {
    float: left;
    overflow: hidden;
    width: 234px; }
    .meinhbm .meinhbm-teaser-area .teaser.left {
      padding-right: 20px; }
    .meinhbm .meinhbm-teaser-area .teaser .button-link {
      display: block;
      margin: 0 0 10px; }
    .meinhbm .meinhbm-teaser-area .teaser p {
      margin-bottom: 10px; }
.meinhbm .meinhbm-table {
  margin: 0 0 20px;
  width: 100%; }
  .meinhbm .meinhbm-table th {
    font-size: 14px;
    font-size: 1.4rem;
    background: #e8ebed;
    font-weight: bold;
    padding: 1px 5px;
    text-align: left;
    vertical-align: middle; }
  .meinhbm .meinhbm-table td {
    font-size: 12px;
    font-size: 1.2rem;
    border-top: 2px solid #e8ebed;
    padding: 10px 5px;
    vertical-align: top; }
    .meinhbm .meinhbm-table td .hbm-abo-headline {
      font-weight: bold;
      margin-bottom: 5px; }
    .meinhbm .meinhbm-table td ul {
      margin: 0; }
  .meinhbm .meinhbm-table tr:first-child td {
    border-top: none 0; }
  .meinhbm .meinhbm-table .meinhbm-shop-table-price,
  .meinhbm .meinhbm-table .meinhbm-shop-table-purchasedate {
    text-align: right;
    width: 20%; }
.meinhbm .meinhbm-list li {
  margin: 0 0 10px; }
  .meinhbm .meinhbm-list li a {
    font-weight: bold; }

.popup .meinhbm .meinhbm-headline {
  margin-bottom: 10px; }

#passwordStrength {
  display: block;
  margin-top: 2px;
  overflow: hidden;
  position: relative;
  width: 250px; }
  #passwordStrength .strengthBar {
    height: 4px;
    left: 0;
    position: absolue;
    width: 100%; }
    #passwordStrength .strengthBar.bg0 {
      background-color: #e6e6e6; }
    #passwordStrength .strengthBar.bg1 {
      background-color: #b71d42; }
    #passwordStrength .strengthBar.bg2 {
      background-color: #ffac1d; }
    #passwordStrength .strengthBar.bg3 {
      background-color: #a6c060; }
    #passwordStrength .strengthBar.bg4 {
      background-color: #27b30f; }
    #passwordStrength .strengthBar .separator {
      background-color: #fff;
      display: block;
      height: 4px;
      position: absolute;
      width: 2px; }
  #passwordStrength #strengthText {
    display: block;
    float: right; }
.shop .shop-grid {
  width: 878px; }
  .shop .shop-grid .col-wide, .shop .shop-grid .col-small {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .shop .shop-grid .col-small {
    width: 384px; }
  .shop .shop-grid .col-wide {
    width: 474px; }
    .shop .shop-grid .col-wide.left {
      margin-right: 20px; }
    .shop .shop-grid .col-wide.right {
      margin-left: 20px; }
.shop .shop-stage {
  margin: 20px 0 25px; }
  .shop .shop-stage .main-title {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
    float: right; }
  .shop .shop-stage .more-info {
    float: right;
    margin-top: 15px; }
.shop .shop-stage-func {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 19px;
  line-height: 1.8662rem;
  background: #000;
  color: #fff;
  margin: 0 0 25px; }
  .shop .shop-stage-func > div {
    padding: 10px 15px; }
    .shop .shop-stage-func > div.left {
      padding-right: 0; }
    .shop .shop-stage-func > div.right {
      padding-left: 0; }
  .shop .shop-stage-func .shop-stage-func-heading {
    font-weight: bold;
    margin: 0 0 8px; }
  .shop .shop-stage-func .shop-links {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    line-height: 1.5996rem; }
    .shop .shop-stage-func .shop-links a {
      color: #fff;
      display: block;
      font-weight: bold;
      margin: 0 0 5px; }
      .shop .shop-stage-func .shop-links a.get-print {
        background: transparent url(/static/sys/hbm-main-sprite.png) right -737px no-repeat;
        display: inline-block;
        min-height: 19px;
        padding-right: 20px; }
      .shop .shop-stage-func .shop-links a .price {
        color: #838d93; }
  .shop .shop-stage-func .red-button {
    margin-top: 15px; }
  .shop .shop-stage-func .apps {
    color: #fff;
    font-weight: bold; }
    .shop .shop-stage-func .apps .app-icons {
      margin-top: 5px; }
.shop .shop-teaser {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 19px;
  line-height: 1.8662rem;
  margin: 0 0 25px;
  position: relative; }
  .shop .shop-teaser .shop-teaser-heading {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 26px;
    line-height: 2.64rem;
    border-bottom: 3px solid #000;
    font-family: 'OpenSansCondensedBold', 'Segoe UI', Tahoma, sans-serif;
    font-weight: bold;
    margin: 0 0 20px;
    text-transform: uppercase; }
  .shop .shop-teaser img {
    display: block; }
  .shop .shop-teaser ul {
    margin: 0 0 0 35px; }
    .shop .shop-teaser ul li {
      margin: 0 0 5px;
      text-indent: -23px; }
      .shop .shop-teaser ul li:before {
        color: #7e9098;
        content: "\25CF ";
        margin-right: 10px; }
  .shop .shop-teaser .inner-col {
    position: relative; }
  .shop .shop-teaser .more-info {
    float: right;
    margin-right: 10px; }
    .shop .shop-teaser .more-info.pull-up {
      bottom: 34px;
      position: absolute;
      right: 0; }
    .shop .shop-teaser .more-info.vertical-bottom {
      bottom: 0;
      position: absolute;
      right: 0; }
    .shop .shop-teaser .more-info .red-button.large {
      width: 120px; }

.get-button {
  height: 20px;
  line-height: 1.8rem;
  font-size: 1.24rem;
  display: inline-block;
  padding: 2px 5px 2px 5px;
  background-color: #b71d42;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  color: #fff !important;
  font-weight: bold;
  -webkit-transition: background-color 0.25s linear, color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s linear, color 0.25s ease-in-out;
  -ms-transition: background-color 0.25s linear, color 0.25s ease-in-out;
  -o-transition: background-color 0.25s linear, color 0.25s ease-in-out;
  transition: background-color 0.25s linear, color 0.25s ease-in-out; }
  .get-button:visited {
    color: #fff; }
  .get-button:hover {
    background-color: #9aa9af;
    color: #fff;
    text-decoration: none !important; }
  .get-button.large {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 20px;
    line-height: 1.9995rem;
    padding: 6px 15px; }
  .get-button .wk-warenkorb-connector .wk-add-display-link {
    color: white;
    line-height: 1.8rem;
    font-size: 1.24rem; }

.amazon-get-button {
  background: url(/static/sys/v9/shop/amazon32x20.png) right 2px no-repeat #b71d42; }
#spOasTop {
  margin: 0 auto;
  min-height: 5px;
  width: 1210px; }

#spSZM {
  left: 0;
  position: absolute;
  top: -100px; }

#wrapper-content .qcDottedLine {
  background-image: none;
  font-size: 1px;
  height: 1px;
  line-height: 1px;
  margin: 0;
  padding: 0;
  width: 100%; }

.oas-call {
  background: #f63;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  padding: 0.25rem 1rem; }

.adition-showpos {
  min-height: 1.7rem;
  position: relative; }
  .adition-showpos#zaehler {
    top: 100px; }
  .adition-showpos:after {
    background: none repeat scroll 0 0 rgba(255, 255, 0, 0.5);
    border: 1px solid #000;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
    content: attr(data-position);
    font-size: 1rem;
    left: 0;
    padding: 0.02rem 0.25rem;
    position: absolute;
    top: 0;
    z-index: 9999999; }
  .adition-showpos.adition-ok:after {
    background: none repeat scroll 0 0 rgba(0, 255, 0, 0.5); }
  .adition-showpos.adition-error:after {
    background: none repeat scroll 0 0 rgba(255, 0, 0, 0.5); }
  .adition-showpos.adition-suppressed:after {
    background: none repeat scroll 0 0 rgba(0, 0, 255, 0.5); }
  .adition-showpos:hover:after {
    font-weight: bold; }

.adition-debug {
  display: block;
  overflow: visible;
  padding: 1.7em 15px 15px 15px;
  z-index: 9999999; }
  .adition-debug.error {
    border: 2px dashed red;
    color: red;
    background-color: yellow !important; }
  .adition-debug.info {
    border: 2px dashed blue;
    color: blue; }
  .adition-debug:hover {
    background-color: white; }

.adition div[id*="adition-frame"] {
  display: none !important; }
.adition .wrapad {
  border-top: 3px solid #000;
  clear: both;
  margin: 0 0 25px;
  overflow: hidden;
  text-align: center; }
  .adition .wrapad.qc-borderbottom0 {
    border-bottom: 0 none !important;
    padding-bottom: 0 !important; }
  .adition .wrapad.qc-borderbottom1 {
    border-bottom: 3px double #000 !important;
    padding-bottom: 15px !important; }
  .adition .wrapad.qc-noborders {
    border: 0 none !important;
    padding: 0 !important; }
  .adition .wrapad.qc-bordertop0 {
    border-top: 0 none !important;
    padding-top: 0 !important; }
  .adition .wrapad.qc-bordertop1 {
    border-top: 3px double #000 !important;
    padding-top: 15px !important; }
  .adition .wrapad .innerwrapad {
    background-color: #fff;
    clear: both;
    display: inline-block;
    margin: 0 auto;
    min-height: 66px;
    *zoom: expression( this.runtimeStyle.zoom="1", this.insertBefore(document.createElement("span"), this.firstChild).className="ie-before" ); }
    .adition .wrapad .innerwrapad:before {
      color: #9aa9af;
      content: 'Anzeige';
      display: block;
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 15px;
      line-height: 1.4663rem;
      font-weight: bold;
      padding: 5px 0;
      text-align: right;
      text-decoration: none !important;
      text-transform: uppercase;
      width: 100%; }
    .adition .wrapad .innerwrapad.qc-nolabel:before {
      content: '' !important;
      display: none !important; }
    .adition .wrapad .innerwrapad:empty {
      display: none; }
    .adition .wrapad .innerwrapad .ie-before {
      color: black;
      content: 'Anzeige';
      display: block;
      font-size: 10px !important;
      line-height: 14px;
      padding: 0 0 5px;
      text-align: right;
      text-decoration: none !important;
      text-transform: uppercase;
      width: 100%;
      *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'Anzeige' ); }
    .adition .wrapad .innerwrapad.qc-nolabel .ie-before {
      content: '' !important;
      display: none !important; }

#column-ad {
  float: none;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1; }
  #column-ad > #qcRight {
    left: 910px;
    position: absolute;
    top: 0; }
  #column-ad > #aaa_skyscraper_left.adition {
    left: -120px;
    overflow: hidden;
    position: absolute;
    width: 120px; }

#hbmWallpaperWrapper {
  clear: both; }
  #hbmWallpaperWrapper .wrapad {
    border-bottom: 3px solid #000;
    border-top: 0 none;
    margin: 20px 16px 0;
    padding-bottom: 20px; }

.grid-homepage .adition .wrapad {
  margin: 0 0 30px; }
.grid-homepage ~ #footer_ad .wrapad {
  margin-left: 16px;
  margin-right: 16px; }
.grid-homepage .column-wide .adition:first-of-type {
  margin-top: 8px; }

.grid-default .column-wide .adition:first-of-type {
  margin-top: 9px; }

.cp-main-headline ~ .adition:not(#footer_ad) .wrapad {
  border-bottom: 3px solid #000;
  padding-bottom: 30px;
  padding-top: 15px; }

.prev-next-box ~ #footer_ad .wrapad {
  margin-top: 25px; }

.article-section p + .adition {
  clear: right;
  float: right; }
  .article-section p + .adition .wrapad {
    border-bottom: 3px solid #000;
    margin: 5px 0 20px 20px;
    padding-bottom: 20px; }
.article-section .html-box + .adition,
.article-section .adition + .html-box {
  clear: both; }
@media screen and (min-width: 1030px) {
  body {
    -ms-overflow-x: hidden;
    overflow-x: hidden; }

  #wrapper,
  #spOasTop {
    margin: 0 0 0 120px; } }
#article-print {
  background: #fff;
  margin: 30px 15px 20px 20px; }

#print-wrapper {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 19px;
  line-height: 1.8662rem; }
  #print-wrapper .print-logo {
    margin: 0 0 25px; }
  #print-wrapper .print-head {
    border-bottom: 3px solid #c0c9cd;
    margin: 0 0 15px;
    padding: 0 0 5px; }
    #print-wrapper .print-head > div {
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 17px;
      line-height: 1.7329rem;
      margin: 0 0 5px; }
      #print-wrapper .print-head > div a {
        color: #000; }
        #print-wrapper .print-head > div a:hover, #print-wrapper .print-head > div a:active, #print-wrapper .print-head > div a:focus {
          text-decoration: underline; }
      #print-wrapper .print-head > div.article-print-functions a {
        color: #b71d42; }
  #print-wrapper .article-section {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 19px;
    line-height: 1.8662rem; }
    #print-wrapper .article-section .article-intro {
      margin: 0 0 15px; }
    #print-wrapper .article-section .article-title {
      font-size: 25px;
      font-size: 2.5rem;
      line-height: 33px;
      line-height: 3.3325rem; }
    #print-wrapper .article-section .article-copyright {
      border-color: #778389;
      color: #778389; }
    #print-wrapper .article-section .ilink-box li, #print-wrapper .article-section .xlink-box li {
      margin-top: 5px;
      padding-bottom: 5px; }
      #print-wrapper .article-section .ilink-box li:first-child, #print-wrapper .article-section .xlink-box li:first-child {
        margin-top: 0; }
      #print-wrapper .article-section .ilink-box li a, #print-wrapper .article-section .xlink-box li a {
        color: #000; }
      #print-wrapper .article-section .ilink-box li .ilink-topic, #print-wrapper .article-section .xlink-box li .ilink-topic {
        display: inline; }
      #print-wrapper .article-section .ilink-box li .url, #print-wrapper .article-section .xlink-box li .url {
        color: #000;
        font-weight: normal; }
        #print-wrapper .article-section .ilink-box li .url:hover, #print-wrapper .article-section .ilink-box li .url:active, #print-wrapper .article-section .ilink-box li .url:focus, #print-wrapper .article-section .xlink-box li .url:hover, #print-wrapper .article-section .xlink-box li .url:active, #print-wrapper .article-section .xlink-box li .url:focus {
          text-decoration: underline; }

.manuskript {
  background: #fff; }
  .manuskript .manuskript-header {
    background: #e8ebed;
    margin: 0 0 25px;
    padding: 10px; }
    .manuskript .manuskript-header table {
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 15px;
      line-height: 1.4663rem;
      border: 1px solid #838d93;
      border-width: 1px 0 0 1px;
      float: left;
      margin: 0 5px 20px 0;
      width: 45%; }
      .manuskript .manuskript-header table th {
        width: 30%; }
      .manuskript .manuskript-header table th, .manuskript .manuskript-header table td {
        background: #fff;
        border: 1px solid #838d93;
        border-width: 0 1px 1px 0;
        padding: 2px;
        text-align: left; }
  .manuskript .manuskript-content {
    margin-left: 100px; }

@media print {
  .article-print-functions,
  .spCelink {
    display: none; }

  .manuskript .manuskript-header table {
    width: 100%; } }
/* Common Forms-Processor */
.forms-processor {
  overflow: hidden;
  font-size: 0.8333em; }

.forms-processor .formpart.optional {
  display: none; }

.forms-processor .formpart-headline {
  font-weight: bold;
  padding: 1.5em 0 1em 0; }

.forms-processor .formpart-info {
  margin: -5px 0 10px 0; }

.forms-processor .infobox {
  background-color: #FFFFCC;
  line-height: 1.1em;
  margin-top: 10px;
  padding: 5px; }

.forms-processor select.update, .forms-processor textarea, .forms-processor input[type=text] {
  width: 100%; }

.forms-processor textarea {
  height: 200px; }

.forms-processor select, .forms-processor textarea, .forms-processor input[type=text] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.forms-processor select.error, .forms-processor textarea.error, .forms-processor input.error {
  background-color: #FFBBBB; }

.forms-processor .formelement {
  padding: 3px 0;
  clear: both;
  overflow: hidden; }

.forms-processor .formelement label {
  display: block;
  float: left;
  width: 24%;
  padding-right: 1%; }

.forms-processor .formelement label ~ input[type=text] {
  width: 75%;
  float: left; }

.forms-processor .formelement label ~ input[type=text].size-med {
  width: 60%; }

.forms-processor .formelement label ~ input[type=text].size-small {
  width: 14%; }

.forms-processor .formelement label ~ input[type=text] + input[type=text] {
  margin-left: 1%; }

.forms-processor .formelement.hideOnStart {
  display: none; }

.forms-processor .formelement.show {
  display: block; }

.forms-processor .formelement.hide {
  display: none; }

.forms-processor .formelement input[type=checkbox] {
  float: left;
  margin: 3px 0 0 0; }

.forms-processor .formelement p {
  margin: 0 0 0 20px; }

.forms-processor .mark .formelement.required label:after, .forms-processor .mark .formelement.req label:after {
  content: '*'; }

.forms-processor .mark .formelement.required.noreq label:after {
  content: ''; }

.forms-processor .button-bar {
  margin-top: 20px; }

.forms-processor .noscript {
  background-color: yellow; }

.forms-processor .messagebox pre {
  text-align: left; }

/* messagebox (forms-processor, embeddedtools) */
.messagebox {
  border-radius: 5px;
  padding: 5px;
  margin: 10px 0;
  background-color: #f0f0f0;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem; }

.messagebox.error {
  border: 2px solid red; }

.messagebox.ok {
  border: 2px solid #00aa00; }

.messagebox strong {
  font-weight: bold;
  display: block;
  margin: 5px; }
.hbmAssetAlignleft {
  float: left;
  margin: 4px 14px 14px 0; }

.hbmAssetAlignRight {
  float: right;
  margin: 4px 0 14px 14px; }

.hbmAssetAlignCenter {
  margin: 14px auto;
  text-align: left; }

.hbmShadedButton {
  background: url("/static/sys/v9/buttons/shadedbuttonsprite.png") no-repeat scroll 0 -34px transparent;
  float: right;
  font-size: 12px;
  height: 28px;
  line-height: 14px !important;
  margin: 10px 0 0;
  padding: 0 0 0 13px; }

.hbmShadedButton input, .hbmShadedButton a {
  background: url("/static/sys/v9/buttons/shadedbuttonsprite.png") no-repeat scroll 100% -68px transparent;
  color: #FFFFFF;
  display: block;
  font-size: 12px;
  font-weight: bold;
  height: 28px;
  line-height: 15px !important;
  padding: 6px 38px 14px 8px; }

.hbmArticleBox {
  border-bottom: 1px solid #000;
  float: left;
  padding: 0 0 10px; }
  .hbmArticleBox h3, .hbmArticleBox h5 {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    line-height: 1.5996rem;
    border-bottom: 3px solid #000;
    margin: 0 0 10px;
    text-transform: uppercase; }

.hbmVertriebsbox {
  clear: both;
  margin: 0 0 25px;
  overflow: hidden; }
  .hbmVertriebsbox .hbmRightTopic {
    border-bottom: 3px solid #000;
    margin: 0 0 10px;
    padding: 0 0 5px;
    text-transform: uppercase; }
    .hbmVertriebsbox .hbmRightTopic img {
      margin: 0 5px 0 0;
      vertical-align: middle; }
    .hbmVertriebsbox .hbmRightTopic a {
      color: #000; }
      .hbmVertriebsbox .hbmRightTopic a:after {
        content: " >>"; }
      .hbmVertriebsbox .hbmRightTopic a:hover, .hbmVertriebsbox .hbmRightTopic a:active, .hbmVertriebsbox .hbmRightTopic a:focus {
        color: #b71d42; }
  .hbmVertriebsbox a:hover, .hbmVertriebsbox a:active, .hbmVertriebsbox a:focus {
    text-decoration: underline; }

.column-small .hbmVertriebsbox .hbmRightTopic {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.5996rem; }

.column-wide .hbmVertriebsbox .hbmRightTopic, .column-both .hbmVertriebsbox .hbmRightTopic {
  font-family: "OpenSansCondensedBold", Tahoma, sans-serif; }

table td.hbmTabellesyskopf {
  color: #000;
  font-weight: bold;
  padding-bottom: 10px;
  text-transform: uppercase; }
table td.hbmTablesysRowHead {
  background: #9aa9af;
  color: #fff;
  font-weight: bold;
  vertical-align: top; }

table[bgcolor="#f4f4f4"] td, table[bgcolor="f4f4f4"] td {
  background-color: #e8ebed; }
  table[bgcolor="#f4f4f4"] td[bgcolor^="#fff"], table[bgcolor="#f4f4f4"] td[bgcolor="#ffffff"], table[bgcolor="f4f4f4"] td[bgcolor^="#fff"], table[bgcolor="f4f4f4"] td[bgcolor="#ffffff"] {
    background-color: #fff; }

#hbmArticlePayment {
  background-color: #fcfcf4;
  border-top: 1px solid #ddddd0;
  border-bottom: 1px solid #ddddd0;
  float: right;
  margin: 0 0 10px 15px;
  padding: 5px;
  width: 170px; }
  #hbmArticlePayment strong {
    color: #555550; }
  #hbmArticlePayment img {
    float: right; }
  #hbmArticlePayment .hbmArticlePaymentInfo {
    border-top: 1px #ddddd0 solid; }
    #hbmArticlePayment .hbmArticlePaymentInfo .hbmPdfDone {
      background-color: #e6d0cf; }
    #hbmArticlePayment .hbmArticlePaymentInfo .hbmPdfKasten {
      background-color: #f4f4f3;
      border: 1px solid #990000;
      float: left;
      padding: 2px 5px 5px;
      height: 34px;
      width: 97px; }
      #hbmArticlePayment .hbmArticlePaymentInfo .hbmPdfKasten img {
        margin-top: 3px;
        float: right; }
      #hbmArticlePayment .hbmArticlePaymentInfo .hbmPdfKasten span {
        float: left;
        margin-top: 5px;
        width: 63px; }
      #hbmArticlePayment .hbmArticlePaymentInfo .hbmPdfKasten a:hover span, #hbmArticlePayment .hbmArticlePaymentInfo .hbmPdfKasten a:active span, #hbmArticlePayment .hbmArticlePaymentInfo .hbmPdfKasten a:focus span {
        text-decoration: underline; }

#hbmArticlePaymentBottom {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.5996rem;
  background-color: #e8ebed;
  border-bottom: 1px solid #ddddd0;
  border-top: 1px solid #ddddd0;
  clear: both;
  overflow: hidden;
  padding: 0 0 5px;
  width: 100%; }
  #hbmArticlePaymentBottom .hbmPdfDone {
    background-color: #e6d0cf; }
  #hbmArticlePaymentBottom img {
    float: right; }
  #hbmArticlePaymentBottom .hbmPdfKasten {
    background: #f4f4f3;
    float: right;
    margin: 10px 20px 0 0;
    padding: 5px;
    width: 120px; }
    #hbmArticlePaymentBottom .hbmPdfKasten img {
      margin-top: 3px;
      float: right; }
    #hbmArticlePaymentBottom .hbmPdfKasten span {
      float: left;
      margin-top: 5px;
      width: 63px; }
    #hbmArticlePaymentBottom .hbmPdfKasten a:hover span, #hbmArticlePaymentBottom .hbmPdfKasten a:active span, #hbmArticlePaymentBottom .hbmPdfKasten a:focus span {
      text-decoration: underline; }
  #hbmArticlePaymentBottom .hbmPdfKastenInfo {
    float: left;
    margin: 10px 0 0 10px;
    width: 320px; }
  #hbmArticlePaymentBottom .hbmPdfKastenReady {
    background-color: #e7d1cf; }

.hbmCommercial h5 {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 15px;
  line-height: 1.4663rem;
  color: #9aa9af;
  font-weight: bold;
  margin: 0 0 5px;
  text-align: right;
  text-transform: uppercase; }

.commercial-box h5 {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 15px;
  line-height: 1.4663rem;
  color: #9aa9af;
  font-weight: bold;
  margin: 0 0 5px;
  text-align: right;
  text-transform: uppercase; }

#hbmWallpaperWrapper .commercial-box {
  margin: 20px 0; }
  #hbmWallpaperWrapper .commercial-box h5 {
    margin: 0 16px 0 0; }

.grid-default .spCommercial,
.grid-default .commercial-box {
  margin: 0 0 25px; }

.grid-homepage .spCommercial,
.grid-homepage .commercial-box {
  margin: 0 0 30px; }

.comm-inline {
  float: right; }
  .comm-inline .w300 h5 {
    width: 300px; }
  .comm-inline .w520 h5 {
    width: 520px; }

.article-section .comm-inline {
  margin: 5px 0 20px 20px; }
  .article-section .comm-inline .w300 {
    width: 300px; }