/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme
Template: hello-elementor
*/

/* RESET & GLOBAL BASELINE */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 62.5%; 
  scroll-behavior: smooth;
}

body {
  height: 100%;
  font-family: inherit;
  line-height: 1.5;
  overflow-x: hidden;
  background-color: #fff;
  color: #000;
}

/* MEDIA ELEMENTS */

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
  line-height: 1.2;
}

p {
  margin-bottom: 1.6rem;
}

strong, b {
  font-weight: 700 !important;
}

/* FORMS */

input, button, textarea, select {
  font: inherit;
  border: none;
  outline: none;
  background: none;
}

/* LINKS */

a {
  color: inherit;
  text-decoration: none;
}

/* BUTTONS */

button {
  cursor: pointer;
}

/* TABLES */

table {
  border-collapse: collapse;
  width: 100%;
}



/* ========================================================
 VERSTECKTE SEO H1 ÜBERSCHRIFT
======================================================== */

.seo_h1 {
  position: absolute;
  left: -9999px;
}

/* ========================================================
 HEADER VOLLE HÖHE
======================================================== */

.fullscreen-container {
    min-height: 100vh;   /* Fallback für ältere Browser */
    min-height: 100svh;  /* Moderne Browser – korrekt auf Mobile */
    display: flex;
}

@media (max-width: 768px) {
.fullscreen-container {
    min-height: 65vh;   /* Fallback für ältere Browser */
    min-height: 65svh;  /* Moderne Browser – korrekt auf Mobile */
    display: flex;
}

/* ========================================================
 HEADER: Balkenanimation
======================================================== */

.header-balken-animation {
    position: relative;
    overflow: hidden;
    background-color: #000;
    background-size: cover;
    background-position: center;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 1640px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.header-balken-animation > .e-con-inner {
    padding: 0 !important;
    max-width: 100% !important;
}

.header-balken-animation .animated.fadeIn {
    will-change: auto !important;
    animation: hba-fade-only 1s ease both !important;
}

@keyframes hba-fade-only {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@media (max-width: 1470px) {
    .header-balken-animation {
        padding: 0px 0px 0px 0px !important;
    }
}