/* WC Single Apobuttons */

.apobuttons {
    margin-bottom: 0;
}

#apobuttonsold {
	display: none;
}

.apobuttonswrapper {
    width: 100%;
    -max-width: calc(100% - 60px);
}

.apobuttons .apobutton {
  margin-right: 10px;
	padding: 11px 18px !important;
	text-align: center;
  background-color: #ff7f00;
  color: #ffffff;
}
.apobuttons .apobutton:hover {
  background-color: #ffbc5e;
  color: #ffffff;
  box-shadow: none;
}

.apobuttons .apobutton span {
    font-size: 14px !important;
}

.apobuttons .apobutton.vorort {
    margin-right: 0px;
}

.apobuttons .apobutton.amazon {
    height: 40px;
}

.apobuttons .apobutton.amazon {
    padding: 0 !important;
    background: none !important;
    background-color: transparent !important;
	  bottom: 0;
    position: absolute;
}

.apobuttons.apobuttonrow {
    padding-bottom: 10px;
}

@media screen and (max-width: 768px) {
	.apobuttonrow  {
        width: calc(100%);
        /*max-width: 410px;*/
		    background-color: #ffffff;
	}
	.apobuttonrow.fixed, .apobuttonswrapperfull.fixed  {
        position: fixed;
        bottom: 0;
		    left: 0;
		    padding-left: 15px;
        z-index: 400;
        width: calc(102%);
        /*max-width: 410px;*/
	}
	 .apobuttonswrapperfull.fixed  {
        background: #FFFFFF;
        -webkit-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75);
	}

	 .fixed .apobuttonswrapper {
        width: 100%;
        max-width: unset;
   }
	.apobuttons .apobutton.onlineapo,     .apobuttons .apobutton.vorort {
        width: calc(50% - 7px);
  }
	.fixed .apobuttons .apobutton.onlineapo, .fixed .apobuttons .apobutton.vorort {
        /*width: calc(55vw - 35px - 30px - 10px);*/
		width: calc(50% - 7px);
   }
}