/*
 * Cart
 */
/*#52771B*/
/* promobar */
/*#7e3bd0*/
/*#d03bc4*/
/* media up to # */
/* media from # up */
#forcedindent {
  padding-left: 10px !important; }

#cart_header {
  position: relative;
  flex: 1 0 100%;
  margin-left: -20px;
  margin-right: -20px;
  padding: 20px 0 0 0; }
  @media (max-width: 767px) {
    #cart_header {
      /*position: absolute;
		visibility: hidden;*/ } }

/*@include media-m-up {*/
#cart {
  z-index: 100;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  height: auto;
  overflow: hidden;
  margin: 0;
  background-color: #eceeeb;
  box-shadow: 0px 0px 24px 3px rgba(0, 0, 0, 0.2);
  color: #333;
  padding: 0;
  visibility: hidden;
  opacity: 0;
  transition: visibility .5s, opacity .5s; }
  @media (max-width: 767px) {
    #cart {
      margin-top: 1px;
      z-index: -1; } }
  #cart .wrapper {
    background-color: #fff;
    padding: 0;
    margin: 0; }
    @media (min-width: 768px) {
      #cart .wrapper {
        /* nng: gleich alles anzeigen
				max-height: 300px; 
				overflow-y: scroll;
				*/ } }
  #cart h6 {
    margin: 20px;
    padding: 0;
    font-size: 2rem;
    font-weight: normal; }
  #cart #citems, #cart #chead {
    overflow: visible;
    width: auto;
    position: relative;
    display: table;
    border-collapse: collapse;
    width: 100%; }
    #cart #citems .citem, #cart #chead .citem {
      display: table-row;
      font-weight: normal;
      font-size: 90%;
      color: #666; }
      #cart #citems .citem > *, #cart #chead .citem > * {
        display: table-cell;
        vertical-align: top;
        padding: 8px 8px 8px;
        border-bottom: 1px solid #eee; }
        @media (max-width: 543px) {
          #cart #citems .citem > *, #cart #chead .citem > * {
            padding: 8px 5px 8px 2px; } }
    #cart #citems .delete, #cart #chead .delete {
      width: 32px; }
      #cart #citems .delete button, #cart #chead .delete button {
        position: relative;
        width: 32px;
        height: 32px;
        padding-bottom: 10px;
        background-color: #fff; }
        #cart #citems .delete button:hover, #cart #chead .delete button:hover {
          background-color: #EE5A1C; }
    #cart #citems .qty.view, #cart #chead .qty.view {
      display: none; }
    #cart #citems .qty.edit, #cart #chead .qty.edit {
      width: 7%; }
      #cart #citems .qty.edit input, #cart #chead .qty.edit input {
        width: 100%;
        padding: 2px 2px 3px 2px;
        text-align: center;
        border-radius: 10px;
        -moz-appearance: textfield;
        border: 1px solid #bbb; }
        #cart #citems .qty.edit input::-webkit-inner-spin-button, #cart #citems .qty.edit input::-webkit-outer-spin-button, #cart #chead .qty.edit input::-webkit-inner-spin-button, #cart #chead .qty.edit input::-webkit-outer-spin-button {
          -webkit-appearance: none; }
    #cart #citems .name, #cart #chead .name {
      width: 50%; }
      #cart #citems .name a, #cart #chead .name a {
        color: #333; }
    #cart #citems .thumb, #cart #chead .thumb {
      width: 7%; }
      #cart #citems .thumb img, #cart #chead .thumb img {
        filter: none;
        width: 100%; }
        @media (min-width: 544px) {
          #cart #citems .thumb img, #cart #chead .thumb img {
            width: 50%; } }
    #cart #citems .identifier, #cart #chead .identifier {
      width: 10%; }
    #cart #citems .price,
    #cart #citems .sum, #cart #chead .price,
    #cart #chead .sum {
      white-space: nowrap;
      width: 10%; }
    #cart #citems .id, #cart #chead .id {
      display: none; }
  #cart #chead .delete {
    width: 32px; }
  #cart #chead .qty.edit {
    text-align: center; }
  #cart #citems .citem > .name,
  #cart #citems .citem > .price,
  #cart #citems .citem > .sum {
    font-family: Bitter, Georgia, Times, Times New Roman, serif;
    color: #465241; }
  #cart.extended #citems .citem > *, #cart.extended #chead .citem > * {
    display: table-cell; }
  #cart.extended #citems .id, #cart.extended #chead .id {
    display: none; }
  #cart.extended #citems .delete, #cart.extended #chead .delete {
    width: 10%;
    width: 48px; }
  #cart.extended #citems .qty.view, #cart.extended #chead .qty.view {
    display: none; }
  #cart.extended #citems .qty.edit, #cart.extended #chead .qty.edit {
    width: 48px;
    min-width: 48px; }
    @media (max-width: 543px) {
      #cart.extended #citems .qty.edit, #cart.extended #chead .qty.edit {
        width: 28px;
        min-width: 28px; } }
  #cart.extended #citems .name, #cart.extended #chead .name {
    width: 50%;
    min-width: 95px; }
    @media (max-width: 543px) {
      #cart.extended #citems .name, #cart.extended #chead .name {
        width: 40%; } }
  #cart.extended #citems .thumb, #cart.extended #chead .thumb {
    width: 10%;
    min-width: 25px; }
  #cart.extended #citems .identifier, #cart.extended #chead .identifier {
    width: 10%;
    min-width: 45px;
    text-align: right; }
  #cart.extended #citems .price, #cart.extended #chead .price {
    width: 10%;
    min-width: 65px;
    text-align: right; }
    @media (max-width: 543px) {
      #cart.extended #citems .price, #cart.extended #chead .price {
        display: none; } }
  #cart.extended #citems .sum, #cart.extended #chead .sum {
    width: 10%;
    min-width: 65px;
    text-align: right; }
  #cart.extended #chead .qty.edit {
    text-align: center; }
  #cart.extended #ccoupon {
    display: none;
    padding: 10px 20px 40px;
    background-color: #D9DBD8; }
    #cart.extended #ccoupon span {
      display: block;
      font-family: Bitter, Georgia, Times, Times New Roman, serif;
      color: #465241;
      padding-bottom: 10px; }
    #cart.extended #ccoupon input {
      margin-left: 0;
      border-radius: 3px; }
    #cart.extended #ccoupon button {
      float: right; }
    @media (max-width: 767px) {
      #cart.extended #ccoupon {
        display: block; } }
  #cart.visible {
    visibility: visible;
    opacity: 1.0; }

