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

    body {
      background-color: var(--hintergrund); color: var(--permaweiss);
      font-family: Arial, Helvetica, sans-serif;
      display: flex; flex-direction: column; align-items: center; min-height: 100vh; padding: 0;
    }

	.header2026-wrapper{
		display: block;
	}

	#header2026-box09 .header2026-box09-lang-pl .header2026-box09-text a,
	#header2026-box09 .header2026-box09-lang-nl .header2026-box09-text a,
	#header2026-box09 .header2026-box09-lang-cs .header2026-box09-text a,
	#header2026-box09 .header2026-box09-lang-sk .header2026-box09-text a,
	#header2026-box09 .header2026-box09-lang-hu .header2026-box09-text a,
	#header2026-box09 .header2026-box09-lang-sl .header2026-box09-text a,
	#header2026-box09 .header2026-box09-lang-it .header2026-box09-text a,
	#header2026-box09 .header2026-box09-lang-es .header2026-box09-text a,
	#header2026-box09 .header2026-box09-lang-fr .header2026-box09-text a {
		font-size: 4.7cqi !important;
		line-height: 1.5 !important;    
	}


    .header2026-wrapper {
      width: 100%;
      display: flex; justify-content: center; align-items: center;
	  margin-top: 0.2cqi;
    }

    .header2026-container {
      position: relative; width: 100%; max-width: 1350px; aspect-ratio: 1250 / 400;
      background-color: var(--hintergrund); overflow: visible; container-type: inline-size;
    }

    .header2026-bg-svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; overflow: visible; }
    .header2026-overlay-full { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 26; pointer-events: none; }
    .header2026-overlay-full > * { pointer-events: auto; }

    /* === ABSOLUTE BOXEN === */
    .header2026-abs-box { position: absolute; z-index: 25; }
    a.header2026-abs-box { text-decoration: none; cursor: pointer; }

    /* WABEN */
    .header2026-hex-box { position: absolute; z-index: 5; pointer-events: auto; }
    #header2026-box13 { z-index: 10; top: 39.25%; left: 38.869%; width: 22.263%; height: 60.25%; }
    #header2026-box11 { top: 0%; left: 14.874%; width: 28.637%; height: 77.5%; z-index:26; }
    #header2026-box12 { top: 0%; left: 56.489%; width: 28.637%; height: 77.5%; z-index:26;}

	#header2026-box13 svg image {
	  x: -0.1cqi !important; 
	  y: 0.05cqi !important; 
	}


    /* LINKE BOXEN */
    #header2026-box01 { top: 0%; left: 0%; width: 21.11%; height: 17.5%; }
    #header2026-box02 { top: 20%; left: 0%; width: 17.41%; height: 17.5%; }
    #header2026-box03 { top: 40%; left: 0%; width: 17.41%; height: 17.5%; }
    #header2026-box04 { top: 60%; left: 0%; width: 21.11%; height: 17.5%; z-index: 26;}
    #header2026-box05 { top: 60%; left: 0%; width: 43.51%; height: 39.5%; }

    /* MITTE (Temp Box) */
    .header2026-box14 { position: absolute; top: 12px; left: 50%; transform: translateX(-50%); z-index: 30; }
    #header2026-box06 { top: 15%; left: 40.046%; width: 19.906%; height: 21.75%; }

    /* RECHTE BOXEN */
    #header2026-box07 { top: 0%; left: 78.89%; width: 21.11%; height: 12%; }
    #header2026-box08 { top: 14.5%; left: 81.57%; width: 18.43%; height: 43%; pointer-events: auto; }
    #header2026-box09 { top: 60%; left: 56.49%; width: 21.60%; height: 39.5%; }
    #header2026-box10 { top: 60%; left: 78.89%; width: 21.11%; height: 39.5%; }

    /* === INHALTE & STYLING === */
    .header2026-box01-content { position: relative; display: flex; align-items: center; width: 100%; height: 100%; gap: 0.8cqi; padding: 0 1.2cqi; z-index: 21; pointer-events: none; }
    .header2026-box01-img { width: 3.5cqi; height: 3.5cqi; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
    .header2026-box01-img img { width: 100%; height: 100%; object-fit: contain; margin:0;}
    .header2026-box01-text { font-size: 0.95cqi; font-weight: bold; color: var(--schwarz); line-height: 1.1; }

    .header2026-box02-icon { width: 3.5cqi; height: 3cqi; position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .header2026-box02-svg { height: 100%; width: auto; }
    .header2026-box02-svg polygon { fill: var(--green2); stroke: var(--schwarz); stroke-width: 1.8; }
    .header2026-box02-inner { width: 2.2cqi; height: 2.2cqi; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); stroke: var(--orange1); fill: none; stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; z-index: 2; }
    .header2026-box02-text { font-size: 1cqi; font-weight: bold; color: var(--schwarz); line-height: 1.2; }

    .header2026-box05-inner { position: absolute; bottom: 0; height: 50.63%; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 0.5cqi;}
    .header2026-box09-inner { position: absolute; bottom: 0; left: 0; height: 50.63%; width: 100%; display: flex; align-items: center; justify-content: flex-start; padding-left: 12%; gap: 1cqi; pointer-events: auto; margin: 0; }
    .header2026-box10-inner { position: absolute; bottom: 0; height: 50.63%; width: 100%; display: flex; align-items: center; justify-content: center; padding-right: 1.5cqi; gap: 1cqi; }

    .header2026-box05-row { display: flex; align-items: center; justify-content: center; gap: 0.8cqi; width: 100%; margin-top: 0.5cqi;}
    .header2026-box05-icon { width: 3cqi; height: 3cqi; position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .header2026-box05-svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .header2026-box05-svg polygon { fill: var(--green2); stroke: var(--schwarz); stroke-width: 1.8; }
    .header2026-box05-inner-icon { width: 1.6cqi; height: 1.6cqi; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); stroke: var(--orange1); fill: none; stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; }
    .header2026-box05-large { font-size: 1.6cqi; font-weight: 900; color: var(--schwarz); letter-spacing: 0.04cqi; text-align: center; line-height: 1.15; white-space: nowrap; margin: 0;}
    .header2026-box05-hl { color: var(--orange2); }
    .header2026-box05-sub { font-size: 0.88cqi; font-weight: 700; color: var(--schwarz); letter-spacing: 0.04cqi; text-align: center; text-transform: uppercase; white-space: nowrap; width: 100%; margin: 0; line-height: 1.15;  margin-bottom: 0.7cqi;}

    .header2026-box14-flag { width: 3.28cqi; height: 2.24cqi; display: flex; border: 0.08cqi solid var(--green1); background-color: var(--permaweiss); margin-bottom: 0.32cqi; }
    .header2026-box14-half { width: 50%; height: 100%; object-fit: cover; -webkit-border-radius: 0px; border-radius: 0px; margin: 0 0px 0px 0;}

    .header2026-box06-overlay { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0 2.5cqi; pointer-events: none; }
    .header2026-box06-side { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; }
    .header2026-box06-div { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 0.08cqi; height: 6.2cqi; background: linear-gradient(to bottom, transparent, var(--green2), transparent); opacity: 0.6; margin: 0; z-index: 30; }
    .header2026-box06-lbl { font-size: 0.8cqi; font-weight: 700; text-transform: uppercase; margin-bottom: 0.16cqi; }
    .header2026-box06-lbl-a { color: var(--orange2); }
    .header2026-box06-lbl-b { color: var(--green2); }
    .header2026-box06-vrow { display: flex; align-items: center; gap: 0.4cqi; }
    .header2026-box06-img { width: 1.6cqi; height: 1.6cqi; object-fit: contain; margin: 0px;}
    .header2026-box06-val { font-size: 1.10cqi; font-weight: 900; white-space: nowrap; }
    .header2026-box06-val-a { color: var(--orange1); } 
    .header2026-box06-val-b { color: var(--permaweiss); }

    .header2026-box07-wrap { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; gap: 0.96cqi; font-size: 1.12cqi; font-weight: bold; color: var(--permaweiss); padding-left: 2cqi; }
    .header2026-box07-body { width: 3.36cqi; height: 1.76cqi; background-color: var(--green1); clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%); position: relative; cursor: pointer; }
    .header2026-box07-body::before { content: ''; position: absolute; top: 0.2cqi; bottom: 0.2cqi; left: 0.2cqi; right: 0.2cqi; background-color: #ccc; clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%); z-index: 0; }
    .header2026-box07-knob { position: absolute; top: 0.32cqi; right: 0.32cqi; width: 1.28cqi; height: 1.12cqi; background-color: var(--green1); clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); z-index: 1; }

    .header2026-box08-overlay { position: absolute; width: 100%; height: 100%; display: flex; padding-left: 15%; padding-right: 5%; }
    .header2026-box08-logo { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; pointer-events: auto; }
    .header2026-box08-logo img { max-width: 90%; max-height: 90%; object-fit: contain; }

    /* --- SOCIAL MENU KLICKBAR MACHEN --- */
    #header2026-box08 .sozial_menu,
    #header2026-box08 ul#menu-social_media_menu a {
      pointer-events: auto !important;
      cursor: pointer !important;
    }

    .header2026-box09-icon { width: 3.4cqi; height: 13cqi; position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .header2026-box09-svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .header2026-box09-svg polygon { fill: var(--green2); stroke: var(--schwarz); stroke-width: 1.8; }
    .header2026-box09-inner-icon { width: 2cqi; height: 2cqi; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); stroke: var(--orange1); fill: none; stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; }
    .header2026-box09-text { font-size: 1.05cqi; font-weight: 800; color: var(--schwarz); text-align: left; line-height: 1.2; letter-spacing: 0.032cqi; }

    .header2026-box10-bubble { 
      display: flex; align-items: center; margin: 0; padding: 0.4em 1em; 
      background: var(--green2); color: var(--permaweiss); font-size: 1cqi;
      font-family: "Open Sans", sans-serif; font-weight: 700; line-height: 1.2em; 
      border-radius: 2em; text-align: center; position: relative; 
    }
    .header2026-box10-bubble::after { 
      content: ''; position: absolute; top: 50%; right: -0.4em; transform: translateY(-50%); 
      width: 0; height: 0; border-top: 0.4em solid transparent; border-bottom: 0.4em solid transparent; border-left: 0.5em solid var(--green2); 
    }
    .header2026-box10-menu { display: flex; align-items: center; pointer-events: auto; }
    .header2026-box10-list { list-style: none; display: flex; flex-direction: row; padding: 0; margin: 0; gap: 0.6cqi; }
    .header2026-box10-item { width: 2.8cqi; height: 2.8cqi; }
    .header2026-box10-menu a { display: block; line-height: 2.8cqi; font-size: 0px; background-size: contain; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; }
    
    .header2026-box10-item a[title="insta"] { background-image: url("https://anderles.at/wp-content/themes/anderles/image/sozialmenu/Instagram_Glyph_White.png"); }
    .header2026-box10-item a[title="fb"] { background-image: url("https://anderles.at/wp-content/themes/anderles/image/sozialmenu/Facebook_Logo_Secondary.png"); }
    .header2026-box10-item a[title="youtube-profil"] { background-image: url("https://anderles.at/wp-content/themes/anderles/image/sozialmenu/yt_icon_mono_dark.png"); }
    .header2026-box10-item a[title="tiktok-link"] { background-image: url("https://anderles.at/wp-content/themes/anderles/image/sozialmenu/TikTok_Icon_Black_Circle_1.png"); }

    .header2026-hex-box svg { width: 100%; height: 100%; display: block; overflow: visible; }

    .tempimg.header2026-box06-img {
      background-size: 1.6cqi !important;
      padding-top: 0.1cqi !important;
    }


