/* 47. START CSS Buttons */

/* Globals for CSS Buttons */
.cssButton {
  position:relative;
  display:block;
  text-align:center;
  margin: .5rem 0 .75rem;
  padding: .575rem .75rem;
  font-weight:700;
  white-space:nowrap;
  text-decoration:none;
  border-radius: 5px;
}

/* Sonderfall search-Button im Header*/

.cssButton.quickfind {
  margin: 0;
  border-radius: 0;
}

.cssButton button {
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  color:transparent;
  cursor:pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

.cssButton .fas,
.cssButton .far {
  padding: 0 .5rem;
}
.cssButton .cssButtonText {
  display:inline-block;
  text-decoration:none;
}

/* Colors for CSS Buttons */

/* Black Buttons */
.cssButtonColor1 {
	text-decoration:none;
	background-color:#444444;
	color:#ffffff;
	display:inline-block;
}

/* Magenta Buttons */
.cssButtonColor2 {
	text-decoration:none;
	background-color:#444444;
	color:#ffffff;
	display:inline-block;
}

.cssButtonColor2 a {
	color: #ffffff;
}

/* Transparent Buttons with Border */
.cssButtonColor3 {
  background:#fafafa;
  /* border: 1px solid #c6c6c6; */
  color:#555;
}
.cssButtonColor3:hover {
  background:#fafafa;
  color:#222;
  text-decoration:none !important;
}

/* Green Buttons */
.cssButtonColor4 {
	text-decoration:none;
	background-color:#528a50;
	color:#ffffff;
	display:inline-block;
}

/* Transparent Icons no Border */
.cssButtonColor5 {
  background:transparent;
  color:#cd3129;
  font-size: 175%;
}
.cssButtonColor5:hover {
  color:#530000;
  text-decoration:none;
}

.cssButton.cssButtonColor5 {
	margin: 0 .5rem;
	padding: 0 .25rem;
	text-align: right;
}

@media all and (min-width: 1000px)  {
	.cssButton.cssButtonColor5 {
		padding: 0 .25rem;
}
	
}

.cssButton.cssButtonColor5 .far {
  font-weight: normal;
  padding: 0;
}


/* Yellow Paypal Express Buttons */

.cssButton.cssButtonColor6 {
	width: auto;
}

.cssButtonColor6 {
	border-radius:5px;
	border:1px solid #d19c20;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ffc848 15%, #fbba22 90% );
	background:-ms-linear-gradient( top, #ffc848 15%, #fbba22 90% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc848', endColorstr='#fbba22');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(15%, #ffc848), color-stop(90%, #fbba22) );
	background-color:#ffc848;
	color:#222;
	display:inline-block;
	text-shadow:1px 1px 0px #ffd97e;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffe3a1;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffe3a1;
 	box-shadow:inset 1px 1px 0px 0px #ffe3a1;
  /* height:32px; */
}
.cssButtonColor6:hover {
	background:-moz-linear-gradient( center top, #fbba22 15%, #ffc848 90% );
	background:-ms-linear-gradient( top, #fbba22 15%, #ffc848 90% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbba22', endColorstr='#ffc848');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(15%, #fbba22), color-stop(90%, #ffc848) );
	background-color:#fbba22;
	color:#222;
  text-decoration:none !important;
}
.cssButtonColor6 .color-paypal0 {
  font-size:10px;
  line-height:16px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#013088;
  padding: 0 5px 0 0;
  /* vertical-align:middle;*/
}
.cssButtonColor6 .color-paypal1 {
  font-style:italic;
  color:#013088;
}
.cssButtonColor6 .color-paypal2 {
  font-style:italic;
  color:#019CDE;
}

/* grün */
.cssButtonColor7 {
	background-color: #419c41;
	color: #ffffff;
	display: inline-block;
}

/* rot */
.cssButtonColor8 {
	background-color: #cd3129;
	color: #ffffff;
	display: inline-block;
}

/* blau */
.cssButtonColor9 {
	background-color: #2980b9;
	color: #ffffff;
	display: inline-block;
}

.cssButton.cssButtonColor9 {
	width: auto;
}

.cssButton.cssButtonColor9 a {
	color: #ffffff;
}

.cssButtonColor1:hover,
.cssButtonColor2:hover,
.cssButtonColor4:hover,
.cssButtonColor7:hover,
.cssButtonColor8:hover {
  opacity:0.8;
  text-decoration:none;
}


/* Positions for CSS Buttons */

/* Edit Buttons adress_book */
.cssButtonPos5 {
  display:inline-block;
  margin: 0 0 0 .75rem;
}

.cssButtonPos5 .fas,
.cssButtonPos5 .far {
  vertical-align:middle;
}

/* Small Cart Buttons account, account_history, account_history_info */
.cssButtonPos6 {
  float:left;
  display:block;
}

.cssButtonPos6 .fas,
.cssButtonPos6 .far {
  vertical-align:bottom;
}

/* Delete Button in flyout wishlist & shopping cart */
ul.tc_list li .tc_delete {
  height: 26px;
  right: 0px;
  top: 6px;
  width: 26px;
}
ul.tc_list li .tc_delete .cssButton {
  width:100%;
  text-align:center;
  padding: 4px 0px;
  line-height:19px;
}
ul.tc_list li .tc_delete .cssButton .fas {
  font-size: 15px;
  line-height:19px;
  padding-right: 0;
}


/* END CSS Buttons */