/* ::: Responsive ::: */

@media only screen and (max-width : 1380px) {
}

/* ------------------------------------------------------------------ */

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

  #totop {
    right: 5px;
  }

  nav#onepager ul li a {
    margin-left: -17px;
  }

  nav#specialcontactnavi ul li {
    width: 217px;
    padding-right: 0;
    border-radius: 14px 0 0 14px;
  }

  section#news div.center #newsbig {
    display: none;
  }
}

/* ------------------------------------------------------------------ */

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

  section#news div.center > img {
    display: none;
  }
}

/* ------------------------------------------------------------------ */

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

  section#zeitstrahl .owl-buttons .owl-prev {
    left: -35px;
  }
}

/* ------------------------------------------------------------------ */

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

  article.subhomepage .block {
    margin-left: 1%;
  }

  #bidding .item-wrapper .item .short {
    float: none;
    width: auto;
    height: auto;
    margin-bottom: 20px;
  }

  #bidding .item-wrapper .item .biddings + .clear {
    clear: none;
  }

  .auction .header {
    font-size: 18px;
    line-height: 20px;
  }



    .auction .header .history {
      float: right;
    }

  .auction .current-item,
  .auction .current-bid,
  .auction .history {
    width: 33%;
  }

  div.fastaccess {
    width: 29%;
    padding: 0 2%;
  }

    div.fastaccess div {
      font-size: 20px;
    }

  section#zeitstrahl .owl-buttons {
    margin-left: 50px;
    margin-right: 50px;
  }

  section#contact {
    height: auto;
  }

  article.maincontact,
  section#specialcontact {
    float: left;
    width: 33%;
  }

  article.maincontact {
    border-right: 1px solid #bdb9a5;
    margin-right: -1px;
    padding-right: 20px;
    padding-bottom: 0;
  }

    article.maincontact .plaintext p:last-child {
      margin: 0;
    }

  section#specialcontact .block {
    padding-top: 0;
    padding-left: 20px;
    border-top: 0;
    border-left: 1px solid #bdb9a5;
  }

  img.specialcontact {
    position: static;
  }

  .item-wrapper {
    padding-right: 0;
    width: auto;
    border-right: 0;
  }

  .auction .header .history img {
    margin-top: 2px;
  }
}


/* ------------------------------------------------------------------ */

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

  section#zeitstrahl .owl-pagination {
    width: 100%;
  }

  .toplos-marker {
    top: auto;
    bottom: 40px;
    left: 16px;
  }
}

/* ------------------------------------------------------------------ */

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

  .scroller {
    max-height: 100vh;
    overflow-y: auto;
  }

  header#header .inner {
    margin: 0 20px;
  }

  #logo-wrapper {
    clear: both;
    float: none;
  }

  main#main .auctions > .auctions {
    padding: 0;
  }

  #mobile-layer-icon {
    display: block;
    z-index: 1000;
  }
  /*nav#metanavi-top ul li,*/
  #tools,
  /*#language,
    nav#metanavi-top ul li.login > div > a,*/
  nav#navi,
  nav#metanavi-bottom,
  .onepager {
    display: none;
  }

  nav#metanavi-top ul li.login {
    display: block;
  }

  #login {
    right: auto;
    left: 40px !important;
  }

  .sticky main#main {
    padding-top: 0;
  }

  main#main {
    padding-bottom: 0;
  }

  /*div#topbar {
    height:21px;
  }*/

  #logo a#small {
    top: 3px;
  }

  aside#teaser {
    float: none;
    margin: 20px 0 0 0;
    padding: 20px 20px 0;
    width: auto;
    border: 1px dotted #bdaa78;
  }

  #teaser-inner {
    margin: 0 auto;
    width: auto;
    max-width: 400px;
  }

  nav#fastaccess {
    height: auto;
  }

  div.fastaccess div {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
  }

  div.fastaccess img {
    float: none;
    display: block;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }

  section.stage .block {
    width: 70%;
  }

  article.subhomepage .block {
    margin-left: 0;
  }

  section#content {
    float: none;
    width: auto;
  }

  section#toptopics article {
    position: relative;
  }

  section#toptopics .left {
    width: 50%;
    margin-left: 0;
  }

    section#toptopics .left h1 {
      position: absolute;
      top: 10px;
      left: 0;
    }

  section#toptopics .right {
    padding-top: 125px;
  }

  .imgcenter img {
    max-width: 100%;
  }

  iframe {
    max-width: 100%;
  }

  .item-wrapper .item .inner-position {
    width: auto;
  }

  #filter {
    position: fixed;
    right: -255px;
    z-index: 110;
  }

    #filter.navi-is-open {
      z-index: 1;
    }

  #auction #filter {
    top: 4px;
  }

  .filter-icon-box {
    display: block;
  }

  #auction .item .inner-position {
    width: auto;
  }

  section#toptopics .sectionpin {
    display: none;
  }

  main#main {
    margin: 20px 20px 0;
  }

  article.specialcontact img {
    width: 64%;
  }

  .print {
    top: -12px;
    right: -12px;
  }

  fieldset {
    width: auto;
  }

  .form label {
    width: auto;
  }

  .form input.text,
  .form textarea.text,
  .form select.text {
    width: 100%;
  }

    .form input.text.withsuffix,
    .form textarea.text.withsuffix,
    .form select.text.withsuffix {
      width: 90%;
    }

  .form .limitform input.text.withsuffix {
    width: 100%;
  }

  div.radioButtonListWrapper,
  div.strassenummer,
  div.plzort,
  div.captcha div {
    width: auto;
  }

  .form div.radioButtonListWrapper {
    clear: both;
  }

  #bidding {
    width: auto;
    border-right: none;
  }

  .sort .inner div.printpdf,
  div.printpdf {
    right: 20px;
    top: -16px;
  }

  .loader {
    width: auto;
  }

  #mobile-navi .link.right a {
    padding: 0;
    line-height: 20px;
  }

  .bubble-left {
    right: 232px;
  }

  footer#footer {
    position: static;
    box-shadow: none;
  }

  #audioplayer iframe {
    max-width: 100%;
    width: auto !important;
  }

  auction-top h1 {
    max-width: 100%;
    min-width: 250px;
    float: none;
  }

  .auction-top h2 {
    float: left;
    margin: 0;
  }
}