/* Container für proportionale Werte */
#header2026-box09 {
  container-type: inline-size;
  position: relative;
}

/* Inhalts-Overlay ohne störendes Padding */
/* 1. Übergeordnetes Overlay komplett auf Null zwingen */
#header2026-box09 .header2026-overlay-full {
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  padding: 0 !important;       /* Löscht verdeckte Abstände */
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none;
}


/* Großes Sechseck-Icon */
#header2026-box09 .header2026-box09-icon {
  position: relative;
  width: 19cqw;          /* Schön groß */
  aspect-ratio: 115.47 / 100;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Sechseck Kontur */
#header2026-box09 .header2026-box09-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: var(--green1);
  stroke-width: 4px;
  vector-effect: non-scaling-stroke;
}

.header2026-box02-inner,
.header2026-box05-inner-icon,
.header2026-box09-inner-icon{ 
      width: 55%; 
      height: 55%; 
      position: absolute; 
      top: 50%; 
      left: 50%; 
      transform: translate(-50%, -50%); 
      stroke: #e5e5e5; 
      fill: none; 
      stroke-width: 2; 
      stroke-linecap: round; 
      stroke-linejoin: round; 
      z-index: 2;
}

/* WordPress-Menü Reset */
#header2026-box09 .header2026-box09-text,
#header2026-box09 .header2026-box09-text li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#header2026-box09 .header2026-box09-text a {
  display: block !important;
  white-space: normal !important;   /* Erlaubt den Umbruch wieder */
  max-width: 15ch !important;       /* Bricht exakt nach "Gruppenurlaub" um */
  font-size: 5.1cqi !important;     /* Skaliert flüssig zweizeilig mit */
  line-height: 1.7 !important;      /* Kompakter Zeilenabstand (gefixt) */
  font-weight: 800 !important;
  color: var(--schwarz) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  text-shadow: none !important;
  letter-spacing:unset !important;
}

