* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  background: white;
  color: #585858;
  font-size: 16px;
  line-height: 1.3em; }

.wrapper {
  padding: 0 10px 10px;
  max-width: 980px;
  margin: auto; }
  .wrapper:after {
    content: "";
    display: table;
    clear: both; }

@media screen and (min-width: 1025px) {
  .header-wrapper {
    max-width: 960px;
    margin: auto; } }
h1, h2, h3, h4, h5, h6, nav {
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  color: black;
  font-weight: normal; }

.section-title {
  font-size: 1.6em;
  margin-bottom: 20px;
  line-height: 1.2em; }

a {
  color: #525e80; }
  a:hover {
    color: #9aa2b7; }

img {
  max-width: 100%; }
  img.align-left {
    float: left;
    margin: 20px 20px 20px 0; }
  img.align-right {
    float: right;
    margin: 20px 0 20px 20px; }
  img.align-center {
    float: none;
    display: block;
    margin: 20px auto 20px; }

label.checkbox {
  width: auto; }

#main-header:after {
  content: "";
  display: table;
  clear: both; }
@media screen and (min-width: 768px) {
  #main-header {
    padding-bottom: 68px; } }
@media screen and (min-width: 1025px) {
  #main-header {
    padding-bottom: 58px; } }


/*******************************************/
#main-nav {
  width: 100%;
  text-align: center;
  padding: 20px 0;
  background: #525e80;
  color: white;
  position: relative; }
  @media screen and (min-width: 768px) {
    #main-nav {
      padding: 0;
      position: absolute;
      top: 150px; } }
  @media screen and (min-width: 1025px) {
    #main-nav {
      width: 960px; } }
  #main-nav .wrapper {
    padding: 0; }
  #main-nav ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  #main-nav #main-nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none; }
    #main-nav #main-nav-list:after {
      content: "";
      display: table;
      clear: both; }
    @media screen and (min-width: 768px) {
      #main-nav #main-nav-list {
        display: block; } }
    @media screen and (min-width: 1025px) {
      #main-nav #main-nav-list {
        padding: 0 15px; } }
    #main-nav #main-nav-list.opened {
      display: block; }
    #main-nav #main-nav-list li {
      padding: 10px 0;
      margin-bottom: 5px;
      background: url(../images/menu_line.gif) no-repeat center bottom;
      background-image: url(../images/menu_line.gif); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        #main-nav #main-nav-list li {
          background-image: url(../images/menu_line_2x.gif);
          background-size: 20px 1px; } }
      #main-nav #main-nav-list li:last-child {
        background: none; }
        @media screen and (min-width: 1025px) {
          #main-nav #main-nav-list li:last-child {
            float: right; } }
      @media screen and (min-width: 768px) {
        #main-nav #main-nav-list li {
          background: none;
          float: left;
          padding: 5px 10px;
          margin: 0; }
          #main-nav #main-nav-list li:hover ul {
            display: block; } }
      #main-nav #main-nav-list li a {
        color: white;
        text-decoration: none;
        margin-bottom: 5px;
        display: block; }
        #main-nav #main-nav-list li a:hover {
          text-decoration: underline; }
        @media screen and (min-width: 768px) {
          #main-nav #main-nav-list li a {
            padding: 12px 0;
            margin: 0; } }
    @media screen and (min-width: 768px) {
      #main-nav #main-nav-list ul {
        display: none;
        position: absolute;
        z-index: 888;
        background: #a9b0c2;
        text-align: left;
        padding: 10px 20px; } }
    #main-nav #main-nav-list ul li {
      background: none;
      margin: 0; }
      @media screen and (min-width: 768px) {
        #main-nav #main-nav-list ul li {
          display: inline;
          float: none;
          height: auto;
          padding: 0; }
          #main-nav #main-nav-list ul li:last-child {
            float: none; } }
    #main-nav #main-nav-list ul a {
      color: #a9b0c2;
      margin: 0; }
      @media screen and (min-width: 768px) {
        #main-nav #main-nav-list ul a {
          color: white;
          padding: 5px 0; } }
  #main-nav #search {
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    width: 80%;
    background-image: url(../images/loupe.jpg);
    background-color: #525e80;
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    color: white;
    border: 1px solid #a5aec6;
    padding: 10px 36px 10px 10px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      #main-nav #search {
        background-image: url(../images/loupe_2x.jpg);
        background-size: 16px 16px; } }
    #main-nav #search::-webkit-input-placeholder {
      color: #a9b0c2; }
    #main-nav #search:-moz-placeholder {
      color: #a9b0c2; }
    #main-nav #search::-moz-placeholder {
      color: #a9b0c2; }
    #main-nav #search:-ms-input-placeholder {
      color: #a9b0c2; }
    @media screen and (min-width: 768px) {
      #main-nav #search {
        margin: 0;
        position: absolute;
        right: 10px;
        top: 6px;
        width: 250px; } }
    @media screen and (min-width: 1025px) {
      #main-nav #search {
        right: 6px; } }

