/*AWL OSD CSS*/


@charset "UTF-8";
@import url('https://ims-files-cdn.net/28069/_GVAW_Fonts/Hellix.css');
@import url('https://ims-files-cdn.net/28069/_GVAW_Fonts/Suisse.css');

body{ 
  font-family:"Hellix" !important; 
  /*background-position: 50% -64%;*/
} 

.glass_card_hover-effect {
  /*transform: perspective(800px) rotateY(25deg) scale(0.9) rotateX(10deg);*/
background: rgba(0, 20, 120, 0.3);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.6);
  opacity: 0.7;
  transition: 0.6s ease all;


  &:hover {
   /* transform: perspective(800px) rotateY(0deg) translateY(0px)
      rotateX(0deg) scale(1); */
    filter: blur(0);
    opacity: 1;
  }
}
.suisse{
    font-family:"Suisse" !important; 
    font-weight: 300; 
}

.glass_card {

background: rgba(0, 20, 120, 0.3);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.6);
  opacity: 1;
  transition: 0.6s ease all;

}

.site-wrapper {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

/* Media Query für Tablets und Smartphones */
@media (max-width: 768px) {
  .main-wrapper {
    margin-left: 1rem;
    margin-right: 1rem;
margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

#container_id_Eo7xwIAsv6obp {
    margin-top: auto;
    margin-bottom: auto;
}

#container_id_JemzxInYP3S3Z{
    margin-top: auto;
    margin-bottom: auto;
}

.site-wrapper .container:nth-of-type(2) {
  margin-top: auto !important;
  margin-bottom: auto;
}

#bg-starvideo{
opacity:1 !important;
}

.btn.btn-outline-dark {
  background-color: #e6ff00 !important;
  color: #001478 !important;
  border: 2px solid #e6ff00;
  border-radius: 999px;
  padding: 16px 32px;
  font-size: 20px;
  line-height: 1;
  /*box-shadow: 0 0 10px 2px #69f5c8;*/
  transition: all .2s ease-in-out;
}

/* Hover-Zustand */
.btn.btn-outline-dark:hover {
  background-color: #fff !important;
  border-color: #001478;
  color: #001478 !important;
  /*box-shadow: 0 0 16px 4px #69f5c8;*/
}

#id_67f4f574287db > div > div > button{
  padding-top: 0.375rem;
    padding-right: 0.75rem;
    padding-bottom: 0.375rem;
    padding-left: 0.75rem;
    border-top-right-radius: 300px !important;
    border-bottom-right-radius: 300px !important;
}

#mb_id_67f4f574287db{
  border-bottom-left-radius: 300px!important;
  border-top-left-radius: 300px!important;
}

._chat-input{
  border-bottom-left-radius: 300px;
  border-bottom-right-radius: 300px;
}

.messages_header{
  border-top-left-radius: 300px;
  border-top-right-radius: 300px;
  border: unset !important;
  font-weight: 700;
}

#id_Ur4oFJXidpg4Y{
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
}

.speech-wrapper > .bubble {
border: unset !important;
}

.btn-primary{
  background-color: #e6ff00 !important;
  color: #001478 !important;
  border: 2px solid #e6ff00;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 20px;
  line-height: 1;
  /*box-shadow: 0 0 10px 2px #69f5c8;*/
  transition: all .2s ease-in-out;
}

/* Hover-Zustand */
.btn-primary:hover {
  background-color: #fff !important;
  border-color: #001478;
  color: #001478 !important;
  /*box-shadow: 0 0 16px 4px #69f5c8;*/
}

#id_67f4f57427f11{
  justify-content: center;
}

#id_Ur4oFJXidpg4Y > div{
  min-width: 330px;
}

@media screen and (max-width: 800px) {
  .menu_id_7DXS3s9yfoigf {
    top: 18px;
  }
  .imscms_menu{
    background-color: #0096ff00 !important;
  }
  #id_JCcNzTP0bK6pE{
    width:230px;
  }
}

#id_67f4f5742db14 > div.content{
  width: unset !important;
}

#id_683d7e5e5ca26 .btn-outline-dark {
  padding: 0 14px !important;
}

.awl_osd_reg_form{
 min-height: 100vh !important;
}

.awl_osd_reg_form > div:first-of-type {
    background-image: url(https://ims-files-cdn.net/28069/awl_osd/osd_login_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 33%;
    min-height: 260px;
    background-position: center center;

        display: flex;
    justify-content: center;
    align-items: center;
    }

    .awl_osd_reg_form > div:last-of-type{
    display: flex;
    flex-direction: column;
    justify-content: center;
        align-items: center;
    }

    @media (max-width: 600px) {
.awl_osd_reg_form{
     flex-direction: column-reverse !important;
}
.awl_osd_reg_form > div:first-of-type {
   
    width: 100%;
  padding: 2rem 0.75rem !important;
    }
}