/*
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;
}


/* ========================================================
   SIDEBAR
======================================================== */

/* ── Section fix links positionieren ── */
.wdb-sidebar-wrap,
.wdb-sidebar-wrap .elementor-section,
.wdb-sidebar-wrap .elementor-container {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100px !important;
    height: 100vh !important;
    z-index: 9999 !important;
    background: #AB9962 !important;
    margin: 0 !important;
    padding: 0px !important;
}

/* ── Nav Item ── */
.wdb-nav-item {
    height: 100px;
    max-height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0px;
    cursor: pointer;
    transition: background 0.2s;
    width: 100%;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;    
    text-decoration: none;
}

/* ── Hover & Aktiv: schwarzer Hintergrund ── */
.wdb-nav-item:hover,
.wdb-nav-item.is-active {
    background: #000000;
}

/* ── Icon Wrap ── */
.wdb-icon-wrap {
    position: relative;
    width: 60px;   /* GEÄNDERT: Icon-Breite */
    height: 20px;   
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin: 0 auto;
}

.icon-default,
.icon-active {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;    /* GEÄNDERT: Icon-Breite */
    height: 20px;    /* GEÄNDERT: Icon-Höhe */
    object-fit: contain;
    transition: opacity 0.2s;
    padding-top: 5px;
}

/* ── Icon Standard/Aktiv ── */
.icon-default { opacity: 1; }
.icon-active  { opacity: 0; }

.wdb-nav-item:hover .icon-default,
.wdb-nav-item.is-active .icon-default { opacity: 0; }

.wdb-nav-item:hover .icon-active,
.wdb-nav-item.is-active .icon-active  { opacity: 1; }

/* ── Label ── */
.wdb-label {
    font-family: "Neue Haas Unica W1G", Sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.01em;
    text-align: center;
    transition: color 0.2s;
    color: #ffffff;
    display: block;
    margin-top: 15px;
}

/* ── Label Hover & Aktiv ── */
.wdb-nav-item:hover .wdb-label,
.wdb-nav-item.is-active .wdb-label {
    color: #AB9962;
}



/* ========================================================
   OVERLAYER NAVIGATION
======================================================== */

/* ── Gilt für ALLE Overlays ── */
.wdb-overlay {
    position: fixed;
    top: 0;
    left: 100px;
    width: calc(100vw - 100px);
    height: 100vh;
    background: #000000;
    z-index: 9998;
    display: flex !important;
    align-items: center;
    padding: 60px 80px;
    gap: 80px;
    box-sizing: border-box;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-20px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

/* ── Aktiv – gilt für alle ── */
.wdb-overlay.is-open {
    opacity: 1;
    pointer-events: all;
    transform: translateX(0);
}