.menu-switch {
  text-transform: uppercase;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  color: #a9b0c2;
  text-decoration: none;
  display: block; }
  @media screen and (min-width: 768px) {
    .menu-switch {
      display: none; } }
/******************************************/



#search-teaser-input {
  background-image: url(../images/loupe-blue.jpg);
  background-repeat: no-repeat;
  background-color: white;
  background-position: calc(100% - 10px) center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    #search-teaser-input {
      background-image: url(../images/loupe-blue_2x.jpg);
      background-size: 16px 16px; } }

/*
.menu-switch {
  text-transform: uppercase;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  color: #a9b0c2;
  text-decoration: none;
  display: block; }
*/

#language-nav {
  text-transform: uppercase;
  color: #bfbfbf;
  font-style: italic; }
  #language-nav:after {
    content: "";
    display: table;
    clear: both; }
  #language-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding: 20px 0;
    margin: auto;
    display: table; }
    @media screen and (min-width: 768px) {
      #language-nav ul {
        padding: 0;
        float: right;
        margin-top: 20px;
        margin-right: 20px; } }
    @media screen and (min-width: 1025px) {
      #language-nav ul {
        margin-right: 0; } }
    #language-nav ul li {
      display: inline-table;
      margin: 0 5px;
      padding-right: 10px;
      border-right: 1px solid #e6e6e6; }
      #language-nav ul li:last-child {
        border: none;
        padding: 0; }

#logo:after {
  content: "";
  display: table;
  clear: both; }
#logo a {
  display: block;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
  width: 163px;
  height: 52px;
  margin: 15px auto;
  background: url(../images/logo_mobile.jpg) no-repeat 0 0;
  background-image: url(../images/logo_mobile.jpg); }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    #logo a {
      background-image: url(../images/logo_mobile_2x.jpg);
      background-size: 163px 52px; } }
  @media screen and (min-width: 768px) {
    #logo a {
      background: url(../images/logo.jpg) no-repeat 0 0;
      background-image: url(../images/logo.jpg);
      width: 241px;
      height: 76px;
      margin: 10px auto 20px; } }
    @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 768px) and (min-resolution: 125dpi), only screen and (min-width: 768px) and (min-resolution: 1.3dppx) {
      #logo a {
        background-image: url(../images/logo_2x.jpg);
        background-size: 241px 76px; } }

#content .content-area:after {
  content: "";
  display: table;
  clear: both; }
#content section {
  padding: 20px 0;
  background: url(../images/menu_line.gif) no-repeat center top; }
  @media screen and (min-width: 768px) {
    #content section {
      background: none;
      padding: 0; } }
@media screen and (min-width: 768px) {
  #content .content-area {
    margin-top: 40px; } }
@media screen and (min-width: 1025px) {
  #content {
    float: left;
    width: 60%; } }
#content ul {
  list-style: circle;
  padding-left: 18px; }