/* =========================================================
   BOX 10 (SLIDER - VERBINDLICHE GRÖSSE ÜBER CQI)
   ========================================================= */

#header2026-box10 {
  position: absolute !important;
  top: 60% !important;
  left: 78.89% !important;
  width: 21.11% !important;
  height: 39.5% !important;
  z-index: 35 !important;
}

#header2026-box10 .header2026-overlay-full {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
}

/* Zwischencontainer neutralisieren */
#header2026-box10 .sidebar-partner,
#header2026-box10 .widget-area,
#header2026-box10 .slider {
  display: block !important;
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Slide-Bild: Rechts verankert, skaliert direkt über den Header */
#header2026-box10 img.mySlides {
  position: absolute !important;
  right: 3.5cqi !important;           /* Kleiner Abstand zur rechten Außenkante */
  top: 50% !important;
  transform: translateY(-50%) !important;

  /* ECHTE BREITE: 17cqi füllt fast die gesamte 21.11%-Box aus */
  width: 13cqi !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;

  object-fit: contain !important;
  pointer-events: auto !important;
  margin: 0 !important;
}

/* W3.CSS Fading-Fehler neutralisieren */
#header2026-box10 img.mySlides[style*="display: block"] {
  opacity: 1 !important;
  visibility: visible !important;
}

