:root {
  --as-primary-color:  #c50e1f;
}


/***********************
 Basic styles
***********************/

.fonts-small #wrapper-content,
.fonts-small .app-menu-wrapper
{
  font-size: 10px;
  line-height:14px;
}

.fonts-standard #wrapper-content,
.fonts-standard .app-menu-wrapper
{
  font-size: 12px;
  line-height:16px;
}

.fonts-large #wrapper-content,
.fonts-large .app-menu-wrapper
{
  font-size: 14px;
  line-height:18px;
}

.uppercase {
  text-transform: uppercase;
}

/***********************
 Style guide elements
***********************/

.labels, .labels a {
  text-transform: uppercase;
  text-shadow: 1px 1px 0px #FFF; /* Versatz links - Versatz oben - Unschärfe (Blur) - Farbe */
}

.headline-klein {
  font-family: "Helvetica W01 Bd Cn", Arial, Verdana, 'sans-serif';
  font-size:1.083em;
  color:#4D4D4D;
}

.darkgrey {
  color: #4D4D4D;
}

.lightgrey {
  color: #79848D;
}

.as-red {
  color: var(--as-primary-color);
}

.menu-01-active,
.navigator h1,
.navigator h2,
.navigator h3,
.menu-bar-group h1,
.menu-bar-group h2,
.menu-bar-group h3 {
  font-size:1rem;
  line-height:1.3rem;
  padding: 13px 0 12px 24px;
  text-decoration: none;
  text-transform: uppercase;
  margin:0;
  background-color: #4b4b4d;
  color: #FFFFFF;
}

.menu-bar-group > h1,
.menu-bar-group > h2,
.menu-bar-group > h3 {
  font-size:1.25em;
}

.menu-02 {
  color:#79848D;
  text-decoration: none;
  line-height:31px;
}

a .fal {
  text-decoration: none;
}

ul.navigator-tree-list {
  font-size: .9375rem;
  margin-top: .1rem;
  margin-bottom: .5rem;
}

ul.navigator-tree-list a[aria-expanded = "true"]:after {
  content: "\f146";
}

ul.navigator-tree-list a[aria-expanded = "false"]:before {
  content: "\f0fe";
}

div.treeContainer ul a[aria-expanded = "true"]:after {
  content: "\f146";
}

div.treeContainer ul a[aria-expanded = "false"]:before {
  content: "\f0fe";
}

div.favorites-lists-wrapper ul a[aria-expanded = "true"]:after {
  content: "\f146";
}

div.favorites-lists-wrapper ul a[aria-expanded = "false"]:before {
  content: "\f0fe";
}

div#favoritesnavigator-tree ul a[aria-expanded = "true"]:after {
  content: "\f146";
}

div#favoritesnavigator-tree ul a[aria-expanded = "false"]:before {
  content: "\f0fe";
}

div#infomails-edit-tree-wrapper ul a[aria-expanded = "true"]:after {
  content: "\f146";
}

div#infomails-edit-tree-wrapper ul a[aria-expanded = "false"]:before {
  content: "\f0fe";
}

.icon-square {
  position: relative;

}

.not-clickable {
  cursor: initial;
}

/***********************
 Grid
***********************/

div > ul {
  margin: 0;
}

ul {
  list-style-type: none;
}

li > ul {
  margin-left: 20px;
}

#firmen-logo-wrapper {
  width:220px;
  overflow:hidden;
  background-image: url("../img/modifier-separator.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  line-heigh:1px;
  /* center?
  text-align: center;
  */
  /* ganze spaltenbreite?
  border-bottom:0px solid red;
  position:relative;
  left:-7px;
  width:237px;
  */
}

#firmen-logo-wrapper #firmen-logo {
  max-width:220px;
  max-height:220px;
  padding-top:10px;
  padding-bottom:10px;
}

/***********************
 Common used elements Helvetica Condensed Bold 20px # dunkelgrau: #normal
***********************/

.auto-hint {
  color:#CBCBCB;
}

.fieldErrorContainer {
  float:right;
  position:relative;
  z-index: 10;
  top:1px;
  left:0;
  width:0px;
  height:0px;
  margin:0;
  padding:0;
  border:1px solid transparent;
  zoom:1;
}

.fieldErrorContainer.over {
  z-index: 100;
}

.fieldError {
  display: block;
  position:absolute;
  top:-1px;
  left:15px;
  width:280px;
  background-color:  var(--as-primary-color);
  color:#FFF;
  padding:3px 0 3px 5px;
  line-height:12px;
}
.fieldError.over {
  height:auto;
  white-space: normal;
  z-index:200;
  border-bottom: 1px solid #FFF;
}

.fieldError .fieldErrorText {
  white-space: nowrap;
  display:block;
  overflow:hidden;
  max-width: 310px;
}

.fieldError.over .fieldErrorText {
  white-space: normal;
  overflow:visible;
  max-width:300px;
}

.fieldError .bg-error-txt {
  position:absolute;
  right:0;
  top:0;
  width: 23px;
  height:19px;
  background-image: url("../images/bg-error-txt.png");
  background-repeat: no-repeat;
}

.fieldError.over .bg-error-txt {
  display:none;
}

.fieldError .arrow {
  background-image: url("../images/field-error.png");
  background-repeat: no-repeat;
  height:19px;
  width:9px;
  position:absolute;
  left:-9px;
  top:0;
}

ul.ul-messages {
  color:green;
}

ul.ul-errors {
  color: var(--as-primary-color);
}

.ellipsis {
  max-width:98%;
  overflow: hidden;           /* required for text-overflow */
  text-overflow: ellipsis;    /* for IE and WebKit (Safari, Chrome) */
  -o-text-overflow: ellipsis; /* for Opera since 9.0 */
}

.lt-ie8 .ellipsis {
  width:98%;
}

.font-bigger {
  font-size:1.1em;
}

.middle {
  vertical-align: middle;
}

.float-left {
  float:left;
}

.float-right {
  float:right;
}

.margin {
  margin:.8em 0 .8em 0;
}

.margin-top {
  margin-top: .8em;
}

.margin-bottom {
  margin-bottom: .8em;
}

.padding {
  padding-top:.75em;
  padding-bottom:.75em;
}

.padding-top {
  padding-top:.75em;
}

.padding-bottom {
  padding-bottom:.75em;
}

.one-col-content-padding {
  padding:15px 20px;
}


.content-body-headline h1,
h1.content-body-headline
{
  font-family: "Helvetica W01 Bd Cn", Arial, Verdana, 'sans-serif';
  font-size:1.6em;
  line-height:1.3em;
  color:#4D4D4D;
  margin: .2em 0 0 0;
}

div.dots {
  height:20px;
  background-image: url('../img/bg-dots.png');
  background-position: center center;
  background-repeat: repeat-x;
}

.table th,
.table .table-header td {
  font-family: "Helvetica W01 Bd Cn", Arial, Verdana, 'sans-serif';
  font-size:1em;
  font-weight: normal;
  text-align:left;
}

.table tr.odd td{
  background-color:#f2f2f2;
}

.table td.center {
  text-align: center;
}

table.top td,
td.top
{
  vertical-align: top;
}

.btn-red,
.btn-grey
{
  position:relative;
  display: inline-block;
  height: 23px;
  line-height: 23px;
  vertical-align: middle;
  text-align: left;
  background-image: url('../img/btn-bg.png');
  background-position: left top;
  background-repeat: repeat-x;
}

.btn-red:hover,
.btn-grey:hover
{
  text-decoration: none;
}

.btn-grey,
.btn-red.disabled,
.btn-pdf
{
  background-position: left bottom;
}

.btn-red span.bg-right,
.btn-basket:after,
.btn-basket span.bg-right,
.btn-pdf:after,
.btn-pdf span.bg-right,
.btn-grey span.bg-right
{
  position:absolute;
  top:0;
  right:-5px;
  width:5px;
  height: 23px;
  display: block;
  background-image: url('../img/btn-bg.png');
  background-position: right top;
  background-repeat: no-repeat;
}

.btn-basket:after,
.btn-pdf:after
{
  content: " "
}


.btn-grey span.bg-right,
.btn-red.disabled span.bg-right,
.btn-pdf span.bg-right,
.btn-pdf:after
{
  background-position: right bottom;
}