#cctrl {
  position: absolute;
  top: 15px;
  right: 15px;
  text-align: right; }

#cclose {
  display: inline-block;
  color: #333; }
  #cclose:hover {
    color: #EE5A1C; }

#cmaximize {
  display: inline-block;
  color: #333;
  top: 0;
  right: 0;
  display: none; }

#csubmit {
  display: none;
  color: #333; }

#ctotal {
  position: relative;
  height: 60px; }
  @media (max-width: 543px) {
    #ctotal {
      height: 80px; } }
  #ctotal .label {
    position: absolute;
    color: #83af16;
    top: 22px;
    right: 180px; }
    @media (max-width: 543px) {
      #ctotal .label {
        right: auto;
        left: 20px; } }
  #ctotal .value {
    font-size: 2.2rem;
    font-weight: bold;
    font-family: Bitter, Georgia, Times, Times New Roman, serif;
    position: absolute;
    top: 20px;
    right: 20px;
    color: #83af16; }
  #ctotal .vat {
    position: absolute;
    left: 20px;
    color: #999;
    top: 22px; }
    @media (max-width: 543px) {
      #ctotal .vat {
        top: 50px; } }

#cctrl2, #cctr_newsletter {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding: 10px 20px 30px 20px;
  background: none; }
  #cctrl2 #crefresh, #cctr_newsletter #crefresh {
    display: none;
    /*display: inline-block;*/
    margin-right: 10px; }
  #cctrl2 #ccheckout, #cctr_newsletter #ccheckout {
    display: inline-block;
    width: 160px;
    height: 38px;
    padding-left: 10px;
    color: #fff;
    background-color: #5f7f0f;
    border: none;
    border-radius: 2px;
    font-size: 1.4rem;
    text-transform: uppercase;
    margin-bottom: 20px;
    float: right; }
    #cctrl2 #ccheckout:hover, #cctr_newsletter #ccheckout:hover {
      background-color: #83af16; }
    @media (max-width: 543px) {
      #cctrl2 #ccheckout, #cctr_newsletter #ccheckout {
        padding-left: 0px;
        width: 120px; } }
  #cctrl2 > a, #cctr_newsletter > a {
    margin-top: 3px; }
    @media (max-width: 543px) {
      #cctrl2 > a, #cctr_newsletter > a {
        font-size: 1.2rem;
        padding: 5px 5px 5px 5px; } }
  #cctrl2 #cedit, #cctr_newsletter #cedit {
    display: none; }

