/* Bounce To Right */
.bounce-button {
  background: #09f;
  color: white;
  height: 60px;
  line-height: 60px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 0px 40px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.bounce-button.qbutton:hover {
  background-color: #09f; }

.bounce-button:before, .submit:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #006eff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.bounce-button:hover, .bounce-button:focus, .bounce-button:active {
  color: white; }

.bounce-button:hover:before, .bounce-button:focus:before, .bounce-button:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
/*
 Borlabs Button Styling
 Borlabs lässt wenig individuelles Styling zu
 */
/* Bounce Button Eigenschaften (s.o.) für Borlabs Cookies */
._brlbs-btn._brlbs-btn-accept-all {
  background: #09f;
  color: white;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 0px 40px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }

._brlbs-btn.qbutton._brlbs-btn-accept-all:hover {
  background-color: #09f; }

._brlbs-btn._brlbs-btn-accept-all:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #006eff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

._brlbs-btn._brlbs-btn-accept-all:hover, ._brlbs-btn._brlbs-btn-accept-all:focus, ._brlbs-btn._brlbs-btn-accept-all:active {
  color: white; }

._brlbs-btn._brlbs-btn-accept-all:hover:before, ._brlbs-btn._brlbs-btn-accept-all:focus:before, ._brlbs-btn._brlbs-btn-accept-all:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
/* Bounce Button Eigenschaft für Borlabs Buttons in sekundärer Farbe*/
._brlbs-btn {
  border-radius: 0 !important;
  background: #f7f7f7;
  color: #555;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 0px 40px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }

._brlbs-btn.qbutton:hover {
  background-color: #09f; }

._brlbs-btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #d7d7d7;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

._brlbs-btn:hover, ._brlbs-btn:focus, ._brlbs-btn:active {
  color: #555; }

._brlbs-btn:hover:before, ._brlbs-btn:focus:before, ._brlbs-btn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
/* Anpassen der Borlabs Buttons auf der Eigenschaften Seite des Cookie Hinweises (Ursprung ist eine Veränderung durch Anpassung der Button Stylings) */
#BorlabsCookieBox .cookie-preference ._brlbs-btn {
  margin-top: 10px !important; }
/* Button schiebt sich in mobiler Ansicht nach unten*/
@media (max-width: 480px) {
  .responsive-button {
    background-color: rgba(0, 153, 255, 0.75); } }

@media (max-width: 1024px) {
  .responsive-button {
    transform: rotate(0deg) !important;
    bottom: 15px;
    left: 22px;
    top: unset !important; }

  .responsive-button a:after {
    content: 'News'; } }

@media (min-width: 1025px) {
  .responsive-button {
    transform-origin: 0 0;
    transform: rotate(-90deg) !important;
    left: 0;
    top: 500px; }

  .responsive-button a::before {
    content: 'Sprechen Sie uns an! '; } }