.btn-grey.disabled,
.btn-red.disabled {
  opacity: .5;
}

.btn-red .link-txt,
.btn-grey  .link-txt
{
  display: inline-block;
  height: 23px;
  line-height: 22px;
  vertical-align: middle;
  padding: 0 15px 0 20px;
  color:#FFFFFF;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #000; /* Versatz links - Versatz oben - Unschärfe (Blur) - Farbe */
}

.lt-ie8 .btn-red .link-txt,
.lt-ie8 .btn-grey .link-txt,
.lt-ie8 .btn-pdf .link-txt
{
  cursor:pointer;
}

.btn-red input,
.btn-grey input,
.btn-red button,
.btn-grey button
{
  background:none;
  border:0px;
  cursor:pointer;
  text-decoration:none;
  text-align:center;
  font-weight:normal;
  display: inline-block;
  height: 23px;
  line-height: 23px;
  vertical-align: middle;
  padding: 0 15px 0 20px;
  color:#FFFFFF;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #000; /* Versatz links - Versatz oben - Unschärfe (Blur) - Farbe */
}

input.add-to-basket {
  background: none;
  border: none;
  /*  background-image: url("../img/icon-basket.png");*/
  content: "\f291";
  background-repeat: no-repeat;
  background-position: left center;
  padding-left:30px;
  line-height: 24px;
  display:inline-block;
  height:24px;
  vertical-align: middle;
  font-family: "Helvetica W01 Bd Cn", Arial, Verdana, 'sans-serif';
  font-size:1.083em;
  font-weight:normal;
  color:#79848D;
  text-transform: uppercase;
}

input.add-to-basket:hover {
  text-decoration: underline;
}

span.separator {
  padding-left:.2em;
  padding-right:.2em;
  color:#79848D;
}

#search-tabs span.separator {
  font-size:1.083em;
  color:#79848D;
  vertical-align: middle;
}

#search-tabs .on-link {
  vertical-align: middle;
}

#search-tabs .on-link.active {
  color: var(--as-primary-color);
}

.search-result-wrapper .on-link {
  display: inline-block;
  padding: 0;
}

/* Move to styleguide and make responsive */
.app-menu > li {
  display: inline-block;
  margin-right: .4rem;
}


/***********************
 Search form
***********************/



.table-search-form,
.table-search-term
{
  border:0px solid #FFF;
  border-collapse: collapse;
  width:100%;
}

.table-search-form td {
  padding-top:12px;
  padding-bottom:14px;
}

.table-search-form tr.middle td,
.table-search-form tr td.middle
{
  vertical-align: middle;
}

.table-search-form td tr td {
  padding-top:2px;
  padding-bottom:3px;
}

tr.dots td {
  background-image: url('../img/bg-dots.png');
  background-position: bottom left;
  background-repeat: repeat-x;
}

tr.dots td tr td {
  background-image: none;
}

a.btn-new-search,
a.btn-search-form,
.search-form-label {
  color: #4b4b4d;
  text-transform: uppercase;
  font-weight: bold;
  white-space: nowrap;
}

.search-input {
  background-color: #fafafa;
  border: 1px solid #d9dadb;
  border-radius: 0;
  transition: none;
}

.search-input:focus {
  color: inherit;
  background-color: #fafafa;
  border-color: #d9dadb;
  outline: 0;
  box-shadow: none;
}

.input-group-text {
  border-radius: 0;
}

.btn--search {
  font-weight: bold;
  padding: calc(1rem + 1px) 2.2rem;
  font-size: 1.125rem; /* 18px */
}

.search-select,
.search-select--small {
  background-color: #FFFFFF;
  border: 1px solid #d9dadb;
  border-radius: 0;
  transition: none;
  display: inline-block !important;
}

.search-select--small {
  font-size: 0.875rem;
  line-height: 1.1rem;
}

.input-group-text .search-select {
  background-color: #FFFFFF;
  border: 0px solid transparent;
  border-radius: 0;
  transition: none;
}

.badge.badge-secondary-lighten-5 {
  background-color: #f4f4f4;
  color: black !important;
  box-shadow: none;
}

/***********************
Search Result
***********************/

.search-result-separator,
td .search-result-separator,
.content-shadow {
  height:28px;
  overflow: hidden;
}

.search-form-wrapper,
.search-result-item,
.pagination-wrapper,
.query-hint {
  background-color: #FFF;
  padding-top: 1.5rem;
  padding-bottom: .7rem;
  padding-left: 26px;
  padding-right: 16px;
}

.row--navigation {
  padding-top:.7rem;
}

.row--navigation > .col > a {
  margin-right:.6rem;
}

.row--navigation > .col > a:last-child {
  margin-right:0;
}

.row--search-result-item {
  position:relative;
  padding-bottom: 2rem;
}

.row--search-result-item:after {
  content: " ";
  height:1px;
  display: block;
  position: absolute;
  bottom: 0px;
  left:-3%;
  width:103%;
  background-color: #F2F2F2;
  overflow-x: hidden;
}

.col--search-result-item-image {
  max-width: 140px !important;
  min-width:140px;
}

.search-result-item-status {
  color:#747577;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: .5rem;
}

.search-result-item-img
{
  float:left;
  width:104px;
  min-height:100px;
  overflow:hidden;
}

.search-result-item-img img
{
  margin-top:8px;
}

.search-result-item-content {
  float:right;
  width:574px;
}

.update-info .search-result-item-content {
  float:left;
  width:700px;
}

.search-result-item-txt {
  min-height: 76px;
}

.update-info .search-result-item-txt {
  min-height: 0;
}

.tpl-100 .search-result-item-txt,
.tpl-101 .search-result-item-txt,
.tpl-200 .search-result-item-txt,
.tpl-201 .search-result-item-txt,
.tpl-300 .search-result-item-txt,
.tpl-310 .search-result-item-txt,
.tpl-311 .search-result-item-txt,
.tpl-400 .search-result-item-txt,
.tpl-510 .search-result-item-txt
{
  min-height: 110px;
}

.search-result-item-nav {

}

.global-search-header {
  font-family: "Helvetica W01 Bd Cn", Arial, Verdana, 'sans-serif';
  font-size:1.5em;
  color: var(--as-primary-color);
  margin-bottom: 4px;
  margin-top: 15px;
}

.global-search-element-right {

}

.global-search-element-left
{
  width: 50%;
  padding-left: 10px;
  padding-right: 40px;
  box-sizing: border-box;
}

.global-search-element-right
{
  float:right;
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}

.global-search-element-right .icon-48 {
  display:none;
}

.global-search-element-right .expandable-trigger {
  display:none;
}

.global-search-element-right .status {
  display:none;
}


.global-search-element-right .search-result-item-wrapper h1, .global-search-element-left .search-result-item-wrapper h1, .global-search-element-right .search-result-item-wrapper h2, .global-search-element-left .search-result-item-wrapper h2, .global-search-element-right .search-result-item-wrapper p, .global-search-element-left .search-result-item-wrapper p {
  max-height: 32px;
  overflow: hidden;
}

span.contact-icon {
  display: block;
  float: left;
  margin-right: 5px;
  background: transparent url(../img/contact-sprites.png);
}
span.contact-icon_phone {
  background-position: 59px -1px;
  background-color: #fff;
  width: 21px;
  height: 17px;
  margin-top: -2px;
}
span.contact-icon_fax {
  background-position: 88px -3px;
  background-color: #fff;
  width: 21px;
  height: 16px;
}


span.contact-icon_email {
  background-position: 117px -5px;
  background-color: #fff;
  width: 21px;
  height: 13px;
  margin-top: 2px;
}

/*
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
*/
.global-search-element-right .search-result-item-content {
  float:right;
  width:410px;
}

.global-search-element-right .search-result-item-img {
  width:52px;
  min-height: 65px;
}

.global-search-element-right .search-result-item-img img {
  max-width: 100%;
  max-height: 100%;
}

.global-search-element-right .search-result-item-txt
{
  min-height: inherit;
}

h1.search-result a,
h2.search-result a{
  color:black;
}

.search-result-item-txt h1,
.search-result-item-txt h3,
h1.search-result,
h3.search-result {
  font-size: 24px;
  color: black;
  font-weight: 600;
}

.search-result-item-txt h1.bigger,
.search-result-item-txt h3.bigger {
  font-size:1.25em;
}

