h1,h2,h3,h4,h5,h6 { font-family:"Tilt Warp","Special Gothic Condensed One"; font-weight:normal;text-transform: uppercase;line-height:1; word-break:break-word;color:#646462;}

.h1,h1{font-size:calc(2.75rem + 3vw)}
@media (min-width:1200px){.h1,h1{font-size:5rem}}.h2,h2{font-size:calc(2.65rem + 1.8vw)}
@media (min-width:1200px){.h2,h2{font-size:4rem}}.h3,h3{font-size:calc(2.6rem + 1.2vw)}
@media (min-width:1200px){.h3,h3{font-size:3.5rem}}.h4,h4{font-size:calc(2.55rem + .6vw)}
@media (min-width:1200px){.h4,h4{font-size:3rem}}.h5,h5{font-size:2.5rem}.h6,h6{font-size:2rem}p{margin-top:0;margin-bottom:1rem}

XX.h1 {word-break:break-all;}

.cover-container {
  max-width: 42em;
}
:root,
.btn-theme {
  --bs-btn-color: #fff;
  --bs-btn-bg: #41a62a;
  --bs-btn-border-color: #41a62a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3a9526;
  --bs-btn-hover-border-color: #3a9526;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3a9526;
  --bs-btn-active-border-color: #3a9526;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #41a62a;
  --bs-btn-disabled-border-color: #41a62a;
  --bs-link-color-rgb: 27,51,119;
  --bs-link-color: #1B3377;
}
.alert-theme {
--bs-alert-bg: #AEFFB2;
  --bs-alert-border-color: #AEFFB2;
}
XXXXXX.bg-login {
  background: var(--bs-btn-bg);
  color: var(--bs-btn-color);
  height:100%;
  min-height:100%;
}
.modal h4 {
  color: var(--bs-btn-bg);
}

.form-select:focus,
.form-check-input:focus,
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(58,149,38,.5);
}
.form-check-input:checked {
  background-color: var(--bs-btn-hover-border-color);
  border-color: var(--bs-btn-hover-border-color);
}

button.rounded-pill:hover {
  transform:scale(1.1);
  transition: all 0.2s;
}

body{height:100%;}
.jf,button{text-transform: uppercase;font-family:"Tilt Warp" !important;font-weight:normal;}

form {
  xmax-width: 330px;
  xpadding: 1rem;
}

form .form-floating:focus-within {
  z-index: 2;
}

form select:not(.first,.last),
form input:not(.first,.last) {
  margin-bottom: -1px;
  border-radius: 0;
}
form .first {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
form .last {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
form select.only,
form input.only {
  margin-bottom: 10px;
  border-radius: var(--bs-border-radius);
}

.accordion-button,
*[data-link],
*[data-modal],
*[data-main] {
  cursor:pointer;
}
.accordion-button:hover,
tr[data-modal]:hover td,
td[data-modal]:hover {
  color: var(--bs-link-hover-color);
}
.accordion-collapse {
  cursor: ns-resize;
}
textarea.h-autogrow {
  min-height:7em !important;
  resize:none;
}
p.badge {
  cursor:pointer;
}

/*
      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }
      .btn-bd-primary {
        --bd-violet-bg: #712cf9;
        --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

        --bs-btn-font-weight: 600;
        --bs-btn-color: var(--bs-white);
        --bs-btn-bg: var(--bd-violet-bg);
        --bs-btn-border-color: var(--bd-violet-bg);
        --bs-btn-hover-color: var(--bs-white);
        --bs-btn-hover-bg: #6528e0;
        --bs-btn-hover-border-color: #6528e0;
        --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
        --bs-btn-active-color: var(--bs-btn-hover-color);
        --bs-btn-active-bg: #5a23c8;
        --bs-btn-active-border-color: #5a23c8;
      }

      .bd-mode-toggle {
        z-index: 1500;
      }

      .bd-mode-toggle .dropdown-menu .active .bi {
        display: block !important;
      }

.carousel .imgwrapper::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient( to bottom, rgba(255,255,255,0) 50%, rgba(255,255,255,.1) 60%, rgba(255,255,255,.5) 75%, rgba(255,255,255,.9) 85%, rgba(255,255,255,1.0) 100% );
  z-index: 1;
  top: 0;
}
.cover {
  ratio:1920/1080;
}
.cover img {
  object-fit:cover;
  width:100%;
  height:100%;
  border-radius:0;
}
.mosaik {
  text-align:center;
}
.mosaik .kachel {
  width:50%;
  aspect-ratio:1/1;
  display:inline-block;
  text-align:center;
  vertical-align:middle;
  perspective:1000px;
}
.mosaik .kachel:hover {
  z-indxex:10;
}
.mosaik .kachel .karte {
  position:relative;
  width:100%;
  height:100%;
  text-align:center;
  transition: transform 0.6s;
  transform-style:preserve-3d;
}
.mosaik .kachel:hover .karte {
  width:100%;
  height:100%;
  transform:rotateY(180deg);
}

.mosaik .kachel .text {
  position:absolute;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  padding:1em;
  line-height:1;
  font-size:2rem;
}






.zoombox {
  z-index:100;
  transition: all 1s ease;
  transform:scale(1);
  opacity:1;
  position:fixed;
  overflow:hidden;
  padding-top:100px;
}
.zoombox > div {
  opacity:0;
}
.fullscreen {
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  overflow-y:scroll;
}
.animateTransitions {
  transition: all 1s;
 }

.noscrolling {
  max-height:100%;
  overflow-y:hidden;
}

.carousel-item img {
  object-fit:cover;
  width:100%;
  height:100%;
}
.carousel-inner {
  height:100%;
}
#myCarousel {
  height:80vh;
}
.liteground {
  background:rgba(255,255,255,.7);
  color:#000;
  border-radius:.5em;
  padding:1em 2em;
}
a, span.link {
  color: #646462;
  text-decoration: underline !important;
}

XX.modal.lightbox {
  background: #000;
}
.lightbox .ratio.ratio-1x1,
.lightbox .ratio.ratio-16x9 {
  background-color:initial !important;
}
.lightbox .carousel-item {
  max-height:100vh;
}
.ratio {
  position: initial;
}
XX.modal-backdrop.show {
  opacity: 1;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #000000;
  --bs-btn-border-color: #000000;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #060606;
  --bs-btn-hover-border-color: #060606;
  --bs-btn-focus-shadow-rgb: 0,0,0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #030303;
  --bs-btn-active-border-color: #030303;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #090909;
  --bs-btn-disabled-border-color: #090909;
}
*/