.modal {}
.modal-dialog {background:#005192;}
.modal-dialog .close {color:#FFFFFF;opacity:1;position:absolute;right:15px;top:15px;}
.modal-content {background:#005192;border-radius:0;color:#FFFFFF;max-height:calc(100vh - 7.5rem);overflow:hidden;}
.modal-header {border-bottom:0;position:relative;}
.modal-body {padding:10px 30px 50px;overflow-y:auto;max-height: calc(100vh - 7.5rem);text-align:center;}
.modal-content .headline {font-size:30px;color:#cea839;text-transform:uppercase;font-family: Mayenka Demi Bold !important;margin-bottom:20px;}
.promologo {width:112px;height:auto;margin:auto;margin-bottom:20px;}
.promologo img {border-radius:0!important;}
.modal-content .promodescription {font-size:24px;font-family: Mayenka Regular !important;}
.modal-content .price {display:flex;align-items: flex-start;justify-content: center;font-family: Mayenka Regular !important;flex-direction:row!important;}
.modal-content .price .pricenur {margin-top: 17px;font-size: 24px;margin-right: 10px;font-family: Mayenka Regular !important;}
.modal-content .price .priceeuro {color: #a4bde5;font-size: 60px;font-family: Mayenka Regular !important;}
.modal-content .promosubtext {margin:auto;margin-top: 20px;font-size:15px;}
.modal-content .promocode {background:#a4bde5;padding:0 20px;border-radius:1px;font-size: 28px;display: inline-flex;text-transform: uppercase;margin-top: 10px;font-family: Mayenka Regular !important;}
.modal-content .promocode p {margin:0;}
.modal-content .price .rs-column {float: none;width: auto;}
.modal-content .rs-column.-large-col-2-1.-large-last {padding-left:0;}

/* Mini-Button rechts */
#modal-mycloud-minibtn.modal-minibtn{
  position: fixed;
  right: 0;
  top: 310px;
  z-index: 33;           /* unter i-Button */
  cursor: pointer;
  border: 1px solid #707070;
  background: #ffffff;
  height: 50px;
  width: 50px;
  padding: 5px 7px 7px 5px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}

/* Für Animationen: Dialog transition aktivieren */
#modal-mycloud .modal-dialog{
  transition: transform .7s ease, opacity .7s ease;
  transform-origin: 100% 50%;
}

/* Minimieren: nach rechts “wegschrumpfen” */
#modal-mycloud.is-minimizing .modal-dialog{
  transform: translateX(70vw) scale(0.15);
  opacity: 0;
}

/* Während Minimieren keine Klicks */
#modal-mycloud.is-minimizing{
  pointer-events: none;
}

/* Backdrop beim Minimieren ausfaden (Bootstrap 3 nutzt .modal-backdrop) */
.modal-backdrop.is-fading-out{
  transition: opacity .35s ease;
  opacity: 0;
}

@media screen and (max-width: 767px) {
	#modal-mycloud-minibtn.modal-minibtn {top:140px;}
}

@media screen and (max-width: 600px) {
.modal-body {padding:10px 20px 50px;}
.modal-content .headline {font-size:26px;}
.modal-content .promodescription {font-size:20px;}
.modal-content .price .pricenur {font-size: 20px;}
.modal-content .price .priceeuro {font-size: 56px;}
.modal-content .promosubtext {font-size:15px;}
.modal-content .promocode {font-size: 24px;}
}