.search-result-item-txt h2,
h2.search-result
p.search-result {
  font-weight: normal;
  font-size:16px;
  line-height: 24px;
}

.withdrawn {
  color: var(--as-primary-color);
}

.result-item-navigation {
  line-height: 24px;
  vertical-align: middle;
}

.header-headline,
.headline-product-details,
.result-item-price,
.themencenter-metadata {
  font-family: "Helvetica W01 Bd Cn", Arial, Verdana, 'sans-serif';
  font-size:1.083em;
  color:#79848D;
  text-decoration: none;
}

/* icons 24px iconsprite */

.icon-24 {
  display:inline-block;
  vertical-align: middle;
  margin-left:3px;
  width: 24px;
  height: 24px;
  line-height:24px !important;
  background-image: url('../img/99_Iconsprite_24px.png');
  background-repeat: no-repeat;
  cursor: pointer;
}

.icon-24-dummy {
  display:inline-block;
  height: 24px;
  line-height:24px !important;
}

.icon-33-dummy {
  display:inline-block;
  height: 33px;
}

.icon-24 .link-txt {
  display: none;
}

.fa .link-txt {
  display: none;
}

.fas .link-txt {
  display: none;
}

.far .link-txt {
  display: none;
}

.fal .link-txt {
  display: none;
}

.icon-24.icon-24-preview {
  background-position: -192px 0px;
}
.icon-24.icon-24-preview:hover {
  background-position: -192px -24px;
}
.icon-24.icon-24-watchlist {
  background-position: -216px 0px;
}
.icon-24.icon-24-watchlist:hover {
  background-position: -216px -24px
}
.icon-24.icon-24-magnifier {
  background-position: -312px 0px;
}
.icon-24.icon-24-magnifier:hover {
  background-position: -312px -24px;
}
.icon-24.icon-24-pdf {
  background-position: -168px 0px;
}
.icon-24.icon-24-pdf:hover {
  background-position: -168px -24px;
}
.icon-24.icon-24-eye {
  background-position: -192px 0px;
}
.icon-24.icon-24-eye:hover {
  background-position: -192px -24px;
}
.icon-24.icon-24-order {
  background-position: -240px 0px;
}
.icon-24.icon-24-order:hover {
  background-position: -240px -24px;
}
.icon-24.icon-24-print {
  background-position: -264px 0px;
}
.icon-24.icon-24-print:hover {
  background-position: -264px -24px;
}
.icon-24.icon-24-document {
  background-position: -360px 0px;
}
.icon-24.icon-24-document:hover {
  background-position: -360px -24px;
}
.icon-24.icon-24-updates {
  background-position: -384px 0px;
}
.icon-24.icon-24-updates:hover {
  background-position: -384px -24px;
}
.icon-24.icon-24-folder {
  background-position: -408px 0px;
}
.icon-24.icon-24-folder:hover {
  background-position: -408px -24px;
}
.icon-24.icon-24-docs-plus {
  background-position: -432px 0px;
}
.icon-24.icon-24-docs-plus:hover {
  background-position: -432px -24px;
}
.icon-24.icon-24-bubble {
  background-position: -456px 0px;
}
.icon-24.icon-24-bubble:hover {
  background-position: -456px -24px;
}
.icon-24.icon-24-trash {
  background-position: -480px 0px;
}
.icon-24.icon-24-trash:hover {
  background-position: -480px -24px;
}
.icon-24.icon-24-refresh {
  background-position: -504px 0px;
}
.icon-24.icon-24-refresh:hover {
  background-position: -504px -24px;
}
.icon-24.icon-24-plus {
  background-position: -528px 0px;
}
.icon-24.icon-24-plus:hover {
  background-position: -528px -24px;
}
.icon-24.icon-24-minus {
  background-position: -552px 0px;
}
.icon-24.icon-24-minus:hover {
  background-position: -552px -24px;
}
.icon-24.icon-24-edit {
  background-position: -576px 0px;
}
.icon-24.icon-24-edit:hover {
  background-position: -576px -24px;
}
.icon-24.icon-24-edit-bg {
  background-position: -600px 0px;
}
.icon-24.icon-24-edit-bg:hover {
  background-position: -600px -24px;
}

.icon-24.icon-24-not-available {
  background-position: -552px -24px;
  cursor:default
}


/* icons 24px 3Kraft iconsprite */

.icon-24.iconset-3k {
  background-image: url('../img/Iconsprite_24px_3k.png');
}

.iconset-3k.icon-24-edit-bg {
  background-position: -144px 0px;
}
.iconset-3k.icon-24-edit-bg:hover {
  background-position: -144px -24px;
}
.iconset-3k.icon-24-not-set {
  background-position: -120px -24px;
  cursor:default
}
.iconset-3k.icon-24-x {
  background-position: -120px 0px;
}
.iconset-3k.icon-24-x:hover {
  background-position: -120px -24px;
}
.iconset-3k.icon-24-edit-white {
  background-position: -168px 0px;
}
.iconset-3k.icon-24-edit-white:hover {
  background-position: -168px -24px;
}
.iconset-3k.icon-24-nachfolge-white {
  background-position: -192px 0px;
}
.iconset-3k.icon-24-nachfolge-white:hover {
  background-position: -192px -24px;
}
.iconset-3k.icon-24-clip {
  background-position: -216px 0px;
}
.iconset-3k.icon-24-clip:hover {
  background-position: -216px -24px;
}


/* icons 48px iconsprite */
.icon-48 {
  float:right;
  display:inline-block;
  margin-left:3px;
  width: 48px;
  height: 48px;
  /*  background-image: url('../img/99_Iconsprite_48px.png');*/
  background-repeat: no-repeat;
}

.icon-48-generic {
  background-image: url('../img/99_Iconsprite_48px.png');
}

/* icons 16px iconsprite */

.icon-16-wrapper {
  height:16px;
  overflow:hidden;
}

.icon-16 {
  display:inline-block;
  margin-left:2px;
  width: 16px;
  height: 16px;
  background-image: url('../img/99_Iconsprite_16px.png');
  background-repeat: no-repeat;
  cursor:pointer;
}

.icon-16.icon-16-preview {
  background-position: -128px 0px;
}
.icon-16.icon-16-preview:hover {
  background-position: -128px -16px;
}
.icon-16.icon-16-watchlist {
  background-position: -144px 0px;
}
.icon-16.icon-16-watchlist:hover {
  background-position: -144px -16px
}
.icon-16.icon-16-magnifier {
  background-position: -208px 0px;
}
.icon-16.icon-16-magnifier:hover {
  background-position: -208px -16px;
}
.icon-16.icon-16-pdf {
  background-position: -112px 0px;
}
.icon-16.icon-16-pdf:hover {
  background-position: -112px -16px;
}
.icon-16.icon-16-eye {
  background-position: -128px 0px;
}
.icon-16.icon-16-eye:hover {
  background-position: -128px -16px;
}
.icon-16.icon-16-order {
  background-position: -160px 0px;
}
.icon-16.icon-16-order:hover {
  background-position: -160px -16px;
}
.icon-16.icon-16-trash {
  background-position: -320px 0px;
}
.icon-16.icon-16-trash:hover {
  background-position: -320px -16px;
}
.icon-16.icon-16-refresh {
  background-position: -336px 0px;
}
.icon-16.icon-16-refresh:hover {
  background-position: -336px -16px;
}
.icon-16.icon-16-plus {
  background-position: -352px 0px;
}
.icon-16.icon-16-plus:hover {
  background-position: -352px -16px;
}
.icon-16.icon-16-minus {
  background-position: -368px 0px;
}
.icon-16.icon-16-minus:hover {
  background-position: -368px -16px;
}
.icon-16.icon-16-edit {
  background-position: -384px 0px;
}
.icon-16.icon-16-edit:hover {
  background-position: -384px -16px;
}

.icon-16 .link-txt {
  display: none;
}

.icon-16-dummy {
  display:inline-block;
  height: 16px;
  line-height:16px !important;
}

.expandable-trigger .icon-16 {
  background-position: -352px 0px;
}
.expandable-trigger .icon-16:hover {
  background-position: -352px -16px;
}
.expandable-trigger.expanded .icon-16 {
  background-position: -368px 0px;
}
.expandable-trigger.expanded .icon-16:hover {
  background-position: -368px -16px;
}