.button {
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 10px 0;
  margin: 10px 0;
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  font-style: italic; }
  .button.blue {
    border: none;
    background: #525e80;
    color: white; }
    .button.blue:hover {
      background: #8b94ad; }
  .button.white {
    background: none;
    color: #525e80;
    border: 1px solid #a9b0c2; }
    .button.white:hover {
      border-color: #525e80; }

.icon {
  display: inline-table;
  background: url(../images/icons.png) no-repeat 2px 3px;
  background-image: url(../images/icons.png);
  width: 20px;
  height: 20px;
  margin: 0 5px 0 0;
  position: relative;
  top: 3px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon {
      background-image: url(../images/icons_2x.png);
      background-size: 16px 233px; } }
  .icon.add {
    background-position: 3px -23px; }
  .icon.catalogue {
    background-position: 2px -47px; }
  .icon.order {
    background-position: 3px -70px; }
  .icon.mail {
    background-position: 3px -93px; }
  .icon.calendar {
    background-position: 3px -116px; }
  .icon.arrowdown {
    background: url(../images/arrow.png) no-repeat 0 -21px;
    background-image: url(../images/arrow.png); }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      .icon.arrowdown {
        background-image: url(../images/arrow_2x.png);
        background-size: 16px 64px; } }
  .icon.arrowup {
    background: url(../images/arrow.png) no-repeat 0 6px;
    background-image: url(../images/arrow.png); }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      .icon.arrowup {
        background-image: url(../images/arrow_2x.png);
        background-size: 16px 64px; } }
  .icon.arrowleft {
    background-position: 3px -139px; }
  .icon.bid {
    background-position: 3px -188px; }
  .icon.logout {
    background-position: 3px -214px; }
  .icon.profile {
    background-position: 3px -163px; }

.ui-accordion .icon {
  float: right;
  background: url(../images/arrow.png) no-repeat 0 -52px;
  background-image: url(../images/arrow.png); }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .ui-accordion .icon {
      background-image: url(../images/arrow_2x.png);
      background-size: 16px 64px; } }
.ui-accordion .ui-accordion-header-active .icon {
  float: right;
  background: url(../images/arrow.png) no-repeat 0 3px;
  background-image: url(../images/arrow.png); }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .ui-accordion .ui-accordion-header-active .icon {
      background-image: url(../images/arrow_2x.png);
      background-size: 16px 64px; } }

input, textarea {
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  width: 100%;
  background: white;
  color: black;
  border: 1px solid #a5aec6;
  padding: 10px 10px;
  margin-bottom: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border-radius: 0; }
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #a9b0c2; }
  input:-moz-placeholder, textarea:-moz-placeholder {
    color: #a9b0c2; }
  input::-moz-placeholder, textarea::-moz-placeholder {
    color: #a9b0c2; }
  input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #a9b0c2; }

label {
  color: #525e80;
  font-size: 0.8em;
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
  float: left;
  width: 100%; }

form:after {
  content: "";
  display: table;
  clear: both; }
form .button {
  float: left; }

.form-element {
  position: relative;
  float: left;
  width: 100%; }
  .form-element .indicator {
    position: absolute;
    border-left: 1px solid #e4e6ed;
    width: 32px;
    height: 20px;
    right: 2px;
    top: 35px; }
    .form-element .indicator.dropdown {
      background: url(../images/select.jpg) no-repeat center center;
      background-image: url(../images/select.jpg); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        .form-element .indicator.dropdown {
          background-image: url(../images/select_2x.jpg);
          background-size: 9px 7px; } }
    .form-element .indicator.required {
      background: url(../images/required.jpg) no-repeat center center;
      background-image: url(../images/required.jpg); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        .form-element .indicator.required {
          background-image: url(../images/required_2x.jpg);
          background-size: 14px 14px; } }

@media screen and (min-width: 768px) {
  #form-kontakt-vorname, #form-kontakt-email, #form-kontakt-plz, #form-kontakt-password-neu, #form-kontakt-auktionshaus1-fon, #form-kontakt-auktionshaus2-fon, #form-kontakt-bic, #form-kontakt-kartendatum, #form-kontakt-fon2, #form-kontakt-land2 {
    width: 48%;
    float: left; }

  #form-kontakt-nachname, #form-kontakt-telefon, #form-kontakt-ort, #form-kontakt-password-neu-erneut, #form-kontakt-auktionshaus1-kdnr, #form-kontakt-auktionshaus2-kdnr, #form-kontakt-iban, #form-kontakt-kartencode, #form-kontakt-fax, #form-kontakt-email2 {
    width: 48%;
    float: right; } }
.google-map {
  margin-bottom: 40px;
  display: none; }
  @media screen and (min-width: 768px) {
    .google-map {
      display: block; } }

#google-map-route {
  margin-bottom: 40px; }
  @media screen and (min-width: 768px) {
    #google-map-route {
      display: none; } }

