/*
 Title:          Divi Child Theme DSGVO Custom
 Author:         Frank Otto
 Author URI:     http://singularica.com
 Version:        1.0.0
/* ------------------------------------------------------- */

/****************** DSGVO Custom **********/

.sp-dsgvo-popup-overlay {
   right: 48px;
   bottom: 40px;
   left: auto;
   top: auto;
   width: 625px;
   height: 213px;
   background: transparent !important;
}

@keyframes fadeInDsvgo {
   0% {
      opacity: 0;
   }
   66% {
      opacity: 0;
   }
   100% {
      opacity: 1;
   }
}

.sp-dsgvo-privacy-popup {
   animation: fadeInDsvgo 4s;
   font-family: 'Titillium Web', sans-serif;
   box-shadow: 0 14px 28px rgba(0, 0, 0, 0.235), 0 10px 10px rgba(0, 0, 0, 0.66) !important;
   background: rgba(45, 49, 51, 0.6) !important;
   backdrop-filter: blur(33px) !important;
   -webkit-backdrop-filter: blur(33px) !important;
   background-blend-mode: overlay;
   border-radius: 10px;
}

#cookie-notice {
   background-color: transparent !important;
   background: transparent !important;
   color: rgba(255, 255, 255, 0.7) !important;
}

#cookie-notice .cookie-notice-container {
   bottom: 10px;
   position: fixed;
   right: 50px;
   width: 540px;
   border-radius: 10px;
   box-shadow: 0 14px 28px rgba(0, 0, 0, 0.235), 0 10px 10px rgba(0, 0, 0, 0.66) !important;
   background: rgba(45, 49, 51, 0.6) !important;
   backdrop-filter: blur(33px) !important;
   -webkit-backdrop-filter: blur(33px) !important;
   background-blend-mode: overlay;
}

.sp-dsgvo-privacy-popup .sp-dsgvo-link-wrapper a {
   color: rgba(255, 255, 255, 0.7);
}

#cookie-notice .cookie-notice-container #cn-notice-icon {
   width: 50px;
}

/* buttons */
#cookie-notice.sp-dsgvo .cookie-notice-container .button,
.sp-dsgvo-privacy-bottom a.sp-dsgvo-popup-button {
   font-family: 'Titillium Web', sans-serif;
   font-weight: 700 !important;
   font-size: 18px !important;
   padding: 10px 20px !important;
   border-radius: 50px !important;
   border-style: solid;
   border-width: 2px !important;
   background-color: #538bf8 !important;
   border-color: #4daaf2 !important;
   color: #ffffff;
   font-size: 16px;
   box-shadow: 0px 12px 18px -6px rgba(77, 170, 242, 0.36);
}

#cookie-notice.sp-dsgvo .cookie-notice-container .button:hover,
.sp-dsgvo-privacy-bottom a.sp-dsgvo-popup-button:hover {
   border-color: rgba(255, 255, 255, 0.7) !important;
}

.sp-dsgvo-privacy-bottom a.sp-dsgvo-popup-button {
   padding: 6px 20px !important;
}

/***************** Responsive */

/* Target Tablet */
@media (max-width: 981px) {
   #cookie-notice .cookie-notice-container {
      bottom: 10px;
      right: none;
      width: 80%;
   }
}

/* Target Phone */
@media (max-width: 767px) {
   #cookie-notice .cookie-notice-container {
      bottom: 10px;
      right: none;
      width: 80%;
   }
   .sp-dsgvo-popup-overlay {
      right: auto;
      bottom: 10%;
      width: 100%;
      height: 25%;
   }
}

/* Menu smaller on Phone landscape */
@media only screen and (orientation: landscape) and (max-width: 981px) {
   .sp-dsgvo-popup-overlay {
      right: auto;
      bottom: 20%;
      width: 100%;
      height: 25%;
   }
}

/****************** DSGVO Custom END ******/