/* icons 33px iconsprite */

.icon-33 {
  display:inline-block;
  vertical-align: middle;
  margin-left:3px;
  width: 33px;
  height: 33px;
  line-height:33px !important;
  background-image: url('../img/Iconsprite_33px_3k.png');
  background-repeat: no-repeat;
  cursor: pointer;
}

.icon-33 .link-txt {
  display: none;
}

.icon-33.icon-33-bestellung {
  background-position: 0px 0px;
}
.icon-33.icon-33-bestellung:hover {
  background-position: 0px -33px;
}
.icon-33-nohover.icon-33.icon-33-bestellung:hover {
  background-position: 0px 0px;
}
.icon-33.icon-33-download {
  background-position: -33px 0px;
}
.icon-33.icon-33-download:hover {
  background-position: -33px -33px;
}
.icon-33.icon-33-gesetz-zitiert {
  background-position: -66px 0px;
}
.icon-33.icon-33-gesetz-zitiert:hover {
  background-position: -66px -33px;
}
.icon-33-nohover.icon-33.icon-33-gesetz-zitiert:hover {
  background-position: -66px 0px;
}
.icon-33.icon-33-infomail-abo {
  background-position: -99px 0px;
}
.icon-33.icon-33-infomail-abo:hover {
  background-position: -99px -33px;
}
.icon-33.icon-33-infomail-storno {
  background-position: -132px 0px;
}
.icon-33.icon-33-infomail-storno:hover {
  background-position: -132px -33px;
}
.icon-33.icon-33-lesezeichen {
  background-position: -165px 0px;
}
.icon-33.icon-33-lesezeichen:hover {
  background-position: -165px -33px;
}
.icon-33.icon-33-lesezeichen-liste {
  background-position: -198px 0px;
}
.icon-33.icon-33-lesezeichen-liste:hover {
  background-position: -198px -33px;
}
.icon-33.icon-33-loeschen {
  background-position: -231px 0px;
}
.icon-33.icon-33-loeschen:hover {
  background-position: -231px -33px;
}
.icon-33.icon-33-ordner {
  background-position: -264px 0px;
}
.icon-33.icon-33-ordner:hover {
  background-position: -264px -33px;
}
.icon-33.icon-33-umbenennen {
  background-position: -297px 0px;
}
.icon-33.icon-33-umbenennen:hover {
  background-position: -297px -33px;
}
.icon-33.icon-33-nachfolge {
  background-position: -330px 0px;
}
.icon-33.icon-33-nachfolge:hover {
  background-position: -330px -33px;
}
.icon-33-nohover.icon-33.icon-33-nachfolge:hover {
  background-position: -330px 0px;
}
.icon-33.icon-33-gesetz-bezug {
  background-position: -363px 0px;
}
.icon-33.icon-33-gesetz-bezug:hover {
  background-position: -363px -33px;
}
.icon-33-nohover.icon-33.icon-33-gesetz-bezug:hover {
  background-position: -363px 0px;
}
.icon-33.icon-33-norm {
  background-position: -396px 0px;
}
.icon-33.icon-33-norm:hover {
  background-position: -396px -33px;
}
.icon-33.icon-33-projektantrag {
  background-position: -429px 0px;
}
.icon-33.icon-33-projektantrag:hover {
  background-position: -429px -33px;
}
.icon-33-nohover.icon-33.icon-33-projektantrag:hover {
  background-position: -429px 0px;
}
.icon-33.icon-33-empfehlen {
  background-position: -462px 0px;
}
.icon-33.icon-33-empfehlen:hover {
  background-position: -462px -33px;
}
.icon-33.icon-33-stellungnahme {
  background-position: -495px 0px;
}
.icon-33.icon-33-stellungnahme:hover {
  background-position: -495px -33px;
}
.icon-33-nohover.icon-33.icon-33-stellungnahme:hover {
  background-position: -495px 0px;
}
.icon-33.icon-33-stellungnahme2 {
  background-position: -528px 0px;
}
.icon-33.icon-33-stellungnahme2:hover {
  background-position: -528px -33px;
}
.icon-33.icon-33-vorschau {
  background-position: -561px 0px;
}
.icon-33.icon-33-vorschau:hover {
  background-position: -561px -33px;
}
.icon-33.icon-33-eye {
  background-position: -561px 0px;
}
.icon-33.icon-33-eye:hover {
  background-position: -561px -33px;
}
.icon-33.icon-33-download-csv {
  background-position: -594px 0px;
}
.icon-33.icon-33-download-csv:hover {
  background-position: -594px -33px;
}
.icon-33.icon-33-download-xml {
  background-position: -627px 0px;
}
.icon-33.icon-33-download-xml:hover {
  background-position: -627px -33px;
}
.icon-33.icon-33-shared-bookmark-folder {
  background-position: -660px 0px;
}
.icon-33.icon-33-shared-bookmark-folder:hover {
  background-position: -660px -33px;
}
.icon-33.icon-33-shared-bookmark {
  background-position: -693px 0px;
}
.icon-33.icon-33-shared-bookmark:hover {
  background-position: -693px -33px;
}
.icon-33.icon-33-mixed-bookmark {
  background-position: -726px 0px;
}
.icon-33.icon-33-mixed-bookmark:hover {
  background-position: -726px -33px;
}
.icon-33.icon-33-pdf {
  background-position: -759px 0px;
}
.icon-33.icon-33-pdf:hover {
  background-position: -759px -33px;
}


.icon-38 {
  display:inline-block;
  vertical-align: middle;
  margin-left:3px;
  width: 38px;
  height: 38px;
  line-height:38px !important;
  background-image: url('../img/Iconsprite_38px_recommendations.png');
  background-repeat: no-repeat;
  cursor: pointer;
}

.icon-38-recommendation-norm {

  background-position: 0px 0px;
}

.icon-38-recommendation-book {
  background-position: -40px 0px;
}

.icon-38-recommendation-training {
  background-position: -80px 0px;
}

.icon-38-recommendation-certification {
  background-position: -120px 0px;
}

.icon-link {
  vertical-align:middle;
}


/* Navigators */

.dkgwt-sliderBarChartWidget,
.dkgwt-barChartWidget {
  background-color: #FFFFFF !important;
}

ul.navigatorItems
{
  margin:0;
}

ul.navigatorItems li {

}


ul.navigatorItems li a,
ul.navigatorItems li span.modifier-not-available {
  display:inline-block;
  padding: 5px 24px 0px 24px;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
  line-height:1.1;
}

ul.navigatorItems li.selected a,
ul.navigatorItems li a span.selected
{
  color:  var(--as-primary-color);
}