folge_text{
    padding-left: 0 !important;
}
/* =========================================================
   BOX 08: SPRECHBLASE (DYNAMISCH, EXTRA BREIT & ZENTRIERT)
   ========================================================= */

#header2026-box08 .speech-bubble {
  /* Perfekte Zentrierung von Box & Text */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;

  /* Breiter Schnitt & dynamische Maße über cqi */
  width: fit-content !important;
  min-width: 11cqi !important;          /* Hält die Blase horizontal gestreckt */
  padding: 0.9cqi 3.8cqi !important;   /* Oben/Unten kompakt, links/rechts breit */
  border-radius: 1.6cqi !important;     /* Dynamische Rundung statt 20px */

  /* Farb- und Stilvariablen */
  background: var(--green2) !important;
  color: var(--permaweiss) !important;
  font-size: 1.2cqi !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  rotate: -2deg !important;

  position: relative !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

/* Dreiecks-Spitze passend in var(--green2) */
#header2026-box08 .speech-bubble::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 0.55cqi solid transparent !important;
  border-right: 0.55cqi solid transparent !important;
  border-top: 0.65cqi solid var(--green2) !important;
  border-bottom: none !important;
}

/* =========================================================
   BOX 08: SYMBOLE ALS DREIECK (1 OBEN / 3 UNTEN)
   ========================================================= */
