/** Allgemeine Styles */
.h-800px {
    height: 800px;
}

.h-500px {
    height: 500px;
}

.h-350px {
    height: 350px;
}

.card-img-height {
  height: 16rem;
}

.cursor-pointer {
    cursor: pointer;
}

.hyphens-none {
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
}

.strike-diagonal {
    position: relative;
}

.strike-diagonal:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 2px solid;
    border-color: red;
    
    -webkit-transform:rotate(-10deg);
    -moz-transform:rotate(-10deg);
    -ms-transform:rotate(-10deg);
    -o-transform:rotate(-10deg);
    transform:rotate(-10deg);
}

.fs-h1-main {
    font-size: clamp(0.9rem, 2.7cqw, 2.5rem);
    text-shadow: 1px 1px 2px grey;
}

.nav-background-switch {
    background-color: rgba(0,0,0,0.4);
}

.reduced-menu .nav-background-switch {
    background-color: #fff;
}

@media(max-width: 991px) {
    .nav-background-switch {
        background-color: #fff;
    }
}

#chatbot-chat {
    bottom: 4em !important;
}

.to-top {
  bottom: 4em !important;
}

#brochureModalTest.modal.left .modal-dialog,
#brochureModalTest.modal.right .modal-dialog {
    position: fixed;
    bottom: 0;
    margin: auto;
    width: 320px;
    height: 400px;
    -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
         -o-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
}

#brochureModalTest.modal.left .modal-content,
#brochureModalTest.modal.right .modal-content {
    height: 400px;
    overflow-y: auto;
}

#brochureModalTest.modal.left .modal-body,
#brochureModalTest.modal.right .modal-body {
    padding: 15px 15px 80px;
}

/*Left*/
#brochureModalTest.modal.left.fade .modal-dialog{
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
         -o-transition: opacity 0.3s linear, left 0.3s ease-out;
            transition: opacity 0.3s linear, left 0.3s ease-out;
}

#brochureModalTest.modal.left.fade.in .modal-dialog{
    left: 0;
}
    
/*Right*/
#brochureModalTest.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
            transition: opacity 0.3s linear, right 0.3s ease-out;
}

#brochureModalTest.modal.right.fade.in .modal-dialog {
    right: 0;
}
.not-available .jstree-anchor { color: black !important; } /* this is for each A node */
/**  */


.grid {
  display: grid;
}

.grid-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gap-4 {
  gap: 1rem;
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.grow {
  flex-grow: 1;
}

.justify-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

.items-center {
  align-items: center;
}

.-mt-4 {
  margin-top: -1rem;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.lg\:grid-cols-2 {
  @media (width >= 992px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.lg\:grid-cols-3 {
  @media (width >= 992px) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
.md\:grid-cols-2 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-subgrid {
  grid-template-columns: subgrid;
}

.col-span-3 {
  grid-column: span 3 / span 3;
}

.max-md\:bg-white-0\.2 {
  @media (max-width: 768px) {
    background: rgba(255,255,255,0.6)!important;
    width: 100% !important;
  }
}

.hover\:underline:hover {
  text-decoration: underline;
}