ul.navigatorItems li.not-available {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

ul.navigatorItems li.list-hidden {
  display:none;
}

/* Navigator with icons */

.navigator.icons ul.navigatorItems li a,
.navigator.icons ul.navigatorItems li span.modifier-not-available
{
  background-image: none;
  padding-left: 0px;
  margin-left:0;
  vertical-align: middle;
}

.navigator.icons ul.navigatorItems li {
  position:relative;
  top:0;
  left:0;
  padding: 5px 0 1px 30px;
}

.navigator.icons ul.navigatorItems li .modifier-icon {
  position:absolute;
  top:6px;
  left:0;
  display:block;
}

.modifier-icon {
  display:inline-block;
  margin-right:3px;
  width: 24px;
  height: 24px;
  background-image: url('../img/99_Iconsprite_24px.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-top:-1px;
}

/* effect modifiers */
.modifier-readable {
  background-position: -360px 0px;
}
.modifier-updated {
  background-position: -384px 0px;
}
.modifier-all {
  background-position: -408px 0px;
}
.modifier-docs {
  background-position: -432px 0px;
}
.modifier-purchased {
  background-position: -240px 0px;
}
.modifier-more-features {
  background-position: -456px 0px;
}

li.selected .modifier-readable {
  background-position: -360px -24px;
}
li.selected .modifier-updated {
  background-position: -384px -24px;
}
li.selected .modifier-all {
  background-position: -408px -24px;
}
li.selected .modifier-docs {
  background-position: -432px -24px;
}
li.selected .modifier-purchased {
  background-position: -240px -24px;
}
li.selected .modifier-more-features {
  background-position: -456px -24px;
}

/* Navigator Trees */
ul.navigatorTreeItems
{
  margin:0;
  background-image: url('../img/modifier-separator.png');
  background-position: center bottom;
  background-repeat: no-repeat;
}

ul.navigatorTreeItems li
{
  list-style:none;
  position:relative;
  top:0;
  left:0;
  padding:8px 0 7px 20px;
  margin-left: 0px;
  color:#79848D;
  text-decoration: none;
  line-height:16px;
  background-image: url('../img/modifier-separator.png');
  background-position: center top;
  background-repeat: no-repeat;
}

ul.navigatorTreeItems li.selected > a
{
  color: var(--as-primary-color);
}

ul.navigatorTreeItems > li:first-child {
  background-image: none;
}

ul.navigatorTreeItems li a
{
  display:inline-block;
  color:#79848D;
  text-decoration: none;
}

ul.navigatorTreeItems li a:hover
{
  text-decoration: underline;
}

ul.navigatorTreeItems span.tree-icon, ul.navigatorItems span.tree-icon
{
  position:absolute;
  top:7px;
  left:0;
  display:block;
  width:18px;
  height:16px;
  background-image: url('../img/tree-icon.png');
  background-position: -20px 0;
  background-repeat: no-repeat;
  cursor:pointer;
}

ul.navigatorItems span.tree-icon {
  position:relative;
  display:inline-block;
  top:4px;
}

ul.navigatorTreeItems span.tree-icon.opened, .navigator.icons ul.navigatorItems span.tree-icon.opened {
  background-position: -40px 0;
}

ul.navigatorTreeItems li.last-tree-child {
  padding-left:10px;
}

.navigator.icons ul.navigatorItems li.last-tree-child {
  padding-left:20px;
}

ul.navigatorTreeItems li.last-tree-child span.tree-icon, .navigator.icons ul.navigatorItems li.last-tree-child span.tree-icon {
  background-image: url('../img/list-icon.png');
  background-position: 0 .55em;
  width:8px;
  cursor: auto;
}

ul.navigatorTreeItems ul
{
  margin-top:8px;
}

ul.list-hidden
{
  display:none;
}

/***********************
 Details
***********************/

td.details-label {
  width:125px;
  padding-left:0;
}

td.details-text {
  width:auto;
}

/***********************
Paging
***********************/

.pagination-hits {
  float:left;
  min-width:35%;
}

.pagination-hits-per-page  {
  float:left;
}

.pagination-pages {
  float:right;
  color:#79848D
}

.pagination-pages a {
  text-decoration:none;
  color:#79848D
}

.pagination-pages span.page {
  padding-left:2px;
  padding-right:2px;
}

.pagination-pages span.dots {
  text-decoration: none;
  cursor:auto;
}

.pagination-pages span.page-selected {
  font-family: 'Helvetica W01 Bold', Arial, Verdana, 'sans-serif';
  color: #4D4D4D;
}

.pagination-pages span.page-previous,
.pagination-pages span.page-next,
.pagination-pages span.page-previous-disabled,
.pagination-pages span.page-next-disabled
{
  display: inline-block;
  width: 10px;
  height: 16px;
  background-image: url("../img/paging.png");
  background-repeat: no-repeat;
  background-position: 0 center;
  cursor: pointer;
}

.pagination-pages span.page-previous {
  background-position: 0 center;
}

.pagination-pages span.page-previous-disabled {
  background-position: -40px center;
  cursor:auto;
}

.pagination-pages span.page-next {
  background-position: -20px center;
}

.pagination-pages span.page-next-disabled {
  background-position: -60px center;
  cursor:auto;
}

.pagination-shadow {
  margin-top:4px;
  height:20px;
  overflow:hidden;
  background-image: url('../img/content-shadow.png');
  background-position: center center;
  background-repeat: no-repeat;
}

/***********************
Boxes
***********************/

.link-more-less {
  clear:both;
  padding-top:.6em;
  padding-bottom:.65em;
}

.link-more-less a {
  color:#000000;
  ;
  padding-left:24px;
  text-decoration:none;
  font-size: 14px;
}

.link-more-less a:hover {
  text-decoration:underline;
}

.box-navigation {
  float:right;
  margin-right:10px;
  color: #FFFFFF;
}

/*
.box-navigation > a[aria-expanded = "true"]:after {
    content: "\f106";
}

.box-navigation > a[aria-expanded = "false"]:before {
    content: "\f107";
}
*/

.box-navigation span.open-box-link:before {
  cursor: pointer;
  text-decoration: none;
}

.box-navigation span.close-box-link:before {
  cursor: pointer;
  text-decoration: none;
}

.box-navigation span.open-box-link {
  display:none;
}

.closed .box-navigation span.close-box-link {
  display: none;
}

.closed .box-navigation span.open-box-link {
  display:inline-block;
}

.closed .expandable-content {
  display:none;
}

.expandable-content {
  padding-top: .5rem;
  padding-bottom: .5rem;
}


#dateNavigatorEffect .expandable-content {
  display:block;
  padding-top: .75rem;
  padding-bottom: .875rem;
}

#ausgabenavigator.date-invisible {
  display:block;
  position:absolute;
  height:138px;
  width:220px;
  left:-2000px;
  z-index:1000;
}

.navigator-dhtml-wrapper {
  padding: 13px 10px 2px 24px;
}

.navigator .expandable-content li a {
  color: #000000;
}

.sort-links {
  display:inline-block;
  float:right;
  font-weight:normal;
  position:relative;
}

.closed .sort-links,
.closed .edit-link {
  display:none;
}

.sort-links a {
  color:#79848D;
  text-decoration: none;
}

.sort-links a.select-arrows {
  padding: 5px 10px 5px 10px;
  background-position: left center;
}

.sort-links .dialoghidden {
  display:none;
}

.sort-links .dialog .content {
  text-align: right;
}

.sort-links .dialog .dialoghidden {
  display:block;
  margin-top:-10px;
}


.lt-ie8 .sort-links .dialog,
.lt-ie8 .sort-links .dialog .b {
  width:90px;
}


.sort-links .dialog .dialoghidden a {
  border-bottom: 1px dotted #808080;
  display: block;
  margin: 0 5px 0 0;
  padding: 4px 5px 4px 10px;
  font-size:12px;
  line-height: 16px;
  color:#FFF;
  white-space: nowrap;
}

.sort-links .dialog .dialoghidden a.active {
  display:none
}

.sort-links .dialog {
  right:0px;
}

/***********************
Application menu
***********************/

.app-menu-wrapper,
.app-menu-wrapper .app-menu-left,
.app-menu-wrapper .app-menu-right {
  height:39px;
  background-image: url('../img/bg-app-nav.png');
}

.app-menu-wrapper {
  position:relative;
  top:0;
  left:0;
  background-repeat: repeat-x;
}

.app-menu-wrapper .app-menu-left {
  position:absolute;
  top:0;
  left:0;
  width:8px;
  background-position: 0px -40px;
  background-repeat: no-repeat;
}

.app-menu-wrapper .app-menu-right {
  position:absolute;
  top:0;
  right:0;
  width:8px;
  background-position: -8px -40px;
  background-repeat: no-repeat;
}