.header2026-box08-overlay {
  padding-left: 5%;
  padding-right: 5%;
  margin-top: 1cqi;
}


/* Abstand zwischen Sprechblase und Symbolen vergrößert + deine Margins */
#header2026-box08 .sozial_menu {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 1.8cqi !important;
  margin-top: 0cqi;
  margin-left: 2cqi;
  width: 100% !important;
}

#header2026-box08 .menu-social_media_menu-container {
  display: block !important;
  width: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Das Dreiecks-Raster: 3 Spalten mit fester Zuordnung */
#header2026-box08 ul#menu-social_media_menu {
  list-style: none !important;
  margin: 0 auto !important;
  padding: 0 !important;

  display: grid !important;
  grid-template-columns: repeat(3, auto) !important;
  grid-template-areas:
    ".   top  ."
    "b1  b2   b3" !important;

  justify-content: center !important;
  align-items: center !important;
  gap: 0.8cqi 1cqi !important;
  width: fit-content !important;
}

#header2026-box08 ul#menu-social_media_menu li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: auto !important;
}

/* 1. Symbol oben in der Mitte */
#header2026-box08 ul#menu-social_media_menu li:nth-child(1) {
  grid-area: top !important;
}

/* 2., 3. und 4. Symbol nebeneinander in der Reihe darunter */
#header2026-box08 ul#menu-social_media_menu li:nth-child(2) {
  grid-area: b1 !important;
}
#header2026-box08 ul#menu-social_media_menu li:nth-child(3) {
  grid-area: b2 !important;
}
#header2026-box08 ul#menu-social_media_menu li:nth-child(4) {
  grid-area: b3 !important;
}

/* Symbole: Verkleinert auf 2.8cqi */
#header2026-box08 ul#menu-social_media_menu a {
  display: block !important;
  width: 2.8cqi !important;
  height: 2.8cqi !important;
  font-size: 0 !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transition: transform 0.2s ease !important;
}


#header2026-box08 .speech-bubble::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 100% !important;

  /* Hier auf 30% gesetzt (ergibt automatisch 70% Rest nach rechts) */
  left: 30% !important;
  transform: translateX(-50%) !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 0.1cqi solid transparent !important;
  border-right: 1.1cqi solid transparent !important;
  border-top: 1.7cqi solid var(--green2) !important;
  border-bottom: none !important;
}
/* =========================================================
   BOX 07: DARKMODE SWITCH (ANIMATION & FARBREGELN GEFIXT)
   ========================================================= */

/* Klick-Blockade der SVGs durchbrechen */
#header2026-box07 {
  pointer-events: none !important; 
}

#header2026-box07 .header2026-box07-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  gap: 0.8cqi !important;
  color: var(--text) !important;
  font-size: 0.95cqi !important;
  font-weight: 600 !important;
  pointer-events: auto !important; 
}

#header2026-box07 .header2026-box07-wrap span{
  color: var(--schwarz) !important;
}