/* ------------------------------------------------------------------ */

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

  section#toptopics,
  section#hpteaser,
  section#toplos,
  section#news,
  section#contact {
    height: auto;
  }

    section#toptopics article {
      height: auto;
    }

  section#hpteaser {
    padding-bottom: 74px;
  }

  article.hpteaser h1,
  article.hpteaser .text,
  article.hpteaser .showhidemore {
    font-size: 18px;
    line-height: 22px;
  }

  article.step {
    display: block;
    background: none;
    float: none;
    width: auto;
  }

    article.step .inner {
      padding-left: 0;
      padding-right: 0;
    }

  #steps {
    padding: 20px 20px 10px;
    border-bottom: 1px solid #b6b7b8;
    display: block;
    -webkit-justify-content: initial;
    justify-content: initial;
    text-align: center;
  }

  .step .number {
    float: none;
    display: inline-block;
  }

  .statusMsg {
    left: 10%;
    right: 10%;
  }

  .kategorie .col-md-4,
  .kategorie .col-md-1 {
    display: none;
  }

  .auk-list.offene-vorab .hidden-info {
    display: block;
  }
  .desktop-info {
    display: none;
  }

  .col-md-1.edit {
    padding-right: 50px !important;
  }

  .col-md-1.delete {
    margin-right: 0px;
  }

  #filter {
    top: 0;
  }

  .filter-icon-box {
    top: 306px;
  }

  #filter .acc-content {
    height: calc(100vh - 42px);
  }

  #filter .acc-head:after {
    display: none;
  }

  /* ------------------------------------------------------------------ */

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

    .rightnavi {
      width: 40%;
    }

    .form .leftform {
      padding-right: 5%;
    }

    .form .rightform {
      padding-left: 5%;
    }

    section#zeitstrahl-header h1,
    section#zeitstrahl-header h2,
    section#zeitstrahl-header .plaintext {
      width: auto;
    }

    /*section.jahr {
  }*/

    section#zeitstrahl .owl-buttons .owl-next {
      right: 160px;
    }

    section#toptopics .left,
    section#toptopics .right {
      width: 49%;
    }

    img.specialcontact {
      max-width: 100%;
    }
  }

  @media only screen and (max-width : 840px) {
    .auctions table thead {
      display: none;
    }

    .auctions table tr {
      display: block;
      overflow: hidden;
      padding: 10px 0;
      /*margin: 0 0 20px 0;*/
    }

      .auctions table tr td {
        padding: 4px 0;
        display: block;
      }

    .auctions table td.date {
      float: left;
      width: auto;
      padding-right: 16px;
    }

    .auctions table td.type {
      float: right;
      padding-right: 0;
    }

    .auctions table td.name {
      width: auto;
      clear: both;
    }

    .auctions table td.type a img {
      margin-right: 16px;
    }

    .auctions table td.type a:last-child img {
      margin-right: 0;
    }

    .legend-left,
    .legend-right {
      float: left;
      width: 50%;
    }

      .legend-right dt {
        width: 51px;
      }

    .legend dt {
      clear: both;
    }

    .legend dd {
      width: auto;
    }
  }


  /* ------------------------------------------------------------------ */

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

    section#toplos .owl-prev {
      left: 15px;
    }

    section#toplos .owl-next {
      right: 15px;
    }
  }

  /* ------------------------------------------------------------------ */

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

    .sort table th {
      width: auto !important;
    }
  }

  /* ------------------------------------------------------------------ */

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

    article.subhomepage .block {
      width: 62%;
    }

    section.stage {
      height: auto;
    }

      section.stage .center {
        height: auto;
        padding-bottom: 24px;
      }

      section.stage .text {
        font-size: 14px;
        line-height: 15px;
      }

    .sort table {
      width: 100%;
    }

    .auction .content,
    .auction .content .inner {
      height: auto;
    }

      .auction .content .current-item,
      .auction .content .current-bid,
      .auction .content .history {
        float: none;
        width: auto;
        border: none;
        padding-bottom: 21px;
      }

      .auction .content .current-item,
      .auction .content .current-bid {
        border-bottom: 1px dotted #bdaa78;
      }

    article.maincontact,
    section#specialcontact {
      width: auto;
    }

    section#specialcontact {
      clear: both;
    }

    article.maincontact {
      border-right: 0;
      margin-right: 0;
      padding-right: 0;
      padding-bottom: 20px;
      padding-bottom: 0;
    }

      article.maincontact .plaintext p:last-child {
        margin-bottom: 20px;
      }

    section#specialcontact .block {
      padding-top: 20px;
      padding-left: 0;
      border-top: 1px solid #bdb9a5;
      border-left: 0;
    }

    .auction .header .current-item {
      width: 60%;
      padding: 0;
    }

    .auction .header .current-bid {
      display: none;
    }

    .auction .header .history {
      width: 40%;
      padding: 0;
    }

    .form .leftform {
      padding-left: 0;
    }

    .form .rightform {
      padding-left: 20px;
    }

    #main > .inner > h1 {
      padding-left: 0;
      padding-right: 0;
    }

    #kasse .left {
      float: none;
      width: auto;
    }

    #kasse .right {
      float: none;
      width: auto;
    }
  }


  /* ------------------------------------------------------------------ */

  @media only screen and (max-width : 700px) {
  }

  /* ------------------------------------------------------------------ */

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

    h1 {
      font-size: 22px;
      line-height: 24px;
    }

    article.subhomepage {
      height: auto;
      padding: 20px 0;
    }

      article.subhomepage img {
        display: none;
      }

      article.subhomepage .block {
        float: none;
        width: 90%;
        box-sizing: border-box;
        margin-top: 0;
      }

    div#bottombar {
      height: auto;
      padding-bottom: 9px;
    }

    #copyright {
      float: none;
    }

    div.fastaccess div {
      font-size: 16px;
      line-height: 20px;
    }

    .form .half,
    .form .rightnavi {
      float: none;
      width: auto;
    }

    .form .rightnavi {
      margin: 32px auto 0;
    }

    #toplose .item-wrapper .item .image,
    #toplose .item-wrapper .item .info {
      float: none;
      width: auto;
      margin: 0 auto;
    }

    article.toplos {
      padding: 0 11%;
    }

    #hpteaser {
      padding-bottom: 38px;
    }

    section#hpteaser.open {
      padding-bottom: 74px;
    }

    article.hpteaser {
      width: 100%;
      margin-top: 38px;
    }

      article.hpteaser h1,
      article.hpteaser .text,
      article.hpteaser .showhidemore,
      article.step h2,
      article.step .text,
      section.more .wrapper > h2,
      section.more .wrapper > .plaintext {
        font-size: 14px;
        line-height: 18px;
      }

      article.hpteaser .showhidemore {
        background-position: 0 6px;
      }

    specialcontact .contact a {
      padding: 0;
      background: none;
    }

    .sort select {
      display: block;
    }

    .sort .inner div.printpdf, div.printpdf {
      top: -5px;
    }

    section#zeitstrahl .wrapper {
      width: 100%;
    }

    section#zeitstrahl .owl-buttons .owl-prev {
      left: -20px;
    }

    section#zeitstrahl .owl-buttons .owl-next {
      right: 0;
    }

    section#zeitstrahl .owl-buttons {
      margin: 0 25px;
    }

    section.jahr {
      margin-left: 25px;
      margin-right: 25px;
    }

    nav#breadcrumb ol > li > ul {
      position: fixed;
      top: auto;
      left: 21px;
    }

    /*main#main {
  }*/

    section#news .owl-prev {
      left: 0;
    }

    section#news .owl-next {
      right: 0;
    }

    nav#breadcrumb {
      font-size: 13px;
      line-height: 18px;
    }

      nav#breadcrumb ol > li {
        margin-right: 8px;
        padding-right: 8px;
      }

        nav#breadcrumb ol > li a {
          white-space: nowrap;
        }

        nav#breadcrumb ol > li.hasChilds > a {
          margin-bottom: 0;
        }

    nav#metanavi-top ul li.currency {
      margin-right: 0;
    }

    .item-wrapper .item .short {
      float: none;
      width: auto;
      margin: 0 0 8px;
    }

    .vorabgebot .eintragen,
    .vorabgebot .abgeben {
      float: none;
      width: auto;
      border: 0;
      min-height: unset;
    }

    .vorabgebot .abgeben {
      border-top: 1px solid #d3d3d3;
    }

      .vorabgebot .abgeben.warning,
      .vorabgebot .abgeben.success {
        min-height: 124px;
      }

    #registration .inner #content {
      padding: 21px 0;
      width: 100%;
    }
  }


  /* ------------------------------------------------------------------ */

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

    .item .info {
      width: 100%;
    }

    /*#logo {
  }*/

    section#toptopics .inner {
      margin: 0;
    }

    section#toptopics article {
      padding-bottom: 32px;
    }

    section#toptopics .left,
    section#toptopics .right {
      float: none;
      width: auto;
    }

    section#toptopics .left {
      padding-top: 0;
      margin: 0 21px;
    }

    section#toptopics .right {
      width: 75%;
      margin: 0 auto;
      padding-top: 25px;
    }

    section#toptopics .left h1 {
      position: static;
      margin-bottom: 8px;
    }

    section#toptopics .text {
      font-size: 16px;
      line-height: 20px;
    }

    section#toptopics .owl-pagination {
      top: -10px;
    }

    section#toplos .owl-prev {
      left: 25px;
    }

    section#toplos .owl-next {
      right: 25px;
    }

    #logo img {
      max-height: 60px;
    }

    .vorabgebot .eintragen input {
      margin-right: 0;
    }

    #kasse label,
    #kasse input.text,
    #kasse textarea,
    #kasse select,
    #kasse div.radioButtonListWrapper {
      float: none;
      display: block;
      width: 100%;
    }

    #kasse div.radioButtonWrapper label {
      float: left;
    }

    .statusMsg {
      left: 5%;
      right: 5%;
    }
  }

  /* ------------------------------------------------------------------ */

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

    #logo a#big {
      width: 150px;
      height: 56px;
    }

    #logo a#small {
      height: 46px;
      width: 46px;
      margin-left: 158px;
    }

    #mobile-layer-icon {
      width: 40px;
      height: 40px;
      background-image: url("/img/system/mobile-layer-icon.png");
      background-size: 40px 40px;
    }

    /*#mobile-layer {
  }*/

    .sectionpin {
      width: auto;
      padding-left: 0;
    }

      .sectionpin > a,
      .sectionpin > span {
        padding-right: 20px;
        font-size: 13px;
      }

        .sectionpin > a span {
          background-position: right 0;
        }

    nav#onepager {
      display: none;
    }

    .form .leftform,
    .form .rightform {
      float: none;
      width: auto;
      border: none;
      padding-left: 0;
      margin-left: 0;
    }

    .form .leftform {
      padding-bottom: 20px;
      border-bottom: 1px solid #eae5d9;
      margin-bottom: 20px;
    }

    #login {
      margin-top: 20px;
    }

    .print {
      width: 34px;
      height: 34px;
    }

    #registration .inner #content {
      padding: 21px 0;
      width: 100%;
    }

    #registration .inner {
      margin: 0;
    }


  }

  /* ------------------------------------------------------------------ */

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

    .auction .content .current-bid .squarebutton {
      font-size: 14px;
    }

    fieldset {
      width: auto;
    }

    .kontakt label {
      width: 33%;
      max-width: 33%;
    }

    input.text,
    textarea.text,
    select.text {
      width: 67%;
      box-sizing: border-box;
    }

    div.radioButtonListWrapper,
    div.strassenummer,
    div.plzort,
    div.captcha div {
      width: 67%;
    }

    input.nummer,
    input.zipcode {
      width: 30%;
    }

    input.strasse,
    input.city {
      width: 60%;
    }

    nav#specialcontactnavi ul li {
      font-size: 12px;
      line-height: 15px;
      margin-bottom: 11px;
      padding: 6px 7px 6px 14px;
      width: 130px;
    }

    img.specialcontact {
      margin-top: 0;
    }

    #loginInfos {
      width: 468px;
      max-width: 100%;
    }

      #loginInfos .wrapper {
        display: block;
      }

      #loginInfos .thirds {
        /*display: inline-block;*/
        float: left;
        width: 50%;
        margin-top: 2px;
        padding-right: 16px;
        vertical-align: top;
        box-sizing: border-box;
        max-width: none;
      }

        #loginInfos .thirds:nth-child(2) {
          padding-right: 0;
        }

        #loginInfos .thirds:nth-child(3) {
          width: 100%;
          padding-right: 0;
        }

      #loginInfos .textbutton {
        width: auto;
      }

    .vorabgebot .eintragen input {
      width: 166px;
    }

    .proxybutton {
      margin-left: 12px;
    }

    .vorabbutton, .proxybutton {
      margin-bottom: 10px;
    }
  }


  /* ------------------------------------------------------------------ */

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

    .item-wrapper .item .image,
    .item-wrapper .item.open .image {
      float: none;
      width: 100%;
      margin-right: 0;
      padding-bottom: 16px;
    }

    .item-wrapper .item .info,
    .item-wrapper .item.open .info {
      float: none;
      width: 100% !important;
    }

    #auction #filter {
      top: 0;
    }
  }

  /* ------------------------------------------------------------------ */

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

    .auction .content .current-bid .squarebutton {
      margin-left: 15%;
    }

    .auction .content .current-bid .squarebutton {
      margin-left: 0;
    }

    .countdown {
      width: auto;
    }

    nav#mobile-metanavi ul li a {
      font-size: 18px;
      line-height: 22px;
    }
  }


  /* ------------------------------------------------------------------ */

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

    div.fastaccess div {
      font-size: 12px;
      line-height: 14px;
    }

    div.fastaccess img {
      width: 60%;
    }

    /*#logo {
  }*/

    #login {
      width: auto;
    }

      #login input {
        display: block;
        float: none;
        margin-bottom: 4px;
        width: 156px;
      }

    div#login .half,
    div#login .half.textright {
      float: none;
      width: auto;
    }

      div#login .half.textright {
        text-align: left;
        margin-bottom: 16px;
      }

    div#login a.squarebutton {
      float: none;
      display: block;
    }

    #login input:first-of-type {
      margin-right: 0;
    }
  }

  /* ------------------------------------------------------------------ */

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

    #loginInfos .loggedin .thirds {
      width: 100%;
    }
  }

  /* ------------------------------------------------------------------ */

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

    nav#fastaccess .inner {
      margin: 0;
    }

    div.fastaccess div {
      font-size: 12px;
      line-height: 14px;
    }

    section#zeitstrahl .owl-controls .owl-page strong {
      display: none;
    }

    nav#mobile-metanavi ul li a {
      font-size: 16px;
      line-height: 20px;
    }
  }

  /* ------------------------------------------------------------------ */

  @media (max-height: 450px) {
    .detail-layer .threedimg {
      width: 100% !important;
      height: 270px !important;
      background: #f9f9f9;
    }

    .detail-layer canvas {
      height: 100% !important;
      width: auto !important;
      margin: 0 auto 0;
      right: 0;
    }

    .ggskin.ggskin_container {
      top: initial;
      bottom: 0 !important;
    }

    .detail-layer .threedimg > div > div:first-child {
      background: #f9f9f9 !important;
    }

    .lotnumber h2 {
      margin: 0;
    }
  }

  /* ------------------------------------------------------------------ */

  @media (max-width: 420px) {
    .detail-layer .threedimg {
      width: 100% !important;
      height: 340px !important;
      background: #f9f9f9;
    }
  }

  /* ------------------------------------------------------------------ */

  @media (max-width: 375px) {
    .detail-layer .threedimg {
      height: 270px !important;
    }
  }


  /* ------------------------------------------------------------------ */

  @media (max-width: 320px) {
    .detail-layer .threedimg .ggskin.ggskin_container {
      transform: scale(.9);
    }
  }



  /* ------------------------------------------------------------------ */

  /* Landscape */
  @media only screen and (min-device-width: 640px) and (max-device-width: 850px) and (orientation: landscape) {
    .detail-layer .threedimg {
      width: 100% !important;
      height: 280px !important;
      background: #f9f9f9;
    }
  }

  @media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {
    .detail-layer .threedimg {
      width: 100% !important;
      height: 215px !important;
      background: #f9f9f9;
    }
  }