#main-slider ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  #main-slider ul:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 768px) {
    #main-slider ul {
      background: #f4f4f7; }
      #main-slider ul li {
        background: #f4f4f7; } }
  #main-slider ul .slide-image img {
    width: 100%;
    height: auto;
    max-width: 590px;
    display: block;
    margin: auto; }
  @media screen and (min-width: 768px) {
    #main-slider ul .slide-image {
      float: left;
      width: 60%; } }
  #main-slider ul .slide-info {
    margin-top: 10px; }
    @media screen and (min-width: 768px) {
      #main-slider ul .slide-info {
        float: right;
        width: 40%;
        padding: 20px; } }
    #main-slider ul .slide-info .slide-category {
      /*color: #bebebe;*/
      font-weight: normal;
      /*font-style: italic;*/
      font-size: 1em;
      border-bottom: 1px solid #e6e7eb;
      padding-bottom: 5px;
      margin-bottom: 10px; }
      
#main-slider ul .slide-headline {
  /*font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;*/
  font-size: 1.2em;
  text-align: left;
  font-weight: bold;
  line-height: 120%;
  font-style: normal;
  margin-bottom: 20px; }      
      
    #main-slider ul .slide-info .slide-artist {
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-size: 1em;
      /*color: #8b8b8b; */
    }
    #main-slider ul .slide-info .slide-title {
      /*font-style: italic;*/
      font-size: 1.3em;
      font-weight: normal;
      color: #585858;
      margin: 5px 0 10px; }
    #main-slider ul .slide-info .slide-price {
      font-family: Georgia, Cambria, "Times New Roman", Times, serif;
      font-size: 1.3em;
      margin: 10px 0; }
      #main-slider ul .slide-info .slide-price .slide-price-info {
        font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        font-size: 0.6em;
        text-transform: uppercase;
        /*color: #bebebe;*/ 
      }

#main-categories:after {
  content: "";
  display: table;
  clear: both; }

#category-list {
  list-style: none;
  margin: 0;
  padding: 0;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important; }
  #category-list:after {
    content: "";
    display: table;
    clear: both; }
  #category-list li {
    border-bottom: 1px solid #bebebe; }
    #category-list li:last-child {
      border: none; }
    #category-list li a {
      display: block;
      width: 100%;
      padding: 10px 10px 10px 0;
      background: url(../images/arrowright.png) no-repeat right center;
      background-image: url(../images/arrowright.png); }
            
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        #category-list li a {
          background-image: url(../images/arrowright_2x.png);
          background-size: 9px 14px; } }
    
    @media screen and (min-width: 768px) {
      #category-list li {
        width: 46%;
        float: left; }
        #category-list li:nth-child(2n+2) {
          float: right; } }

          
 
 
          
#main-exponate .exponate-list, #merkliste .exponate-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  #main-exponate .exponate-list:after, #merkliste .exponate-list:after {
    content: "";
    display: table;
    clear: both; }
  #main-exponate .exponate-list li, #merkliste .exponate-list li {
    display: block;
    margin-bottom: 20px; }
    #main-exponate .exponate-list li:last-child, #merkliste .exponate-list li:last-child {
      margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      #main-exponate .exponate-list li, #merkliste .exponate-list li {
        float: left;
        width: 47.5%; }
        #main-exponate .exponate-list li:nth-child(2n+2), #merkliste .exponate-list li:nth-child(2n+2) {
          float: right; } }
#main-exponate .exponate-image img, #merkliste .exponate-image img {
  width: 100%;
  height: auto;
  max-width: 320px;
  margin: auto;
  display: block; }

.exponate-artist {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1em;
  /*color: #8b8b8b; */
  color: #000; 
}

.exponate-lotnr {
  font-size: 1em;
  color: black;
  margin: 10px 0 5px; }

.exponate-title {
  /*font-style: italic;*/
  font-size: 1.3em;
  line-height: 1.2em;
  font-weight: normal;
  color: #585858;
  margin: 5px 0 10px; }

#exponate-more {
  margin-top: 20px;
  display: block; }

.exponate-links {
  float: left;
  width: 100%; }
  .exponate-links:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 768px) {
    .exponate-links a {
      width: 48%;
      float: left; }
      .exponate-links a:last-of-type {
        float: right; } }