/* =========================================================
   ZUSTAND: AUS (Körper Weiß)
   ========================================================= */
#header2026-box07 .header2026-box07-body {
  position: relative !important;
  display: inline-block !important;
  width: 5.2cqi !important;
  height: 2.4cqi !important;
  background-color: #ccc !important; /* REGEL: Aus = Weiß */
  /* Die weiche Animation für den Hintergrund: */
  transition: all 0.4s ease !important; 
}

/* Unsichtbare Checkbox, die Klicks abfängt */
#header2026-box07 input#schema {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
  z-index: 10 !important;
}

/* ZUSTAND: AUS (Kugel Links & Sichtbar) */
#header2026-box07 .header2026-box07-knob {
  position: absolute !important;
  top: 0.2cqi !important;
  left: 0.2cqi !important;
  width: 2.4cqi !important;
  height: 2.0cqi !important;
  background-color: var(--green2) !important; /* Grün als Kontrast auf dem weißen Schalter */
  
  /* Der Startpunkt für die weiche Animation (Links) */
  transform: translateX(0) !important; 
  /* Die weiche Gleit-Animation für die Kugel: */
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; 
  
  pointer-events: none !important;
  z-index: 1 !important;
}

/* =========================================================
   ZUSTAND: EIN (Körper Orange & Kugel Rechts)
   ========================================================= */

/* Körper wird Orange */
#header2026-box07 .header2026-box07-body.switch-on::before {
  background-color: var(--orange1, #ff9800) !important; /* REGEL: Ein = Orange */
}

/* Kugel gleitet nach Rechts und wird Weiß */
#header2026-box07 .header2026-box07-body.switch-on .header2026-box07-knob {
  /* REGEL: Ein = Rechts (fährt exakt an den rechten Rand) */
  transform: translateX(2.4cqi) !important;
  background-color: var(--green1) !important;
}

#header2026-box07 .header2026-box07-body.switch-on {
  background-color: var(--orange1) !important; /* REGEL: Aus = Weiß */
}

.header2026-box14{
    top: 1.2cqi;
}

.header2026-box14 img{
    margin: 0;
    width: 3.4cqi !important;
    height: 2.2cqi !important;
    border: 1px solid;
    border-radius: 0;
    border-color: var(--permaweiss);
    
}
.header2026-box14 ul li{
    list-style: none;
}

/* Dropdown-Menü (sub-menu) verstecken */
.lang-menu-item .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  padding: 1cqi 0 0 0;
  z-index: 9999;
  min-width: 13cqi;
  background-color: rgba(0, 0, 0, 0.7);
  left: -6.35cqi;
}

/* Sichtbar machen bei Hover über den Parent */
.lang-menu-item li:hover > .sub-menu {
  display: grid;
  grid-template-columns: repeat(3, 2fr);
}

/* Links im Dropdown-Menü */
.lang-menu-item .sub-menu a {
  display: flex;
  align-items: center;
  margin: 0 0 1cqi 0;
  width: 5.4cqi !important;
  height: 3.2cqi !important;
  padding: 0.5cqi 1cqi;
}
.lang-menu-item .sub-menu  ul li{
    justify-content: center;
}

/* Hover-Effekt für Dropdown-Links */
.lang-menu-item .sub-menu a:hover {
  background-color: var(--green1);
}

.current-lang{
	display: none !important;
}

.lang-item-sö {
  display: none !important;
}

.header2026-box05-lang-fr .header2026-box05-sub,
.header2026-box05-lang-sk .header2026-box05-sub,
.header2026-box05-lang-pl .header2026-box05-sub,
.header2026-box05-lang-nl .header2026-box05-sub{
    font-size: 0.8cqi;
}

.header2026-box05-lang-fr .header2026-box05-large{
    font-size: 1.3cqi;
}

.header2026-box05-lang-es .header2026-box05-large{
    font-size: 1.4cqi;
}


