/* =================================
------------------------------------
  Webspell-RM Template
------------------------------------ 
====================================*/

body, .sticky-footer-wrapper {
  min-height:100vh;
  
} 

.flex-fill {
  flex:1 1 auto;
}

/* Öffnet Dropdown-Menü bei Hover */
  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* optional: verhindert Sprung */
  }


.page-link {
  color: rgba(var(--bs-link-color),1);
  background-color: rgba(var(--bs-card-bg-rgb), 1);
  border: 1px solid rgba(var(--bs-card-border-color-rgb), 1);
  border-radius: var(--bs-border-radius);
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: rgba(var(--bs-primary-rgb), 1);
  border: 1px solid rgba(var(--bs-card-border-color-rgb), 1);
}



.avatar_small {
  vertical-align: middle;
  width: 35px;
  height: 35px;
  border-radius: var(--bs-border-radius);

  box-shadow:0 .46875rem 2.1875rem rgba(90,97,105,0.1),0 .9375rem 1.40625rem rgba(90,97,105,.1),0 .25rem .53125rem rgba(90,97,105,.12),0 .125rem .1875rem rgba(90,97,105,.1);
}

.avatar {
  vertical-align: middle;
  width: auto;
  height: 120px;
  border-radius: var(--bs-border-radius);

  box-shadow:0 .46875rem 2.1875rem rgba(90,97,105,0.1),0 .9375rem 1.40625rem rgba(90,97,105,.1),0 .25rem .53125rem rgba(90,97,105,.12),0 .125rem .1875rem rgba(90,97,105,.1);
}

.userpic {
  vertical-align: middle;
  width: 250px;
  height: 250px;
  border-radius: var(--bs-border-radius);

  box-shadow:0 .46875rem 2.1875rem rgba(90,97,105,0.1),0 .9375rem 1.40625rem rgba(90,97,105,.1),0 .25rem .53125rem rgba(90,97,105,.12),0 .125rem .1875rem rgba(90,97,105,.1);
}

.bi-color {

    color: rgba(var(--bs-primary-rgb), 1);
}

.login,
.image {
  min-height: 79.5vh;
}

.sign_pic_bg {
background-image: url('/images/login_bg.jpg');
background-position: center center;
  background-size: cover;
}
.bg-image {
  background-image: url('/images/login_bg.jpg');
  background-position: center center;
  background-size: cover;
}

.reg_pic_text {  
  color: rgba(var(--bs-primary-rgb), 1);
}

.signup-greeting {
  
  padding: 20px;
  text-align: center;
}

.signup-greeting h4 {
  margin-bottom: 20px;
  position: relative;
  z-index: 9;
}

.signup-greeting p {
  position: relative;
  z-index: 9;  
}

@media (max-width: 1199px) {
  
}

@media (max-width: 767px) {
  
}

@media (max-width: 575px) {
    
  .login,.image {
    min-height: 72vh;
  }
}