.callbackflag {
  width:80px;
  height:auto;
  position: fixed;
  bottom:10px;
  left:10px;
  z-index: 1000000000;

}

.modalbtn {
  z-index:10000;
  position:fixed;
  bottom:10px;
  left:10px;
  width: 90px;
  height: 70px;
  min-width: 90px;
  min-height: 70px;
  background-image: url(/vendor/callback/img/rueckruf_erwuenscht.png);
  background-size: 90px 70px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
  padding: 0;
  border: 0;
  outline-style: none;

}
.modalbtn:hover {
filter: drop-shadow(0px 0px 10px rgba(0,0,0,.5));
  -webkit-transition: all .6s ease;
}
.callback_shake {
  animation: shake-animation 4.72s ease infinite;
  transform-origin: 50% 50%;
}
.callback_element {

}
@keyframes shake-animation {
  0% {
		animation-timing-function: ease-out;
		transform: scale(1);
		transform-origin: center center;
	}

	10% {
		animation-timing-function: ease-in;
		transform: scale(0.91);
	}

	17% {
		animation-timing-function: ease-out;
		transform: scale(0.98);
	}

	33% {
		animation-timing-function: ease-in;
		transform: scale(0.87);
	}

	45% {
		animation-timing-function: ease-out;
		transform: scale(1);
	}
}
button.modalbtn {
  outline-style: none;
  outline: none;

}
#buttoncallback {
    min-width: 90px;
    min-height: 70px;
    background-image: url(/vendor/callback/img/rueckruf_erwuenscht.png);
    background-size: 90px 70px;
    background-repeat: no-repeat;
    background-position: 0 0;

}
@media (max-width: 576px) {
  /* ---- grid ---- */
  .modalbtn {
      max-width: 80px;
      max-height: 62px;

      background-size: 80px 62px;

      bottom:0px;
      left:10px;


  }
}
.modal-content {
background-color:rgba(255,255,255,1);
box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.31);
-webkit-box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.31);
padding: 0px;
height:100%;
}
.modal-header {
  display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0rem 0rem;
border-bottom: 0px solid #dee2e6;
border-top-left-radius: .3rem;
border-top-right-radius: .3rem;
}
.modal-body {
  min-height:150px;
  padding: 0rem;
}
.modal-footer {
  display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 0px solid #dee2e6;
border-bottom-right-radius: .3rem;
border-bottom-left-radius: .3rem;
}
.modal-header .close {
  padding: -5rem -5rem;
  margin: 0rem 0rem 0rem auto;
  font-size: 2em;
}

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(191,191,191,1);
  border-radius: 4rem;
  outline: 1;
}




.modalbtn {

}