.gallery {
  width: 100%;
  margin-top: 20px;
  background: #f1f1f1;
  padding: 10px; }
  .gallery:after {
    content: "";
    display: table;
    clear: both; }
  .gallery ul {
    float: left;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important; }
    .gallery ul:after {
      content: "";
      display: table;
      clear: both; }
    .gallery ul li {
      float: left;
      margin-right: 10px;
      background: black;
      -webkit-transition: opacity 0.3s linear;
      -moz-transition: opacity 0.3s linear;
      transition: opacity 0.3s linear; }
      .gallery ul li img {
        display: block; }
      .gallery ul li:hover {
        opacity: 0.6;
        -webkit-transition: opacity 0.3s linear;
        -moz-transition: opacity 0.3s linear;
        transition: opacity 0.3s linear; }

.login-form {
  margin: 15px 0 10px; }
  @media screen and (min-width: 768px) {
    .login-form .divider-text {
      background: white !important; } }
  @media screen and (min-width: 768px) {
    .login-form #login-form-name {
      float: left;
      width: 49%; }
    .login-form #login-form-password {
      float: right;
      width: 49%; } }

#order-image {
  float: left;
  margin-right: 25px;
  margin-bottom: 10px; }

#sidebar {
  margin-top: 20px; }
  @media screen and (min-width: 1025px) {
    #sidebar {
      margin-top: 40px; } }
  #sidebar section {
    padding: 20px 0;
    background: url(../images/menu_line.gif) no-repeat center top; }
    @media screen and (min-width: 1025px) {
      #sidebar section {
        background: none; } }
  @media screen and (min-width: 1025px) {
    #sidebar {
      float: right;
      width: 30%; } }

.teaser:after {
  content: "";
  display: table;
  clear: both; }
.teaser .teaser-title {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.2em;
  text-align: center;
  font-weight: bold;
  font-style: normal;
  margin-bottom: 10px; }
  @media screen and (min-width: 1025px) {
    .teaser .teaser-title {
      text-align: left; } }
.teaser .teaser-subtitle {
  font-size: 1em; }
.teaser .teaser-content:after {
  content: "";
  display: table;
  clear: both; }
@media screen and (min-width: 768px) {
  .teaser {
    width: 49.5%;
    float: left;
    background: #f4f4f7 !important;
    padding: 20px !important;
    margin-bottom: 25px; }
    .teaser:nth-child(2n+2) {
      float: right; } }
@media screen and (min-width: 1025px) {
  .teaser {
    width: 100%;
    margin-bottom: 40px !important; } }

.divider {
  display: block;
  width: 100%;
  height: 0;
  margin: 15px 0;
  border-bottom: 1px solid #d7d7d7;
  position: relative; }
  .divider .divider-text {
    background: white;
    position: absolute;
    left: 50%;
    top: -7px;
    width: 50px;
    margin-left: -25px;
    text-align: center;
    color: #a9b0c2;
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 0.8em; }
    @media screen and (min-width: 768px) {
      .divider .divider-text {
        background: #f4f4f7; } }

#profile-teaser .profile-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  #profile-teaser .profile-list li {
    position: relative; }
#profile-teaser .indicator {
  background: #b8bdcd;
  color: white;
  font-weight: bold;
  font-size: 0.8em;
  text-align: center;
  position: absolute;
  padding: 3px 10px;
  right: 0;
  top: -1px;
  border-radius: 15px; }
#profile-teaser .button {
  margin-bottom: 0;
  margin-top: 20px; }

#forgotpassword-link, #forgotpassword-form-link {
  display: block;
  text-align: center;
  width: 100%;
  color: #a9b0c2;
  font-style: normal;
  font-size: 0.8em; }

#search-teaser .selecter {
  background: white; }
#search-teaser .form-element {
  position: relative; }
#search-teaser .indicator {
  top: 12px;
  z-index: 2; }

.selecter {
  float: left;
  width: 100%; }
  .selecter .selecter-selected {
    float: left;
    width: 100%; }

#category-teaser ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  #category-teaser ul .selected {
    text-decoration: none;
    font-weight: bold; }

#dates-teaser ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  #dates-teaser ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #bebebe; }
    #dates-teaser ul li:last-child {
      margin: 0;
      padding: 0;
      border: none; }

#catalogue-teaser {
  display: none; }
  @media screen and (min-width: 768px) {
    #catalogue-teaser {
      display: block; } }
  #catalogue-teaser .catalogue-image {
    float: left;
    margin-right: 20px; }
  #catalogue-teaser ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    min-height: 80px; }
    #catalogue-teaser ul li {
      margin-bottom: 10px; }
  #catalogue-teaser .button {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0; }

