/*#52771B*/
/* promobar */
/*#7e3bd0*/
/*#d03bc4*/
/* media up to # */
/* media from # up */
.method {
  padding-left: 32px; }
  .method .icon {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 30px;
    background-image: url(/static/common/images/payment.svg);
    border: none;
    border-radius: 4px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    margin: 4px; }
  .method .name {
    vertical-align: middle; }

#method-NACHNAHME .icon {
  background-position: -160px -300px; }

#method-VORKASSE .icon {
  background-position: -160px -330px; }

#method-KREDITKARTE_HEIDELPAY .icon {
  background-position: -160px -60px; }

#method-KREDITKARTE_CARTEBLEUE_HEIDELPAY .icon {
  background-position: -160px -150px; }

#method-SOFORTUEBERWEISUNG_HEIDELPAY .icon {
  background-position: -160px -180px; }

#method-GIROPAY_HEIDELPAY .icon {
  background-position: -160px -30px; }

#method-PAYPAL_HEIDELPAY .icon {
  background-position: -40px 0px; }

#method-PAYPAL_HEIDELPAY {
  display: none; }

#method-PAYPAL .icon {
  background-position: -160px 0px; }

#method-BARZAHLEN .icon {
  background-position: -160px -390px; }

#method-RECHNUNG .icon {
  background-position: -160px -420px; }

#method-PAKET .icon, #method-PAKET_DHL .icon, #method-PAKET_GLS .icon {
  background-position: -120px -60px; }

#method-BRIEF .icon {
  background-position: -120px -120px; }

#method-SPEDITION .icon {
  background-position: -120px -90px; }

#bselect .method, #sselect .method {
  position: relative;
  padding-bottom: 16px;
  border-bottom: 1px solid #D9DBD8;
  min-height: 50px; }
  #bselect .method input, #sselect .method input {
    position: absolute; }
  #bselect .method label, #sselect .method label {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 0 0 84px;
    color: #465241; }
    #bselect .method label .cost, #sselect .method label .cost {
      font-weight: bold;
      vertical-align: middle; }
    #bselect .method label .icon, #sselect .method label .icon {
      position: absolute;
      left: 32px; }

#bselect .address, #sselect .address {
  white-space: pre-wrap;
  background-color: #fff;
  padding-bottom: 20px; }
  @media (min-width: 768px) {
    #bselect .address, #sselect .address {
      width: 47%;
      margin: 1.5%; } }

#bselect h1, #sselect h1 {
  font-size: 2rem; }

#bselect h2, #sselect h2 {
  font-size: 1.8rem; }

@media (min-width: 768px) {
  #sselect_list, #bselect_list {
    display: flex;
    flex-wrap: wrap; }
  #sselect_current, #bselect_current {
    margin: 16px; } }

#cofinish .address,
#odetail .address {
  white-space: pre-wrap; }

#cofinish textarea,
#odetail textarea {
  width: 100%;
  margin: 8px 0 16px;
  height: 6em;
  border: 1px solid #bbb; }

#cofinish input[type=checkbox],
#odetail input[type=checkbox] {
  width: 24px;
  height: 24px;
  margin: 0;
  outline-color: #bbb;
  vertical-align: bottom; }

#cofinish #agbs,
#odetail #agbs {
  border: 2px solid red;
  border-radius: 2px;
  padding: 10px;
  margin: 4px -10px 4px -10px; }

#cofinish #rights,
#odetail #rights {
  margin-top: 32px;
  margin-bottom: 32px; }

#cofinish #terms,
#odetail #terms {
  margin-top: 32px; }

#cofinish #comment > span,
#odetail #comment > span {
  margin: 32px; }

#cofinish h1,
#odetail h1 {
  font-size: 2rem;
  width: 100%; }

#cofinish h2,
#odetail h2 {
  font-size: 1.8rem; }

#cofinish #order h2,
#odetail #order h2 {
  font-size: 2rem; }