#cctrl3 {
  display: none;
  position: absolute;
  top: 40px;
  left: -300px;
  width: 300px;
  height: 46px;
  margin-right: 15px;
  background-color: #fff;
  z-index: 1; }
  #cctrl3 > div {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 140px;
    height: 30px;
    background-color: #fff;
    color: #333; }
    #cctrl3 > div .label {
      position: absolute;
      top: 4px;
      left: 5px;
      font-size: 80%; }
    #cctrl3 > div .value {
      position: absolute;
      top: 3px;
      right: 9px;
      font-size: 20px;
      font-weight: bold; }
  #cctrl3 #c3cart {
    position: absolute;
    width: 38px;
    height: 38px;
    top: 4px;
    right: 220px;
    border: 2px solid white; }
  #cctrl3 #c3checkout {
    position: absolute;
    top: 12px;
    right: 160px;
    width: 48px;
    color: #333;
    line-height: .9em; }
    #cctrl3 #c3checkout:hover {
      font-weight: bold; }

#chead .citem.new, #citems .citem.new {
  background-color: #4e9a06;
  color: #333; }
  #chead .citem.new a, #citems .citem.new a {
    color: #333; }

/*
@include media-m-upto {

	#cart {
		z-index: 1;
		position: absolute;
		width: 100%;
		box-sizing: border-box;
		height: auto;
		overflow: hidden;
		margin: 0;
		background-color: $color-bg-cart;
		border:1px solid red;
		color: #333;
		padding: 0;
		
		h6 {
			display: none;
			text-align: center;
			color: #558599;
			margin: 8px 0;
		}
		
		.wrapper {
			max-height: 300px;
			overflow-y: scroll;
			background-color: #fff;
			padding: 0;
			margin: 0;
		}
	}

	#cctrl {
		//display: none;
	}

	#csubmit {
		@include spritePos( cartCheckout );
	}

	#chead, #citems {
		margin: 8px 0;

		.citem {
			font-size: 0.8em;
			margin: 8px 0;

			.qty.edit, .thumb, .identifier, .price {
				display: none;
			}

			& > * {
				display: inline-block;
				vertical-align: top;
			}
			
			.delete {
				width: 10%;

				button {
					@include button( relative );
					@include hasIcon( iconDelete );
					@include hideText();
				}
			}

			&.new .delete button {
				@include hasIcon( iconDeleteButton );
			}

			.qty.view {
				position: relative;
				top: 6px;
				width: 10%;
				height: 28px;
				text-align: center;
				font-size: 120%;
				&:after {
					content: "x";
				}
			}
			
			.name {
				width: 55%;
			}
			
			.price, .sum {
				width: 20%;
				text-align: right;
			}

			input {
				position: relative;
				width: 100%;
				padding: 6px;
				border-radius: 2px;
				color: #5a5a5a;
				background-color: lighten( #f2f2f2, 20% );
			}
		}
	}

	#citems {
		margin-bottom: 80px;
	}

	#chead {
		display: none;
		margin-bottom: 12px;
		
		span {
			display: inline-block;
		}
	}

	#ctotal, #cctrl2 {
		position: absolute;
	}

	#ctotal {
		display: none!important; // todo 
		padding: 8px 12px;
		bottom: 0; right: 0;
		width: 50%;
		background-color: #f2f2f2;
		height: 81px;
		border-top: 1px solid #ccd;
		border-left: 1px solid #ccd;
	}

	#cctrl2 {
		display: none!important; // todo 
		bottom: 0; left: 0;
		width: 50%;
		border-top: 1px solid #ccd;
		background-color: #f2f2f2;

		button {
			@include button( relative );
			@include buttonStyleFlat(#f2f2f2);
			@include hasIcon( yes );
			@include moveIcon( 4px, 4px );
			width: 100%;
			padding: 10px 4px;
			height: 40px;
			color: #5a5a5a;
			&:first-child {
				border-bottom: 1px solid #ccd;
			}
			&.refresh {
				@include setIcon( iconRefresh );
			}
			&.checkout {
				@include setIcon( cartCheckout );
			}
			&.edit {
				@include setIcon( iconEdit );
			}
		}
	}

	#cctrl3 {
		display: none;
	}

	button.refresh {
		display: none;
	}

	// === iOS =================================================

	.iOS {
		#citems {
			.citem {
				button.delete {
					@include setIconIOS( iconDelete );
				}
				
				input {
					background-color: #e0e0e0;
					color: #333;
				}
			}
		}
		#cctrl2 {
			button {
				color: $cDefault_Text;
				background-color: #e0e0e0;
				
				&.edit {
					@include setIconIOS( iconEdit );
					&:before {
						background-position: -128px -700px;
					}
				}
				
				&.checkout {
					@include setIconIOS( cartCheckout );
				}
				
				&.refresh {
					@include setIconIOS( iconRefresh );
				}
			}
		}
		
		#ctotal {
			color: #333;
			background-color: #e0e0e0;
		}
	}
}
*/