.app-menu-wrapper ul.app-menu {
  list-style: none outside none;
  float:right;
  margin-top:4px;
  margin-right:16px;
  padding-left:2px;
  background-image: url('../img/bg-app-on-link.png');
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.app-menu-wrapper ul.app-menu > li {
  float:left;
  position: relative;
}

.app-menu-wrapper ul.app-menu > li > a {
  display:inline-block;
  height:31px;
  line-height: 31px;
  min-width:90px;
  padding-right:25px;
  padding-left:14px;
  vertical-align: middle;
  font-family: "Helvetica W01 Bd Cn", Arial, Verdana, 'sans-serif';
  font-size:1em;
  color:#79848D;
  text-decoration: none;
  text-transform: uppercase;
  background-image: url('../img/bg-app-on-link.png');
  background-position: right -40px;
  background-repeat: no-repeat;
}

.app-menu-wrapper ul.app-menu > li > a.ddm {
  background-position: right -80px;
}

.app-menu-wrapper ul li a:hover {
  text-decoration: underline;
}

.app-menu-wrapper .welcome {
  float:left;
  display: inline-block;
  line-height:39px;
  vertical-align: middle;
  text-shadow: 1px 1px 0px #FFF; /* Versatz links - Versatz oben - Unschärfe (Blur) - Farbe */
  padding-left: 16px;
}



/***********************
Tooltips
***********************/

.tooltip {
  position: absolute;
  top:0;
  left:0;
  z-index: 1000;
  display: block;
  padding: 5px;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.tooltip.top {
  margin-top: -3px;
}

.tooltip.right {
  margin-left: 3px;
}

.tooltip.bottom {
  margin-top: 3px;
}

.tooltip.left {
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 400px;
  font-weight:normal;
  font-family: 'Helvetica W01 Roman', Arial, Verdana, 'sans-serif';
  line-height: 1.3em;
  vertical-align: middle;
  /*white-space: nowrap;*/
  padding: 3px 8px;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  background-color: #202020;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #202020;
  border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #202020;
  border-width: 0 5px 5px;
}

.wrap {
  position: absolute;
  top:100px;
  left:100px;
  z-index: 1000;
  display: block;
  width:200px;
  height:200px;
  border:1px solid #333;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tooltip.bottom-left,
.tooltip.bottom-right-aligned {
  margin-top: 3px;
}

.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right-aligned .tooltip-arrow {
  top: 0;
  right: 15px;
  margin-left: -5px;
  border-bottom-color: #202020;
  border-width: 0 5px 5px;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 15px;
  margin-left: -5px;
  border-top-color: #202020;
  border-width: 5px 5px 0;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 18px;
  border-top-color: #202020;
  border-width: 5px 5px 0;
}

.tooltip-ajax .tooltip-inner {
  min-width:250px;
  max-width:300px;
  white-space:normal;
  color:#FFFFFF;
}

.tooltip-ajax .tooltip-inner a {
  color:#FFFFFF;
}

.tooltip-ajax .tooltip-content {
  padding:10px;
}

.tooltip-ajax .tooltip-title {
  display:none;
}


/***********************
  Tooltips less than IE9
***********************/
.lt-ie9 .tooltip {
  border:0px solid #999;
  padding:0px;
  padding: 8px;
  zoom:1;
  overflow:visible;
}

.lt-ie9 .tooltip .tooltip-inner {
  line-height:1em;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.lt-ie9 .tooltip .tl,
.lt-ie9 .tooltip .tr,
.lt-ie9 .tooltip .br,
.lt-ie9 .tooltip .bl {
  position:absolute;
  display:block;
  height:3px;
  width:50%;
  background-image: url('../img/rounded.png'); /* must match the bg color */
  border:0px solid  var(--as-primary-color);
}

.lt-ie9 .tooltip .tl {
  top:5px; /* -height + padding */
  left:8px; /* padding */
  background-position: top left;
}
.lt-ie9 .tooltip .tr {
  top:5px;
  right:8px;
  background-position: top right;
}
.lt-ie9 .tooltip .br {
  bottom:5px;
  right:8px;
  background-position: bottom right;
}
.lt-ie9 .tooltip .bl {
  bottom:5px;
  left:8px;
  background-position: bottom left;
}


/***********************
Drop down menu
***********************/

.app-menu-wrapper .dd-menu-wrapper {
  top:31px;
}

.dd-menu-wrapper {
  position: absolute;
  top:0;
  left:0;
  z-index: 1000;
  display: block;
  padding: 0px 0px 5px 0px;
  font-size: 1em;
  opacity: 0;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

li .dd-menu-wrapper {
  display: none;
}

li:hover .dd-menu-wrapper {
  display: block;
}

.dd-menu {
  /* max-width: 200px; */
  vertical-align: middle;
  white-space: nowrap;
  list-style: none outside none;
  padding: 3px 8px;
  padding-bottom:10px;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  background-color: #202020;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/***********************
  Drop down menu less than IE9
***********************/
.lt-ie9 .dd-menu-wrapper {
  border:0px solid #999;
  padding:0px;
  padding-bottom: 8px;
  zoom:1;
  overflow:visible;
}

.lt-ie9 .dd-menu-wrapper .br,
.lt-ie9 .dd-menu-wrapper .bl {
  position:absolute;
  display:block;
  height:3px;
  width:50%;
  background-image: url('../img/rounded.png'); /* must match the bg color */
  border:0px solid  var(--as-primary-color);
}

.lt-ie9 .dd-menu-wrapper .br {
  bottom:5px;
  right:0px;
  background-position: bottom right;
}
.lt-ie9 .dd-menu-wrapper .bl {
  bottom:5px;
  left:0px;
  background-position: bottom left;
}

.dd-menu li
{
  background: url("../img/cellent/mainnav_level2_trennlinie.png") repeat-x scroll 0 bottom transparent;
  padding: 0;
  position:relative;
  top:0;
  left:0;
  max-width:200px;
  min-width:160px;
  white-space: normal;
}

.dd-menu li .separator {
  display:block;
  padding: 5px 10px;
  padding-top: 12px;
  text-transform: uppercase;
}

.dd-menu li.ellipsis {
  max-width:240px;
  min-width: 220px;
  white-space: nowrap;
}

.lt-ie8 .dd-menu li.ellipsis {
  width:240px;
}

.dd-menu a {
  display:block;
  background: url("../img/cellent/arrow_double.png") no-repeat scroll 0 11px transparent;
  color: #CBCBCB;
  padding: 5px 10px;
  text-decoration: none;
}

.dd-menu a:hover {
  text-decoration: underline;
}

.dd-menu li a.ellipsis {
  max-width:89%;
  overflow: hidden;           /* required for text-overflow */
  text-overflow: ellipsis;    /* for IE and WebKit (Safari, Chrome) */
  -o-text-overflow: ellipsis; /* for Opera since 9.0 */
}

.lt-ie8 .dd-menu a.ellipsis {
  display:block;
  width:205px;
}

.dd-menu a.dd-menu-icon
{
  position:absolute;
  right:0px;
  top:5px;
  background-image: url('../img/Iconsprite_16px_3k.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  width:16px;
  height:16px;
  padding: 0 0;
  overflow:hidden;
}

.dd-menu a.dd-menu-icon span {
  display:none;
}

.dd-menu a.dd-menu-icon-delete
{
  background-position: 0 0;
}

.dd-menu a.dd-menu-icon-delete:hover {
  background-position: 0 -16px;
}

.dd-menu a.dd-menu-icon-save
{
  background-position: -16px 0;
}

.dd-menu a.dd-menu-icon-save:hover {
  background-position: -16px -16px;
}


/***********************
  Expandable
***********************/

.expandable {
  display:block;
}

.expandable.closed {
  display:none;
}

.expandable-trigger {
  cursor:pointer;
}

.expandable-trigger .expandable-icon:before {
  content: "\f107";
}

.expandable-trigger.expanded .expandable-icon:before {
  content: "\f106";
}

/***********************
 orderable items
***********************/

.td-lieart-headline {
  padding-bottom: .5em;
}

.td-lieart-headline .icon-16 {
  vertical-align: middle;
}

.td-lieart-headline span.lieart-headline {
  vertical-align: middle;
}

.td-lieart-checkbox {
  width:15px;
  vertical-align: top;
}

.td-lieart {
  width:auto;
  vertical-align: top;
}

.td-lieart-price {
  width:auto;
  text-align: right;
  vertical-align: top;
  font-family: "Helvetica W01 Bd Cn", Arial, Verdana, 'sans-serif';
}

/* on details page */
.orderable-items-details .orderable-items-group {
  float:left;
  width:30%;
  margin-left:2.9%;
}

.orderable-items-details .orderable-items-group:first-child {
  margin-left:0;
}

/* dhtml drop down */
.tooltip .orderable-items-details .orderable-items-group {
  float:none;
  width:auto;
  margin-left:0;
  clear:both;
}

.tooltip .td-lieart-headline {
  text-transform: uppercase;
}

.orderable-items-group, .effect-hint-group
{
  margin-bottom:.8em;
  padding-bottom:.8em;
}

.tooltip .orderable-items-group,
.tooltip .orderable-items-effect-update-options,
.tooltip .tooltip-group
{
  margin-bottom:.8em;
  padding-bottom:.8em;
  background-image: url("../img/cellent/mainnav_level2_trennlinie.png");
  background-repeat: repeat-x;
  background-position: bottom center;
}

.tooltip .search-result-separator {
  display:none;
}

.tooltip input.add-to-basket {
  color:#FFFFFF;
  background-image: url("../img/icon-basket-white.png");
}

.orderable-items-effect-update-options {
  clear:both;
}

.section-link {
  display:block;
}

.section-link .expandable-icon {
  float:right;
}

.expandable-list {
  margin-left:1em;
  margin-top:1em;
  display:none;
}


/**
 * Expandable list that is visible initially
 */
.expandable-list-visible {
  margin-left:1em;
  margin-top:1em;
}


/***********************
 Shopping Cart
***********************/

.shopping-cart-list-item {
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: rgb(217, 218, 219);
  padding-top:1.5rem;
}

.order-status {

}

.order-status-item {
  float:left;
  margin-left:0em;
  vertical-align: middle;
}

.order-status .order-status-item:first-child {
  margin-left:0;
}

.order-status-item-icon {
  display:inline-block;
  width:18px;
  height:18px;
  vertical-align: middle;
  background-image: url("../img/order-status.png");
  background-repeat: no-repeat;
  background-position: 0px 0;
}

.order-status .order-status-item:first-child .order-status-item-icon {
  background-position: -18px 0;
}

.order-status-item {
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.order-status-item.inactive {
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.order-status-item.done,
.order-status-item.active
{
  opacity: 1;
  filter: alpha(opacity=100);
}

/* Dummy row to define td widths in the first row of a table
via css width property instead of colgroup tag to render valid html */
tr.colgroup td {
  height:1px;
  line-height:1px;
  overflow:hidden;
  padding:0;
}

div.border-1,
div.border-2
{
  height:10px;
  margin-bottom:10px;
  overflow:hidden;
  border-bottom: 1px solid #4D4D4D;
}
div.border-2
{
  border-bottom: 2px solid #4D4D4D;
}

/***********************
 Effect
***********************/

#effect-links h1,
#effect-links h2,
#effect-links h3 {
  padding-top:9px;
  padding-bottom:10px;
}

#tree-infomails-wrapper ul {
  list-style-type:none;
}

.tree-infomails a,
.tree-infomails a:hover {
  text-decoration: none;
}

span.infomail-icon {
  display:inline-block;
  width:14px;
  height:11px;
  vertical-align: middle;
  background-image: url(../img/infomail-icons.png);
  background-repeat: no-repeat;
  background-position:-40px;
}


li[rel="full-node"] > span.infomail-icon {
  background-position:0px;
}

li[rel="partial-node"] > span.infomail-icon {
  background-position:-20px;
}

li[rel="empty-node"] > span.infomail-icon {
  background-position:-40px;
}

h1 .indivFieldActions {
  font-size:0.63em;
}

h3 .link-txt {
  font-size: 0.8em;
}

/***********************
  Overlay
***********************/

.overlay, .confirmOverlay, .infoOverlay {
  display:none;
  width:500px;
  max-width:100%;
  background-color: #FFF;
  z-index:3000;

  box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
  border: 0;
  border-radius: 0;
}

.overlay.dhtml-overlay {
  width:500px;
}

.overlay .close,
.infoOverlay .close {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;

  cursor: pointer;
  height: 16px;
  width: 16px;
  position: absolute;
  right: 13px;
  top: 16px;
}

.overlay .close:before,
.infoOverlay .close:before {
  content: "\f00d";
}

.overlay .contentWrap,
.infoOverlay .infoOverlayContent {
  padding: .4rem 1rem;
}

.overlay-title {
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1.25;
}

.overlay-content {
  padding: 1rem 0;
}

.dhtml-overlay .overlay-content ul {
  margin:0;
  padding:0;
  list-style-type: none;
}

/***********************
 Search settings
***********************/
/*#searchSettingsOverlay {
  width:768px;
  max-width:100%;
  max-height: 80%;
}*/

/* jquery autocomplete */
.ac_results {
  padding: 0px;
  border: 0px solid black;
  background-color: #000;
  overflow: hidden;
  z-index: 99999;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0 0 10px 0;
  margin: 0;
}

.ac_results li {
  margin: 0px;
  padding: 2px 7px;
  cursor: default;
  display: block;
  /*
  if width will be 100% horizontal scrollbar will apear
  when scroll mode will be used
  */
  /*width: 100%;*/
  font: menu;
  font-size: 12px;
  /*
  it is very important, if line-height not setted or setted
  in relative units scroll will be broken in firefox
  */
  line-height: 16px;
  overflow: hidden;
  text-align:left;
  color: #eeeeee;
}

.ac_loading {
  background: white url('../images/icons/indicator.gif') right center no-repeat;
}

.ac_odd {
  background-color: #111111;
}

.ac_over {
  background-color: #222222;
  color: white;
}


/***********************
 Tree admin select subjects
***********************/

ul.tree-list ul {
  display:none;
}

ul.tree-list li
{
  list-style:none;
  position:relative;
  top:0;
  left:0;
  padding-left:20px;
  margin-left: 0px;
  text-decoration: none;
  margin-top:3px;
}

ul.tree-list span.tree-icon {
  position:absolute;
  top:0px;
  left:0;
  display:block;
  width:18px;
  height:16px;
  background-image: url('../img/tree-icon.png');
  background-position: -20px 0;
  background-repeat: no-repeat;
  cursor:pointer;
}

ul.tree-list span.tree-icon.opened {
  background-position: -40px 0;
}

ul.tree-list span.node-txt {
  cursor:pointer;
}

ul.tree-list li.last-tree-child {
  padding-left:10px;
}

ul.tree-list li.last-tree-child span.tree-icon {
  background-image: url('../img/list-icon.png');
  background-position: 0 .55em;
  width:8px;
  cursor: auto;
}

ul.tree-list li.last-tree-child span.node-txt {
  cursor: auto;
}

/***********************
 Usermanager
***********************/

ul.usermanager-menu
{
  margin:0;
  margin-bottom:2em;
  margin-left:5px;
}

ul.usermanager-menu li
{
  list-style:none;
}

ul.usermanager-menu ul li {
  list-style:none;
  padding:0;
  color:#79848D;
  text-decoration: none;
  padding-top:6px;
  padding-bottom: 7px;
  background-image: url('../img/modifier-separator.png');
  background-position: center bottom;
  background-repeat: no-repeat;
}

ul.usermanager-menu ul li a {
  display:inline-block;
  color:#79848D;
  text-decoration: none;
  vertical-align: middle;
  background-image: url('../img/list-icon.png');
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 10px;
  margin-left:0px;
  line-height:16px;
}

ul.usermanager-menu ul li.selected a {
  color: var(--as-primary-color);
}

ul.usermanager-menu li a:hover {
  text-decoration: underline;
}

ul.usermanager-menu .left-menu-heading {
  font-family: "Helvetica W01 Bd Cn", Arial, Verdana, 'sans-serif';
  font-size:1.083em;
  color:#79848D;
  line-height:35px;
  text-decoration: none;
  text-transform: uppercase;
  padding:0;
  margin:0;
  background-image: url('../img/modifier-separator.png');
  background-position: center bottom;
  background-repeat: no-repeat;
}

ul.usermanager-menu li.selected .left-menu-heading {
  color: var(--as-primary-color);
}

table.tablesorter {

}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
  border: 1px solid #FFF;
  font-size: 8pt;
  padding: 4px;
}
table.tablesorter thead tr .header {
  background-image: url(../images/bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}
table.tablesorter tbody td {
  color: #3D3D3D;
  padding: 4px;
  background-color: #FFF;
  vertical-align: top;
}

table.tablesorter thead tr .headerSortUp {
  background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
  background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
  background-color: #919da6;
}

select[name="user.addressKey"] {
  max-width:300px;
}

.lt-ie8 select[name="user.addressKey"] {
  width:300px;
}


/***********************
 Favoriten
***********************/

.sort-search-result,
.sort-search-result a
{
}

.sort-search-result a {
  background-image: url('../img/sort-icons.png');
  background-position: 0 2px;
  background-repeat: no-repeat;
  min-height:12px;
  padding-left:10px;
  padding-right:10px;
}

.sort-search-result a.ascending {
  background-position: 0 -18px;
}

.sort-search-result a.descending {
  background-position: 0 -38px;
}

#loader {
  display:block;
  width: 31px;
  height: 31px;
  position:relative;
  left: 50%;
  margin-left: -15px;
  margin-top:20px;
  margin-bottom:20px;
}

.comment-link {
  color:  var(--as-primary-color);
}

.preformatted-default-font {
  font: 12px/16px 'Helvetica W01 Roman', Arial, 'sans-serif';
}

.search-result-item-wrapper .dhtml-popup {
  cursor: auto !important;
}

.popover {
  max-width: 500px !important;
}

.preview-flash {
  display: none;
}

html.flash .preview-flash {
  display:inline-block;
}

html.no-flash .preview-flash {
  display: none;
}

html.flash .preview-no-flash {
  display:none;
}

.tooltip-content .icon-24-eye {
  background-image: none;
  cursor: pointer;
  display: block;
  height: auto;
  line-height: 16px !important;
  margin-left: 0;
  vertical-align: auto;
  width: auto;
}

.tooltip-content .icon-24-eye .link-txt {
  display:inline;
}

.tooltip-content a.icon-24-eye:hover {
  text-decoration: underline;
}


.headline-language {
  display:block;
  padding:5px 0 2px 0;
  margin-left:-4px;
  font-weight:bold;
  font-family:Arial;
  font-size:1.1em;
}

.tooltip-content .headline-language:first-child {
  padding-top:0;
}

.tooltip-inner-content a {
  color: #FFF;
}

.tooltip-inner-content {
  padding: 5px 5px 8px 8px;
  text-align: left;
}

.result-item-navigation .icon-16 {
  vertical-align: middle;
}

.ajax-loader {
  display:inline-block;
  height:31px;
  width:31px;
  background-image: url("../img/ajax-loader.gif");
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.ajax-loader-txt {
  display:inline-block;
  height:31px;
  padding-left:10px;
  vertical-align: middle;
}

.ajax-loader-wrapper {
  line-height: 31px;
  vertical-align: middle;
}

.adresse p {
  margin-bottom:.2em;
}


.address-wrapper {
  padding-top: 1rem;
  border-top: 1px solid #d9dadb;
}

.address-wrapper .adresse p {
  margin-bottom:.1em;
}

.shared-mitarb {
  padding:2px 4px 2px 4px;
}

.mitarb-checked {
  background-color: #25a0db;
  color:#000;
}

.shared-mitarb-selection {
  max-height:230px;
  overflow:auto;
}

.no-hover-state:hover {
  text-decoration: none;
  color: inherit;
}


.long-download-overlay {
  width:350px;
}

.favorites-lists-wrapper ul {
  list-style-type: none;
  margin-left:0;
  margin-right:0;
}

.favorites-lists-wrapper li {
  padding: 2px 0 2px 0;
}

.favorites-lists-wrapper li li {
  padding-left: 1.5em;
}

#favoritesnavigator-tree ul.navigatorTreeItems > li.list-hidden {
  display:none;
}


.dhtml-popup-favorites ul {
  margin-left:1.2em;
}

/*.dhtml-popup table {
  color: white;
}*/

.recommendations {
  overflow: hidden;
  width:100%;
}

.recommendation-item-wrapper {
  float:left;
  width:31.3333333333%;
  margin-right:2%;
  padding-bottom: 500em;
  margin-bottom: -500em;
  overflow: hidden;
}

.recommendation-item {
  padding-bottom: 500em;
  margin-bottom: -500em;
  padding-left:12px;
  border-left: 1px solid #CCC;
}
.recommendation-item .icon-38 {
  margin-left:1em;
}

.recommendation-item-wrapper:first-child .recommendation-item {
  padding-left:0px;
  border-left: 0px solid #CCC;
}

.recommendation-item-wrapper:first-child {
  border-left: 0px solid #CCC;
}

.recommendation-link {
  display:block;
}

.recommendation-link:hover {
  text-decoration: none;
}

.ng-hide {
  display:none!important;
}



/* Bootstrap Button */

.uib-daypicker .btn {
  text-shadow: none;
}

.btn-basket, .btn-pdf {
  position:relative;
  display: inline-block;
  height: 23px;
  line-height: 23px;
  vertical-align: middle;
  text-align: left;
  background-image: url('../img/btn-bg.png');
  color:#FFF;
  text-shadow: 1px 1px 1px #000; /* Versatz links - Versatz oben - Unschärfe (Blur) - Farbe */
  text-align: center;
  vertical-align: middle;
  text-transform:uppercase;
  padding: 0 15px 0 42px;
  border: 0;
}

.btn-basket > input, .btn-pdf > input {
  background: Transparent;
  border: 0;
  color:#FFF;
  text-shadow: 1px 1px 1px #000; /* Versatz links - Versatz oben - Unschärfe (Blur) - Farbe */
  text-align: center;
  vertical-align: middle;
  text-transform:uppercase;
}

.btn-basket:before {
  background-image: url(../img/icon-basket-white-btn.png);
  background-repeat: no-repeat;
  background-position: left center;
  top: 0;
  left: 0;
  position: absolute;
  height: 23px;
  width: 42px;
  content: " ";
}

.btn-pdf:before {
  background-image: url(../img/icon-pdf.svg);
  background-size: 34px 24px;
  background-repeat: no-repeat;
  background-position: left center;
  top: 0;
  left: 0;
  position: absolute;
  height: 23px;
  width: 42px;
  content: " ";
}

/* Icon für  Merkliste wird in der Norm Navigation gerendert, soll aber rechts oben angezeigt werden */
.search-result-wrapper .search-result-item-content {
  position: relative;
}

.search-result-wrapper .search-result-item-content .icon-24-watchlist {
  position: absolute;
  top:0;
  right:0;
}

.search-result-wrapper .search-result-item-content h1.search-result,
.search-result-wrapper .search-result-item-content h3.search-result {
  padding-right:28px;
}


.reset > ul {
  padding-left: 40px;
}

.reset > p {
  margin-top: 12px;
  margin-bottom: 12px;
}


/***********************
 Print styles
***********************/

@media print {
  #header,
  #main-nav,
  .app-menu-wrapper,
  #column-main > .content-header,
  #teaser-footer,
  #wrapper-content-bottom,
  #footer,
  .dataTables_wrapper .top {
    display: none;
  }

  #cookie-warning {
    display: none !important;
  }

  /* Link URLs nicht drucken */
  a[href]:after {
    content: none !important;
  }

  .scrolling-container {
    height: auto !important;
  }
}

/* will be included in brainformance code - end */


/* Print styles */
@media print {
  body, .labels, .labels a, button, input, select, textarea, .tooltip-inner {
    font-family: Arial, sans-serif;
  }
  strong, b, h1,h2,h3,h4,h5, .headline-klein, .menu-01-active, .navigator h1, .menu-bar-group h1, div.content-header .float-left,
  div.content-header .float-right, h1.page-headline, .bold, .content-body-headline h1,
  h1.content-body-headline, .table th,
  .table .table-header td, input.add-to-basket, .form-label,
  .form-table .form-label, .search-result-item-txt h1, .search-result-item-txt h3,
  h1.search-result, h3.search-result, .search-result-item-txt h2,
  h2.search-result, .header-headline,
  .headline-product-details,
  .on-link,
  .result-item-price,
  .themencenter-metadata, .pagination-pages span.page-selected, .app-menu-wrapper ul.app-menu > li > a, .td-lieart-price,
  ul.usermanager-menu .left-menu-heading, ul#navi_level1  {
    font-family: Arial, sans-serif;
    font-weight: bold
  }
  #main-nav, #teaser-footer, #wrapper-content-bottom, .footer-nav, #column-left {
    display:none
  }
  #column-main {
    float: none;
    display: block;
    width: auto
  }
  #wrapper-content {
    background-image: none;
    background-color: white
  }
}


#creditcard-selected {
  height: 400px;
}

/* Wirecard IiFrame hat den Breakpoint auf 800px gesetzt */
@media (min-width: 800px) {
  #creditcard-selected {
    height: 200px;
  }
}


/* RT-698 Ansicht NEP am Mobile - extend .container to full width for screens up to 1024px */
@media (max-width: 1024px) {
  .container {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Fix main margin-top from styleguide 2019 */
@media (max-width: 991.98px) {
    main {
        margin-top: 0 !important;
    }
}

@media (max-width: 580px) {
  body {
    overflow-wrap: break-word;
  }
}