#newsletter-teaser {
  display: none; }
  @media screen and (min-width: 768px) {
    #newsletter-teaser {
      display: block; } }

#impressionen-grid {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important; }
  #impressionen-grid li {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px; }
  #impressionen-grid img {
    max-height: 100px;
    width: auto; }

.detail-image {
  float: left;
  margin-right: 25px;
  margin-bottom: 25px; }

#main-footer {
  background: #585858;
  color: white;
  padding: 10px;
  margin: 20px 0 0; }
  #main-footer:after {
    content: "";
    display: table;
    clear: both; }
  #main-footer #footer-address {
    display: none; }
    @media screen and (min-width: 768px) {
      #main-footer #footer-address {
        display: block;
        margin-bottom: 10px; } }
    @media screen and (min-width: 1025px) {
      #main-footer #footer-address {
        float: left;
        margin: 10px 0 0 15px; } }
  #main-footer nav {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal; }
    #main-footer nav ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      #main-footer nav ul:after {
        content: "";
        display: table;
        clear: both; }
      @media screen and (min-width: 768px) {
        #main-footer nav ul {
          float: right; } }
      #main-footer nav ul li {
        display: block;
        float: left;
        width: 35%;
        margin: 0 5%; }
        @media screen and (min-width: 768px) {
          #main-footer nav ul li {
            width: auto;
            margin: 0 5px; } }
        #main-footer nav ul li:first-child {
          width: 30%;
          margin: 0; }
          @media screen and (min-width: 768px) {
            #main-footer nav ul li:first-child {
              width: auto; } }
        #main-footer nav ul li:last-child {
          width: 25%;
          margin: 0; }
          @media screen and (min-width: 768px) {
            #main-footer nav ul li:last-child {
              width: auto; } }
        #main-footer nav ul li a {
          color: white;
          text-align: center;
          text-decoration: none;
          display: block;
          padding: 10px;
          border: 1px solid #d7d7d7; }
          #main-footer nav ul li a:hover {
            background: #d7d7d7;
            color: #585858; }
  @media screen and (min-width: 768px) {
    #main-footer {
      float: left;
      width: 100%; } }

#merkliste label.checkbox {
  width: auto; }
@media screen and (min-width: 768px) {
  #merkliste .exponate-image {
    float: left;
    width: 48%; } }
#merkliste .exponate-list li {
  display: block; }
  @media screen and (min-width: 768px) {
    #merkliste .exponate-list li {
      width: 100%; }
      #merkliste .exponate-list li:after {
        content: "";
        display: table;
        clear: both; }
      #merkliste .exponate-list li .exponate-info {
        float: right;
        width: 48%; } }

.exponate-category {
  /*color: #bebebe; */
  font-weight: normal;
  /*font-style: italic;*/
  font-size: 1em;
  border-bottom: 1px solid #e6e7eb;
  padding-bottom: 5px;
  margin-bottom: 10px; }

.exponate-delete {
  border-bottom: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
  padding: 20px 0;
  margin: 20px 0; }

.exponate-price {
  text-align: center;
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 1.3em;
  margin: 10px 0; }
  .exponate-price .exponate-price-info {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 0.6em;
    /*text-transform: uppercase;*/
    /*color: #bebebe; */
  }

.label-extention {
  font-size: 0.8em;
  margin-top: -10px;
  margin-left: 20px;
  margin-bottom: 20px;
  display: block; }

.aufgeld {
  margin: 10px 0 15px;
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  font-style: italic; }

.bieten-submit-extention {
  font-size: 0.8em;
  margin-top: -5px;
  display: block;
  color: #b1b1b1; }

#form-schaetzanfrage {
  margin-bottom: 40px; }

#einlieferungshinweise h2 {
  background: #525e80;
  font-size: 1.2em;
  color: white;
  padding: 10px;
  cursor: pointer; }
  #einlieferungshinweise h2.ui-state-active {
    background: #f4f4f7;
    color: #525e80;
    cursor: default; }
#einlieferungshinweise div {
  padding: 10px; }

.archive-year:after {
  content: "";
  display: table;
  clear: both; }
