/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 20 2026 | 13:59:47 */
@media (max-width: 600px) {
  #privacynote {
    width: 100vw;            /* Volle Bildschirmbreite */
    box-sizing: border-box; /* Padding wird korrekt eingerechnet */
    overflow-x: hidden;      /* Kein horizontales Scrollen */
    margin: 0;
    padding: 10px;           /* Optional: Innenabstand */
  }
}

/* Ziel ungefähr mittig: 40vh über dem Ziel frei lassen */
#deine-aufgaben {
  scroll-margin-top: 40vh;   /* Desktop-Tweak */
}

/* Mobil ggf. etwas weniger, damit nicht zu tief gescrollt wird */
@media (max-width: 980px) {
  #deine-aufgaben {
    scroll-margin-top: 30vh;
  }
}

/* Wenn du einen sticky Header hast, leichte Kompensation */
.et-fixed-header #deine-aufgaben {
  scroll-margin-top: 45vh;   /* je nach Headerhöhe feinjustieren */
}

/* ====== Smooth Fade + Light Zoom für das Bildmodul ====== */
#dynamic-image img {
  opacity: 1;
  transform: scale(1);
  transition: opacity 350ms ease, transform 350ms ease;
  will-change: opacity, transform;
}
#dynamic-image img.is-switching {
  opacity: 0.12;            /* sanft ausfaden */
  transform: scale(1.03);   /* minimaler Zoom für hochwertigen Look */
}

/* ====== Divi 5: Offen-Zustände explizit anzeigen (keine Blockaden) ======
   -> Wir setzen KEIN globales display:none; das macht unser JS beim Start
   -> Diese Regeln sorgen dafür, dass geöffnete Items sichtbar sind */
.et_pb_accordion .et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_content,
.et_pb_accordion .et_pb_accordion_item.et_pb_accordion_item--open .et_pb_toggle_content,
.et_pb_accordion .et_pb_accordion_item[data-state="open"] .et_pb_toggle_content {
  display: block !important;
}
/* Hover immer aktivieren */
#mega-menu-wrap-secondary-menu .mega-menu-item:hover > .mega-sub-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Klick-Status (wenn das Plugin eine Klasse wie .mega-toggle-on setzt) */
#mega-menu-wrap-primary-menu .mega-menu-item.mega-toggle-on > .mega-sub-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
/* Hover immer aktivieren */
#mega-menu-wrap-primary-menu .mega-menu-item:hover > .mega-sub-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Klick-Status (wenn das Plugin eine Klasse wie .mega-toggle-on setzt) */
#mega-menu-wrap-primary-menu .mega-menu-item.mega-toggle-on > .mega-sub-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.Akkordion123 .et_pb_accordion_item .et_pb_toggle_content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.Akkordion123 .et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_content {
    max-height: 2000px;
}
#main-header,
#top-header,
#page-container {
    transform: none !important;
    will-change: auto !important;
}
.et_pb_section,
.et_pb_row,
.et_pb_column {
    transform: none !important;
}
.et_pb_accordion .et_pb_toggle_content {
    transition: none !important;
    height: auto !important;
    overflow: visible !important;
}
/* Nur für das Akkordeon mit der Klasse "Akkordion123" */

/* Basis: eigenes Icon immer anzeigen */
.Akkordion123 .et_pb_toggle_title::after {
    content: "⌄"; /* Caret Down */
    position: absolute;
    right: -11px;
    color: #000000;
    font-size: 32px;
    font-weight: 700;
    pointer-events: none;
}

/* Wenn das Akkordeon offen ist */
.Akkordion123 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::after {
    content: "⌃"; /* Caret Up */
}
/* Nur für das Akkordeon mit der Klasse "Akkordion123" */

/* Basis: eigenes Icon immer anzeigen */
.Akkordion1234 .et_pb_toggle_title::after {
    content: "⌄"; /* Caret Down */
    position: absolute;
    right: 0px;
	top: -6px;
    color: #ffff;
    font-size: 32px;
    font-weight: 700;
    pointer-events: none;
}

/* Wenn das Akkordeon offen ist */
.Akkordion1234 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::after {
    content: "⌃"; /* Caret Up */
	top: 6px;
}