/* --- 1. TRANSITIONS (Für weiche Übergänge) --- */

/* Rahmen der Boxen (01-04, 09) und großen Boxen (11, 12) */
#header2026-box01 .header2026-bg-svg polygon,
#header2026-box02 .header2026-bg-svg polygon,
#header2026-box03 .header2026-bg-svg polygon,
#header2026-box04 .header2026-bg-svg polygon,
#header2026-box09 .header2026-bg-svg polygon,
#header2026-box11 svg > polygon,
#header2026-box12 svg > polygon {
    transition: stroke 0.3s ease;
}

/* Icons und Texte der Boxen (01-04 und 09) */
#header2026-box01 .header2026-box01-img img,
#header2026-box01 .header2026-box01-text,
#header2026-box02 .header2026-box02-icon,
#header2026-box02 .header2026-box02-text,
#header2026-box03 .header2026-box02-icon,
#header2026-box03 .header2026-box02-text,
#header2026-box04 .header2026-box02-icon,
#header2026-box04 .header2026-box02-text,
#header2026-box09 .header2026-box09-icon,
#header2026-box09 .header2026-box09-text {
    transition: transform 0.3s ease;
    display: inline-block; 
}

/* Text und Textbox-Rechtecke (<rect>) bei den großen Boxen (11, 12) */
#header2026-box11 svg rect,
#header2026-box11 svg text,
#header2026-box12 svg rect,
#header2026-box12 svg text {
    transition: opacity 0.3s ease;
}


/* --- 2. HOVER-EFFEKTE --- */

/* Rahmenfarbe für die definierten Boxen auf var(--orange2) ändern */
#header2026-box01:hover .header2026-bg-svg polygon,
#header2026-box02:hover .header2026-bg-svg polygon,
#header2026-box03:hover .header2026-bg-svg polygon,
#header2026-box04:hover .header2026-bg-svg polygon,
#header2026-box09:hover .header2026-bg-svg polygon,
#header2026-box11:hover svg > polygon,
#header2026-box12:hover svg > polygon {
    stroke: var(--orange2);
}

/* Zoom-Effekt für Icons und Text (01-04 und 09) */
#header2026-box01:hover .header2026-box01-img img,
#header2026-box01:hover .header2026-box01-text,
#header2026-box02:hover .header2026-box02-icon,
#header2026-box02:hover .header2026-box02-text,
#header2026-box03:hover .header2026-box02-icon,
#header2026-box03:hover .header2026-box02-text,
#header2026-box04:hover .header2026-box02-icon,
#header2026-box04:hover .header2026-box02-text,
#header2026-box09:hover .header2026-box09-icon,
#header2026-box09:hover .header2026-box09-text,
#header2026-box08 ul#menu-social_media_menu li a:hover{
    transform: scale(1.1);
}

#header2026-box08 ul#menu-social_media_menu li a {
    z-index:30;
}

/* Text und Textbox-Rechtecke (<rect>) bei den großen Boxen ausblenden */
#header2026-box11:hover svg rect,
#header2026-box11:hover svg text,
#header2026-box12:hover svg rect,
#header2026-box12:hover svg text {
    opacity: 0;
}

/* =========================================================
   AKTIVER MENÜPUNKT (Dauerhaft orange markiert)
   ========================================================= */
.header2026-abs-box.active-box .header2026-bg-svg polygon,
.header2026-hex-box.active-box svg > polygon {
    stroke: var(--orange2) !important;
}

@media (min-width: 1920px) {
  .header2026-container {
    /* 1920px ist Basis-Designbreite: Skaliert auf 2560px um den Faktor ~1.33x */
    transform-origin: top center;
    width: 1920px;
    max-width: calc((1350 * 100vw) / 1920);
    margin: 0 auto;
  }
}
@media (max-width: 800px) {
	.header2026-wrapper{
		display: none;
	}
}