header p {
font-family: 'GT-America-Thin',sans-serif;
}

.uk-navbar-left {
  overflow: auto;
  max-width: 50%;
  white-space: nowrap;
  scrollbar-width: thin;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.uk-navbar-nav .uk-nav li {
  white-space: normal;
}

.uk-overlay {
padding: 50px; !important }

.uk-card-body {
border: 2px solid black;
}

.uk-card-default {
background-color: transparent;
}

#leistungen .uk-card-body {
min-height: 400px;
padding: 30px !important;
}

footer hr {
border: solid 1px #3a3a3a;
}

.footer-bottom , .footer-bottom a , .footer-bottom p , .footer-bottom a:hover {
font-size: 11px !important;
color: grey !important;
background-image: none !important;
}

.uk-button-default {
background-color: transparent;
color: black;
border: 1px solid black;
}


.uk-button-default:hover {
background-color: black;
color: white;
}

.uk-subnav  a {
padding: 10px 20px 10px 20px;
background-color: transparent !important;
color: black !important;
border: 1px solid black !important;
justify-content: center !important;
transition: 0.3s !important;
}

.uk-subnav li a:hover {
background-color: black !important;
color: white !important;
transition: 0.3s !important;
}

.uk-subnav li.uk-active a {
background-color: black !important;
color: white !important;
}

.uk-thumbnav > * > * img {
margin-top: 15px;
}

#blob {
  bottom: 0;
  position: fixed;
  right: 0;
  width: 100%;
  transition: 
    opacity 0.6s ease-in-out,
    transform 0.4s ease-out;
  opacity: 1;
  transform: translate(0, 0);
  will-change: transform;
  z-index: 100;
}


#blob.fade-out {
  opacity: 0;
  transform: translate(100px, 100px); /* Adjust direction + speed */
  pointer-events: none;
}

#blob svg {
  position: fixed;
  right: 2rem;
  width: 1.3%;
  min-width: 17px;
  transition: transform 0.4s ease-out;
  will-change: transform;
}

.blob-logo {
  position: fixed;
  z-index: 3;
  bottom: 2rem;
  right: 1.7rem;
  max-width: 7%;
  min-width: 100px;
}


.line-box {
 position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 background: repeating-linear-gradient(
  45deg,         /* Diagonal direction */
  black,         /* Start of black line */
  black 1.5px,     /* End of black line (line thickness) */
  transparent 1.5px, /* Start of transparent space */
  transparent 60px /* End of transparent space */
);

}

/* Loader overlay */
#loader {
  position: fixed;
  inset: 0; /* top:0; right:0; bottom:0; left:0; */
  background: black;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  opacity: 1;
  transition: opacity 0.6s ease;
}

/* Fades away after load */
body.loaded #loader {
  opacity: 0;
}

/* White logo positioned to match the blob’s black one */
.loader-logo-overlay {
  position: fixed;
  bottom: 2rem;
  right: 1.7rem;
  max-width: 7%;
  min-width: 100px;
  opacity: 1;
  z-index: 10000;
  pointer-events: none;
  transition: opacity 0.6s ease;
}

/* Fade logo out together with loader */
body.loaded .loader-logo-overlay {
  opacity: 0;
}

/* Simple spinning circle */
.loader-circle {
  width: 40px;
  height: 40px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

/* Spin animation */
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media only screen and (max-width: 750px) {
  #blob svg {min-width: 2.5%;}
  .blob-logo {min-width:12%; bottom:1.3rem;  }
  }
}