#cofinish .odetails,
#odetail .odetails {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px; }
  #cofinish .odetails #shipping_address,
  #cofinish .odetails #billing_address,
  #cofinish .odetails #shipping_method,
  #cofinish .odetails #billing_method,
  #odetail .odetails #shipping_address,
  #odetail .odetails #billing_address,
  #odetail .odetails #shipping_method,
  #odetail .odetails #billing_method {
    flex: 1 1 35%;
    box-sizing: border-box;
    padding: 0 20px 20px;
    margin: 0 10px 20px;
    background-color: #fff; }
    @media (min-width: 544px) {
      #cofinish .odetails #shipping_address,
      #cofinish .odetails #billing_address,
      #cofinish .odetails #shipping_method,
      #cofinish .odetails #billing_method,
      #odetail .odetails #shipping_address,
      #odetail .odetails #billing_address,
      #odetail .odetails #shipping_method,
      #odetail .odetails #billing_method {
        padding: 0 20px 10px; } }
    #cofinish .odetails #shipping_address .address,
    #cofinish .odetails #billing_address .address,
    #cofinish .odetails #shipping_method .address,
    #cofinish .odetails #billing_method .address,
    #odetail .odetails #shipping_address .address,
    #odetail .odetails #billing_address .address,
    #odetail .odetails #shipping_method .address,
    #odetail .odetails #billing_method .address {
      float: left; }
      @media (min-width: 544px) {
        #cofinish .odetails #shipping_address .address,
        #cofinish .odetails #billing_address .address,
        #cofinish .odetails #shipping_method .address,
        #cofinish .odetails #billing_method .address,
        #odetail .odetails #shipping_address .address,
        #odetail .odetails #billing_address .address,
        #odetail .odetails #shipping_method .address,
        #odetail .odetails #billing_method .address {
          float: none; } }
  #cofinish .odetails .method,
  #odetail .odetails .method {
    float: left;
    margin: 20px 0 10px; }
    @media (min-width: 544px) {
      #cofinish .odetails .method,
      #odetail .odetails .method {
        float: none; } }
  #cofinish .odetails a,
  #odetail .odetails a {
    float: right;
    margin: 25px 0 5px 10px; }
    @media (min-width: 544px) {
      #cofinish .odetails a,
      #odetail .odetails a {
        float: none;
        margin: 15px 0 5px 30px; } }
  #cofinish .odetails h1,
  #odetail .odetails h1 {
    margin-top: 0;
    margin-left: 10px; }
  #cofinish .odetails h2,
  #odetail .odetails h2 {
    margin-bottom: 0; }

#odetail.show {
  position: relative; }
  #odetail.show > h2 {
    position: absolute;
    top: -10px;
    right: 10px; }

#odetail > section {
  margin-bottom: 32px; }

#ochead {
  display: none; }

#ocitems {
  margin: 10px -20px;
  padding: 10px 20px;
  background-color: #fff; }
  #ocitems .citem {
    position: relative;
    clear: both;
    margin: .5em 0; }
    #ocitems .citem .identifier {
      display: block; }
    #ocitems .citem .qty, #ocitems .citem .sum, #ocitems .citem .price {
      position: absolute;
      text-align: right;
      top: 0; }
    #ocitems .citem .qty {
      width: 30px;
      right: 160px; }
      #ocitems .citem .qty:after {
        content: "x"; }
    #ocitems .citem .sum, #ocitems .citem .price {
      width: 80px; }
    #ocitems .citem .sum {
      right: 0; }
    #ocitems .citem .price {
      right: 80px; }
    #ocitems .citem .name {
      display: block; }
    #ocitems .citem.total, #ocitems .citem.grand_total {
      font-weight: bold; }
    #ocitems .citem.total {
      border-top: 1px solid #465241;
      padding-top: 5px; }
    #ocitems .citem.grand_total {
      border-top: 3px double #465241;
      padding-top: 3px; }
    #ocitems .citem.vat {
      font-size: 85%; }

.payment_info {
  padding: 10px;
  margin: 4px 0;
  background-color: #FAFAF9;
  color: #69895b;
  border-radius: 2px; }

#coctrl {
  text-align: center;
  padding: 1em 0; }
  #coctrl button {
    display: inline-block; }

#terms.visible .matter, #rights.visible .matter {
  max-height: 400px; }

.orderlist table {
  width: 100%;
  border-collapse: collapse; }
  .orderlist table th {
    color: #465241;
    padding: 6px;
    text-align: right;
    border-bottom: 1px solid #465241; }
  .orderlist table tr {
    border-bottom: 1px solid #ddd; }
  .orderlist table td {
    padding: 6px;
    text-align: right;
    vertical-align: top; }

.payment_disclaimer h4 {
  margin-bottom: 0; }

.payment_disclaimer pre {
  white-space: pre-line; }

.payment_disclaimer br:nth-child(2), .payment_disclaimer br:nth-child(4) {
  display: none; }