.archive-year .archive-title {
  text-align: center;
  margin-bottom: 25px;
  margin-top: 5px;
  color: #929292 !important; }
.archive-year .archive-catalogue {
  margin-bottom: 25px; }
  @media screen and (min-width: 768px) {
    .archive-year .archive-catalogue {
      float: left;
      width: 31%;
      margin-right: 15px;
      min-height: 369px; } }
  @media screen and (min-width: 1025px) {
    .archive-year .archive-catalogue {
      width: 177px;
      min-height: 361px;
      margin-right: 15px; } }
  .archive-year .archive-catalogue .catalogue-image img {
    display: block;
    margin: auto;
    width: 100%;
    height: auto;
    max-width: 200px; }
  .archive-year .archive-catalogue h1 {
    font-size: 1em;
    text-align: center;
    margin: 10px 0 5px; }
  .archive-year .archive-catalogue a {
    width: 100%;
    text-align: center;
    display: block; }

@media screen and (min-width: 768px) {
  .bx-viewport {
    background: #f4f4f7; } }

.bx-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0;
  *zoom: 1; }

.bx-wrapper img {
  max-width: 100%;
  display: block; }

.bx-controls {
  position: absolute;
  top: 20px;
  width: 100%;
  z-index: 999; }
  @media screen and (min-width: 768px) {
    .bx-controls {
      position: relative;
      top: auto;
      background: #d6d9e2; }
      .bx-controls:after {
        content: "";
        display: table;
        clear: both; } }

.bx-controls-direction {
  width: 80px;
  margin: auto; }
  @media screen and (min-width: 768px) {
    .bx-controls-direction {
      float: right;
      margin-right: 10px; } }
  .bx-controls-direction a {
    display: inline-table;
    width: 40px;
    height: 40px;
    color: transparent;
    font: 0/0 a;
    text-shadow: none;
    background: url(../images/slider_nav_mobile.png) no-repeat -5px -5px;
    background-image: url(../images/slider_nav_mobile.png); }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      .bx-controls-direction a {
        background-image: url(../images/slider_nav_mobile_2x.png);
        background-size: 100px 50px; } }
    .bx-controls-direction a.bx-next {
      background-position: -55px -5px; }

.bx-pager {
  display: none; }
  @media screen and (min-width: 1025px) {
    .bx-pager {
      display: block;
      position: absolute;
      top: 10px;
      left: 15px; }
      .bx-pager:after {
        content: "";
        display: table;
        clear: both; }
      .bx-pager .bx-pager-item {
        float: left;
        margin-right: 15px; }
        .bx-pager .bx-pager-item a {
          font-family: Georgia, Cambria, "Times New Roman", Times, serif;
          font-style: italic; }
        .bx-pager .bx-pager-item .active {
          text-decoration: none;
          font-weight: bold; } }

#pager {
  float: left;
  width: 100%;
  margin-top: 25px; }
  #pager:after {
    content: "";
    display: table;
    clear: both; }
  #pager .pagenumber, #pager .pagebtn {
    float: left;
    margin-right: 10px;
    font-weight: bold; }
    #pager .pagenumber a, #pager .pagebtn a {
      font-weight: normal; }

#top-ranking .category-list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative; }
  #top-ranking .category-list:after {
    content: "";
    display: table;
    clear: both; }
  #top-ranking .category-list img {
    display: block;
    width: 100%;
    height: auto; }
  #top-ranking .category-list li {
    width: 100%;
    margin-bottom: 25px;
    position: relative; }
    @media screen and (min-width: 768px) {
      #top-ranking .category-list li {
        width: 48.5%;
        float: left; }
        #top-ranking .category-list li:nth-child(2n+2) {
          float: right; } }
#top-ranking .category-title {
  font-style: italic;
  font-size: 1em;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #525e80;
  color: white;
  padding: 10px;
  max-width: 100%; }
  
.category-image {
float:left;
width:68px;
margin-right:10px;
border: 1px #ccc solid;      
}    
.category-image-trans {
float:left;
width:68px;
height:34px;
margin-right:10px;
border: 1px #ccc solid;      
} 

/*
#pageflip_link {
    display: initial;
}

@media screen and (min-width: 1040px) {

    #pageflip_link {
        display: none;
    }
}


#pageflip_neu {
    display: none;
}

@media screen and (min-width: 1040px) {

    #pageflip_neu {
        display: initial;
    }
}
*/